/* Sheets & Style — generado por _motor/gen_sitios.py. No editar a mano. */
:root{
  --tinta:#3D4A3A; --navy:#5A6B52; --acento:#9CAF88; --acento2:#D4A5A5;
  --menu:#2E3A2B; --claro:#F5F0E8; --blanco:#fff;
  --gris:#5d6b76; --linea:rgba(0,0,0,.10); --linea-osc:rgba(255,255,255,.14);
  --display:'Cormorant Garamond',Georgia,serif; --cuerpo:'Inter',sans-serif;
  --ancho:1120px; --radio:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--claro);color:var(--tinta);
     font-family:var(--cuerpo);font-size:17px;line-height:1.65;
     -webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.int{max-width:var(--ancho);margin:0 auto;padding:0 24px}

/* saltar al contenido, para teclado y lectores */
.saltar{position:absolute;left:-9999px;top:0;background:var(--acento);
        color:var(--menu);padding:12px 18px;z-index:99;font-weight:700}
.saltar:focus{left:8px;top:8px}
:focus-visible{outline:3px solid var(--acento);outline-offset:3px}

/* ───────── cabecera */
.cab{position:sticky;top:0;z-index:50;background:var(--menu);
     border-bottom:1px solid var(--linea-osc)}
.cab__int{max-width:var(--ancho);margin:0 auto;padding:14px 24px;
          display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none;
       color:#fff;font-family:var(--display);font-size:20px;}
.marca__p{width:30px;height:30px;border-radius:8px;flex:0 0 auto;
          background:var(--acento);display:grid;place-items:center;
          color:var(--menu);font-weight:800;font-size:14px;
          font-family:var(--cuerpo);letter-spacing:0}
.menu{margin-left:auto;display:flex;gap:6px;list-style:none;padding:0;flex-wrap:wrap}
.menu a{display:block;padding:9px 14px;border-radius:999px;text-decoration:none;
        color:rgba(255,255,255,.86);font-weight:600;font-size:15px}
.menu a:hover,.menu a[aria-current="page"]{background:rgba(255,255,255,.12);color:#fff}

/* ───────── hero */
.ph{background:var(--menu);color:#fff;padding:84px 0 92px;
    background-image:radial-gradient(900px 380px at 82% -8%,
      color-mix(in srgb,var(--acento) 26%,transparent),transparent 70%)}
.ph h1{font-family:var(--display);font-weight:700;
       font-size:clamp(38px,6.4vw,72px);line-height:1.04;margin:0 0 22px;
       max-width:17ch}
.ph h1 span{display:block}
.ph h1 span+span{color:var(--acento)}
.ph__b{font-size:clamp(17px,2vw,20px);color:rgba(255,255,255,.82);
       max-width:56ch;margin:0 0 32px}
.btns{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:15px 28px;border-radius:999px;
     text-decoration:none;font-weight:700;font-size:16px;border:2px solid transparent}
.btn--1{background:var(--acento);color:var(--menu)}
.btn--1:hover{filter:brightness(1.08)}
.btn--2{border-color:rgba(255,255,255,.34);color:#fff}
.btn--2:hover{background:rgba(255,255,255,.10)}

/* ───────── secciones */
.sec{padding:76px 0}
.sec--navy{background:var(--navy);color:#fff}
.sec--navy .cta,.sec--navy .ficha{border-color:var(--linea-osc)}
.sec--navy .ficha{background:rgba(255,255,255,.05)}
.sec--navy .ficha p,.sec--navy .baj{color:rgba(255,255,255,.78)}
h2{font-family:var(--display);font-weight:700;
   font-size:clamp(28px,4.2vw,46px);line-height:1.1;margin:0 0 14px;max-width:20ch}
h2 span{display:block}
.baj{color:var(--gris);max-width:62ch;margin:0 0 38px;font-size:17px}

.grilla{display:grid;gap:18px;
        grid-template-columns:repeat(auto-fit,minmax(268px,1fr))}
.ficha{border:1px solid var(--linea);border-radius:var(--radio);
       padding:26px;background:var(--blanco);position:relative}
.ficha__n{font-family:var(--display);font-size:13px;color:var(--acento);
          letter-spacing:.14em;margin:0 0 10px;font-weight:700}
.ficha h3{margin:0 0 8px;font-size:19px;font-weight:700;line-height:1.3}
.ficha p{margin:0;color:var(--gris);font-size:15.5px}
a.ficha{text-decoration:none;display:block;transition:transform .16s ease}
a.ficha:hover{transform:translateY(-3px);border-color:var(--acento)}

/* productos */
.ficha--prod{display:flex;flex-direction:column}
.ficha--prod p{flex:1 1 auto}
.precio{margin-top:16px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.precio b{font-family:var(--display);font-size:24px;font-weight:700;color:var(--acento)}
.precio s{color:var(--gris);font-size:14px}
.sec--navy .precio s{color:rgba(255,255,255,.55)}
.ficha__cta{margin-top:16px}
.btn--sm{padding:10px 20px;font-size:14.5px}
.pronto{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.06em;
        text-transform:uppercase;color:var(--gris);border:1px dashed var(--linea);
        border-radius:999px;padding:8px 16px}
.sec--navy .pronto{color:rgba(255,255,255,.6);border-color:var(--linea-osc)}

/* numeros */
.nums{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}
.num{padding:26px;border:1px solid var(--linea-osc);border-radius:var(--radio)}
.num b{display:block;font-family:var(--display);font-size:clamp(32px,5vw,50px);
       line-height:1;color:var(--acento);font-weight:700}
.num span{display:block;margin-top:8px;color:rgba(255,255,255,.76);font-size:15px}

/* cierre */
.cta{border:1px solid var(--linea);border-radius:var(--radio);padding:44px;
     text-align:center;background:var(--blanco)}
.cta h2{margin-left:auto;margin-right:auto}
.cta .baj{margin-left:auto;margin-right:auto}
.cta .btns{justify-content:center}

/* blog y contacto */
.cat{margin-bottom:46px}
.cat__t{font-family:var(--display); font-size:14px;letter-spacing:.14em;
        color:var(--acento);margin:0 0 16px;font-weight:700}
.aviso{margin-top:28px;padding:18px 22px;border-left:3px solid var(--acento);
       background:rgba(0,0,0,.03);color:var(--gris);font-size:15.5px}
.correo{font-family:var(--display);font-size:clamp(22px,3.4vw,34px);
        color:var(--acento);text-decoration:none;word-break:break-all}
.correo:hover{text-decoration:underline}

/* articulo */
.art{max-width:70ch;margin:0 auto}
.art h1{font-family:var(--display); font-size:clamp(30px,5vw,50px);
        line-height:1.1;margin:0 0 18px}
.art__m{color:var(--gris);font-size:14px;margin:0 0 30px}
.art p{font-size:18px}

/* pie */
.pie{background:var(--menu);color:rgba(255,255,255,.72);padding:52px 0 34px;
     border-top:1px solid var(--linea-osc)}
.pie a{color:rgba(255,255,255,.86);text-decoration:none}
.pie a:hover{color:var(--acento)}
.pie__n{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:22px}
.pie__c{font-size:14px;color:rgba(255,255,255,.5);border-top:1px solid var(--linea-osc);
        padding-top:20px}

@media (max-width:720px){
  .cab__int{padding:12px 18px;gap:12px}
  .menu{margin-left:0;width:100%}
  .ph{padding:56px 0 62px}
  .sec{padding:54px 0}
  .cta{padding:30px 22px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
  html{scroll-behavior:auto}
}