@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#102b35;--muted:#647b83;--bg:#f4f7f4;--line:#dce5e0;--green:#2DB879;--blue:#cbe9f5;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.shell{max-width:1160px;margin:auto;padding:0 26px}.nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.brand{font-family:'Space Grotesk';font-size:25px;font-weight:700;letter-spacing:-1px}.brand span{color:#4b9d54}.links{display:flex;gap:8px;flex-wrap:wrap}.links a,.pill{font-size:13px;font-weight:700;padding:11px 17px;border:1px solid var(--line);border-radius:50px;background:white;transition:.2s}.links a:hover,.pill:hover{background:var(--green);border-color:var(--green);transform:translateY(-2px)}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;padding:80px 0 58px;align-items:center}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:#517064}.hero h1{font:700 clamp(48px,7vw,88px)/.98 'Space Grotesk',sans-serif;letter-spacing:-5px;margin:20px 0}.hero h1 em{font-style:normal;color:#468a65}.subtitle{font-size:clamp(19px,2.5vw,28px);font-weight:600;margin:0 0 20px}.lead{font-size:17px;line-height:1.75;color:#4d666d;max-width:660px}.map-art{height:390px;background:#e2efe8;border-radius:30px;position:relative;overflow:hidden;border:1px solid #cbded3;background-image:linear-gradient(35deg,transparent 45%,#fff 45%,#fff 49%,transparent 49%),linear-gradient(115deg,transparent 35%,#fff 35%,#fff 39%,transparent 39%),repeating-linear-gradient(0deg,transparent 0 67px,#c7dcd3 68px 70px),repeating-linear-gradient(90deg,transparent 0 67px,#c7dcd3 68px 70px)}.route{position:absolute;inset:0;width:100%;height:100%}.map-label{position:absolute;top:22px;left:22px;padding:12px 16px;background:#fff;border-radius:14px;font-size:12px;font-weight:700;box-shadow:0 8px 20px #2342}.map-bottom{position:absolute;bottom:20px;right:20px;background:var(--ink);color:#fff;border-radius:15px;padding:13px 17px;font-size:12px}.section{padding:54px 0;border-top:1px solid var(--line)}.section-title{font:700 clamp(30px,4vw,46px)/1.1 'Space Grotesk';letter-spacing:-2px;margin:14px 0 12px}.section-copy{color:var(--muted);max-width:700px;line-height:1.7}.members{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:30px}.member{border:1px solid var(--line);background:white;border-radius:23px;padding:14px;display:flex;flex-direction:column;min-height:340px;transition:.2s}.member:hover,.feature:hover{transform:translateY(-4px);box-shadow:0 16px 36px #122b3510}.avatar{width:100%;height:170px;object-fit:cover;border-radius:15px;background:#dce9e3}.avatar-placeholder{width:100%;height:170px;border-radius:15px;background:linear-gradient(135deg,#dce9e3,#b8d9cb);display:flex;align-items:center;justify-content:center;font-size:50px;color:#527667}.member-number{font-size:10px;letter-spacing:1.6px;color:#6b8184;margin-top:19px;font-weight:700}.member h3{font:700 20px/1.2 'Space Grotesk';margin:10px 0 18px}.member a{margin-top:auto;align-self:flex-start;background:var(--green);padding:11px 15px;border-radius:50px;font-size:12px;font-weight:700}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:32px 0}.feature{padding:28px;border-radius:22px;border:1px solid var(--line);background:white;transition:.2s}.feature .num{color:#5e8575;font-size:12px;letter-spacing:2px;font-weight:700}.feature h3{font:700 24px 'Space Grotesk';margin:17px 0 10px}.feature p{line-height:1.7;color:var(--muted);margin:0}.callout{padding:35px;border-radius:26px;background:var(--ink);color:white;margin:28px 0}.callout p{color:#d0e0df;line-height:1.7}.callout .pill{display:inline-block;background:var(--green);color:var(--ink);border:0}.legal{padding:28px 0 42px;border-top:1px solid var(--line);font-size:11px;line-height:1.7;color:#74878b}.page-head{padding:72px 0 24px}.page-head h1{font:700 clamp(44px,6vw,72px)/1 'Space Grotesk';letter-spacing:-3px;margin:15px 0}.iframe-wrap{background:white;border:1px solid var(--line);padding:12px;border-radius:24px;margin:30px 0}.iframe-wrap iframe{display:block;width:100%;height:min(78vh,720px);border:0;border-radius:15px}.placeholder{padding:80px 25px;text-align:center;border:1px dashed #a8c3b4;border-radius:25px;background:#eaf3ed}.academic{display:grid;grid-template-columns:1fr 1fr;gap:20px}.academic p{line-height:1.9}.logo-small{width:100px;border-radius:22px}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:45px}.members{grid-template-columns:repeat(2,1fr)}.map-art{height:280px}.academic{grid-template-columns:1fr}}@media(max-width:520px){.nav{align-items:flex-start;flex-direction:column}.links{gap:5px}.links a{padding:9px 12px;font-size:12px}.members,.features{grid-template-columns:1fr}.hero h1{letter-spacing:-3px}.member{min-height:unset}.avatar,.avatar-placeholder{height:220px}}
/* Portada VN15: perfiles visibles sin desplazamiento en pantallas de escritorio */
.hero-home{display:block;padding:22px 0 14px}.hero-home h1{font-size:clamp(32px,4vw,53px);letter-spacing:-2.5px;margin:8px 0 4px;line-height:1.06}.hero-home h1 em{font-size:.54em;letter-spacing:-.8px;vertical-align:middle}.hero-home .subtitle{font-size:16px;margin:5px 0}.hero-home .lead{font-size:13px;line-height:1.5;max-width:850px;margin:8px 0}.hero-home .pill{margin-top:5px!important;padding:9px 14px}.team-home{padding:13px 0 23px}.team-home .section-title{font-size:29px;letter-spacing:-1px;margin:4px 0}.team-home .section-copy{font-size:13px;line-height:1.35;margin:4px 0}.team-home .members{margin-top:12px;gap:12px}.team-home .member{min-height:0;padding:10px;border-radius:17px}.team-home .avatar,.team-home .avatar-placeholder{height:clamp(100px,16vh,155px);border-radius:11px}.team-home .member-number{margin-top:10px;font-size:9px}.team-home .member h3{font-size:17px;margin:6px 0 12px;min-height:40px}.team-home .member a{padding:9px 13px}.team-home .eyebrow{font-size:10px}.nav{padding:12px 0}
@media(max-width:850px){.hero-home{padding:22px 0 10px}.team-home .members{grid-template-columns:repeat(2,minmax(0,1fr))}.team-home .avatar,.team-home .avatar-placeholder{height:140px}}
@media(max-width:520px){.hero-home h1 em{display:block;margin-top:5px;font-size:.62em}.team-home .members{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.team-home .member{padding:8px}.team-home .avatar,.team-home .avatar-placeholder{height:100px}.team-home .member h3{font-size:14px;min-height:36px}.team-home .member a{font-size:11px;padding:8px 10px}.team-home .member-number{font-size:8px}.hero-home .lead{font-size:12px}}


/* Menú desplegable trasladado desde index.html */

   /* Menú desplegable de integrantes; el resto del diseño sigue en CSS/estilos.css. */
   .team-nav-menu { position:relative; align-self:center; font:inherit; }
   .team-nav-menu summary { cursor:pointer; list-style:none; white-space:nowrap; font:inherit; }
   .team-nav-menu summary::-webkit-details-marker { display:none; }
   .team-nav-menu summary span { font-size:.75em; margin-left:.25em; }
   .team-nav-options { position:absolute; z-index:30; top:calc(100% + 12px); right:0;
    min-width:225px; padding:9px; background:var(--surface, #fff);
    color:var(--text, #222); border:1px solid var(--line, #ddd);
    border-radius:12px; box-shadow:0 12px 30px rgba(0,0,0,.12); }
   .team-nav-options a { display:block; padding:9px 12px; border-radius:7px;
    color:inherit; text-decoration:none; white-space:nowrap; }
   .team-nav-options a:hover, .team-nav-options a:focus-visible {
    background:rgba(91,175,112,.13); }
   .team-home { scroll-margin-top:85px; }
   @media (max-width:760px) {
    .team-nav-options { right:0; min-width:195px; }
   }
  
/* Marca en dos niveles y fotografía clickeable sin cambiar las tarjetas */
.brand{display:inline-flex;align-items:baseline;gap:7px;flex-wrap:wrap}.brand small{font-family:"DM Sans",sans-serif;font-size:11px;font-weight:600;letter-spacing:0;color:var(--muted)}.avatar-link{display:block!important;margin:0!important;padding:0!important;background:transparent!important;border-radius:0!important;align-self:stretch!important;line-height:0}.avatar-link:hover{background:transparent!important}.avatar-link .avatar,.avatar-link .avatar-placeholder{display:block;width:100%}.avatar-link .avatar-placeholder{display:none}.hero-home{scroll-margin-top:24px}