@import url("../shared/styles.css?v=0a2dac9eb0d6");

/* Estilos exclusivos de la página principal */
.page-inicio .hero-grid { align-items: center; }
.page-inicio .hero .intro { max-width: 420px; }

.page-inicio .faq-location-link {
  display: inline-block;
  margin-top: 10px;
  color: #00647e;
  font-size: 14px;
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 4px;
}
@media (prefers-color-scheme: dark) {
  .page-inicio .faq-location-link { color: #7fe4f5; }
}

.page-inicio .faq-location-link {
  padding: 6px 12px;
  border: 1px solid #0292b7;
  border-radius: 6px;
  background: transparent;
  font-size: 12px;
  line-height: 1.4;
  text-decoration: none;
}
.page-inicio .faq-location-link:hover { background: #cae4f1; }
@media (prefers-color-scheme: dark) {
  .page-inicio .faq-location-link { border-color: #62c9df; }
  .page-inicio .faq-location-link:hover { background: #1b3d49; }
}

/* Iconos dentales con el mismo tamaño y estilo en las seis tarjetas. */
.page-inicio .cards .icon svg { display: block; flex-shrink: 0; }
.page-inicio .cards > .card:nth-child(6) { background: #f3f5f6; border-top-color: #2b2b2b; }
@media(prefers-color-scheme:dark) {
  .page-inicio .cards > .card:nth-child(6) { background: #252d34; border-top-color: #b8c8d0; }
}


/* Imagen completa, sin recorte ni franjas de color a los lados. */
.page-inicio .hero .photo { height: auto; aspect-ratio: auto; min-width: 0; }
.page-inicio .hero .photo-media { position: relative; background: #000; border-radius: 28px; overflow: hidden; }
.page-inicio .hero .photo-media > img { display: block; width: 100%; height: auto; max-height: 680px; object-fit: contain; object-position: center; background: #000; border-radius: 0; }
.page-inicio .hero .photo-tag { position: relative; left: auto; bottom: auto; margin: 14px 0 0; width: 100%; max-width: none; box-sizing: border-box; padding: 16px; }
@media(max-width:640px) { .page-inicio .hero .photo-media > img { max-height: none; } }