:root{--navy:#070d20;--brand:#0b122f;--ice:#a7d2fd;--paper:#f4f7fb;--ink:#111a33;--muted:#5d6c83;--line:#cbd4e0;--pad:clamp(24px,7vw,120px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}
.topbar{position:fixed;z-index:20;top:0;left:0;width:100%;height:98px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;background:#d5d9e1;border-bottom:1px solid rgba(11,18,47,.1);box-shadow:0 5px 18px rgba(7,13,32,.08)}.brand{display:block;width:clamp(132px,12vw,184px);position:relative;z-index:22}.brand img{width:100%}.nav{display:flex;gap:clamp(20px,2.3vw,40px);align-items:center}.nav a{font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;font-weight:500;color:rgba(11,18,47,.78)}.nav a:hover,.nav a[aria-current="page"]{color:#1752a2}.menu{display:none;background:none;border:0;width:44px;height:44px;position:relative;z-index:22}.menu span{display:block;width:27px;height:1.5px;background:#0b122f;margin:7px auto;transition:.28s}.menu[aria-expanded="true"] span:first-child{transform:translateY(4.25px) rotate(45deg)}.menu[aria-expanded="true"] span:last-child{transform:translateY(-4.25px) rotate(-45deg)}
.team-hero{min-height:clamp(650px,78vh,890px);padding:clamp(180px,18vw,270px) var(--pad) clamp(90px,9vw,135px);background:var(--navy);color:#fff;display:flex;align-items:flex-end;position:relative;overflow:hidden}.team-hero:after{content:"";position:absolute;right:-12vw;bottom:-36vw;width:72vw;aspect-ratio:1;border:1px solid rgba(167,210,253,.14);border-radius:50%;box-shadow:0 0 0 90px rgba(167,210,253,.025),0 0 0 180px rgba(167,210,253,.018)}.team-hero-inner{position:relative;z-index:1;width:100%;max-width:1320px;margin:auto;display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(50px,9vw,140px);align-items:end}.kicker{font-size:.7rem;text-transform:uppercase;letter-spacing:.22em;font-weight:600;color:var(--ice);margin:0 0 28px}.team-hero h1{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(4rem,8vw,9rem);line-height:.86;letter-spacing:-.045em;font-weight:400;margin:0}.team-hero h1 em{display:block;color:var(--ice);font-weight:400}.team-hero-copy{max-width:500px;font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.85;color:rgba(255,255,255,.74);margin:0}.hero-note{display:block;margin-top:28px;padding-top:20px;border-top:1px solid rgba(167,210,253,.2);font-size:.66rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ice)}
.team-section{padding:clamp(90px,10vw,155px) var(--pad);background:var(--paper)}.team-heading{max-width:1320px;margin:0 auto clamp(55px,7vw,95px);display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(45px,9vw,140px);align-items:end}.team-heading h2{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(2.7rem,5vw,5.5rem);line-height:.98;letter-spacing:-.035em;font-weight:400;margin:0}.team-heading p{max-width:540px;color:var(--muted);font-size:1rem;line-height:1.8;margin:0}.team-track{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(34px,4vw,62px) clamp(18px,2.3vw,34px)}.member{min-width:0;display:flex;flex-direction:column}.member-media{position:relative;aspect-ratio:4/5;overflow:hidden;background:#10182e}.member-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,13,32,.36) 100%);pointer-events:none}.member-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .45s}.member:hover .member-media img{transform:scale(1.025);filter:grayscale(.35) contrast(1.04)}.member-index{position:absolute;z-index:2;top:18px;left:18px;width:42px;height:42px;border:1px solid rgba(255,255,255,.52);border-radius:50%;display:grid;place-items:center;font-size:.61rem;letter-spacing:.1em;color:#fff}.member-copy{padding:25px 2px 0}.member h3{font-family:'DM Serif Display',Georgia,serif;font-size:clamp(1.7rem,2.5vw,2.6rem);line-height:1.03;letter-spacing:-.025em;font-weight:400;margin:0 0 9px}.member-role{min-height:2.5em;margin:0 0 14px;color:#476789;font-size:.68rem;font-weight:600;line-height:1.45;letter-spacing:.13em;text-transform:uppercase}.member-description{font-size:.92rem;line-height:1.72;color:var(--muted);margin:0}.member--diego img{object-position:52% 50%}.member--natasha img{object-position:50% 25%}.member--luca img{object-position:48% 30%}.member--richard img{object-position:64% 50%}.member--bruno img{object-position:50% 38%}.member--pending{display:none}.team-controls{display:none}
.closing{padding:clamp(90px,10vw,150px) var(--pad);background:#dfe6ef;text-align:center}.closing p{font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:#5e718d;margin:0 0 24px}.closing h2{max-width:980px;margin:auto;font-family:'DM Serif Display',Georgia,serif;font-size:clamp(2.6rem,5.3vw,5.8rem);font-weight:400;line-height:1;letter-spacing:-.035em}.closing a{display:inline-block;margin-top:38px;padding-bottom:7px;border-bottom:1px solid var(--brand);font-size:.74rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}
.site-footer{position:relative;background:#f4f7fb;color:#111522;padding:clamp(68px,7vw,105px) var(--pad) 34px}.footer-main{display:grid;grid-template-columns:1.2fr .8fr 1fr 1.25fr;gap:0;max-width:1320px;margin:0 auto 48px}.footer-brand,.footer-column{min-width:0;padding:0 clamp(24px,3vw,48px)}.footer-brand{padding-left:0;display:flex;flex-direction:column;align-items:flex-start}.footer-logo{width:clamp(155px,13vw,205px)}.footer-slogan{margin:20px 0 0;text-align:center;font-family:Poppins,Arial,sans-serif;font-size:.82rem;line-height:1.65;font-weight:500;color:#4e5664}.footer-slogan span{display:block}.footer-column{display:flex;flex-direction:column;align-items:flex-start}.footer-column h3{font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:#76808f;margin:3px 0 24px;font-weight:600}.footer-column a,.footer-address{display:block;width:max-content;max-width:100%;font-size:.9rem;margin:0 0 14px;color:#4e5664}.footer-column a:hover{color:#1752a2}.footer-address{line-height:1.6}.footer-bottom{max-width:1320px;margin:auto;padding-top:25px;display:grid;grid-template-columns:minmax(220px,1fr) auto 48px;gap:clamp(28px,4vw,64px);align-items:center;font-size:.7rem;color:#626a76}.footer-meta p{margin:0;color:#39445a;font-weight:500}.footer-meta span{display:block;margin-top:7px;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:#7a8798}.footer-legal{display:grid;grid-template-columns:repeat(3,max-content);gap:clamp(22px,2.5vw,40px)}.footer-legal a{display:flex;align-items:center;min-height:42px;line-height:1.45}.back-top{width:48px;height:48px;border:1px solid #111522;border-radius:50%;display:grid;place-items:center;font-size:1.5rem}.reveal{opacity:0;transform:translateY(22px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){body.menu-open{overflow:hidden}.topbar{height:52px;padding:0 15px;justify-content:flex-end}.brand{position:absolute;left:50%;transform:translateX(-50%);width:132px}.menu{display:block;width:34px;height:34px;padding:5px}.menu span{width:22px;margin:5px auto}.nav{position:fixed;z-index:21;inset:0 0 0 auto;width:min(91vw,470px);background:#d5d9e1;padding:82px 22px 42px 34px;display:flex;gap:0;flex-direction:column;align-items:stretch;transform:translateX(105%);visibility:hidden;transition:.35s}.nav.open{transform:none;visibility:visible}.nav a{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(11,18,47,.1);font-size:1.05rem}.nav a:after{content:"→";font-size:1.8rem}.team-hero-inner,.team-heading{grid-template-columns:1fr;gap:35px}.team-hero{min-height:720px}.team-track{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-main{grid-template-columns:1fr 1fr;row-gap:48px}.footer-brand,.footer-column{padding:0 28px}.footer-brand{grid-column:1/-1;align-items:center}}
@media(max-width:600px){.team-hero{min-height:690px;padding:130px 26px 80px}.team-hero h1{font-size:clamp(4rem,20vw,6.2rem)}.team-hero-copy{font-size:.96rem}.team-section{padding:80px 0 78px}.team-heading{padding:0 26px;margin-bottom:45px}.team-heading h2{font-size:clamp(2.75rem,13vw,4.15rem)}.team-heading p{font-size:.95rem}.team-track{display:grid;grid-auto-flow:column;grid-auto-columns:84vw;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 8vw 10px}.team-track::-webkit-scrollbar{display:none}.member{scroll-snap-align:center}.member-copy{padding:23px 2px 0}.member h3{font-size:2.2rem}.member-role{min-height:0}.member-description{font-size:.94rem}.team-controls{display:flex;gap:10px;padding:24px 8vw 0}.team-button{width:52px;height:52px;border:1px solid #8796a9;border-radius:50%;background:transparent;color:var(--ink);font-size:1.3rem}.closing{padding:85px 26px}.site-footer{padding:68px 26px 30px;text-align:center}.footer-main{display:flex;flex-direction:column;align-items:center;gap:42px;margin-bottom:62px}.footer-brand,.footer-column{align-items:center;padding:0}.footer-logo{width:205px}.footer-bottom{display:flex;flex-direction:column;gap:0;text-align:center;padding-top:30px}.footer-meta{width:100%;padding-bottom:25px}.footer-legal{width:100%;display:flex;flex-direction:column;gap:14px}.footer-legal a{justify-content:center;min-height:0;padding:2px 8px;font-size:.76rem}.back-top{margin-top:26px;width:52px;height:52px}}
.member--diego img{object-position:50% 28%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Retratos editoriales: conservar siempre el tratamiento monocromático. */
.member:hover .member-media img{filter:grayscale(1) contrast(1.08)}

/* Portada editorial del equipo */
.team-hero{min-height:clamp(720px,86vh,940px);padding:clamp(145px,12vw,205px) var(--pad) clamp(85px,7vw,115px);align-items:center}
.team-hero-inner{grid-template-columns:minmax(340px,.78fr) minmax(520px,1.22fr);gap:clamp(42px,6vw,96px);align-items:center}
.team-hero-content{position:relative;z-index:2}
.team-hero-copy{margin-top:42px;max-width:520px}
.team-hero-visual{height:clamp(480px,53vw,690px);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;position:relative;z-index:2}
.team-hero-visual figure{margin:0;overflow:hidden;background:#111a33;position:relative}
.team-hero-visual figure:nth-child(2),.team-hero-visual figure:nth-child(4){transform:translateY(34px)}
.team-hero-visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.08);opacity:.9}
.team-hero-visual figure:nth-child(1) img{object-position:50% 50%}
.team-hero-visual figure:nth-child(2) img{object-position:50% 5%}
.team-hero-visual figure:nth-child(3) img{object-position:63% 50%}
.team-hero-visual figure:nth-child(4) img{object-position:48% 25%}
.team-hero-visual figure:nth-child(5) img{object-position:50% 36%}

/* Biografías completas */
.member--diego img{object-position:50% 50%}
.member--natasha img{object-position:50% 5%}
.member--luca img{object-position:48% 25%}
.member--richard img{object-position:64% 50%}
.member--pablo img{object-position:50% 34%}
.member-meta{margin:0 0 16px;padding-top:13px;border-top:1px solid var(--line);color:#627695;font-size:.67rem;font-weight:600;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}
.member-description p{margin:0}
.member-description p+p{margin-top:13px}

/* Invitación a formar parte de Quatro */
.team-join{margin:0;background:var(--ice);color:var(--brand);padding:clamp(82px,9vw,135px) var(--pad);text-align:center}
.team-join>p{margin:0 0 20px;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#476789}
.team-join h2{max-width:950px;margin:0 auto;font-family:'DM Serif Display',Georgia,serif;font-size:clamp(3rem,6vw,6.7rem);font-weight:400;line-height:.98;letter-spacing:-.04em}
.team-join a{display:inline-flex;align-items:center;gap:18px;margin-top:36px;padding:14px 0 8px;border-bottom:1px solid currentColor;font-size:.76rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.team-join a span{font-size:1.35rem;line-height:1}

@media(max-width:1180px){.team-hero{min-height:0;padding-top:145px}.team-hero-inner{grid-template-columns:1fr;gap:58px}.team-hero-visual{height:480px}.team-hero-copy{margin-top:34px}.team-hero-visual figure:nth-child(2),.team-hero-visual figure:nth-child(4){transform:translateY(24px)}}
@media(max-width:600px){.team-hero{min-height:0;padding:118px 22px 82px}.team-hero-inner{gap:44px}.team-hero-visual{height:320px;gap:5px}.team-hero-visual figure:nth-child(n+4){display:none}.team-hero-visual{grid-template-columns:repeat(3,minmax(0,1fr))}.team-hero-visual figure:nth-child(2){transform:translateY(18px)}.team-hero-copy{margin-top:30px}.member-role{margin-bottom:13px}.member-meta{margin-bottom:14px}.member-description p+p{margin-top:12px}.team-join{padding:76px 26px}.team-join h2{font-size:clamp(3.1rem,14vw,4.7rem)}}

/* Portada con mosaico del isotipo Quatro */
.team-hero-inner{grid-template-columns:minmax(390px,.9fr) minmax(480px,1.1fr)}
.team-hero h1{font-size:clamp(4rem,6.2vw,8rem);white-space:nowrap}
.team-hero h1 em{display:inline}
.team-hero-pattern{position:relative;z-index:2;min-height:clamp(500px,47vw,680px);overflow:hidden;background:#d5d9e1;border:1px solid rgba(167,210,253,.22)}
.team-hero-pattern:before{content:"";position:absolute;inset:-80px;background-image:url('quatro-isotipo.png'),url('quatro-isotipo.png');background-repeat:repeat;background-size:132px 132px;background-position:0 0,66px 66px;opacity:.13;transform:rotate(-5deg) scale(1.08)}
.team-hero-pattern:after{content:"";position:absolute;inset:18%;background:url('quatro-isotipo.png') center/contain no-repeat;opacity:.72}

/* Una misma línea base para cargos y divisores */
.member-role{height:3.05em;min-height:3.05em;overflow:hidden}
.member h3{height:2.06em;min-height:2.06em;overflow:hidden}

@media(max-width:1180px){.team-hero-inner{grid-template-columns:1fr}.team-hero-pattern{min-height:470px}.team-hero h1{font-size:clamp(4rem,10vw,7.3rem)}}
@media(max-width:600px){.team-hero h1{font-size:clamp(3.7rem,18vw,5.4rem);white-space:normal}.team-hero h1 em{display:block}.team-hero-pattern{min-height:320px}.team-hero-pattern:before{background-size:92px 92px;background-position:0 0,46px 46px}.team-hero-pattern:after{inset:23%}.member-role{height:3.05em;min-height:3.05em}}

/* Portada tipo panel de entrevistas: identidad Quatro como fondo y contenido superpuesto. */
.team-hero{min-height:clamp(700px,82vh,900px);padding:clamp(150px,15vw,220px) var(--pad) clamp(90px,9vw,135px);align-items:center;background:#090f22;isolation:isolate}
.team-hero:after{display:none}
.team-hero:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(5,10,25,.98) 0%,rgba(5,10,25,.84) 50%,rgba(5,10,25,.48) 100%),linear-gradient(180deg,rgba(5,10,25,.2),rgba(5,10,25,.55));pointer-events:none}
.team-hero-wall{position:absolute;z-index:0;inset:-9% -4%;display:grid;grid-template-columns:repeat(5,minmax(170px,1fr));grid-auto-rows:minmax(82px,1fr);gap:clamp(34px,4vw,64px) clamp(38px,5vw,78px);align-items:center;justify-items:center;padding:5%;transform:rotate(-3deg) scale(1.08);opacity:.23;filter:grayscale(1)}
.team-hero-wall img{width:min(100%,230px);height:auto;opacity:.82}
.team-hero-wall img:nth-child(5n+2),.team-hero-wall img:nth-child(5n+4){opacity:.46;transform:scale(.82)}
.team-hero-inner{position:relative;z-index:2;display:block;max-width:1320px}
.team-hero-content{max-width:790px}
.team-hero h1{font-size:clamp(4.4rem,8vw,8.8rem);white-space:nowrap;text-shadow:0 6px 28px rgba(0,0,0,.3)}
.team-hero-copy{max-width:690px;margin-top:38px;color:rgba(255,255,255,.82)}
.team-hero-pattern{display:none}
.member-index{display:none}
.member--natasha img{object-position:50% 18%}
.member--luca img{object-position:50% 22%}

@media(max-width:900px){.team-hero-wall{grid-template-columns:repeat(4,minmax(150px,1fr));opacity:.19}.team-hero:before{background:linear-gradient(90deg,rgba(5,10,25,.96),rgba(5,10,25,.68)),linear-gradient(180deg,rgba(5,10,25,.18),rgba(5,10,25,.58))}}
@media(max-width:600px){.team-hero{min-height:720px;padding:128px 26px 88px}.team-hero-wall{inset:-5% -55%;grid-template-columns:repeat(4,190px);grid-auto-rows:92px;gap:28px 42px;opacity:.18;transform:rotate(-4deg) scale(1.06)}.team-hero h1{font-size:clamp(3.65rem,17vw,5.2rem);white-space:normal}.team-hero h1 em{display:block}.team-hero-copy{margin-top:30px}.member--natasha img{object-position:50% 16%}.member--luca img{object-position:50% 20%}}

/* Portada Team Quatro — photocall gris con mayor transparencia. */
.team-hero{background:#d9dee6;color:#fff}
.team-hero:before{background:linear-gradient(90deg,rgba(31,37,47,.70) 0%,rgba(47,54,65,.50) 46%,rgba(91,100,112,.22) 75%,rgba(214,219,226,.06) 100%),linear-gradient(180deg,rgba(34,40,50,.08),rgba(34,40,50,.20))}
.team-hero-wall{inset:0;grid-template-columns:repeat(6,minmax(150px,1fr));grid-auto-rows:minmax(112px,1fr);gap:0;padding:0;transform:none;opacity:1;filter:none;background:#d8dde5}
.team-hero-wall .wall-tile{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid rgba(255,255,255,.20)}
.team-hero-wall .wall-light{background:#e7ebf1}.team-hero-wall .wall-soft{background:#d5dae2}.team-hero-wall .wall-mid{background:#a8b0bb}.team-hero-wall .wall-dark{background:#636c78}
.team-hero-wall .wall-tile img{width:74%;height:54%;object-fit:contain;opacity:.72;transform:none}
.team-hero-wall .wall-tile:nth-child(5n+2) img,.team-hero-wall .wall-tile:nth-child(5n+4) img{opacity:.58;transform:scale(.91)}
.team-hero-content{max-width:760px;padding:clamp(30px,3.2vw,46px);background:rgba(11,18,47,.90);border-left:3px solid rgba(167,210,253,.82);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
.team-hero .kicker{color:var(--ice)}
.team-hero h1{text-shadow:0 5px 24px rgba(12,16,24,.18)}
.team-hero h1 em{color:var(--ice)}
.team-hero-copy{color:rgba(255,255,255,.92)}
.hero-note{color:var(--ice);border-top-color:rgba(167,210,253,.52)}

@media(max-width:900px){.team-hero-wall{grid-template-columns:repeat(4,minmax(150px,1fr));opacity:1}.team-hero:before{background:linear-gradient(90deg,rgba(31,37,47,.66),rgba(78,87,99,.30)),linear-gradient(180deg,rgba(34,40,50,.08),rgba(34,40,50,.24))}}
@media(max-width:600px){.team-hero-wall{inset:0 -42%;grid-template-columns:repeat(4,180px);grid-auto-rows:102px;gap:0;opacity:1;transform:none}.team-hero:before{background:linear-gradient(0deg,rgba(31,37,47,.73) 0%,rgba(69,77,89,.38) 66%,rgba(215,220,227,.08) 100%)}.team-hero-content{padding:28px 23px 30px;background:rgba(11,18,47,.92)}.team-hero h1 em{display:inline}}


/* Navegación móvil: Team Quatro se recorre por gesto, sin flechas laterales. */
html body[data-quatro-page="equipo"] .team-section .quatro-edge-cue,
html body[data-quatro-page="equipo"] .team-section .team-controls {
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}