/* Esto Es Quindío partner feature. Scoped so NIDO's other journeys keep their identity. */
.eeq { --eeq-ink:#171715; --eeq-paper:#f7f7f2; --eeq-yellow:#f0dc85; font-family:'Poppins',var(--f-texto); color:var(--eeq-ink); background:var(--eeq-paper); }
.eeq [hidden] { display:none !important; }
.eeq a { color:inherit; }
.eeq .contenedor { max-width:1280px; }
.eeq__hero { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:36px; padding-top:36px; padding-bottom:40px; }
.eeq__brands { display:flex; align-items:center; flex-wrap:wrap; gap:20px; margin-bottom:36px; }
.eeq__logo { display:block; width:215px; height:auto; }
.eeq__alliance { border-left:1px solid #c6c6be; padding-left:20px; font-size:11px; line-height:1.6; letter-spacing:.06em; text-transform:uppercase; }
.eeq__alliance strong { display:block; font-size:13px; }
.eeq__eyebrow { font:600 11px/1.5 'Poppins',sans-serif; text-transform:uppercase; letter-spacing:.16em; margin:0 0 15px; }
.eeq h1 { font:800 clamp(46px,5.6vw,78px)/1.03 'Poppins',sans-serif; letter-spacing:-.045em; word-spacing:.035em; margin:0 0 25px; }
.eeq h1 span { display:block; }
.eeq h1 em { position:relative; font-style:normal; z-index:0; white-space:nowrap; }
.eeq h1 em::after { content:''; position:absolute; inset:auto -2% 2% -2%; height:24%; z-index:-1; background:var(--eeq-yellow); transform:rotate(-2deg); }
.eeq__intro { font-size:15px; line-height:1.85; max-width:420px; margin:0 0 24px; color:#4d4d47; }
.eeq__actions { display:flex; gap:12px; flex-wrap:wrap; align-items:center; }
.eeq__button { display:inline-flex; gap:24px; align-items:center; justify-content:space-between; min-height:50px; background:var(--eeq-ink); color:#fff !important; text-decoration:none; border:1px solid var(--eeq-ink); padding:13px 22px; font:600 13px/1.5 'Poppins',sans-serif; transition:background .18s,transform .18s; }
.eeq__button:hover { background:#393930; transform:translateY(-2px); }
.eeq__link { display:inline-flex; gap:8px; align-items:center; min-height:44px; padding:8px 0; font-size:12px; text-underline-offset:5px; }
.eeq :is(a,button):focus-visible { outline:3px solid #987616; outline-offset:5px; }
.eeq__visual { position:relative; min-width:0; }
.eeq__gallery { position:relative; display:grid; }
.eeq__product { min-width:0; margin:0; }
.eeq__product + .eeq__product { display:none; margin-top:20px; }
.eeq--enhanced .eeq__product { display:block; grid-area:1/1; margin:0; }
.eeq__photo { display:block; width:100%; height:clamp(400px,40vw,530px); object-fit:cover; mix-blend-mode:multiply; }
.eeq__product figcaption { display:flex; align-items:center; justify-content:space-between; gap:16px; border-top:1px solid #cecec5; padding:14px 2px 8px; font-size:12px; }
.eeq__product figcaption strong { font-weight:600; }
.eeq__product figcaption a { white-space:nowrap; text-underline-offset:4px; padding:8px 0; }
.eeq__badge { position:absolute; right:0; top:22px; display:grid; place-content:center; width:108px; height:108px; border-radius:50%; background:var(--eeq-yellow); z-index:1; text-align:center; font:700 12px/1.45 'Poppins',sans-serif; text-transform:uppercase; transform:rotate(10deg); box-shadow:0 3px 0 #171715; pointer-events:none; }
.eeq__badge svg { width:23px; height:23px; margin:0 auto 5px; fill:none; stroke:currentColor; stroke-width:1.8; }
.eeq__badge > span { display:block; max-width:88px; margin:auto; }
.eeq__choices { display:flex; gap:8px; margin-top:8px; }
.eeq__choices button { cursor:pointer; font:500 11px/1.4 'Poppins',sans-serif; background:transparent; color:var(--eeq-ink); border:1px solid #b9b9af; border-radius:0; min-height:44px; padding:10px 12px; display:flex; align-items:center; gap:7px; }
.eeq__choices button[aria-pressed="true"] { background:var(--eeq-ink); border-color:var(--eeq-ink); color:white; }
.eeq__swatch { width:10px; height:10px; border-radius:50%; background:#222; border:1px solid #888; flex:none; }
.eeq__swatch--ivory { background:#e3ddcd; }
.eeq__choices button[aria-pressed="true"] .eeq__swatch { border-color:#c9c9ba; }
.eeq__ticker { border-top:1px solid #d2d2c7; padding:13px 24px; display:flex; justify-content:center; align-items:center; gap:24px; flex-wrap:wrap; font-size:10px; font-weight:600; text-transform:uppercase; letter-spacing:.18em; }
.eeq__ticker i { font-style:normal; font-size:16px; }
.eeq__score { color:#f5f4ed; background:var(--eeq-ink); padding:34px 0 28px; scroll-margin-top:100px; }
.eeq__score-grid { display:grid; grid-template-columns:1.1fr 2fr; gap:48px; align-items:center; }
.eeq__score h2 { color:#f5f4ed; font:700 clamp(26px,3vw,38px)/1.15 'Poppins',sans-serif; letter-spacing:-.045em; margin:0 0 8px; }
.eeq__score .eeq__eyebrow { color:var(--eeq-yellow); margin-bottom:10px; }
.eeq__score-intro { color:#cdcdc2; font-size:12px; line-height:1.7; max-width:280px; margin:0; }
.eeq__numbers { display:grid; grid-template-columns:1fr 1fr 1.25fr; gap:0; margin:0; }
.eeq__metric { border-left:1px solid #57574d; padding:0 20px; min-width:0; display:flex; flex-direction:column; }
.eeq__metric dt { order:2; font-size:11px; color:#d2d2c7; line-height:1.5; }
.eeq__metric dd { margin:0; font-size:clamp(28px,3.6vw,48px); letter-spacing:-.055em; font-weight:600; line-height:1.2; font-variant-numeric:tabular-nums; overflow-wrap:anywhere; }
.eeq__metric dd small { display:block; font-size:10px; font-weight:400; letter-spacing:0; color:var(--eeq-yellow); margin:3px 0 10px; }
.eeq__metric--money dd { font-size:clamp(24px,2.8vw,38px); }
.eeq__update { display:flex; gap:14px 24px; align-items:center; flex-wrap:wrap; border-top:1px solid #494940; margin-top:25px; padding-top:16px; color:#c1c1b5; font-size:10px; line-height:1.6; }
.eeq__update p { margin:0; flex:1; }
.eeq__share { display:inline-flex; align-items:center; gap:10px; color:#fff !important; min-height:44px; font-size:12px; text-underline-offset:5px; }
.eeq__copy { border:1px solid #747467; background:none; color:#fff; padding:9px 12px; min-height:44px; font:500 11px/1.4 'Poppins',sans-serif; cursor:pointer; }
.eeq__status { font-size:11px; color:var(--eeq-yellow); }
.eeq__goal { max-width:600px; margin:24px 0 0 auto; font-size:12px; }
.eeq__goal label { display:block; margin-bottom:8px; }
.eeq__goal progress { display:block; width:100%; height:8px; accent-color:var(--eeq-yellow); }
.eeq__explain { padding-top:25px; padding-bottom:28px; font-size:12px; color:#52524a; }
.eeq__explain summary { cursor:pointer; display:list-item; font-size:12px; font-weight:600; color:var(--eeq-ink); min-height:35px; padding:8px 0; }
.eeq__explain p { max-width:800px; line-height:1.85; margin:12px 0; }
.eeq__explain a { text-underline-offset:4px; }
.eeq__explain details { border-bottom:1px solid #d0d0c4; padding-bottom:8px; }
.eeq__transition { display:flex; justify-content:space-between; align-items:center; gap:20px; padding-top:20px; font-size:11px; }
.eeq__transition a { min-height:44px; display:inline-flex; align-items:center; text-underline-offset:4px; }
.eeq__transition span { text-align:right; }
.eeq__product.is-entering { animation:eeq-reveal .24s ease-out; }
@keyframes eeq-reveal { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:translateY(0); } }
@media(min-width:1100px) { .eeq__story { padding-left:20px; } }
@media(max-width:950px) { .eeq__score-grid { grid-template-columns:1fr; gap:26px; } .eeq__score-intro { max-width:none; } .eeq__numbers .eeq__metric:first-child { padding-left:0; border-left:0; } .eeq__brands { gap:12px; } .eeq__logo { width:185px; } .eeq__alliance { padding-left:12px; } }
@media(max-width:700px) {
 .eeq__hero { grid-template-columns:1fr; gap:22px; padding-top:28px; padding-bottom:22px; }
 .eeq__brands { margin-bottom:28px; }
 .eeq__logo { width:175px; }
 .eeq h1 { font-size:clamp(44px,12vw,64px); margin-bottom:19px; }
 .eeq__intro { font-size:14px; max-width:440px; margin-bottom:18px; }
 .eeq__eyebrow { font-size:10px; }
 .eeq__photo { height:360px; }
 .eeq__badge { width:84px; height:84px; font-size:10px; top:8px; right:7px; }
 .eeq__badge svg { width:18px; height:18px; margin-bottom:3px; }
 .eeq__badge > span { max-width:70px; }
 .eeq__choices { gap:6px; }
 .eeq__choices button { padding:9px 10px; }
 .eeq__ticker { gap:8px 14px; font-size:9px; letter-spacing:.1em; }
 .eeq__score { padding-top:28px; }
 .eeq__numbers { grid-template-columns:1fr 1fr; row-gap:24px; }
 .eeq__metric { padding:0 14px; }
 .eeq__metric dd { font-size:40px; }
 .eeq__metric--money { grid-column:1/-1; border-left:0; padding:18px 0 0; border-top:1px solid #57574d; }
 .eeq__metric--money dd { font-size:32px; }
 .eeq__update { gap:8px 16px; }
 .eeq__update p { flex-basis:100%; }
 .eeq__transition { align-items:flex-start; font-size:10px; }
 .eeq__transition span { max-width:130px; }
}
@media(prefers-reduced-motion:reduce) { .eeq *, .eeq *::after { animation:none !important; transition:none !important; } }
.modo-ligero .eeq * { animation:none !important; transition:none !important; }
@media print { .eeq__choices,.eeq__actions,.eeq__copy,.eeq__share,.eeq__badge { display:none !important; } .eeq__hero { display:block; } .eeq h1 { font-size:36px; } .eeq__photo { height:220px; } .eeq__score { background:white; color:black; } .eeq__score * { color:black !important; } .eeq__score-grid { display:block; } .eeq__numbers { margin-top:20px; } }

/* ---------- la guadua que se llena (hitos de la campaña) ---------- */
.eeq__score h2 { color:#f7f5ec; }
.eeq__guadua { margin-top:28px; padding-top:22px; border-top:1px solid #494940; }
.eeq__guadua-cab { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 24px; align-items:baseline; margin-bottom:6px; }
.eeq__guadua-cuenta { margin:0; font-size:14px; color:#e9e8df; }
.eeq__guadua-cuenta strong { font-size:22px; font-weight:700; color:#fff; letter-spacing:-.02em; }
.eeq__guadua-nota { margin:0; font-size:11px; color:var(--eeq-yellow); }
.eeq__culmo { display:block; width:100%; height:auto; overflow:visible; }
.eeq__savia { transition:width 1.4s cubic-bezier(.2,.8,.2,1); }
.eeq__nudo { fill:#3b3b33; stroke:#CDA862; stroke-width:2.5; transition:fill .4s; }
.eeq__nudo-txt { font:600 22px 'Poppins',sans-serif; fill:#b9b8ab; letter-spacing:.04em; }
[data-hito].alcanzado .eeq__nudo { fill:var(--eeq-yellow); stroke:#fff; }
[data-hito].alcanzado .eeq__nudo-txt { fill:#fff; }
.eeq__hitos { list-style:none; margin:14px 0 0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
.eeq__hitos li { display:flex; flex-direction:column; gap:4px; padding:12px 12px 12px 14px; border:1px solid #494940; border-left:3px solid #6a6a5e; font-size:12px; line-height:1.45; color:#d6d5ca; min-height:92px; }
.eeq__hitos li.alcanzado { border-left-color:var(--eeq-yellow); background:#22221d; }
.eeq__hito-n { font-weight:700; color:#fff; font-size:13px; }
.eeq__hito-estado { font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color:#9d9c90; }
li.alcanzado .eeq__hito-estado { color:var(--eeq-yellow); }
.eeq__hito-premio { color:#cfcfc3; }
.eeq__hito--final .eeq__hito-premio { color:#f0e6c0; }
@media (max-width:760px) {
 .eeq__hitos { grid-template-columns:repeat(2,1fr); }
 .eeq__nudo-txt { font-size:30px; }
 .eeq__guadua-cuenta strong { font-size:19px; }
}
@media (max-width:420px) { .eeq__hitos { grid-template-columns:1fr; } .eeq__hitos li { min-height:0; } }
.modo-ligero .eeq__savia, .modo-ligero .eeq__nudo { transition:none; }
@media (prefers-reduced-motion:reduce) { .eeq__savia, .eeq__nudo { transition:none; } }
.eeq__guadua-unidad { margin:0 0 6px; font-size:11.5px; color:#b9b8ab; }
.eeq__hito-vale { color:#e4dfc9; font-size:12px; }
.eeq__hito-vale::before { content:""; }
.eeq__hitos li { gap:5px; }

/* ---------- versión visual: menos texto, más guadua ---------- */
.eeq__score-intro { font-size:13px; max-width:320px; }
.eeq__guadua-unidad { display:none; }
.eeq__brote { fill:#7F9A4C; opacity:0; transform:translateY(6px) scale(.6); transform-origin:0 30px; transition:opacity .5s ease .3s, transform .6s cubic-bezier(.2,.8,.2,1) .3s; }
[data-hito].alcanzado .eeq__brote { opacity:1; transform:none; }
.eeq__hitos { gap:8px; }
.eeq__hitos li { min-height:0; padding:12px 14px; gap:3px; align-items:flex-start; position:relative; }
.eeq__hito-n { font-size:20px; font-weight:800; letter-spacing:-.02em; color:#8f8e82; }
li.alcanzado .eeq__hito-n { color:#fff; }
.eeq__hito-estado { display:none; }
.eeq__hito-vale { font-size:12.5px; color:#f0e6c0; }
.eeq__hito-premio { font-size:12.5px; color:#fff; font-weight:600; }
.eeq__hito--final .eeq__hito-premio { color:var(--eeq-yellow); }
.eeq__hito-cerrado { position:absolute; right:12px; top:12px; color:#6a6a5e; }
li.alcanzado .eeq__hito-cerrado { display:none; }
li.alcanzado { animation:eeq-desbloqueo .7s cubic-bezier(.2,.8,.2,1); }
@keyframes eeq-desbloqueo { from { transform:translateY(8px); opacity:.4; } to { transform:none; opacity:1; } }
.modo-ligero li.alcanzado, .modo-ligero .eeq__brote { animation:none; transition:none; }
@media (prefers-reduced-motion:reduce) { li.alcanzado { animation:none; } .eeq__brote { transition:none; } }
@media (max-width:420px) { .eeq__hitos { grid-template-columns:repeat(2,1fr); } }