/* Versión 3: reemplazo de las secciones heredadas de la portada. */

#padecimientos,
#tratamientos,
#formacion,
#seguros,
#recursos {
  scroll-margin-top: 24px;
}

.encabezado-v3 {
  display: grid;
  align-items: end;
  grid-template-columns: minmax(0, 1.18fr) minmax(300px, 0.82fr);
  gap: clamp(32px, 5vw, 72px);
}

.encabezado-v3 h2,
.procedimientos-v3 h2,
.formacion-v3 h2,
.seguros-v3 h2,
.recursos-v3 h2 {
  margin: 0;
  color: var(--jg-azul);
  font-family: "Cocogoose", sans-serif;
  font-size: clamp(36px, 4vw, 52px);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.12;
}

.encabezado-v3 > p,
.encabezado-v3 > div + p {
  margin: 0 0 4px;
  color: var(--jg-texto);
  font-size: 17px;
  line-height: 1.65;
}

.encabezado-v3--centrado {
  display: block;
  max-width: 820px;
  margin-inline: auto;
  text-align: center;
}

.encabezado-v3--centrado > p:last-child {
  margin: 20px auto 0;
}

/* Presentación e identidad visible */
.presentacion-nueva__contenido > h2 {
  font-size: clamp(33px, 3.25vw, 46px);
  line-height: 1.13;
}

.presentacion-nueva__cargo {
  max-width: 660px;
  margin: 15px 0 0;
  color: var(--jg-aqua-oscuro);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

.presentacion-nueva__contenido > h3 {
  max-width: 660px;
  margin: 30px 0 0;
  color: var(--jg-azul);
  font-family: "Cocogoose", sans-serif;
  font-size: clamp(25px, 2.4vw, 32px);
  font-weight: 400;
  line-height: 1.22;
}

.presentacion-nueva__sello strong {
  font-size: 15px;
}

/* Padecimientos */
.padecimientos-v3 {
  padding: 100px 0;
  border-top: 1px solid var(--jg-borde);
  background: var(--jg-fondo);
}

.padecimientos-v3__grid {
  display: grid;
  margin-top: 52px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.padecimiento-v3 {
  position: relative;
  display: flex;
  min-height: 300px;
  padding: 30px;
  overflow: hidden;
  flex-direction: column;
  border: 1px solid var(--jg-borde);
  border-radius: 17px;
  background: var(--jg-blanco);
  box-shadow: 0 13px 35px rgba(27, 39, 48, 0.055);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.padecimiento-v3:hover,
.padecimiento-v3:focus-within {
  box-shadow: 0 18px 42px rgba(27, 39, 48, 0.1);
  transform: translateY(-3px);
}

.padecimiento-v3__numero {
  color: var(--jg-aqua-oscuro);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
  line-height: 1.4;
}

.padecimiento-v3__estado {
  position: absolute;
  top: 23px;
  right: 23px;
  padding: 7px 10px;
  border-radius: 999px;
  color: #245d59;
  background: var(--jg-aqua-claro);
  font-size: 11px;
  font-weight: 800;
  line-height: 1.2;
}

.padecimiento-v3 h3 {
  margin: 42px 0 0;
  color: var(--jg-azul);
  font-family: "Cocogoose", sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.22;
}

.padecimiento-v3 p {
  margin: 15px 0 0;
  color: var(--jg-texto);
  font-size: 15px;
  line-height: 1.62;
}

.padecimiento-v3 a {
  display: inline-flex;
  margin-top: auto;
  padding-top: 28px;
  align-items: center;
  gap: 8px;
  color: var(--jg-aqua-oscuro);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.4;
}

.padecimiento-v3 a span,
.seguros-v3__nota a span,
.recurso-v3 a span {
  transition: transform 0.2s ease;
}

.padecimiento-v3 a:hover span,
.padecimiento-v3 a:focus-visible span,
.seguros-v3__nota a:hover span,
.seguros-v3__nota a:focus-visible span,
.recurso-v3 a:hover span,
.recurso-v3 a:focus-visible span {
  transform: translateX(4px);
}

.padecimiento-v3--destacado {
  border: 2px solid var(--jg-aqua);
}

.padecimiento-v3--urgencia {
  border-color: var(--jg-azul);
  color: var(--jg-blanco);
  background: var(--jg-azul);
}

.padecimiento-v3--urgencia .padecimiento-v3__numero,
.padecimiento-v3--urgencia a {
  color: #79cfcb;
}

.padecimiento-v3--urgencia h3 {
  color: var(--jg-blanco);
}

.padecimiento-v3--urgencia p {
  color: #c7d2d7;
}

/* Procedimientos */
.procedimientos-v3 {
  display: grid;
  margin-top: 84px;
  padding: clamp(40px, 5vw, 66px);
  grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
  gap: clamp(44px, 6vw, 86px);
  border-radius: 22px;
  color: var(--jg-blanco);
  background: var(--jg-azul);
}

.procedimientos-v3 .etiqueta-nueva {
  color: #79cfcb;
}

.procedimientos-v3 h2 {
  color: var(--jg-blanco);
  font-size: clamp(34px, 3.6vw, 48px);
}

.procedimientos-v3__texto > p:not(.etiqueta-nueva) {
  max-width: 650px;
  margin: 20px 0 0;
  color: #c7d2d7;
  font-size: 16px;
  line-height: 1.65;
}

.procedimientos-v3 .boton-nuevo {
  margin-top: 28px;
  border-color: var(--jg-aqua);
  color: var(--jg-azul);
  background: #79cfcb;
}

.procedimientos-v3 .boton-nuevo:hover,
.procedimientos-v3 .boton-nuevo:focus-visible {
  color: var(--jg-azul);
  background: #96dedb;
}

.procedimientos-v3__lista {
  margin: 0;
  padding: 0;
  list-style: none;
}

.procedimientos-v3__lista li {
  display: grid;
  padding: 17px 0;
  grid-template-columns: 1fr minmax(150px, 0.8fr);
  gap: 18px;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.procedimientos-v3__lista li:last-child {
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.procedimientos-v3__lista strong {
  font-size: 15px;
  line-height: 1.45;
}

.procedimientos-v3__lista span {
  color: #b7c6cb;
  font-size: 13px;
  line-height: 1.5;
}

/* Formación */
.formacion-v3 {
  padding: 102px 0;
  background: var(--jg-blanco);
}

.formacion-v3__trayectoria {
  display: grid;
  margin: 54px 0 0;
  padding: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--jg-borde);
  border-bottom: 1px solid var(--jg-borde);
  list-style: none;
}

.formacion-v3__trayectoria li {
  padding: 28px 25px 30px;
}

.formacion-v3__trayectoria li + li {
  border-left: 1px solid var(--jg-borde);
}

.formacion-v3__trayectoria li > span {
  display: block;
  margin-bottom: 30px;
  color: var(--jg-aqua-oscuro);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.08em;
}

.formacion-v3__trayectoria strong {
  display: block;
  color: var(--jg-azul);
  font-size: 16px;
  line-height: 1.45;
}

.formacion-v3__trayectoria p {
  margin: 10px 0 0;
  color: var(--jg-texto);
  font-size: 14px;
  line-height: 1.55;
}

.formacion-v3__respaldo {
  display: grid;
  margin-top: 28px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.formacion-v3__respaldo article {
  padding: clamp(30px, 4vw, 46px);
  border: 1px solid var(--jg-borde);
  border-radius: 17px;
  background: var(--jg-fondo);
}

.formacion-v3__respaldo h3 {
  margin: 0;
  color: var(--jg-azul);
  font-family: "Cocogoose", sans-serif;
  font-size: 27px;
  font-weight: 400;
  line-height: 1.25;
}

.formacion-v3__respaldo article > p:not(.etiqueta-nueva) {
  margin: 16px 0 0;
  color: var(--jg-texto);
  font-size: 15px;
  line-height: 1.65;
}

.formacion-v3__respaldo ul {
  margin: 22px 0 0;
  padding: 0;
  list-style: none;
}

.formacion-v3__respaldo li {
  position: relative;
  padding: 14px 0 14px 25px;
  border-top: 1px solid var(--jg-borde);
  color: var(--jg-texto);
  font-size: 14px;
  line-height: 1.55;
}

.formacion-v3__respaldo li::before {
  position: absolute;
  top: 19px;
  left: 2px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--jg-aqua);
  content: "";
}

.formacion-v3__hospitales {
  display: flex;
  margin-top: 22px;
  flex-wrap: wrap;
  gap: 8px;
}

.formacion-v3__hospitales span {
  padding: 8px 11px;
  border: 1px solid var(--jg-borde);
  border-radius: 999px;
  color: #53636c;
  background: var(--jg-blanco);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.3;
}

/* Seguros */
.seguros-v3 {
  padding: 96px 0;
  border-top: 1px solid #cfe6e5;
  border-bottom: 1px solid #cfe6e5;
  background: var(--jg-aqua-claro);
}

.seguros-v3__grid {
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
  gap: clamp(42px, 7vw, 96px);
}

.seguros-v3 h2 {
  font-size: clamp(36px, 4vw, 50px);
}

.seguros-v3__introduccion {
  max-width: 610px;
  margin: 22px 0 0;
  color: var(--jg-texto);
  font-size: 17px;
  line-height: 1.68;
}

.seguros-v3__opciones {
  display: grid;
  gap: 14px;
}

.seguros-v3__opciones article {
  position: relative;
  padding: 26px 28px 26px 74px;
  border: 1px solid #c8e0df;
  border-radius: 15px;
  background: rgba(255, 255, 255, 0.78);
}

.seguros-v3__opciones article > span {
  position: absolute;
  top: 29px;
  left: 28px;
  color: var(--jg-aqua-oscuro);
  font-size: 12px;
  font-weight: 800;
}

.seguros-v3__opciones h3 {
  margin: 0;
  color: var(--jg-azul);
  font-size: 18px;
  line-height: 1.4;
}

.seguros-v3__opciones p {
  margin: 8px 0 0;
  color: var(--jg-texto);
  font-size: 14px;
  line-height: 1.62;
}

.seguros-v3__nota {
  grid-column: 1 / -1;
  display: grid;
  margin-top: -22px;
  padding-top: 28px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 22px;
  border-top: 1px solid #c7dfde;
}

.seguros-v3__nota strong {
  color: var(--jg-azul);
  font-size: 13px;
  line-height: 1.4;
}

.seguros-v3__nota p {
  margin: 0;
  color: #5b6d75;
  font-size: 13px;
  line-height: 1.6;
}

.seguros-v3__nota a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: var(--jg-azul);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
  white-space: nowrap;
}

/* Recursos */
.recursos-v3 {
  padding: 100px 0;
  background: var(--jg-blanco);
}

.recursos-v3__grid {
  display: grid;
  margin-top: 48px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.recurso-v3 {
  min-height: 310px;
  padding: clamp(32px, 4vw, 48px);
  border: 1px solid var(--jg-borde);
  border-radius: 18px;
  background: var(--jg-fondo);
}

.recurso-v3--principal {
  color: var(--jg-blanco);
  border-color: var(--jg-azul);
  background: var(--jg-azul);
}

.recurso-v3__tipo {
  display: inline-block;
  margin-bottom: 52px;
  color: var(--jg-aqua-oscuro);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.09em;
  line-height: 1.4;
  text-transform: uppercase;
}

.recurso-v3--principal .recurso-v3__tipo,
.recurso-v3--principal a {
  color: #79cfcb;
}

.recurso-v3 h3 {
  margin: 0;
  color: var(--jg-azul);
  font-family: "Cocogoose", sans-serif;
  font-size: clamp(27px, 2.6vw, 35px);
  font-weight: 400;
  line-height: 1.22;
}

.recurso-v3--principal h3 {
  color: var(--jg-blanco);
}

.recurso-v3 p {
  max-width: 620px;
  margin: 16px 0 0;
  color: var(--jg-texto);
  font-size: 15px;
  line-height: 1.65;
}

.recurso-v3--principal p {
  color: #c7d2d7;
}

.recurso-v3 a {
  display: inline-flex;
  margin-top: 28px;
  align-items: center;
  gap: 8px;
  color: var(--jg-aqua-oscuro);
  font-size: 14px;
  font-weight: 800;
  line-height: 1.4;
}

/* Footer nuevo */
.footer-v3 {
  padding: 66px 0 26px;
  color: var(--jg-blanco);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  background: var(--jg-azul-oscuro);
}

.footer-v3__grid {
  display: grid;
  grid-template-columns: 1.25fr 1fr 0.76fr 0.7fr;
  gap: clamp(28px, 4vw, 58px);
}

.footer-v3 .etiqueta-nueva {
  color: #79cfcb;
}

.footer-v3 h2 {
  margin: 0;
  color: var(--jg-blanco);
  font-family: "Cocogoose", sans-serif;
  font-size: 25px;
  font-weight: 400;
  line-height: 1.25;
}

.footer-v3 h3 {
  margin: 0 0 18px;
  color: #79cfcb;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.4;
}

.footer-v3 p {
  margin: 0 0 13px;
  color: #c0cdd1;
  font-size: 13px;
  line-height: 1.65;
}

.footer-v3 a {
  display: block;
  width: fit-content;
  margin-bottom: 11px;
  color: var(--jg-blanco);
  font-size: 13px;
  line-height: 1.5;
}

.footer-v3 a:hover,
.footer-v3 a:focus-visible {
  color: #79cfcb;
}

.footer-v3__identidad > p:last-child {
  max-width: 340px;
  margin-top: 17px;
}

.footer-v3__legal {
  display: flex;
  margin-top: 48px;
  padding-top: 22px;
  justify-content: space-between;
  gap: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.11);
}

.footer-v3__legal p {
  margin: 0;
  color: #84979f;
  font-size: 11px;
}

@media (max-width: 1000px) {
  .padecimientos-v3__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .procedimientos-v3,
  .seguros-v3__grid {
    grid-template-columns: 1fr;
  }

  .seguros-v3__nota {
    margin-top: 0;
  }

  .formacion-v3__trayectoria {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .formacion-v3__trayectoria li:nth-child(3) {
    border-top: 1px solid var(--jg-borde);
    border-left: 0;
  }

  .formacion-v3__trayectoria li:nth-child(4) {
    border-top: 1px solid var(--jg-borde);
  }

  .footer-v3__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 800px) {
  .encabezado-v3 {
    align-items: start;
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .formacion-v3__respaldo,
  .recursos-v3__grid {
    grid-template-columns: 1fr;
  }

  .seguros-v3__nota {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

@media (max-width: 575px) {
  .presentacion-nueva__contenido > h2 {
    font-size: 32px;
  }

  .presentacion-nueva__contenido > h3 {
    margin-top: 25px;
    font-size: 25px;
  }

  .presentacion-nueva__sello strong {
    font-size: 13px;
  }

  .presentacion-nueva__sello span {
    font-size: 11px;
  }

  .padecimientos-v3,
  .formacion-v3,
  .seguros-v3,
  .recursos-v3 {
    padding: 72px 0;
  }

  .encabezado-v3 h2,
  .procedimientos-v3 h2,
  .formacion-v3 h2,
  .seguros-v3 h2,
  .recursos-v3 h2 {
    font-size: 33px;
    line-height: 1.16;
  }

  .encabezado-v3 > p,
  .encabezado-v3 > div + p,
  .seguros-v3__introduccion {
    font-size: 15px;
  }

  .padecimientos-v3__grid {
    margin-top: 36px;
    grid-template-columns: 1fr;
  }

  .padecimiento-v3 {
    min-height: 275px;
    padding: 25px 23px;
  }

  .padecimiento-v3 h3 {
    margin-top: 34px;
    font-size: 23px;
  }

  .padecimiento-v3__estado {
    top: 19px;
    right: 18px;
  }

  .procedimientos-v3 {
    margin-top: 54px;
    padding: 30px 24px;
    gap: 38px;
    border-radius: 17px;
  }

  .procedimientos-v3__lista li {
    grid-template-columns: 1fr;
    gap: 5px;
  }

  .formacion-v3__trayectoria {
    margin-top: 38px;
    grid-template-columns: 1fr;
  }

  .formacion-v3__trayectoria li {
    padding: 24px 5px;
  }

  .formacion-v3__trayectoria li + li,
  .formacion-v3__trayectoria li:nth-child(3),
  .formacion-v3__trayectoria li:nth-child(4) {
    border-top: 1px solid var(--jg-borde);
    border-left: 0;
  }

  .formacion-v3__trayectoria li > span {
    margin-bottom: 13px;
  }

  .formacion-v3__respaldo article,
  .recurso-v3 {
    padding: 28px 24px;
  }

  .recurso-v3__tipo {
    margin-bottom: 36px;
  }

  .footer-v3 {
    padding-top: 54px;
  }

  .footer-v3__grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .footer-v3__legal {
    flex-direction: column;
    gap: 8px;
  }
}