/* Emotional Boating · versión compacta
   Se carga después del estilo de cada página: reduce espacios y alturas para hacer menos scroll
   manteniendo tipografía, colores y proporciones. En móvil, las filas largas de tarjetas pasan a
   carrusel deslizable. También se aplica mientras se edita, para ver exactamente lo que se publica. */

/* ============ ESCRITORIO Y TABLET (≥ 761 px) ============ */
@media (min-width:761px){
  /* Portadas */
  .hero{min-height:600px;height:78vh}
  .hero-content{bottom:clamp(70px,9vh,104px)}
  .hero-copy{margin:20px 0 22px}
  .exc-hero{min-height:560px;padding:130px clamp(24px,5vw,78px) 58px}
  .exc-hero h1{margin:12px 0 18px}
  .exc-hero-actions{margin-top:22px}
  .dest-hero,.contact-hero{min-height:62vh;padding:118px clamp(24px,5vw,78px) 56px}
  .dest-hero h1,.contact-hero h1{margin:12px 0 18px}
  .boat-detail-hero{min-height:600px}
  .boat-detail-photo{min-height:520px}
  .boat-detail-copy{padding:48px clamp(28px,5vw,72px)}
  .boat-detail-copy h1{margin:12px 0 18px}
  .boat-detail-actions{margin-top:22px}

  /* Secciones */
  .section{padding:68px clamp(22px,5vw,80px)}
  .section-head{margin-bottom:28px}
  .value-item{padding:20px 18px}
  .boat-img{height:200px}
  .boat-body{padding:15px 16px 16px}
  .card-bottom{margin-top:10px}
  .experience-card{min-height:300px}
  .destination-band{padding:56px clamp(22px,5vw,80px)}
  .destination-card{height:220px}
  .promise-grid{gap:28px}
  .reviews-editable{padding:64px clamp(22px,5vw,80px)}
  .reviews-editable-head{margin-bottom:24px}
  .review-edit-card{padding:22px;min-height:0}
  .review-edit-stars{margin-bottom:12px}
  .review-edit-card p{margin:0 0 16px}
  .review-more-section{padding:12px clamp(22px,5vw,80px) 60px}
  .review-more-card{padding:20px;min-height:0}
  .review-more-stars{margin-bottom:12px}
  .review-more-card p{margin:0 0 14px}
  .review-social{min-height:420px}
  .review-copy{padding:52px}
  .instagram{padding:52px clamp(22px,5vw,80px)}
  .cta{min-height:360px}
  .cta-inner h2{margin-bottom:22px}
  footer{padding:46px clamp(22px,5vw,80px) 80px}
  .footer-grid{gap:36px}
  .footer-bottom{margin-top:28px}

  /* Excursiones y destinos */
  .exc-intro,.exc-schedule,.exc-final{padding:72px clamp(24px,5vw,78px)}
  .exc-routes,.exc-included{padding:70px clamp(24px,5vw,78px)}
  .exc-private{padding:78px clamp(24px,5vw,78px)}
  .exc-route-head{margin-bottom:30px}
  .exc-route-img{height:250px}
  .exc-route-body{padding:20px}
  .exc-route-card p{min-height:0}
  .schedule-row{padding:18px 0}
  .included-grid{margin-top:28px}
  .included-item{padding:26px 22px;min-height:150px}
  .included-item span{margin-bottom:16px}
  .tour-index{padding:24px clamp(24px,5vw,78px)}
  .tour-detail{padding:72px clamp(24px,5vw,78px)}
  .tour-detail-media{min-height:500px}
  .tour-facts{margin:20px 0}
  .tour-fact{padding:13px 0}
  .tour-subtitle{margin:20px 0 10px}
  .tour-points li{padding:9px 0}
  .tour-cta{margin-top:22px}
  .tour-advice{padding:68px clamp(24px,5vw,78px)}
  .advice-item{padding:22px}
  .dest-intro,.contact-intro{padding:68px clamp(24px,5vw,78px)}
  .destination-detail{padding:72px clamp(24px,5vw,78px)}
  .destination-media{min-height:480px}
  .destination-points{margin:18px 0}
  .destination-points li{padding:10px 0}
  .destination-final{padding:76px clamp(24px,5vw,78px)}

  /* Contacto */
  .contact-options{padding:60px clamp(24px,5vw,78px)}
  .contact-card{padding:24px}
  .contact-card .num{margin-bottom:14px}
  .contact-card p{margin-bottom:16px}
  .contact-form-section{padding:68px clamp(24px,5vw,78px)}
  .contact-form{padding:24px}
  .contact-field{margin-bottom:12px}
  .contact-field input,.contact-field select{height:44px}
  .contact-field textarea{min-height:100px}
  .contact-map{padding:0 clamp(24px,5vw,78px) 72px}
  .contact-map-box{min-height:260px;padding:32px}

  /* Fichas de barco */
  .boat-spec-item{padding:20px clamp(18px,2.6vw,38px)}
  .boat-detail-section,.boat-price-section,.boat-features-section,.boat-gallery-section{padding:68px clamp(24px,5vw,78px)}
  .boat-price-head{margin-bottom:28px}
  .price-card{padding:22px 20px}
  .price-card span{margin-bottom:12px}
  .boat-highlight{padding:26px}
  .feature-grid{margin-top:26px}
  .feature-item{padding:22px 20px;min-height:0}
  .feature-item span{margin-bottom:12px}
  .boat-final{padding:72px clamp(24px,5vw,78px)}
  .boat-gallery-head{margin-bottom:24px}
  .boat-carousel{min-height:480px}
  .boat-carousel-slide{height:480px}
  .boat-photo-item{min-height:240px}
  .boat-photo-item:nth-child(6n+4){min-height:280px}
  .boat-photo-item:nth-child(6n+5),.boat-photo-item:nth-child(6n+6){min-height:340px}
  .reserve-extra-section{padding:52px clamp(24px,5vw,78px)}
}

/* ============ MÓVIL (≤ 760 px) ============ */
@media (max-width:760px){
  /* Portadas */
  .hero{min-height:520px;height:74vh}
  .hero-content{bottom:34px}
  .hero-copy{margin:16px 0 18px}
  .exc-hero{min-height:470px;padding:108px 20px 36px}
  .exc-hero h1{margin:10px 0 14px}
  .exc-hero-actions{margin-top:18px}
  .dest-hero,.contact-hero{min-height:0;padding:100px 20px 36px}
  .dest-hero h1,.contact-hero h1{margin:10px 0 14px}
  .boat-detail-photo{min-height:270px}
  .boat-detail-copy{padding:28px 20px 34px}
  .boat-detail-copy h1{margin:10px 0 14px}
  .boat-detail-actions{margin-top:18px}

  /* Secciones: menos margen vertical */
  .section{padding:44px 20px}
  .section-head{gap:12px;margin-bottom:20px}
  .value-item{padding:16px 12px}
  .destination-band{padding:42px 20px}
  .reviews-editable{padding:44px 20px}
  .reviews-editable-head{gap:12px;margin-bottom:18px}
  .review-more-section{padding:4px 20px 44px}
  .review-edit-card,.review-more-card{padding:18px;min-height:0}
  .review-edit-stars,.review-more-stars{margin-bottom:10px}
  .review-edit-card p,.review-more-card p{margin:0 0 12px}
  .review-photo{min-height:240px}
  .review-copy{padding:36px 20px}
  .instagram{padding:40px 20px}
  .instagram-head{margin-bottom:16px}
  .cta{min-height:300px}
  .cta-inner h2{margin-bottom:18px}
  footer{padding:36px 20px 70px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:22px}
  .footer-bottom{margin-top:22px}

  /* Rejillas pequeñas: 2 columnas */
  .experience-grid{grid-template-columns:1fr 1fr;gap:8px}
  .experience-card{min-height:190px}
  .destination-grid{grid-template-columns:1fr 1fr}
  .destination-lead{grid-column:1/-1;padding:0 0 8px}
  .destination-card{height:150px}
  .promise-grid{grid-template-columns:1fr 1fr;gap:18px 14px}
  .promise-icon{height:44px;margin-bottom:8px}
  .included-grid,.feature-grid,.boat-spec-band,.price-grid,.advice-list{grid-template-columns:1fr 1fr}
  .included-item{padding:18px 14px;min-height:0}
  .included-item span{margin-bottom:10px}
  .feature-item{padding:16px 14px;min-height:0}
  .feature-item span{margin-bottom:8px}
  .boat-spec-item{padding:14px 16px}
  .price-card{padding:16px 14px}
  .price-card span{margin-bottom:8px}
  .advice-item{padding:16px}
  .boat-photo-grid{grid-template-columns:1fr 1fr;gap:8px}
  .boat-photo-item,.boat-photo-item:nth-child(n){min-height:150px}

  /* Excursiones, destinos, contacto, fichas */
  .exc-intro,.exc-schedule,.exc-routes,.exc-included,.exc-private,.exc-final,
  .tour-detail,.tour-advice,.dest-intro,.contact-intro,.destination-detail,.destination-final,
  .contact-form-section,.contact-options,
  .boat-detail-section,.boat-price-section,.boat-features-section,.boat-gallery-section,.boat-final{padding:40px 20px}
  .exc-route-head,.boat-gallery-head{gap:12px;margin-bottom:18px}
  .boat-price-head{gap:12px;margin-bottom:18px}
  .exc-route-img{height:190px}
  .exc-route-body{padding:16px}
  .exc-route-card p{min-height:0}
  .schedule-row{padding:14px 0}
  .tour-index{padding:16px 20px}
  .tour-detail-media{min-height:230px}
  .tour-facts{margin:16px 0}
  .tour-fact,.tour-fact:nth-child(n){padding:10px 0}
  .tour-points li{padding:8px 0}
  .destination-media{min-height:230px}
  .destination-points{margin:14px 0}
  .destination-points li{padding:8px 0}
  .contact-card{padding:20px}
  .contact-card .num{margin-bottom:10px}
  .contact-form{padding:18px}
  .contact-field textarea{min-height:90px}
  .contact-map{padding:0 20px 44px}
  .contact-map-box{min-height:0;padding:24px}
  .boat-highlight{padding:20px}
  .boat-carousel,.boat-carousel-slide{min-height:280px;height:280px}
  .reserve-extra-section{padding:36px 20px}

  /* Carrusel deslizable solo para las rutas de excursiones (no en modo edición) */
  .exc-route-grid{
    display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:80%;gap:12px;
    overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;
    margin:0 -20px;padding:4px 20px 14px;scroll-padding:0 20px;scrollbar-width:none
  }
  .exc-route-grid::-webkit-scrollbar{display:none}
  .exc-route-grid>*{scroll-snap-align:start;min-width:0}
  .boat-img{height:170px}
  .boat-body{padding:14px 14px 15px}
  .card-bottom{margin-top:10px}
}

/* Instagram: el @usuario debajo del título en móvil */
@media (max-width:760px){
  .instagram-head{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
}

/* Cabeceras de sección con título + texto: apiladas en móvil */
@media (max-width:760px){
  .boat-price-head,.boat-gallery-head,.exc-route-head,.section-head{display:flex;flex-direction:column;align-items:flex-start}
}

/* ===== Inicio en móvil: flota y reseñas completas en pantalla, sin carrusel ===== */
@media (max-width:760px){
  /* Nuestra flota: rejilla 2 columnas con tarjetas compactas; el último barco impar ocupa el ancho */
  #flota .section-intro{display:none}
  #flota .section-head{margin-bottom:14px}
  .fleet-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:visible;margin:0;padding:0}
  .fleet-grid .boat-card{border-radius:12px;box-shadow:0 4px 14px rgba(6,35,58,.07)}
  .fleet-grid .boat-card::after{top:7px;right:7px;min-width:24px;height:22px;padding:0 6px;font-size:.56rem}
  #flota h2{font-size:2.05rem;line-height:1.02}
  .fleet-grid .boat-img{height:84px}
  .fleet-grid .boat-card .boat-body{padding:7px 10px 8px!important}
  .fleet-grid .boat-badge,
  .fleet-grid .boat-sub,
  .fleet-grid .specs{display:none}
  .fleet-grid .boat-body h3{font-size:.86rem;line-height:1.15;margin:0;min-height:2.3em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .fleet-grid .card-bottom{margin-top:4px;display:flex;justify-content:space-between;align-items:center;gap:4px}
  .fleet-grid .price{font-size:.64rem;white-space:nowrap}
  .fleet-grid .small-link{font-size:0;border:0;padding:0}
  .fleet-grid .small-link::after{font-size:.8rem}
  .fleet-grid .boat-card:last-child:nth-child(odd){grid-column:1/-1;display:grid;grid-template-columns:44% 1fr}
  .fleet-grid .boat-card:last-child:nth-child(odd) .boat-img{height:100%;min-height:84px}
  .fleet-grid .boat-card:last-child:nth-child(odd) .boat-body h3{min-height:0}
  .fleet-grid .boat-card:last-child:nth-child(odd) .boat-body{display:flex;flex-direction:column;justify-content:center}
  #flota .btn{margin-top:0}
  #flota > div[style*="margin-top"]{margin-top:14px!important}

  /* Reseñas: solo 4 (2 + 2), en 2 columnas y con el texto acotado */
  .reviews-editable{padding-bottom:0}
  .reviews-editable-head{margin-bottom:14px}
  .reviews-editable-head .add-item{display:none}
  .reviews-editable-grid,
  .review-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:visible;margin:0;padding:0}
  .reviews-editable-grid>:nth-child(n+3),
  .review-more-grid>:nth-child(n+3){display:none}
  .review-more-section{padding:8px 20px 40px}
  .review-edit-card,
  .review-more-card{padding:12px;min-height:0;display:flex;flex-direction:column}
  .review-edit-stars,
  .review-more-stars{font-size:.72rem;margin-bottom:6px}
  .review-edit-card p,
  .review-more-card p{font-size:.74rem;line-height:1.45;margin:0 0 8px;flex:1;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
  .review-edit-card strong,
  .review-more-card strong{font-size:.7rem}
  .review-edit-card span,
  .review-more-card span{font-size:.6rem;margin-top:2px}
}

/* ===== Inicio: franja de valores retirada ===== */
.value-strip{display:none!important}

/* ===== Tarjetas de flota: capacidad, motor y patrón (solo móvil; en escritorio ya lo muestran la descripción y las especificaciones) ===== */
.boat-quick{display:none}
@media (max-width:760px){
  .boat-quick{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;list-style:none;margin:5px 0 0;padding:0;font:600 .58rem/1.2 "DM Sans",sans-serif;color:#355468;letter-spacing:0}
  .boat-quick li{min-width:0;overflow:hidden;text-overflow:ellipsis}
  .boat-quick li{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
  .boat-quick li::before{content:"";width:10px;height:10px;flex:none;background:#caa86a;-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
  .boat-quick .q-cap{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 11a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm7 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6ZM9 13c-4 0-7 2-7 4.5V20h14v-2.5C16 15 13 13 9 13Zm7.5.1c1.7.6 3.5 1.9 3.5 4.4V20h2v-2.5c0-2.4-2.4-4-5.5-4.4Z'/%3E%3C/svg%3E")}
  .boat-quick .q-cv{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M13 2 4 14h6l-1 8 9-12h-6l1-8Z'/%3E%3C/svg%3E")}
  .boat-quick .q-sk{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a3 3 0 0 1 1 5.8V9h4v2h-4v8.9A7 7 0 0 0 19 14h-2l3-4 3 4h-2a9 9 0 0 1-18 0H1l3-4 3 4H5a7 7 0 0 0 6 5.9V11H7V9h4V7.8A3 3 0 0 1 12 2Zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2Z'/%3E%3C/svg%3E")}
  .fleet-grid .boat-body h3{min-height:0}
}
@media (max-width:760px) and (max-height:700px){
  #flota h2{font-size:1.7rem}
  #flota .section-head{margin-bottom:10px}
  .fleet-grid .boat-body h3{font-size:.8rem;-webkit-line-clamp:1;white-space:nowrap;text-overflow:ellipsis;display:block}
  .fleet-grid .boat-quick{margin-top:3px;gap:1px 8px}
  .fleet-grid .card-bottom{margin-top:3px}
}
@media (max-width:760px){
  .boat-quick .q-lic{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 5h18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1Zm5 3a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5Zm-4 9h8c0-2-1.8-3-4-3s-4 1-4 3Zm9-8v2h7V9h-7Zm0 4v2h5v-2h-5Z'/%3E%3C/svg%3E")}
}

/* ===== Flota en móvil: titulación en la pastilla superior y precio centrado ===== */
@media (max-width:760px){
  .fleet-grid .boat-card[data-lic]::after{content:attr(data-lic);letter-spacing:.06em;text-transform:uppercase;font-weight:700}
  .fleet-grid .boat-card::after{font-size:.52rem;height:20px;padding:0 7px}
  .boat-quick .q-lic{display:none}
  .fleet-grid .boat-quick .q-sk{grid-column:1/-1}
  .fleet-grid .card-bottom{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:4px}
  .fleet-grid .price{grid-column:2;text-align:center}
  .fleet-grid .small-link{grid-column:3;justify-self:end}
}