/* Glotus · sitio 1.17 · portada.css · plantilla front-page (19/10/2026).
   Fuente: pieza 15 de CD (cd/export-2026-10-19-portada/pieces/15-portada/portada.css), sin el
   encabezado, el cajón ni el pie, que son los del tema. Sobre tokens y components.css.
   Todo vive dentro de main.home-c. Los textos son bloques comunes del editor del sitio, así que:
   - los signos C5 salen de CSS (máscara con el color del texto) y no de un SVG en el contenido;
   - los numerales 01, 02, 03 y los de los pasos son contadores, decorativos;
   - los cursos de cada camino salen del bloque glotus/camino-cursos (inc/portada-117.php). */
.home-c{--fg-1:var(--glotus-fg-primary);--fg-2:var(--glotus-fg-secondary);--border-2:var(--glotus-border-line);--font-serif:var(--glotus-font-serif);--font-mono:var(--glotus-font-mono);--font-sans:var(--glotus-font-sans);color:var(--fg-1);background:var(--glotus-paper);font-family:var(--font-sans);font-size:16px;line-height:1.5;overflow-x:clip}
.home-c *,.home-c *::before,.home-c *::after{box-sizing:border-box}
.home-c h1,.home-c h2,.home-c h3,.home-c p,.home-c ul{margin:0;color:inherit}
.home-c ul{padding:0;list-style:none}
.home-c a{color:inherit}
.home-c a:focus-visible,.home-c button:focus-visible{outline:2px solid var(--glotus-teal-650);outline-offset:2px}
.home-c .g-blk--formacion a:focus-visible{outline-color:var(--glotus-paper)}
/* los grupos del editor no suman márgenes: el espacio lo dan los gap */
.home-c>*,.home-c .is-layout-flow>*{margin-block:0}
.home-c .g-sec{padding:64px 24px}.home-c .g-in{max-width:1120px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
@media (max-width:599px){.home-c .g-sec{padding:40px 16px}}
@media (min-width:600px) and (max-width:1023px){.home-c .g-sec{padding:48px 24px}}
.home-c .g-eb{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-2);display:flex;align-items:center;gap:8px;font-weight:500}
.home-c .g-h1{font-family:var(--font-serif);font-weight:500;line-height:1;letter-spacing:-.025em;text-wrap:balance}
.home-c .g-h2{font-family:var(--font-serif);font-weight:500;line-height:1.08;letter-spacing:-.02em;text-wrap:balance}
.home-c .g-lede{font-size:19px;line-height:1.5;color:var(--fg-2);max-width:58ch;text-wrap:pretty}
/* signos C5 · siempre macizos, del color del texto */
.home-c .g-blk__h::before,.home-c .g-eb--idiomas::before{content:"";flex:none;width:20px;height:20px;background:currentColor;-webkit-mask:var(--g-sgn) center/contain no-repeat;mask:var(--g-sgn) center/contain no-repeat}
.home-c .g-eb--idiomas::before{width:14px;height:14px}
.home-c .g-blk--idiomas .g-blk__h,.home-c .g-eb--idiomas{--g-sgn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 10.6a10 10 0 0 1 20 0zM2 13.4a10 10 0 0 0 20 0z'/%3E%3C/svg%3E")}
.home-c .g-blk--formacion .g-blk__h{--g-sgn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 3h15.4L3 18.4zM21 5.6V21H5.6z'/%3E%3C/svg%3E")}
/* estado · la palabra siempre está; el punto acompaña */
.home-c .g-st{font-size:14px;color:var(--fg-2);display:flex;align-items:center;gap:8px;line-height:1.4;text-wrap:pretty}
.home-c .g-st::before{content:"";width:8px;height:8px;border-radius:50%;border:1.5px solid currentColor;flex:none}
.home-c .g-st--open{color:var(--fg-1);font-weight:600}.home-c .g-st--open::before{background:var(--glotus-teal-500);border-color:var(--glotus-teal-500)}
/* botones y enlaces */
.home-c .g-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:8px;font-weight:600;font-size:15px;text-decoration:none;border:1px solid transparent;font-family:inherit;cursor:pointer;line-height:1.2;text-align:center;transition:background .12s ease}
.home-c .g-btn:active{transform:scale(.98)}
.home-c a.g-btn--pri,.home-c a.g-btn--pri:hover,.home-c a.g-btn--pri:focus{color:var(--glotus-paper)}.home-c .g-btn--pri{background:var(--glotus-teal-650)}.home-c .g-btn--pri:hover{background:var(--glotus-teal-700)}
.home-c a.g-btn--out,.home-c a.g-btn--out:hover,.home-c a.g-btn--out:focus{color:var(--glotus-teal-650)}.home-c .g-btn--out{border-color:var(--glotus-teal-650);background:transparent}.home-c .g-btn--out:hover{background:rgba(0,120,120,.07)}
.home-c .g-go a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--glotus-teal-650);font-size:15px;text-decoration:none}
.home-c .g-go a:hover{text-decoration:underline;text-underline-offset:4px}
/* sobre hueso, teal-650 da 4,47:1: los enlaces de texto van en teal-700 */
.home-c .g-blk--idiomas .g-go a,.home-c .g-tr .g-more a{color:var(--glotus-teal-700)}
.home-c .g-more a{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--glotus-teal-650);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.home-c .g-more a:hover{text-decoration-thickness:2px}
.home-c .g-act{display:flex;gap:10px;flex-wrap:wrap;padding-top:6px}
@media (max-width:599px){.home-c .g-act{flex-direction:column}.home-c .g-act .g-btn{width:100%}}
/* primera pantalla */
.home-c .g-hero{padding-bottom:28px}
.home-c .g-hero .g-in{gap:16px}
.home-c .g-hero .g-h1{font-size:60px;letter-spacing:-.02em;max-width:14ch}
.home-c .g-hero .g-lede{max-width:60ch}
@media (min-width:1024px){.home-c .g-sec.g-hero{padding-top:44px;padding-bottom:24px}.home-c .g-hero .g-in{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px 56px;align-items:end}.home-c .g-hero .g-h1{font-size:54px}.home-c .g-hero .g-lede{font-size:18px;max-width:46ch;padding-bottom:6px}}
.home-c .g-short{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px}
.home-c .g-short a{display:flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--border-2);border-radius:8px;text-decoration:none;font-size:15px;font-weight:600;color:var(--glotus-teal-650);text-wrap:pretty}
.home-c .g-short a:hover{background:var(--glotus-bone)}
/* caminos · bloque bone (Idiomas: 01 y 02) + bloque tinta (Formación: 03) */
.home-c .g-paths{padding-top:0;counter-reset:camino}
.home-c .g-paths .g-in{gap:12px}
@media (min-width:1024px){.home-c .g-paths .g-in{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:stretch}.home-c .g-blk{padding:18px 22px 22px;gap:16px}.home-c .g-two{gap:32px}.home-c .g-paths .g-blk--formacion .g-row{grid-template-columns:minmax(0,1fr);gap:16px}.home-c .g-path h2{font-size:26px}.home-c article.g-path::before{font-size:36px}}
.home-c .g-blk{border-radius:12px;padding:22px 24px 26px;display:flex;flex-direction:column;gap:20px;min-width:0}
.home-c .g-blk--idiomas{background:var(--glotus-bone)}
.home-c .g-blk--formacion{background:var(--glotus-ink-900);color:var(--glotus-paper)}
.home-c .g-blk__h{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding-bottom:12px;border-bottom:1px solid rgba(28,25,21,.2);font-weight:500;line-height:1.4}
.home-c .g-blk--formacion .g-blk__h{border-color:rgba(250,247,242,.28)}
.home-c .g-blk__sub{font-family:var(--font-serif);font-size:18px;line-height:1.3;letter-spacing:-.01em;text-wrap:balance;margin-top:-6px}
@media (max-width:599px){.home-c .g-blk__sub{font-size:16px}}
.home-c .g-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.home-c .g-path{display:flex;flex-direction:column;gap:10px;min-width:0}
.home-c article.g-path{counter-increment:camino}
.home-c article.g-path::before{content:counter(camino,decimal-leading-zero);content:counter(camino,decimal-leading-zero) / "";font-family:var(--font-serif);font-size:40px;line-height:1;letter-spacing:-.02em;color:var(--glotus-teal-650);font-weight:500}
.home-c .g-blk--formacion article.g-path::before{color:var(--glotus-coral-400)}
.home-c .g-path h2{font-family:var(--font-serif);font-weight:500;font-size:28px;line-height:1.1;letter-spacing:-.015em;text-wrap:balance}
.home-c .g-path h2 a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.home-c .g-path h2 a:hover{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.home-c .g-path__d{font-size:15px;color:var(--fg-2);line-height:1.5;text-wrap:pretty;max-width:46ch}
.home-c .g-blk--formacion .g-path__d,.home-c .g-blk--formacion .g-st,.home-c .g-blk--formacion .g-note{color:rgba(250,247,242,.82)}
.home-c .g-blk--formacion .g-st--open{color:var(--glotus-paper)}
.home-c .g-blk--formacion .g-go a{color:var(--glotus-paper);text-decoration:underline;text-decoration-color:var(--glotus-coral-400);text-underline-offset:4px}
/* cursos del camino · de los datos (glotus/camino-cursos) */
.home-c .g-crs{display:flex;flex-direction:column;border-top:1px solid rgba(28,25,21,.18);margin-top:6px}
.home-c .g-blk--formacion .g-crs{border-color:rgba(250,247,242,.28)}
.home-c .g-cr{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px;padding:4px 0;border-bottom:1px solid rgba(28,25,21,.18);min-width:0}
.home-c .g-blk--formacion .g-cr{border-color:rgba(250,247,242,.28);padding:8px 0}
.home-c .g-cr a{font-weight:600;font-size:16px;text-decoration:none;color:var(--glotus-teal-650);text-wrap:pretty;display:inline-flex;align-items:center;min-height:44px;min-width:0}
.home-c .g-blk--idiomas .g-cr a{color:var(--glotus-teal-700)}
.home-c .g-cr a:hover{text-decoration:underline;text-underline-offset:3px}
.home-c .g-blk--formacion .g-cr a{color:var(--glotus-paper)}
.home-c .g-cr__m{font-size:14px;color:var(--fg-2)}
.home-c .g-blk--formacion .g-cr__m{color:rgba(250,247,242,.82)}
.home-c .g-cr .g-st{flex-basis:100%;margin-top:2px}
.home-c .g-path>.g-st,.home-c .g-crs+.g-st{margin-top:2px}
.home-c .g-cr__px{font-size:14px;color:var(--glotus-paper);flex-basis:100%}
/* 1.17.1 · botón de los cursos de Formación (el texto sale del estado: inscribirme / preinscribirme) */
.home-c .g-blk--formacion .g-cr .g-cr__cta{margin:12px 0 6px;padding:0 18px}
.home-c .g-blk--formacion .g-cr .g-cr__cta:hover{text-decoration:none}
@media (max-width:599px){.home-c .g-blk--formacion .g-cr .g-cr__cta{width:100%}}
.home-c .g-note{font-size:14px;line-height:1.5;text-wrap:pretty;max-width:52ch}
.home-c .g-ets{font-size:13px;line-height:1.45;color:var(--fg-2);text-wrap:pretty}
.home-c .g-blk--formacion .g-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:40px;align-items:start}
/* banda para equipos */
.home-c .g-emp{border-top:1px solid var(--border-2);border-bottom:1px solid var(--border-2);padding:56px 24px}
.home-c .g-emp .g-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 56px;align-items:start}
.home-c .g-emp .g-h2{font-size:32px}
.home-c .g-emp__t{display:flex;flex-direction:column;gap:14px}
.home-c .g-emp__t p:not(.g-eb){font-size:16px;color:var(--fg-2);text-wrap:pretty;max-width:46ch}
.home-c .g-ways{display:flex;flex-direction:column;gap:14px;counter-reset:via}
.home-c .g-way{display:grid;grid-template-columns:28px minmax(0,1fr);gap:2px 10px;align-items:baseline;counter-increment:via}
.home-c .g-way>*{grid-column:2}
.home-c .g-way::before{content:counter(via);content:counter(via) / "";grid-column:1;grid-row:1 / span 2;font-family:var(--font-serif);font-size:24px;line-height:1;color:var(--glotus-teal-650);font-weight:500}
.home-c .g-way__t{font-weight:600;font-size:16px;line-height:1.35}
.home-c .g-way p:not(.g-way__t){font-size:15px;color:var(--fg-2);line-height:1.5;text-wrap:pretty}
.home-c .g-emp .g-act{grid-column:1/-1;padding-top:0}
/* método */
.home-c .g-met .g-in{gap:20px}
.home-c .g-met .g-h2{font-size:32px}
.home-c .g-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:paso}
.home-c .g-step{border:1px solid var(--border-2);border-radius:12px;padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;font-size:15px;line-height:1.5;text-wrap:pretty;counter-increment:paso}
.home-c .g-step::before{content:counter(paso,decimal-leading-zero);content:counter(paso,decimal-leading-zero) / "";font-family:var(--font-serif);font-size:26px;line-height:1;color:var(--glotus-teal-650);font-weight:500}
/* quiénes somos (sin retrato, decisión de Jorge del 19/10) */
.home-c .g-tr{background:var(--glotus-bone);padding-top:56px;padding-bottom:56px}
.home-c .g-tr .g-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px 56px;align-items:start}
.home-c .g-tr .g-h2{font-size:30px;max-width:24ch}
.home-c .g-tr__l{display:flex;flex-direction:column;gap:16px}
.home-c .g-tr__l p:not(.g-eb):not(.g-more){color:var(--fg-2);text-wrap:pretty;max-width:46ch}
.home-c .g-pers{display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.5;text-wrap:pretty;max-width:46ch}
.home-c .g-pers__n{font-size:17px;font-weight:600;line-height:1.3}
.home-c .g-pers p:not(.g-pers__n){color:var(--fg-2)}
/* 600–1023 */
@media (min-width:600px) and (max-width:1023px){.home-c .g-hero .g-h1{font-size:48px}.home-c .g-two{gap:28px}.home-c .g-blk--formacion .g-row{grid-template-columns:minmax(0,1fr)}.home-c .g-emp .g-in,.home-c .g-tr .g-in{grid-template-columns:minmax(0,1fr)}.home-c .g-emp{padding:48px 24px}.home-c .g-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* <600 */
@media (max-width:599px){.home-c .g-hero .g-h1{font-size:40px}.home-c .g-lede{font-size:17px}.home-c .g-short{display:grid}.home-c .g-blk{padding:18px 16px 22px}.home-c .g-two{grid-template-columns:minmax(0,1fr);gap:0}.home-c .g-two .g-path+.g-path{border-top:1px solid rgba(28,25,21,.2);padding-top:20px;margin-top:20px}.home-c .g-path h2{font-size:24px}.home-c article.g-path::before{font-size:34px}.home-c .g-blk--formacion .g-row{grid-template-columns:minmax(0,1fr);gap:16px}.home-c .g-emp{padding:40px 16px}.home-c .g-emp .g-in,.home-c .g-tr .g-in{grid-template-columns:minmax(0,1fr)}.home-c .g-emp .g-h2,.home-c .g-met .g-h2,.home-c .g-tr .g-h2{font-size:27px}.home-c .g-steps{grid-template-columns:minmax(0,1fr);gap:10px}.home-c .g-step{flex-direction:row;gap:14px;align-items:baseline}.home-c .g-step::before{font-size:22px;flex:none;width:28px}}