/* Extensión de la plantilla aprobada de Comunicación subterránea. */
body.service-panels-approved { --sp-rubro-bg:#eceeef; --sp-rubro-border:#d7dadd; --sp-rubro-text:#525a63; --sp-detail-bg:rgba(12,35,69,.88); }
body.service-panels-approved .sp-rubros { display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:16px 0 0; }
body.service-panels-approved .sp-rubros li { display:flex;align-items:center;gap:8px;min-width:0;max-width:100%;padding:8px 12px;border:1px solid var(--sp-rubro-border);border-radius:8px;background:var(--sp-rubro-bg);color:var(--sp-rubro-text);font-size:14px;line-height:1.5;font-weight:500; }
.sp-rubros svg { width:16px;height:16px;flex:none; }.sp-rubros span { min-width:0;overflow-wrap:break-word; }
body.service-panels-approved .sp-scene-hint { margin:0;padding:8px 16px;font-size:14px;line-height:1.5;color:var(--ink); }
body.service-panels-approved .li-pin { width:17%;max-width:224px; }
body.service-panels-approved .li-trigger { display:flex;width:100%;height:auto;min-height:44px;padding:4px 8px;gap:4px;border-radius:8px;justify-content:flex-start; }
body.service-panels-approved .li-title { display:block;font-size:13px;line-height:1.35; }
body.service-panels-approved .li-plus { display:block;font-size:14px; }
.sp-scene-icon { display:grid;place-items:center;flex:0 0 20px;width:20px;height:24px; }.sp-scene-icon svg { width:20px;height:20px; }
body.service-panels-approved .li-popover { border-radius:8px;background:var(--sp-detail-bg);border-color:rgb(255 255 255 / .24);color:var(--white); }
body.service-panels-approved .li-popover strong,body.service-panels-approved .li-popover p { color:var(--white);font-size:14px;line-height:1.5; }
body.service-panels-approved .li-popover p { margin-bottom:0; }
body.service-panels-approved .li-mobile-points summary>.sp-scene-icon { padding:0;background:none;color:var(--navy); }
body.service-panels-approved .li-caption { display:none; }
body.service-panels-approved .lp-models p { font-size:inherit;line-height:inherit;margin:4px 0 0; }
body.service-panels-approved .lp-models span { display:block;font-size:inherit; }
.sp-supplement { margin-top:24px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink); }
.sp-supplement>details>summary { padding:16px 24px;min-height:44px;cursor:pointer;font-size:16px;line-height:1.5;font-weight:700;color:var(--navy); }
.sp-supplement summary:focus-visible { outline:3px solid var(--orange);outline-offset:4px; }
.sp-detail-content { padding:0 24px 24px;font-size:14px;line-height:1.6; }
.sp-detail-content h2,.sp-detail-content h3 { color:var(--navy);margin:16px 0 8px;font-size:16px;line-height:1.5; }
.sp-detail-content p,.sp-detail-content li { font-size:14px;line-height:1.6; }
.sp-detail-content .lp-detail,.sp-detail-content .lp-applications,.sp-detail-content .lp-service,.sp-detail-content .c-applications { padding:0;margin:16px 0;border:0;background:none;color:inherit; }
.sp-detail-content .c-detail-layout,.sp-detail-content .cp-overview { display:block;margin:0; }
.sp-detail-content .c-eyebrow { display:none; }
.sp-detail-content .lp-applications ul { display:flex;flex-wrap:wrap;gap:8px 24px; }
.sp-spec-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px; }
.sp-spec-group { min-width:0; }.sp-spec-group .lp-spec { margin:8px 0;padding:0;background:none; }
.sp-spec-group a { display:inline-block;max-width:100%;color:var(--navy);overflow-wrap:anywhere; }
@media(max-width:1099px) and (min-width:768px) {body.service-panels-approved .li-title{font-size:12px}body.service-panels-approved .li-plus{display:none}}
@media(max-width:767px) { body.service-panels-approved .li-pin { display:none; }body.service-panels-approved .li-mobile-points { display:grid; }body.service-panels-approved .li-mobile-points details p { font-size:14px;line-height:1.5; } .sp-spec-grid { grid-template-columns:1fr; }.sp-detail-content { padding:0 16px 16px; }.sp-supplement>details>summary { padding:16px; } }