/* Estilos para los servicios */

.hero--carousel {
  margin-bottom: 4rem;  /* 🔺 más espacio bajo el hero */
}

.services-section{ padding: 2.2rem 0; }
.services-section__head{ margin-bottom: .8rem; }
.services-section h1 {
  display: inline-block;
  margin: 0 0 .25rem;
  background: linear-gradient(to bottom, #F8E1E9 0%, #F8E1E9 100%);
  background-repeat: no-repeat;
  background-position: 0 80%; 
  background-size: 100% 60%;  
}
.section-note {
  color: var(--text-muted);
  margin: 0;
  font-size: 1.5rem;
}

.services-grid{
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: .8rem;
  grid-template-columns: repeat(2, minmax(0,1fr));
}
@media (min-width: 720px){ .services-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); } }
@media (min-width: 1040px){ .services-grid{ grid-template-columns: repeat(4, minmax(0,1fr)); } }

.service-card{
  display: grid; grid-template-columns: 36px 1fr; gap: .7rem; align-items: center;
  padding: .8rem .9rem; border: 1px solid var(--border); border-radius: 14px;
  background: #fff; box-shadow: var(--shadow-1, 0 1px 2px rgba(0,0,0,.05));
}
.service-card img{ width: 28px; height: 28px; object-fit: contain; }
.service-card h3{ font-size: 1rem; margin: 0; }
.badge{
  display: inline-block; margin-top: .2rem; padding: .15rem .5rem; border-radius: 999px;
  font-size: .75rem; border: 1px solid var(--border); color: var(--text-muted);
}

/* utilidades */
.sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0; }

.site-footer{
  margin-top: 6rem;
}