@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@600&family=Hanken+Grotesk:wght@400;600;700&family=Bricolage+Grotesque:wght@700&display=swap');
/* [cx-pie-unico] pie de yodai.ai: copia de la portada, acotado a footer.ypie para ganar a los estilos de cada pagina */
footer.ypie{background:#0b1740!important;color:#a9b8dd!important;padding:25.6px 0 38.4px!important;font-size:15.04px!important;position:relative;z-index:1;overflow:hidden;margin:0!important;border:0!important;font-family:'Hanken Grotesk',ui-sans-serif,system-ui,sans-serif;line-height:1.55;text-align:left}
footer.ypie *{box-sizing:border-box}
footer.ypie .wrap{width:min(1180px,90vw)!important;max-width:none!important;margin:0 auto!important;padding:0!important}
footer.ypie>.wrap:first-child{display:grid!important;grid-template-columns:1.4fr 1fr 1fr 1fr!important;gap:38.4px!important;align-items:start}
footer.ypie a{color:inherit;text-decoration:none}
footer.ypie a:hover{color:#fff}
footer.ypie .logo{display:inline-flex!important;align-items:center!important;gap:9px!important;text-decoration:none;font-size:20px}
footer.ypie .lema{margin:14.4px 0 0!important;max-width:352px;color:#93a4cd;font-size:15.04px}
footer.ypie h4{font-family:'Outfit',sans-serif!important;font-weight:600!important;color:#fff!important;font-size:15.68px!important;margin:0 0 12.8px!important;text-transform:none!important;letter-spacing:0!important}
footer.ypie ul{list-style:none!important;margin:0!important;padding:0!important;display:flex!important;flex-direction:column!important;gap:8.8px!important}
footer.ypie li{margin:0!important;padding:0!important}
footer.ypie li::before{content:none!important}
footer.ypie .ftp{display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px 26px!important;flex-wrap:wrap!important;margin-top:38.4px!important;padding-top:28.8px!important;border-top:1px solid rgba(255,255,255,.1)!important}
footer.ypie .ftp-lbl{font-size:11.84px;letter-spacing:.09em;text-transform:uppercase;color:#7f90bd;white-space:nowrap}
footer.ypie .ftp-logos{display:flex!important;align-items:center;gap:26px;flex-wrap:wrap}
footer.ypie .ftp-logos .ftp-svg{height:20px!important;width:auto!important;min-width:20px;fill:#fff;opacity:.6;transition:opacity .2s}
footer.ypie .ftp-logos .ftp-svg:hover{opacity:1}
footer.ypie .legal{display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:wrap;gap:6px 18px!important;border-top:1px solid rgba(169,184,221,.2)!important;margin-top:44.8px!important;padding-top:22.4px!important;font-size:13.92px;color:#7d8db8}
footer.ypie .legal .legal-n{display:flex!important;flex-wrap:nowrap;white-space:nowrap;gap:6px 18px}
footer.ypie .legal .legal-c{white-space:nowrap}
footer.ypie .legal .legal-n a{color:inherit;opacity:.92}
footer.ypie .legal .legal-n a:hover{color:#fff;opacity:1;text-decoration:underline}
footer.ypie .yidioma-pie{display:none!important}
@media (max-width:940px){footer.ypie>.wrap:first-child{grid-template-columns:1fr 1fr!important}}
@media (max-width:900px){
 footer.ypie .legal{flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
 footer.ypie .legal .legal-n{flex-wrap:wrap}
 footer.ypie .yidioma-pie{display:inline-flex!important;align-items:center;gap:5px;margin:0;color:#8ea0cc;font-size:13.12px;font-weight:700}
 footer.ypie .yidioma-pie b{padding:3px 7px;border-radius:999px;font-weight:700}
 footer.ypie .yidioma-pie b.on{color:#fff;background:#2455e6}
 footer.ypie .yidioma-pie i{font-style:normal;color:rgba(169,184,221,.45)}
 footer.ypie .yidioma-pie .yidioma-ir{padding:3px 7px;border-radius:999px}
}
@media (max-width:768px){
 footer.ypie>.wrap:first-child{grid-template-columns:1fr!important;gap:25.6px!important}
 footer.ypie .lema{max-width:none}
 footer.ypie .ftp{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}
}
@media (max-width:560px){footer.ypie .ftp-logos{gap:18px}}
/* [cx-pie-unico-2] lo que cada pagina pisaba: enlaces legales a la derecha, "ai" sin azul, logo gigante, enlaces apagados */
footer.ypie .legal{justify-content:flex-start!important}
footer.ypie .legal .legal-n{margin:0!important;justify-content:flex-start!important}
footer.ypie .logo span span{color:#2b2bf0!important}
footer.ypie .ftp-logos svg{height:20px!important;width:20px!important;max-width:20px!important;flex:none!important}
footer.ypie ul a{color:#a9b8dd!important;opacity:1!important;font-size:inherit!important;font-weight:400!important}
footer.ypie ul a:hover{color:#fff!important}
footer.ypie .ftp-logos svg{fill:#fff!important;opacity:.6!important}
footer.ypie .ftp-logos svg:hover{opacity:1!important}
footer.ypie .logo{font-size:20px!important}
footer.ypie,footer.ypie p,footer.ypie li,footer.ypie a,footer.ypie span{line-height:1.55!important;font-family:'Hanken Grotesk',ui-sans-serif,system-ui,sans-serif}
footer.ypie h4{line-height:1.3!important}
footer.ypie .logo span{font-family:'Bricolage Grotesque',ui-sans-serif,system-ui,sans-serif!important}
footer.ypie ul,footer.ypie li,footer.ypie .lema{font-size:15.04px!important}footer.ypie h4{font-size:15.68px!important}footer.ypie .legal,footer.ypie .legal a,footer.ypie .legal span{font-size:13.92px!important}
/* [cx-pie-sectores] quinta columna: las paginas de sector */
footer.ypie>.wrap:first-child{grid-template-columns:1.3fr 1fr 1fr 1fr 1fr!important;gap:2rem!important}
@media (max-width:1100px){footer.ypie>.wrap:first-child{grid-template-columns:1fr 1fr 1fr!important}}
@media (max-width:768px){footer.ypie>.wrap:first-child{grid-template-columns:1fr 1fr!important;gap:1.6rem!important}footer.ypie>.wrap:first-child>div:first-child{grid-column:1/-1}}
/* articulo.css estira la ultima columna a todo el ancho: en el pie comun cada columna ocupa la suya */
footer.ypie>.wrap:first-child>div{grid-column:auto!important}
@media (max-width:768px){footer.ypie>.wrap:first-child>div:first-child{grid-column:1/-1!important}}