/* ============================================================
   Fundación Fedecacao · estilos v8 (blanco, limpio, un solo acento verde)
   ============================================================ */
@font-face{font-family:"Nunito Sans";src:url(fonts/nunito-Light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url(fonts/nunito-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url(fonts/nunito-SemiBold.woff2) format("woff2");font-weight:500 600;font-style:normal;font-display:swap}
@font-face{font-family:"Nunito Sans";src:url(fonts/nunito-Bold.woff2) format("woff2");font-weight:700 900;font-style:normal;font-display:swap}
@font-face{font-family:"Milesdane";src:url(fonts/milesdane-trial.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(fonts/instrument-serif-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(fonts/instrument-serif-latin-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
:root{
  --cafe:#4A2713; --cafe-2:#6B4A33; --cafe-oscuro:#2E170A;
  --blanco:#fff; --gris:#FAF7F2; --crema:#fff;
  --verde:#5A8A10; --verde-hondo:#3F6A0A; --verde-suave:#F1F6E4; --verde-claro:#D9E8B4;
  --naranja:#F28C0F; --naranja-suave:#FFF3E3;
  --linea:rgba(74,39,19,.12);
  --display:"Milesdane","Instrument Serif",Georgia,serif;
  --serif-i:"Instrument Serif",Georgia,serif;
  --ui:"Nunito Sans",system-ui,sans-serif;
  --texto:"Nunito Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --radio:28px; --radio-s:18px; --max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:#fff;scroll-padding-top:84px}
body{font-family:var(--texto);color:var(--cafe);background:#fff;line-height:1.55;font-size:.98rem;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{width:min(var(--max),100% - 48px);margin-inline:auto}
html[data-lang="es"] [lang="fr"], html[data-lang="es"] [lang="en"], html[data-lang="fr"] [lang="es"], html[data-lang="fr"] [lang="en"], html[data-lang="en"] [lang="es"], html[data-lang="en"] [lang="fr"]{display:none !important}

/* ---------- tipografía ---------- */
h1,h2,h3{font-family:var(--display);line-height:1;letter-spacing:-.015em;font-weight:400;color:var(--cafe-oscuro)}
h1{font-size:clamp(2.9rem,7vw,5.6rem)}
h2{font-size:clamp(2.2rem,4.6vw,3.6rem)}
h3{font-size:1.7rem;line-height:1.05;letter-spacing:-.01em}
h1 em,h2 em,.cita em{font-style:italic;color:var(--verde)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font:700 .75rem/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;margin-bottom:22px;color:var(--verde)}
.eyebrow::before{content:"";width:22px;height:3px;border-radius:3px;background:var(--naranja)}
.lead{font-size:clamp(1.1rem,1.9vw,1.25rem);line-height:1.45;max-width:38em;color:var(--cafe-2)}
mark{background:linear-gradient(transparent 62%,var(--naranja-suave) 62%);color:inherit;padding:0 .05em}

/* ---------- botones ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font:700 .98rem/1 var(--ui);text-decoration:none;
  padding:17px 30px;border-radius:999px;border:0;background:var(--verde);color:#fff;transition:transform .15s,background .2s;cursor:pointer}
.btn:hover{background:var(--verde-hondo);transform:translateY(-2px)}
.btn.claro{background:#fff;color:var(--cafe-oscuro);box-shadow:inset 0 0 0 1.5px var(--linea)}
.btn.claro:hover{background:var(--gris)}
.btn.naranja{background:var(--naranja);color:var(--cafe-oscuro)}
.btn:focus-visible,.nav a:focus-visible,.idioma button:focus-visible,.burger:focus-visible,a:focus-visible{outline:3px solid var(--naranja);outline-offset:3px}
.botones{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}

/* ---------- cabecera ---------- */
.franja{display:flex;height:5px}
.franja span{flex:1}
.franja span:nth-child(1){background:#4A2713}.franja span:nth-child(2){background:#C42B48}.franja span:nth-child(3){background:#F7941D}
.franja span:nth-child(4){background:#F8B000}.franja span:nth-child(5){background:#7AA318}.franja span:nth-child(6){background:#9ADB08}
header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--linea)}
.barra{display:flex;align-items:center;gap:18px;height:76px}
.marca{display:flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto}
.marca img{width:42px}
.marca b{font-family:var(--ui);font-weight:800;font-size:1.02rem;letter-spacing:.03em;line-height:1.05}
.marca small{display:block;font:700 .58rem/1 var(--ui);letter-spacing:.32em;text-transform:uppercase;margin-bottom:3px}
.nav ul{display:flex;gap:2px;list-style:none;align-items:center}
.nav a{display:block;text-decoration:none;font-weight:500;font-size:.94rem;padding:9px 15px;border-radius:999px;transition:background .15s}
.nav a:hover{background:var(--gris)}
.nav a[aria-current="page"]{font-weight:700;color:var(--verde-hondo);background:var(--verde-suave)}
.nav .cta a{background:var(--verde);color:#fff;margin-left:8px;font-weight:700;font-family:var(--ui)}
.nav .cta a:hover{background:var(--verde-hondo)}
.idioma{display:flex;border-radius:999px;overflow:hidden;flex:none;background:#fff;box-shadow:inset 0 0 0 1.5px var(--linea)}
.idioma button{font:700 .76rem/1 var(--ui);letter-spacing:.08em;border:0;background:transparent;color:var(--cafe);padding:9px 13px;cursor:pointer}
html[data-lang="es"] .idioma [data-set="es"], html[data-lang="fr"] .idioma [data-set="fr"], html[data-lang="en"] .idioma [data-set="en"]{background:var(--verde);color:#fff;border-radius:999px}
.burger{display:none;width:44px;height:44px;border:0;border-radius:14px;background:#fff;cursor:pointer;place-items:center;box-shadow:inset 0 0 0 1.5px var(--linea)}
.burger span,.burger span::before,.burger span::after{display:block;width:18px;height:2.5px;background:var(--cafe);border-radius:2px;position:relative;transition:transform .2s}
.burger span::before,.burger span::after{content:"";position:absolute;left:0}
.burger span::before{top:-6px}.burger span::after{top:6px}
.burger[aria-expanded="true"] span{background:transparent}
.burger[aria-expanded="true"] span::before{top:0;transform:rotate(45deg)}
.burger[aria-expanded="true"] span::after{top:0;transform:rotate(-45deg)}

/* ---------- bloques (casi todo blanco) ---------- */
section{padding:96px 0}
.bloque-crema{background:#fff}
.bloque-blanco{background:#fff}
.bloque-gris,.bloque-lima,.bloque-amarillo{background:var(--gris)}
.bloque-oscuro{background:var(--verde);color:#fff}
.bloque-oscuro h2,.bloque-oscuro h3{color:#fff}
.bloque-oscuro .eyebrow{color:#fff}.bloque-oscuro .eyebrow::before{background:var(--naranja)}
.bloque-oscuro .lead{color:#eaf3d2}
.titulo-sec{max-width:44em;margin-bottom:48px}
.titulo-sec .lead{margin-top:20px}

/* ---------- hero y cabeceras ---------- */
.hero{padding:64px 0 40px;background:#fff}
.hero-top{max-width:900px}
.hero h1{font-size:clamp(3rem,7.4vw,6.2rem)}
.hero .lead{margin-top:26px}
.hero-foto{margin-top:48px}
.phero{padding:64px 0 72px;background:#fff}
.phero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.phero h1{font-size:clamp(2.7rem,5.6vw,4.7rem)}
.phero .lead{margin-top:22px}
.phero-ancho .phero-top{max-width:860px}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ilus{width:100%;max-width:560px;margin-inline:auto;border-radius:var(--radio)}

/* ---------- fotos ---------- */
.foto{position:relative;width:100%;max-width:500px;margin-inline:auto;aspect-ratio:4/5;border-radius:240px 240px 28px 28px;background:var(--verde-claro);isolation:isolate}
.foto::before{content:"";position:absolute;inset:14px -14px -14px 14px;border-radius:inherit;background:var(--verde-claro);z-index:-1}
.foto>img.f{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.foto>img.trazo{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;border-radius:inherit;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}
.foto-ancha{position:relative;width:100%;border-radius:32px;isolation:isolate}
.foto-ancha::before{content:"";position:absolute;inset:14px -14px -14px 14px;border-radius:inherit;background:var(--verde-claro);z-index:-1}
.foto-ancha>img.f{width:100%;height:auto;border-radius:inherit}
.foto-ancha>img.trazo{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;border-radius:inherit;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}
.foto-mini{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radio-s);object-position:50% 40%}
.pie-foto{margin-top:14px;font-size:.85rem;color:var(--cafe-2)}

/* ---------- tarjetas ---------- */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{border-radius:var(--radio);background:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1.5px var(--linea);transition:transform .2s,box-shadow .2s}
a.card{text-decoration:none}
a.card:hover,.card:hover{transform:translateY(-5px);box-shadow:inset 0 0 0 1.5px var(--verde-claro),0 18px 40px -22px rgba(63,106,10,.45)}
.card .cimg{aspect-ratio:16/11;object-fit:cover;width:100%}
.card .cuerpo{padding:0 28px 30px;display:flex;flex-direction:column;flex:1;position:relative}
.card .chip-ico{width:62px;height:62px;border-radius:18px;background:#fff;color:var(--verde);display:grid;place-items:center;margin:-31px 0 18px;box-shadow:0 8px 22px -8px rgba(46,23,10,.3)}
.card.sin-img .cuerpo{padding-top:30px}
.card.sin-img .chip-ico{margin:0 0 18px;box-shadow:none;background:var(--verde-suave)}
.ic{width:32px;height:32px}
.ic .a{stroke:var(--naranja)}
.card .num{font:800 .85rem/1 var(--ui);letter-spacing:.18em;margin-bottom:14px;color:var(--naranja)}
.card h3{margin-bottom:10px;font-size:1.75rem}
.card p{color:var(--cafe-2);font-size:1rem}
.card .mas{margin-top:auto;padding-top:22px;font:700 .95rem/1 var(--ui);color:var(--verde-hondo);display:inline-flex;align-items:center;gap:8px}
.card .mas::after{content:"→";transition:transform .15s}
a.card:hover .mas::after{transform:translateX(5px)}
.tags{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
.tags span{font-weight:500;font-size:.8rem;padding:6px 13px;border-radius:999px;background:var(--verde-suave);color:var(--verde-hondo)}
.chips{display:flex;flex-wrap:wrap;gap:10px}
.chip{display:inline-flex;align-items:center;gap:9px;font-weight:500;font-size:.95rem;padding:10px 18px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--linea)}
.chip::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--naranja);transform:rotate(45deg)}

/* ---------- textos ---------- */
.dos{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.dos p+p{margin-top:12px}
.dos p{font-size:1.1rem}
.cita{font:400 clamp(2rem,4.4vw,3.3rem)/1.08 var(--display);letter-spacing:-.01em;max-width:21em;color:var(--cafe-oscuro)}
.frase{text-align:left;border-left:5px solid var(--naranja);padding-left:28px}
.datos{display:grid;gap:12px}
.dato{display:flex;gap:16px;align-items:baseline;padding:16px 20px;background:#fff;border-radius:var(--radio-s);box-shadow:inset 0 0 0 1.5px var(--linea)}
.dato b{font:700 .72rem/1.2 var(--ui);letter-spacing:.16em;text-transform:uppercase;min-width:6.5em;color:var(--verde)}
.pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.paso{background:#fff;border-radius:var(--radio-s);padding:26px 26px 28px;box-shadow:inset 0 0 0 1.5px var(--linea)}
.paso .ic{width:38px;height:38px;color:var(--verde);margin-bottom:14px}
.paso h3{font-size:1.55rem;margin-bottom:6px}
.paso p{color:var(--cafe-2);font-size:1rem}
.actores{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.actor{border-radius:var(--radio-s);padding:24px 18px;text-align:center;font:700 1rem/1.25 var(--ui);background:#fff;box-shadow:inset 0 0 0 1.5px var(--linea);display:flex;flex-direction:column;align-items:center;gap:12px;min-height:130px;justify-content:center}
.actor .ic{width:38px;height:38px;color:var(--verde)}

/* ---------- París ---------- */
.paris{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;background:var(--naranja-suave);border-radius:var(--radio);padding:44px 50px}
.paris h2{font-size:clamp(2rem,3.8vw,2.8rem)}
.paris p{margin-top:12px;max-width:34em;color:var(--cafe-2)}
.stand{background:var(--verde);color:#fff;border-radius:16px;padding:12px 24px;text-align:center}
.stand small{display:block;font:700 .62rem/1.2 var(--ui);letter-spacing:.24em;text-transform:uppercase}
.stand b{display:block;font:400 2rem/1 var(--display)}

/* ---------- cierre ---------- */
.cierre{text-align:center;background:var(--gris)}
.cierre h2{max-width:15em;margin-inline:auto}
.cierre p{margin:22px auto 0;max-width:38em;font-size:1.12rem;color:var(--cafe-2)}
.cierre .botones{justify-content:center}

/* ---------- apóyanos ---------- */
.apoya{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.cuenta-caja,.choco-caja{border-radius:var(--radio);padding:36px 34px;display:flex;flex-direction:column;gap:18px}
.cuenta-caja{background:#fff;color:var(--cafe);justify-content:center}
.cuenta-caja h3{color:var(--cafe-oscuro)}
.choco-caja{background:rgba(255,255,255,.12)}
.choco-caja p{color:#f2f8e2}
.choco-caja .btn{align-self:flex-start;background:#fff;color:var(--verde-hondo)}
.cuenta>div{padding:16px 0;border-top:1.5px solid var(--linea)}
.cuenta>div:first-child{border-top:0;padding-top:4px}
.cuenta dt{font:700 .72rem/1.2 var(--ui);letter-spacing:.18em;text-transform:uppercase;color:var(--verde)}
.cuenta dd{font:700 1.3rem/1.25 var(--ui);overflow-wrap:anywhere;color:var(--cafe-oscuro)}
.copiar{font:700 .8rem/1 var(--ui);margin-left:8px;padding:8px 14px;border-radius:999px;border:0;background:var(--naranja);color:var(--cafe-oscuro);cursor:pointer;vertical-align:middle}
.copiar:hover{background:var(--verde);color:#fff}
.pcts{display:flex;gap:12px}
.pct{flex:1;border-radius:var(--radio-s);padding:18px 10px;text-align:center;background:rgba(255,255,255,.16)}
.pct b{display:block;font:400 3.2rem/1 var(--display);color:#fff}
.pct span{display:block;margin-top:6px;font:700 .74rem/1 var(--ui);letter-spacing:.2em;text-transform:uppercase}

/* ---------- contacto ---------- */
.contacto-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:40px;align-items:start}
.caja-contacto{background:var(--verde);color:#fff;border-radius:var(--radio);padding:40px 38px}
.caja-contacto h2{font-size:clamp(2rem,3.6vw,2.6rem);margin-bottom:22px;color:#fff}
.fila{display:flex;gap:14px;align-items:center;padding:18px 0;border-top:1px solid rgba(255,255,255,.3);text-decoration:none;overflow-wrap:anywhere}
.fila svg{width:24px;height:24px;flex:none;color:var(--naranja)}
.fila small{display:block;font:700 .7rem/1.2 var(--ui);letter-spacing:.16em;text-transform:uppercase;opacity:.8}
.fila b{font-size:1.08rem}
a.fila:hover b{text-decoration:underline}
.form{background:#fff;border-radius:var(--radio);padding:38px 34px;box-shadow:inset 0 0 0 1.5px var(--linea)}
.campo{margin-bottom:18px}
.campo label{display:block;font:700 .72rem/1 var(--ui);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;color:var(--verde)}
.campo input,.campo textarea{width:100%;font:inherit;color:var(--cafe-oscuro);background:var(--gris);border:1.5px solid transparent;border-radius:14px;padding:14px 16px}
.campo textarea{min-height:130px;resize:vertical}
.campo input:focus,.campo textarea:focus{outline:0;border-color:var(--verde);background:#fff}
.campos2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.nota{font-size:.86rem;color:var(--cafe-2);margin-top:14px}

/* ---------- pie ---------- */
footer{background:var(--gris);color:var(--cafe);padding:64px 0 32px;border-top:1px solid var(--linea)}
.pie{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px}
.pie img{width:80px;margin-bottom:14px}
.pie h4{font:700 .74rem/1 var(--ui);letter-spacing:.2em;text-transform:uppercase;color:var(--verde);margin-bottom:16px}
.pie ul{list-style:none;display:grid;gap:9px}
.pie a{text-decoration:none}.pie a:hover{text-decoration:underline}
.pie p{color:var(--cafe-2);max-width:26em}
.copy{margin-top:42px;padding-top:22px;border-top:1px solid var(--linea);font-size:.85rem;color:var(--cafe-2);display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}

/* ---------- botón permanente (móvil) ---------- */
.flota-cta{display:none;position:fixed;right:16px;bottom:16px;z-index:40;text-decoration:none;font:700 .95rem/1 var(--ui);padding:15px 22px;border-radius:999px;background:var(--naranja);color:var(--cafe-oscuro);box-shadow:0 8px 24px rgba(42,22,8,.28)}

/* ---------- aparición ---------- */
.rev{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.rev.ver{opacity:1;transform:none}
.nojs .rev{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rev{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}

/* ---------- borde de papel rasgado (solo en las bandas verdes) ---------- */
.rasgado{margin-top:-30px;padding-top:calc(104px + 30px);position:relative;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1200 40%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0,40 L0,17.6 L12,17.2 L20,14.7 L27,11.5 L33,11.8 L38,12.5 L50,13.8 L57,14.8 L63,11.2 L71,12.0 L81,11.6 L89,12.7 L95,12.3 L101,14.0 L109,14.9 L115,14.1 L126,12.8 L134,10.5 L146,10 L157,10 L166,10 L171,13.7 L177,10.8 L182,10 L189,11.5 L197,15.3 L208,15.5 L216,11.5 L225,11.8 L231,10 L243,10 L253,12.6 L259,10 L267,10 L279,10 L286,12.9 L293,11.4 L301,13.2 L309,14.7 L321,15.5 L327,12.4 L336,10.3 L345,10 L357,10 L363,10 L369,10 L377,10.9 L385,10 L395,10.2 L401,10 L411,11.3 L418,12.0 L430,15.3 L435,11.4 L447,10 L454,14.5 L459,17.7 L466,20.1 L476,16.8 L482,19.7 L487,22.7 L498,16.6 L504,17.7 L515,19.5 L527,19.0 L533,19.2 L542,20.0 L550,27.0 L562,22.7 L570,22.8 L580,24.1 L588,22.7 L596,23.8 L604,26.8 L614,24.5 L624,27.2 L630,30 L637,26.9 L645,29.5 L657,30 L669,28.6 L678,32 L688,30 L693,30 L701,26.2 L709,28.4 L715,28.0 L725,30 L733,30 L738,30 L743,27.4 L753,27.8 L760,26.9 L768,23.6 L779,20.6 L784,19.6 L794,19.4 L802,16.2 L808,13.9 L814,17.7 L824,15.8 L829,13.9 L840,16.0 L845,13.7 L856,16.1 L866,17.6 L878,14.8 L890,18.4 L896,20.5 L905,23.1 L912,23.3 L921,21.8 L929,20.2 L938,20.8 L944,20.8 L949,26.1 L955,26.1 L961,29.5 L972,27.7 L979,26.4 L991,25.6 L996,29.0 L1001,25.3 L1006,26.8 L1016,24.8 L1028,26.6 L1037,28.3 L1048,24.5 L1055,24.8 L1063,25.1 L1070,22.9 L1080,26.2 L1090,29.3 L1098,30 L1106,25.7 L1117,28.4 L1124,26.0 L1129,22.7 L1139,26.0 L1145,27.7 L1155,27.7 L1163,30 L1168,26.3 L1180,23.5 L1188,20.9 L1197,19.0 L1200,40Z%22 fill=%22%23000%22/%3E%3C/svg%3E") top/100% 40px no-repeat,linear-gradient(#000,#000) 0 39px/100% calc(100% - 39px) no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 1200 40%22 preserveAspectRatio=%22none%22%3E%3Cpath d=%22M0,40 L0,17.6 L12,17.2 L20,14.7 L27,11.5 L33,11.8 L38,12.5 L50,13.8 L57,14.8 L63,11.2 L71,12.0 L81,11.6 L89,12.7 L95,12.3 L101,14.0 L109,14.9 L115,14.1 L126,12.8 L134,10.5 L146,10 L157,10 L166,10 L171,13.7 L177,10.8 L182,10 L189,11.5 L197,15.3 L208,15.5 L216,11.5 L225,11.8 L231,10 L243,10 L253,12.6 L259,10 L267,10 L279,10 L286,12.9 L293,11.4 L301,13.2 L309,14.7 L321,15.5 L327,12.4 L336,10.3 L345,10 L357,10 L363,10 L369,10 L377,10.9 L385,10 L395,10.2 L401,10 L411,11.3 L418,12.0 L430,15.3 L435,11.4 L447,10 L454,14.5 L459,17.7 L466,20.1 L476,16.8 L482,19.7 L487,22.7 L498,16.6 L504,17.7 L515,19.5 L527,19.0 L533,19.2 L542,20.0 L550,27.0 L562,22.7 L570,22.8 L580,24.1 L588,22.7 L596,23.8 L604,26.8 L614,24.5 L624,27.2 L630,30 L637,26.9 L645,29.5 L657,30 L669,28.6 L678,32 L688,30 L693,30 L701,26.2 L709,28.4 L715,28.0 L725,30 L733,30 L738,30 L743,27.4 L753,27.8 L760,26.9 L768,23.6 L779,20.6 L784,19.6 L794,19.4 L802,16.2 L808,13.9 L814,17.7 L824,15.8 L829,13.9 L840,16.0 L845,13.7 L856,16.1 L866,17.6 L878,14.8 L890,18.4 L896,20.5 L905,23.1 L912,23.3 L921,21.8 L929,20.2 L938,20.8 L944,20.8 L949,26.1 L955,26.1 L961,29.5 L972,27.7 L979,26.4 L991,25.6 L996,29.0 L1001,25.3 L1006,26.8 L1016,24.8 L1028,26.6 L1037,28.3 L1048,24.5 L1055,24.8 L1063,25.1 L1070,22.9 L1080,26.2 L1090,29.3 L1098,30 L1106,25.7 L1117,28.4 L1124,26.0 L1129,22.7 L1139,26.0 L1145,27.7 L1155,27.7 L1163,30 L1168,26.3 L1180,23.5 L1188,20.9 L1197,19.0 L1200,40Z%22 fill=%22%23000%22/%3E%3C/svg%3E") top/100% 40px no-repeat,linear-gradient(#000,#000) 0 39px/100% calc(100% - 39px) no-repeat}

@media (max-width:980px){.rasgado{padding-top:calc(80px + 30px)}}
@media (max-width:640px){.rasgado{padding-top:calc(64px + 30px)}}

/* ---------- responsive ---------- */
@media (max-width:980px){
  .burger{display:grid}
  .nav{position:absolute;inset:100% 0 auto 0;background:#fff;border-bottom:1px solid var(--linea);display:none;padding:14px 24px 22px}
  .nav.abierto{display:block}
  .nav ul{flex-direction:column;align-items:stretch;gap:6px}
  .nav a{padding:14px 16px;font-size:1.05rem}
  .nav .cta a{margin:6px 0 0;text-align:center}
  .phero-grid,.hero-grid,.dos,.contacto-grid,.apoya{grid-template-columns:1fr}
  .phero-grid,.hero-grid{gap:40px}
  .foto{max-width:440px}
  .grid3,.pasos{grid-template-columns:1fr 1fr}
  .actores{grid-template-columns:1fr 1fr}
  .pie{grid-template-columns:1fr 1fr}.pie>div:first-child{grid-column:1/-1}
  .flota-cta{display:inline-flex}
  section{padding:76px 0}
}
@media (max-width:640px){
  .wrap{width:calc(100% - 32px)}
  section{padding:60px 0}
  .hero{padding:36px 0 24px}.phero{padding:40px 0 48px}
  .grid3,.grid2,.pasos,.campos2{grid-template-columns:1fr}
  .paris{grid-template-columns:1fr;padding:30px 24px;text-align:center;justify-items:center}
  .marca small{display:none}
  .btn{width:100%}
  .form,.caja-contacto,.cuenta-caja,.choco-caja{padding:28px 24px}
  .pie{grid-template-columns:1fr}
  .foto-ancha::before,.foto::before{inset:10px -8px -10px 10px}
  .frase{padding-left:18px}
}

/* ---------- aviso y bloque París (temporal: quitar tras la feria) ---------- */
.aviso{display:block;text-align:center;background:var(--naranja);color:var(--cafe-oscuro);font:700 .85rem/1.3 var(--ui);padding:9px 16px;text-decoration:none;letter-spacing:.01em}
.aviso:hover{background:var(--verde);color:#fff}
.paris-top{padding:64px 0 24px;background:var(--naranja-suave)}
.paris-top-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:center}
.paris-top h2{font-size:clamp(2.4rem,5vw,3.8rem)}
.paris-top .lead{margin-top:20px}
.stand-fila{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:30px}
.paris-fotos{position:relative;padding-bottom:70px}
.pf-real{width:100%;border-radius:28px;box-shadow:0 24px 50px -28px rgba(46,23,10,.5)}
.pf-render{position:absolute;width:56%;right:-10px;bottom:0;border-radius:20px;border:6px solid #fff;box-shadow:0 18px 40px -20px rgba(46,23,10,.5)}
@media (max-width:980px){.paris-top-grid{grid-template-columns:1fr;gap:36px}}
@media (max-width:640px){.paris-top{padding:40px 0 12px}.pf-render{right:0}.stand-fila .btn{width:auto}}
.fechas{margin-top:18px;font:700 .95rem/1.4 var(--ui);color:var(--verde-hondo)}

/* ---------- notas a mano (acento tipográfico) ---------- */
.mano{font-family:var(--display);font-style:italic;font-weight:400;color:var(--naranja);font-size:1.6rem;line-height:1.1;display:inline-block}
.hero-top .mano{margin-top:26px;display:block}
.paris-top .mano{font-size:1.8rem;margin-left:6px}
.nav a,.btn{letter-spacing:0}
.stand-fila{align-items:center}

/* ---------- v12: trazos en todas las fotos, banner compacto, pie ---------- */
.cimg-w,.mini-w,.pf-real,.pf-render{position:relative}
.cimg-w>img.cimg{display:block}
.cimg-w>img.trazo,.mini-w>img.trazo,.pf-real>img.trazo,.pf-render>img.trazo{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.4))}
.mini-w{border-radius:var(--radio-s);overflow:hidden}
.mini-w>.foto-mini{display:block}
.pf-real>img.f,.pf-render>img.f{width:100%;display:block}
.pf-real,.pf-real>img{border-radius:22px}
.pf-render,.pf-render>img{border-radius:16px}
.paris-top{padding:30px 0 34px}
.paris-top-grid{grid-template-columns:1.1fr .9fr;gap:40px}
.paris-top h2{font-size:clamp(2rem,3.8vw,3rem)}
.paris-top .lead{display:none}
.fechas{margin-top:12px}
.stand-fila{margin-top:18px;gap:14px}
.paris-fotos{padding-bottom:46px;max-width:480px;justify-self:end;width:100%}
.pf-real{box-shadow:0 18px 40px -26px rgba(46,23,10,.5)}
.pf-render{position:absolute;width:48%;right:-8px;bottom:0;border:5px solid #fff;box-shadow:0 14px 30px -18px rgba(46,23,10,.5)}
.pf-render>img{border-radius:11px}
@media (max-width:980px){.paris-top-grid{grid-template-columns:1fr}.paris-fotos{justify-self:start}}
.btn-ico{padding:15px 17px}.btn-ico svg{width:22px;height:22px}
.marca-pie{display:flex;align-items:center;gap:16px;margin-bottom:14px}
.marca-pie img:first-child{width:76px;margin:0;flex:none}
.slogan{width:min(300px,52vw);height:auto;margin:0}
.slogan-fr{font:italic 400 1.5rem/1.05 var(--display);color:var(--cafe)}
.pie .iconos{gap:14px}
.pie .iconos a,.pie .fila-ico{display:flex;align-items:center;gap:12px}
.pie .iconos svg{width:22px;height:22px;flex:none;color:var(--verde)}
.pie .marca-pie img.slogan{width:min(290px,46vw);height:auto}
@media (max-width:640px){.pie .marca-pie img.slogan{width:min(220px,50vw)}}

/* ---------- v14: pop-up de París, pie alineado ---------- */
button.aviso{display:block;width:100%;border:0;cursor:pointer}
.popup{position:fixed;inset:0;z-index:100;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(46,23,10,.55);overflow-y:auto}
.popup.abierto{display:flex}
.popup-caja{position:relative;background:#fff;border-radius:28px;width:min(900px,100%);padding:44px 44px 40px;box-shadow:0 40px 90px -30px rgba(0,0,0,.5);margin:auto}
.popup-x{position:absolute;top:14px;right:14px;width:42px;height:42px;border:0;border-radius:50%;background:var(--gris);color:var(--cafe-oscuro);font-size:1.5rem;line-height:1;cursor:pointer}
.popup-x:hover{background:var(--verde-claro)}
.popup-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.popup h2{font-size:clamp(2rem,4vw,3rem)}
.popup .stand-fila{margin-top:20px}
.popup .botones{margin-top:24px}
.popup .paris-fotos{padding-bottom:46px;max-width:none;justify-self:stretch}
@media (max-width:760px){.popup-caja{padding:34px 22px 26px}.popup-grid{grid-template-columns:1fr;gap:24px}.popup .paris-fotos{order:-1}}
body.sin-scroll{overflow:hidden}
/* pie */
.pie>div:first-child{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start}
.pie>div:first-child p{margin-top:28px}
@media (max-width:980px){.pie>div:first-child{display:block}}
.popup-x{z-index:5;box-shadow:0 2px 10px rgba(0,0,0,.2);background:#fff}
@media (max-width:760px){.popup-caja{padding-top:60px}}
.cuenta-caja{justify-content:flex-start}
/* pie v15 */
.pie{align-items:stretch;grid-template-columns:1.3fr 1fr 1.2fr}
.pie>div:first-child{display:flex;align-items:center;justify-content:center}
.pie>div:first-child .marca-pie{margin:0}
.pie>div:nth-child(2){justify-self:center}
.pie>div:nth-child(3){display:flex;flex-direction:column;justify-content:flex-end}
.pie>div:nth-child(3) .iconos{gap:14px}
@media (max-width:980px){.pie>div:first-child{display:flex;justify-content:flex-start}.pie>div:nth-child(2){justify-self:start}.pie>div:nth-child(3){display:block}}
@media (max-width:980px){.pie{grid-template-columns:1fr 1fr}.pie>div:first-child{grid-column:1/-1}}
@media (max-width:640px){.pie{grid-template-columns:1fr}.pie>div:nth-child(3) .iconos{gap:12px}}
/* logo completo en la cabecera */
.marca .logo-h{width:auto;height:46px}
@media (max-width:640px){.marca .logo-h{height:38px}}

/* ---------- portada con foto a todo el ancho (Inicio) ---------- */
.hero-img{padding:0;background:#2e170a}
.hero-img-in{position:relative;width:100%;aspect-ratio:1600/900;max-height:min(760px,calc(100vh - 60px));min-height:520px;overflow:hidden}
.hero-img-in>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 56%}
.hero-img-in>img.trazo{pointer-events:none;filter:drop-shadow(0 1px 3px rgba(0,0,0,.45))}
.hero-img-in::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(30,14,4,.82) 0%,rgba(30,14,4,.55) 32%,rgba(30,14,4,0) 62%);pointer-events:none}
.hero-over{position:absolute;left:0;right:0;bottom:0;z-index:2;padding-bottom:clamp(28px,5vw,64px)}
.hero-over .eyebrow{color:#fff}
.hero-over h1{color:#fff;font-size:clamp(2.8rem,6.6vw,5.6rem);max-width:11em;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero-over h1 em{color:var(--verde-claro)}
.hero-pie{padding:44px 0 72px;background:#fff}
.hero-pie .lead{max-width:44em}
.hero-pie .botones{margin-top:26px}
@media (max-width:640px){.hero-img-in{aspect-ratio:auto;height:560px;min-height:0}.hero-img-in>img{object-position:56% 50%}.hero-pie{padding:30px 0 56px}}

/* tipografía de títulos: Milesdane (sin cursiva propia → el énfasis va solo en color) */
h1,h2,h3,.cita,.stand b,.pct b{font-synthesis:none}
h1 em,h2 em,.cita em{font-style:normal}
.mano{font-family:var(--serif-i)}
.slogan-fr{font-family:var(--serif-i)}
/* ajuste de tamaños para Milesdane (es más ancha) */
h1{font-size:clamp(2.5rem,5.6vw,4.7rem)}
h2{font-size:clamp(2rem,4vw,3.1rem)}
h3{font-size:1.5rem}
.card h3{font-size:1.55rem}
.paso h3{font-size:1.4rem}
.hero-over h1{font-size:clamp(2.5rem,5.4vw,4.6rem);max-width:12em}
.phero h1{font-size:clamp(2.4rem,4.8vw,3.9rem)}
.paris-top h2,.popup h2{font-size:clamp(1.9rem,3.6vw,2.7rem)}
.cita{font-size:clamp(1.8rem,3.8vw,2.9rem)}
.paris h2{font-size:clamp(1.8rem,3.4vw,2.4rem)}
.caja-contacto h2{font-size:clamp(1.8rem,3.2vw,2.3rem)}
.apoya>*{min-width:0}
.cuenta-caja h3,.choco-caja h3{overflow-wrap:anywhere}
.cuenta dd{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}
.copiar{margin-left:0}
.pct{min-width:0}
.pct b{font-size:clamp(2rem,8vw,3rem)}
.pct span{letter-spacing:.14em}

/* Nunito Sans: ajustes de tamaño */
.lead{font-size:clamp(1rem,1.7vw,1.15rem)}
.nav a{font-size:.88rem;padding:9px 12px}
.btn{font-size:.9rem}
.eyebrow{font-size:.7rem}
.cuenta dd{font-size:1.15rem}
.card p,.paso p{font-size:.92rem}
.dos p{font-size:1rem}
.copiar{font-size:.72rem}
@media (max-width:980px){.nav a{font-size:1rem}}

/* ajuste celulares pequeños */
@media (max-width:360px){.actores{grid-template-columns:repeat(2,minmax(0,1fr))}.actor{min-width:0;padding-left:12px;padding-right:12px;font-size:15px;hyphens:auto;overflow-wrap:break-word}}