/* Paginas de servicio - Agencia Garvil 26-08-2026
   Los fragmentos llegaron sin hoja de estilos; esto la aporta con la paleta del sitio. */
.svc-wrap{max-width:820px;margin:0 auto;padding:64px 24px 96px;color:#E2E8F0;
 font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;line-height:1.7}
.svc-wrap h1{font-size:clamp(30px,5vw,46px);line-height:1.15;letter-spacing:-.02em;
 color:#fff;margin:0 0 26px;font-weight:700}
.svc-wrap h2{font-size:clamp(22px,3.4vw,30px);line-height:1.25;color:#fff;
 margin:52px 0 16px;font-weight:700;letter-spacing:-.01em}
.svc-wrap h3{font-size:19px;color:#fff;margin:32px 0 10px;font-weight:600}
.svc-wrap p{margin:0 0 18px;font-size:16.5px}
.svc-wrap strong{color:#fff}
.svc-wrap a{color:#e6f307;text-decoration:underline;text-underline-offset:3px}
.svc-wrap ul,.svc-wrap ol{margin:0 0 20px;padding-left:22px}
.svc-wrap li{margin-bottom:9px}
.svc-wrap table{width:100%;border-collapse:collapse;margin:0 0 24px;font-size:15px;display:block;overflow-x:auto}
.svc-wrap th,.svc-wrap td{border:1px solid rgba(255,255,255,.13);padding:11px 14px;text-align:left;vertical-align:top}
.svc-wrap th{background:rgba(255,255,255,.05);color:#fff;font-weight:600}

/* caja "en resumen": pensada para que la cite la IA generativa */
.svc-wrap .tldr{background:rgba(230,243,7,.06);border:1px solid rgba(230,243,7,.28);
 border-radius:14px;padding:22px 26px;margin:32px 0}
.svc-wrap .tldr h2{margin:0 0 12px;font-size:17px;text-transform:uppercase;
 letter-spacing:.12em;color:#e6f307;font-weight:600}
.svc-wrap .tldr ul{margin:0;padding-left:20px}
.svc-wrap .tldr li{margin-bottom:8px;color:#E2E8F0}

/* CTA en linea dentro del texto */
.svc-wrap p.cta-inline{background:rgba(255,255,255,.045);border-left:3px solid #e6f307;
 border-radius:0 10px 10px 0;padding:15px 20px;margin:26px 0;font-size:16px}

/* bloque CTA de cierre */
.svc-wrap .cta-block{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
 border-radius:18px;padding:34px 30px;margin:52px 0 0;text-align:center}
.svc-wrap .cta-block h2{margin:0 0 12px}
.svc-wrap .cta-block p{color:#CBD5E1}
.svc-wrap .cta-block p:last-child{margin:22px 0 0}
.svc-wrap .cta-block a{display:inline-block;background:#e6f307;color:#0B1121;font-weight:700;
 padding:15px 30px;border-radius:9px;text-decoration:none;font-size:15.5px}

/* FAQ con <details> nativo, sin JavaScript */
.svc-wrap .dmp-faq{margin:56px 0 0}
.svc-wrap .dmp-faq details{border-top:1px solid rgba(255,255,255,.12);padding:4px 0}
.svc-wrap .dmp-faq details:last-of-type{border-bottom:1px solid rgba(255,255,255,.12)}
.svc-wrap .dmp-faq summary{cursor:pointer;padding:17px 34px 17px 0;font-weight:600;
 color:#fff;font-size:16.5px;position:relative;list-style:none}
.svc-wrap .dmp-faq summary::-webkit-details-marker{display:none}
.svc-wrap .dmp-faq summary::after{content:'+';position:absolute;right:6px;top:50%;
 transform:translateY(-50%);color:#e6f307;font-size:22px;font-weight:400;line-height:1}
.svc-wrap .dmp-faq details[open] summary::after{content:'\2212'}
.svc-wrap .dmp-faq details p{margin:0 0 16px;color:#CBD5E1;font-size:15.5px}
@media(max-width:600px){.svc-wrap{padding:44px 18px 72px}.svc-wrap .cta-block{padding:26px 20px}}