@import url('./contact-strip.css');.inner-page header{position:absolute}.inner-page .bar nav a.active:after{right:0}.inner-hero{height:720px;position:relative;display:flex;align-items:center;overflow:hidden;background:#032237;color:#fff}.inner-hero:before{content:'';position:absolute;inset:0;background-image:var(--hero-image);background-position:center;background-size:cover;animation:inner-drift 16s ease-in-out infinite alternate}.inner-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,25,40,.94),rgba(2,25,40,.62) 52%,rgba(2,25,40,.12))}.inner-hero-copy{position:relative;z-index:2;padding-top:70px;max-width:900px}.inner-hero h1{font-size:clamp(4rem,7vw,7.3rem);line-height:.88;letter-spacing:-.07em;margin:28px 0}.inner-hero p{font-size:1.18rem;color:#d8e7e7;max-width:640px}.wave-line{position:absolute;z-index:3;left:0;right:0;bottom:-5px;height:80px;background:repeating-radial-gradient(ellipse at 50% 115%,transparent 0 42px,rgba(255,255,255,.25) 44px 46px,transparent 48px 78px);animation:wave-move 10s linear infinite}.story-intro{padding:100px 0;text-align:center;background:#f4f8f8}.story-intro>div{max-width:980px}.story-intro h2,.content-split h2,.values-title h2{font-size:clamp(3rem,5vw,5.1rem);line-height:.95;letter-spacing:-.06em;margin:24px 0}.story-intro p{font-size:1.12rem;color:#587078;max-width:800px;margin:auto}.process{padding:100px 0;background:#fff}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#c6d7d9}.process-card{min-height:500px;background:linear-gradient(145deg,#fff,#e4f0f0);position:relative;overflow:hidden;transition:transform .45s ease,box-shadow .45s ease}.process-card:before{content:attr(data-step);position:absolute;z-index:2;top:18px;left:18px;display:grid;place-items:center;width:58px;height:58px;background:#052e43e8;border:1px solid #ffffff80;color:#fff;font-size:1.25rem;font-weight:800;letter-spacing:.08em}.process-card>img{display:block;width:100%;height:235px;object-fit:cover;transition:transform .8s ease}.process-card-copy{padding:31px 30px 34px}.process-card h3{font-size:1.4rem;margin:0 0 14px}.process-card p{color:#60757b;margin:0}.process-card:hover{z-index:2;transform:translateY(-9px);box-shadow:0 24px 48px #062e4026}.process-card:hover>img{transform:scale(1.06)}.content-split{display:grid;grid-template-columns:1fr 1fr;min-height:650px;background:#062f43;color:#fff}.split-image{background-image:var(--split-image);background-size:cover;background-position:center;min-height:500px}.quality-origin-image{position:relative;isolation:isolate;overflow:hidden;background:#031f31}.quality-origin-image>img{display:block;width:100%;height:100%;min-height:650px;object-fit:cover;object-position:center;animation:quality-origin-drift 16s ease-in-out infinite alternate;will-change:transform}.quality-origin-image:after{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,transparent 58%,rgba(6,47,67,.48)),linear-gradient(0deg,rgba(2,25,40,.2),transparent 45%);pointer-events:none}.content-split:hover .quality-origin-image>img{animation-duration:9s}.split-copy{padding:90px max(40px,8vw);display:flex;flex-direction:column;justify-content:center}.split-copy p{color:#c8dcdc;font-size:1.08rem}.values-section{padding:105px 0;background:linear-gradient(135deg,#e8f3f3,#fff)}.quality-commitments{position:relative;isolation:isolate;overflow:hidden;background:#031f31;color:#fff}.quality-commitments:before{content:'';position:absolute;z-index:-2;inset:-7%;background:url('assets/images/calidad-fondo-mar-noruega.webp') center/cover no-repeat;animation:quality-sea-drift 18s ease-in-out infinite alternate;will-change:transform}.quality-commitments:after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(2,24,39,.62),rgba(2,24,39,.82)),radial-gradient(circle at 50% 15%,rgba(78,137,130,.25),transparent 55%)}.quality-commitments .values-title .eyebrow{color:#9fd1cf}.quality-commitments .detail-grid{gap:20px}.quality-commitments .detail-card{min-height:225px;background:linear-gradient(145deg,rgba(4,43,62,.95),rgba(2,25,40,.96));border:1px solid rgba(177,218,215,.34);color:#fff;box-shadow:0 22px 45px rgba(0,12,22,.34);backdrop-filter:blur(6px);transition:transform .45s ease,border-color .45s ease,background .45s ease}.quality-commitments .detail-card b{color:#8fc8c4}.quality-commitments .detail-card h3{color:#fff;font-size:1.48rem}.quality-commitments .detail-card p{color:#d1e2e2;font-size:1rem}.quality-commitments .detail-card:hover{transform:translateY(-10px);border-color:#9fd1cf;background:linear-gradient(145deg,rgba(6,58,78,.98),rgba(3,34,51,.98))}.quality-commitments .detail-card:nth-child(1){--d:0ms}.quality-commitments .detail-card:nth-child(2){--d:100ms}.quality-commitments .detail-card:nth-child(3){--d:200ms}.quality-commitments .detail-card:nth-child(4){--d:300ms}.quality-commitments .detail-card:nth-child(5){--d:400ms}.quality-commitments .detail-card:nth-child(6){--d:500ms}.values-title{text-align:center;margin-bottom:50px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.detail-card{padding:34px;background:#fff;border:1px solid #c8d9db;box-shadow:0 18px 35px #07384a0d}.detail-card b{display:block;color:#41807f;font-size:.72rem;letter-spacing:.18em}.detail-card h3{font-size:1.35rem}.detail-card p{color:#61777d}.distribution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.market-card{min-height:470px;position:relative;overflow:hidden;color:#fff}.market-card img{width:100%;height:100%;object-fit:cover;transition:.7s}.market-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#031c2df2,transparent 65%)}.market-card div{position:absolute;z-index:2;inset:auto 0 0;padding:32px}.market-card h3{font-size:2rem;margin:0 0 8px}.market-card p{color:#cce0df}.market-card:hover img{transform:scale(1.06)}.contact-details{padding:95px 0;background:#fff}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-card{padding:35px;border:1px solid #cadbdd;background:linear-gradient(145deg,#fff,#e9f3f3)}.contact-card small{color:#55807f;text-transform:uppercase;letter-spacing:.16em}.contact-card h3{font-size:1.35rem}.contact-card p{color:#63787e}.contact-form{padding:42px;background:#fff;border:1px solid #c8d8da;box-shadow:0 24px 55px #052d3e1c}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 30px}.contact-form label{font-size:.76rem;font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:8px;padding:9px 4px;border:0;border-bottom:1px solid #88a7ad;background:transparent;font:inherit}.contact-form .full{grid-column:1/-1}.privacy{display:flex;gap:10px;align-items:center}.privacy input{width:auto;margin:0}.contact-form button{margin-top:28px;border:0;padding:16px 22px;background:#4e8982;color:#fff;font-weight:800;cursor:not-allowed}.demo-note{display:block;margin-top:13px;color:#6b8086}@keyframes inner-drift{to{transform:scale(1.06) translateX(-15px)}}@keyframes quality-origin-drift{0%{transform:scale(1.04) translate3d(-1%,0,0)}100%{transform:scale(1.12) translate3d(1.5%,-1%,0)}}@keyframes quality-sea-drift{0%{transform:scale(1.03) translate3d(-1.2%,0,0)}100%{transform:scale(1.1) translate3d(1.2%,-1%,0)}}@keyframes wave-move{50%{transform:translateX(55px)}}@media(max-width:900px){.process-grid{grid-template-columns:repeat(2,1fr)}.content-split{grid-template-columns:1fr}.detail-grid,.distribution-grid{grid-template-columns:1fr 1fr}.contact-cards{grid-template-columns:1fr}.contact-layout{grid-template-columns:1fr}}@media(max-width:760px){.inner-hero{height:680px}.inner-hero h1{font-size:3.7rem}.inner-hero:after{background:linear-gradient(0deg,#031c2ded,#031c2d55)}.story-intro,.process,.values-section,.contact-details{padding:75px 0}.process-grid,.detail-grid,.distribution-grid{grid-template-columns:1fr}.process-card{min-height:0}.content-split{min-height:0}.split-copy{padding:65px 28px}.form-grid{grid-template-columns:1fr}.contact-form .full{grid-column:auto}}@media(prefers-reduced-motion:reduce){.inner-hero:before,.wave-line,.quality-origin-image>img,.quality-commitments:before{animation:none}}

/* Rutas directas desde esta hoja para que los banners carguen tanto en hosting como al abrir la web localmente. */
body[data-page="origen"] .inner-hero:before{background-image:url('./assets/images/banners/banner-origen.jpg')}
body[data-page="calidad"] .inner-hero:before{background-image:url('./assets/images/banners/banner-calidad.jpg')}
body[data-page="distribucion"] .inner-hero:before{background-image:url('./assets/images/banners/banner-distribucion.jpg')}
body[data-page="contacto"] .inner-hero:before{background-image:url('./assets/images/banners/banner-contacto.jpg')}

/* Slider de logística: fundido suave entre avión/camión y control de entrega. */
.distribution-slider{min-height:650px}
.distribution-slider .distribution-slide{position:absolute;inset:0;width:100%;height:100%;min-height:650px;object-fit:cover;object-position:center;opacity:0;transform:scale(1.04);animation:none;transition:opacity 1.15s ease-in-out,transform 5s ease-out;will-change:opacity,transform}
.distribution-slider .distribution-slide.active{opacity:1;transform:scale(1.09)}
.distribution-slider:after{background:linear-gradient(270deg,transparent 62%,rgba(6,47,67,.38)),linear-gradient(0deg,rgba(2,25,40,.16),transparent 45%)}
.distribution-dots{position:absolute;z-index:3;left:28px;bottom:25px;display:flex;gap:8px}
.distribution-dots button{width:32px;height:4px;padding:0;border:0;background:#ffffff75;cursor:pointer;transition:.35s}
.distribution-dots button.active{width:52px;background:#fff}
@media(max-width:900px){.distribution-slider,.distribution-slider .distribution-slide{min-height:480px}}
@media(prefers-reduced-motion:reduce){.distribution-slider .distribution-slide{transition:none;transform:none}.distribution-slider .distribution-slide.active{transform:none}}

/* Galería de vídeos de calidad: el MP4 solo se carga después de pulsar Play. */
.quality-videos{padding:90px 0;background:linear-gradient(135deg,#f5fbfc 0%,#e4f3f6 48%,#d8edf2 100%);border-bottom:1px solid #c8e2e7}
.quality-videos-heading{text-align:center;margin-bottom:42px}
.quality-videos-heading h2{font-size:clamp(2.5rem,4.5vw,4.6rem);line-height:.95;letter-spacing:-.055em;margin:20px 0 0;color:#052e43}
.quality-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,340px));justify-content:center;gap:28px}
.quality-video-card{position:relative;display:block;width:100%;aspect-ratio:9/13;overflow:hidden;padding:0;border:0;background:#052e43;color:#fff;cursor:pointer;text-align:left;box-shadow:0 24px 55px rgba(5,46,67,.2)}
.quality-video-card img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .7s ease,filter .5s ease}
.quality-video-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,25,40,.92),transparent 52%)}
.quality-video-card:hover img{transform:scale(1.035);filter:brightness(.88)}
.video-play{position:absolute;z-index:2;left:50%;top:46%;display:grid;place-items:center;width:68px;height:68px;border:1px solid rgba(255,255,255,.82);border-radius:50%;background:rgba(5,46,67,.82);font-size:1.25rem;line-height:1;transform:translate(-50%,-50%);padding-left:4px;transition:transform .3s ease,background .3s ease}
.quality-video-card:hover .video-play{transform:translate(-50%,-50%) scale(1.08);background:#4e8982}
.video-card-label{position:absolute;z-index:2;left:26px;right:26px;bottom:24px}
.video-card-label small,.video-card-label strong{display:block}
.video-card-label small{margin-bottom:7px;color:#a9d8d4;font-size:.68rem;font-weight:800;letter-spacing:.13em}
.video-card-label strong{font-size:1.22rem}
.quality-video-modal{width:min(92vw,520px);padding:0;border:0;background:#021927;box-shadow:0 35px 90px rgba(0,0,0,.55)}
.quality-video-modal::backdrop{background:rgba(0,17,28,.86);backdrop-filter:blur(5px)}
.video-frame{width:100%;max-height:88vh;background:#000}
.video-frame video{display:block;width:100%;max-height:88vh;aspect-ratio:9/16;background:#000}
.video-close{position:absolute;z-index:3;top:12px;right:12px;width:44px;height:44px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(2,25,40,.88);color:#fff;font-size:1.8rem;line-height:1;cursor:pointer}
@media(max-width:760px){.quality-videos{padding:70px 0}.quality-video-grid{grid-template-columns:minmax(0,310px)}.quality-video-modal{width:min(94vw,460px)}}

/* Encuadres completos para fotografías horizontales en móvil. */
@media(max-width:760px){
  .content-split .quality-origin-image{min-height:0;aspect-ratio:16/9;background:#031f31}
  .content-split .quality-origin-image>img{min-height:0;width:100%;height:100%;object-fit:contain;object-position:center;animation:none;transform:none}
  .content-split:hover .quality-origin-image>img{animation:none}
  .distribution-slider,.distribution-slider .distribution-slide{min-height:0}
  .distribution-slider .distribution-slide,.distribution-slider .distribution-slide.active{object-fit:contain;object-position:center;transform:none}
  .distribution-dots{left:18px;bottom:14px}
}