.pagina-servicios { background: var(--noche); color: var(--reflector); }
.pagina-servicios::before { display: none; }
.servicios-contenido { width: min(1100px, 100%); margin: 0 auto; padding: 28px 24px 48px; flex: 1; }
.volver-servicios { color: #b9c8bd; text-decoration: none; font-size: .93rem; }
.servicios-pestanas { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0; }
.servicios-pestanas a { color: var(--reflector); font-weight: 600; padding: 10px 20px; border: 1px solid rgba(245,248,238,.35); border-radius: 30px; text-decoration: none; }
.servicios-pestanas a:hover { background: #1f4a2e; }
.servicios-pestanas a[aria-current] { background: var(--halo); border-color: var(--halo); color: var(--noche); }
.servicio-portada { display: grid; grid-template-columns: 1.5fr 1fr; gap: 40px; align-items: center; padding: 44px; border-radius: 24px; background: var(--tinta); border: 1px solid rgba(215,240,106,.14); }
.servicio-antetitulo { font-size: .75rem; font-weight: bold; letter-spacing: .14em; color: var(--halo); }
.servicio-portada h1 { font-size: clamp(3rem, 9vw, 5.4rem); font-weight: 900; line-height: .9; margin: 14px 0; }
.servicio-bajada { font-size: 1.18rem; color: #dde4de; }
.servicio-estado { display: inline-block; font-size: .82rem; background: #fae7b5; color: #654d16; border-radius: 8px; padding: 6px 12px; margin: 22px 0 12px; }
.servicio-descripcion { color: #b9c8bd; margin-bottom: 24px; }
.servicio-boton { display: inline-block; padding: 14px 26px; text-align: center; }
.servicio-ilustracion { text-align: center; padding: 35px 18px; background: #d5e0d0; border: 2px dashed #9cae98; border-radius: 50% 50% 20px 20px; }
.servicio-ilustracion span { display: block; font-size: 5rem; }
.servicio-ilustracion p { font-size: .8rem; letter-spacing: .12em; font-weight: bold; margin-top: 15px; }
.servicio-ilustracion { color: #183c30; } /* conserva el recuadro de la tacita como era antes del tema oscuro */
.servicio-informacion { margin: 36px 0; scroll-margin-top: 180px; }
.servicio-informacion > p { color: #b9c8bd; margin: 8px 0 20px; }
.servicio-informacion details { background: var(--tinta); border: 1px solid rgba(245,248,238,.12); border-radius: 12px; margin: 12px 0; }
.servicio-informacion summary { cursor: pointer; padding: 18px 22px; font-weight: bold; }
.servicio-informacion summary:focus-visible { outline: 3px solid var(--halo); outline-offset: 3px; border-radius: 10px; }
.servicio-informacion details[open] summary { border-bottom: 1px solid rgba(245,248,238,.12); }
.servicio-informacion details p { color: #c5d2c8; padding: 18px 22px; }
.servicio-pie { display: flex; gap: 24px; justify-content: space-between; align-items: center; padding: 26px; background: var(--tinta); border: 1px solid rgba(215,240,106,.14); border-radius: 16px; }
.servicio-pie h2 { font-size: 1.7rem; }
.servicio-footer { text-align: center; padding: 24px; font-size: .85rem; color: #97a39a; border-top: 1px solid #1a231e; }
@media (max-width: 650px) {
    .servicios-contenido { padding: 20px 16px 32px; }
    .servicio-portada { grid-template-columns: 1fr; padding: 26px; gap: 26px; }
    .servicio-ilustracion { padding: 20px; border-radius: 18px; }
    .servicio-ilustracion span { font-size: 3rem; }
    .servicio-pie { flex-direction: column; align-items: stretch; }
    .servicios-pestanas a { padding: 9px 14px; }
    .servicio-informacion { scroll-margin-top: 20px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }