/* Página 3 — ajustes propios (bloques comunes en interior-content.css) */

[data-page-id="3"] .p3-register__head h2 {
  font-size: clamp(17px, 2.1vw, 19px);
  line-height: 1.28;
  letter-spacing: -0.45px;
}

[data-page-id="3"] .p3-register .p3-note {
  justify-content: flex-start;
  align-items: center;
  text-align: left;
}

/* Hero P3: encuadre hacia la docente (rostro y acción visibles) */
[data-page-id="3"] .p2-intro-hero .hero-media img {
  object-position: 34% 30%;
  transform: translateX(6%);
}

[data-page-id="3"] .p2-intro-hero .hero-media img {
  -webkit-mask-image: linear-gradient(
    to right,
    transparent 0%,
    rgba(0, 0, 0, 0.08) 8%,
    rgba(0, 0, 0, 0.35) 18%,
    rgba(0, 0, 0, 0.72) 30%,
    #000 44%,
    #000 100%
  );
  mask-image: linear-gradient(
    to right,
    transparent 0%,
    rgba(0, 0, 0, 0.08) 8%,
    rgba(0, 0, 0, 0.35) 18%,
    rgba(0, 0, 0, 0.72) 30%,
    #000 44%,
    #000 100%
  );
}

@media (min-width: 721px) {
  [data-page-id="3"] .p3-feature-grid.p3-tools-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

}

@media (max-width: 720px) {
  [data-page-id="3"] .p3-feature-grid.p3-tools-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

}

@media (max-width: 520px) {
  [data-page-id="3"] .p3-feature-grid.p3-tools-grid {
    grid-template-columns: 1fr;
  }
}