/* Glotus · sitio 1.24 (22/10/2026) · lineas.css · rótulos de línea y aire entre rótulo y título.
   Jorge eligió «D1 y D2 combinados» (codex/2026-10-22-sitio-124/direcciones-rotulo-y-menu.html): el signo C5
   de la línea en el rótulo y, debajo, la raya del color de la línea, como la regla de la Ficha (ficha.css)
   y la del panel de cada curso (fichas-b.css, .g-pan__r: 56 × 4 px, 10 px debajo del rótulo).
   Las clases .g-linea las pone inc/lineas-124.php. Carga después de las hojas de cada página. */

/* ── La raya ── */
.g-linea{padding-bottom:14px;background-repeat:no-repeat;background-position:left bottom;background-size:56px 4px}
.g-linea--idiomas{background-image:linear-gradient(var(--glotus-teal-500),var(--glotus-teal-500))}
.g-linea--formacion{background-image:linear-gradient(var(--glotus-coral-400),var(--glotus-coral-400))}
.g-linea--ambas{background-image:linear-gradient(90deg,var(--glotus-teal-500) 0 26px,transparent 26px 30px,var(--glotus-coral-400) 30px 56px)}

/* ── El signo C5, en los rótulos de bloques (los que arma el tema en PHP ya lo traen) ──
   Macizo y del color del texto, como en portada.css. */
.g-linea--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")}
.g-linea--formacion{--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")}
.g-linea--ambas{--g-sgn:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 24'%3E%3Cpath d='M2 10.6a10 10 0 0 1 20 0zM2 13.4a10 10 0 0 0 20 0z'/%3E%3Cpath transform='translate(28 0)' d='M3 3h15.4L3 18.4zM21 5.6V21H5.6z'/%3E%3C/svg%3E")}
.wp-block-paragraph.g-linea{display:flex;align-items:center;gap:8px}
.wp-block-paragraph.g-linea::before{content:"";flex:none;width:14px;height:14px;background:currentColor;-webkit-mask:var(--g-sgn) center/contain no-repeat;mask:var(--g-sgn) center/contain no-repeat}
.wp-block-paragraph.g-linea--ambas::before{width:30px}

/* ── Aire entre rótulo y título ──
   Meta: 14 px entre el rótulo (o su raya) y la letra de un título de hasta 32 px; 18 px sobre los más grandes.
   Medido en el laboratorio a 375, 600, 768 y 1280; donde ya había aire de sobra (la portada), no se toca. */
.glotus-rotulo{margin-bottom:14px}                      /* antes -.6em en components.css: el título se le montaba */
.glotus-rotulo.g-linea{margin-bottom:15px}
.g-page .g-hb .g-eb.g-linea{margin-bottom:22px}         /* encabezado de cada curso y del trayecto */
.home-c .g-hero .g-eb.g-linea{margin-bottom:9px}        /* /idiomas */
.g-cat .g-eb.g-linea{margin-bottom:7px}                 /* /cursos */
.g-page .g-sb .g-eb{margin-bottom:14px}                 /* «01 · Para quién» y los demás de cada ficha */
.home-c .g-emp__t .g-eb{margin-bottom:4px}              /* «Para equipos», portada y /idiomas */