/* Cabecera y pie — compartidos por todas las páginas */
.nav-header-1{position:fixed;top:0;left:0;right:0;z-index:90;background:rgba(8,33,31,0.78);backdrop-filter:blur(16px)}
.nav-box-2{max-width:1372.8px;margin:0 auto;padding:14.1px 28.2px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(7px,1.1vw,24.6px)}
.nav-link-3{display:flex;align-items:center;color:#e7f2f2}
.nav-img-4{height:clamp(24.6px,2.8vw,33.4px);width:auto;display:block}
.nav-nav-5{display:flex;align-items:center;justify-content:center;gap:clamp(2px,0.5vw,15.8px);flex-wrap:nowrap;white-space:nowrap;min-width:0}
.nav-box-6{position:relative;display:flex;align-items:center}
.nav-link-7{display:flex;flex-direction:column;gap:3.5px;padding:12.3px 14.1px;border-radius:8px;border-left:3px solid #DAFFA9}
.nav-link-7:hover{background:rgba(18,124,122,0.08)}
.nav-txt-8{font-family:'DM Sans';font-weight:700;font-size:15.4px;color:#06110f}
.nav-txt-9{font-size:11.4px;color:rgba(6,17,15,0.62)}
.nav-link-10{display:flex;flex-direction:column;gap:3.5px;padding:12.3px 14.1px;border-radius:8px;border-left:3px solid #A4F6FF}
.nav-link-10:hover{background:rgba(18,124,122,0.08)}
.nav-link-11{display:flex;flex-direction:column;gap:3.5px;padding:12.3px 14.1px;border-radius:8px;border-left:3px solid #AECBFF}
.nav-link-11:hover{background:rgba(18,124,122,0.08)}
.nav-link-12{display:block;padding:11.4px 14.1px;border-radius:8px;font-family:'DM Sans';font-weight:600;font-size:15.4px;color:#06110f;border-left:3px solid #DAFFA9}
.nav-link-12:hover{background:rgba(18,124,122,0.08)}
.nav-link-13{display:block;padding:11.4px 14.1px;border-radius:8px;font-family:'DM Sans';font-weight:600;font-size:15.4px;color:#06110f;border-left:3px solid #FFAEAE}
.nav-link-13:hover{background:rgba(18,124,122,0.08)}
.nav-link-14{display:block;padding:11.4px 14.1px;border-radius:8px;font-family:'DM Sans';font-weight:600;font-size:15.4px;color:#06110f;border-left:3px solid #A4F6FF}
.nav-link-14:hover{background:rgba(18,124,122,0.08)}
.nav-link-14b{display:block;padding:11.4px 14.1px;border-radius:8px;font-family:'DM Sans';font-weight:600;font-size:15.4px;color:#06110f;border-left:3px solid #127c7a}
.nav-link-14b:hover{background:rgba(18,124,122,0.08)}
.nav-link-15{display:block;padding:11.4px 14.1px;border-radius:8px;font-family:'DM Sans';font-weight:600;font-size:15.4px;color:#06110f;border-left:3px solid #AECBFF}
.nav-link-15:hover{background:rgba(18,124,122,0.08)}
.nav-grupo{display:block}
.nav-grupo-link{display:flex!important;align-items:center;justify-content:space-between;gap:8px}
.nav-grupo-flecha{font-size:10px;line-height:1;color:#127c7a;transform:rotate(0deg);transition:transform .3s cubic-bezier(.22,.61,.36,1)}
.nav-grupo:hover .nav-grupo-flecha,
.nav-grupo:focus-within .nav-grupo-flecha{transform:rotate(180deg)}
.nav-sub{display:grid;grid-template-rows:0fr;opacity:0;overflow:hidden;margin:0 0 0 17.1px;transition:grid-template-rows .34s cubic-bezier(.22,.61,.36,1),opacity .26s ease,margin .34s ease}
.nav-grupo:hover .nav-sub,
.nav-grupo:focus-within .nav-sub{grid-template-rows:1fr;opacity:1;margin:2px 0 4px 17.1px}
.nav-sub-in{display:flex;flex-direction:column;min-height:0;padding-left:11.4px;border-left:1px solid rgba(6,17,15,0.16)}
.nav-sub-link{display:block;padding:8px 11.4px;border-radius:6px;font-family:'DM Sans';font-weight:500;font-size:14.6px;color:rgba(6,17,15,0.72)}
.nav-sub-link:hover{background:rgba(18,124,122,0.08);color:#06110f;padding-left:15.4px}
.nav-link-16{display:block;padding:11.4px 14.1px;border-radius:8px;font-family:'DM Sans';font-weight:600;font-size:15.4px;color:#06110f;border-left:3px solid #127c7a}
.nav-link-16:hover{background:rgba(18,124,122,0.08)}
.nav-link-16b{display:block;padding:11.4px 14.1px;border-radius:8px;font-family:'DM Sans';font-weight:600;font-size:15.4px;color:#06110f;border-left:3px solid #127c7a;background:rgba(18,124,122,0.08)}
.nav-link-16b:hover{background:rgba(18,124,122,0.14)}
.nav-aqui{display:block;font-size:12.3px;font-weight:600;color:#127c7a;margin-top:3.5px}
.nav-link-17{font-size:clamp(11px,0.82vw,12.8px);font-weight:500;color:#e7f2f2;padding:10.6px clamp(3.5px,0.6vw,8.8px);white-space:nowrap}
.nav-link-17b{font-size:clamp(11px,0.82vw,12.8px);font-weight:700;color:#A4F6FF;padding:10.6px clamp(3.5px,0.6vw,8.8px);white-space:nowrap}
.nav-link-17b:hover{color:#ffffff}
.nav-box-18{display:flex;align-items:center;gap:17.6px;flex:0 0 auto}
.nav-link-19{background:#127c7a;color:#ffffff;font-family:'DM Sans';font-weight:700;font-size:clamp(11px,1vw,12.8px);padding:10.6px clamp(14.1px,1.7vw,22.9px);border-radius:999px;white-space:nowrap}
.nav-link-19:hover{background:#ffffff;color:#06110f}
.pie-footer-20{background-color:#051a19;background-image:linear-gradient(rgba(163,246,255,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(163,246,255,0.05) 1px,transparent 1px);background-size:88px 88px;padding:61.6px 28.2px 35.2px}
.pie-box-21{max-width:1196.8px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,0.9fr) minmax(0,0.9fr) max-content;gap:clamp(28px,3.2vw,48px)}
.pie-img-22{height:38.7px;width:auto;display:block}
.pie-text-23{margin:19.4px 0 0;font-size:15.4px;line-height:1.6;color:rgba(231,242,242,0.68);max-width:300px;font-weight:300}
.pie-label-24{font-family:'DM Sans';font-weight:700;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:oklch(0.72 0.09 190);margin:0 0 14.1px}
.pie-box-25{display:flex;flex-direction:column;gap:8.8px}
.pie-link-26{font-size:15.4px;color:rgba(231,242,242,0.68)}
.pie-link-26:hover{color:#DAFFA9;padding-left:5.3px}
.pie-link-27{font-size:15.4px;color:rgba(231,242,242,0.68);word-break:break-word}
.pie-link-27:hover{color:#DAFFA9;padding-left:5.3px}
.pie-box-28{max-width:1196.8px;margin:38.7px auto 0;padding-top:21.1px;border-top:1px solid rgba(231,242,242,0.1);display:flex;justify-content:space-between;gap:17.6px;flex-wrap:wrap}
.pie-txt-29{font-size:11.4px;color:rgba(231,242,242,0.68)}
.nav-link-30{display:flex;flex-direction:column;gap:3.5px;padding:12.3px 14.1px;border-radius:8px;border-left:3px solid #DAFFA9;background:rgba(18,124,122,0.08)}
.nav-link-30:hover{background:rgba(18,124,122,0.14)}
.nav-link-32{background:#127c7a;color:#ffffff;font-weight:700;font-size:clamp(11px,1vw,12.8px);padding:10.6px clamp(14.1px,1.7vw,22.9px);border-radius:999px;white-space:nowrap}
.nav-link-32:hover{background:#ffffff;color:#06110f}
.pie-label-33{font-family:'DM Sans';font-weight:700;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:rgba(231,242,242,0.68);margin:0 0 14.1px}
.nav-link-38{display:flex;flex-direction:column;gap:3.5px;padding:12.3px 14.1px;border-radius:8px;border-left:3px solid #A4F6FF;background:rgba(18,124,122,0.08)}
.nav-link-38:hover{background:rgba(18,124,122,0.14)}
.pie-label-40{font-family:'DM Sans';font-weight:700;font-size:11px;letter-spacing:0.22em;text-transform:uppercase;color:rgba(231,242,242,0.68);margin:0 0 14.1px}
.nav-link-43{display:flex;flex-direction:column;gap:3.5px;padding:12.3px 14.1px;border-radius:8px;border-left:3px solid #AECBFF;background:rgba(18,124,122,0.08)}
.nav-link-43:hover{background:rgba(18,124,122,0.14)}
.pie-footer-51{margin-top:22.9px;padding-top:17.6px;border-top:1px solid rgba(6,17,15,0.14)}
.nav-link-54{font-size:clamp(11px,0.82vw,12.8px);font-weight:700;color:#A4F6FF;padding:10.6px clamp(3.5px,0.6vw,8.8px);white-space:nowrap}


/* Solo existen en móvil; el bloque @media los reactiva */
.nav-toggle{display:none}
.nav-panel{display:none}

/* Subnivel del panel móvil (Entrenamientos de Empoderamiento) */
.nav-panel-sub{display:none}

/* ---------- Pie: redes y newsletter ---------- */
.pie-social{max-width:1196.8px;margin:clamp(34px,3.6vw,48px) auto 0;padding-top:clamp(26px,2.8vw,36px);border-top:1px solid rgba(231,242,242,0.14);display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:clamp(26px,3.4vw,64px);align-items:start}
.pie-social-box{display:flex;flex-direction:column;gap:14px}
.pie-social-label{font-size:11.4px;font-weight:800;letter-spacing:0.2em;text-transform:uppercase;color:rgba(231,242,242,0.72)}
.pie-social-links{display:flex;align-items:center;gap:10px}
.pie-social-link{width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:rgba(231,242,242,0.07);box-shadow:inset 0 0 0 1px rgba(231,242,242,0.18);display:flex;align-items:center;justify-content:center;color:rgba(231,242,242,0.82)}
.pie-social-link:hover{background:#127c7a;box-shadow:inset 0 0 0 1px #127c7a;color:#ffffff;transform:translateY(-2px)}
.pie-social-icon{width:19px;height:19px;display:block;fill:currentColor}
.pie-news{display:flex;flex-direction:column;gap:12px;max-width:480px;justify-self:end;width:100%}
.pie-news-row{display:flex;gap:10px;flex-wrap:wrap}
.pie-news-input{flex:1 1 200px;min-width:0;min-height:48px;padding:13px 18px;border-radius:999px;border:0;box-shadow:inset 0 0 0 1px rgba(231,242,242,0.24);background:rgba(231,242,242,0.06);color:#e7f2f2;font-family:'DM Sans';font-size:15.4px;font-weight:400}
.pie-news-input::placeholder{color:rgba(231,242,242,0.58)}
.pie-news-input:focus{outline:0;box-shadow:inset 0 0 0 1.5px #A4F6FF;background:rgba(231,242,242,0.10)}
.pie-news-btn{flex:0 0 auto;min-height:48px;padding:13px 28px;border-radius:999px;border:0;background:#127c7a;color:#ffffff;font-family:'DM Sans';font-weight:700;font-size:15px;cursor:pointer;white-space:nowrap}
.pie-news-btn:hover{background:#DAFFA9;color:#06110f}
.pie-news-nota{font-size:14.2px;line-height:1.45;color:rgba(231,242,242,0.68);font-weight:300}

/* ---------- Botón flotante de WhatsApp ---------- */
.wa-flotante{position:fixed;right:20px;bottom:20px;z-index:95;display:inline-flex;align-items:center;gap:10px;background:#127c7a;color:#ffffff;font-family:'DM Sans';font-weight:700;font-size:15.9px;padding:14px 22px;border-radius:999px;box-shadow:0 14px 34px rgba(0,0,0,0.42);min-height:52px}
.wa-flotante:hover{background:#DAFFA9;color:#06110f;box-shadow:0 18px 44px rgba(0,0,0,0.5);transform:translateY(-2px)}
.wa-flotante-icono{width:22px;height:22px;flex:0 0 22px;display:block;fill:currentColor}
.wa-flotante-txt{white-space:nowrap}

/* ---------- Móvil (<= 720px) ---------- */
/* ---------- Móvil (<= 720px) ---------- */
@media (max-width: 720px) {
  .nav-box-2, .pie-box-21 {
    grid-template-columns: minmax(0, 1fr);
  }

  .nav-nav-5 {
    flex-wrap: wrap;
    display: none;
  }

  .nav-box-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 12px 18px;
  }

  .nav-img-4 {
    height: 26px;
  }

  .nav-link-19 {
    font-size: 15px;
    padding: 14px 20px;
    line-height: 1.2;
  }

  .pie-footer-20 {
    padding: 44px 18px 92px;
  }

  .pie-box-21 {
    gap: 28px;
    grid-template-columns: minmax(0, 1fr);
    text-align: center;
    justify-items: center;
  }

  .pie-text-23 {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }

  .pie-social {
    grid-template-columns: minmax(0, 1fr);
    gap: 26px;
    text-align: center;
    justify-items: center;
  }

  .pie-social-links {
    justify-content: center;
  }

  .pie-news {
    justify-self: center;
    align-items: center;
  }

  .pie-news-row {
    width: 100%;
  }

  .pie-news-btn {
    width: 100%;
  }

  .pie-box-28 {
    margin-top: 26px;
    gap: 6px;
    align-items: center;
    text-align: center;
    padding-top: 20px;
    flex-direction: column;
  }

  .pie-link-26, .pie-link-27 {
    display: flex;
    align-items: center;
    min-height: 44px;
    justify-content: center;
  }

  .pie-box-25 {
    gap: 0;
  }

  .nav-link-3 {
    min-height: 44px;
  }

  .nav-header-1 {

  }

  .nav-box-18 {
    display: none;
  }

  .nav-toggle {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 5px;
    width: 44px;
    height: 44px;
    padding: 0 9px;
    flex: 0 0 auto;
    background: transparent;
    border: 0;
    cursor: pointer;
  }

  .nav-toggle-bar {
    display: block;
    height: 2px;
    width: 100%;
    border-radius: 2px;
    background: #e7f2f2;
    transition: transform .34s cubic-bezier(.22,.61,.36,1),opacity .24s ease;
  }

  .nav-panel {
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    top: 68px;
    bottom: 0;
    z-index: 95;
    background: rgba(6,24,22,0.96);
    backdrop-filter: blur(28px);
    -webkit-backdrop-filter: blur(28px);
    overflow-y: auto;
    transition: opacity .3s ease,transform .34s cubic-bezier(.22,.61,.36,1),visibility .34s;
  }

  .nav-panel-in {
    padding: 26px 18px 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
  }

  .nav-panel-group {
    display: flex;
    flex-direction: column;
  }

  .nav-panel-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: rgba(231,242,242,0.72);
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(231,242,242,0.18);
  }

  .nav-panel-sub {
    display: flex;
    flex-direction: column;
    margin: 2px 0 6px 30px;
    padding-left: 14px;
    border-left: 1px solid rgba(231,242,242,0.20);
  }
  .nav-panel-sublink {
    display: flex;
    align-items: center;
    min-height: 44px;
    font-size: 14.5px;
    font-weight: 500;
    color: rgba(231,242,242,0.78);
  }
  .nav-panel-sublink:hover {
    color: #ffffff;
    padding-left: 6px;
  }
  .nav-panel-link {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 56px;
    border-bottom: 1px solid rgba(231,242,242,0.10);
  }

  .nav-panel-link:hover {
    padding-left: 6px;
    background: rgba(231,242,242,0.04);
  }

  .nav-panel-bar {
    flex: 0 0 3px;
    width: 3px;
    align-self: stretch;
    margin: 11px 0;
    display: block;
    border-radius: 2px;
  }

  .nav-panel-txt {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
  }

  .nav-panel-name {
    font-family: 'DM Sans';
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2;
    color: #e7f2f2;
  }

  .nav-panel-note {
    font-size: 14.6px;
    line-height: 1.4;
    color: rgba(231,242,242,0.70);
    font-weight: 300;
  }

  .nav-panel-foot {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 2px;
  }

  .nav-panel-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    background: #127c7a;
    color: #ffffff;
    font-weight: 700;
    font-size: 15px;
    border-radius: 999px;
  }

  .nav-panel-cta:hover {
    background: #0e6361;
    color: #ffffff;
  }

  .nav-panel-wa {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    color: #e7f2f2;
    font-weight: 700;
    font-size: 15px;
    border-radius: 999px;
    box-shadow: inset 0 0 0 1.5px rgba(231,242,242,0.45);
  }

  .nav-panel-wa:hover {
    background: rgba(231,242,242,0.08);
    color: #ffffff;
  }

  .pie-img-22 {
    margin-left: auto;
    margin-right: auto;
  }

  .pie-label-24 {
    margin-bottom: 6px;
  }

  .wa-flotante {
    right: 14px;
    bottom: 14px;
    padding: 14px;
    min-width: 56px;
    min-height: 56px;
    justify-content: center;
    border-radius: 50%;
  }

  .wa-flotante-txt {
    display: none;
  }
}

.pie-legal{font-size:14.6px;color:rgba(231,242,242,0.72);text-decoration-line:underline;text-decoration-color:transparent;text-underline-offset:3px}
.pie-legal:hover{color:#A4F6FF;text-decoration-color:#A4F6FF}

@media (max-width: 720px) {
  /* enlace legal del pie: caja táctil de 44px */
  .pie-legal { display: inline-flex; align-items: center; min-height: 44px; }
}

/* Contacto: más aire entre enlaces y el correo en una sola línea */
.pie-box-21 > div:last-child .pie-box-25{gap:14px}
@media (min-width: 1101px) {
  .pie-link-27{white-space:nowrap;word-break:normal}
}
/* por debajo de 1100px las cuatro columnas no caben con el correo en una línea */
@media (min-width: 721px) and (max-width: 1100px) {
  .pie-box-21{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Desplegable de escritorio: el subgrupo de Empoderamiento queda siempre abierto.
   Al expandirse con hover empujaba Teens y Kids hacia abajo y, al salir del
   grupo, se recogía y el cursor quedaba fuera del menú. */
.nav-sub{grid-template-rows:1fr;opacity:1;margin:2px 0 4px 17.1px}
.nav-grupo-flecha{display:none}
.nav-grupo-link{cursor:default}

/* Selector de idioma */
.nav-lang{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:999px;border:1px solid rgba(231,242,242,0.28)}
.nav-lang-op{min-width:36px;padding:6px 10px;border-radius:999px;text-align:center;font-family:'DM Sans';font-weight:700;font-size:12.3px;letter-spacing:0.08em;color:rgba(231,242,242,0.78)}
.nav-lang-op:hover{color:#ffffff;background:rgba(231,242,242,0.10)}
.nav-lang-op.is-on{background:#e7f2f2;color:#06110f}
.nav-lang-panel{align-self:flex-start;margin-bottom:6px}
.nav-lang-panel .nav-lang-op{min-height:40px;display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:13.2px}
@media (max-width: 720px) {
  .nav-box-18 > .nav-lang { display: none; }
}

/* Los valores interpolados ({{ ... }}) se envuelven en un span que no heredaba
   el color: la fecha y la ubicación del hero salían en negro sobre la foto. */
.sc-interp{color:inherit}
.top-box-5{color:#ffffff}