/* Reset y estilos generales */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    overflow-x: hidden; /* NUEVO: Evita scroll horizontal */
  }
    
    @import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Roboto:wght@300;400;700&display=swap');

  /* --- Estilos Base y para Tabletas (Ancho > 600px) --- */
  .promo-timer {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      background: linear-gradient(90deg, #9ac6d3, #206d80);
      color: white;
      text-align: center;
      padding: 10px 0;
      font-size: 1.1rem;
      font-weight: 500;
      letter-spacing: 0.5px;
      z-index: 9999;
      box-shadow: 0 2px 10px rgba(0,0,0,0.15);
  }
  .timer {
      font-weight: bold;
      margin-left: 8px;
      font-size: 1.25rem;
  }
  
  /* MEDIA QUERIES TIMER */
  @media (max-width: 600px) {
      .promo-timer {
          padding: 8px 5px;
          font-size: 0.85rem;
      }
      .timer {
          font-size: 0.95rem;
          margin-left: 5px;
      }
  }
  
  @media (max-width: 400px) {
      .promo-timer {
          padding: 6px 3px;
          font-size: 0.75rem;
      }
      .timer {
          font-size: 0.9rem;
      }
  }

  @media (max-width: 350px) {
      .promo-timer {
          padding: 5px 2px;
          font-size: 0.7rem;
      }
      .timer {
          font-size: 0.85rem;
      }
  }

  /* === SECCIÓN 1 === */
  #seccion1 {
      background-image: url('IMAGENES/fondo_sec1.webp');
      background-size: cover;
      background-position: center center;
      background-repeat: no-repeat;
      min-height: 1000px;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 80px 0 40px 0;
      color: #4C6572;
      text-align: center;
  }
  
  .contenedor-transparente-interno {
      background-color: rgba(255, 255, 255, 0.678);
      padding: 60px 20px;
      max-width: 1000px;
      width: 90%;
      border-radius: 15px;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  }
  
  .contenido-principal {
      display: flex;
      flex-direction: row;
      align-items: center;
      max-width: 1100px;
      margin: 0 auto 50px auto;
      text-align: left;
  }
  
  .texto-principal {
      flex: 1;
      padding-right: 40px;
  }
  
  .imagen-contenedor {
      flex-shrink: 0;
      width: 300px;
      height: 300px;
  }
  
  .img-circular {
      width: 100%;
      height: 100%;
      object-fit: cover;
      border-radius: 50%;
      box-shadow: 0 0 0 10px rgba(76, 101, 114, 0.1);
  }
  
  .subtitulo {
      font-family: 'Roboto', sans-serif;
      font-size: 1.8em;
      font-weight: 400;
      color: #253541;
      margin-bottom: 5px;
  }
  
  .titulo-principal {
      font-size: 2.4em;
      font-weight: 700;
      line-height: 1.2;
      color: #143327;
      letter-spacing: -0.5px;
      margin-top: 0;
      margin-bottom: 10px;
      max-width: 90%;
  }
  
  .parrafosec1 {
      max-width: 90%;
      margin: 0 auto 40px auto;
      text-align: center;
      font-size: 1.1em;
      font-weight: 300;
      line-height: 1.6;
      margin-top: 5px;
  }
  
  .parrafo1, .parrafo2 {
      color: #213a38;
  }
  
  .parrafo2 {
      font-size: 1.3em;
      font-style: italic;
  }
  
  .parrafo2 b {
      font-weight: 700;
      font-style: normal;
  }
  .parrafo2 i {
      font-style: normal;
  }
  
  /* FIX CRÍTICO: Eliminar el triángulo negro del botón */
  .btn-redirigir {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background-color: #EFB810;
      color: #000000;
      padding: 20px 105px;
      border: none;
      border-radius: 8px;
      font-family: 'Roboto', sans-serif;
      font-size: 1.1em;
      font-weight: 700;
      cursor: pointer;
      text-transform: uppercase;
      transition: background-color 0.3s ease;
      letter-spacing: -0.2px;
      text-decoration: none; /* NUEVO */
  }
  
  .btn-redirigir:hover {
      background-color: #db8f01;
  }
  
  .btn-redirigir i {
      margin-left: 10px;
      font-size: 1.2em;
  }
  
  /* NUEVO: Evitar que aparezcan triángulos o iconos extraños */
  .btn-redirigir::before,
  .btn-redirigir::after {
      display: none !important;
  }
  
  #seccion1 .pie-boton {
      font-size: 0.8em;
      color: #19232b;
      margin-top: 10px;
      font-weight: 400;
  }
  
  /* Media Queries SECCIÓN 1 */
  @media (max-width: 768px) {
      #seccion1 {
          min-height: auto;
          padding: 80px 10px 20px 10px; /* AJUSTADO */
      }
  
      .contenedor-transparente-interno {
          padding: 30px 15px;
          width: 95%;
      }
  
      .contenido-principal {
          flex-direction: column;
          text-align: center;
          margin-bottom: 30px;
      }
  
      .imagen-contenedor {
          order: -1;
          margin-bottom: 20px;
          width: 200px;
          height: 200px;
      }
  
      .texto-principal {
          padding-right: 0;
      }
  
      .subtitulo {
          font-size: 1.3em;
      }
  
      .titulo-principal {
          font-size: 1.6em; /* AJUSTADO para mejor lectura */
          max-width: 100%;
          word-wrap: break-word; /* NUEVO */
      }
  
      .parrafosec1 {
          max-width: 100%;
          font-size: 1em;
          margin-bottom: 30px;
      }
  
      .parrafo2 {
          font-size: 1.1em;
      }
  
      .btn-redirigir {
          padding: 15px 30px;
          font-size: 1em;
          width: 90%;
          max-width: 350px;
      }
  
      .btn-redirigir i {
          margin-left: 8px;
      }
  
      #seccion1 .pie-boton {
          font-size: 0.7em;
          padding: 0 10px;
          line-height: 1.3; /* NUEVO */
      }
  }
  
  @media (max-width: 480px) {
      .contenedor-transparente-interno {
          padding: 20px 10px;
          width: 98%; /* AJUSTADO */
      }
  
      .imagen-contenedor {
          width: 300px; /* AJUSTADO */
          height: 300px;
          margin-bottom: 15px;
      }
  
      .subtitulo {
          font-size: 1.1em;
      }
  
      .titulo-principal {
          font-size: 1.4em; /* AJUSTADO */
          line-height: 1.3; /* MEJORADO */
      }
  
      .parrafosec1 {
          font-size: 0.95em;
          margin-bottom: 25px;
      }
  
      .parrafo2 {
          font-size: 1.05em;
      }
  
      .btn-redirigir {
          padding: 12px 20px;
          font-size: 0.9em;
          width: 95%;
      }
  
      #seccion1 .pie-boton {
          font-size: 0.65em;
          line-height: 1.4;
      }
  }
  
  /* === ESTILOS GENERALES === */
  #seccion2,
  #seccion4,
  #seccion6,
  #seccion8 {
    color: rgb(255, 255, 255);
  }
  
  #seccion1,
  #seccion3,
  #seccion5,
  #seccion7 {
    color: #486572;
  }
  
  /* === SECCIÓN 2 === */
  
  #seccion2 {
      padding: 60px 20px;
      font-family: 'Roboto', sans-serif;
      color: #2a7061;
      text-align: center;
  }
  
  .fila-superior {
      display: flex;
      justify-content: center;
      max-width: 1000px;
      width: 100%;
      margin: 0 auto 50px auto;
  }
  
  .columna-intro {
      flex: 1;
      padding: 0 20px;
      text-align: left;
  }
  
  .columna-intro h2 {
      font-size: 1.5em;
      font-weight: 700;
      color: #2a7061;
      text-transform: uppercase;
      text-align: center;
      margin-bottom: 10px;
      padding-bottom: 5px;
      border-bottom: 2px solid #5D7A8F;
  }
  
  .columna-intro p {
      font-size: 1.1em;
      font-weight: 300;
      line-height: 1.4;
      margin-top: 0;
      text-align: justify;
  }
  
  .fila-inferior {
      display: flex;
      justify-content: justify;
      align-items: flex-start;
      max-width: 1200px;
      width: 90%;
      margin: 0 auto 50px auto;
  }
  
  .libro-contenedor {
      flex-shrink: 0;
      max-width: 350px;
      width: 40%;
      margin-right: 50px;
  }
  
  .libro-contenedor img {
      max-width: 100%;
      height: auto;
      display: block;
  }
  
  .columna-lista {
      flex: 1;
      text-align: left;
      justify-content: justify;
      max-width: 60%;
      padding-top: 10px;
  }
  
  .columna-lista h3 {
      display: none;
  }
  
  .columna-lista ul {
      list-style: none;
      padding-left: 0;
      margin: 0;
  }
  
  .columna-lista li {
      font-size: 1.2em;
      font-weight: 300;
      line-height: 1.5;
      margin-bottom: 15px;
      position: relative;
      padding-left: 20px;
      text-align: left;
  }
  
  .columna-lista li::before {
      content: "–";
      color: #2a7061;
      font-size: 1.2em;
      font-weight: 700;
      position: absolute;
      left: 0;
      top: 0;
  }
  
  .columna-lista li b {
      font-weight: 700;
      color: #2a7061;
  }
  
  .btn-redirigir-2 {
      display: inline-flex;
      align-items: center;
      background-color: #EFB810; /* CAMBIADO */
      color: #000000; /* CAMBIADO */
      padding: 15px 45px;
      border: none;
      border-radius: 8px;
      font-family: 'Roboto', sans-serif;
      font-size: 1.5em;
      font-weight: 700;
      cursor: pointer;
      text-transform: uppercase;
      transition: background-color 0.3s ease;
      letter-spacing: -0.2px;
      margin-top: 10px;
  }
  
  .btn-redirigir-2:hover {
      background-color: #db8f01; /* NUEVO */
  }
  
  .pie-boton {
      font-size: 0.85em;
      color: #2a7061;
      margin-top: 10px;
      font-weight: 400;
      letter-spacing: -0.2px;
  }
  
  /* Media Queries SECCIÓN 2 */
  @media (max-width: 992px) {
      .fila-inferior {
          flex-direction: column;
          align-items: center;
          width: 90%;
      }
      .libro-contenedor {
          width: 50%;
          max-width: 300px;
          margin-right: 0;
          margin-bottom: 30px;
      }
      .columna-lista {
          max-width: 100%;
          padding: 0 10px;
      }
      .columna-lista li {
          font-size: 1.1em;
      }
  }
  
  @media (max-width: 768px) {
      #seccion2 {
          padding: 40px 15px;
      }
  
      .fila-superior {
          flex-direction: column;
          width: 100%;
          max-width: none;
          margin-bottom: 30px;
      }
      .columna-intro {
          padding: 0 10px;
          margin-bottom: 20px;
      }
      .columna-intro h2 {
          font-size: 1.3em;
      }
      .columna-intro p {
          font-size: 1em;
      }
  
      .libro-contenedor {
          width: 70%; /* AJUSTADO */
          max-width: 220px;
      }
      .columna-lista li {
          font-size: 1em;
      }
  
      #seccion2 .btn-redirigir-2 {
          font-size: 1.1em; /* AJUSTADO */
          padding: 12px 30px;
          width: 90%;
          max-width: 350px;
          justify-content: center;
      }
      .pie-boton {
          font-size: 0.7em;
          padding: 0 10px;
          line-height: 1.3; /* NUEVO */
      }
  }
  
  @media (max-width: 480px) {
      .libro-contenedor {
          width: 65%; /* AJUSTADO */
          max-width: 180px;
      }
  
      .columna-lista li {
          font-size: 0.95em;
          line-height: 1.4;
      }
  
      #seccion2 .btn-redirigir-2 {
          font-size: 0.95em;
          padding: 12px 20px;
          width: 95%;
      }
  
      .pie-boton {
          font-size: 0.65em;
          line-height: 1.4;
      }
  }
  
  /* === SECCIÓN 3 - TESTIMONIOS === */
  .fondo-testimonio {
      background-color:#41777c;
      display: flex;
      min-height: 550px;
      color: white;
      padding: 60px 20px;
  }
  
  .columna-izquierda-t {
      width: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px;
      text-align: center;
  }
  
  .columna-derecha-t {
      width: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 20px;
  }
  
  #carrusel-tarjetas {
      position: relative;
      width: 100%;
      max-width: 450px;
      height: 350px;
      display: flex;
      flex-direction: column;
      justify-content: center;
  }
  
  /* FIX CRÍTICO: Mejorar el diseño de las tarjetas */
  .tarjeta {
      position: absolute;
      width: 100%;
      padding: 20px;
      background-color: white;
      color: #333;
      border-radius: 15px;
      box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      gap: 15px;
      transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
      min-height: 150px;
  }
  
  .perfil {
      display: flex;
      align-items: flex-start;
      gap: 15px;
      width: 100%;
  }
  
  .perfil img {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      object-fit: cover;
      flex-shrink: 0;
  }
  
  .perfil .info {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
  }
  
  .perfil strong {
      font-size: 1.1em;
      font-weight: 700;
  }
  
  .perfil span {
      font-size: 0.95em;
      color: #555;
      line-height: 1.4;
      margin-top: 5px;
  }
  
  .tarjeta.central {
      opacity: 1;
      transform: translateY(0) scale(1.05);
      z-index: 10;
      box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  }
  
  .tarjeta.arriba {
      opacity: 0.3;
      transform: translateY(-70px) scale(0.9);
      z-index: 5;
      pointer-events: none;
  }
  
  .tarjeta.abajo {
      opacity: 0.3;
      transform: translateY(70px) scale(0.9);
      z-index: 5;
      pointer-events: none;
  }
  
  .tarjeta.oculto {
      opacity: 0;
      transform: translateY(200px) scale(0.8);
      z-index: 1;
      pointer-events: none;
  }
  
  /* Media Queries SECCIÓN 3 */
  @media (max-width: 900px) {
      .fondo-testimonio {
          flex-direction: column;
          min-height: auto;
          padding: 40px 15px;
      }
      .columna-izquierda-t,
      .columna-derecha-t {
          width: 100%;
          padding: 0 15px; /* AJUSTADO */
          margin-bottom: 20px;
      }
      .columna-izquierda-t h2 {
          font-size: 1.8em; /* AJUSTADO */
          margin-bottom: 10px;
      }
  
      #carrusel-tarjetas {
          height: 300px; /* AJUSTADO para mejor ajuste */
          max-width: 90%;
      }
  
      .tarjeta {
          padding: 15px; /* AJUSTADO */
          min-height: 120px; /* AJUSTADO */
      }
  
      .perfil {
          align-items: center;
      }
      .perfil img {
          width: 45px; /* AJUSTADO */
          height: 45px;
      }
  
      .perfil strong {
          font-size: 0.95em;
      }
      .perfil span {
          font-size: 0.85em;
          line-height: 1.3;
          margin-top: 2px;
      }
  
      .tarjeta.central {
          transform: translateY(0) scale(1);
      }
  
      .tarjeta.arriba {
          transform: translateY(-55px) scale(0.95);
      }
      .tarjeta.abajo {
          transform: translateY(55px) scale(0.95);
      }
  }
  
  @media (max-width: 500px) {
      .fondo-testimonio {
          padding: 30px 10px;
      }
  
      #carrusel-tarjetas {
          height: 310px; /* AJUSTADO */
          max-width: 95%;
      }
  
      .tarjeta {
          padding: 12px; /* AJUSTADO */
          min-height: 100px; /* AJUSTADO */
      }
  
      .tarjeta.central {
          transform: translateY(0) scale(1.0);
      }
  
      .perfil {
          align-items: center;
      }
      .perfil img {
          width: 40px;
          height: 40px;
      }
  
      .perfil strong {
          font-size: 0.9em;
      }
      .perfil span {
          font-size: 0.8em;
          line-height: 1.2;
          margin-top: 2px;
      }
  
      .tarjeta.arriba {
          transform: translateY(-60px) scale(0.9);
      }
      .tarjeta.abajo {
          transform: translateY(60px) scale(0.9);
      }
  
      .columna-izquierda-t h2 {
          font-size: 1.6em;
      }
  }
  
  /* === SECCIÓN 3 - AUTORA === */
  #seccion3 {
      background-color: #f8f8f8;
      padding: 40px 20px; /* AJUSTADO */
      text-align: center;
      color: #486572;
  }
  
  .subtitulo-testimonio {
      font-size: 1.4rem;
      font-weight: 400;
  }
  
  .titulo-autora {
      font-size: 2rem;
      font-style: italic;
      font-weight: 500;
      line-height: 1.2;
      margin-bottom: 20px; /* AJUSTADO */
      margin-top: 10px;
  }
  
  .testimonio-fila {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      gap: 20px;
      max-width: 1200px;
      margin: 20px auto;
  }
  
  .testimonio {
      width: 100%;
      max-width: 280px;
      margin: 10px 0;
  }
  
  .testimonio img {
      width: 100%;
      height: auto;
      border-radius: 8px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  }
  
  .autora-contenedor {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      gap: 30px;
      max-width: 1000px;
      margin: 0 auto;
      text-align: center;
  }
  
  .autora-imagen {
      width: 100%;
      max-width: 300px;
      margin-bottom: 0;
  }
  
  .autora-imagen img {
      width: 100%;
      height: auto;
      border-radius: 8px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  }
  
  .autora-texto {
      max-width: 90%;
      margin-top: 0;
  }
  
  .saludo {
      font-size: 1.3rem;
      font-weight: bold;
      color: #486572;
  }
  
  .presentacion {
      font-size: 1rem;
      line-height: 1.5;
      font-style: italic;
      text-align: justify;
  }
  
  .post-data {
      font-size: 0.8rem;
      line-height: 1.5;
      margin: 0;
      font-weight: bold;
  }
  
  /* Media Queries SECCIÓN 3 - AUTORA */
  @media (min-width: 768px) {
      .testimonio-fila {
          gap: 10%;
      }
  
      .testimonio {
          width: auto;
          flex-basis: calc(33.333% - 20px);
      }
      .fila-superior{
          margin-bottom: 1px;
      }
      .fila-inferior{
          margin-top: 1px;
      }
  
      .autora-contenedor {
          flex-direction: row;
          align-items: flex-start;
          gap: 80px;
          text-align: left;
      }
  
      .autora-imagen {
          width: auto;
      }
  
      .autora-imagen img {
          width: 300px;
      }
  
      .autora-texto {
          max-width: 75%;
          margin-top: 20px;
      }
  
      .presentacion {
          font-size: 1.1rem;
      }
  
      .post-data {
          font-size: 0.9rem;
      }
  
      .subtitulo-testimonio {
          font-size: 1.6rem;
      }
  
      .titulo-autora {
          font-size: 2.5rem;
      }
  }
  
  @media (max-width: 480px) {
      #seccion3 {
          padding: 30px 15px;
      }
  
      .saludo {
          font-size: 1.1rem;
      }
  
      .presentacion {
          font-size: 0.95rem;
      }
  
      .titulo-autora {
          font-size: 1.7rem;
      }
  }
  
  /* === SECCIÓN 4 === */
  #seccion4 {
      background-color: #3e757a;
      color: #fff;
      font-family: Arial, sans-serif;
      padding: 40px 20px;
      text-align: center;
  }
  
  #seccion4 h2 {
      font-size: 2.2em;
      margin-bottom: 40px;
  }
  
  .regalo-contenedor {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 20px;
      margin-bottom: 40px;
  }
  
  .regalo-imagen img {
      width: 100%;
      max-width: 220px;
      height: auto;
      display: block;
      border-radius: 6px;
      margin-bottom: 0;
  }
  
  .regalo-texto {
      max-width: 500px;
      text-align: center;
  }
  
  .tituloreg {
      font-size: 1.2rem;
      font-weight: bold;
      margin-bottom: 10px; /* AJUSTADO */
  }
  
  .descripcion {
      font-size: 1rem;
      line-height: 1.5;
      margin-bottom: 10px; /* AJUSTADO */
      text-align: justify;
  }
  
  .precio {
      font-size: 1rem;
      font-weight: bold;
      color: #ffffff;
  }
  
  /* Media Queries SECCIÓN 4 */
  @media (min-width: 768px) {
      .regalo-contenedor {
          flex-direction: row;
          gap: 40px;
          margin-bottom: 60px;
      }
  
      .regalo-contenedor:nth-child(even) {
          flex-direction: row-reverse;
      }
  
      .regalo-texto {
          text-align: left;
          gap: 15px;
      }
  
      .regalo-contenedor:nth-child(even) .regalo-texto {
          text-align: left;
      }
  }
  
  @media (max-width: 480px) {
      #seccion4 {
          padding: 30px 15px;
      }
  
      #seccion4 h2 {
          font-size: 1.8em;
          margin-bottom: 30px;
      }
  
      .regalo-imagen img {
          max-width: 180px;
      }
  
      .tituloreg {
          font-size: 1.1rem;
      }
  
      .descripcion {
          font-size: 0.95rem;
      }
  
      .precio {
          font-size: 0.95rem;
      }
  }
  
  /* === SECCIÓN 5 === */
  
  #seccion5 {
      background-color: #f9f8f6;
      padding: 60px 20px;
      font-family: 'Roboto', sans-serif;
      color: #333333;
      text-align: center;
  }
  
  #seccion5 h2 {
      font-family: 'Roboto Slab', serif;
      margin-bottom: 10px;
      font-size: 2em;
      font-weight: 700;
  }
  
  #seccion5 > p {
      margin-bottom: 40px;
  }
  
  /* FIX CRÍTICO: Mejorar la alineación de garantías */
  .garantia-flex-wrapper {
      display: flex;
      justify-content: center;
      align-items: stretch; /* NUEVO: Alinea las cajas con la misma altura */
      gap: 30px;
      max-width: 1100px;
      margin: 0 auto;
      padding: 0;
      flex-wrap: wrap;
  }
  
  .garantia-contenedor {
      flex: 1 1 300px;
      max-width: 350px;
      text-align: center;
      padding: 20px; /* NUEVO: Añadir padding */
      margin: 0;
      display: flex; /* NUEVO */
      flex-direction: column; /* NUEVO */
      justify-content: flex-start; /* NUEVO */
      align-items: center; /* NUEVO */
  }
  
  .pregunta {
      font-size: 1.3em;
      font-weight: 400;
      color: #486572;
      letter-spacing: -1px;
      padding: 0;
      margin: 0 0 15px 0; /* AJUSTADO */
  }
  
  .icono {
      margin: 15px 0; /* NUEVO */
  }
  
  .icono img {
      width: 100px;
      height: auto;
  }
  
  .titulog {
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 1em;
      text-transform: uppercase;
      letter-spacing: -0.5px;
      line-height: 1.5;
      color: #486572;
      margin: 15px 0; /* NUEVO */
  }
  
  .comentariog {
      font-size: 0.95em;
      line-height: 1.6;
      color: #486572;
      letter-spacing: -0.5px;
      margin: 0;
      padding: 0;
  }
  
  /* Media Queries SECCIÓN 5 */
  @media (max-width: 850px) {
      .garantia-flex-wrapper {
          flex-direction: column;
          align-items: center;
      }
      .garantia-contenedor {
          margin-bottom: 30px;
          max-width: 100%;
      }
  }
  
  @media (max-width: 480px) {
      #seccion5 {
          padding: 40px 15px;
      }
  
      #seccion5 h2 {
          font-size: 1.6em;
      }
  
      .pregunta {
          font-size: 1.1em;
      }
  
      .icono img {
          width: 80px;
      }
  
      .titulog {
          font-size: 0.9em;
      }
  
      .comentariog {
          font-size: 0.85em;
      }
  }
  
  /* === SECCIÓN 6 === */
  @import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400;700&family=Roboto:wght@400;700&display=swap');
  
  #seccion-resumen-forma {
      background-color: #3e757a;
      padding: 50px 20px;
      color: #ffffff;
      text-align: center;
  }
  
  #seccion-resumen-forma h3 {
      font-size: 2em;
      font-weight: 400;
      margin-bottom: 20px;
      color: #ffffff;
  }
  
  /* FIX CRÍTICO: Ajustar el contenedor para evitar desbordamientos */
  .contenido-resumen-forma-v2 {
      background-color: #F4EFEB;
      color: #486572;
      max-width: 1030px;
      margin: 0 auto;
      padding: 30px 20px; /* SIMPLIFICADO */
      border-radius: 8px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
      text-align: center;
      overflow: hidden; /* NUEVO: Evita desbordamientos */
  }
  
  .imagen-libros-forma img {
      max-width: 80%;
      height: auto;
      margin-bottom: 20px; /* AJUSTADO */
      display: block;
      margin-left: auto;
      margin-right: auto;
  }
  
  .lista-items-forma {
      text-align: center;
      padding: 0 20px;
      margin-bottom: 30px;
      font-size: 1.2em; /* AJUSTADO */
  }
  
  .item-principal-forma,
  .regalo-item-forma,
  .otros-beneficios-forma {
      font-size: 0.9em; /* AJUSTADO */
      line-height: 1.5;
      text-align: center;
      justify-items: center;
      font-weight: 400;
      margin-bottom: 8px; /* AJUSTADO */
      margin-top: 0;
  }
  .regalo-item-forma:last-of-type {
      margin-bottom: 15px;
  }
  .otros-beneficios-forma:last-of-type {
      margin-bottom: 0;
  }
  
  .precios-simples-v2 {
      text-align: center;
      margin: 0;
      padding: 0;
  }
  
  .valor-total-v2 {
      font-size: 1.2em;
      font-weight: 700;
      letter-spacing: -0.5px;
      color: #bb3a2b;
      margin: 0;
      padding: 0;
  }
  
  .ahora-solo-v2 {
      font-size: 1.5em;
      font-weight: 700;
      letter-spacing: -0.5px;
      color: #333333;
      margin: 0;
      padding: 0;
  }
  
  .precio-final-v2 {
      font-family: 'Roboto Slab', serif;
      font-size: 2.8em;
      font-weight: 700;
      color: #3a9659;
      margin: 0;
      padding: 0;
  }
  
  /* FIX CRÍTICO: Ajustar la barra amarilla para que no se desborde */
  .barra-amarilla-v2 {
      background-color: #98b9af;
      width: 100%; /* CAMBIADO */
      margin-left: 0; /* CAMBIADO */
      margin-right: 0; /* NUEVO */
      padding: 8px 0; /* AJUSTADO */
      text-align: center;
      box-sizing: border-box;
      line-height: 1.2;
      min-height: 25px;
  }
  
  .descuento-v2 {
      font-family: 'Roboto', sans-serif;
      font-size: 0.95em;
      font-weight: 700;
      color: #000000;
      margin: 0;
      padding: 0;
  }
  
  .moneda-local-v2 {
      font-family: 'Roboto', sans-serif;
      font-size: 0.8em;
      color: #000000;
      margin: 5px 0 0 0; /* AJUSTADO */
  }
  
  .contenido-resumen-forma-v2 .boton-descarga-v2 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background-color: #EFB810;
      color: #000000;
      padding: 15px 105px; /* AJUSTADO */
      border-radius: 5px;
      text-decoration: none;
      font-family: 'Roboto', sans-serif;
      font-weight: 700;
      font-size: 1em;
      margin-top: 30px;
      transition: background-color 0.3s ease;
  }
  
  .contenido-resumen-forma-v2 .boton-descarga-v2:hover {
      background-color: #db8f01; /* NUEVO */
  }
  
  .boton-descarga-v2 img {
      width: 15px;
      height: 15px;
      filter: invert(100%);
      margin-left: 10px;
      color:#fffdfd;
  }
  
  /* FIX CRÍTICO: Ajustar mensaje de atención */
  .mensaje-atencion-v2 {
      width: 100%; /* CAMBIADO */
      margin-left: 0; /* CAMBIADO */
      background-color: #F4EFEB;
      color: #ff1c03;
      padding: 12px 15px; /* AJUSTADO */
      font-size: 0.85em; /* CAMBIADO a em */
      text-align: center;
      letter-spacing: -0.5px; /* AJUSTADO */
      margin-top: 10px; /* AJUSTADO */
      margin-bottom: 0; /* CAMBIADO */
      border-radius: 0 0 8px 8px;
      line-height: 1.4; /* NUEVO */
  }
  
  .atencion-titulo-v2 {
      font-weight: 700;
      margin-right: 5px;
  }
  
  /* Media Queries SECCIÓN 6 */
  @media (max-width: 768px) {
      #seccion-resumen-forma {
          padding: 40px 15px;
      }
  
      #seccion-resumen-forma h3 {
          font-size: 1.6em;
          padding: 0 10px;
      }
  
      .contenido-resumen-forma-v2 {
          padding: 25px 15px;
      }
  
      .imagen-libros-forma img {
          max-width: 85%;
      }
  
      .lista-items-forma {
          font-size: 1.1em;
          padding: 0 10px;
      }
  
      .item-principal-forma,
      .regalo-item-forma,
      .otros-beneficios-forma {
          font-size: 0.85em;
      }
  
      .precio-final-v2 {
          font-size: 2.4em;
      }
  
      .contenido-resumen-forma-v2 .boton-descarga-v2 {
          width: 90%;
          max-width: 350px;
          padding: 12px 25px;
      }
  
      .mensaje-atencion-v2 {
          font-size: 0.8em;
          padding: 10px 10px;
      }
  }
  
  @media (max-width: 480px) {
      #seccion-resumen-forma h3 {
          font-size: 1.4em;
          padding: 0 10px;
      }
  
      .contenido-resumen-forma-v2 {
          padding: 20px 10px;
      }
  
      .imagen-libros-forma img {
          max-width: 90%;
      }
  
      .lista-items-forma {
          font-size: 1em;
          padding: 0 5px;
      }
  
      .item-principal-forma,
      .regalo-item-forma,
      .otros-beneficios-forma {
          font-size: 0.8em;
      }
  
      .valor-total-v2 {
          font-size: 1.1em;
      }
  
      .ahora-solo-v2 {
          font-size: 1.3em;
      }
  
      .precio-final-v2 {
          font-size: 2em;
      }
  
      .descuento-v2 {
          font-size: 0.85em;
      }
  
      .moneda-local-v2 {
          font-size: 0.7em;
      }
  
      .contenido-resumen-forma-v2 .boton-descarga-v2 {
          font-size: 0.9em;
          width: 95%;
          padding: 12px 20px;
      }
  
      .mensaje-atencion-v2 {
          font-size: 0.75em;
          padding: 10px 8px;
          line-height: 1.3;
      }
  }
  
  /* === SECCIÓN 7 - FAQ === */
  
  #seccion7 {
      background-color: #4C6572;
      padding: 60px 20px;
      font-family: 'Roboto', sans-serif;
      color: #ffffff;
      text-align: center;
      max-width: 100%;
  }
  
  #seccion7 h2 {
      font-size: 2.5em;
      letter-spacing: -1px;
      font-weight: 400;
      margin-bottom: 30px;
      color: #ffffff;
  }
  
  #seccion7 h3{
      font-size:1.5em;
      letter-spacing: -1px;
  }
  
  #seccion7 p{
      font-size: 1.2em;
      max-width: 90%;
      justify-content: center;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 30px;
  }
  
  #seccion7 h3:nth-child(odd) {
      font-family: 'Caveat', cursive;
      font-size: 1.8em;
      font-weight: 900;
      color: #ffffff;
      margin-top: 30px;
      margin-bottom: 5px;
  }
  
  /* FIX: Mejorar el diseño de FAQ */
  .faq-section {
      padding: 60px 20px;
      background-color: #F4EFEB;
      font-family: 'Arial', sans-serif;
  }
  
  .faq-title {
      font-size: 2.5em;
      font-weight: 800;
      text-align: center;
      color: #333;
      margin-bottom: 40px;
      text-transform: uppercase;
      letter-spacing: 1px;
  }
  
  .faq-container {
      max-width: 800px;
      margin: 0 auto;
  }
  
  .faq-item {
      margin-bottom: 0;
      border-radius: 0;
      overflow: hidden;
  }
  
  /* FIX CRÍTICO: Mejorar el diseño de las preguntas */
  .faq-question {
      padding: 18px 25px;
      cursor: pointer;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-weight: 600;
      font-size: 1.1em;
      color: #333;
      transition: background-color 0.3s;
      border-top: 1px solid #e0e0e0;
      background-color: white; /* NUEVO: Fondo blanco por defecto */
  }
  
  .faq-item:first-child {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
      border-top: none;
  }
  
  .faq-item:first-child .faq-question {
      border-top-left-radius: 8px;
      border-top-right-radius: 8px;
  }
  
  .faq-question::after {
      content: '⌵';
      font-size: 1.2em;
      transform: rotate(0deg);
      transition: transform 0.3s ease;
      color: #87A0A5;
      flex-shrink: 0; /* NUEVO: Evita que el icono se comprima */
      margin-left: 10px; /* NUEVO: Espacio entre texto e icono */
  }
  
  .faq-item.active .faq-question {
      background-color: #3D5C5F;
      color: white;
      border-top: none;
  }
  
  .faq-item.active .faq-question::after {
      content: '∧';
      color: white;
  }
  
  .faq-answer {
      padding: 0 25px;
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.4s ease-out, padding 0.4s ease-out;
      background-color: white;
      line-height: 1.6;
      font-size: 0.95em;
      color: #555;
      border-bottom: 1px solid #e0e0e0;
  }
  
  .faq-item.active .faq-answer {
      max-height: 400px; /* AUMENTADO */
      padding: 20px 25px 25px;
  }
  
  .faq-item:last-child .faq-answer {
      border-bottom-left-radius: 8px;
      border-bottom-right-radius: 8px;
  }
  
  .faq-item.active:last-child .faq-answer {
      border-bottom: none;
  }
  
  .boton3{
      max-width: 100%;
      text-align: center;
      margin-top: 30px;
  }
  
  /* FIX: Botón 3 igual al botón principal */
  .btn-redirigir-3 {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background-color: #EFB810;
      color: #000000;
      padding: 15px 105px;
      border: none;
      border-radius: 8px;
      font-family: 'Roboto', sans-serif;
      font-size: 1.1em;
      font-weight: 700;
      cursor: pointer;
      text-transform: uppercase;
      transition: background-color 0.3s ease;
      letter-spacing: -0.2px;
      text-decoration: none; /* NUEVO */
  }
  
  .btn-redirigir-3:hover {
    background-color: #db8f01;
  }
  
  .btn-redirigir-3 i {
      margin-left: 10px;
      font-size: 1.2em;
  }
  
  /* Media Queries SECCIÓN 7 */
  @media (max-width: 768px) {
      #seccion7 {
          padding: 40px 15px;
      }
  
      #seccion7 h2 {
          font-size: 2em;
          margin-bottom: 20px;
      }
  
      #seccion7 h3 {
          font-size: 1.3em;
      }
  
      #seccion7 p {
          font-size: 1.1em;
          margin-bottom: 20px;
      }
  
      #seccion7 h3:nth-child(odd) {
          font-size: 1.5em;
          margin-top: 20px;
      }
  
      .faq-section {
          padding: 40px 15px;
      }
  
      .faq-title {
          font-size: 2em;
          margin-bottom: 30px;
          letter-spacing: 0.5px;
      }
  
      .faq-container {
          max-width: 100%;
      }
  
      .faq-question {
          padding: 15px 15px; /* AJUSTADO */
          font-size: 1em;
      }
  
      .faq-answer {
          padding: 0 15px;
          font-size: 0.9em;
      }
  
      .faq-item.active .faq-answer {
          padding: 15px 15px 20px;
      }
  
      .boton3 {
          margin-top: 25px;
      }
  
      .btn-redirigir-3 {
          padding: 12px 30px;
          font-size: 1em;
          width: 90%;
          max-width: 350px;
      }
  }
  
  @media (max-width: 480px) {
      #seccion7 {
          padding: 30px 10px;
      }
  
      #seccion7 h2 {
          font-size: 1.6em;
          margin-bottom: 15px;
      }
  
      #seccion7 h3 {
          font-size: 1.1em;
      }
  
      #seccion7 p {
          font-size: 1em;
          margin-bottom: 15px;
          max-width: 95%;
      }
  
      #seccion7 h3:nth-child(odd) {
          font-size: 1.3em;
          margin-top: 15px;
      }
  
      .faq-section {
          padding: 30px 10px;
      }
  
      .faq-title {
          font-size: 1.5em;
          margin-bottom: 25px;
          letter-spacing: 0.3px;
      }
  
      .faq-question {
          padding: 12px 12px; /* AJUSTADO */
          font-size: 0.95em;
      }
  
      .faq-question::after {
          font-size: 1em;
      }
  
      .faq-answer {
          padding: 0 12px;
          font-size: 0.85em;
          line-height: 1.5;
      }
  
      .faq-item.active .faq-answer {
          padding: 12px 12px 15px;
      }
  
      .boton3 {
          margin-top: 20px;
      }
  
      .btn-redirigir-3 {
          padding: 12px 20px;
          font-size: 0.9em;
          width: 95%;
      }
  
      .btn-redirigir-3 i {
          margin-left: 8px;
          font-size: 1em;
      }
  }
  
  .pie-boton {
      font-size: 0.8em;
      color: #333;
      margin-top: 10px;
      padding: 0 10px;
  }
  
  @media (max-width: 768px) {
      .pie-boton {
          font-size: 0.7em;
          margin-top: 8px;
          line-height: 1.3;
      }
  }
  
  @media (max-width: 480px) {
      .pie-boton {
          font-size: 0.65em;
          margin-top: 8px;
          line-height: 1.4;
      }
  }
  
  /* === SECCIÓN 8 === */
  
  #seccion8 {
      background-color: #F9F7F4;
      padding: 80px 20px;
      font-family: 'Roboto', sans-serif;
      color: #ffffff;
      text-align: center;
      border-bottom: 2px solid #D7C3C5;
  }
  
  #seccion8 p {
      font-weight: 300;
      font-size: 1.2em;
      line-height: 1.4;
      max-width: 850px;
      margin: 0 auto;
      padding: 0 10px;
      white-space: pre-line;
  }
  
  #seccion8 p b {
      font-weight: 700;
      font-size: 1.3em;
      line-height: 1.8;
      letter-spacing: -0.8px;
      color: #ffffff;
      display: block;
      margin-top: 15px;
      margin-bottom: 15px;
  }
  
  /* Media Queries SECCIÓN 8 */
  @media (max-width: 768px) {
      #seccion8 {
          padding: 60px 15px;
      }
  
      #seccion8 p {
          font-size: 1.1em;
          max-width: 95%;
      }
  
      #seccion8 p b {
          font-size: 1.2em;
      }
  }
  
  @media (max-width: 480px) {
      #seccion8 {
          padding: 40px 10px;
      }
  
      #seccion8 p {
          font-size: 1em;
          line-height: 1.5;
      }
  
      #seccion8 p b {
          font-size: 1.15em;
          line-height: 1.6;
      }
  }
  
  /* === FOOTER === */
  footer {
      background-color: #424242;
      font-family: 'Roboto', sans-serif;
      color: #ffffff;
      text-align: center;
      padding: 30px 20px;
      border-top: 3px solid #7D9AA9;
  }
  
  #seccion9 {
      max-width: 1200px;
      margin: 0 auto;
  }
  
  #seccion9 h2 {
      display: none;
  }
  
  #seccion9 p {
      font-size: 0.9em;
      font-weight: 300;
      line-height: 1.5;
      margin: 0;
      padding: 2px 0;
  }
  
  #seccion9 p:first-of-type {
      font-style: italic;
      margin-bottom: 3px;
  }
  
  .social-icons {
      display: flex;
      gap: 20px;
      padding: 20px;
      justify-content: center;
      flex-wrap: wrap;
  }
  
  .icon {
      display: inline-flex;
      justify-content: center;
      align-items: center;
      width: 50px;
      height: 50px;
      border-radius: 50%;
      color: white;
      text-decoration: none;
      font-size: 24px;
      transition: transform 0.3s ease;
  }
  
  .icon:hover {
      transform: translateY(-3px);
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  }
  
  .facebook {
      background-color: #1877F2;
  }
  
  .youtube {
      background-color: #FF0000;
  }
  
  .instagram {
      background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
      color: white;
  }
  
  .tiktok {
      background-color: #000000;
  }
  
  .tiktok i {
      text-shadow: 2px 0px 0px #25F4EE, -2px 0px 0px #FF4E74;
  }
  
  /* Media Queries FOOTER */
  @media (max-width: 480px) {
      footer {
          padding: 20px 10px;
      }
  
      .social-icons {
          gap: 15px;
          padding: 15px;
      }
  
      .icon {
          width: 45px;
          height: 45px;
          font-size: 20px;
      }
  
      #seccion9 p {
          font-size: 0.85em;
      }
  }
  
  /* Colores para identificar secciones */

  #seccion8 { background: #5a777c; }
  
  /* ----------- RESPONSIVE GENERAL ----------- */
  @media (max-width: 900px) {
    nav ul {
      flex-wrap: wrap;
    }
    nav ul li {
      margin: 10px;
    }
  }
  
  @media (max-width: 600px) {
    nav ul {
      flex-direction: column;
      align-items: center;
    }
    nav ul li {
      margin: 8px 0;
    }
    main div {
      padding: 40px 15px;
      font-size: 14px;
    }
  }

  
  .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}