/* Pollo y Llama — base compartida de la web de empresa (landing e insertos).
   Guía de marca vigente: business/brand/GUIDELINES.md (colores de brand.json, papel y comb dark;
   Fredoka/Nunito). Estilo limpio de los flyers (business/marketing/flyer): sin contornos gruesos,
   sombras sólidas ni píldoras. Acabado (2026-10-17): superficies crema redondeadas para las
   imágenes, acento de color escaso, texto con más contraste, botón primario y secundario. */
@font-face{font-family:"Fredoka";src:url("assets/fonts/Fredoka.woff2") format("woff2");font-weight:300 700;font-display:swap}
@font-face{font-family:"Nunito";src:url("assets/fonts/Nunito.woff2") format("woff2");font-weight:200 1000;font-display:swap}
:root{
  --papel:#FFF9EF;--plumon:#FCF2E1;--lana:#FAE5C9;--cacao:#29100A;
  --texto:#4E382D;      /* cuerpo: 10:1 sobre papel */
  --gris:#7A6458;       /* notas y pies: 5.3:1 sobre papel */
  --cresta:#DF503A;--cresta-oscuro:#B53524;--maiz:#FCB52A;
  --linea:#E7D9C6;--linea-oscura:#4A2E24;
  --display:"Fredoka","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;
  --text:"Nunito","Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;
  --page:1200px;--gutter:clamp(20px,5vw,56px);--radius:28px;--radius-s:18px;
  color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--papel);color:var(--texto);font-family:var(--text);font-size:1.125rem;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,p,figure,dl,dd{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.08;letter-spacing:-.015em;color:var(--cacao);text-wrap:balance}h3{font-weight:500;letter-spacing:-.005em}
p{text-wrap:pretty}a{color:inherit;text-underline-offset:5px}img{display:block;max-width:100%;height:auto}em{font-style:normal;color:var(--cresta)}
.wrap{width:min(100%,var(--page));margin-inline:auto;padding-inline:var(--gutter)}
:focus-visible{outline:2px solid var(--cresta-oscuro);outline-offset:4px;border-radius:6px}
.skip-link{position:absolute;top:-80px;left:16px;padding:12px 18px;z-index:30;background:var(--cacao);color:var(--papel)}.skip-link:focus{top:12px}

/* Cabecera con el logo original, sin borde (petición de la usuaria, 2026-10-17), a 120 px */
.header{background:var(--papel)}.header-inner{height:136px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:block;flex:none}.brand img{width:120px;height:auto}
.header nav{display:flex;gap:36px;align-items:center;font-size:1rem;font-weight:700;color:var(--cacao)}
.header a{text-decoration:none;white-space:nowrap}.nav-item{position:relative;padding-block:8px}
.nav-item::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:2px;background:var(--cresta-oscuro);transform:scaleX(0);transition:transform .2s}
.nav-item:hover::after,.nav-item[aria-current="page"]::after{transform:scaleX(1)}

.eyebrow{font-family:var(--text);font-size:.875rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--cresta-oscuro);margin-bottom:16px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px;padding:12px 28px;border-radius:999px;border:1.5px solid var(--cresta-oscuro);background:var(--cresta-oscuro);color:#fff;font-family:var(--text);font-size:1.0625rem;font-weight:800;text-decoration:none;transition:background .15s,color .15s,border-color .15s}
.button:hover{background:var(--cacao);border-color:var(--cacao)}
.button-ghost{background:transparent;color:var(--cacao);border-color:color-mix(in srgb,var(--cacao) 28%,transparent)}.button-ghost:hover{background:var(--cacao);color:var(--papel);border-color:var(--cacao)}
.button-small{min-height:44px;padding:8px 22px;font-size:.9375rem}
.text-link,.more{display:inline-flex;align-items:center;gap:8px;font-weight:800;color:var(--cresta-oscuro);text-decoration:none}.text-link:hover,.more:hover{text-decoration:underline;text-decoration-thickness:1.5px}
.more span{transition:transform .2s}.more:hover span{transform:translateX(3px)}
.intro{max-width:620px;margin-top:22px;font-size:1.1875rem;line-height:1.7}
.panel{background:var(--plumon);border-radius:var(--radius)}

/* Cierre de contacto (página de insertos) y pie */
.contact{padding-block:96px 104px;text-align:center}.contact-logo{width:170px;margin:0 auto 24px}.contact h2{font-size:clamp(2.2rem,4vw,3.25rem)}.contact .button{margin-top:32px}.email{display:block;width:fit-content;margin:20px auto 0;font-size:1rem;font-weight:700}.email:hover{color:var(--cresta-oscuro)}
.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:28px 36px;border-top:1px solid var(--linea);font-size:.875rem;font-weight:600;color:var(--gris)}.footer-logo{width:120px;height:auto}.footer a{text-decoration:none}.footer a:hover{color:var(--cresta-oscuro)}

@media(max-width:900px){.header nav{gap:22px}.header nav .nav-item{display:none}}
@media(max-width:640px){body{font-size:1.0625rem}.header-inner{height:128px}.contact{padding-block:64px 68px}.contact-logo{width:140px}.contact h2{font-size:2.1rem}.footer{flex-wrap:wrap;gap:12px;font-size:.8125rem;padding-block:22px 28px}.footer span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
@media print{.header nav,.button,.footer a{display:none}body{background:white}}