/* =========================================
   VISTA TABLET (Hasta 1024px)
========================================= */
@media (max-width: 1024px) {
  /* --- Sección Hero --- */
  .seccion-hero-full {
    .columnas-hero-wrapper {
      flex-direction: column !important;
    }

    .columna-texto-hero {
      flex-basis: 100% !important;
      padding: 60px 30px !important;
      align-items: center;
      text-align: center;
    }

    h1.hero-titulo .titulo-plataforma {
      font-size: 48px !important;
      line-height: 1.2 !important;
    }

    .hero-subtitulo {
      margin: 0 auto 30px auto !important;
    }

    .columna-imagen-hero {
      flex-basis: 100% !important;

      img {
        clip-path: none !important; /* Quitamos el corte diagonal para que no quede raro al apilarse */
        transform: none !important;
      }
    }
  }

  /* --- Ajustes generales de columnas --- */
  .ancho-pagina.wp-block-columns {
    flex-direction: column !important;
    gap: 100px !important;
  }

  /* --- Tarjetas Contador (2 columnas en tablet) --- */
  .tarjeta-contador {
    flex-basis: calc(50% - 20px) !important;
    margin-bottom: 20px;
  }

  /* --- Sección Planificación --- */
  .titulo-dual {
    font-size: 46px !important;
    text-align: center;
  }

  .columna-laptop {
    width: 100% !important;
    justify-content: center !important;

    figure {
      width: 100% !important;
    }

    img {
      mask-image: none !important;
      -webkit-mask-image: none !important; /* Quitamos el degradado para que se vea entera */
    }
  }

  /* --- Bloque Personaliza tus Tests --- */
  .bloque-puntos-plataforma {
    gap: 60px !important;
    flex-direction: column !important;

    .wp-block-heading {
      font-size: 48px !important;
      text-align: center;
    }

    p {
      text-align: center;
    }

    .wp-block-column:first-child img {
      width: 100% !important; /* Ajustamos la imagen que sobresalía un 110% */
    }
  }

  /* --- Bloque Contenidos --- */
  .bloque-contenidos {
    flex-direction: column !important;
    gap: 40px !important;
    padding: 10px 20px;

    .wp-block-column {
      flex-basis: 100% !important;
    }

    h1.titulo-naranja {
      font-size: 46px !important;
      text-align: center;
    }

    p,
    ul {
      text-align: center;
      display: flex;
      flex-direction: column;
      align-items: center;
    }
  }

  /* --- Bloque Final --- */
  .bloque-final-plataforma {
    padding: 80px 20px !important;

    h2 {
      font-size: 34px !important;
    }
  }

  /* --- Cabecera de Contacto --- */
  .wp-block-group:has(.wp-block-heading) {
    padding: 40px 20px 30px;
  }

  h1.wp-block-heading {
    font-size: 46px;
  }

  /* --- Contenedor Principal: Formulario y Mapa --- */
  .capa-formulario {
    flex-direction: column !important; /* Pasamos a 1 columna en tablet para que el mapa y formulario respiren */
    gap: 40px !important;

    .wp-block-column:first-child {
      flex: 0 0 100% !important;
    }
  }

  /* --- Columna Información y Mapa --- */
  .columna-info-contacto {
    flex: 0 0 100% !important;
    width: 100% !important;

    iframe {
      height: 350px !important; /* Ajustamos la altura del mapa para que no ocupe toda la pantalla */
    }
  }

  .mpol-hero {
    grid-template-columns: 1fr;
    padding: 32px 20px 0;
    gap: 24px;
  }
  .mpol-sidebar {
    position: static;
    padding-bottom: 20px;
  }
  .mpol-features-box__grid {
    grid-template-columns: 1fr;
  }
  .mpol-temario-media {
    flex-direction: column;
  }
  
  footer .container-info-footer {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }
}