/* Generado por tools/proto2wp/convertir.mjs desde Proyecto-Compostaje.html — no editar. Ámbito: body.alsis-p-t10. */
/* 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-t10) .pc-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:72px;align-items:end}
:where(.alsis-p-t10) .pc-hero>div:first-child{padding-bottom:128px}
:where(.alsis-p-t10) .pc-hero>div:last-child{padding-bottom:128px}
:where(.alsis-p-t10) .pc-h1{font-size:80px;line-height:.98;letter-spacing:-.042em;max-width:14ch;margin-top:28px;color:var(--d-ink)}
:where(.alsis-p-t10) .pc-lead{margin-top:40px;font-size:21px;line-height:1.55;color:var(--d-ink-2);max-width:46ch}
:where(.alsis-p-t10) .pc-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:44px}
:where(.alsis-p-t10) .pc-pile{aspect-ratio:4 / 5;background:var(--deep-2);display:grid;place-items:center;padding:28px}
:where(.alsis-p-t10) .pc-pile svg{width:100%;height:auto;display:block}
:where(.alsis-p-t10) .pc-pile .lb{font-size:12px;fill:#A3ABC6;font-family:var(--font-body)}
:where(.alsis-p-t10) .pc-body{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:112px;align-items:start}
:where(.alsis-p-t10) .pc-steps{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--line)}
:where(.alsis-p-t10) .pc-step{display:grid;grid-template-columns:160px minmax(0,1fr);gap:32px;padding-block:48px;border-top:1px solid var(--line)}
:where(.alsis-p-t10) .pc-step>.mono{color:var(--ink-3);padding-top:14px}
:where(.alsis-p-t10) .pc-step h2{font-size:44px;line-height:1.06;letter-spacing:-.03em}
:where(.alsis-p-t10) .pc-step p{color:var(--ink-2);margin-top:20px;max-width:58ch}
:where(.alsis-p-t10) .pc-step p b{color:var(--ink);font-weight:500}
:where(.alsis-p-t10) .pc-fig{margin:40px 0 0}
:where(.alsis-p-t10) .pc-fig figcaption{font-size:14px;color:var(--ink-3);margin-top:14px;max-width:60ch}
:where(.alsis-p-t10) .pc-kv{position:sticky;top:120px;background:var(--soft);border-radius:24px;padding:40px 36px}
:where(.alsis-p-t10) .pc-kv>.mono{display:block;color:var(--ink-3);margin-bottom:20px}
:where(.alsis-p-t10) .pc-kv dl{margin:0}
:where(.alsis-p-t10) .pc-kv dl div{padding-block:16px;border-top:1px solid var(--line)}
:where(.alsis-p-t10) .pc-kv dt{font-size:13px;color:var(--ink-3)}
:where(.alsis-p-t10) .pc-kv dd{margin:4px 0 0;color:var(--ink);font-size:17px;line-height:1.45}
:where(.alsis-p-t10) .pc-kv .btn{margin-top:28px;width:fit-content}
:where(.alsis-p-t10) .pc-gal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
:where(.alsis-p-t10) .pc-gal figure{margin:0;display:flex;flex-direction:column;gap:18px}
:where(.alsis-p-t10) .pc-gal .media{aspect-ratio:4 / 3;margin:0}
:where(.alsis-p-t10) .pc-gal h3{font-size:24px;line-height:1.2;letter-spacing:-.02em}
:where(.alsis-p-t10) .pc-gal p{color:var(--ink-2);font-size:16px;margin-top:8px}
:where(.alsis-p-t10) .pc-rel .srow{grid-template-columns:minmax(0,2fr) minmax(0,4fr) minmax(0,5fr) minmax(0,3fr)}
:where(.alsis-p-t10) .pc-others{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 28px;max-width:1080px;margin:0 auto}
@media (max-width:600px){:where(.alsis-p-t10) .foot{gap:40px 24px}:where(.alsis-p-t10) .pc-hero{grid-template-columns:1fr;gap:0}:where(.alsis-p-t10) .pc-hero>div:first-child{padding-bottom:56px}:where(.alsis-p-t10) .pc-hero>div:last-child{padding-bottom:72px}:where(.alsis-p-t10) .pc-h1{font-size:46px}:where(.alsis-p-t10) .pc-lead{font-size:18px;margin-top:28px}:where(.alsis-p-t10) .pc-body{grid-template-columns:1fr;gap:56px}:where(.alsis-p-t10) .pc-kv{position:static;padding:28px 24px}:where(.alsis-p-t10) .pc-step{grid-template-columns:1fr;gap:10px;padding-block:36px}:where(.alsis-p-t10) .pc-step>.mono{padding-top:0}:where(.alsis-p-t10) .pc-step h2{font-size:34px}:where(.alsis-p-t10) .pc-gal{grid-template-columns:1fr;gap:48px}:where(.alsis-p-t10) .pc-rel .srow{grid-template-columns:1fr}:where(.alsis-p-t10) .pc-others{grid-template-columns:1fr;gap:56px}}
/* 2) Estilos en línea subidos a clase (especificidad 0 + !important, como el atributo style). */
:where(.alsis-p-t10 .alsis-t10-e1){padding-top:176px!important;padding-bottom:0!important;position:relative!important;isolation:isolate!important}
:where(.alsis-p-t10 .alsis-t10-e2){place-items:center!important;grid-template-rows:1fr!important}
:where(.alsis-p-t10 .alsis-t10-e3){display:grid!important;gap:10px!important;align-content:start!important}
:where(.alsis-p-t10 .alsis-t10-e4){border-top:1px solid var(--d-line)!important;padding-top:10px!important;display:grid!important;gap:6px!important}
:where(.alsis-p-t10 .alsis-t10-e5){font-size:12px!important;color:var(--d-ink-3)!important}
:where(.alsis-p-t10 .alsis-t10-e6){font-size:16px!important;color:var(--d-ink)!important}
:where(.alsis-p-t10 .alsis-t10-e7){font-size:16px!important;color:var(--d-ink)!important;display:inline-flex!important;align-items:center!important;gap:8px!important}
:where(.alsis-p-t10 .alsis-t10-e8){margin-top:28px!important}
/* 3) Reglas responsive r-* propias de la página: van después y siguen ganando. */
/* manual (tanda C, T10): reglas escritas a mano, no las genera el conversor; reaplicar si se vuelve a convertir.
   «Otros proyectos» lo pinta la disposición proyectos-otros de alsis/listado: los estilos en línea del prototipo pasan a
   sus clases (misma forma que las generadas: especificidad 0 + !important, como el atributo style). Sección (:297) y
   tarjeta (:302-323, la tarjeta pr-* de la disposición «proyectos» de T09). */
:where(.alsis-p-t10 .pc-otros){position:relative!important;isolation:isolate!important}
:where(.alsis-p-t10 .pr-card){gap:18px!important}
:where(.alsis-p-t10 .pr-media){aspect-ratio:4 / 3!important;margin:0!important}
:where(.alsis-p-t10 .pr-dash){place-items:center!important;grid-template-rows:1fr!important}
:where(.alsis-p-t10 .pr-h3){font-size:30px!important;line-height:1.12!important;letter-spacing:-0.025em!important}
:where(.alsis-p-t10 .pr-txt){color:var(--ink-2)!important;font-size:17px!important}
:where(.alsis-p-t10 .pr-specs){margin-top:4px!important}
:where(.alsis-p-t10 .pr-more){margin-top:8px!important}
:where(.alsis-p-t10 .pr-more i){font-style:normal!important}
/* D-63: a 390 px el svg del gráfico de «02 · La solución» (.pchart svg{min-width:460px}, ds/bundle.css) ensanchaba la
   columna 1fr del paso (y con ella .pc-steps) y la página medía 520 px. Con min-width:0 los hijos del li.pc-step encogen
   a su pista y .pchart hace scroll dentro de su caja (overflow-x:auto del DS). A 1440 la pista ya es minmax(0,1fr) y
   más ancha que el gráfico: no cambia nada. */
:where(.alsis-p-t10) .pc-step>*{min-width:0}
/* Tablet (sin referencia dibujada, spec-08 §3.1): con tres columnas, el panel «En directo» de la galería (:268-274) no cabe
   en su media 4:3 y su texto pisa el h3 de la leyenda; entre 601 y 1000 px la galería va a dos columnas. */
@media (min-width:601px) and (max-width:1000px){:where(.alsis-p-t10) .pc-gal{grid-template-columns:repeat(2,minmax(0,1fr))}}