/* =========================================================
   El Chamizo · Página de Apoyo al estudio (page-apoyo-al-estudio.php)
   -----------------------------------------------------------
   Estilos propios de Apoyo al estudio. Se cargan SOLO en esta
   plantilla, por encima de page-servicio.css. Aquí vive el diseño
   de la sección de Diferenciadores: replica las "razones" de la
   home (cajas con cuadrado lima + hover) pero con los items a la
   IZQUIERDA y el título a la derecha.
   ========================================================= */

/* Título ARRIBA (a lo ancho, centrado) y debajo las tarjetas en 2 columnas
   (2 bloques a cada lado). En móvil, una sola columna. */
.chz-apoyo-difer {
    display: block;
}

.chz-apoyo-difer__intro {
    margin-bottom: 40px;
    text-align: center;
}

/* El h2 ya usa Caveat Brush (.chz-servicio h2); lo centramos. */
.chz-apoyo-difer__intro .chz-section__title {
    margin: 0 auto;
}

.chz-apoyo-difer__items {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

@media (min-width: 700px) {
    .chz-apoyo-difer__items {
        grid-template-columns: 1fr 1fr;
    }
}

/* Icono placeholder (chispa) limpio dentro del cuadrado lima: le
   quitamos su borde y tamaño propios para que solo se vea la chispa
   centrada, igual que cuando una razón lleva icono real en la home
   (si no, se vería un recuadro discontinuo dentro del cuadrado). */
.chz-apoyo-difer .chz-razones__icono .chz-icon-placeholder {
    width: 100%;
    height: 100%;
    margin: 0;
    border: 0;
}