/* Generado por tools/proto2wp/convertir.mjs desde Soluciones.html — no editar. Ámbito: body.alsis-p-t03. */
/* 1) CSS local de la página que no está en prototipo.css (sin las fuentes, que declara theme.json, ni las r-*), acotado sin añadir especificidad. */
:where(.alsis-p-t03) .so-h1{font-size:88px;line-height:.97;letter-spacing:-.042em;max-width:15ch;margin-top:28px;color:var(--d-ink)}
:where(.alsis-p-t03) .so-strip{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--d-line)}
:where(.alsis-p-t03) .so-strip>a{display:block;padding:28px 28px 40px;border-left:1px solid var(--d-line);text-decoration:none}
:where(.alsis-p-t03) .so-strip>a:first-child{padding-left:0;border-left:0}
:where(.alsis-p-t03) .so-strip .t{display:block;font-size:13px;color:var(--d-ink-3)}
:where(.alsis-p-t03) .so-strip .d{display:block;margin:8px 0 0;color:var(--d-ink)}
:where(.alsis-p-t03) .so-filter{display:flex;justify-content:center;margin:0 auto clamp(64px,7vw,112px)}
:where(.alsis-p-t03) .so-g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:72px 28px}
:where(.alsis-p-t03) .so-card{gap:18px}
:where(.alsis-p-t03) .so-card .media{aspect-ratio:4 / 3;margin:0}
:where(.alsis-p-t03) .so-card h3{font-size:30px;line-height:1.12;letter-spacing:-.025em}
:where(.alsis-p-t03) .so-card p{color:var(--ink-2);font-size:17px}
:where(.alsis-p-t03) .so-card .more{margin-top:8px;width:fit-content}
:where(.alsis-p-t03) .so-g3 .pcard .btn{width:fit-content;justify-self:start}
:where(.alsis-p-t03) .so-dash{place-items:center;grid-template-rows:1fr}
:where(.alsis-p-t03) .so-dash svg{width:80%;height:auto}
:where(.alsis-p-t03) .so-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--d-line)}
:where(.alsis-p-t03) .so-steps li{padding:28px 24px 0;border-left:1px solid var(--d-line);display:flex;flex-direction:column;gap:12px}
:where(.alsis-p-t03) .so-steps li:first-child{padding-left:0;border-left:0}
:where(.alsis-p-t03) .so-steps .mono{color:var(--d-ink-3)}
:where(.alsis-p-t03) .so-steps p{color:var(--d-ink-2);font-size:16px}
:where(.alsis-p-t03) .so-steps .tags{color:var(--d-ink);font-size:14px}
:where(.alsis-p-t03) .so-foot{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:72px}
@media (max-width:600px){:where(.alsis-p-t03) .so-h1{font-size:46px}:where(.alsis-p-t03) .so-strip{grid-template-columns:1fr}:where(.alsis-p-t03) .so-strip>a,:where(.alsis-p-t03) .so-strip>a:first-child{padding:18px 0;border-left:0;border-top:1px solid var(--d-line)}:where(.alsis-p-t03) .so-strip>a:first-child{border-top:0}:where(.alsis-p-t03) .so-filter{justify-content:flex-start;margin-inline:calc(var(--gut) * -1);padding-inline:var(--gut)}:where(.alsis-p-t03) .so-filter .tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}:where(.alsis-p-t03) .so-filter .tabs button{flex:none}:where(.alsis-p-t03) .so-g3{grid-template-columns:1fr;gap:56px}:where(.alsis-p-t03) .so-card h3{font-size:26px}:where(.alsis-p-t03) .so-steps{grid-template-columns:1fr}:where(.alsis-p-t03) .so-steps li,:where(.alsis-p-t03) .so-steps li:first-child{padding:20px 0;border-left:0;border-top:1px solid var(--d-line)}:where(.alsis-p-t03) .so-steps li:first-child{border-top:0}:where(.alsis-p-t03) .foot{grid-template-columns:1fr}:where(.alsis-p-t03) .meta{flex-direction:column}}
/* 2) Estilos en línea subidos a clase (especificidad 0 + !important, como el atributo style). */
:where(.alsis-p-t03 .alsis-t03-e1){padding-top:176px!important;padding-bottom:0!important;position:relative!important;isolation:isolate!important}
:where(.alsis-p-t03 .alsis-t03-e2){margin-top:48px!important}
:where(.alsis-p-t03 .alsis-t03-e3){margin-top:112px!important}
:where(.alsis-p-t03 .alsis-t03-e4){position:relative!important;isolation:isolate!important}
:where(.alsis-p-t03 .alsis-t03-e5){justify-content:space-between!important}
:where(.alsis-p-t03 .alsis-t03-e6){display:flex!important;flex-direction:column!important;gap:20px!important}
:where(.alsis-p-t03 .alsis-t03-e7){color:var(--d-ink)!important}
:where(.alsis-p-t03 .alsis-t03-e8){border-bottom:1px solid var(--line)!important}
/* 3) Reglas responsive r-* propias de la página: van después y siguen ganando. */

/* 4) A mano (tanda A, ORDEN-18): barra del filtro de grupos (D-42). alsis/tabs en modo filtro pinta la barra antes del contenido, y el
   prototipo la tiene dentro de la primera sección (Soluciones.html:157-164). Se superpone a esa sección: la barra ocupa 0 de alto,
   los botones (siempre en una fila: nowrap + desplazamiento horizontal en cualquier ancho, REQ-031) se colocan en el relleno superior de la sección 1 (muesca de 17 px + --sec) y la sección reserva debajo su alto
   (38 px; 44 con el desplazamiento horizontal de 390) más el margen de .so-filter. Con un grupo filtrado, el único visible hace lo mismo. */
body.alsis-p-t03 .alsis-tabs-filtro-barra{position:relative;height:0;z-index:2}
body.alsis-p-t03 .alsis-tabs-filtro-barra .tabs{position:absolute;top:calc(17px + var(--sec));left:var(--gut);right:var(--gut);flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
body.alsis-p-t03 .alsis-tabs-filtro-barra .tabs button{flex:none}
body.alsis-p-t03 .alsis-tabs-filtro-barra .tabs button:first-child{margin-left:auto}
body.alsis-p-t03 .alsis-tabs-filtro-barra .tabs button:last-child{margin-right:auto}
body.alsis-p-t03 .alsis-tabs-filtro-contenido>section[data-grupo]:first-of-type>.wrap{padding-top:calc(38px + clamp(64px,7vw,112px))}
body.alsis-p-t03 .alsis-tabs-filtro-contenido>section[data-grupo][hidden]~section[data-grupo]:not([hidden])>.wrap{padding-top:calc(var(--sec) + 38px + clamp(64px,7vw,112px))}
@media (max-width:600px){
body.alsis-p-t03 .alsis-tabs-filtro-barra .tabs{left:0;right:0;padding-inline:var(--gut);padding-bottom:6px}
body.alsis-p-t03 .alsis-tabs-filtro-barra .tabs button:first-child{margin-left:0}
body.alsis-p-t03 .alsis-tabs-filtro-barra .tabs button:last-child{margin-right:0}
body.alsis-p-t03 .alsis-tabs-filtro-contenido>section[data-grupo]:first-of-type>.wrap{padding-top:calc(44px + clamp(64px,7vw,112px))}
body.alsis-p-t03 .alsis-tabs-filtro-contenido>section[data-grupo][hidden]~section[data-grupo]:not([hidden])>.wrap{padding-top:calc(var(--sec) + 44px + clamp(64px,7vw,112px))}
}
body.alsis-p-t03 .so-card .more i{font-style:normal}
/* manual (ORDEN-28, D-108): la tira de la cabecera vuelve a tener tres objetivos (Personas, Ver qué pasa, Anticiparte):
   las tres columnas del prototipo; se retira la regla de dos columnas de la ORDEN-26 (D-91). */
/* manual (ORDEN-26, D-100): la tarjeta de diagnóstico, al final de la primera rejilla de tres columnas, ocupa lo que queda
   de su fila cuando no la cierra (sola en la fila: las tres columnas; detrás de una tarjeta: dos). */
@media (min-width:601px){:where(.alsis-p-t03) .so-g3>.pcard:nth-child(3n+1){grid-column:1/-1}:where(.alsis-p-t03) .so-g3>.pcard:nth-child(3n+2){grid-column:span 2}}