@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,400;6..72,500&display=swap');
:root{--azul:#071c2c;--crema:#faf8f2;--oro:#b58b48;--borde:#deded2;--gris:#5c686d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--crema);color:var(--azul);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--oro);outline-offset:5px}.wrap{width:min(1180px,calc(100% - 64px));margin:auto}.salto{position:absolute;left:20px;top:-100px}.salto:focus{top:10px;background:white;padding:10px;z-index:9}.cabecera{height:116px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--borde)}.marca{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:22px;letter-spacing:3px;font-weight:700}.marca small{display:block;font-size:8px;letter-spacing:1.9px;font-weight:500}.enlace{font-size:13px;text-decoration:none;border-bottom:1px solid var(--azul);padding-bottom:4px}.enlace span{margin-left:20px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:66px;padding-top:66px;padding-bottom:70px;align-items:center}.ceja{font-size:10px;letter-spacing:2.2px;font-weight:700;margin:0 0 24px}.hero h1{font:400 clamp(48px,5.5vw,78px)/1.02 'Newsreader',Georgia,serif;letter-spacing:-2.6px;margin:0 0 26px}.intro{max-width:440px;color:var(--gris);font-size:16px;margin:0 0 30px}.boton{display:inline-flex;justify-content:center;align-items:center;gap:38px;padding:15px 24px;background:var(--azul);color:white;text-decoration:none;font-size:13px;font-weight:600;border:1px solid var(--azul);border-radius:3px}.boton:hover{background:#16384d}.hero-nota{font-size:11px;color:var(--gris);margin-top:18px}.hero-foto{margin:0;position:relative;aspect-ratio:0.98}.hero-foto img{width:100%;height:100%;object-fit:cover;border-radius:48% 48% 3px 3px}.hero-foto figcaption{position:absolute;bottom:15px;left:15px;right:15px;background:#faf8f2ec;padding:12px 16px;font-size:11px;text-align:center}.franja{border-block:1px solid var(--borde)}.franja .wrap{display:flex;justify-content:space-around;gap:20px;padding-block:19px;font-size:11px}.franja span:before{content:'✦';color:var(--oro);margin-right:14px}.seccion{padding-block:88px}.encabezado{display:flex;gap:70px;justify-content:space-between;align-items:end;margin-bottom:38px}.encabezado .ceja{margin-bottom:16px}h2{font:400 clamp(32px,3.6vw,49px)/1.12 'Newsreader',Georgia,serif;letter-spacing:-1px;margin:0}.encabezado>p{font-size:13px;color:var(--gris);max-width:325px;margin:0}.productos{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;min-height:320px}.producto{border:1px solid var(--borde);border-radius:5px;overflow:hidden;background:#fffdf9}.producto .foto{display:block;background:#eeeee6;aspect-ratio:1.05;overflow:hidden}.producto img{width:100%;height:100%;object-fit:contain;transition:transform .4s}.producto:hover img{transform:scale(1.04)}.producto .texto{padding:25px}.producto .ceja{margin-bottom:12px;font-size:9px}.producto h3{font:400 30px/1.1 'Newsreader',Georgia,serif;margin:0 0 8px}.producto .presentacion{font-size:12px;color:var(--gris);margin:0 0 21px}.precio{font-size:19px;font-weight:500;margin-bottom:18px}.producto .boton{display:flex;width:100%;background:transparent;color:var(--azul);gap:12px}.producto .boton:hover{background:var(--azul);color:white}.nota{font-size:11px;color:var(--gris);margin:24px 0 0}.formatos{display:grid;grid-template-columns:1.1fr 1fr 1fr;border-block:1px solid var(--borde);padding-block:55px;gap:55px}.linea{padding-left:30px;border-left:1px solid var(--borde)}.numero{font-size:11px;color:var(--oro)}.linea h3{font:400 32px 'Newsreader',serif;margin:14px 0}.linea p{font-size:13px;color:var(--gris)}.linea a{font-size:12px;text-underline-offset:5px}.ayuda{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:85px;padding:48px 55px;background:#e9ede5;border-radius:5px;align-items:center}.ayuda .ceja{margin-bottom:18px}.ayuda p:not(.ceja){font-size:14px;color:var(--gris)}.secundario{background:transparent;color:var(--azul);margin-top:10px}.secundario:hover{color:white}.preguntas{padding-block:85px;max-width:810px}.preguntas .ceja{margin-bottom:15px}.preguntas h2{margin-bottom:30px}details{border-bottom:1px solid var(--borde);padding:20px 0}summary{cursor:pointer;font-size:14px;font-weight:500}details p{font-size:13px;color:var(--gris);max-width:650px}.cierre{text-align:center;border-top:1px solid var(--borde);padding-block:65px 80px}.cierre .ceja{margin-bottom:16px}.cierre .boton{margin-top:28px}footer{padding-block:35px;border-top:1px solid var(--borde);display:flex;flex-wrap:wrap;gap:25px;justify-content:space-between}.pie-marca{font-weight:600;letter-spacing:2px;font-size:17px}.pie-marca small{display:block;font-size:10px;letter-spacing:0;font-weight:400;color:var(--gris)}footer nav{display:flex;flex-wrap:wrap;gap:20px;align-items:start;font-size:10px}footer button{font:inherit;background:none;border:0;padding:0;color:inherit;text-decoration:underline;cursor:pointer}footer>p{width:100%;font-size:9px;color:var(--gris);margin:0}.cookies{position:fixed;bottom:20px;left:20px;right:20px;max-width:520px;background:var(--azul);color:white;padding:24px;border-radius:5px;z-index:20;box-shadow:0 10px 50px #071c2c40}.cookies[hidden]{display:none}.cookies p{font-size:12px;margin:0 0 18px}.cookies div{display:flex;gap:10px;flex-wrap:wrap}.cookies button{padding:10px 15px;background:transparent;color:white;border:1px solid #ffffff70;border-radius:3px;font:500 12px 'DM Sans',sans-serif;cursor:pointer}.cookies button:last-child{background:var(--crema);color:var(--azul)}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.cabecera{height:90px}.marca{font-size:17px;letter-spacing:2px}.marca small{font-size:6px;letter-spacing:1px}.marca img{width:34px;height:34px}.enlace{font-size:10px}.enlace span{margin-left:5px}.hero{grid-template-columns:1fr;gap:35px;padding-block:38px}.hero h1{font-size:58px}.hero-foto{max-height:440px;aspect-ratio:1.1}.intro{font-size:14px}.franja .wrap{flex-wrap:wrap;gap:8px 15px;justify-content:center;font-size:9px}.seccion{padding-block:55px}.encabezado{display:block}.encabezado>p{margin-top:20px;max-width:100%}.productos{grid-template-columns:1fr;gap:20px}.producto .foto{aspect-ratio:1.35}.producto .texto{padding:22px}.formatos{grid-template-columns:1fr;gap:35px;padding-block:40px}.formatos h2 br{display:none}.linea{padding-left:20px}.ayuda{grid-template-columns:1fr;gap:15px;padding:30px 25px;margin-top:50px}.preguntas{padding-block:55px}.cierre{padding-block:45px}.cookies{bottom:10px;left:10px;right:10px;padding:20px}footer{padding-block:25px}footer nav{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.producto img{transition:none}}

/* Identidad cromática solicitada: acentos de producto sobre crema y verde oscuro. */
:root{--azul:#20382c;--crema:#faf6eb;--oro:#e4b646;--borde:#dddccf;--gris:#4b5c50;--violeta:#a16d9b;--petroleo:#548a98;--coral:#e66b3d;--salvia:#879a5f}
.boton{background:var(--oro);color:var(--azul);border-color:var(--oro)}.boton:hover{background:#edc96e;color:var(--azul)}
.hero-foto figcaption{background:#faf6ebed}.franja{background:#e2eef0}.franja span:before{color:#785071}
.producto{border-top:5px solid var(--violeta)}.producto:nth-child(2){border-top-color:var(--petroleo)}.producto:nth-child(3){border-top-color:var(--coral)}
.producto:nth-child(1) .foto{background:#f1e5f0}.producto:nth-child(2) .foto{background:#e3eff0}.producto:nth-child(3) .foto{background:#fae6dc}
.producto .boton{border-color:var(--azul)}.producto .boton:hover{background:var(--azul);color:var(--crema)}
.numero{color:#785071}.ayuda{background:#e6ecd7;border-top:5px solid var(--salvia)}.secundario{background:transparent;color:var(--azul);border-color:var(--azul)}.secundario:hover{background:var(--azul);color:var(--crema)}
.cookies{box-shadow:0 10px 50px #20382c40}