/* Dirección editorial: textura biológica y procesos abstractos. */
.franja-flujo{display:flex;align-items:stretch;border-block:1px solid var(--borde);background:#070909;overflow:hidden}
.franja-ventana{flex:1;min-width:0;overflow:hidden}
.franja-pista{width:100%}
.franja-grupo{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:24px;padding:24px var(--gutter);color:var(--gris)}
.franja-grupo span{font-size:11px;letter-spacing:.14em;white-space:nowrap}
.franja-grupo i{font-style:normal;font-size:12px;opacity:.4}
.franja-grupo+.franja-grupo{display:none}
.franja-flujo.flujo-activo .franja-ventana{mask-image:linear-gradient(90deg,transparent,#000 3%,#000 96%,transparent)}
.franja-flujo.flujo-activo .franja-pista{display:flex;width:max-content;animation:flujo-fungi 34s linear infinite}
.franja-flujo.flujo-activo .franja-grupo{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:65px;padding:22px 65px 22px 0}
.franja-flujo.pausada .franja-pista,.franja-ventana:hover .franja-pista{animation-play-state:paused}
.pausa-flujo{flex:0 0 78px;border-left:1px solid var(--borde);font:inherit;font-size:11px;color:var(--gris);min-height:52px;padding:13px 12px;background:transparent;cursor:pointer}
.pausa-flujo:hover,.pausa-flujo:focus-visible{color:var(--perla);background:rgba(255,255,255,.04)}
@keyframes flujo-fungi{to{transform:translateX(-50%)}}
.ciclo-fructificacion figure img,#fructificacion.credito img{filter:grayscale(1)}
.portales .portal:nth-child(2)>img{object-position:50% 50%}
.banner-laminas{position:relative;isolation:isolate;overflow:hidden;min-height:500px;background:#030505;margin-bottom:45px;display:flex;align-items:center}
.banner-laminas-imagen{position:absolute;inset:0 0 0 43%;z-index:-2}
.banner-laminas-imagen img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;opacity:.9}
.banner-laminas::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#030505 20%,rgba(3,5,5,.89) 39%,rgba(3,5,5,.06) 88%),linear-gradient(0deg,rgba(3,5,5,.45),transparent 40%)}
.banner-laminas-texto{padding:48px 43px;max-width:680px}
.banner-laminas h2{font-size:clamp(48px,6vw,84px);line-height:1.04;letter-spacing:-.05em}
.banner-laminas p:not(.etiqueta){font-size:15px;line-height:1.9;color:var(--gris);margin-top:28px;max-width:360px}
.banner-laminas-texto>.micro{display:block;font-size:10px;letter-spacing:.06em;line-height:1.8;margin-top:33px;color:var(--gris)}
.founder-foto>img,.fundador figure>img{object-position:52% 32%;opacity:.92}
.firma strong{font-size:clamp(23px,2.2vw,29px);text-wrap:balance}
.fundador figcaption{line-height:1.8;letter-spacing:.09em}
.relato-capitulo figure img[src$="primer-extracto-archivo.webp"]{object-fit:contain;height:390px;background:#050606}
.rumbo-ideas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:65px}
.rumbo-ideas article{border-top:1px solid var(--borde);padding-top:26px;min-width:0}
.rumbo-ideas h3{font-size:clamp(32px,3.3vw,45px);line-height:1.15;margin-top:25px;letter-spacing:-.035em}
.rumbo-ideas p{font-size:16px;line-height:1.9;color:var(--gris);max-width:480px;margin-top:25px}
.valores-compania{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:50px}
.valores-compania article{padding-top:24px;border-top:1px solid var(--borde)}
.valores-compania .micro{color:var(--gris)}
.valores-compania h4{font-size:23px;line-height:1.25;letter-spacing:-.025em;margin-top:19px}
.valores-compania p{font-size:14px;line-height:1.9;color:var(--gris);margin-top:18px}
#rumbo{scroll-margin-top:125px}
.preservacion-formula{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;border-block:1px solid rgba(0,0,0,.19);padding:30px 0;margin:0 0 36px}
.preservacion-formula .preservacion-frase{font-family:var(--serif);font-style:italic;font-size:clamp(27px,3vw,40px);line-height:1.22;letter-spacing:-.02em}
.preservacion-formula>p:not(.preservacion-frase){font-size:15px;line-height:1.9;max-width:550px}
.estabilidad-contexto{border-top:1px solid rgba(0,0,0,.19);margin-top:25px}
.estabilidad-contexto summary{font-size:14px;min-height:56px}
.estabilidad-contexto p{font-size:15px;line-height:1.9;max-width:960px;color:inherit}
.estabilidad-contexto .enlace{font-size:12px;margin:0 22px 22px 0}
.tabla-ayuda{display:none}
@media(max-width:1050px){.valores-compania{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}.rumbo-ideas{gap:40px}.preservacion-formula{gap:35px}.banner-laminas-texto{padding:40px 32px}}
@media(max-width:700px){.preservacion-formula{grid-template-columns:1fr;gap:22px}.tabla-ayuda{display:block;font-size:11px;letter-spacing:.05em;margin:0 0 16px;line-height:1.8}.rumbo-ideas{grid-template-columns:1fr;gap:35px}.banner-laminas{min-height:455px}.banner-laminas-imagen{left:23%}.banner-laminas-texto{padding:36px 25px}.banner-laminas h2{font-size:56px}.banner-laminas::after{background:linear-gradient(90deg,rgba(3,5,5,.96),rgba(3,5,5,.73) 50%,rgba(3,5,5,.15)),linear-gradient(0deg,rgba(3,5,5,.7),transparent 50%)}.banner-laminas p:not(.etiqueta){font-size:15px;max-width:280px}.banner-laminas .etiqueta{font-size:10px;line-height:1.9;letter-spacing:.09em}}
@media(max-width:600px){.franja-grupo{gap:12px 20px;padding:21px 16px}.franja-grupo span{font-size:10px;letter-spacing:.1em}.franja-flujo.flujo-activo .franja-grupo{gap:36px;padding-right:36px}.pausa-flujo{flex-basis:70px;font-size:10px}.banner-laminas{min-height:435px;margin-bottom:35px}.banner-laminas h2{font-size:49px}.banner-laminas p:not(.etiqueta){margin-top:24px}.banner-laminas-texto>.micro{margin-top:25px}.founder-foto>img,.fundador figure>img{object-position:52% 32%}.firma strong{font-size:24px}.rumbo-ideas h3{font-size:36px}.rumbo-ideas p{font-size:16px}.valores-compania{grid-template-columns:1fr;gap:27px;margin-top:36px}.valores-compania h4{font-size:25px}.valores-compania p{font-size:15px;max-width:100%}.preservacion-formula .preservacion-frase{font-size:32px}.preservacion-formula>p:not(.preservacion-frase){font-size:15px}.relato-capitulo figure img[src$="primer-extracto-archivo.webp"]{height:360px}}
@media(prefers-reduced-motion:reduce){.franja-flujo.flujo-activo .franja-pista{animation:none;width:auto;transform:none;display:block}.franja-flujo.flujo-activo .franja-grupo{flex-wrap:wrap;justify-content:center;gap:15px;padding:22px}.franja-flujo.flujo-activo .franja-grupo+.franja-grupo{display:none}.pausa-flujo{display:none}}
