/* ============================================================
   responsive.min.css — Correcciones responsivas
   Cargado en las páginas principales como complemento de styles.min.css
   ============================================================ */

/* Ocultar badge INP·UNAM en móvil (index.html) */
@media (max-width:767px){.hero__floatcard{display:none}}

/* Teléfono del menú móvil: centrado */
.mobile-menu__contact{align-items:center;text-align:center}

/* Mobile: evitar que .fx-photo y contenido del split desborden el viewport */
@media (max-width:480px){
  .split > * { min-width: 0; overflow: hidden; }
  .split__media .fx-photo { width: 100%; max-width: 100%; }
  .btn { white-space: normal; max-width: 100%; box-sizing: border-box; }
}

/* Resoluciones medias (481–900px): limitar imágenes al colapsar el grid */
@media (min-width:481px) and (max-width:900px){
  /* Foto de perfil — index.html */
  .profile__frame{max-width:380px;margin-left:auto;margin-right:auto}
  .profile__stat{right:calc(50% - 190px - 60px)}
  /* Imágenes en secciones split — dra-estefana, otorrino-pediatra, servicios */
  .split__media .fx-photo{max-width:380px;margin-left:auto;margin-right:auto}
}