/* Flat 1.22: identidad diferenciada por seccion. Solo presentacion. */
:root{--ancho:1248px}
.seccion{padding:88px 0}.seccion__titulo{font-size:clamp(1.75rem,2.7vw,2.4rem);line-height:1.25;max-width:32ch;margin-bottom:24px}
.seccion__titulo::before{content:"";display:block;width:40px;height:4px;background:#ff1b4d;margin-bottom:20px}
.seccion__intro{max-width:72ch;font-size:1rem;line-height:1.85;margin-bottom:36px}
.seccion__cabecera{align-items:end;margin-bottom:36px}.seccion__enlace{font-size:.85rem;border-bottom:1px solid #0b1f3b;padding-bottom:5px}
/* Formatos: mosaico horizontal, icono a la izquierda y lectura compacta. */
.seccion--categorias{background:#f4f7fa;border-bottom:1px solid #dce3eb}
.areas--formatos{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.areas--formatos .area{display:grid;grid-template-columns:72px minmax(0,1fr);gap:6px 24px;text-align:left;align-items:start;padding:28px;border:0;border-left:4px solid #0b1f3b;border-radius:0!important;background:#fff}
.areas--formatos .area__icono{grid-row:1/4;width:72px;height:72px;margin:0;background:#f4f7fa;display:flex;align-items:center;justify-content:center;border-radius:0}
.areas--formatos .area__svg{width:44px;height:44px}.areas--formatos .area__titulo{font-size:1.1rem;line-height:1.4;margin:0}
.areas--formatos .area__desc,.areas--formatos .area__cta{grid-column:2;font-size:.88rem;margin:0}
.areas--formatos .area__cta{padding-top:8px}.areas--formatos .area--excel{border-left-color:#16653c}.areas--formatos .area--word{border-left-color:#0b1f3b}.areas--formatos .area--bi{border-left-color:#00d1ff}.areas--formatos .area--pdf{border-left-color:#ff1b4d}
.areas--formatos .area:hover{background:#edf2f7}
/* Silos: tarjetas alineadas a la izquierda, reticula de dos columnas. */
.seccion--silos .areas{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid #39506c;border-left:1px solid #39506c}
.seccion--silos .area{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;text-align:left;gap:10px 22px;border:0;border-right:1px solid #39506c;border-bottom:1px solid #39506c;padding:32px;border-radius:0!important;background:transparent}
.seccion--silos .area__icono{grid-row:1/4;width:56px;height:56px;background:#203957;margin:0;border-radius:0}.seccion--silos .area__svg{width:42px;height:42px}
.seccion--silos .area__titulo{font-size:1.1rem}.seccion--silos .area__desc,.seccion--silos .area__cta{grid-column:2;margin:0}
.seccion--silos .area__cta{padding-top:6px}.seccion--silos .area:not(:has(.area__icono)){grid-template-columns:1fr}.seccion--silos .area:not(:has(.area__icono)) .area__cta{grid-column:1}
.seccion--silos .area:hover{background:#203957}.seccion--silos:not(.seccion--oscura) .area:hover{background:#f4f7fa}
/* Recursos y cursos: conservan la capa Flat 1.21. */
/* Blog: tratamiento editorial, sin contenedor pesado. */
.seccion--blog{background:#f4f7fa}.card--entrada{border:0;border-radius:0!important;background:transparent;border-bottom:1px solid #bcc8d6}
.card--entrada:hover{background:transparent;border-color:#0b1f3b}.card--entrada .card__media{aspect-ratio:4/3}
.card--entrada .card__body{padding:24px 0 28px}.card--entrada .card__title{font-size:1.2rem;line-height:1.45}.card--entrada .card__fecha{font-size:.75rem;letter-spacing:.03em}
.card--entrada .card__cta{border-bottom:2px solid #ff1b4d;align-self:start;margin-top:12px;padding-bottom:5px}
.blog-destacada{border:0;border-radius:0!important;background:#0b1f3b}.blog-destacada__cuerpo{background:#0b1f3b;color:white}
.blog-destacada__titulo a{color:white}.blog-destacada__extracto,.blog-destacada__meta{color:#c4d0df}
/* Pasos: numeracion grande y separadores verticales. */
.seccion--pasos{background:#fff}.pasos{gap:0;border-top:1px solid #dce3eb;border-bottom:1px solid #dce3eb}
.paso{border:0;border-right:1px solid #dce3eb;border-radius:0!important;padding:36px 32px;background:#fff}.paso:last-child{border-right:0}
.paso__num{background:none;color:#bd1038;font-family:var(--flat-heading);font-size:2.6rem;line-height:1;font-weight:700;width:auto;height:auto;margin-bottom:24px}
.paso h3{font-size:1.1rem}.paso p{font-size:.92rem;line-height:1.8;margin:0}
/* Empresas: imagen destacada y lista plana con divisores. */
.empresas{background:#f4f7fa;border:0}.empresas__inner{gap:40px 64px;padding-top:88px;padding-bottom:88px}
.empresas__media{background:#ddf7ef;border-left:8px solid #00d1ff;padding:24px;align-self:stretch}
.empresas__media img{border:0;border-radius:0}.empresas__kicker{color:#bd1038;letter-spacing:.12em;font-weight:700}
.empresas__lista{gap:0}.empresas__lista li{border:0;border-bottom:1px solid #c9d4e0;border-radius:0!important;background:transparent;padding:18px 0}
.empresas__lista li:first-child{border-top:1px solid #c9d4e0}.empresas__lista strong{font-size:1rem}
/* Testimonios: conservan la capa Flat 1.21. */
/* Cifras y cierre: ritmo visual distinto al resto de bloques. */
.cifras{background:#ddf7ef;border-bottom:0}.cifra{padding:36px 24px;border-color:#b9d9ce}.cifra__num{font-size:2.5rem}.cifra__label{color:#35465f}
.cta-final{background:#ff1b4d;color:#07152a;padding:72px 0}.cta-final h2,.cta-final p{color:#07152a}.cta-final h2{font-size:clamp(1.8rem,3vw,2.4rem)}
.cta-final .btn{background:#0b1f3b;color:white;border-color:#0b1f3b}.cta-final .btn:hover{background:white;color:#0b1f3b}
.pie{padding-top:64px}.pie__titulo{border-bottom:1px solid #39506c;padding-bottom:16px;letter-spacing:.08em;font-size:.75rem}.pie__menu{gap:12px}.pie__texto{font-size:.9rem}
/* Biblioteca, fichas, formularios y comentarios. */
.catnav__contenido{padding:24px;background:#f4f7fa;border-left:3px solid #ff1b4d}.catnav__caja{background:#ddf7ef}
.biblioteca__barra{padding:20px;background:#f4f7fa;margin-bottom:28px}.panel-descarga{background:#f4f7fa;border:0;border-top:4px solid #ff1b4d;border-radius:0!important;padding:28px}
.panel-descarga--pago{border-top-color:#0b1f3b}.relacionadas__lista a{padding:14px 8px;border-bottom:1px solid #dce3eb;border-radius:0!important}
.recurso__vista{padding:16px;background:#f4f7fa;border:1px solid #dce3eb;border-radius:0}.fichas__barra{padding:0 16px;border-bottom:2px solid #0b1f3b}
.suscribete{background:#ddf7ef;border:0;border-left:4px solid #0b1f3b;border-radius:0!important;text-align:left}
#respond,.conversacion__form{background:#f4f7fa;border:0;border-top:3px solid #0b1f3b;border-radius:0!important;padding:28px}
.charla__burbuja{border:0;border-left:3px solid #c9d4e0;background:#f4f7fa;padding:20px}
.widget{background:#f4f7fa;border:0;border-top:3px solid #0b1f3b;border-radius:0!important}.aviso{border:1px solid #c9d4e0;background:#f4f7fa}
@media(max-width:1024px){.seccion{padding:64px 0}.empresas__inner{padding-top:64px;padding-bottom:64px;gap:32px}.empresas__media{align-self:auto}.seccion--silos .area{padding:24px}.paso{padding:28px 24px}}
@media(max-width:640px){.areas--formatos,.seccion--silos .areas{grid-template-columns:1fr}.areas--formatos .area{grid-template-columns:52px minmax(0,1fr);gap:6px 16px;padding:22px}.areas--formatos .area__icono{width:52px;height:52px}.areas--formatos .area__svg{width:34px;height:34px}.seccion--silos .area{grid-template-columns:44px minmax(0,1fr);gap:10px 16px}.seccion--silos .area__icono{width:44px;height:44px}.seccion--silos .area__svg{width:32px;height:32px}.pasos{grid-template-columns:1fr}.paso{border-right:0;border-bottom:1px solid #dce3eb}.paso:last-child{border-bottom:0}.paso__num{font-size:2rem;margin-bottom:16px}.seccion{padding:48px 0}.seccion__titulo{font-size:1.75rem}.seccion__intro{font-size:.94rem}.empresas__inner{padding-top:48px;padding-bottom:48px}.empresas__media{padding:16px}.panel-descarga,#respond,.conversacion__form{padding:22px}.cifra{padding:24px}.cta-final{padding:48px 0}}