/* Componentes compartidos con superficies opacas y foco de marca. */
html {
  scroll-padding-top:24px
}

p {
  max-width:64ch
}

body>main>.service-details {
  background:var(--alved-porcelana)
}

body>main :is(.service-card,.service-detail,.three-grid article,.faq-list details,.syllabus,.equipo-card),.fiscal>section {
  background:#fff;
  border:1px solid var(--alved-linea);
  border-radius:20px;
  padding:24px;
  color:var(--alved-texto);
  box-shadow:none
}

.services-grid {
  gap:24px;
  border:0
}

.service-card {
  margin:0
}

.service-detail {
  margin-bottom:24px;
  scroll-margin-top:24px
}

.pedir-info {
  display:inline-block;
  padding:9px 0;
  color:var(--alved-medio);
  font-size:.9rem;
  font-weight:600;
  text-decoration:none;
  margin:8px 16px 8px 0
}

.pedir-info::after {
  content:' →'
}

.pedir-info:hover {
  text-decoration:underline
}

.contacto-flotante {
  position:fixed;
  right:16px;
  bottom:calc(16px + env(safe-area-inset-bottom));
  z-index:30
}

.flotante {
  display:flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border-radius:50%;
  border:1px solid #1a1464;
  background:#1a1464;
  color:#fff;
  text-decoration:none
}

.flotante:hover {
  background:#383ba1
}

#panel-contacto {
  width:min(620px,calc(100% - 32px));
  max-height:calc(100dvh - 32px);
  overflow:auto;
  border:1px solid var(--alved-linea);
  border-radius:20px;
  padding:28px;
  background:#fff;
  color:var(--alved-texto)
}

#panel-contacto::backdrop {
  background:rgba(26,20,100,.6)
}

#panel-contacto a {
  color:var(--alved-medio)
}

.cerrar-contacto {
  display:block;
  margin:0 0 20px auto;
  padding:8px 16px;
  background:#fff;
  color:#1a1464;
  border:1px solid #1a1464;
  border-radius:999px;
  cursor:pointer
}

.canales-contacto,.contacto-servicios {
  padding:0;
  list-style:none
}

.canales-contacto li {
  margin-bottom:12px
}

.contacto-servicios li {
  padding:16px 0;
  border-top:1px solid var(--alved-linea)
}

.contacto-servicios strong {
  display:block;
  color:var(--alved-tinta)
}

.contacto-servicios a {
  margin-right:16px
}

.seguridad-contacto {
  font-size:.9rem
}

.equipo-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px
}

.equipo-card img {
  width:100%;
  aspect-ratio:4/5;
  object-fit:cover;
  border-radius:20px
}

.monograma {
  display:grid;
  place-items:center;
  width:80px;
  height:80px;
  background:#1a1464;
  color:#fff;
  border-radius:50%;
  font-size:28px;
  margin-bottom:20px
}

.footer {
  color:var(--alved-tinta)
}

.aviso-ia {
  font-size:12px;
  color:var(--alved-suave);
  margin-top:24px
}

@media(prefers-reduced-motion:no-preference) {
  html.anim :is(.entra,.revela) {
    transition:opacity 400ms ease,transform 400ms ease
  }

  html.anim :is(.entra,.revela):not(.es-visible) {
    opacity:0;
    transform:translateY(8px)
  }

}

@media(max-width:800px) {
  .equipo-grid {
    grid-template-columns:1fr
  }

  @media(max-width:540px) {
    .contacto-mejorado.esperar-hero {
      visibility:hidden;
      pointer-events:none
    }

    .footer {
      padding-bottom:80px
    }

  }

  @media print {
    .contacto-flotante,#panel-contacto {
      display:none!important
    }

    html.anim :is(.entra,.revela) {
      opacity:1!important;
      transform:none!important
    }

  }