/* Mundo Informática — plantilla de página de servicio (branded).
   Usa las variables :root definidas en site.css. */

.svc-page{font-family:var(--body);color:var(--ink);}
/* contenedor de páginas que ya traen su propio diseño (.mi-pg) */
.svc-richwrap{padding:44px 16px 56px;}
.svc-page .wrap{max-width:1200px;margin:0 auto;padding:0 24px;}
.wrap-narrow{max-width:840px;margin:0 auto;padding:0 24px;}

/* ---------- héroe ---------- */
.svc-hero{position:relative;background:linear-gradient(120deg,#141414 0%,#1f1f1f 58%,#2a1c08 100%);color:#fff;padding:66px 0 58px;overflow:hidden;}
.svc-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 18%,rgba(235,134,15,.32),transparent 55%);pointer-events:none;}
.svc-hero>.wrap{position:relative;z-index:1;}
.svc-bc{font-family:var(--display);font-size:.85rem;color:rgba(255,255,255,.6);margin-bottom:14px;letter-spacing:.01em;}
.svc-bc a{color:rgba(255,255,255,.6);text-decoration:none;}
.svc-bc a:hover{color:var(--orange);}
.svc-bc span+span{color:rgba(255,255,255,.9);}
.svc-hero h1{font-family:var(--display);font-weight:800;font-size:clamp(1.9rem,4.2vw,3rem);line-height:1.08;letter-spacing:-.02em;margin:0 0 1rem;max-width:780px;color:#fff;}
.svc-sub{font-size:1.1rem;line-height:1.6;color:rgba(255,255,255,.84);max-width:640px;margin:0 0 1.7rem;}
.svc-hero-cta{display:flex;gap:12px;flex-wrap:wrap;}

/* botones (reaprovecha .mi-btn de site.css) */
.mi-btn-wa{background:var(--wa);color:#fff!important;}
.mi-btn-wa:hover{filter:brightness(.96);transform:translateY(-2px);}
.mi-btn svg{width:18px;height:18px;}

/* ---------- cuerpo ---------- */
.svc-body{padding:58px 0 64px;}
.svc-body>.wrap-narrow>*:first-child{margin-top:0;}
.svc-body h1{display:none;} /* por si el contenido trae un H1 viejo, el título ya está en el héroe */
.svc-body h2{font-family:var(--display);font-weight:700;font-size:clamp(1.4rem,2.6vw,1.7rem);line-height:1.2;margin:2.2rem 0 .8rem;color:var(--ink);}
.svc-body h3{font-family:var(--display);font-weight:600;font-size:1.25rem;margin:1.6rem 0 .6rem;color:var(--ink);}
.svc-body p{font-size:1.06rem;line-height:1.78;margin:0 0 1.15rem;color:#34383f;}
.svc-body ul,.svc-body ol{font-size:1.06rem;line-height:1.7;margin:0 0 1.3rem;padding-left:1.3rem;color:#34383f;}
.svc-body li{margin-bottom:.45rem;}
.svc-body img{max-width:100%;height:auto;border-radius:14px;margin:1.5rem auto;display:block;box-shadow:0 26px 52px -30px rgba(0,0,0,.45);}
.svc-body a{color:var(--orange-deep);font-weight:600;text-decoration:none;}
.svc-body a:hover{text-decoration:underline;}
.svc-body blockquote{border-left:4px solid var(--orange);background:var(--orange-soft);margin:1.5rem 0;padding:1rem 1.3rem;border-radius:0 12px 12px 0;}
.svc-body table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.98rem;}
.svc-body th,.svc-body td{border:1px solid var(--line);padding:.7rem .9rem;text-align:left;}
.svc-body th{background:var(--ink);color:#fff;font-family:var(--display);}

/* ---------- CTA final ---------- */
.svc-final-cta{background:var(--orange-soft);text-align:center;padding:64px 24px;}
.svc-final-cta h2{font-family:var(--display);font-weight:800;font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 .6rem;color:var(--ink);}
.svc-final-cta p{color:var(--grey);max-width:620px;margin:0 auto 1.7rem;font-size:1.05rem;}
.svc-final-cta .svc-hero-cta{justify-content:center;}

@media(max-width:600px){
  .svc-hero{padding:46px 0 40px;}
  .svc-hero-cta .mi-btn{flex:1 1 auto;justify-content:center;}
}