/* v6 / neutomni-pie: pie de neutomni.com (Webflow; espejo 2026-10-16). Reglas copiadas TAL CUAL de referencias/neutomni/pie/pie.css (= mirror/neutomni.css, en el mismo orden y con sus @media) acotadas a #sec-neutomni-pie; las variables de :root y el body de Webflow van en la propia seccion (el body redefine --main-text por @media: 15 px a <=991 y <=479, 16 a <=767; de ahi sale el interlineado del reloj, 19.2 o 18 px). Fuentes: las mismas tres declaraciones y archivos que neutomni-cta ("Vazirmatn Local", "Firacode Local", "Italic Local"); Firacode con el archivo variable y font-weight 300 700 porque el reloj pide 500 (neutomni-cta solo declara el 400). wh-Mori 700 (logotipo) la declara el modulo whp, siempre presente. Rutas url() relativas a home/secciones/neutomni-pie/. DESVIACION DE INTEGRACION (medida 2026-10-20 con puppeteer): en neutomni .footer es position:sticky;bottom:0 y cada .section de arriba lleva z-index:2 y fondo blanco para taparlo. En la v6 los modulos son position:static, z-index:auto y casi todos sin fondo (dependen del color del body que mueve el hero), asi que un pie sticky pintaria ENCIMA de todas las secciones y se veria a traves de las transparentes. Aqui el pie va en flujo al final (position:relative, altura natural) y section.js traslada .footer_container para que quede pegado al borde de abajo de la ventana mientras la seccion anterior sube; el overflow:hidden de .footer (verbatim) lo recorta: mismo efecto cortina, sin tocar otros modulos. El centinela de la sombra (.shadow_trigger) va 10 px arriba del pie (inset bottom 100 %) en lugar de abajo a la derecha del CTA, porque aqui la seccion anterior no es el CTA. PASTILLA DEL MENU (2026-10-20, noche): la pastilla fija "Menu" de WHP (48 px, a 32 del borde, centrada) tapaba el logotipo al llegar al final; se recoge mientras el pie esta en pantalla desde home/v6/efectos.js (menuInmersivo, segunda zona), no desde aqui. */ @font-face{font-family:"Vazirmatn Local";src:url("../../assets/v6/fonts/Vazirmatn-VariableFont_wght.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap} @font-face{font-family:"Firacode Local";src:url("../../assets/v6/fonts/FiraCode-VariableFont_wght.ttf") format("truetype");font-weight:300 700;font-style:normal;font-display:swap} @font-face{font-family:"Italic Local";src:url("../../assets/v6/fonts/PPEditorialNew-Italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap} #sec-neutomni-pie{--_colors---base-colors--red:var(--sys-tinta,#131901);--_colors---base-colors--white:var(--sys-crema,#FDF5E9);--_colors---text-colors--main-text-color:var(--_colors---base-colors--white);--_typography---font-secondary:"Vazirmatn Local",sans-serif;--_typography---italic:"Italic Local",sans-serif;--_typography---font-tertiary:"Firacode Local",Arial,sans-serif;--_typography---text-size--main-text:16px;--_typography---text-size--line-height-main:120%} /* integracion: el root es la ventana del pie (en flujo, ancho completo); dentro, el marcado de Webflow tal cual */ #sec-neutomni-pie{display:block;position:relative;width:100%;margin:0;padding:0} /* normalize de Webflow (todo en border-box, ligas sin fondo ni contorno) */ #sec-neutomni-pie *,#sec-neutomni-pie *::before,#sec-neutomni-pie *::after{box-sizing:border-box} #sec-neutomni-pie a{background-color:#0000} #sec-neutomni-pie a:active,#sec-neutomni-pie a:hover{outline:0} /* body de Webflow aplicado al pie (letra, color, tamano e interlineado heredados por el reloj y el hueco de linea del SVG) */ #sec-neutomni-pie .footer{font-family:var(--_typography---font-secondary);color:var(--_colors---text-colors--main-text-color);font-size:var(--_typography---text-size--main-text);line-height:var(--_typography---text-size--line-height-main);font-weight:400} #sec-neutomni-pie .w-inline-block{max-width:100%;display:inline-block} #sec-neutomni-pie .w-embed:before,#sec-neutomni-pie .w-embed:after{content:" ";grid-area:1/1/2/2;display:table} #sec-neutomni-pie .w-embed:after{clear:both} #sec-neutomni-pie .timezone{font-family:var(--_typography---font-tertiary);color:var(--_colors---base-colors--red);text-transform:uppercase;font-size:14px;font-weight:500;position:fixed;inset:auto auto 20px 20px} #sec-neutomni-pie .timezone.white{opacity:1;color:var(--_colors---base-colors--white);position:static} #sec-neutomni-pie .footer{background-color:var(--_colors---base-colors--red);width:100%;position:relative;overflow:hidden} /* original: position:sticky;bottom:0 (ver la desviacion de arriba) */ #sec-neutomni-pie .footer_container{grid-column-gap:120px;grid-row-gap:120px;flex-flow:column;justify-content:space-between;width:100%;max-width:1440px;height:100%;padding:20px 20px 10px;display:flex;position:relative} #sec-neutomni-pie .footer_navigation_wrap{grid-column-gap:16px;grid-row-gap:16px;grid-template-rows:auto;grid-template-columns:49% 1fr 25%;grid-auto-columns:1fr;justify-content:space-between;align-items:flex-start;display:grid} #sec-neutomni-pie .footer_navigation{grid-column-gap:4px;grid-row-gap:4px;flex-flow:column;flex:1;justify-content:flex-start;align-items:flex-start;display:flex} #sec-neutomni-pie .footer_logo_wrap{width:100%;position:relative;overflow:hidden} #sec-neutomni-pie .footer_link{color:var(--_colors---base-colors--white);font-weight:400;line-height:120%;text-decoration:none} #sec-neutomni-pie .footer_link.mail{font-family:var(--_typography---italic);font-style:italic} #sec-neutomni-pie .footer_link.mobile{display:none} #sec-neutomni-pie .footer_shadow{background-color:#07070766;width:100%;height:100%;display:flex;position:absolute;inset:0%} #sec-neutomni-pie .shadow_trigger{width:10px;height:10px;position:absolute;inset:auto 0% 100% auto;pointer-events:none} /* original: inset:auto 0% 0% auto, ultimo hijo del CTA */ #sec-neutomni-pie .div-block{justify-content:space-between;display:flex} @media screen and (min-width:1440px){#sec-neutomni-pie .footer_container{max-width:1600px}} @media screen and (min-width:1920px){#sec-neutomni-pie .footer{height:560px}#sec-neutomni-pie .footer_container{max-width:1920px;padding-bottom:10px}#sec-neutomni-pie .footer_logo_wrap{flex:none}#sec-neutomni-pie .code-embed-2{justify-content:flex-start;align-items:flex-end;display:flex}} @media screen and (max-width:991px){#sec-neutomni-pie{--_typography---text-size--main-text:15px}#sec-neutomni-pie .timezone{position:static}#sec-neutomni-pie .timezone.white{text-align:left;justify-content:flex-start;align-items:flex-start;display:flex}#sec-neutomni-pie .footer_container{grid-column-gap:100px;grid-row-gap:100px;padding-top:20px}#sec-neutomni-pie .footer_navigation_wrap{grid-row-gap:40px;grid-template-rows:auto auto}#sec-neutomni-pie .footer_navigation{min-width:200px}#sec-neutomni-pie .footer_link{font-size:16px}#sec-neutomni-pie .footer_link.mail{align-self:flex-start}#sec-neutomni-pie .div-block{grid-column-gap:20px;grid-row-gap:20px}} @media screen and (max-width:767px){#sec-neutomni-pie{--_typography---text-size--main-text:16px}#sec-neutomni-pie .timezone{position:static}#sec-neutomni-pie .footer_container{padding:16px 16px 6px}#sec-neutomni-pie .footer_navigation{min-width:auto}} @media screen and (max-width:479px){#sec-neutomni-pie{--_typography---text-size--main-text:15px}#sec-neutomni-pie .timezone{opacity:1;font-size:13px}#sec-neutomni-pie .timezone.white{justify-content:flex-start;align-items:flex-end}#sec-neutomni-pie .footer{bottom:0;overflow:hidden}#sec-neutomni-pie .footer_container{grid-column-gap:90px;grid-row-gap:90px;padding:12px 12px 6px}#sec-neutomni-pie .footer_navigation_wrap{grid-column-gap:32px;grid-row-gap:60px;flex-flow:column;grid-template-rows:auto auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid}#sec-neutomni-pie .footer_link.mail{align-self:flex-start}} @media screen and (max-width:991px){#sec-neutomni-pie #timezone.w-node-_3d1274ad-6857-8e1f-3996-541f558b4498-59c6eb04{grid-area:span 1/span 2/span 1/span 2}#sec-neutomni-pie #w-node-_3a825453-bb6a-d860-fa48-aadc4a9bb351-59c6eb04{grid-area:span 1/span 3/span 1/span 3}} @media screen and (max-width:479px){#sec-neutomni-pie #w-node-_69ac12a6-5d98-44ba-cbd7-ca463c0e05bb-59c6eb04{grid-area:span 1/span 2/span 1/span 2;justify-self:start}#sec-neutomni-pie #timezone.w-node-_3d1274ad-6857-8e1f-3996-541f558b4498-59c6eb04{order:9999;grid-area:span 1/span 2/span 1/span 2;align-self:end}#sec-neutomni-pie #w-node-_3a825453-bb6a-d860-fa48-aadc4a9bb351-59c6eb04{order:9999;grid-area:span 1/span 2/span 1/span 2}} /*