.servicio-hero { padding: clamp(70px,8vw,118px) 0; color:#fff; background:linear-gradient(125deg,var(--marca-azul,#102a43) 0%,#152a45 58%,var(--marca-marron,#6b1e2e) 135%); overflow:hidden; }
.servicio-hero-grid { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr); align-items:center; gap:clamp(34px,6vw,86px); }
.servicio-hero-contenido { max-width:760px; }
.servicio-hero-icono .servicio-icono-profesional { width:56px; height:56px; margin-bottom:22px; color:#fff; background:rgba(255,255,255,.10); border-color:rgba(255,255,255,.18); box-shadow:none; }
.servicio-hero-icono .servicio-icono-profesional svg { width:29px; height:29px; }
.servicio-etiqueta { display:block; margin-bottom:12px; color:#f3cbd2; font-size:12px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
.servicio-hero h1 { margin:0; font-size:clamp(44px,6vw,78px); line-height:1.02; letter-spacing:-.05em; }
.servicio-entradilla { max-width:680px; margin:24px 0 0; color:#dce6ef; font-size:clamp(18px,2vw,22px); line-height:1.65; }
.servicio-cta { display:inline-flex; align-items:center; gap:10px; min-height:48px; margin-top:30px; padding:12px 21px; color:#fff; background:var(--marca-marron,#6b1e2e); border:1px solid rgba(255,255,255,.12); border-radius:10px; font-weight:850; text-decoration:none; box-shadow:0 14px 34px rgba(0,0,0,.18); }
.servicio-hero-panel { min-height:330px; padding:38px; border:1px solid rgba(255,255,255,.12); border-radius:28px; background:rgba(255,255,255,.06); box-shadow:0 30px 70px rgba(0,0,0,.16); backdrop-filter:blur(8px); }
.servicio-panel-linea { width:72%; height:18px; border-radius:999px; background:rgba(255,255,255,.14); }.servicio-panel-linea.corto{width:48%;margin-top:14px;}
.servicio-panel-grafico { height:180px; margin-top:42px; display:flex; align-items:flex-end; gap:15px; border-bottom:1px solid rgba(255,255,255,.15); }
.servicio-panel-grafico span { flex:1; border-radius:10px 10px 0 0; background:linear-gradient(to top,rgba(255,255,255,.13),rgba(255,255,255,.28)); }.servicio-panel-grafico span:nth-child(1){height:44%}.servicio-panel-grafico span:nth-child(2){height:72%}.servicio-panel-grafico span:nth-child(3){height:58%}.servicio-panel-grafico span:nth-child(4){height:88%}
.servicio-cuerpo { padding:clamp(64px,7vw,100px) 0; background:#fff; }.servicio-cuerpo-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:clamp(40px,7vw,100px);align-items:start}.servicio-contenido-editor h2{margin:0 0 24px;font-size:clamp(30px,4vw,46px);letter-spacing:-.035em}.servicio-contenido-editor p{color:#526176;font-size:18px;line-height:1.85}.servicio-beneficios{padding:28px;border:1px solid #e2e8f0;border-radius:18px;background:#f8fafc;box-shadow:0 16px 40px rgba(15,23,42,.06)}.servicio-beneficios strong{font-size:17px}.servicio-beneficios ul{margin:18px 0 0;padding:0;list-style:none}.servicio-beneficios li{position:relative;padding:10px 0 10px 28px;color:#475569;border-bottom:1px solid #e7edf3}.servicio-beneficios li::before{content:"✓";position:absolute;left:0;color:var(--marca-marron,#6b1e2e);font-weight:900}.servicio-beneficios li:last-child{border-bottom:0}
.servicios-relacionados{padding:72px 0 90px;background:#f6f8fb}.servicios-relacionados-cabecera span{color:var(--marca-marron,#6b1e2e);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.servicios-relacionados-cabecera h2{margin:7px 0 26px;font-size:34px}.servicios-relacionados-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.servicio-relacionado-card{position:relative;min-height:210px;padding:22px;border:1px solid #e2e8f0;border-radius:16px;display:flex;flex-direction:column;gap:12px;color:#172033;background:#fff;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.servicio-relacionado-card:hover{transform:translateY(-3px);border-color:#ddc3c8;box-shadow:0 18px 42px rgba(15,23,42,.09)}.servicio-relacionado-card strong{font-size:16px}.servicio-relacionado-card small{color:#64748b;line-height:1.55}.servicio-card-flecha{position:absolute;right:20px;bottom:17px;color:var(--marca-marron,#6b1e2e);font-size:21px;font-weight:900}
@media(max-width:900px){.servicio-hero-grid,.servicio-cuerpo-grid{grid-template-columns:1fr}.servicio-hero-panel{display:none}.servicios-relacionados-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.servicios-relacionados-grid{grid-template-columns:1fr}.servicio-hero{padding:58px 0}.servicio-hero h1{font-size:40px}}
.servicio-hero-panel:has(.servicio-hero-imagen){padding:0;overflow:hidden;background:#eef3f7}.servicio-hero-imagen{width:100%;height:100%;min-height:360px;display:block;object-fit:cover;object-position:center}
.servicio-icono-profesional {
    width: 54px;
    height: 54px;
    min-width: 54px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: #6b1e2e;
    background: #f8ecef;
    border: 1px solid #eed5db;
    line-height: 0;
    transition:
        background .18s ease,
        color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.servicio-icono-profesional svg {
    width: 24px;
    height: 24px;
    display: block;
    stroke: currentColor;
    fill: none;
}

a:hover .servicio-icono-profesional,
a:focus-visible .servicio-icono-profesional,
button:hover .servicio-icono-profesional,
button:focus-visible .servicio-icono-profesional {
    color: #ffffff;
    background: var(--marca-marron, #6B1E2E);
    border-color: var(--marca-marron, #6B1E2E);
    box-shadow: 0 12px 24px rgba(107, 30, 46, .22);
    transform: translateY(-1px);
}