/* FormacionTech · Guías, plantillas y taller de alfabetización */
.gu{max-width:780px}
.gu-meta{font-size:.85rem;color:var(--slate-muted);margin:-.5rem 0 1.5rem}
.gu h2{font-family:'Fraunces',serif;font-size:1.35rem;font-weight:700;color:var(--navy);margin:2.1rem 0 .7rem;line-height:1.3}
.gu h3{font-size:1.05rem;font-weight:700;color:var(--navy);margin:1.4rem 0 .4rem}
.gu p,.gu li{color:var(--slate);font-size:1rem;line-height:1.75}
.gu p{margin:0 0 1rem}
.gu ul,.gu ol{margin:0 0 1.1rem 1.3rem;padding:0}
.gu li{margin-bottom:.4rem}
.gu a:not(.btn){color:#1d4f80;text-decoration:underline;text-underline-offset:2px}
.gu strong{color:var(--navy)}
.gu-caja{background:#eef4fa;border-left:4px solid #3B749F;border-radius:10px;padding:1.1rem 1.3rem;margin:1.25rem 0 1.5rem}
.gu-caja p:last-child,.gu-caja ul:last-child{margin-bottom:0}
.gu-caja-t{font-weight:700;color:#1F3864!important;margin-bottom:.4rem!important}
.gu-tabla{width:100%;border-collapse:collapse;margin:.5rem 0 1.4rem;font-size:.95rem}
.gu-tabla th{background:#1F3864;color:#fff;text-align:left;padding:.6rem .8rem;font-weight:600}
.gu-tabla td{border-bottom:1px solid var(--border);padding:.6rem .8rem;color:var(--slate);vertical-align:top}
.gu-tabla-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.gu-cta{margin:2.25rem 0 1.25rem;padding:1.6rem 1.8rem;background:linear-gradient(135deg,#1F3864,#3B749F);color:#fff;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.1rem}
.gu-cta p{color:#fff!important;margin:0!important;font-family:'Fraunces',serif;font-size:1.15rem;font-weight:700;line-height:1.4;max-width:460px}
.gu-cta .btns{display:flex;gap:.7rem;flex-wrap:wrap}
.gu-cta .btn-o{background:#fff;color:#1F3864;border-color:#fff}
.gu-cta a{text-decoration:none!important}
.gu-form{background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem 1.6rem;margin:1.75rem 0}
.gu-form h2,.gu-form h3{margin-top:0!important}
.gu-form .cf input[type=email]{width:100%;box-sizing:border-box;background:#fff;border:1px solid var(--border);border-radius:10px;padding:.9rem 1rem;font-size:1rem;font-family:inherit;color:var(--navy)}
.gu-fuentes{font-size:.88rem!important;border-top:1px solid var(--border);padding-top:1rem;margin-top:2rem}
.gu-fuentes li{font-size:.88rem!important}
.gu-rel{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem;margin:1rem 0 0;padding:0;list-style:none}
.gu-rel li{margin:0}
.gu-rel a{display:block;height:100%;box-sizing:border-box;padding:1rem 1.1rem;border:1px solid var(--border);border-radius:12px;text-decoration:none!important;color:var(--navy)!important;font-weight:600;background:#fff;transition:border-color .2s,box-shadow .2s}
.gu-rel a:hover{border-color:#3B749F;box-shadow:var(--shadow-sm)}
.gu-rel span{display:block;font-weight:400;font-size:.88rem;color:var(--slate);margin-top:.3rem}
.gu-indice{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.1rem;margin:1.5rem 0 2rem;padding:0;list-style:none}
.gu-indice a{display:flex;flex-direction:column;gap:.5rem;height:100%;box-sizing:border-box;padding:1.4rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;color:var(--navy);background:#fff;transition:border-color .2s,box-shadow .2s,transform .2s}
.gu-indice a:hover{border-color:#3B749F;box-shadow:var(--shadow-md);transform:translateY(-2px)}
.gu-indice .eti{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#3B749F}
.gu-indice h2{font-family:'Fraunces',serif;font-size:1.15rem;margin:0;line-height:1.35}
.gu-indice p{margin:0;color:var(--slate);font-size:.93rem;line-height:1.6}
.gu-indice .ir{margin-top:auto;font-weight:600;color:#1d4f80;font-size:.92rem}
.pl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;margin:1.5rem 0}
.pl-grid .gu-form{margin:0;display:flex;flex-direction:column}
.pl-grid .gu-form ul{margin:.2rem 0 1rem 1.2rem;padding:0;color:var(--slate);font-size:.93rem;line-height:1.6}
.pl-eti{display:inline-block;align-self:flex-start;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:#1F3864;color:#fff;border-radius:6px;padding:.2rem .55rem;margin-bottom:.6rem}
.tl-pasos{counter-reset:paso;list-style:none;margin:1rem 0 1.5rem;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem}
.tl-pasos li{counter-increment:paso;background:#fff;border:1px solid var(--border);border-radius:12px;padding:1rem;color:var(--slate);font-size:.92rem;line-height:1.55}
.tl-pasos li::before{content:counter(paso);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#1F3864;color:#fff;font-weight:700;font-size:.85rem;margin-bottom:.5rem}
.tl-pasos strong{display:block;color:var(--navy);margin-bottom:.2rem}
@media (max-width:560px){.gu-cta{padding:1.3rem}.gu-form{padding:1.2rem}}
