:root{--forest:#163928;--leaf:#4d8d58;--mint:#d8ecd9;--soil:#3a2c20;--clay:#c86642;--paper:#fbf8ef;--card:#fffdf6;--ink:#1f3028;--muted:#657368;--line:rgba(31,48,40,.14);--shadow:0 20px 58px rgba(42,55,39,.18)}
*{box-sizing:border-box}
html{background:#dbe4d3}
body{margin:0;color:var(--ink);background:linear-gradient(160deg,#dfe9d7 0%,#f5eadc 47%,#d2e4d1 100%);font-family:"Avenir Next","Segoe UI",Arial,sans-serif;line-height:1.5}
a{color:inherit}
img,video{display:block;max-width:100%}
.profile{width:min(720px,100%);min-height:100vh;margin:0 auto;overflow:hidden;background:rgba(251,248,239,.97);box-shadow:0 0 70px rgba(44,55,38,.18)}
.hero{position:relative;height:520px;overflow:visible;background:#172b20}
.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center 40%}
.shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,31,22,.05) 20%,rgba(16,31,22,.18) 50%,rgba(251,248,239,.98) 100%)}
.share{position:absolute;z-index:4;top:18px;right:18px;width:46px;height:46px;border:1px solid rgba(255,255,255,.5);border-radius:50%;color:#fff;background:rgba(22,57,40,.78);font-size:1.35rem;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 10px 26px rgba(0,0,0,.18)}
.avatar{position:absolute;z-index:4;left:32px;bottom:-68px;width:158px;height:158px;overflow:hidden;border:7px solid var(--paper);border-radius:32px;background:var(--paper);box-shadow:var(--shadow)}
.avatar img{width:100%;height:100%;object-fit:cover;object-position:center}
.intro{padding:94px 36px 30px}
.eyebrow,.section-title p,.section-label{margin:0;color:var(--leaf);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.intro h1{margin:7px 0 13px;color:var(--forest);font-size:clamp(3.1rem,11vw,5.2rem);line-height:.86;letter-spacing:-.06em}
.roles{max-width:560px;margin:0;color:var(--muted);font-size:1.03rem}
.links{display:grid;gap:13px;padding:10px 28px 38px}
.link-card{display:grid;grid-template-columns:58px 1fr 18px;align-items:center;gap:15px;min-height:82px;padding:11px 18px 11px 11px;border:1px solid var(--line);border-radius:20px;background:rgba(255,253,246,.94);box-shadow:0 10px 28px rgba(55,62,43,.09);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.link-card:hover{transform:translateY(-3px);border-color:rgba(77,141,88,.42);box-shadow:0 16px 34px rgba(55,62,43,.13)}
.link-card.primary{color:#fff;background:linear-gradient(135deg,#163928,#25684a)}
.icon{display:grid;place-items:center;width:58px;height:58px;border-radius:15px;color:#fff;background:linear-gradient(135deg,var(--leaf),#245d3f);font-size:.85rem;font-weight:900;letter-spacing:.01em}
.platform-icon svg{width:30px;height:30px;fill:currentColor}
.facebook-icon,.facebook .icon{background:#1877f2}.instagram{background:linear-gradient(135deg,#7046c9,#ea436f,#f5a335)}.youtube{background:#e93632}.article-icon{background:var(--clay)}
.link-card strong,.link-card small{display:block}.link-card strong{font-size:1.03rem}.link-card small{margin-top:2px;color:var(--muted);font-size:.78rem}.primary small{color:#d8eadb}.link-card b{color:#879281;font-size:1.5rem;font-weight:500}.primary b{color:#fff}
.feature-video{margin:2px 28px 48px;padding:22px;border:1px solid var(--line);border-radius:28px;background:var(--card);box-shadow:var(--shadow)}
.feature-video video{width:min(50%,300px);min-width:240px;margin-inline:auto;overflow:hidden;border-radius:18px;background:#111;aspect-ratio:9/16;object-fit:contain}
.feature-video.represa video{width:100%;min-width:0;aspect-ratio:16/9}
.section-title{margin-bottom:18px}.section-title h2{margin:5px 0 8px;color:var(--forest);font-size:2rem;line-height:1.05;letter-spacing:-.035em}.section-title span{display:block;color:var(--muted);font-size:.95rem}
.story{display:grid;grid-template-columns:44% 1fr;align-items:stretch;margin:0 28px 48px;overflow:hidden;border-radius:27px;color:#fff;background:var(--forest);box-shadow:var(--shadow)}
.story img{width:100%;height:100%;min-height:280px;object-fit:cover;object-position:center}
.story div{display:flex;flex-direction:column;justify-content:center;padding:27px 25px}.story .section-label{color:#a9d9a9}.story h2{margin:7px 0 9px;font-size:1.65rem;line-height:1.08;letter-spacing:-.025em}.story p:not(.section-label){margin:0;color:#d9e6d8;font-size:.9rem}
.bio-gallery{margin:0 28px 48px;padding:24px;border:1px solid rgba(77,141,88,.18);border-radius:28px;background:rgba(255,253,246,.9);box-shadow:0 12px 32px rgba(55,62,43,.08)}
.bio-copy h2{margin:5px 0 10px;color:var(--forest);font-size:1.9rem;line-height:1.06;letter-spacing:-.035em}
.bio-copy p:not(.section-label){margin:0;color:var(--muted);font-size:.96rem}
.media-card{display:grid;grid-template-columns:52px 1fr 16px;align-items:center;gap:13px;margin-top:18px;padding:10px 14px 10px 10px;border:1px solid var(--line);border-radius:18px;background:#fff;text-decoration:none;box-shadow:0 9px 22px rgba(55,62,43,.07)}
.media-card .icon{width:52px;height:52px;border-radius:14px}.media-card .platform-icon svg{width:27px;height:27px}.media-card strong,.media-card small{display:block}.media-card strong{color:var(--forest);font-size:.98rem}.media-card small{margin-top:2px;color:var(--muted);font-size:.76rem}.media-card b{color:#879281;font-size:1.35rem;font-weight:500}
.photo-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,38%);gap:12px;margin:22px -24px -2px;padding:0 24px 4px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.photo-strip::-webkit-scrollbar{display:none}
.photo-strip img{width:100%;height:205px;object-fit:cover;object-position:center;border-radius:18px;scroll-snap-align:start;box-shadow:0 10px 24px rgba(55,62,43,.12)}
.qr-share{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;margin:0 28px 42px;padding:20px;border:1px solid rgba(77,141,88,.2);border-radius:24px;background:linear-gradient(135deg,rgba(255,253,246,.95),rgba(216,236,217,.78));box-shadow:0 12px 32px rgba(55,62,43,.09)}
.qr-share h2{margin:5px 0 8px;color:var(--forest);font-size:1.55rem;line-height:1.08;letter-spacing:-.025em}
.qr-share p:not(.section-label){margin:0;color:var(--muted);font-size:.9rem}
.qr-share .qr-code-card{display:block;width:112px;max-width:112px;padding:6px;border-radius:16px;background:#fff;box-shadow:0 10px 24px rgba(55,62,43,.1)}
.qr-share .qr-code-image{display:block;width:100%;max-width:100%;height:auto;border-radius:12px}
footer{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end;padding:34px 30px;color:#d9e6d8;background:var(--forest);border-top:1px solid rgba(255,255,255,.12);font-size:.78rem}footer p{margin:0}.links2redes-signature{display:flex;justify-self:end;width:min(110px,31vw);padding:5px;border-radius:8px;background:rgba(255,255,255,.9);text-decoration:none}.links2redes-signature img{display:block;width:100%;height:auto}.links2redes-signature:hover{opacity:.82}
.toast{position:fixed;z-index:20;left:50%;bottom:22px;transform:translate(-50%,20px);padding:10px 15px;border-radius:999px;color:#fff;background:var(--forest);opacity:0;pointer-events:none;transition:.2s}.toast.visible{transform:translate(-50%,0);opacity:1}
@media(max-width:560px){.hero{height:auto;aspect-ratio:1024/771}.hero-photo{height:auto;object-fit:contain}.hero .shade{background:linear-gradient(180deg,transparent 60%,rgba(251,248,239,.98) 100%)}.hero .share{top:auto;bottom:18px}.avatar{left:22px;width:136px;height:136px;bottom:-60px}.intro{padding:82px 22px 25px}.links{padding-inline:14px}.feature-video{margin-inline:14px;padding:14px;border-radius:22px}.section-title h2{font-size:1.72rem}.story{grid-template-columns:1fr;margin-inline:14px}.story img{max-height:230px;min-height:0}.bio-gallery{margin-inline:14px;padding:20px}.bio-copy h2{font-size:1.62rem}.photo-strip{grid-auto-columns:minmax(138px,62%);margin-inline:-20px;padding-inline:20px}.photo-strip img{height:190px}.qr-share{grid-template-columns:1fr;margin-inline:14px;text-align:center}.qr-share .qr-code-card{width:118px;max-width:118px;margin-inline:auto}footer{grid-template-columns:1fr}.links2redes-signature{justify-self:end}}
@media(prefers-reduced-motion:reduce){.link-card,.toast{transition:none}}

/* Avatí Eté: imágenes completas, navegación manual. */
.avati{margin:0 28px 38px;padding:24px;border:1px solid #d8b876;border-radius:24px;background:#fff6e4}
.avati h2{margin:8px 0;color:var(--forest);font-size:2.3rem;line-height:1.1}.avati h2 span{display:block;font-size:1rem;color:#885014;margin-top:8px}.avati-lead{font-weight:700;font-size:1.15rem}.avati p{font-size:.95rem}.avati-gallery{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;gap:16px}.avati-slide{flex:0 0 100%;min-width:0;margin:0;scroll-snap-align:start}.avati-slide a{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1.14;background:#eee5d3;border-radius:12px;overflow:hidden}.avati-slide img{width:100%;height:100%;object-fit:contain}.avati-slide figcaption{padding:10px 2px;font-size:.8rem;color:var(--soil)}.avati-controls{display:flex;align-items:center;justify-content:space-between;margin:22px 0 12px}.avati-controls button{width:44px;height:44px;border:1px solid var(--forest);border-radius:50%;background:var(--forest);color:white;font-size:1.3rem;cursor:pointer}.avati-controls button:disabled{opacity:.35;cursor:default}.avati .avati-note{font-size:.75rem;color:#665a47}.avati :focus-visible{outline:3px solid #ad5800;outline-offset:3px}@media(max-width:560px){.avati{margin-inline:14px;padding:18px}.avati h2{font-size:2rem}}

/* Reportaje de Avatí Eté en TikTok. */
.avati-interview{margin-top:26px;padding-top:24px;border-top:1px solid #d8b876;min-width:0}
.avati-interview h3{margin:8px 0;font-size:1.5rem;line-height:1.2;color:var(--forest)}
.avati-interview .tiktok-embed{margin:20px auto;min-width:0!important;max-width:100%!important}
.avati-interview iframe{max-width:100%}
.avati-watch a{font-weight:700;text-underline-offset:4px}

/* Rendimiento y contraste: septiembre 2026. */
:root{--leaf:#367240}
.interview-player{padding:22px 14px;margin:20px 0;background:#fffdf6;border:1px solid var(--line);border-radius:16px;text-align:center}
.interview-player button{border:0;border-radius:12px;padding:16px 20px;min-height:48px;background:var(--forest);color:white;font:inherit;font-weight:700;cursor:pointer}
.interview-player iframe{display:block;width:100%;height:760px;border:0;background:white}
.interview-player:has(iframe){padding:0;overflow:hidden}
.link-card b,.media-card b{color:#52654d}