:root{
    --black:#050807;
    --black-2:#08120f;
    --paper:#0b1512;
    --paper-2:#13251f;
    --white:#f1f5f2;
    --muted:#93a39b;
    --emerald:#0aa86e;
    --emerald-soft:#0e6f50;
    --emerald-deep:#064d39;
    --emerald-glow:rgba(10,168,110,.28);
    --red:var(--emerald);
    --amber:var(--emerald-soft);
    --cyan:#00d9e8;
    --line:rgba(190,224,208,.17);
    --dark-line:rgba(190,224,208,.18);
    --condensed:"Barlow Condensed","Arial Narrow",sans-serif;
    --serif:"DM Serif Display",Georgia,serif;
    --sans:"Poppins",Arial,sans-serif;
}
*{box-sizing:border-box}
html{background:var(--black);scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:var(--sans);overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
[hidden]{display:none!important}

/* Menú general: misma versión visual del ecosistema usada en Trade. */
.ecosystem-menu{
    --cyan:#00d9e8;
    --line:rgba(255,255,255,.17);
    position:relative;
    z-index:300;
    width:100%;
    height:86px;
    display:grid;
    grid-template-columns:minmax(190px,1fr) auto;
    align-items:stretch;
    overflow:hidden;
    border-top:2px solid var(--cyan);
    border-bottom:1px solid var(--line);
    background:radial-gradient(circle at 18% 0,rgba(0,217,232,.09),transparent 33%),#050708;
    isolation:isolate;
}
.ecosystem-menu:before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    opacity:.24;
    pointer-events:none;
    background-image:linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),rgba(255,255,255,.035) 25%,transparent calc(25% + 1px),transparent);
    background-size:240px 100%;
}
.ecosystem-menu:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:2px;
    pointer-events:none;
    background:var(--cyan);
    transform:scaleX(0);
    transform-origin:left;
    animation:ecosystem-line .9s .12s cubic-bezier(.2,.8,.2,1) forwards;
}
.ecosystem-brand{
    min-width:0;
    display:flex;
    align-items:center;
    gap:22px;
    padding:0 clamp(20px,3vw,48px);
    opacity:0;
    transform:translateX(-18px);
    animation:ecosystem-brand-in .65s .1s cubic-bezier(.2,.8,.2,1) forwards;
}
.ecosystem-brand img{
    display:block;
    width:clamp(178px,17vw,238px);
    max-height:43px;
    object-fit:contain;
    object-position:left center;
    filter:brightness(0) invert(1);
    transition:filter .22s ease,transform .22s ease;
}
.ecosystem-brand:hover img{
    filter:brightness(0) saturate(100%) invert(82%) sepia(63%) saturate(3634%) hue-rotate(146deg) brightness(102%) contrast(91%);
    transform:translateY(-1px);
}
.ecosystem-brand-line{width:1px;height:34px;flex:0 0 auto;background:var(--line)}
.ecosystem-brand small{
    color:#9da5aa;
    font-family:var(--sans);
    font-size:9px;
    font-weight:600;
    line-height:1.4;
    letter-spacing:.18em;
    text-transform:uppercase;
    white-space:nowrap;
}
.ecosystem-nav{
    display:grid;
    grid-template-columns:repeat(5,minmax(105px,1fr));
    align-items:stretch;
    border-left:1px solid var(--line);
}
.ecosystem-nav a{
    position:relative;
    z-index:0;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 18px;
    overflow:hidden;
    border-right:1px solid var(--line);
    color:#f7f7f4;
    font-family:var(--condensed);
    font-size:17px;
    font-weight:700;
    line-height:1;
    letter-spacing:.07em;
    text-transform:uppercase;
    white-space:nowrap;
    opacity:0;
    transform:translateY(14px);
    animation:ecosystem-link-in .48s cubic-bezier(.2,.8,.2,1) forwards;
    transition:color .22s ease;
}
.ecosystem-nav a:first-child{animation-delay:.19s}
.ecosystem-nav a:nth-child(2){animation-delay:.26s}
.ecosystem-nav a:nth-child(3){animation-delay:.33s}
.ecosystem-nav a:nth-child(4){animation-delay:.4s}
.ecosystem-nav a:nth-child(5){animation-delay:.47s}
.ecosystem-nav a:before{
    content:"";
    position:absolute;
    z-index:-1;
    inset:0;
    background:#f7f7f4;
    transform:translateY(102%);
    transition:transform .25s cubic-bezier(.2,.8,.2,1);
}
.ecosystem-nav a:after{
    content:"↗";
    margin-left:8px;
    color:var(--cyan);
    font-family:var(--sans);
    font-size:11px;
    font-weight:600;
    transition:transform .22s ease,color .22s ease;
}
.ecosystem-nav a:hover,.ecosystem-nav a:focus-visible{color:#050708;outline:0}
.ecosystem-nav a:hover:before,.ecosystem-nav a:focus-visible:before{transform:translateY(0)}
.ecosystem-nav a:hover:after,.ecosystem-nav a:focus-visible:after{color:#008d9a;transform:translate(2px,-2px)}
@keyframes ecosystem-brand-in{to{opacity:1;transform:translateX(0)}}
@keyframes ecosystem-link-in{to{opacity:1;transform:translateY(0)}}
@keyframes ecosystem-line{to{transform:scaleX(1)}}

.feedback-site{position:relative;background:var(--black)}
.feedback-header{
    position:relative;
    z-index:120;
    width:100%;
    height:92px;
    display:grid;
    grid-template-columns:auto 1fr auto;
    align-items:center;
    gap:4vw;
    padding:0 4vw;
    border-top:1px solid rgba(10,168,110,.32);
    border-bottom:1px solid rgba(10,168,110,.32);
    background:#09110e;
}
.feedback-header-solid{background:#09110e}
.feedback-wordmark{display:flex;align-items:center;gap:14px;font-family:var(--condensed);line-height:1}
.feedback-wordmark img{width:clamp(145px,13vw,205px);max-height:38px;object-fit:contain;object-position:left center;filter:brightness(0) invert(1)}
.feedback-wordmark>i{width:1px;height:30px;background:rgba(255,255,255,.28)}
.feedback-wordmark b{color:var(--red);font-size:2rem;font-weight:900;letter-spacing:.015em}
.feedback-header>p{
    margin:0;
    color:#91a69b;
    font-family:var(--condensed);
    font-size:.66rem;
    font-weight:700;
    letter-spacing:.24em;
}
.feedback-header nav{display:flex;align-items:center;gap:34px}
.feedback-header nav a{
    color:#dfe8e3;
    font-family:var(--condensed);
    font-size:.75rem;
    font-weight:800;
    letter-spacing:.17em;
    transition:color .2s ease;
}
.feedback-header nav a:hover{color:var(--red)}
.feedback-menu-button{display:none;width:42px;height:42px;border:0;background:transparent}
.feedback-menu-button i{display:block;width:26px;height:1px;margin:7px auto;background:white}

.feedback-hero{
    position:relative;
    isolation:isolate;
    min-height:calc(100svh - 86px);
    overflow:hidden;
    background:var(--black-2);
}
.feedback-hero-image{
    position:absolute;
    z-index:-3;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    filter:saturate(.82) contrast(1.04);
}
.feedback-hero-shade{
    position:absolute;
    z-index:-2;
    inset:0;
    background:
        linear-gradient(90deg,rgba(9,8,7,.96) 0,rgba(9,8,7,.82) 38%,rgba(9,8,7,.18) 77%),
        linear-gradient(0deg,rgba(9,8,7,.94),transparent 48%);
}
.feedback-hero:after{
    content:"FEEDBACK";
    position:absolute;
    z-index:-1;
    left:3.4vw;
    bottom:-.09em;
    color:rgba(255,255,255,.055);
    font-family:var(--condensed);
    font-size:27vw;
    font-weight:900;
    line-height:.75;
    letter-spacing:-.055em;
}
.feedback-hero-index{
    position:absolute;
    top:150px;
    left:4vw;
    display:flex;
    align-items:flex-start;
    gap:16px;
}
.feedback-hero-index b{color:var(--red);font-family:var(--condensed);font-size:2.5rem;line-height:.8}
.feedback-hero-index span{color:#90a198;font-family:var(--condensed);font-size:.62rem;font-weight:700;line-height:1.5;letter-spacing:.2em}
.feedback-hero-copy{
    position:absolute;
    left:12vw;
    bottom:11vh;
    width:min(950px,67vw);
}
.feedback-hero-copy>p{
    display:flex;
    align-items:center;
    gap:16px;
    margin:0 0 23px;
    color:#a9b8b0;
    font-family:var(--condensed);
    font-size:.76rem;
    font-weight:700;
    letter-spacing:.17em;
    text-transform:uppercase;
}
.feedback-hero-copy>p span{padding:8px 12px;background:var(--red);color:#fff}
.feedback-hero h1{
    max-width:1050px;
    margin:0;
    font-family:var(--serif);
    font-size:clamp(4.4rem,7.3vw,8.4rem);
    font-weight:400;
    line-height:.88;
    letter-spacing:-.04em;
    text-wrap:balance;
}
.feedback-hero-title-link{display:block;width:max-content;max-width:100%;outline:0}
.feedback-hero-title-link h1{transition:color .25s ease,text-shadow .25s ease,transform .25s ease}
.feedback-hero-title-link:hover h1,
.feedback-hero-title-link:focus-visible h1{color:var(--red);text-shadow:0 0 28px var(--emerald-glow);transform:translateX(4px)}
.feedback-hero-bottom{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:45px;
    margin-top:32px;
    padding-top:26px;
    border-top:1px solid rgba(255,255,255,.42);
}
.feedback-hero-bottom p{max-width:680px;margin:0;color:#aebdb5;font-size:.88rem;line-height:1.7}
.feedback-hero-bottom a{
    min-width:190px;
    padding:15px 0 8px;
    border-bottom:2px solid var(--red);
    font-family:var(--condensed);
    font-size:.77rem;
    font-weight:800;
    letter-spacing:.18em;
}
.feedback-hero-bottom a span{float:right;color:var(--red);font-size:1.1rem}
.feedback-stamp{
    position:absolute;
    right:4vw;
    bottom:7vh;
    width:180px;
    height:180px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:25px;
    border:1px solid rgba(255,255,255,.4);
    border-radius:50%;
    transform:rotate(7deg);
}
.feedback-stamp span{color:var(--amber);font-family:var(--condensed);font-size:.61rem;font-weight:800;letter-spacing:.18em}
.feedback-stamp b{margin-top:8px;font-family:var(--condensed);font-size:1.55rem;line-height:.9}

.feedback-manifest{
    min-height:470px;
    display:grid;
    grid-template-columns:.6fr 2fr 1fr;
    align-items:center;
    gap:5vw;
    padding:6rem 5vw;
    background:var(--paper);
    color:var(--white);
}
.feedback-manifest>p,.themes-intro>p,.section-heading p,.archive-heading>div>p,.feedback-closing>p{
    margin:0;
    color:#719584;
    font-family:var(--condensed);
    font-size:.7rem;
    font-weight:800;
    letter-spacing:.24em;
}
.feedback-manifest h2,.themes-intro h2,.archive-heading h2,.feedback-closing h2{
    margin:0;
    font-family:var(--condensed);
    font-size:clamp(4.5rem,8vw,9rem);
    font-weight:800;
    line-height:.79;
    letter-spacing:-.045em;
}
.feedback-manifest h2 em,.themes-intro h2 em,.feedback-closing h2 em{color:var(--red);font-style:normal}
.feedback-manifest>div{align-self:end;padding-bottom:12px}
.feedback-manifest>div p{margin:0 0 28px;color:#a8b8b0;font-family:var(--serif);font-size:1.3rem;line-height:1.55}
.feedback-manifest>div span{font-family:var(--condensed);font-size:.66rem;font-weight:800;letter-spacing:.17em}

.spotlight-section{padding:6.5rem 5vw;background:#060b09}
.section-heading{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:30px;
    margin-bottom:45px;
}
.section-heading h2{margin:12px 0 0;font-family:var(--condensed);font-size:clamp(3.8rem,6vw,7rem);line-height:.83;letter-spacing:-.04em}
.section-heading>span{color:#789083;font-family:var(--condensed);font-size:.68rem;font-weight:800;letter-spacing:.16em}
.spotlight-grid{display:grid;grid-template-columns:1.15fr .925fr .925fr;gap:24px}
.spotlight-card{min-width:0}
.spotlight-image{position:relative;display:block;height:300px;overflow:hidden;background:#102019}
.spotlight-large .spotlight-image{height:430px}
.spotlight-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.74);transition:transform .5s ease,filter .5s ease}
.spotlight-card:hover img{transform:scale(1.025);filter:saturate(1)}
.spotlight-image>span{
    position:absolute;
    top:0;
    left:0;
    min-width:50px;
    padding:13px;
    background:var(--red);
    color:#f5fff9;
    font-family:var(--condensed);
    font-size:.75rem;
    font-weight:900;
}
.spotlight-card>div{padding:22px 4px}
.spotlight-card>div>p,.archive-card>div>p{
    margin:0;
    color:var(--red);
    font-family:var(--condensed);
    font-size:.66rem;
    font-weight:800;
    letter-spacing:.15em;
    text-transform:uppercase;
}
.spotlight-card h3{margin:12px 0;font-family:var(--serif);font-size:clamp(1.7rem,2.4vw,2.8rem);font-weight:400;line-height:1.02}
.spotlight-card:not(.spotlight-large) h3{font-size:clamp(1.55rem,1.8vw,2.15rem)}
.spotlight-card h3 a,.archive-card h3 a{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical}
.spotlight-card h3 a{-webkit-line-clamp:4}
.spotlight-large h3 a{-webkit-line-clamp:3}
.spotlight-card>div>span{display:-webkit-box;overflow:hidden;color:#93a39b;font-size:.79rem;line-height:1.6;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.spotlight-large>div>span{-webkit-line-clamp:4}
.text-link{
    display:inline-block;
    margin-top:20px;
    padding-bottom:5px;
    border-bottom:1px solid var(--red);
    font-family:var(--condensed);
    font-size:.68rem;
    font-weight:800;
    letter-spacing:.16em;
}

.themes-section{
    display:grid;
    grid-template-columns:1fr 1fr;
    min-height:560px;
    background:linear-gradient(135deg,#0d291f 0%,#08140f 72%);
    color:var(--white);
}
.themes-intro{padding:5.5rem 5vw}
.themes-intro>p{color:#6ea28a}
.themes-intro h2{margin-top:28px;font-size:clamp(4.2rem,6.7vw,7.5rem)}
.themes-intro h2 em{color:#18a976}
.themes-list{border-left:1px solid rgba(190,224,208,.16)}
.themes-list button{
    width:100%;
    min-height:112px;
    display:grid;
    grid-template-columns:55px 1fr auto 30px;
    align-items:center;
    gap:20px;
    padding:20px 5vw 20px 3vw;
    border:0;
    border-bottom:1px solid rgba(190,224,208,.16);
    background:transparent;
    color:var(--white);
    text-align:left;
    cursor:pointer;
    transition:background .2s ease,color .2s ease;
}
.themes-list button:hover{background:var(--emerald-deep);color:var(--white)}
.themes-list b{font-family:var(--condensed);font-size:.78rem}
.themes-list span{font-family:var(--serif);font-size:2rem;line-height:1}
.themes-list small{font-family:var(--condensed);font-size:.64rem;font-weight:800;letter-spacing:.13em}
.themes-list i{font-style:normal;font-size:1.2rem}

.archive-section{padding:6.5rem 5vw;background:#07110d;color:var(--white)}
.archive-heading{display:grid;grid-template-columns:1.8fr 1fr;align-items:end;gap:6vw;margin-bottom:55px}
.archive-heading h2{margin-top:15px}
.archive-heading>p{max-width:520px;margin:0;color:#9eafa6;font-family:var(--serif);font-size:1.25rem;line-height:1.6}
.archive-search{margin-bottom:34px}
.archive-search label{display:block;margin-bottom:11px;color:#779286;font-family:var(--condensed);font-size:.67rem;font-weight:800;letter-spacing:.16em}
.archive-search>div{display:flex;border-bottom:3px solid #dbe8e1}
.archive-search input{flex:1;min-width:0;padding:12px 0;border:0;outline:0;background:transparent;color:var(--white);font-family:var(--serif);font-size:clamp(2rem,4vw,4rem)}
.archive-search input::placeholder{color:#667b71}
.archive-search button{width:70px;border:0;background:transparent;color:var(--white);font-size:2rem;cursor:pointer}
.archive-filter{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:30px}
.archive-filter button{
    padding:9px 16px;
    border:1px solid #587064;
    border-radius:999px;
    background:transparent;
    color:#dce7e1;
    font-family:var(--condensed);
    font-size:.69rem;
    font-weight:800;
    letter-spacing:.11em;
    text-transform:uppercase;
    cursor:pointer;
}
.archive-filter button.active,.archive-filter button:hover{border-color:var(--red);background:var(--red);color:#fff}
.archive-status{display:flex;justify-content:space-between;padding:18px 0;border-top:1px solid var(--dark-line);font-family:var(--condensed);font-size:.66rem;font-weight:800;letter-spacing:.14em}
.archive-status button{border:0;background:transparent;font:inherit;cursor:pointer}
.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 24px}
.archive-card[hidden]{display:none!important}
.archive-card-image{position:relative;display:block;height:250px;overflow:hidden;background:#102019}
.archive-card-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.73);transition:transform .45s ease,filter .45s ease}
.archive-card:hover img{transform:scale(1.025);filter:saturate(1)}
.archive-card-image span{position:absolute;right:0;bottom:0;padding:11px 14px;background:var(--black);color:var(--red);font-family:var(--condensed);font-weight:900}
.archive-card>div{padding:19px 2px 0}
.archive-card h3{margin:10px 0;font-family:var(--serif);font-size:clamp(1.65rem,2vw,2.05rem);font-weight:400;line-height:1.04}
.archive-card h3 a{-webkit-line-clamp:3}
.archive-card>div>span{display:-webkit-box;overflow:hidden;color:#91a39a;font-size:.77rem;line-height:1.58;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.load-more-wrap{padding-top:42px}
.load-more-wrap button{
    width:100%;
    min-height:75px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0 28px;
    border:1px solid #526a5e;
    background:transparent;
    color:var(--white);
    font-family:var(--condensed);
    font-size:.78rem;
    font-weight:900;
    letter-spacing:.17em;
    cursor:pointer;
    transition:background .2s ease,border-color .2s ease;
}
.load-more-wrap button:hover{border-color:var(--red);background:var(--red)}
.load-more-wrap b{font-size:1.2rem}
.archive-empty{display:none;padding:60px 0;text-align:center}
.archive-empty p{color:var(--red);font-family:var(--condensed);font-size:.68rem;font-weight:900;letter-spacing:.18em}
.archive-empty h3{margin:10px 0;font-family:var(--serif);font-size:2.5rem;font-weight:400}

.feedback-closing{min-height:430px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4.5rem 5vw;background:#07110d;text-align:center}
.feedback-closing h2{margin:25px 0 38px}
.feedback-closing a{padding-bottom:8px;border-bottom:1px solid var(--red);font-family:var(--condensed);font-size:.73rem;font-weight:800;letter-spacing:.16em}
.feedback-footer{
    min-height:220px;
    display:grid;
    grid-template-columns:1fr 1fr auto;
    align-items:center;
    gap:4vw;
    padding:3.25rem 5vw;
    border-top:1px solid var(--line);
    background:#050807;
}
.feedback-footer>div{display:flex;align-items:center;gap:14px;font-family:var(--condensed)}
.feedback-footer>div img{width:clamp(145px,12vw,190px);max-height:38px;object-fit:contain;filter:brightness(0) invert(1)}
.feedback-footer>div i{width:1px;height:31px;background:rgba(255,255,255,.25)}
.feedback-footer>div strong{color:var(--red);font-size:2.7rem}
.feedback-footer p{max-width:430px;color:#83958c;font-size:.78rem;line-height:1.65}
.feedback-footer small{color:#5f746a;font-family:var(--condensed);font-size:.62rem;font-weight:800;letter-spacing:.14em}
.feedback-empty{min-height:700px;display:flex;flex-direction:column;justify-content:center;padding:9rem 8vw;background:var(--paper);color:var(--white)}
.feedback-empty>p{color:var(--red);font-family:var(--condensed);font-size:.65rem;font-weight:900;letter-spacing:.2em}
.feedback-empty h1{max-width:1000px;margin:15px 0;font-family:var(--condensed);font-size:clamp(4rem,9vw,9rem);line-height:.83}
.feedback-empty a{width:max-content;margin-top:25px;padding-bottom:7px;border-bottom:1px solid var(--red);font-family:var(--condensed);font-size:.7rem;font-weight:900;letter-spacing:.15em}

/* Artículo */
.article-hero{position:relative;isolation:isolate;min-height:780px;overflow:hidden}
.article-hero>img{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover}
.article-hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(9,8,7,.96),rgba(9,8,7,.63) 57%,rgba(9,8,7,.15)),linear-gradient(0deg,rgba(9,8,7,.94),transparent 55%)}
.article-back{position:absolute;top:45px;left:5vw;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.6);font-family:var(--condensed);font-size:.69rem;font-weight:800;letter-spacing:.15em}
.article-hero-copy{position:absolute;left:8vw;right:6vw;bottom:8vh;max-width:1250px}
.article-hero-copy>p{margin:0 0 20px;color:#b5c2bb;font-family:var(--condensed);font-size:.73rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.article-hero-copy>p span{display:inline-block;margin-right:15px;padding:8px 12px;background:var(--red);color:#fff}
.article-hero h1{max-width:1180px;margin:0;font-family:var(--serif);font-size:clamp(4.2rem,7.4vw,8.5rem);font-weight:400;line-height:.88;letter-spacing:-.04em;text-wrap:balance}
.article-hero-copy>div{display:flex;gap:32px;margin-top:32px;padding-top:20px;border-top:1px solid rgba(255,255,255,.38);color:#9dafa5;font-family:var(--condensed);font-size:.66rem;font-weight:800;letter-spacing:.15em}
.article-layout{display:grid;grid-template-columns:120px minmax(0,850px);justify-content:center;gap:55px;padding:6rem 5vw 7.5rem;background:var(--paper);color:var(--white)}
.article-layout>aside{position:sticky;top:30px;align-self:start;min-height:340px;display:flex;flex-direction:column;align-items:center}
.article-layout>aside p{margin:0;font-family:var(--condensed);font-size:.64rem;font-weight:900;line-height:1.5;letter-spacing:.17em;writing-mode:vertical-rl;transform:rotate(180deg)}
.article-layout>aside i{width:1px;height:115px;margin:22px 0;background:var(--red)}
.article-layout>aside span{font-family:var(--condensed);font-size:.59rem;font-weight:800;letter-spacing:.12em;writing-mode:vertical-rl;transform:rotate(180deg)}
.article-deck{margin:0 0 55px;padding-bottom:45px;border-bottom:1px solid var(--dark-line);font-family:var(--serif);font-size:clamp(1.55rem,2.4vw,2.3rem);line-height:1.42}
.article-video{margin:0 0 60px}
.article-video>div{aspect-ratio:16/9;background:#000}
.article-video iframe{width:100%;height:100%;border:0}
.article-video figcaption{padding:12px 0;border-bottom:1px solid var(--dark-line);color:#81968b;font-family:var(--condensed);font-size:.64rem;font-weight:800;letter-spacing:.14em}
.article-prose{font-family:var(--serif);font-size:1.26rem;line-height:1.85}
.article-prose p{margin:0 0 1.75em}
.article-prose p:first-child:first-letter{float:left;margin:.08em .12em 0 0;color:var(--red);font-family:var(--condensed);font-size:6.7rem;font-weight:900;line-height:.72}
.article-end{margin-top:70px;padding-top:50px;border-top:3px solid #dce8e2}
.article-end>p{color:var(--red);font-family:var(--condensed);font-size:.67rem;font-weight:900;letter-spacing:.18em}
.article-end h2{margin:18px 0 35px;font-family:var(--condensed);font-size:clamp(3.7rem,6vw,6.5rem);line-height:.82}
.article-end h2 em{color:var(--red);font-style:normal}
.article-end>div{display:flex;gap:12px}
.article-end button,.article-end a{padding:16px 20px;border:1px solid #526a5e;background:transparent;color:var(--white);font-family:var(--condensed);font-size:.7rem;font-weight:900;letter-spacing:.13em;cursor:pointer}
.article-end button:hover,.article-end a:hover{border-color:var(--red);background:var(--red);color:#fff}
.related-section{padding:5.5rem 5vw;background:#060b09}
.related-section>header{margin-bottom:45px}
.related-section>header p{margin:0;color:var(--red);font-family:var(--condensed);font-size:.67rem;font-weight:900;letter-spacing:.18em}
.related-section>header h2{margin:8px 0 0;font-family:var(--condensed);font-size:clamp(4rem,7vw,7rem);line-height:.85}
.related-section>div{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.related-section article>a{display:block;height:250px;overflow:hidden}
.related-section article img{width:100%;height:100%;object-fit:cover;filter:saturate(.75);transition:.4s}
.related-section article:hover img{transform:scale(1.025);filter:saturate(1)}
.related-section article p{margin:18px 0 8px;color:var(--red);font-family:var(--condensed);font-size:.64rem;font-weight:800;letter-spacing:.13em}
.related-section article h3{margin:0;font-family:var(--serif);font-size:1.85rem;font-weight:400;line-height:1.05}

@media(max-width:1400px){
    .feedback-stamp{display:none}
    .feedback-hero-copy{width:min(1050px,78vw)}
    .feedback-hero h1{font-size:clamp(4rem,7vw,7rem)}
}

@media(max-width:1000px){
    .feedback-hero-copy{width:auto;right:5vw}
    .feedback-manifest{grid-template-columns:.45fr 1.55fr}
    .feedback-manifest>div{grid-column:2}
    .spotlight-grid{grid-template-columns:1fr 1fr}
    .spotlight-large{grid-column:1/-1}
    .themes-section{grid-template-columns:1fr}
    .themes-list{border-top:1px solid rgba(190,224,208,.16);border-left:0}
    .archive-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:900px){
    .ecosystem-menu{height:158px;grid-template-columns:1fr;grid-template-rows:68px 88px}
    .ecosystem-brand{justify-content:center;gap:14px;padding:0 18px;border-bottom:1px solid var(--line)}
    .ecosystem-brand img{width:min(190px,54vw);max-height:36px}
    .ecosystem-brand-line{height:27px}
    .ecosystem-brand small{font-size:8px;letter-spacing:.14em}
    .ecosystem-nav{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(2,44px);border-left:0}
    .ecosystem-nav a{padding:0 8px;border-bottom:1px solid var(--line);font-size:15px}
    .ecosystem-nav a{grid-column:span 2}
    .ecosystem-nav a:nth-child(3){border-right:0}
    .ecosystem-nav a:nth-child(4),.ecosystem-nav a:nth-child(5){grid-column:span 3}
    .ecosystem-nav a:nth-child(5){border-right:0}
    .feedback-header{height:82px;grid-template-columns:auto 1fr auto;padding:0 5vw}
    .feedback-header>p{display:none}
    .feedback-header nav{position:absolute;top:82px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:20px 5vw;background:rgba(9,8,7,.98);border-bottom:1px solid var(--line)}
    .feedback-header nav.open{display:flex}
    .feedback-header nav a{padding:14px 0;border-bottom:1px solid var(--line)}
    .feedback-menu-button{display:block;justify-self:end}
    .feedback-hero{min-height:720px}
    .feedback-hero-index{top:120px}
    .feedback-hero-copy{left:8vw;bottom:8vh}
    .feedback-hero h1{font-size:clamp(3.8rem,11vw,6.8rem)}
    .feedback-manifest{display:block;min-height:0}
    .feedback-manifest>p{margin-bottom:28px}
    .feedback-manifest>div{max-width:620px;margin:35px 0 0}
    .archive-heading{grid-template-columns:1fr}
    .feedback-footer{grid-template-columns:1fr 1fr}
    .feedback-footer small{grid-column:1/-1}
    .article-layout{grid-template-columns:80px minmax(0,1fr);gap:28px}
}

@media(max-width:640px){
    .ecosystem-brand small,.ecosystem-brand-line{display:none}
    .ecosystem-brand img{width:min(205px,70vw)}
    .ecosystem-nav a{font-size:12.5px;letter-spacing:.035em}
    .feedback-wordmark{gap:9px}
    .feedback-wordmark img{width:min(142px,38vw)}
    .feedback-wordmark>i{height:24px}
    .feedback-wordmark b{font-size:1.45rem}
    .feedback-hero{min-height:660px}
    .feedback-hero-image{object-position:62% center}
    .feedback-hero-shade{background:linear-gradient(0deg,rgba(9,8,7,.98) 0,rgba(9,8,7,.78) 58%,rgba(9,8,7,.18))}
    .feedback-hero-index{top:110px;left:5vw}
    .feedback-hero-copy{left:5vw;right:5vw;bottom:5vh}
    .feedback-hero h1{font-size:clamp(2.8rem,12vw,4.7rem);line-height:.9}
    .feedback-hero-bottom{display:block;margin-top:24px;padding-top:18px}
    .feedback-hero-bottom p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}
    .feedback-hero-bottom a{display:block;width:100%;margin-top:20px}
    .feedback-manifest,.spotlight-section,.archive-section{padding:4.4rem 5vw}
    .feedback-manifest h2,.themes-intro h2,.archive-heading h2,.feedback-closing h2{font-size:4.2rem}
    .feedback-manifest>div p{font-size:1.05rem}
    .section-heading{display:block}
    .section-heading>span{display:block;margin-top:22px}
    .spotlight-grid{display:block}
    .spotlight-card{margin-bottom:36px}
    .spotlight-image,.spotlight-large .spotlight-image{height:300px}
    .themes-intro{padding:4.4rem 5vw}
    .themes-list button{grid-template-columns:35px 1fr 24px;min-height:105px;padding:18px 5vw}
    .themes-list small{display:none}
    .themes-list span{font-size:1.6rem}
    .archive-heading>p{font-size:1rem}
    .archive-search input{font-size:1.7rem}
    .archive-grid{display:block}
    .archive-card{margin-bottom:36px}
    .archive-card-image{height:260px}
    .feedback-footer{display:block}
    .feedback-footer>*{display:block;margin-bottom:28px}
    .article-hero{min-height:720px}
    .article-hero>img{object-position:62% center}
    .article-hero-shade{background:linear-gradient(0deg,rgba(9,8,7,.98),rgba(9,8,7,.65) 66%,rgba(9,8,7,.2))}
    .article-back{top:28px}
    .article-hero-copy{left:5vw;right:5vw;bottom:6vh}
    .article-hero h1{font-size:clamp(3.25rem,13vw,5.3rem)}
    .article-hero-copy>div{flex-wrap:wrap;gap:12px 25px}
    .article-layout{display:block;padding:4.4rem 5vw 5.5rem}
    .article-layout>aside{display:none}
    .article-deck{font-size:1.45rem}
    .article-prose{font-size:1.08rem;line-height:1.8}
    .article-end>div{flex-direction:column}
    .related-section{padding:4.4rem 5vw}
    .related-section>div{display:block}
    .related-section article{margin-bottom:45px}
    .related-section article>a{height:260px}
}

@media(prefers-reduced-motion:reduce){
    *,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}
}


/* ================================================================
   COMPATIBILIDAD CMS · V1.7
   Se conserva íntegra la identidad verde/negro de lanzamiento.
   ================================================================ */

body.embed-mode > .ecosystem-menu{
    display:none;
}

.feedback-private-status{
    padding:5px 8px;
    border:1px solid var(--emerald);
    color:#b8f0d7;
}

/* HTML enriquecido procedente del editor del CMS. */
.article-prose h2,
.article-prose h3,
.article-prose h4{
    margin:1.55em 0 .55em;
    color:var(--white);
    font-family:var(--condensed);
    font-weight:800;
    line-height:.96;
    letter-spacing:-.025em;
    text-transform:uppercase;
}

.article-prose h2{font-size:clamp(2.8rem,5vw,5rem)}
.article-prose h3{font-size:clamp(2.1rem,3.8vw,3.7rem)}
.article-prose h4{font-size:clamp(1.6rem,2.8vw,2.6rem)}

.article-prose blockquote{
    margin:2.2em 0;
    padding:12px 0 12px 28px;
    border-left:5px solid var(--emerald);
    color:#e5f4ec;
    font-family:var(--serif);
    font-size:clamp(1.7rem,3.5vw,3.4rem);
    line-height:1.18;
}

.article-prose ul,
.article-prose ol{
    margin:0 0 1.8em;
    padding-left:1.4em;
}

.article-prose li{
    margin:.55em 0;
}

.article-prose a{
    color:#55d6a4;
    text-decoration:underline;
    text-underline-offset:4px;
}

.article-prose figure{
    margin:2.5em 0;
}

.article-prose figure img,
.article-prose > img{
    display:block;
    width:100%;
    height:auto;
    margin:2.5em 0;
}

.article-prose figcaption{
    margin-top:10px;
    color:#81968b;
    font-family:var(--condensed);
    font-size:.68rem;
    font-weight:700;
    letter-spacing:.1em;
}

.article-prose iframe,
.article-prose video{
    display:block;
    width:100%;
    aspect-ratio:16/9;
    height:auto;
    margin:2.5em 0;
    border:0;
}

.article-prose hr{
    margin:3em 0;
    border:0;
    border-top:1px solid var(--line);
}


/* ================================================================
   DENSIDAD EDITORIAL COMPACTA · V1.7.1
   Reduce aire acumulado sin cambiar paleta, tipografía o estructura.
   ================================================================ */

/* Barras y cabeceras */
.feedback-header{
    height:80px;
    gap:3vw;
}

.feedback-header nav{
    gap:27px;
}

/* Hero: sigue siendo protagonista, pero no ocupa una pantalla excesiva. */
.feedback-hero{
    min-height:clamp(650px,82svh,820px);
}

.feedback-hero-index{
    top:120px;
}

.feedback-hero-copy{
    bottom:7vh;
}

.feedback-hero-copy>p{
    margin-bottom:17px;
}

.feedback-hero-bottom{
    gap:30px;
    margin-top:24px;
    padding-top:20px;
}

.feedback-stamp{
    bottom:5vh;
    width:155px;
    height:155px;
    padding:21px;
}

/* Manifiesto */
.feedback-manifest{
    min-height:0;
    gap:3.5vw;
    padding:4.1rem 5vw;
}

.feedback-manifest>div{
    padding-bottom:0;
}

.feedback-manifest>div p{
    margin-bottom:20px;
}

/* Selección editorial */
.spotlight-section{
    padding:4.5rem 5vw;
}

.section-heading{
    margin-bottom:30px;
}

.spotlight-grid{
    gap:18px;
}

.spotlight-card>div{
    padding-top:17px;
    padding-bottom:10px;
}

.spotlight-card h3{
    margin:9px 0;
}

.text-link{
    margin-top:14px;
}

/* Rutas de escucha */
.themes-section{
    min-height:0;
}

.themes-intro{
    padding:4.2rem 5vw;
}

.themes-intro h2{
    margin-top:20px;
}

.themes-list button{
    min-height:92px;
    padding-top:15px;
    padding-bottom:15px;
}

/* Archivo */
.archive-section{
    padding:4.5rem 5vw;
}

.archive-heading{
    gap:4vw;
    margin-bottom:34px;
}

.archive-filter{
    padding-bottom:20px;
}

.archive-status{
    padding:14px 0;
}

.archive-grid{
    gap:30px 20px;
}

.archive-card>div{
    padding-top:14px;
}

.archive-card h3{
    margin:8px 0;
}

.archive-empty{
    padding:42px 0;
}

/* Cierre y pie */
.feedback-closing{
    min-height:285px;
    padding:3rem 5vw;
}

.feedback-closing h2{
    margin:17px 0 24px;
}

.feedback-footer{
    min-height:0;
    gap:3vw;
    padding:2.45rem 5vw;
}

/* Nota individual */
.article-hero{
    min-height:680px;
}

.article-hero-copy{
    bottom:6vh;
}

.article-hero-copy>p{
    margin-bottom:15px;
}

.article-hero-copy>div{
    gap:25px;
    margin-top:24px;
    padding-top:16px;
}

.article-layout{
    gap:42px;
    padding:4.4rem 5vw 5.4rem;
}

.article-layout>aside{
    min-height:285px;
}

.article-layout>aside i{
    height:90px;
    margin:18px 0;
}

.article-deck{
    margin-bottom:38px;
    padding-bottom:31px;
}

.article-video{
    margin-bottom:42px;
}

.article-prose p{
    margin-bottom:1.45em;
}

.article-end{
    margin-top:50px;
    padding-top:34px;
}

.article-end h2{
    margin:14px 0 26px;
}

.related-section{
    padding:4rem 5vw;
}

.related-section>header{
    margin-bottom:28px;
}

.related-section article>a{
    height:225px;
}

.related-section article p{
    margin-top:13px;
}

/* Tablet */
@media(max-width:900px){
    .feedback-header{
        height:74px;
    }

    .feedback-header nav{
        top:74px;
    }

    .feedback-hero{
        min-height:650px;
    }

    .feedback-hero-index{
        top:100px;
    }

    .feedback-manifest{
        padding:3.6rem 5vw;
    }

    .feedback-manifest>p{
        margin-bottom:20px;
    }

    .feedback-manifest>div{
        margin-top:25px;
    }

    .article-layout{
        gap:24px;
    }
}

/* Móvil */
@media(max-width:640px){
    .feedback-hero{
        min-height:590px;
    }

    .feedback-hero-index{
        top:88px;
    }

    .feedback-hero-copy{
        bottom:4vh;
    }

    .feedback-hero-bottom{
        margin-top:18px;
        padding-top:14px;
    }

    .feedback-hero-bottom a{
        margin-top:14px;
    }

    .feedback-manifest,
    .spotlight-section,
    .archive-section{
        padding:3.15rem 5vw;
    }

    .section-heading{
        margin-bottom:24px;
    }

    .section-heading>span{
        margin-top:14px;
    }

    .spotlight-card,
    .archive-card{
        margin-bottom:25px;
    }

    .spotlight-card>div{
        padding-top:14px;
    }

    .themes-intro{
        padding:3.15rem 5vw;
    }

    .themes-list button{
        min-height:88px;
        padding-top:14px;
        padding-bottom:14px;
    }

    .feedback-closing{
        min-height:235px;
        padding:2.6rem 5vw;
    }

    .feedback-footer{
        padding:2.2rem 5vw;
    }

    .feedback-footer>*{
        margin-bottom:20px;
    }

    .article-hero{
        min-height:620px;
    }

    .article-hero-copy{
        bottom:4.5vh;
    }

    .article-layout{
        padding:3.2rem 5vw 4rem;
    }

    .article-deck{
        margin-bottom:30px;
        padding-bottom:25px;
    }

    .article-video{
        margin-bottom:34px;
    }

    .article-end{
        margin-top:38px;
        padding-top:28px;
    }

    .related-section{
        padding:3.15rem 5vw;
    }

    .related-section article{
        margin-bottom:30px;
    }
}


/* ================================================================
   FRECUENCIA FEEDBACK · FIRMA EDITORIAL EN HERO · V1.0
   ================================================================ */

.feedback-hero-summary{
    min-width:0;
}

.feedback-hero-summary > p{
    max-width:680px;
    margin:0;
    color:#aebdb5;
    font-size:.88rem;
    line-height:1.7;
}

.feedback-hero-byline{
    display:flex;
    align-items:center;
    gap:8px;
    margin-top:14px;
    color:#8fa198;
    font-family:var(--condensed);
    font-size:.66rem;
    font-weight:700;
    line-height:1;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.feedback-hero-byline strong{
    color:#fff;
    font-size:.73rem;
    font-weight:900;
    letter-spacing:.11em;
}

@media(max-width:640px){
    .feedback-hero-byline{
        margin-top:10px;
    }
}

.feedback-author-link{color:inherit;text-decoration:none}.feedback-author-link:hover{color:#00d9e8}