/* Glotus · sitio 1.18 · idiomas.css · plantilla page-idiomas (19/10/2026).
   Fuente: pieza 16 de CD, dirección D2 «Las dos mitades de la frase», versión final
   (pieces/16-idiomas/idiomas.html e idiomas.css, secciones «hero de /idiomas», «hechos», «D2» y «D2 final»).
   Va después de portada.css, que pone la base común (tokens, botones, estado, lista de cursos, método y banda
   de equipos dentro de main.home-c). Acá solo lo propio de /idiomas, dentro de main.home-c.g-idi:
   - hero de una columna, con «Aprendé a enseñarlos.» en itálica;
   - las dos mitades de la frase, 01 y 02, cada una en su tarjeta de hueso, con los cursos del bloque
     glotus/camino-cursos (grupo aprender y grupo ensenar); los numerales son contadores, decorativos;
   - la franja de los tres hechos;
   - la banda de equipos compacta, con las acciones a la derecha.
   Enlaces sobre hueso en teal-700 (teal-650 da 4,47:1), como en la portada. */

/* hero */
.home-c.g-idi .g-hero .g-in{gap:16px}
.home-c.g-idi .g-hero .g-h1{font-size:56px;letter-spacing:-.02em;max-width:17ch}
.home-c.g-idi .g-h1 em{font-style:italic}
.home-c.g-idi .g-hero .g-lede{max-width:60ch}
@media (min-width:1024px){.home-c.g-idi .g-sec.g-hero{padding-top:44px;padding-bottom:28px}.home-c.g-idi .g-hero .g-in{display:flex;flex-direction:column;align-items:stretch;gap:16px}.home-c.g-idi .g-hero .g-h1{font-size:56px}.home-c.g-idi .g-hero .g-lede{font-size:19px;max-width:60ch;padding-bottom:0}}
@media (min-width:600px) and (max-width:1023px){.home-c.g-idi .g-hero .g-h1{font-size:46px}}

/* las dos mitades */
.home-c.g-idi .g-halves{padding-top:0}
.home-c.g-idi .g-halves .g-in{gap:16px}
.home-c.g-idi .g-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;counter-reset:mitad}
.home-c.g-idi .g-half{background:var(--glotus-bone);border-radius:12px;padding:22px 24px 26px;display:flex;flex-direction:column;gap:12px;min-width:0;counter-increment:mitad}
.home-c.g-idi .g-half::before{content:counter(mitad,decimal-leading-zero);content:counter(mitad,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-idi .g-half__t{font-family:var(--font-serif);font-weight:500;font-size:30px;line-height:1.1;letter-spacing:-.015em;text-wrap:balance}
.home-c.g-idi .g-half__d{font-size:15px;color:var(--fg-2);line-height:1.5;text-wrap:pretty;max-width:46ch}
.home-c.g-idi .g-half .g-crs{margin-top:6px}
.home-c.g-idi .g-half .g-cr a,.home-c.g-idi .g-half .g-go a{color:var(--glotus-teal-700)}
.home-c.g-idi .g-half .g-go{margin-top:auto}

/* hechos */
.home-c.g-idi .g-hechos{padding-top:0}
.home-c.g-idi .g-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;border-top:1px solid var(--border-2);border-bottom:1px solid var(--border-2);padding:18px 0}
.home-c.g-idi .g-fact{display:flex;flex-direction:column;gap:4px;min-width:0}
.home-c.g-idi .g-fact+.g-fact{border-left:1px solid var(--border-2);padding-left:32px}
.home-c.g-idi .g-fact__t{font-weight:600;font-size:17px;line-height:1.3;text-wrap:balance}
.home-c.g-idi .g-fact p:not(.g-fact__t){font-size:15px;color:var(--fg-2);line-height:1.5;text-wrap:pretty}

/* banda de equipos, compacta */
.home-c.g-idi .g-emp{border-bottom:0;padding-top:48px;padding-bottom:48px}
.home-c.g-idi .g-emp .g-in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px 56px;align-items:start}
.home-c.g-idi .g-emp .g-h2{font-size:30px}
.home-c.g-idi .g-emp__t{gap:12px}
.home-c.g-idi .g-emp .g-act{grid-column:auto;padding-top:0;align-self:end}
@media (max-width:1023px){.home-c.g-idi .g-emp .g-in{grid-template-columns:minmax(0,1fr)}}

/* celular: las mitades una debajo de la otra y el hero más corto, para que el primer curso de 01 entre a 375 × 667 */
@media (max-width:599px){
.home-c.g-idi .g-sec.g-hero{padding:28px 16px 20px}
.home-c.g-idi .g-hero .g-in{gap:12px}
.home-c.g-idi .g-hero .g-h1{font-size:34px}
.home-c.g-idi .g-hero .g-lede{font-size:16px}
.home-c.g-idi .g-pair{grid-template-columns:minmax(0,1fr);gap:10px}
.home-c.g-idi .g-half{padding:16px 16px 20px;gap:10px}
.home-c.g-idi .g-half::before{font-size:30px}
.home-c.g-idi .g-half__t{font-size:24px}
.home-c.g-idi .g-facts{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px 0}
.home-c.g-idi .g-fact+.g-fact{border-left:0;padding-left:0;border-top:1px solid var(--border-2);padding-top:14px}
.home-c.g-idi .g-emp{padding-top:40px;padding-bottom:40px}
}

/* ---- 1.19 (19/10/2026): acceso directo a las dos mitades desde el hero, y Formación aparte ----
   Dos enlaces a #aprender y #ensenar, con objetivo de 44 px; la flecha es decorativa (texto alternativo vacío). */
.home-c.g-idi .g-ir{display:flex;flex-wrap:wrap;gap:8px;margin:0}
.home-c.g-idi .g-ir a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid var(--border-2);border-radius:999px;background:var(--glotus-paper);color:var(--glotus-teal-700);font-weight:600;font-size:15px;line-height:1.2;text-decoration:none}
.home-c.g-idi .g-ir a::after{content:"↓";content:"↓" / "";font-weight:400}
.home-c.g-idi .g-ir a:hover{background:var(--glotus-bone)}
.home-c.g-idi .g-ir a:focus-visible{outline:2px solid var(--glotus-teal-650);outline-offset:2px}
.home-c.g-idi #aprender,.home-c.g-idi #ensenar{scroll-margin-top:88px}
.home-c.g-idi .g-otros{margin:0;font-size:15px;color:var(--fg-2);line-height:1.5}
.home-c.g-idi .g-otros a{color:var(--glotus-teal-700);text-decoration:underline;text-underline-offset:3px}
@media (max-width:599px){.home-c.g-idi .g-ir a{flex:1 1 auto;justify-content:center;padding:10px 12px;font-size:15px}}