/* buho.la · hoja única del sitio. La genera src/build.py desde las hojas de assets/ (ver HOJAS). No se edita: se edita cada hoja y se compila. */
/* fuentes.css */
@font-face{font-family:'Figtree';font-style:italic;font-weight:300 900;font-display:swap;src:url('fonts/figtree-cursiva-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;src:url('fonts/figtree-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/jetbrains-mono-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
/* pack/tokens.css */
:root {
  color-scheme: light;
  --buho-design-version: "3.3.0"; 
  --azul-25:  #FAFBFE;  
  --azul-50:  #F6F8FD;  
  --azul-75:  #EEF1FC;  
  --azul-100: #E6EAFA;  
  --azul-200: #CDD6F5;  
  --azul-300: #9FB0EC;  
  --azul-400: #6D87E1;  
  --azul-450: #4268F0;  
  --azul-500: #3055D5;  
  --azul-600: #0330CC;  
  --azul-700: #02259F;  
  --azul-800: #001D77;  
  --azul-900: #00175D;  
  --navy-50:  #F6F7FB;  
  --navy-100: #ECEEF6;  
  --navy-200: #DADEEA;  
  --navy-300: #BBC2D5;  
  --navy-400: #93A0BB;  
  --navy-500: #7282A2;  
  --navy-600: #57688B;  
  --navy-700: #3B4E75;  
  --navy-800: #1E3562;  
  --navy-900: #0A2152;  
  --navy-950: #001144;  
  --rosa-50:  #FFF0F6;  
  --rosa-100: #FFE6EF;  
  --rosa-200: #FFCFE0;  
  --rosa-300: #FFABCE;  
  --rosa-400: #FF599F;  
  --rosa-500: #FF3D8B;  
  --rosa-600: #FF006F;  
  --rosa-700: #CC0056;  
  --rosa-800: #A10443;  
  --rosa-900: #770A31;  
  --lavanda-50:  #F6F4FB; 
  --lavanda-100: #EDE8F5; 
  --lavanda-200: #E2DCEF; 
  --lavanda-300: #D7CFE8; 
  --lavanda-400: #CBC1E2; 
  --lavanda-500: #BFB3DB; 
  --lavanda-600: #8C7EBD; 
  --lavanda-700: #5B4A9E; 
  --lavanda-800: #42337D; 
  --teal-50:  #EBFAF7;  
  --teal-100: #CFEFE9;  
  --teal-200: #A1E6D8;  
  --teal-300: #6CD9C5;  
  --teal-400: #3CCCB4;  
  --teal-500: #00BFA5;  
  --teal-600: #059B8A;  
  --teal-700: #00796B;  
  --teal-800: #015D56;  
  --teal-900: #014441;  
  --ambar-50:  #FFF7E5; 
  --ambar-100: #FFE8B0; 
  --ambar-200: #FFD986; 
  --ambar-300: #FFC758; 
  --ambar-400: #FFB400; 
  --ambar-500: #E09E00; 
  --ambar-600: #BB810F; 
  --ambar-700: #946400; 
  --ambar-800: #754B03; 
  --ambar-900: #593709; 
  --lima-50:  #F2FCE7;  
  --lima-100: #E4F9CD;  
  --lima-200: #D4F1AC;  
  --lima-300: #B6E84D;  
  --lima-400: #8FD400;  
  --lima-500: #74AD00;  
  --lima-600: #66920B;  
  --lima-700: #557A00;  
  --lima-800: #406113;  
  --lima-900: #2E4914;  
  --violeta-50:  #F7F5FF; 
  --violeta-100: #ECE4FB; 
  --violeta-200: #D6CFFE; 
  --violeta-300: #B9AEFF; 
  --violeta-400: #9B82FF; 
  --violeta-500: #6D4AFF; 
  --violeta-600: #5333E0; 
  --violeta-700: #4129BA; 
  --violeta-800: #332492; 
  --violeta-900: #261D6C; 
  --acero-50:  #F0F7F9;  --acero-100: #E2F0F4; --acero-200: #CCE3E9; 
  --acero-300: #B1D1DA; --acero-400: #91B9C5; --acero-500: #74A0AF;
  --acero-600: #528293; --acero-700: #306275; 
  --acero-800: #19485B;
  --lila-50:  #F8F5FD; --lila-100: #EFEAFA; --lila-200: #E3DBF4; 
  --lila-300: #D4C9EC; --lila-400: #C3B5E0; --lila-500: #B1A1D2;
  --lila-600: #8D7AB6; --lila-700: #625092; 
  --lila-800: #453477;
  --fastura-25: #F4F8F8;  
  --fastura-50: #EEF4F3;  
  --fastura-75: #E6F0EF;  
  --fastura-100: #DDF1ED; 
  --waya-25:    #F5F6F7;  
  --waya-50:    #F2F2F5;  
  --waya-75:    #EEEDF4;  
  --blanco:   #FFFFFF;
  --tinta-04: rgb(0 17 68 / .04);
  --tinta-06: rgb(0 17 68 / .06);  
  --tinta-07: rgb(0 17 68 / .07);  
  --tinta-12: rgb(0 17 68 / .12);  
  --tinta-20: rgb(0 17 68 / .20);  
  --ok-fondo:    #DCFAE6; --ok-borde:    #A9EFC5; --ok:    #17B26A; --ok-tinta:    #067647; 
  --aviso-fondo: #FEF0C7; --aviso-borde: #FEDF89; --aviso: #F79009; --aviso-tinta: #B54708; 
  --error-fondo: #FEE4E2; --error-borde: #FECDCA; --error: #F04438; --error-tinta: #B42318; 
  --info-fondo:  var(--azul-100); --info-borde: var(--azul-200); --info: var(--azul-500); --info-tinta: var(--azul-700); 
  --fondo-inerte:    var(--navy-50);   
  --fondo-oscuro:    var(--navy-950);  
  --superficie:         var(--blanco); 
  --superficie-elevada: var(--blanco); 
  --superficie-vidrio:  rgb(255 255 255 / .82); 
  --borde-suave:  var(--tinta-07);
  --borde:        var(--tinta-12);
  --borde-fuerte: var(--tinta-20);
  --texto:           var(--navy-950);  
  --texto-2:         var(--navy-600);  
  --texto-3:         var(--navy-500);  
  --texto-invertido:   var(--blanco);  
  --accion:        var(--navy-950);    
  --accion-hover:  var(--navy-900);    
  --accion-texto:  var(--blanco);
  --accion-2:        var(--blanco);    
  --accion-2-borde:  var(--tinta-12);
  --accion-2-texto:  var(--navy-950);
  --fuente:       'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --fuente-datos: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --fuente-mano:  'Caveat', 'Kalam', 'Segoe Print', cursive; 
  --t-display: clamp(40px, 1.6rem + 3.4vw, 64px);  
  --t-h1:      clamp(34px, 1.5rem + 2.2vw, 48px);
  --t-h2:      clamp(28px, 1.25rem + 1.5vw, 40px);
  --t-h3:      clamp(22px, 1.1rem + .6vw, 26px);
  --t-h4:      20px;
  --t-h5:      17px;                                
  --t-lead:    clamp(17px, 1rem + .25vw, 19px);
  --t-cuerpo:  16px;
  --t-sm:      14px;
  --t-xs:      13px;
  --t-micro:   11px;                                
  --lh-display: 1.08;
  --lh-titulo:  1.14;
  --lh-sub:     1.25;
  --lh-cuerpo:  1.6;
  --tr-display: -0.028em;
  --tr-titulo:  -0.02em;
  --tr-sub:     -0.012em;
  --tr-versal:   0.08em;
  --e-1: 4px; --e-2: 8px; --e-3: 12px; --e-4: 16px; --e-5: 20px; --e-6: 24px;
  --e-8: 32px; --e-10: 40px; --e-12: 48px; --e-16: 64px; --e-20: 80px; --e-24: 96px;
  --r-xs:   8px;   
  --r-sm:   12px;  
  --r-md:   16px;  
  --r-lg:   22px;  
  --r-xl:   28px;  
  --r-2xl:  36px;  
  --r-boton: 999px;        
  --r-boton-dentro: 999px; 
  --r-chip:  999px;        
  --r-fila:  14px;         
  --r-full: 999px; 
  --sombra-1: 0 1px 2px rgb(0 17 68 / .04), 0 4px 14px rgb(0 17 68 / .04);   
  --sombra-2: 0 2px 6px rgb(0 17 68 / .05), 0 16px 40px rgb(0 17 68 / .10);  
  --sombra-3: 0 4px 12px rgb(0 17 68 / .06), 0 28px 64px rgb(0 17 68 / .16); 
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);   
  --ease-camara: cubic-bezier(0.55, 0, 0.3, 1);    
  --ease-flota:  cubic-bezier(0.45, 0, 0.55, 1);   
  --dur-rapida:  120ms;   
  --dur-base:    200ms;   
  --dur-lenta:   320ms;   
  --dur-cifra:   600ms;   
  --dur-camara:  700ms;   
  --dur-latido:  1.9s;    
  --ancho:       1200px;
  --ancho-texto: 64ch;
  --margen:      clamp(16px, 4vw, 32px);
  --serie-comparacion: var(--navy-400);
  --grilla: var(--tinta-06);
}
:root, .tema-buho, .theme-buho {
  --int-25: var(--azul-25);   --int-50: var(--azul-50);   --int-75: var(--azul-75);   --int-100: var(--azul-100);
  --int-200: var(--azul-200); --int-300: var(--azul-300); --int-400: var(--azul-400); --int-450: var(--azul-450);
  --int-500: var(--azul-500); --int-600: var(--azul-600); --int-700: var(--azul-700);
  --ac-50: var(--rosa-50);   --ac-100: var(--rosa-100); --ac-200: var(--rosa-200); --ac-300: var(--rosa-300); --ac-400: var(--rosa-400);
  --ac-500: var(--rosa-500); --ac-600: var(--rosa-600); --ac-700: var(--rosa-700); --ac-800: var(--rosa-800); --ac-900: var(--rosa-900);
  --ac2-50: var(--azul-50);   --ac2-100: var(--azul-100); --ac2-200: var(--azul-200); --ac2-300: var(--azul-300); --ac2-400: var(--azul-400);
  --ac2-500: var(--azul-500); --ac2-600: var(--azul-600); --ac2-700: var(--azul-700); --ac2-800: var(--azul-800); --ac2-900: var(--azul-900);
  --pu-50: var(--lavanda-50);   --pu-100: var(--lavanda-100); --pu-200: var(--lavanda-200); --pu-300: var(--lavanda-300); --pu-400: var(--lavanda-400);
  --pu-500: var(--lavanda-500); --pu-600: var(--lavanda-600); --pu-700: var(--lavanda-700); --pu-800: var(--lavanda-800);
  --acento:        var(--rosa-600);
  --acento-tinta:  var(--rosa-700);    
  --acento-luz:    var(--rosa-200);    
  --acento-osc:    var(--rosa-300);    
  --acento-suave:  var(--rosa-50);     
  --acento-2:             var(--azul-450); 
  --acento-2-texto:       var(--blanco);
  --acento-2-tinta:       var(--azul-600); 
  --acento-2-tinta-suave: var(--azul-700); 
  --acento-2-linea:       var(--azul-500); 
  --acento-2-luz:         var(--azul-200); 
  --acento-2-osc:         var(--azul-300); 
  --acento-2-suave:       var(--azul-100);
  --luz-b-osc:            var(--azul-400); 
  --foco: var(--azul-500);            
  --texto-invertido-2: var(--azul-200); 
  --ficha:        var(--azul-600);    
  --ficha-texto:  var(--blanco);
  --ficha-sub:    var(--azul-200);    
  --ficha-estado: var(--azul-500);    
  --ficha-punto:  var(--rosa-600);    
  --ficha-sombra: rgb(3 48 204 / .55);
  --protagonista:        var(--azul-450); 
  --protagonista-texto:  var(--blanco);
  --protagonista-sombra: rgb(66 104 240 / .7);
  --protagonista-velo:   rgb(255 255 255 / .16);  
  --accion-luz:          rgb(66 104 240 / .42);   
  --accion-acento:       var(--navy-950);         
  --accion-acento-texto: var(--blanco);
  --accion-acento-hover: var(--navy-900);
  --accion-acento-hover-texto: var(--blanco);
  --serie-1: var(--azul-600);         
  --serie-2: var(--azul-400);         
  --serie-3: var(--lavanda-500);
  --serie-ahora: var(--rosa-600);     
  --capsula-b: var(--azul-600);
  --atm-1: var(--azul-100); --atm-2: var(--lavanda-100); --atm-3: var(--rosa-50);   
  --atm-osc-1: rgb(48 85 213 / .38); --atm-osc-2: rgb(140 126 189 / .22);
}
.tema-fastura, .theme-fastura, .brand--fastura {
  --int-25: var(--fastura-25); --int-50: var(--fastura-50); --int-75: var(--fastura-75); --int-100: var(--fastura-100);
  --int-200: var(--teal-200);  --int-300: var(--teal-300);  --int-400: var(--teal-400);  --int-450: var(--teal-500);
  --int-500: var(--teal-600);  --int-600: var(--teal-700);  --int-700: var(--teal-800);
  --ac-50: var(--teal-50);   --ac-100: var(--teal-100); --ac-200: var(--teal-200); --ac-300: var(--teal-300); --ac-400: var(--teal-400);
  --ac-500: var(--teal-500); --ac-600: var(--teal-600); --ac-700: var(--teal-700); --ac-800: var(--teal-800); --ac-900: var(--teal-900);
  --ac2-50: var(--ambar-50);   --ac2-100: var(--ambar-100); --ac2-200: var(--ambar-200); --ac2-300: var(--ambar-300); --ac2-400: var(--ambar-400);
  --ac2-500: var(--ambar-500); --ac2-600: var(--ambar-600); --ac2-700: var(--ambar-700); --ac2-800: var(--ambar-800); --ac2-900: var(--ambar-900);
  --pu-50: var(--acero-50);   --pu-100: var(--acero-100); --pu-200: var(--acero-200); --pu-300: var(--acero-300); --pu-400: var(--acero-400);
  --pu-500: var(--acero-500); --pu-600: var(--acero-600); --pu-700: var(--acero-700); --pu-800: var(--acero-800);
  --acento:        var(--teal-500);
  --acento-tinta:  var(--teal-700);    
  --acento-luz:    var(--teal-200);
  --acento-osc:    var(--teal-300);    
  --acento-suave:  var(--teal-50);
  --acento-2:             var(--ambar-400); 
  --acento-2-texto:       var(--navy-950);
  --acento-2-tinta:       var(--ambar-700); 
  --acento-2-tinta-suave: var(--ambar-800); 
  --acento-2-linea:       var(--ambar-600); 
  --acento-2-luz:         var(--ambar-200);
  --acento-2-osc:         var(--ambar-300); 
  --acento-2-suave:       var(--ambar-100);
  --luz-b-osc:            var(--ambar-400);
  --foco: var(--teal-700);              
  --texto-invertido-2: var(--acero-200);
  --ficha:        var(--teal-700);      
  --ficha-texto:  var(--blanco);
  --ficha-sub:    var(--teal-50);       
  --ficha-estado: var(--teal-700);      
  --ficha-punto:  var(--teal-200);      
  --ficha-sombra: rgb(0 121 107 / .45); 
  --protagonista:        var(--teal-500); 
  --protagonista-texto:  var(--navy-950);
  --protagonista-sombra: rgb(0 191 165 / .55);
  --protagonista-velo:   rgb(0 17 68 / .08);
  --accion-luz:          rgb(0 191 165 / .36);   
  --accion-acento:       var(--teal-500);        
  --accion-acento-texto: var(--navy-950);
  --accion-acento-hover: var(--teal-700);        
  --accion-acento-hover-texto: var(--blanco);
  --serie-1: var(--teal-600);           
  --serie-2: var(--ambar-600);          
  --serie-3: var(--acero-400);
  --serie-ahora: var(--teal-500);
  --capsula-b: var(--acero-500);       
  --atm-1: var(--teal-100); --atm-2: var(--acero-100); --atm-3: var(--teal-50);   
  --atm-osc-1: rgb(0 191 165 / .26); --atm-osc-2: rgb(116 160 175 / .16);          
}
.tema-waya, .theme-waya, .brand--waya {
  --int-25: var(--waya-25);     --int-50: var(--waya-50);     --int-75: var(--waya-75);     --int-100: var(--violeta-100);
  --int-200: var(--violeta-200); --int-300: var(--violeta-300); --int-400: var(--violeta-400); --int-450: var(--violeta-500);
  --int-500: var(--violeta-500); --int-600: var(--violeta-600); --int-700: var(--violeta-700);
  --ac-50: var(--lima-50);   --ac-100: var(--lima-100); --ac-200: var(--lima-200); --ac-300: var(--lima-300); --ac-400: var(--lima-400);
  --ac-500: var(--lima-500); --ac-600: var(--lima-600); --ac-700: var(--lima-700); --ac-800: var(--lima-800); --ac-900: var(--lima-900);
  --ac2-50: var(--violeta-50);   --ac2-100: var(--violeta-100); --ac2-200: var(--violeta-200); --ac2-300: var(--violeta-300); --ac2-400: var(--violeta-400);
  --ac2-500: var(--violeta-500); --ac2-600: var(--violeta-600); --ac2-700: var(--violeta-700); --ac2-800: var(--violeta-800); --ac2-900: var(--violeta-900);
  --pu-50: var(--lila-50);   --pu-100: var(--lila-100); --pu-200: var(--lila-200); --pu-300: var(--lila-300); --pu-400: var(--lila-400);
  --pu-500: var(--lila-500); --pu-600: var(--lila-600); --pu-700: var(--lila-700); --pu-800: var(--lila-800);
  --acento:        var(--lima-400);
  --acento-tinta:  var(--lima-700);    
  --acento-luz:    var(--lima-200);
  --acento-osc:    var(--lima-300);    
  --acento-suave:  var(--lima-50);
  --acento-2:             var(--violeta-500); 
  --acento-2-texto:       var(--blanco);
  --acento-2-tinta:       var(--violeta-600); 
  --acento-2-tinta-suave: var(--violeta-700); 
  --acento-2-linea:       var(--violeta-500); 
  --acento-2-luz:         var(--violeta-200);
  --acento-2-osc:         var(--violeta-300); 
  --acento-2-suave:       var(--violeta-100);
  --luz-b-osc:            var(--violeta-400);
  --foco: var(--violeta-500);           
  --texto-invertido-2: var(--lila-200); 
  --ficha:        var(--violeta-500);
  --ficha-texto:  var(--blanco);        
  --ficha-sub:    var(--violeta-50);    
  --ficha-estado: var(--violeta-600);   
  --ficha-punto:  var(--lima-400);      
  --ficha-sombra: rgb(109 74 255 / .5);
  --protagonista:        var(--violeta-500); 
  --protagonista-texto:  var(--blanco);
  --protagonista-sombra: rgb(109 74 255 / .6);
  --protagonista-velo:   rgb(255 255 255 / .16);
  --accion-luz:          rgb(155 130 255 / .5);  
  --accion-acento:       var(--lima-400);        
  --accion-acento-texto: var(--navy-950);
  --accion-acento-hover: var(--lima-500);        
  --accion-acento-hover-texto: var(--navy-950);
  --serie-1: var(--violeta-500);        
  --serie-2: var(--lima-600);           
  --serie-3: var(--lila-500);
  --serie-ahora: var(--lima-400);
  --capsula-b: var(--violeta-500);
  --atm-1: var(--violeta-100); --atm-2: var(--lila-100); --atm-3: var(--lima-50);
  --atm-osc-1: rgb(109 74 255 / .40); --atm-osc-2: rgb(143 212 0 / .14);
}
:root, .tema-buho, .theme-buho, .tema-fastura, .theme-fastura, .brand--fastura, .tema-waya, .theme-waya, .brand--waya {
  --fondo:           var(--int-25);   
  --fondo-banda:     var(--int-50);   
  --fondo-tinte:     var(--int-75);   
  --fondo-seleccion: var(--int-100);  
  --interaccion:       var(--int-600); 
  --interaccion-tinta: var(--int-700); 
}
.t-display { font-size: var(--t-display); line-height: var(--lh-display); letter-spacing: var(--tr-display); font-weight: 600; }
.t-h1      { font-size: var(--t-h1); line-height: var(--lh-titulo); letter-spacing: var(--tr-titulo); font-weight: 600; }
.t-h2      { font-size: var(--t-h2); line-height: var(--lh-titulo); letter-spacing: var(--tr-titulo); font-weight: 600; }
.remarca { font-weight: 800; }
.secundaria { font-weight: 600; }
.t-h3      { font-size: var(--t-h3); line-height: var(--lh-sub); letter-spacing: var(--tr-sub); font-weight: 600; }
.t-h4      { font-size: var(--t-h4); line-height: var(--lh-sub); letter-spacing: -0.01em; font-weight: 600; }
.t-h5      { font-size: var(--t-h5); line-height: 1.3; letter-spacing: -0.005em; font-weight: 600; }
.t-lead    { font-size: var(--t-lead); line-height: 1.6; color: var(--texto-2); text-wrap: pretty; }
.t-cuerpo  { font-size: var(--t-cuerpo); line-height: var(--lh-cuerpo); color: var(--texto-2); text-wrap: pretty; }
.t-sm      { font-size: var(--t-sm); line-height: 1.5; color: var(--texto-2); }
.t-xs      { font-size: var(--t-xs); line-height: 1.45; color: var(--texto-2); }
.t-datos   { font-family: var(--fuente-datos); font-weight: 500; font-size: 13px; letter-spacing: 0; font-variant-numeric: tabular-nums; }
.versalitas {
  font: 600 var(--t-micro)/1.2 var(--fuente); letter-spacing: var(--tr-versal);
  text-transform: uppercase; color: var(--texto-2);
}
.ruta { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font: 500 13px/1.3 var(--fuente); color: var(--texto-2); }
.ruta a { color: var(--texto-2); text-decoration: none; }
.ruta a:hover { color: var(--interaccion); text-decoration: underline; }
.ruta .sep { color: var(--navy-300); }
.ruta [aria-current] { display: inline-flex; align-items: center; gap: 7px; font-weight: 600; color: var(--texto); }
.ruta [aria-current]::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--pupila, var(--acento)); flex: none; }
:is(.sobre-oscuro, .atm-navy, .on-dark, .aurora-dark, .sec--navy) .ruta, :is(.sobre-oscuro, .atm-navy, .on-dark, .aurora-dark, .sec--navy) .ruta a { color: var(--texto-invertido-2); }
:is(.sobre-oscuro, .atm-navy, .on-dark, .aurora-dark, .sec--navy) .ruta [aria-current] { color: var(--blanco); }
:is(.sobre-oscuro, .atm-navy, .on-dark, .aurora-dark, .sec--navy) .ruta .sep { color: var(--navy-600); }
.eyebrow {
  display: inline-flex; align-items: center; gap: 10px;
  font: 600 12px/1.2 var(--fuente); letter-spacing: var(--tr-versal); text-transform: uppercase;
  color: var(--interaccion);
}
.eyebrow::before {
  content: ""; width: 16px; height: 8px; border-radius: 999px; flex: none;
  background: linear-gradient(90deg, var(--acento), var(--capsula-b));
}
.sobre-oscuro .eyebrow { color: var(--texto-invertido-2); }
.contenedor { width: min(100% - 2 * var(--margen), var(--ancho)); margin-inline: auto; }
.etiqueta {
  display: inline-flex; align-items: center; gap: 8px; height: 30px; padding: 0 12px 0 10px;
  border-radius: var(--r-chip); background: var(--blanco); color: var(--navy-700);
  font: 500 13px/1 var(--fuente); box-shadow: 0 0 0 1px var(--borde-suave), var(--sombra-1);
  white-space: nowrap;
}
.etiqueta .capsula, .etiqueta::before { flex: none; }
.etiqueta--tinte { background: var(--int-75); box-shadow: none; color: var(--int-700); }
.chip {
  display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px;
  border-radius: var(--r-chip); white-space: nowrap;
  font: 600 12px/1 var(--fuente); letter-spacing: 0;
  background: var(--navy-100); color: var(--navy-700);                            
}
.chip--punto::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none; }
.chip--ok      { background: var(--ok-fondo);    color: var(--ok-tinta); }      
.chip--aviso   { background: var(--aviso-fondo); color: var(--aviso-tinta); }   
.chip--error   { background: var(--error-fondo); color: var(--error-tinta); }   
.chip--info { background: var(--info-fondo); color: var(--info-tinta); }      
.chip--azul, .chip--interfaz { background: var(--int-100); color: var(--int-700); }  
.chip--lavanda, .chip--puente { background: var(--pu-100); color: var(--pu-700); }  
.chip--rosa, .chip--acento { background: var(--acento-suave); color: var(--acento-tinta); } 
.chip--acento-2 { background: var(--acento-2-suave); color: var(--acento-2-tinta-suave); } 
.chip--ok.chip--punto::before    { background: var(--ok); }
.chip--aviso.chip--punto::before { background: var(--aviso); }
.chip--error.chip--punto::before { background: var(--error); }
.contador {
  display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 6px;
  border-radius: var(--r-chip); background: var(--interaccion); color: var(--blanco);   
  font: 600 11px/1 var(--fuente-datos);
}
.contador--suave { background: var(--int-100); color: var(--int-700); }
.insignia {
  display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 9px;
  border-radius: var(--r-chip); white-space: nowrap;
  background: var(--acento-2); color: var(--acento-2-texto);
  font: 600 11.5px/1 var(--fuente); letter-spacing: .01em;
}
.insignia--suave { background: var(--acento-2-suave); color: var(--acento-2-tinta-suave); }
.tarjeta {
  position: relative; background: var(--superficie); color: var(--texto);
  border: 1px solid var(--borde-suave); border-radius: var(--r-xl);
  box-shadow: var(--sombra-1); padding: var(--e-6);
}
.tarjeta--plana { border-color: transparent; box-shadow: none; }                  
.tarjeta--flotante { border-color: transparent; box-shadow: var(--sombra-2); border-radius: var(--r-lg); padding: 14px 16px; } 
.tarjeta--protagonista {                                                           
  background: var(--protagonista); color: var(--protagonista-texto); border-color: transparent;
  box-shadow: 0 18px 40px -22px var(--protagonista-sombra);
  overflow: hidden; isolation: isolate;
}
.tarjeta--protagonista :is(h2, h3, h4, h5, p, .t-sm, .t-xs) { color: var(--protagonista-texto); }
.tarjeta--protagonista .mosaico--sobre-color { background: var(--protagonista-velo); color: var(--protagonista-texto); }
.tarjeta--oscura { background: var(--navy-950); color: var(--blanco); border-color: transparent; overflow: hidden; isolation: isolate; }
.tarjeta--oscura :is(h2, h3, h4, h5) { color: var(--blanco); }
.tarjeta--oscura :is(p, .t-sm, .t-xs) { color: var(--texto-invertido-2); }
.tarjeta--pastel { border-color: transparent; box-shadow: none; background: var(--pastel, var(--int-50)); border-radius: var(--r-lg); } 
.tarjeta--pastel:is(.is-azul, .is-interfaz)   { --pastel: var(--int-50); }
.tarjeta--pastel:is(.is-lavanda, .is-puente)  { --pastel: var(--pu-50); }
.tarjeta--pastel.is-neutra                    { --pastel: var(--navy-50); }
.tarjeta--pastel:is(.is-rosa, .is-acento)     { --pastel: var(--acento-suave); }   
.tarjeta--pastel.is-acento-2                  { --pastel: var(--ac2-50); }
.tarjeta--enlace { text-decoration: none; transition: border-color var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-out); }
@media (hover: hover) { .tarjeta--enlace:hover { border-color: var(--int-200); background-color: var(--int-25); } }
.tarjeta__cabeza { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: var(--e-4); }
.tarjeta__titulo { font: 600 16px/1.3 var(--fuente); letter-spacing: -0.005em; color: inherit; }
.tarjeta__meta { font-size: var(--t-xs); color: var(--texto-2); }
.contenedor-tinte { background: var(--fondo-tinte); border-radius: var(--r-2xl); padding: var(--e-4); }
.mosaico {
  --m: 40px; width: var(--m); height: var(--m); flex: none; border-radius: 50%;
  display: grid; place-items: center; background: var(--int-100); color: var(--interaccion);   
}
.mosaico svg { width: 20px; height: 20px; }
.mosaico--lg { --m: 52px; }
.mosaico--lg svg { width: 24px; height: 24px; }
.mosaico--cuadrado { border-radius: var(--r-md); }
.mosaico--lavanda, .mosaico--puente { background: var(--pu-100); color: var(--pu-700); }
.mosaico--neutro  { background: var(--navy-100); color: var(--navy-700); }
.mosaico--sobre-color { background: rgb(255 255 255 / .16); color: var(--blanco); }
.icono { display: inline-grid; place-items: center; width: 24px; height: 24px; flex: none; color: var(--interaccion); }   
.icono svg { width: 100%; height: 100%; }
.icono--sm { width: 20px; height: 20px; }
.icono--lg { width: 28px; height: 28px; }
.icono--acento   { color: var(--acento-tinta); }     
.icono--acento-2 { color: var(--acento-2-tinta); }   
:is(.sobre-oscuro, .atm-navy, .on-dark, .aurora-dark, .sec--navy) .icono { color: var(--acento-osc); }        
.tarjeta--protagonista .icono { color: inherit; }
.icono-linea { fill: none; stroke: currentColor; stroke-width: 1.75; stroke-linecap: round; stroke-linejoin: round; }
.segmentado {
  display: inline-flex; gap: 2px; padding: 4px; border-radius: var(--r-boton);
  background: var(--fondo-tinte); max-width: 100%; overflow-x: auto; scrollbar-width: none;
}
.segmentado::-webkit-scrollbar { display: none; }
.segmentado > button {
  display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 14px;
  border: 0; border-radius: var(--r-boton-dentro); background: transparent; cursor: pointer; white-space: nowrap;
  font: 600 13px/1 var(--fuente); color: var(--texto-2);
  transition: background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
}
.segmentado > button:hover { color: var(--texto); }
.segmentado > [aria-selected="true"] {
  background: var(--blanco); color: var(--texto);
  box-shadow: 0 1px 2px rgb(0 17 68 / .08), 0 0 0 1px rgb(0 17 68 / .04);
}
.segmentado .n { font: 600 11.5px/1 var(--fuente-datos); color: var(--interaccion); }   
.tabla-marco { overflow-x: auto; border-radius: var(--r-md); }
.tabla { width: 100%; border-collapse: separate; border-spacing: 0; font-size: var(--t-sm); }
.tabla th {
  text-align: left; padding: 10px 14px; background: var(--int-50); white-space: nowrap;
  font: 600 var(--t-micro)/1.2 var(--fuente); letter-spacing: var(--tr-versal); text-transform: uppercase; color: var(--texto-2); 
}
.tabla th:first-child { border-radius: var(--r-fila) 0 0 var(--r-fila); }
.tabla th:last-child  { border-radius: 0 var(--r-fila) var(--r-fila) 0; }
.tabla td { padding: 12px 14px; height: 48px; border-top: 1px solid var(--borde-suave); color: var(--texto); white-space: nowrap; }
.tabla tbody tr:first-child td { border-top: 0; }
.tabla .dato { font-family: var(--fuente-datos); font-weight: 500; font-size: 13px; }
.tabla .num  { text-align: right; font-family: var(--fuente-datos); font-weight: 500; font-size: 13px; font-variant-numeric: tabular-nums; }
.tabla .sec  { color: var(--texto-2); }
.tabla tbody tr { transition: background-color 150ms var(--ease-out); }
@media (hover: hover) { .tabla tbody tr:hover { background: var(--int-25); } }
.progreso { position: relative; height: 8px; border-radius: var(--r-full); background: var(--int-100); overflow: hidden; }
.progreso > i { display: block; height: 100%; width: var(--v, 40%); border-radius: inherit; background: var(--interaccion); transition: width var(--dur-lenta) var(--ease-out); }
.progreso--fino { height: 6px; }
.progreso--rayado { background: repeating-linear-gradient(135deg, var(--int-200) 0 2px, var(--int-50) 2px 6px); }
.progreso--lavanda > i, .progreso--puente > i { background: var(--pu-600); }
.progreso--acento-2 > i { background: var(--acento-2); }
.progreso--aviso > i { background: var(--aviso); }
.datos { display: grid; margin: 0; }
.datos > div { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding: 10px 0; border-top: 1px solid var(--borde-suave); font-size: var(--t-sm); }
.datos > div:first-child { border-top: 0; }
.datos dt { color: var(--texto-2); }
.datos dd { margin: 0; font-weight: 600; color: var(--texto); text-align: right; min-width: 0; }
.datos dd a { color: var(--interaccion); text-decoration: none; }
.datos dd a:hover { text-decoration: underline; }
.datos .dato { font-family: var(--fuente-datos); font-weight: 500; font-size: 13px; }
.meta { display: flex; flex-wrap: wrap; gap: 4px 8px; align-items: center; font-size: var(--t-xs); color: var(--texto-2); }
.meta > * + *::before { content: "·"; margin-right: 8px; color: var(--navy-400); }
.rayado { background: repeating-linear-gradient(135deg, var(--int-100) 0 2px, transparent 2px 7px); }
.lienzo-puntos {
  background-color: var(--int-100);
  background-image: radial-gradient(circle at 1px 1px, rgb(0 17 68 / .10) 1px, transparent 1.4px);
  background-size: 18px 18px;
}
.vidrio { background: var(--superficie-vidrio); -webkit-backdrop-filter: blur(14px) saturate(1.2); backdrop-filter: blur(14px) saturate(1.2); }
.filete { height: 1px; border: 0; margin: 0; background: linear-gradient(90deg, transparent, var(--int-200), transparent); }
.avatar { width: 32px; height: 32px; flex: none; border-radius: 50%; display: grid; place-items: center; background: var(--int-100); color: var(--int-700); font: 600 12px/1 var(--fuente); }
.avatar--lavanda, .avatar--puente { background: var(--pu-100); color: var(--pu-700); }
.ejemplo {
  display: inline-flex; align-items: center; gap: 6px; height: 22px; padding: 0 8px; border-radius: var(--r-chip);
  background: var(--blanco); color: var(--navy-600); box-shadow: 0 0 0 1px var(--borde-suave);
  font: 600 10.5px/1 var(--fuente); letter-spacing: .06em; text-transform: uppercase; white-space: nowrap;
}
.ejemplo::before { content: ""; width: 10px; height: 10px; border-radius: 3px; flex: none; background: repeating-linear-gradient(135deg, var(--navy-300) 0 1.5px, transparent 1.5px 3.5px); }
.nota {
  display: inline-flex; align-items: flex-end; gap: 4px; color: var(--interaccion);
  font: 600 24px/1 var(--fuente-mano); letter-spacing: 0; transform: rotate(-6deg); transform-origin: left bottom;
}
.nota svg { width: 46px; height: 34px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.imagen-caja { container: imagen-caja / inline-size; }
.imagen { position: relative; isolation: isolate; width: 100%; margin: 0; }
.imagen__marco { position: relative; overflow: hidden; aspect-ratio: var(--prop, 4 / 5); border-radius: var(--r-2xl); background: var(--int-75); }
.imagen__marco > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: var(--encuadre, 50% 32%); }
.imagen__marco::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 1px var(--borde-suave); pointer-events: none; }
.imagen__marco:has(> img.es-captura) { aspect-ratio: auto; }
.imagen__marco > img.es-captura { position: relative; height: auto; object-position: 0 0; }
.imagen--desfase { --d: clamp(10px, 4cqi, 22px); padding: 0 0 var(--d) var(--d); }
.imagen--desfase::before {
  content: ""; position: absolute; z-index: -1; left: 0; bottom: 0; pointer-events: none;
  width: calc(100% - var(--d)); height: calc(100% - var(--d)); border-radius: var(--r-2xl);
  background: linear-gradient(155deg, var(--int-100), var(--pu-100));
}
.imagen--piezas {
  --aire: clamp(40px, 11cqi, 56px); --izq: 12%; --der: 7%; --abajo: 6%;
  padding: var(--aire) var(--der) var(--abajo) var(--izq);
}
.imagen--piezas:not(:has(> .imagen__nota, > [data-sitio="aire-der"])) { --aire: 4%; }
.imagen--piezas:not(:has(> [data-sitio="abajo-izq"], > [data-sitio="borde-izq"])) { --izq: 4%; }
.imagen--piezas:has(> .imagen__marco > img.es-captura) { --der: 13%; --abajo: 11%; }
.flota { position: absolute; z-index: 2; margin: 0; }
.flota[data-sitio="abajo-izq"] { left: 0; bottom: 12%; }
.flota[data-sitio="abajo-der"] { right: 0; bottom: 0; }
.flota[data-sitio="borde-der"] { right: max(0px, calc(var(--der) - var(--m) / 2)); top: calc(var(--aire) + 9%); }
.flota[data-sitio="borde-izq"] { left: max(0px, calc(var(--izq) - var(--m) / 2)); top: calc(var(--aire) + 30%); }
.flota[data-sitio="aire-der"] { right: 12%; top: calc(var(--aire) / 2 - 14px); }
.flota--tarjeta { width: min(54%, 250px); }
.flota--ilus { width: clamp(84px, 24cqi, 128px); height: auto; display: block; }
.flota.mosaico { --m: 52px; background: var(--blanco); color: var(--interaccion); box-shadow: 0 0 0 1px var(--borde-suave), var(--sombra-2); }
.flota.mosaico svg { width: 24px; height: 24px; }
.flota.mosaico.flota--llena { background: var(--protagonista); color: var(--protagonista-texto); box-shadow: 0 14px 28px -12px var(--protagonista-sombra), 0 2px 6px rgb(0 17 68 / .08); }
.flota.icono { --m: 28px; }
.flota--foto {
  --m: clamp(96px, 26cqi, 140px); width: var(--m); aspect-ratio: var(--prop-pieza, 1); overflow: hidden;
  border-radius: var(--r-lg); background: var(--int-75); box-shadow: 0 0 0 4px var(--blanco), var(--sombra-2);
}
.flota--foto > img { width: 100%; height: 100%; object-fit: cover; object-position: var(--encuadre, 50% 40%); }
.imagen__nota { position: absolute; z-index: 2; left: 0; top: 0; font-size: clamp(19px, 5cqi, 24px); }
.imagen__nota svg { width: 34px; height: 30px; margin-left: 2px; transform: translateY(8px); }
.imagen--ventana { padding: 0 8px 8px; border-radius: var(--r-2xl); background: var(--blanco); box-shadow: 0 0 0 1px var(--borde-suave), var(--sombra-2); }
.imagen--ventana .imagen__marco { border-radius: calc(var(--r-2xl) - 8px); }
:where(.imagen--ventana) .ventana__barra { display: flex; align-items: center; justify-content: space-between; gap: 10px; height: 44px; padding: 0 8px 0 10px; }
:where(.imagen--ventana) .ventana__titulo { display: inline-flex; align-items: center; gap: 8px; font: 600 13px/1 var(--fuente); color: var(--texto); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; }
:where(.imagen--ventana) .ventana__titulo svg { width: 20px; height: auto; flex: none; }
:where(.imagen--ventana) .ventana__estado { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 10px; border-radius: var(--r-chip); background: var(--ok-fondo); color: var(--ok-tinta); font: 600 12px/1 var(--fuente); flex: none; }
:where(.imagen--ventana) .ventana__estado::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--ok); }
:where(.imagen--ventana) .ventana__dato {
  position: absolute; z-index: 2; left: 10px; right: 10px; bottom: 10px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px;
  padding: 12px 14px; border-radius: calc(var(--r-2xl) - 16px); box-shadow: 0 0 0 1px rgb(255 255 255 / .6), var(--sombra-2);
}
:where(.imagen--ventana) .ventana__dato span { font: 600 12.5px/1.2 var(--fuente); color: var(--navy-700); }
:where(.imagen--ventana) .ventana__dato b { font: 600 clamp(18px, 5cqi, 22px)/1 var(--fuente-datos); letter-spacing: -.02em; color: var(--texto); }
:where(.imagen--ventana) .ventana__dato small { flex-basis: 100%; font: 500 12px/1.3 var(--fuente); color: var(--navy-700); }
@container imagen-caja (max-width: 480px) {
  .imagen--piezas { --aire: 40px; --izq: 4%; --der: 4%; --abajo: 9%; }
  .imagen--piezas:not(:has(> .imagen__nota, > [data-sitio="aire-der"])) { --aire: 4%; }
  .imagen--piezas:has(> .imagen__marco > img.es-captura) { --der: 12%; --abajo: 14%; }
  .flota[data-movil="no"] { display: none; }
  .flota--tarjeta { width: min(250px, calc(100% - 100px)); }
  .flota[data-sitio="abajo-izq"] { bottom: 5%; }
  .flota.mosaico { --m: 44px; }
  .flota.mosaico svg { width: 21px; height: 21px; }
  .flota--ilus { width: 84px; }
  .flota--foto { --m: 92px; }
  .imagen__nota { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; }
  .btn .flecha, .progreso > i { transition: none !important; }
}
:root, .tema-buho, .theme-buho, .tema-fastura, .theme-fastura, .brand--fastura, .tema-waya, .theme-waya, .brand--waya {
  --buho-navy-950: var(--navy-950); --buho-navy-900: var(--navy-900); --buho-navy-850: var(--azul-800);
  --buho-navy-800: var(--azul-800); --buho-navy-750: var(--azul-700); --buho-navy-700: var(--azul-600);
  --buho-blue-700: var(--azul-700); --buho-blue-600: var(--azul-600); --buho-blue-500: var(--azul-500);
  --buho-blue-400: var(--azul-400); --buho-blue-300: var(--azul-300); --buho-blue-200: var(--azul-200);
  --buho-blue-100: var(--azul-100); --buho-blue-50: var(--azul-50);
  --buho-pink-700: var(--rosa-700); --buho-pink-600: var(--rosa-600); --buho-pink-500: var(--rosa-500);
  --buho-pink-400: var(--rosa-400); --buho-pink-300: var(--rosa-300); --buho-pink-200: var(--rosa-200); --buho-pink-100: var(--rosa-100);
  --buho-lavender-500: var(--lavanda-500); --buho-lavender-300: var(--lavanda-300); --buho-lavender-100: var(--lavanda-100);
  --buho-cream: var(--fondo);
  --color-bg: var(--fondo); --color-bg-subtle: var(--fondo-banda); --color-bg-muted: var(--fondo-tinte);
  --color-surface: var(--superficie); --color-surface-2: var(--fondo-inerte);
  --color-border: var(--borde); --color-border-soft: var(--borde-suave); --color-border-strong: var(--borde-fuerte);
  --color-text: var(--texto); --color-text-muted: var(--texto-2); --color-text-subtle: var(--texto-2); --color-text-inverse: var(--texto-invertido);
  --color-primary: var(--accion); --color-primary-hover: var(--accion-hover); --color-primary-contrast: var(--accion-texto);
  --color-accent: var(--acento); --color-accent-hover: var(--acento-tinta); --color-accent-subtle: var(--acento-suave);
  --color-highlight: var(--interaccion); --color-highlight-soft: var(--fondo-seleccion); --color-highlight-contrast: var(--blanco);
  --color-brand-blue: var(--azul-600); --color-brand-blue-subtle: var(--azul-100);
  --color-success: var(--ok); --color-success-bg: var(--ok-fondo); --color-success-border: var(--ok-borde); --color-success-ink: var(--ok-tinta);
  --color-warning: var(--aviso); --color-warning-bg: var(--aviso-fondo); --color-warning-border: var(--aviso-borde); --color-warning-ink: var(--aviso-tinta);
  --color-danger: var(--error); --color-danger-bg: var(--error-fondo); --color-danger-border: var(--error-borde); --color-danger-ink: var(--error-tinta);
  --color-info: var(--info); --color-info-bg: var(--info-fondo); --color-info-border: var(--info-borde); --color-info-ink: var(--info-tinta);
  --font-sans: var(--fuente); --font-mono: var(--fuente-datos); --font-display-identity: 'Olive Display', var(--fuente);
  --fs-display-2xl: var(--t-display); --fs-display-xl: var(--t-display); --fs-display-lg: var(--t-display);
  --fs-h1: var(--t-h1); --fs-h2: var(--t-h2); --fs-h3: var(--t-h3); --fs-h4: var(--t-h4); --fs-h5: var(--t-h5);
  --fs-body-lg: var(--t-lead); --fs-body: var(--t-cuerpo); --fs-body-sm: var(--t-sm); --fs-caption: var(--t-xs); --fs-micro: var(--t-micro);
  --lh-tight: var(--lh-display); --lh-snug: var(--lh-titulo); --lh-normal: var(--lh-cuerpo); --lh-relaxed: 1.7;
  --ls-tight: var(--tr-display); --ls-snug: var(--tr-titulo); --ls-normal: 0; --ls-wide: .02em; --ls-eyebrow: var(--tr-versal);
  --space-0: 0; --space-1: var(--e-1); --space-2: var(--e-2); --space-3: var(--e-3); --space-4: var(--e-4); --space-5: var(--e-5);
  --space-6: var(--e-6); --space-8: var(--e-8); --space-10: var(--e-10); --space-12: var(--e-12); --space-16: var(--e-16);
  --space-20: var(--e-20); --space-24: var(--e-24); --space-32: 128px;
  --radius-xs: var(--r-xs); --radius-sm: var(--r-sm); --radius-md: var(--r-md); --radius-lg: var(--r-xl); --radius-xl: var(--r-xl); --radius-2xl: var(--r-2xl); --radius-full: var(--r-full);
  --shadow-xs: var(--sombra-1); --shadow-sm: var(--sombra-1); --shadow-md: var(--sombra-2); --shadow-lg: var(--sombra-3); --shadow-xl: var(--sombra-3);
  --shadow-focus-ring: 0 0 0 3px color-mix(in srgb, var(--foco) 35%, transparent);
  --ease-in-out: var(--ease-camara); --ease-spring: var(--ease-out); 
  --dur-fast: var(--dur-rapida); --dur-slow: var(--dur-lenta);
  --container-wide: 1360px; --btn-h: 44px; --btn-px: 20px; --density-scale: 1;
  --white: var(--blanco);
  --gray-50: var(--navy-50); --gray-100: var(--navy-50); --gray-150: var(--navy-100); --gray-200: var(--navy-100);
  --gray-300: var(--navy-200); --gray-400: var(--navy-400); --gray-500: var(--navy-500); --gray-600: var(--navy-600);
  --gray-700: var(--navy-700); --gray-800: var(--navy-800); --gray-900: var(--navy-900); --gray-950: var(--navy-950);
  --shadow-glow-pink: var(--sombra-2); --shadow-glow-blue: var(--sombra-2);   
  --motif-a: var(--acento); --motif-a-ink: var(--acento-tinta); --motif-a-light: var(--acento-osc); --motif-a-soft: var(--ac-100);
  --motif-b: var(--acento-2); --motif-b-ink: var(--acento-2-tinta); --motif-b-light: var(--acento-2-osc); --motif-b-soft: var(--acento-2-suave);
  --z-below: -1; --z-base: 0; --z-raised: 10; --z-sticky: 50; --z-dropdown: 200; --z-overlay: 800; --z-modal: 900; --z-toast: 1000; --z-tooltip: 1100;
}
/* pack/v2-componentes.css */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-sans);
  font-size: var(--fs-body);
  line-height: var(--lh-normal);
  color: var(--color-text);
  background: var(--color-bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
a { color: inherit; }
button { font-family: inherit; }
img, svg { display: block; max-width: 100%; }
.container { max-width: var(--container); margin: 0 auto; padding: 0 var(--space-8); }
.container-wide { max-width: var(--container-wide); margin: 0 auto; padding: 0 var(--space-8); }
.eyebrow {
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: var(--fs-caption);
  letter-spacing: var(--ls-eyebrow);
  text-transform: uppercase;
  color: var(--color-brand-blue);
  display: inline-flex;
  align-items: center;
  gap: 9px;
}
.eyebrow::before {
  content: "";
  width: 16px; height: 8px;
  border-radius: 9999px;
  flex-shrink: 0;
  background: linear-gradient(90deg, var(--buho-pink-600), var(--buho-blue-600));
}
.eyebrow--dark { color: var(--buho-pink-300); }
.em-pink { font-style: italic; font-weight: 300; color: var(--buho-pink-600); }
.em-pink--dark { font-style: italic; font-weight: 300; color: var(--buho-pink-300); }
::selection { background: var(--buho-pink-600); color: var(--white); }
.h-display { font-size: var(--fs-display-lg); font-weight: 800; line-height: var(--lh-tight); letter-spacing: var(--ls-tight); }
.h-1 { font-size: var(--fs-h1); font-weight: 800; line-height: var(--lh-tight); letter-spacing: var(--ls-tight); margin: 0; }
.h-2 { font-size: var(--fs-h2); font-weight: 700; line-height: var(--lh-snug); letter-spacing: var(--ls-snug); margin: 0; }
.h-3 { font-size: var(--fs-h3); font-weight: 700; line-height: var(--lh-snug); letter-spacing: var(--ls-snug); margin: 0; }
.h-4 { font-size: var(--fs-h4); font-weight: 600; line-height: var(--lh-snug); margin: 0; }
.text-muted { color: var(--color-text-muted); }
.text-subtle { color: var(--color-text-subtle); }
.text-accent { color: var(--color-accent); }
.text-blue { color: var(--color-brand-blue); }
.text-mono { font-family: var(--font-mono); }
.buho-panel {
  border-radius: var(--radius-lg);
  background: var(--color-bg-subtle);
  position: relative;
  overflow: hidden;
}
.buho-panel--navy { background: var(--buho-navy-950); color: var(--white); }
.buho-panel--blue { background: var(--buho-blue-600); color: var(--white); }
.buho-panel--pink { background: var(--buho-pink-600); color: var(--white); }
.buho-panel--gradient {
  background: linear-gradient(135deg, var(--buho-navy-950) 0%, var(--buho-blue-600) 100%);
  color: var(--white);
}
.buho-pattern {
  display: inline-flex;
  gap: 4px;
  align-items: center;
}
.buho-pattern .dot {
  width: 8px;
  height: 16px;
  border-radius: 0;
  background: currentColor;
}
.buho-pattern--vertical { flex-direction: column; gap: 4px; }
.buho-pattern--vertical .dot {
  width: 16px; height: 8px;
  border-radius: 0;
}
.buho-dot {
  display: inline-block;
  width: 12px; height: 12px;
  border-radius: 0;
  background: var(--buho-pink-600);
  vertical-align: middle;
}
.buho-dot--lg { width: 20px; height: 20px; }
.buho-bar {
  height: 4px;
  border-radius: 9999px;
  background: linear-gradient(90deg, var(--buho-pink-600), var(--buho-blue-600));
  width: 56px;
}
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  --btn-h: calc(48px * var(--density-scale));
  --btn-px: calc(22px * var(--density-scale));
  height: var(--btn-h);
  padding: 0 var(--btn-px);
  border-radius: var(--radius-full);
  border: 1px solid transparent;
  font-family: var(--font-sans);
  font-weight: 600;
  font-size: var(--fs-body-sm);
  letter-spacing: 0.01em;
  cursor: pointer;
  white-space: nowrap;
  transition: transform var(--dur-fast) var(--ease-out),
              background var(--dur-base) var(--ease-out),
              box-shadow var(--dur-base) var(--ease-out),
              color var(--dur-base) var(--ease-out);
  text-decoration: none;
  user-select: none;
}
.btn:active { transform: translateY(1px); }
.btn:focus-visible { outline: none; box-shadow: var(--shadow-focus-ring); }
.btn .btn-arrow { transition: transform var(--dur-base) var(--ease-out); }
.btn:hover .btn-arrow { transform: translateX(3px); }
.btn--primary {
  background: var(--color-primary);
  color: var(--color-primary-contrast);
}
.btn--primary:hover { background: var(--color-primary-hover); box-shadow: var(--shadow-md); }
.btn--accent {
  background: var(--color-accent);
  color: #fff;
}
.btn--accent:hover { background: var(--color-accent-hover); box-shadow: var(--shadow-glow-pink); }
.btn--secondary {
  background: var(--white);
  color: var(--color-primary);
  border-color: var(--color-border);
}
.btn--secondary:hover { border-color: var(--color-primary); background: var(--gray-100); }
.btn--ghost {
  background: transparent;
  color: var(--color-primary);
}
.btn--ghost:hover { background: var(--gray-100); }
.btn--danger {
  background: var(--color-danger);
  color: #fff;
}
.btn--danger:hover { background: #D92D20; }
.btn--xs { --btn-h: calc(24px * var(--density-scale)); --btn-px: calc(10px * var(--density-scale)); font-size: 12px; }
.btn--sm { --btn-h: calc(36px * var(--density-scale)); --btn-px: calc(14px * var(--density-scale)); font-size: var(--fs-caption); }
.btn--lg { --btn-h: calc(56px * var(--density-scale)); --btn-px: calc(28px * var(--density-scale)); font-size: var(--fs-body); }
.btn--icon { width: var(--btn-h); padding: 0; }
.btn--block { width: 100%; }
.field { display: flex; flex-direction: column; gap: 6px; }
.field > label {
  font-size: var(--fs-caption);
  font-weight: 600;
  color: var(--color-text);
}
.input, .textarea, .select {
  height: calc(48px * var(--density-scale));
  padding: 0 14px;
  border-radius: var(--radius-md);
  border: 1px solid rgba(0, 17, 68, 0.12); 
  background: var(--white);
  color: var(--color-text);
  font-family: inherit;
  font-size: var(--fs-body-sm);
  transition: border-color var(--dur-base) var(--ease-out),
              box-shadow var(--dur-base) var(--ease-out);
  width: 100%;
}
.textarea { height: auto; padding: 12px 14px; min-height: 96px; line-height: var(--lh-normal); resize: vertical; }
.input:hover, .textarea:hover, .select:hover { border-color: rgba(0, 17, 68, 0.28); }
.input:focus, .textarea:focus, .select:focus {
  outline: none;
  border-color: var(--color-highlight);
  box-shadow: var(--shadow-focus-ring);
}
.input::placeholder, .textarea::placeholder { color: var(--color-text-subtle); }
.input-group {
  position: relative;
  display: flex;
  align-items: center;
}
.input-group .input { padding-left: 42px; }
.input-group .input-icon {
  position: absolute; left: 14px; top: 50%;
  transform: translateY(-50%);
  color: var(--color-text-subtle);
  pointer-events: none;
}
.help { font-size: var(--fs-caption); color: var(--color-text-muted); }
.help--error { color: var(--color-danger-ink); }
.field--error .input,
.field--error .textarea { border-color: var(--color-danger); }
.field--error .input:focus,
.field--error .textarea:focus { box-shadow: 0 0 0 3px rgba(240, 68, 56, 0.15); }
.field--success .input { border-color: var(--color-success); }
.check {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
  font-size: var(--fs-body-sm);
}
.check input { position: absolute; opacity: 0; pointer-events: none; }
.check .box {
  width: 20px; height: 20px;
  border-radius: 6px;
  border: 1.5px solid var(--color-border-strong);
  background: var(--white);
  display: inline-grid; place-items: center;
  transition: all var(--dur-base) var(--ease-out);
}
.check .box::after {
  content: "";
  width: 10px; height: 6px;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg) scale(0);
  margin-top: -2px;
  transition: transform var(--dur-base) var(--ease-spring);
}
.check input:checked + .box {
  background: var(--color-primary);
  border-color: var(--color-primary);
}
.check input:checked + .box::after { transform: rotate(-45deg) scale(1); }
.check input:focus-visible + .box { box-shadow: var(--shadow-focus-ring); }
.radio .box { border-radius: 50%; }
.radio .box::after {
  width: 10px; height: 10px; border: none;
  border-radius: 50%; background: #fff;
  transform: scale(0);
  margin: 0;
}
.radio input:checked + .box::after { transform: scale(1); }
.toggle { position: relative; display: inline-flex; align-items: center; gap: 10px; cursor: pointer; }
.toggle input { position: absolute; opacity: 0; }
.toggle .track {
  width: 40px; height: 22px;
  border-radius: 9999px;
  background: var(--gray-300);
  position: relative;
  transition: background var(--dur-base) var(--ease-out);
}
.toggle .track::after {
  content: "";
  position: absolute;
  top: 2px; left: 2px;
  width: 18px; height: 18px;
  border-radius: 50%;
  background: #fff;
  box-shadow: var(--shadow-xs);
  transition: transform var(--dur-base) var(--ease-spring);
}
.toggle input:checked + .track { background: var(--color-primary); }
.toggle input:checked + .track::after { transform: translateX(18px); }
.card {
  background: var(--white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-lg);
  padding: var(--space-6);
  transition: border-color var(--dur-base) var(--ease-out),
              box-shadow var(--dur-base) var(--ease-out),
              transform var(--dur-base) var(--ease-out);
}
.card--hover:hover {
  border-color: var(--buho-blue-400);
  box-shadow: var(--shadow-md);
  transform: translateY(-2px);
}
.card--elevated { border: none; box-shadow: var(--shadow-lg); }
.card--dark { background: var(--buho-navy-950); color: var(--white); border: none; }
.card--cream { background: var(--buho-cream); border-color: transparent; }
.card--buho { border-radius: var(--radius-lg); }
.card--feature { border-radius: var(--radius-lg); background: var(--buho-cream); border-color: transparent; padding: var(--space-8); }
.card--aurora { background: radial-gradient(circle at 100% 0%, rgba(255,0,111,0.16) 0%, rgba(255,0,111,0) 60%), var(--white); }
.card--wash   { background: linear-gradient(180deg, var(--white) 0%, var(--white) 55%, rgba(255,0,111,0.07) 100%), var(--white); }
.card--aura   { box-shadow: 0 24px 56px -20px rgba(255,0,111,0.30), 0 8px 18px -6px rgba(0,17,68,0.06), 0 1px 2px rgba(0,17,68,0.04); }
.rule--firma  { height: 2px; width: 150px; border-radius: 2px; background: linear-gradient(90deg, var(--buho-pink-600), var(--buho-blue-600)); filter: blur(0.5px); }
.badge {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: var(--fs-micro);
  font-weight: 600;
  letter-spacing: 0.01em;
  padding: 4px 10px;
  border-radius: 9999px;
  background: var(--buho-cream);
  color: var(--color-text);
  border: 1px solid transparent;
}
.badge--status { 
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-weight: 700;
}
.badge--pink  { background: var(--buho-pink-100); color: var(--buho-pink-700); }
.badge--blue  { background: var(--buho-blue-100); color: var(--buho-blue-600); }
.badge--navy  { background: var(--buho-navy-950); color: var(--white); }
.badge--success { background: var(--color-success-bg); color: var(--color-success-ink); text-transform: uppercase; letter-spacing: 0.04em; font-weight: 700; }
.badge--warning { background: var(--color-warning-bg); color: var(--color-warning-ink); text-transform: uppercase; letter-spacing: 0.04em; font-weight: 700; }
.badge--danger  { background: var(--color-danger-bg); color: var(--color-danger-ink); text-transform: uppercase; letter-spacing: 0.04em; font-weight: 700; }
.badge--dot::before {
  content: "";
  width: 6px; height: 6px;
  border-radius: 50%;
  background: currentColor;
}
.tag {
  display: inline-flex; align-items: center; gap: 6px;
  font-size: var(--fs-caption);
  font-weight: 500;
  padding: 6px 12px;
  border-radius: 9999px;
  background: var(--white);
  color: var(--color-text);
  border: 1px solid var(--color-border);
  cursor: pointer;
  transition: all var(--dur-base) var(--ease-out);
}
.tag:hover { border-color: var(--color-primary); }
.tag--active { background: var(--color-primary); color: var(--white); border-color: var(--color-primary); }
.avatar {
  width: 40px; height: 40px;
  border-radius: 50%;
  background: var(--buho-blue-100);
  color: var(--buho-blue-600);
  display: inline-grid; place-items: center;
  font-weight: 700;
  font-size: var(--fs-caption);
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
}
.avatar img { width: 100%; height: 100%; object-fit: cover; }
.avatar--sm { width: 28px; height: 28px; font-size: 11px; }
.avatar--lg { width: 56px; height: 56px; font-size: var(--fs-h4); }
.avatar--buho { border-radius: var(--radius-md); }
.avatar--pink { background: var(--buho-pink-100); color: var(--buho-pink-700); }
.avatar--navy { background: var(--buho-navy-950); color: var(--white); }
.avatar--cream { background: var(--buho-cream); color: var(--color-text); }
.stat { display: flex; flex-direction: column; gap: 4px; }
.stat-label {
  font-size: var(--fs-caption);
  color: var(--color-text-muted);
  font-weight: 500;
}
.stat-value {
  font-size: var(--fs-h2);
  font-weight: 800;
  letter-spacing: var(--ls-tight);
  line-height: 1;
  color: var(--color-text);
}
.stat-trend {
  display: inline-flex; align-items: center; gap: 4px;
  font-size: var(--fs-caption);
  font-weight: 600;
}
.stat-trend--up { color: var(--color-success-ink); }
.stat-trend--down { color: var(--color-danger-ink); }
.tabs {
  display: inline-flex;
  background: var(--buho-cream);
  padding: 4px;
  border-radius: 9999px;
  gap: 2px;
}
.tab {
  padding: 8px 16px;
  border-radius: 9999px;
  font-size: var(--fs-caption);
  font-weight: 600;
  cursor: pointer;
  color: var(--color-text-muted);
  border: none;
  background: transparent;
  transition: all var(--dur-base) var(--ease-out);
}
.tab:hover { color: var(--color-text); }
.tab--active {
  background: var(--white);
  color: var(--color-text);
  box-shadow: var(--shadow-sm);
}
.tabs-line {
  display: flex;
  gap: var(--space-6);
  border-bottom: 1px solid var(--color-border);
}
.tabs-line .tab-line {
  padding: 12px 0;
  font-size: var(--fs-body-sm);
  font-weight: 600;
  color: var(--color-text-muted);
  cursor: pointer;
  border-bottom: 2px solid transparent;
  margin-bottom: -1px;
  background: none;
  border-left: none; border-right: none; border-top: none;
  transition: all var(--dur-base) var(--ease-out);
}
.tabs-line .tab-line--active {
  color: var(--color-primary);
  border-bottom-color: var(--color-accent);
}
.crumbs { display: inline-flex; align-items: center; gap: 8px; font-size: var(--fs-caption); color: var(--color-text-muted); }
.crumbs a { text-decoration: none; color: inherit; }
.crumbs a:hover { color: var(--color-primary); }
.crumbs .sep { color: var(--color-border-strong); }
.crumbs .here { color: var(--color-text); font-weight: 600; }
.alert {
  display: flex;
  gap: 12px;
  padding: 14px 16px;
  border-radius: var(--radius-md);
  background: var(--gray-100);
  border: 1px solid var(--color-border);
  align-items: flex-start;
}
.alert-icon { flex-shrink: 0; margin-top: 2px; }
.alert-body { font-size: var(--fs-body-sm); color: var(--color-text); }
.alert-body strong { display: block; margin-bottom: 2px; }
.alert--info { background: var(--color-info-bg); border-color: var(--color-info-border); color: var(--color-info-ink); }
.alert--success { background: var(--color-success-bg); border-color: var(--color-success-border); color: var(--color-success-ink); }
.alert--warning { background: var(--color-warning-bg); border-color: var(--color-warning-border); color: var(--color-warning-ink); }
.alert--danger { background: var(--color-danger-bg); border-color: var(--color-danger-border); color: var(--color-danger-ink); }
.alert .alert-body { color: var(--color-text); }
.alert .alert-body strong { color: inherit; }
.toast {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px 14px 14px;
  background: var(--buho-navy-950);
  color: var(--white);
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-xl);
  min-width: 280px;
}
.toast-dot {
  width: 8px; height: 8px; border-radius: 50%;
  background: var(--color-success); flex-shrink: 0;
}
.modal {
  background: var(--white);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl);
  padding: var(--space-8);
  max-width: 440px;
  width: 100%;
}
.modal-head { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: var(--space-4); }
.progress {
  height: 8px;
  border-radius: 9999px;
  background: var(--gray-100);
  overflow: hidden;
  position: relative;
}
.progress-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--buho-pink-600), var(--buho-blue-600));
  border-radius: 9999px;
  transition: width var(--dur-slow) var(--ease-out);
}
.divider { height: 1px; background: var(--color-border); margin: var(--space-6) 0; border: none; }
.table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--fs-body-sm);
}
.table th {
  text-align: left;
  font-weight: 600;
  font-size: var(--fs-caption);
  color: var(--color-text-muted);
  padding: 12px 16px;
  border-bottom: 1px solid var(--color-border);
  letter-spacing: 0.02em;
  text-transform: uppercase;
}
.table td {
  padding: 14px 16px;
  border-bottom: 1px solid var(--color-border);
  color: var(--color-text);
}
.table tr:last-child td { border-bottom: none; }
.table tr:hover td { background: var(--gray-50); }
.empty {
  text-align: center;
  padding: var(--space-12) var(--space-6);
  color: var(--color-text-muted);
  background: var(--buho-cream);
  border-radius: var(--radius-lg);
}
.empty-icon {
  width: 80px; height: 80px;
  border-radius: 40px;
  background: var(--white);
  display: grid; place-items: center;
  margin: 0 auto var(--space-4);
  color: var(--color-highlight);
}
.nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--space-5) var(--space-8);
  background: var(--white);
  border-bottom: 1px solid var(--color-border);
  position: sticky;
  top: 0;
  z-index: var(--z-sticky);
  backdrop-filter: saturate(140%) blur(12px);
}
.nav-brand {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 800;
  font-size: var(--fs-h5);
  letter-spacing: var(--ls-snug);
  text-decoration: none;
  color: inherit;
}
.nav-links { display: inline-flex; gap: 6px; }
.nav-link {
  padding: 8px 14px;
  border-radius: 9999px;
  font-size: var(--fs-body-sm);
  font-weight: 500;
  color: var(--color-text-muted);
  text-decoration: none;
  transition: all var(--dur-base) var(--ease-out);
}
.nav-link:hover { color: var(--color-text); background: var(--gray-100); }
.nav-link--active { color: var(--color-text); background: var(--gray-100); font-weight: 600; }
.sidebar {
  width: 240px;
  background: var(--white);
  border-right: 1px solid var(--color-border);
  padding: var(--space-6) var(--space-4);
  min-height: 100%;
}
.side-section { margin-bottom: var(--space-6); }
.side-title {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--color-text-subtle);
  padding: 0 12px 8px;
}
.side-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 12px;
  border-radius: var(--radius-md);
  font-size: var(--fs-body-sm);
  font-weight: 500;
  color: var(--color-text-muted);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--dur-base) var(--ease-out);
}
.side-item:hover { color: var(--color-text); background: var(--gray-100); }
.side-item--active { background: var(--buho-navy-950); color: var(--white); }
.side-item .icon { width: 18px; height: 18px; flex-shrink: 0; }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: var(--gray-300); border-radius: 9999px; }
::-webkit-scrollbar-thumb:hover { background: var(--gray-400); }
.surface { padding: var(--space-12) 0; }
.surface--white { background: var(--white); }
.surface--cream { background: var(--buho-cream); }
.surface--navy  { background: var(--buho-navy-950); color: var(--white); }
.surface--cream + .surface--cream,
.surface--white + .surface--white { padding-top: 0; }
.link {
  color: var(--color-highlight);
  text-decoration: none;
  font-weight: 600;
  border-bottom: 1px solid transparent;
  transition: border-color var(--dur-base) var(--ease-out);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.link:hover { border-bottom-color: var(--color-accent); }
.link--muted { color: var(--color-text-muted); }
.link--muted:hover { color: var(--color-highlight); border-bottom-color: var(--color-highlight); }
::selection { background: var(--buho-pink-100); color: var(--buho-navy-950); }
html { scrollbar-width: thin; scrollbar-color: var(--buho-navy-950) var(--buho-cream); }
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track { background: var(--buho-cream); }
::-webkit-scrollbar-thumb { background: var(--buho-navy-950); border-radius: 9999px; border: 2px solid var(--buho-cream); }
body, input, textarea, select { caret-color: var(--buho-pink-600); }
.text-mono, .num-grad, .cifra, .table td.num, [data-num] { font-variant-numeric: tabular-nums; }
/* pack/brands.css */
:root {
  --fastura-navy: var(--navy-950); --fastura-navy-h: var(--navy-900);
  --fastura-teal: var(--teal-500); --fastura-teal-d: var(--teal-600); --fastura-teal-ink: var(--teal-700); --fastura-teal-l: var(--teal-100);
  --fastura-amber: var(--ambar-400); --fastura-amber-d: var(--ambar-500); --fastura-amber-ink: var(--ambar-700); --fastura-amber-l: var(--ambar-100);
  --fastura-bg: var(--fastura-25); --fastura-ink: var(--navy-950);
  --waya-green: var(--lima-400); --waya-green-d: var(--lima-500); --waya-green-ink: var(--lima-700); --waya-green-l: var(--lima-300);
  --waya-purple: var(--violeta-500); --waya-purple-d: var(--violeta-600); --waya-purple-l: var(--violeta-400);
  --waya-cream: var(--waya-25); --waya-ink: var(--navy-950);
}
/* pack/motivos.css */
:root, .tema-buho, .theme-buho, .tema-fastura, .theme-fastura, .brand--fastura, .tema-waya, .theme-waya, .brand--waya {
  --luz-a:      var(--acento-luz);     
  --luz-a-osc:  var(--acento-osc);     
  --tinta-a:    var(--acento-tinta);   
  --tinta-b:    var(--acento-2-tinta); 
  --gw-luz-osc: var(--acento-osc);     
  --gw-opacidad-osc: .75;              
  --gw-luz-claro: var(--acento-osc);   
  --gw-opacidad-claro: .75;
  --motivo-a:     var(--acento);       
  --motivo-a-osc: var(--acento-osc);   
  --resalta:    var(--ac-100);
  --foco-marca: var(--acento-2-linea); 
  --foco-linea: var(--ac2-200);        
  --foco-suave: var(--ac2-100);        
  --foco-fila:  color-mix(in srgb, var(--ac2-100) 62%, transparent); 
  --charco:     var(--ac2-300);        
  --pupila:     var(--acento);         
  --foco-anillo: color-mix(in srgb, var(--ac2-400) 20%, transparent);
  --foco-sombra: color-mix(in srgb, var(--ac2-500) 42%, transparent);
  --foco-elevado:
    0 0 0 1.5px var(--foco-marca),
    0 0 0 5px var(--foco-anillo),
    0 16px 32px -16px var(--foco-sombra),
    0 2px 6px rgb(0 17 68 / .05);
}
.tema-fastura, .theme-fastura, .brand--fastura {
  --foco-marca: var(--teal-600);
  --foco-linea: var(--teal-200);
  --foco-suave: var(--teal-100);
  --foco-fila:  var(--acero-50);
  --charco:     var(--teal-300);
  --foco-anillo: color-mix(in srgb, var(--teal-400) 20%, transparent);
  --foco-sombra: color-mix(in srgb, var(--teal-600) 42%, transparent);
}
:root, .tema-buho, .theme-buho       { --motivo-b: var(--azul-600);    --motivo-b-osc: var(--azul-300); }
.tema-fastura, .theme-fastura, .brand--fastura        { --motivo-b: var(--teal-700);    --motivo-b-osc: var(--teal-100); }
.tema-waya, .theme-waya, .brand--waya              { --motivo-b: var(--violeta-500); --motivo-b-osc: var(--violeta-400); }
.capsula {
  display: inline-block; width: 16px; height: 8px; border-radius: 999px; flex: none; vertical-align: middle;
  background: linear-gradient(90deg, var(--acento), var(--capsula-b));   
}
.activo { position: relative; }
.activo::after {
  content: ""; position: absolute; left: 50%; bottom: -6px; width: 16px; height: 8px; margin-left: -8px;
  border-radius: 999px; background: linear-gradient(90deg, var(--acento), var(--capsula-b));
}
.lente, em.lente { font-style: normal; font-weight: inherit; color: inherit; }
.lente.remarca { font-weight: 800; }
.gw {
  --gw-luz: var(--gw-luz-claro); --gw-opacidad: var(--gw-opacidad-claro);
  position: relative; z-index: 0; display: inline-block; white-space: nowrap;
}
:is(.sobre-oscuro, .atm-navy, .on-dark, .aurora-dark, .sec--navy) .gw {
  --gw-luz: var(--gw-luz-osc); --gw-opacidad: var(--gw-opacidad-osc);
  color: var(--blanco);
}
.gw[data-gw]::before {
  content: attr(data-gw);
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  color: var(--gw-luz); filter: blur(18px); opacity: var(--gw-opacidad);
}
.gw:not([data-gw]) {
  text-shadow: 0 0 36px color-mix(in srgb, var(--gw-luz) calc(var(--gw-opacidad) * 100%), transparent);
}
.gw .g { display: none; }                       
.gw .t { font-style: normal; }
@media (prefers-reduced-motion: no-preference) {
  .js .gw[data-gw]::before { transition: opacity .9s var(--ease-out); }
  .js .gw[data-gw]:not(.is-visto)::before { opacity: 0; }
  .js .gw:not([data-gw]) { transition: text-shadow .9s var(--ease-out); }
  .js .gw:not([data-gw]):not(.is-visto) { text-shadow: 0 0 36px transparent; }
}
.spot { position: relative; }
span.spot { display: inline-block; }
.spot__rev {
  position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background-image: linear-gradient(100deg, var(--motivo-b), var(--motivo-a));
  -webkit-background-clip: text; background-clip: text;
  color: transparent; -webkit-text-fill-color: transparent;
  opacity: 0; transition: opacity .28s var(--ease-out);
  -webkit-mask: radial-gradient(circle 170px at var(--mx, 50%) var(--my, 50%), #000 0%, rgb(0 0 0 / .35) 55%, transparent 78%);
          mask: radial-gradient(circle 170px at var(--mx, 50%) var(--my, 50%), #000 0%, rgb(0 0 0 / .35) 55%, transparent 78%);
}
.spot__rev * { color: transparent !important; -webkit-text-fill-color: transparent !important; text-shadow: none !important; }
.spot__rev .gw { position: static; z-index: auto; }
.spot__rev .gw::before { display: none; }
@media (hover: hover) and (pointer: fine) {
  .spot:hover > .spot__rev, .spot.is-mirando > .spot__rev { opacity: 1; }
}
:is(.sobre-oscuro, .atm-navy, .on-dark, .aurora-dark, .sec--navy) .spot__rev {
  background-image: linear-gradient(100deg, var(--motivo-b-osc), var(--motivo-a-osc));
}
@media (hover: none), (pointer: coarse), (prefers-reduced-motion: reduce) { .spot__rev { display: none; } }
[data-mira] .lente {
  --gw-luz: var(--gw-luz-claro); --gw-opacidad: var(--gw-opacidad-claro);
  text-shadow: 0 0 36px transparent;
  transition: text-shadow 280ms var(--ease-out);
}
:is(.sobre-oscuro, .atm-navy, .on-dark, .aurora-dark, .sec--navy) [data-mira] .lente {
  --gw-luz: var(--gw-luz-osc); --gw-opacidad: var(--gw-opacidad-osc);
}
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  [data-mira-zona]:hover [data-mira] .lente, [data-mira]:hover .lente, [data-mira].is-mirando .lente {
    text-shadow: 0 0 36px color-mix(in srgb, var(--gw-luz) calc(var(--gw-opacidad) * 100%), transparent);
  }
}
:is(h1, h2, h3, .t-display, .t-h1, .t-h2) mark.resalta { white-space: nowrap; padding: 0 .08em; margin: 0 -.04em; }
mark.resalta {
  color: inherit; padding: 0 .14em; margin: 0 -.07em; border-radius: .2em;
  background: linear-gradient(var(--resalta), var(--resalta)) no-repeat 0 0 / 100% 100%;
  -webkit-box-decoration-break: clone; box-decoration-break: clone;
}
:is(.sobre-oscuro, .atm-navy, .on-dark, .aurora-dark, .sec--navy) mark.resalta {
  --resalta: rgb(255 255 255 / .14); color: var(--blanco);
}
@media (prefers-reduced-motion: no-preference) {
  .js mark.resalta { transition: background-size var(--dur-cifra) var(--ease-out); }
  .js mark.resalta:not(.is-visto) { background-size: 0% 100%; }
}
.grupo-foco { isolation: isolate; }
.foco {
  position: relative; outline: 1px solid transparent; outline-offset: 0;
  transition: outline-color var(--dur-rapida) var(--ease-out), box-shadow var(--dur-base) var(--ease-out),
              border-color var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-out),
              opacity var(--dur-lenta) var(--ease-out), filter var(--dur-lenta) var(--ease-out);
}
@media (hover: hover) { .foco:hover { outline-color: var(--foco-linea); } }
.foco.is-mirando { outline-color: var(--foco-linea); }
.foco:is(.is-foco, [aria-selected="true"], [aria-current]:not([aria-current="false"]), [aria-pressed="true"]) {
  outline-color: transparent; border-color: transparent;
  box-shadow: var(--foco-elevado);
}
@media (prefers-reduced-motion: no-preference) {
  @media (hover: hover) {
    [data-foco-grupo]:not([data-sin-profundidad]):has(.foco:not(.foco--fila):hover) .foco:not(.foco--fila, tr):not(:hover) { opacity: .55; filter: blur(.5px) saturate(.7); }
  }
  [data-foco-grupo]:not([data-sin-profundidad]).is-enfocando .foco:not(.foco--fila, tr):not(.is-foco, [aria-pressed="true"], [aria-selected="true"]) { opacity: .55; filter: blur(.5px) saturate(.7); }
}
.foco--plano:is(.is-foco, [aria-selected="true"], [aria-current]:not([aria-current="false"]), [aria-pressed="true"]) { translate: none; }
.foco--fila { border-radius: var(--r-fila); }
@media (hover: hover) { .foco--fila:hover { outline-color: transparent; background-color: var(--int-25); box-shadow: inset 0 0 0 1px var(--foco-linea); } }
.foco--fila.is-mirando { outline-color: transparent; background-color: var(--int-25); box-shadow: inset 0 0 0 1px var(--foco-linea); }
.foco--fila:is(.is-foco, [aria-selected="true"], [aria-current]:not([aria-current="false"]), [aria-pressed="true"]) {
  translate: none; background-color: var(--foco-fila); box-shadow: inset 0 0 0 1.5px var(--foco-marca);
}
tr.foco { outline: 0; translate: none; }
tr.foco > * { transition: background-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out); }
@media (hover: hover) { tr.foco:hover > * { background-color: var(--int-25); } }
tr.foco.is-mirando > * { background-color: var(--int-25); }
:is(tr.foco:is(.is-foco, [aria-selected="true"], [aria-current]:not([aria-current="false"]), [aria-pressed="true"]), .tabla tbody tr[aria-selected="true"]) {
  outline: 0; translate: none; background-color: transparent; box-shadow: none;
}
:is(tr.foco:is(.is-foco, [aria-selected="true"], [aria-current]:not([aria-current="false"]), [aria-pressed="true"]), .tabla tbody tr[aria-selected="true"]) > * {
  background-color: var(--foco-fila); border-top-color: transparent;
  box-shadow: inset 0 1.5px 0 var(--foco-marca), inset 0 -1.5px 0 var(--foco-marca);
}
:is(tr.foco:is(.is-foco, [aria-selected="true"], [aria-current]:not([aria-current="false"]), [aria-pressed="true"]), .tabla tbody tr[aria-selected="true"]) > :first-child {
  border-start-start-radius: var(--r-fila); border-end-start-radius: var(--r-fila);
  box-shadow: inset 1.5px 0 0 var(--foco-marca), inset 0 1.5px 0 var(--foco-marca), inset 0 -1.5px 0 var(--foco-marca);
}
:is(tr.foco:is(.is-foco, [aria-selected="true"], [aria-current]:not([aria-current="false"]), [aria-pressed="true"]), .tabla tbody tr[aria-selected="true"]) > :last-child {
  border-start-end-radius: var(--r-fila); border-end-end-radius: var(--r-fila);
  box-shadow: inset -1.5px 0 0 var(--foco-marca), inset 0 1.5px 0 var(--foco-marca), inset 0 -1.5px 0 var(--foco-marca);
}
:is(tr.foco:is(.is-foco, [aria-selected="true"], [aria-current]:not([aria-current="false"]), [aria-pressed="true"]), .tabla tbody tr[aria-selected="true"]) > :first-child:last-child {
  box-shadow: inset 0 0 0 1.5px var(--foco-marca);
}
:is(tr.foco:is(.is-foco, [aria-selected="true"], [aria-current]:not([aria-current="false"]), [aria-pressed="true"]), .tabla tbody tr[aria-selected="true"]) + tr > * { border-top-color: transparent; }
.foco.foco:focus-visible { outline: 2px solid var(--foco); outline-offset: 3px; }
.foco.foco--fila:focus-visible { outline-offset: -2px; }                                
tr.foco.foco:focus-visible { outline: 2px solid var(--foco); outline-offset: -2px; }
.ficha {
  display: inline-flex; align-items: center; gap: 6px; height: 26px; padding: 0 10px;
  border-radius: var(--r-chip); white-space: nowrap; background: var(--blanco); color: var(--navy-950);
  font: 600 12px/1 var(--fuente);
  box-shadow: 0 0 0 1px var(--foco-linea), 0 2px 6px -2px rgb(0 17 68 / .12);
  transition: background-color var(--dur-lenta) var(--ease-out), color var(--dur-lenta) var(--ease-out), box-shadow var(--dur-lenta) var(--ease-out);
}
.ficha small { font: 500 12px/1 var(--fuente); color: var(--ficha-estado); transition: color var(--dur-lenta) var(--ease-out); }  
.ficha::before {
  content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--ficha-punto); flex: none;
  margin-right: -6px; transform: scale(0); transition: transform var(--dur-lenta) var(--ease-out), margin var(--dur-lenta) var(--ease-out);
}
.ficha--foco, .is-foco .ficha, [aria-selected="true"] .ficha, [aria-pressed="true"] .ficha {
  background: var(--ficha); color: var(--ficha-texto);   
  box-shadow: 0 0 0 1px var(--ficha), 0 8px 18px -8px var(--ficha-sombra);
}
.ficha--foco small, .is-foco .ficha small, [aria-selected="true"] .ficha small, [aria-pressed="true"] .ficha small { color: var(--ficha-sub); }
.ficha--foco::before, .is-foco .ficha::before, [aria-selected="true"] .ficha::before, [aria-pressed="true"] .ficha::before { transform: none; margin-right: 0; }
.rotulo { --rotulo-traza: rotulo-traza; --rotulo-em: var(--ok-tinta); position: absolute; z-index: 3; left: var(--rotulo-x, 26px); bottom: 100%; width: 0; height: 28px; pointer-events: none; }
.rotulo::before {   
  content: ""; position: absolute; left: -.6px; bottom: 0; width: 34px; height: 28px; box-sizing: border-box;
  border: 0 solid var(--foco-linea); border-left-width: 1.25px; border-top-width: 1.25px; border-top-left-radius: 8px;
  clip-path: inset(100% 100% 0 0); transition: border-color var(--dur-base) var(--ease-out);
}
.rotulo::after {    
  content: ""; position: absolute; left: -4px; bottom: -4px; width: 8px; height: 8px; border-radius: 50%;
  background: var(--superficie); box-shadow: 0 0 0 1.25px var(--foco-linea); opacity: 0;
  transition: opacity var(--dur-rapida) var(--ease-out), background-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
}
.rotulo__txt {
  position: absolute; left: 40px; top: -8px; white-space: nowrap;
  font: 500 12.5px/16px var(--fuente); color: var(--texto-2);
  opacity: 0; translate: -4px 0;
  transition: opacity var(--dur-base) var(--ease-out) 160ms, translate var(--dur-base) var(--ease-out) 160ms, color var(--dur-base) var(--ease-out);
}
.rotulo__txt b { font: 600 12.5px/16px var(--fuente-datos); color: var(--texto); margin-right: 4px; }   
.rotulo__txt strong { font: 600 12.5px/16px var(--fuente); color: var(--texto); margin-right: 4px; }   
.rotulo__txt em { font-style: normal; font-weight: 600; color: var(--rotulo-em); }
.rotulo--aviso { --rotulo-em: var(--aviso-tinta); } .rotulo--error { --rotulo-em: var(--error-tinta); }
.rotulo--info { --rotulo-em: var(--info-tinta); } .rotulo--dato { --rotulo-em: var(--acento-2-tinta); }
.is-mirando > .rotulo::before, .rotulo--fijo::before { clip-path: inset(0); animation: var(--rotulo-traza) 380ms var(--ease-out) both; }
.is-mirando > .rotulo::after, .rotulo--fijo::after { opacity: 1; }
.is-mirando > .rotulo .rotulo__txt, .rotulo--fijo .rotulo__txt { opacity: 1; translate: 0 0; }
@media (hover: hover) {
  :hover > .rotulo::before { clip-path: inset(0); animation: var(--rotulo-traza) 380ms var(--ease-out) both; }
  :hover > .rotulo::after { opacity: 1; }
  :hover > .rotulo .rotulo__txt { opacity: 1; translate: 0 0; }
}
:is(.is-foco, [aria-pressed="true"], [aria-selected="true"], [aria-current]:not([aria-current="false"])) > .rotulo::before { clip-path: inset(0); animation: var(--rotulo-traza) 380ms var(--ease-out) both; border-color: var(--foco-marca); }
:is(.is-foco, [aria-pressed="true"], [aria-selected="true"], [aria-current]:not([aria-current="false"])) > .rotulo::after { opacity: 1; background: var(--pupila); box-shadow: 0 0 0 2px var(--superficie), 0 0 0 3.25px var(--foco-marca); }
:is(.is-foco, [aria-pressed="true"], [aria-selected="true"], [aria-current]:not([aria-current="false"])) > .rotulo .rotulo__txt { opacity: 1; translate: 0 0; color: var(--texto); }
@keyframes rotulo-traza {
  0%   { clip-path: inset(100% calc(100% - 3px) 0 0); }
  55%  { clip-path: inset(0 calc(100% - 10px) 0 0); }
  100% { clip-path: inset(0); }
}
.rotulo--der { --rotulo-traza: rotulo-traza-der; left: auto; right: var(--rotulo-x, 26px); }
.rotulo--der::before { left: auto; right: -.6px; border-left-width: 0; border-right-width: 1.25px; border-top-left-radius: 0; border-top-right-radius: 8px; }
.rotulo--der::after { left: auto; right: -4px; }
.rotulo--der .rotulo__txt { left: auto; right: 40px; translate: 4px 0; text-align: right; }
@keyframes rotulo-traza-der {
  0%   { clip-path: inset(100% 0 0 calc(100% - 3px)); }
  55%  { clip-path: inset(0 0 0 calc(100% - 10px)); }
  100% { clip-path: inset(0); }
}
:is(.sobre-oscuro, .atm-navy, .on-dark, .aurora-dark, .sec--navy) .rotulo__txt, :is(.sobre-oscuro, .atm-navy, .on-dark, .aurora-dark, .sec--navy) .rotulo__txt b { color: var(--blanco); }
.rotulo--solo {
  --rs-linea: var(--foco-marca); --rs-anillo: var(--superficie);
  position: absolute; z-index: 3; pointer-events: none;
  left: var(--rs-x, 26px); top: calc(var(--rs-y, 28px) - var(--rs-alto, 28px));
  width: var(--rs-largo, 34px); height: var(--rs-alto, 28px);
  transform-origin: 0 100%;
}
.rotulo--solo::before {   
  content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: -.6px; box-sizing: border-box;
  border: 0 solid var(--rs-linea); border-left-width: 1.25px; border-top-width: 1.25px; border-top-left-radius: 8px;
}
.rotulo--solo::after {    
  content: ""; position: absolute; left: -4px; bottom: -4px; width: 8px; height: 8px; border-radius: 50%;
  background: var(--pupila); box-shadow: 0 0 0 2px var(--rs-anillo), 0 0 0 3.25px var(--rs-linea);
}
.rotulo--solo.rotulo--izq { scale: -1 1; }
.rotulo--solo.rotulo--abajo { scale: 1 -1; }
.rotulo--solo.rotulo--izq.rotulo--abajo { scale: -1 -1; }
:is(.sobre-oscuro, .atm-navy, .on-dark, .aurora-dark, .sec--navy) .rotulo--solo { --rs-linea: var(--int-300); --rs-anillo: var(--fondo-oscuro); }
.estado { display: inline-flex; align-items: center; gap: 6px; font: 600 12px/1 var(--fuente); color: var(--texto-2); white-space: nowrap; }
.estado::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; flex: none; }
.estado--ok    { color: var(--ok-tinta); }    .estado--ok::before    { background: var(--ok); }
.estado--aviso { color: var(--aviso-tinta); } .estado--aviso::before { background: var(--aviso); }
.estado--error { color: var(--error-tinta); } .estado--error::before { background: var(--error); }
.estado--info  { color: var(--info-tinta); }  .estado--info::before  { background: var(--info); }
.estado--dato  { color: var(--acento-2-tinta); } .estado--dato::before { background: var(--acento-2); }  
.guia-v { position: absolute; z-index: 2; width: 0; border-left: 1.25px solid var(--foco-marca); pointer-events: none; }
.guia-v::after { content: ""; position: absolute; left: -4.6px; bottom: -4px; width: 8px; height: 8px; border-radius: 50%; background: var(--pupila); box-shadow: 0 0 0 2px var(--superficie); }
.guia-txt { font: 500 12.5px/1.25 var(--fuente); color: var(--texto-2); white-space: nowrap; }
.guia-txt b { display: block; font: 600 14px/1.2 var(--fuente-datos); color: var(--texto); }
@property --pupila-k { syntax: '<number>'; inherits: false; initial-value: .86; }
.pupila { position: relative; isolation: isolate; }
.pupila::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit;
  --pupila-a: 34%; --pupila-b: 28%;
  background:
    radial-gradient(calc(98.6% * var(--pupila-k)) calc(98.6% * var(--pupila-k)) at 107.8% -24.8%,
      color-mix(in srgb, var(--motivo-a) var(--pupila-a), transparent), transparent 63%),
    radial-gradient(calc(105.4% * var(--pupila-k)) calc(105.4% * var(--pupila-k)) at -18% 131.6%,
      color-mix(in srgb, var(--motivo-b) var(--pupila-b), transparent), transparent 66%);
  opacity: 0;
  transition: opacity .55s var(--ease-out), --pupila-k .65s var(--ease-out);
}
.pupila:hover::after, .pupila:focus-visible::after, .pupila.on::after, .pupila--fija::after { opacity: 1; --pupila-k: 1; }
:is(.sobre-oscuro, .atm-navy, .on-dark, .aurora-dark, .sec--navy) .pupila::after, .pupila--oscura::after { --pupila-a: 46%; --pupila-b: 44%; }
.punto { display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: var(--pupila); flex: none; vertical-align: middle; }
.con-punto { position: relative; }
.con-punto::after {
  content: ""; position: absolute; top: 7px; right: 7px; width: 8px; height: 8px; border-radius: 50%;
  background: var(--pupila); box-shadow: 0 0 0 2px var(--blanco);
}
.vivo { display: inline-flex; align-items: center; gap: 6px; font: 600 12px/1 var(--fuente); color: var(--ok-tinta); }
.vivo::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 0 3px color-mix(in oklab, var(--ok) 22%, transparent); }
@media (prefers-reduced-motion: no-preference) {
  .vivo[data-latido]::before { animation: latido var(--dur-latido) var(--ease-flota) infinite; }
}
@keyframes latido { 50% { box-shadow: 0 0 0 5px color-mix(in oklab, var(--ok) 0%, transparent); } }
.seguimiento { --n: 4; display: grid; grid-template-columns: repeat(var(--n), minmax(0, 1fr)); list-style: none; margin: 0; padding: 0; }
.seguimiento > li { position: relative; padding: 30px 12px 0 0; min-width: 0; }
.seguimiento b { display: block; font: 600 13px/1.3 var(--fuente); color: var(--texto-2); transition: color var(--dur-base) var(--ease-out); }
.seguimiento small { display: block; margin-top: 2px; font: 500 12px/1.35 var(--fuente); color: var(--texto-2); }
.seguimiento small.dato { font-family: var(--fuente-datos); font-size: 11.5px; }
.seguimiento > li::after {
  content: ""; position: absolute; top: 8px; left: 22px; right: 4px; height: 2px; border-radius: 2px;
  background:
    linear-gradient(var(--interaccion), var(--interaccion)) no-repeat 0 0 / 0% 100%,
    repeating-linear-gradient(90deg, var(--navy-200) 0 4px, transparent 4px 8px);
  transition: background-size var(--dur-base) linear;
}
.seguimiento > li:last-child::after { display: none; }
.seguimiento > li.hecho::after { background-size: 100% 100%, auto; }
.seguimiento > li::before {
  content: ""; position: absolute; top: 0; left: 0; width: 18px; height: 18px; border-radius: 50%;
  background: var(--blanco); box-shadow: inset 0 0 0 2px var(--navy-200);
  transition: background-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
}
.seguimiento > li.hecho::before {
  background: var(--interaccion) url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2018%2018'%3E%3Cpath%20d='M5.5%209.2l2.3%202.3%204.7-4.8'%20fill='none'%20stroke='white'%20stroke-width='1.8'%20stroke-linecap='round'%20stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat;
  box-shadow: none;
}
.seguimiento > li.hecho b { color: var(--texto); }
.seguimiento > li[aria-current="step"]::before {
  background: var(--interaccion) radial-gradient(circle, var(--blanco) 0 3px, transparent 3.5px);
  box-shadow: 0 0 0 4px var(--foco-suave), 0 0 0 5px var(--charco);
}
.seguimiento > li[aria-current="step"] b { color: var(--texto); }
@media (max-width: 560px) {
  .seguimiento { grid-template-columns: 1fr; gap: 0; }
  .seguimiento > li { padding: 0 0 18px 32px; }
  .seguimiento > li::after {
    top: 22px; bottom: 2px; left: 8px; right: auto; width: 2px; height: auto;
    background:
      linear-gradient(var(--interaccion), var(--interaccion)) no-repeat 0 0 / 100% 0%,
      repeating-linear-gradient(180deg, var(--navy-200) 0 4px, transparent 4px 8px);
  }
  .seguimiento > li.hecho::after { background-size: 100% 100%, auto; }
}
.hoy { position: absolute; top: 0; bottom: 0; left: var(--x, 50%); width: 2px; margin-left: -1px; background: var(--foco-marca); border-radius: 2px; pointer-events: none; }
.hoy::before {
  content: attr(data-hoy); position: absolute; top: -13px; left: 50%; transform: translateX(-50%);
  display: inline-flex; align-items: center; height: 22px; padding: 0 9px 0 18px; border-radius: var(--r-chip); white-space: nowrap;
  font: 600 11px/1 var(--fuente); color: var(--ficha-texto);
  background: radial-gradient(circle at 9px 50%, var(--ficha-punto) 0 3px, transparent 3.5px), var(--ficha);
}
.pasado { opacity: .5; }
.parpadeo { display: inline-block; }
.parpadeo svg { transform-origin: 50% 56%; }
@media (prefers-reduced-motion: no-preference) {
  .parpadeo.is-acuse svg { animation: parpadeo 400ms 1 both; }
  .acuse { animation: acuse 1.4s var(--ease-out) 1; }
}
@keyframes parpadeo {
  0%   { transform: scaleY(1); animation-timing-function: cubic-bezier(.5, 0, .75, 0); }
  35%  { transform: scaleY(.08); }
  55%  { transform: scaleY(.08); animation-timing-function: var(--ease-out); }
  100% { transform: scaleY(1); }
}
@keyframes acuse {
  from { background-color: var(--foco-suave); }
  to   { background-color: transparent; }
}
.cifra { display: inline-grid; gap: 6px; justify-items: start; }
.cifra > b {
  font: 600 clamp(28px, 1.4rem + 1vw, 36px)/1 var(--fuente-datos); letter-spacing: -0.03em;
  color: var(--texto); font-variant-numeric: tabular-nums; white-space: nowrap;
}
.cifra i, .cifra em { font-style: normal; color: var(--tinta-a); }
.cifra > small { font: 500 13px/1.35 var(--fuente); color: var(--texto-2); }
.cifra--sm > b { font-size: 26px; }
:is(.sobre-oscuro, .atm-navy, .on-dark, .aurora-dark, .sec--navy) .cifra > b { color: var(--blanco); }
:is(.sobre-oscuro, .atm-navy, .on-dark, .aurora-dark, .sec--navy) .cifra i { color: var(--luz-a-osc); }
:is(.sobre-oscuro, .atm-navy, .on-dark, .aurora-dark, .sec--navy) .cifra > small { color: var(--texto-invertido-2); }
.luz-esquina:not(:empty) { position: relative; isolation: isolate; }
.tarjeta--protagonista::before, .luz-esquina:not(:empty):not(.tarjeta--protagonista)::after {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit;
}
.tarjeta--protagonista::before, .luz-esquina:not(:empty):not(.tarjeta--protagonista)::after, .luz-esquina:empty {
  --luz-k: var(--luz-esquina, var(--luz-esquina-base, .08));
  background: radial-gradient(125% 115% at 100% 0%,
    rgb(255 255 255 / var(--luz-k)) 0%,
    rgb(255 255 255 / calc(var(--luz-k) * .78)) 16%,
    rgb(255 255 255 / calc(var(--luz-k) * .5)) 34%,
    rgb(255 255 255 / calc(var(--luz-k) * .24)) 54%,
    rgb(255 255 255 / calc(var(--luz-k) * .07)) 74%,
    transparent 92%);
}
.luz-esquina:empty { position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit; }
.tarjeta--oscura, .atm-navy { --luz-esquina-base: .06; }
.apertura__marco { position: relative; }
.apertura__punto {
  position: absolute; z-index: 3; left: var(--ap-x, 70%); top: var(--ap-y, 30%);
  width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; pointer-events: none;
  background: var(--pupila); box-shadow: 0 0 0 3px var(--blanco);
  opacity: 0; transition: opacity .25s linear;
}
:is(.apertura, [data-apertura]).is-cerrada .apertura__punto { opacity: 1; transition: none; }
:is(.apertura, [data-apertura]).is-cerrada :is(.imagen__marco, .apertura__marco),
:is(.apertura, [data-apertura]).is-cerrada:not(:has(.imagen__marco, .apertura__marco)) {
  clip-path: circle(7px at var(--ap-x, 70%) var(--ap-y, 30%));
}
:is(.apertura, [data-apertura]).is-abriendo :is(.imagen__marco, .apertura__marco),
:is(.apertura, [data-apertura]).is-abriendo:not(:has(.imagen__marco, .apertura__marco)) {
  clip-path: circle(150% at var(--ap-x, 70%) var(--ap-y, 30%));
  transition: clip-path 1s var(--ease-camara);
}
:is(.apertura, [data-apertura]).is-cerrada > :is(.flota, .imagen__nota) { opacity: 0; }
:is(.apertura, [data-apertura]).is-abriendo > :is(.flota, .imagen__nota) { transition: opacity .45s var(--ease-out) .65s; }
.js :is(.apertura, [data-apertura]):not(.is-cerrada, .is-abriendo, .is-abierta) :is(.imagen__marco, .apertura__marco),
.js :is(.apertura, [data-apertura]):not(.is-cerrada, .is-abriendo, .is-abierta):not(:has(.imagen__marco, .apertura__marco)) {
  clip-path: circle(7px at var(--ap-x, 70%) var(--ap-y, 30%));
  animation: ap-seguro 0s 2.5s both;
}
.js :is(.apertura, [data-apertura]):not(.is-cerrada, .is-abriendo, .is-abierta) > :is(.flota, .imagen__nota) {
  opacity: 0; animation: ap-seguro 0s 2.5s both;
}
@keyframes ap-seguro { to { clip-path: none; opacity: 1; } }
.con-anillos { position: relative; isolation: isolate; overflow: hidden; }
.anillos {
  --r: var(--an-r, 160px); --b: var(--an-borde, 28px);
  --an-base: var(--int-200); --an-a: 18%;
  --an-c: color-mix(in srgb, var(--an-base) var(--an-a), transparent);
  position: absolute; z-index: -1; pointer-events: none;
  left: calc(var(--an-x, calc(100% - var(--b))) - var(--r));
  top: calc(var(--an-y, var(--b)) - var(--r));
  width: calc(var(--r) * 2); height: calc(var(--r) * 2);
  opacity: var(--an-k, .72);
}
.anillos i {
  position: absolute; inset: calc(var(--r) * var(--f, 0)); border-radius: 50%; background: var(--an-c);
  transition: filter 480ms var(--ease-out), transform 480ms var(--ease-out), opacity 320ms var(--ease-out);
}
.anillos i:nth-child(1) { --n: 2; }
.anillos i:nth-child(2) { --f: .32; --n: 1; }
.anillos i:nth-child(3) { --f: .6; --n: 0; }
:is(.sobre-oscuro, .atm-navy, .tarjeta--oscura) .anillos { --an-base: var(--int-400); --an-a: 8.5%; }
.anillos--arriba-izq { --an-x: var(--b); }
.anillos--abajo-der  { --an-y: calc(100% - var(--b)); }
.anillos--abajo-izq  { --an-x: var(--b); --an-y: calc(100% - var(--b)); }
.anillos--arriba     { --an-x: 50%; --an-y: 0px; }
.anillos--abajo      { --an-x: 50%; --an-y: 100%; }
.anillos--izq        { --an-x: 0px; --an-y: 50%; }
.anillos--der        { --an-x: 100%; --an-y: 50%; }
@media (hover: hover) {
  :hover > .anillos:not(.anillos--al-pasar) i { filter: blur(calc(var(--r) * .085)); transform: scale(1.04); }
}
:is(:focus-within, .is-mirando, .is-foco, [aria-pressed="true"]) > .anillos:not(.anillos--al-pasar) i { filter: blur(calc(var(--r) * .085)); transform: scale(1.04); }
.anillos--al-pasar i { opacity: 0; transform: scale(.82); transition-delay: 0s; }
@media (hover: hover) {
  :hover > .anillos--al-pasar i { opacity: 1; transform: none; transition-delay: calc(var(--n) * 90ms); }
}
:is(:focus-within, .is-mirando, .is-foco, [aria-pressed="true"]) > .anillos--al-pasar i { opacity: 1; transform: none; transition-delay: calc(var(--n) * 90ms); }
.js .anillos:not(.anillos--al-pasar):not(.is-visto) i { opacity: 0; animation: anillos-seguro 0s 3s both; }
.anillos.is-entrando i { animation: anillos-entran 1s var(--ease-out) both; animation-delay: calc(var(--n) * 140ms); }
@keyframes anillos-entran { from { opacity: 0; transform: scale(.82); } to { opacity: 1; transform: none; } }
@keyframes anillos-seguro { to { opacity: 1; } }
.linterna { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: 24px 36px; align-items: start; margin: 0; }
.linterna__marco { position: relative; overflow: hidden; border-radius: var(--r-lg); background: var(--fondo); box-shadow: 0 0 0 1px var(--borde-suave); aspect-ratio: var(--prop, 16 / 10); }
.linterna__lienzo { position: absolute; inset: 0; transform-origin: 0 0; transition: transform 560ms var(--ease-camara); }
.linterna__lienzo > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.linterna--documento .linterna__marco { aspect-ratio: auto; }
.linterna--documento .linterna__lienzo { position: relative; inset: auto; }
.linterna__luz {
  position: absolute; z-index: 5; border-radius: 10px; pointer-events: none; opacity: 0;
  box-shadow: 0 0 0 9999px rgb(0 17 68 / .58), inset 0 0 0 1.5px var(--blanco);
  transition: left 440ms var(--ease-camara), top 440ms var(--ease-camara), width 440ms var(--ease-camara), height 440ms var(--ease-camara), opacity 240ms var(--ease-out);
}
.linterna.is-encendida .linterna__luz { opacity: 1; }
.linterna__lado { display: grid; gap: 14px; align-content: start; min-width: 0; }
.linterna__pasos { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; counter-reset: zona; }
.linterna__pasos > li { counter-increment: zona; }
.linterna__paso { display: grid; grid-template-columns: 26px minmax(0, 1fr); gap: 2px 10px; width: 100%; padding: 10px 12px; border: 0; margin: 0; border-radius: var(--r-md); background: transparent; text-align: left; font: inherit; color: var(--texto-2); cursor: pointer; }
.linterna__paso::before { content: counter(zona); grid-row: span 2; display: grid; place-items: center; width: 22px; height: 22px; margin-top: -1px; border-radius: 50%; box-shadow: inset 0 0 0 1.25px var(--borde-fuerte); font: 600 11.5px/1 var(--fuente-datos); color: var(--texto-2); }
.linterna__paso b { font: 600 14.5px/1.35 var(--fuente); color: var(--texto); }
.linterna__paso span { font-size: 13.5px; line-height: 1.5; }
.js .linterna__paso:not([aria-current]) span { display: none; }
.linterna__paso:hover { background: var(--int-25); }
.linterna__paso[aria-current="step"] { background: var(--int-50); }
.linterna__paso[aria-current="step"]::before { background: var(--pupila); box-shadow: none; color: var(--blanco); }
.linterna__mandos { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.linterna__cuenta { margin-left: auto; font: 600 12.5px/1 var(--fuente-datos); color: var(--texto-2); }
.linterna__mandos:not(:has(button)) { display: none; }
@media (max-width: 860px) { .linterna { grid-template-columns: minmax(0, 1fr); } }
.atm-clara {
  background:
    linear-gradient(180deg, transparent 74%, var(--fondo)),            
    radial-gradient(70% 80% at 0% 0%, var(--atm-1), transparent 62%),  
    radial-gradient(60% 70% at 100% 0%, var(--atm-2), transparent 60%),
    radial-gradient(42% 50% at 98% 72%, var(--atm-3), transparent 64%),
    var(--fondo);
}
.atm-navy {
  position: relative; isolation: isolate; background: var(--navy-950); color: var(--blanco);
}
.atm-navy::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit;
  background:
    radial-gradient(70% 90% at 8% -10%, var(--atm-osc-1), transparent 62%),
    radial-gradient(60% 70% at 100% 110%, var(--atm-osc-2), transparent 64%);
}
@media (prefers-reduced-motion: reduce) {
  .ficha, .ficha small, .seguimiento > li::before, .seguimiento > li::after, .seguimiento b {
    transition: opacity .15s linear !important;
  }
  .ficha::before { transition: none !important; }
  .parpadeo.is-acuse svg, .acuse { animation: none !important; }
  .foco { translate: none !important; transition-duration: .15s !important; transition-delay: 0s !important; }
  .linterna__lienzo, .linterna__luz { transition: none !important; }
  .anillos i { animation: none !important; transition: none !important; }
  .js .anillos:not(.anillos--al-pasar):not(.is-visto) i { opacity: 1; }
  .rotulo::before { animation: none !important; }
  .rotulo__txt { transition: opacity .15s linear !important; translate: none !important; }
  .pupila::after { transition: opacity .2s linear !important; --pupila-k: 1; }
  :is(.apertura, [data-apertura]) :is(.imagen__marco, .apertura__marco), :is(.apertura, [data-apertura]) { clip-path: none !important; transition: none !important; }
  :is(.apertura, [data-apertura]) > :is(.flota, .imagen__nota) { opacity: 1 !important; }
  .apertura__punto { display: none !important; }
}
/* pack/movimiento.css */
:root {
  --mov-curva:   cubic-bezier(0.22, 1, 0.36, 1);    
  --mov-camara:  cubic-bezier(0.55, 0, 0.3, 1);     
  --mov-resorte: linear(0, 0.053, 0.169, 0.304, 0.434, 0.551, 0.649, 0.730, 0.794, 0.844, 0.883, 0.913, 0.935, 0.952, 0.965, 0.974, 0.981, 0.986, 0.990, 0.993, 0.995, 0.996, 0.997, 0.998, 0.999, 1);
  --mov-mirar:   120ms;
  --mov-cambiar: 200ms;
  --mov-enfocar: 320ms;
  --mov-mover:   480ms;
  --mov-cerrar:  .6;     
  --mov-escalon: 50ms;   
}
@media (prefers-reduced-motion: reduce) {
  :root { --mov-cambiar: 120ms; --mov-enfocar: 120ms; --mov-mover: 1ms; --mov-escalon: 0ms; }
}
::view-transition-old(root) { animation: mov-sale calc(var(--mov-cambiar) * var(--mov-cerrar)) var(--mov-curva) both; }
::view-transition-new(root) { animation: mov-entra var(--mov-cambiar) var(--mov-curva) both; }
.mov-fija-franja { view-transition-name: mov-franja; }
.mov-fija-cabecera { view-transition-name: mov-cabecera; }
::view-transition-group(mov-franja), ::view-transition-group(mov-cabecera) { animation-duration: 0s; }
::view-transition-old(mov-franja), ::view-transition-old(mov-cabecera) { animation: none; opacity: 0; }
::view-transition-new(mov-franja), ::view-transition-new(mov-cabecera) { animation: none; }
@keyframes mov-sale { to { opacity: 0; } }
@keyframes mov-entra { from { opacity: 0; } }
::view-transition-group(mov-detalle) { animation-duration: var(--mov-mover); animation-timing-function: var(--mov-camara); }
::view-transition-old(mov-detalle) { animation-duration: calc(var(--mov-mover) * var(--mov-cerrar)); }
::view-transition-new(mov-detalle) { animation-duration: var(--mov-mover); }
.rueda { display: inline-flex; line-height: 1; vertical-align: baseline; }
.rueda__d { display: inline-block; height: 1em; overflow: hidden; }
.rueda__tira { display: block; transition: translate var(--mov-mover) var(--mov-resorte); }
.rueda__tira > span, .rueda__s { display: block; height: 1em; line-height: 1; }
.rueda__s { display: inline-block; }
.rueda__sr { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.segmentado--lente { position: relative; isolation: isolate; }
.segmentado--lente > button[aria-pressed="true"], .segmentado--lente > button[aria-selected="true"] { background: transparent; box-shadow: none; }
.lente-capa {
  position: absolute; z-index: 1; top: 4px; left: 4px; display: flex; gap: inherit; pointer-events: none;
  border-radius: var(--r-boton); background: var(--navy-950);
  clip-path: inset(0 var(--lente-d, 100%) 0 var(--lente-i, 0) round 999px);
  transition: clip-path calc(var(--mov-cambiar) + 60ms) var(--mov-curva);
}
.lente-capa > span {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px; height: 32px; padding: 0 14px; flex: none;
  font: 600 13px/1 var(--fuente); color: var(--blanco); white-space: nowrap;
}
.lente-capa .n { color: var(--int-200); }
.lente-capa.sin-transicion { transition: none; }
.btn-pasos { position: relative; overflow: hidden; }
.btn-pasos .pasos-txt { position: relative; display: grid; height: 1.2em; overflow: hidden; }
.btn-pasos .pasos-txt > span { grid-area: 1 / 1; display: inline-flex; align-items: center; justify-content: center; gap: 8px; white-space: nowrap; transition: translate 280ms var(--mov-curva), opacity var(--mov-cambiar) var(--mov-curva); }
.btn-pasos .pasos-txt > span.sale { translate: 0 -110%; opacity: 0; }
.btn-pasos .pasos-txt > span.entra { translate: 0 110%; opacity: 0; }
.btn-pasos::before {
  content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; pointer-events: none;
  background: currentColor; opacity: .5; transform-origin: 0 50%; transform: scaleX(var(--avance, 0));
  transition: transform 600ms var(--mov-curva), opacity var(--mov-cambiar) var(--mov-curva);
}
.btn-pasos.is-ok { background-color: var(--ok-tinta); border-color: transparent; color: var(--blanco); }
.btn-pasos.is-ok::before, .btn-pasos.is-ok::after { opacity: 0; }
@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*), ::view-transition-old(*), ::view-transition-new(*) { animation-duration: 120ms !important; }
  ::view-transition-group(mov-detalle) { animation: none !important; }
  .rueda__tira, .lente-capa, .btn-pasos .pasos-txt > span, .btn-pasos::before { transition: none !important; }
}
/* pack/v3-ambito.css */
.v3 *, .v3 *::before, .v3 *::after { box-sizing: border-box; }
.v3 { -webkit-text-size-adjust: 100%; background: var(--fondo); scroll-padding-top: 88px; }
.v3 {
  margin: 0; background: var(--fondo); color: var(--texto);
  font: 400 var(--t-cuerpo)/var(--lh-cuerpo) var(--fuente);
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; font-feature-settings: "ss01" 0;
}
.v3 img, .v3 svg, .v3 video { display: block; max-width: 100%; }
.v3 a { color: var(--interaccion); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.v3 button, .v3 input, .v3 select, .v3 textarea { font: inherit; color: inherit; }
.v3 ::selection { background: var(--int-200); color: var(--navy-950); }
.v3 :focus-visible { outline: 2px solid var(--foco); outline-offset: 3px; border-radius: 4px; }
.v3 h1, .v3 h2, .v3 h3, .v3 h4, .v3 h5 { margin: 0; color: var(--texto); font-weight: 600; text-wrap: balance; }
.v3 p { margin: 0; }
.v3 .btn {
  --h: 44px;
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  height: var(--h); padding: 0 20px; border-radius: var(--r-boton);
  border: 1px solid transparent; background: var(--accion-2); color: var(--accion-2-texto);
  font: 600 15px/1 var(--fuente); letter-spacing: -0.005em; white-space: nowrap;
  text-decoration: none; cursor: pointer; user-select: none;
  transition: background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out),
              color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
}
.v3 .btn svg { width: 16px; height: 16px; flex: none; }
.v3 .btn .flecha { transition: transform var(--dur-base) var(--ease-out); }
.v3 .btn:hover .flecha { transform: translateX(3px); }
.v3 .btn:focus-visible { outline: 2px solid var(--foco); outline-offset: 3px; border-radius: var(--r-boton); }
.v3 .btn--primario {
  position: relative; isolation: isolate; overflow: hidden;
  background-color: var(--accion); color: var(--accion-texto);
  box-shadow: 0 1px 2px rgb(0 17 68 / .16), inset 0 1px 0 rgb(255 255 255 / .08);
}
.v3 .btn--primario::after {           
  content: ""; position: absolute; inset: 0; z-index: -1; border-radius: inherit; pointer-events: none;
  background: radial-gradient(120% 140% at 100% 0%, var(--accion-luz), transparent 60%);
  opacity: 0; transition: opacity var(--dur-base) var(--ease-out);
}
.v3 .btn--primario:hover { background-color: var(--accion-hover); }
.v3 .btn--primario:hover::after { opacity: 1; }
.v3 .btn--secundario { background: var(--accion-2); color: var(--accion-2-texto); border-color: var(--accion-2-borde); }
.v3 .btn--secundario:hover { border-color: var(--borde-fuerte); background: var(--int-25); }
.v3 .btn--suave { background: var(--int-75); color: var(--int-700); }
.v3 .btn--suave:hover { background: var(--int-100); }
.v3 .btn--fantasma { background: transparent; color: var(--interaccion); padding: 0 12px; }
.v3 .btn--fantasma:hover { background: var(--int-50); }
.v3 .btn--claro { background: var(--blanco); color: var(--navy-950); }
.v3 .btn--claro:hover { background: var(--int-50); }
.v3 .btn--vidrio { background: rgb(255 255 255 / .08); color: var(--blanco); border-color: rgb(255 255 255 / .18); }
.v3 .btn--vidrio:hover { background: rgb(255 255 255 / .14); }
.v3 .btn--acento { background: var(--accion-acento); color: var(--accion-acento-texto); }
.v3 .btn--acento:hover { background: var(--accion-acento-hover); color: var(--accion-acento-hover-texto); }
.v3 .btn--sm { --h: 36px; padding: 0 14px; font-size: 14px; }
.v3 .btn--lg { --h: 48px; padding: 0 24px; font-size: 16px; }
.v3 .btn--icono { width: var(--h); padding: 0; }
.v3 .btn:disabled, .v3 .btn[aria-disabled="true"] {
  background: var(--navy-100); color: var(--navy-500); border-color: transparent;
  box-shadow: none; cursor: not-allowed;
}
.v3 .btn:disabled::after, .v3 .btn[aria-disabled="true"]::after { display: none; }
.v3 .buscador {
  display: flex; align-items: center; gap: 10px; height: 44px; padding: 0 6px 0 16px;
  border-radius: var(--r-boton); background: var(--fondo-tinte); color: var(--navy-600);
  border: 1px solid transparent; min-width: 0;
  transition: background-color var(--dur-base) var(--ease-out), border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
}
.v3 .buscador svg { width: 18px; height: 18px; flex: none; }
.v3 .buscador input { flex: 1; min-width: 0; height: 100%; border: 0; outline: 0; background: transparent; font: 500 14px/1 var(--fuente); color: var(--texto); }
.v3 .buscador input::placeholder { color: var(--navy-600); }
.v3 .buscador:focus-within { background: var(--blanco); border-color: var(--int-200); box-shadow: 0 0 0 4px color-mix(in srgb, var(--foco) 12%, transparent); }
.v3 .tecla {
  display: inline-grid; place-items: center; min-width: 26px; height: 28px; padding: 0 7px; border-radius: var(--r-sm);
  background: var(--blanco); color: var(--navy-600); box-shadow: 0 0 0 1px var(--borde-suave);
  font: 500 11px/1 var(--fuente-datos);
}
.v3 .campo { display: grid; gap: 6px; align-content: start; }
.v3 .campo > label { font: 600 13px/1.3 var(--fuente); color: var(--texto); }
.v3 .campo input, .v3 .campo select {
  height: 44px; padding: 0 14px; border-radius: var(--r-md); border: 1px solid var(--borde);
  background: var(--blanco); font: 500 15px/1 var(--fuente); color: var(--texto); min-width: 0;
  transition: border-color var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
}
.v3 .campo input:hover, .v3 .campo select:hover { border-color: var(--borde-fuerte); }
.v3 .campo input:focus, .v3 .campo select:focus { outline: 0; border-color: var(--foco); box-shadow: 0 0 0 4px color-mix(in srgb, var(--foco) 14%, transparent); }
.v3 .campo .ayuda { font-size: 12.5px; color: var(--texto-2); }
.v3 .campo input.dato { font-family: var(--fuente-datos); font-size: 14px; }
/* logos-marcas/logos-marcas.css */
.logo-marca { display:inline-block; width:var(--lm,22px); height:var(--lm,22px);
  background-color: currentColor; -webkit-mask-repeat:no-repeat; mask-repeat:no-repeat;
  -webkit-mask-position:center; mask-position:center; -webkit-mask-size:contain; mask-size:contain;
  vertical-align:middle; flex-shrink:0; }
.logo-google{-webkit-mask-image:url("logos-marcas/google.svg");mask-image:url("logos-marcas/google.svg")}
.logo-googledrive{-webkit-mask-image:url("logos-marcas/googledrive.svg");mask-image:url("logos-marcas/googledrive.svg")}
.logo-gmail{-webkit-mask-image:url("logos-marcas/gmail.svg");mask-image:url("logos-marcas/gmail.svg")}
.logo-googlemeet{-webkit-mask-image:url("logos-marcas/googlemeet.svg");mask-image:url("logos-marcas/googlemeet.svg")}
.logo-googlegemini{-webkit-mask-image:url("logos-marcas/googlegemini.svg");mask-image:url("logos-marcas/googlegemini.svg")}
.logo-zoho{-webkit-mask-image:url("logos-marcas/zoho.svg");mask-image:url("logos-marcas/zoho.svg")}
.logo-microsoftoutlook{-webkit-mask-image:url("logos-marcas/microsoftoutlook.svg");mask-image:url("logos-marcas/microsoftoutlook.svg")}
.logo-cpanel{-webkit-mask-image:url("logos-marcas/cpanel.svg");mask-image:url("logos-marcas/cpanel.svg")}
.logo-litespeedtechnologies{-webkit-mask-image:url("logos-marcas/litespeedtechnologies.svg");mask-image:url("logos-marcas/litespeedtechnologies.svg")}
.logo-litespeedwebservericon{-webkit-mask-image:url("logos-marcas/litespeedwebservericon.svg");mask-image:url("logos-marcas/litespeedwebservericon.svg")}
.logo-nginx{-webkit-mask-image:url("logos-marcas/nginx.svg");mask-image:url("logos-marcas/nginx.svg")}
.logo-apache{-webkit-mask-image:url("logos-marcas/apache.svg");mask-image:url("logos-marcas/apache.svg")}
.logo-amd{-webkit-mask-image:url("logos-marcas/amd.svg");mask-image:url("logos-marcas/amd.svg")}
.logo-intel{-webkit-mask-image:url("logos-marcas/intel.svg");mask-image:url("logos-marcas/intel.svg")}
.logo-ubuntu{-webkit-mask-image:url("logos-marcas/ubuntu.svg");mask-image:url("logos-marcas/ubuntu.svg")}
.logo-debian{-webkit-mask-image:url("logos-marcas/debian.svg");mask-image:url("logos-marcas/debian.svg")}
.logo-almalinux{-webkit-mask-image:url("logos-marcas/almalinux.svg");mask-image:url("logos-marcas/almalinux.svg")}
.logo-rockylinux{-webkit-mask-image:url("logos-marcas/rockylinux.svg");mask-image:url("logos-marcas/rockylinux.svg")}
.logo-cloudflare{-webkit-mask-image:url("logos-marcas/cloudflare.svg");mask-image:url("logos-marcas/cloudflare.svg")}
.logo-letsencrypt{-webkit-mask-image:url("logos-marcas/letsencrypt.svg");mask-image:url("logos-marcas/letsencrypt.svg")}
.logo-softaculous{-webkit-mask-image:url("logos-marcas/softaculous.png");mask-image:url("logos-marcas/softaculous.png")}
.logo-wordpress{-webkit-mask-image:url("logos-marcas/wordpress.svg");mask-image:url("logos-marcas/wordpress.svg")}
.logo-woocommerce{-webkit-mask-image:url("logos-marcas/woocommerce.svg");mask-image:url("logos-marcas/woocommerce.svg")}
.logo-woo{-webkit-mask-image:url("logos-marcas/woo.svg");mask-image:url("logos-marcas/woo.svg")}
.logo-elementor{-webkit-mask-image:url("logos-marcas/elementor.svg");mask-image:url("logos-marcas/elementor.svg")}
.logo-shopify{-webkit-mask-image:url("logos-marcas/shopify.svg");mask-image:url("logos-marcas/shopify.svg")}
.logo-prestashop{-webkit-mask-image:url("logos-marcas/prestashop.svg");mask-image:url("logos-marcas/prestashop.svg")}
.logo-magento{-webkit-mask-image:url("logos-marcas/magento.svg");mask-image:url("logos-marcas/magento.svg")}
.logo-joomla{-webkit-mask-image:url("logos-marcas/joomla.svg");mask-image:url("logos-marcas/joomla.svg")}
.logo-moodle{-webkit-mask-image:url("logos-marcas/moodle.svg");mask-image:url("logos-marcas/moodle.svg")}
.logo-drupal{-webkit-mask-image:url("logos-marcas/drupal.svg");mask-image:url("logos-marcas/drupal.svg")}
.logo-meta{-webkit-mask-image:url("logos-marcas/meta.svg");mask-image:url("logos-marcas/meta.svg")}
.logo-facebook{-webkit-mask-image:url("logos-marcas/facebook.svg");mask-image:url("logos-marcas/facebook.svg")}
.logo-instagram{-webkit-mask-image:url("logos-marcas/instagram.svg");mask-image:url("logos-marcas/instagram.svg")}
.logo-tiktok{-webkit-mask-image:url("logos-marcas/tiktok.svg");mask-image:url("logos-marcas/tiktok.svg")}
.logo-youtube{-webkit-mask-image:url("logos-marcas/youtube.svg");mask-image:url("logos-marcas/youtube.svg")}
.logo-linkedin{-webkit-mask-image:url("logos-marcas/linkedin.svg");mask-image:url("logos-marcas/linkedin.svg")}
.logo-whatsapp{-webkit-mask-image:url("logos-marcas/whatsapp.svg");mask-image:url("logos-marcas/whatsapp.svg")}
.logo-telegram{-webkit-mask-image:url("logos-marcas/telegram.svg");mask-image:url("logos-marcas/telegram.svg")}
.logo-messenger{-webkit-mask-image:url("logos-marcas/messenger.svg");mask-image:url("logos-marcas/messenger.svg")}
.logo-line{-webkit-mask-image:url("logos-marcas/line.svg");mask-image:url("logos-marcas/line.svg")}
.logo-x{-webkit-mask-image:url("logos-marcas/x.svg");mask-image:url("logos-marcas/x.svg")}
.logo-googleanalytics{-webkit-mask-image:url("logos-marcas/googleanalytics.svg");mask-image:url("logos-marcas/googleanalytics.svg")}
.logo-googletagmanager{-webkit-mask-image:url("logos-marcas/googletagmanager.svg");mask-image:url("logos-marcas/googletagmanager.svg")}
.logo-googleads{-webkit-mask-image:url("logos-marcas/googleads.svg");mask-image:url("logos-marcas/googleads.svg")}
.logo-googlesearchconsole{-webkit-mask-image:url("logos-marcas/googlesearchconsole.svg");mask-image:url("logos-marcas/googlesearchconsole.svg")}
.logo-googlemaps{-webkit-mask-image:url("logos-marcas/googlemaps.svg");mask-image:url("logos-marcas/googlemaps.svg")}
.logo-mailchimp{-webkit-mask-image:url("logos-marcas/mailchimp.svg");mask-image:url("logos-marcas/mailchimp.svg")}
.logo-hubspot{-webkit-mask-image:url("logos-marcas/hubspot.svg");mask-image:url("logos-marcas/hubspot.svg")}
.logo-hetzner{-webkit-mask-image:url("logos-marcas/hetzner.svg");mask-image:url("logos-marcas/hetzner.svg")}
.logo-gitlab{-webkit-mask-image:url("logos-marcas/gitlab.svg");mask-image:url("logos-marcas/gitlab.svg")}
.logo-chatwoot{-webkit-mask-image:url("logos-marcas/chatwoot.svg");mask-image:url("logos-marcas/chatwoot.svg")}
.logo-whmcs{-webkit-mask-image:url("logos-marcas/whmcs.svg");mask-image:url("logos-marcas/whmcs.svg")}
.logo-dlocalgo{-webkit-mask-image:url("logos-marcas/dlocalgo.png");mask-image:url("logos-marcas/dlocalgo.png")}
.logo-openai{-webkit-mask-image:url("logos-marcas/openai.svg");mask-image:url("logos-marcas/openai.svg")}
.logo-slack{-webkit-mask-image:url("logos-marcas/slack.svg");mask-image:url("logos-marcas/slack.svg")}
.logo-dialogflow{-webkit-mask-image:url("logos-marcas/dialogflow.svg");mask-image:url("logos-marcas/dialogflow.svg")}
.logo-linear{-webkit-mask-image:url("logos-marcas/linear.svg");mask-image:url("logos-marcas/linear.svg")}
.logo-googletranslate{-webkit-mask-image:url("logos-marcas/googletranslate.svg");mask-image:url("logos-marcas/googletranslate.svg")}
.logo-mariadb{-webkit-mask-image:url("logos-marcas/mariadb.svg");mask-image:url("logos-marcas/mariadb.svg")}
.logo-redis{-webkit-mask-image:url("logos-marcas/redis.svg");mask-image:url("logos-marcas/redis.svg")}
.logo-rubyonrails{-webkit-mask-image:url("logos-marcas/rubyonrails.svg");mask-image:url("logos-marcas/rubyonrails.svg")}
.logo-microsoftexcel{-webkit-mask-image:url("logos-marcas/microsoftexcel.svg");mask-image:url("logos-marcas/microsoftexcel.svg")}
.logo-android{-webkit-mask-image:url("logos-marcas/android.svg");mask-image:url("logos-marcas/android.svg")}
.logo-pagoefectivo{-webkit-mask-image:url("logos-marcas/pagoefectivo.svg");mask-image:url("logos-marcas/pagoefectivo.svg")}
.logo-culqi{-webkit-mask-image:url("logos-marcas/culqi.svg");mask-image:url("logos-marcas/culqi.svg")}
.logo-sunat{-webkit-mask-image:url("logos-marcas/sunat.svg");mask-image:url("logos-marcas/sunat.svg")}
.logo-yape{-webkit-mask-image:url("logos-marcas/yape.svg");mask-image:url("logos-marcas/yape.svg")}
.logo-plin{-webkit-mask-image:url("logos-marcas/plin.png");mask-image:url("logos-marcas/plin.png")}
.logo-evolutionapi{-webkit-mask-image:url("logos-marcas/evolutionapi.svg");mask-image:url("logos-marcas/evolutionapi.svg")}
.logo-waha{-webkit-mask-image:url("logos-marcas/waha.svg");mask-image:url("logos-marcas/waha.svg")}
.logo-dian{-webkit-mask-image:url("logos-marcas/dian.svg");mask-image:url("logos-marcas/dian.svg")}
.logo-izipay{-webkit-mask-image:url("logos-marcas/izipay.png");mask-image:url("logos-marcas/izipay.png")}
.logo-lookerstudio{-webkit-mask-image:url("logos-marcas/lookerstudio.svg");mask-image:url("logos-marcas/lookerstudio.svg")}
.logo-mercadopago{-webkit-mask-image:url("logos-marcas/mercadopago.svg");mask-image:url("logos-marcas/mercadopago.svg")}
.logo-paypal{-webkit-mask-image:url("logos-marcas/paypal.svg");mask-image:url("logos-marcas/paypal.svg")}
.logo-stripe{-webkit-mask-image:url("logos-marcas/stripe.svg");mask-image:url("logos-marcas/stripe.svg")}
.logo-visa{-webkit-mask-image:url("logos-marcas/visa.svg");mask-image:url("logos-marcas/visa.svg")}
.logo-mastercard{-webkit-mask-image:url("logos-marcas/mastercard.svg");mask-image:url("logos-marcas/mastercard.svg")}
.logo-laravel{-webkit-mask-image:url("logos-marcas/laravel.svg");mask-image:url("logos-marcas/laravel.svg")}
.logo-php{-webkit-mask-image:url("logos-marcas/php.svg");mask-image:url("logos-marcas/php.svg")}
.logo-vuedotjs{-webkit-mask-image:url("logos-marcas/vuedotjs.svg");mask-image:url("logos-marcas/vuedotjs.svg")}
.logo-react{-webkit-mask-image:url("logos-marcas/react.svg");mask-image:url("logos-marcas/react.svg")}
.logo-nextdotjs{-webkit-mask-image:url("logos-marcas/nextdotjs.svg");mask-image:url("logos-marcas/nextdotjs.svg")}
.logo-nodedotjs{-webkit-mask-image:url("logos-marcas/nodedotjs.svg");mask-image:url("logos-marcas/nodedotjs.svg")}
.logo-typescript{-webkit-mask-image:url("logos-marcas/typescript.svg");mask-image:url("logos-marcas/typescript.svg")}
.logo-tailwindcss{-webkit-mask-image:url("logos-marcas/tailwindcss.svg");mask-image:url("logos-marcas/tailwindcss.svg")}
.logo-mysql{-webkit-mask-image:url("logos-marcas/mysql.svg");mask-image:url("logos-marcas/mysql.svg")}
.logo-postgresql{-webkit-mask-image:url("logos-marcas/postgresql.svg");mask-image:url("logos-marcas/postgresql.svg")}
.logo-docker{-webkit-mask-image:url("logos-marcas/docker.svg");mask-image:url("logos-marcas/docker.svg")}
.logo-git{-webkit-mask-image:url("logos-marcas/git.svg");mask-image:url("logos-marcas/git.svg")}
.logo-figma{-webkit-mask-image:url("logos-marcas/figma.svg");mask-image:url("logos-marcas/figma.svg")}
.logo-expo{-webkit-mask-image:url("logos-marcas/expo.svg");mask-image:url("logos-marcas/expo.svg")}
.logo-googleplay{-webkit-mask-image:url("logos-marcas/googleplay.svg");mask-image:url("logos-marcas/googleplay.svg")}
.logo-appstore{-webkit-mask-image:url("logos-marcas/appstore.svg");mask-image:url("logos-marcas/appstore.svg")}
.logo-android{-webkit-mask-image:url("logos-marcas/android.svg");mask-image:url("logos-marcas/android.svg")}
.logo-apple{-webkit-mask-image:url("logos-marcas/apple.svg");mask-image:url("logos-marcas/apple.svg")}
/* glifos/glifos.css */
.glifo-api      {-webkit-mask-image:url("glifos/api.svg");mask-image:url("glifos/api.svg")}
.glifo-webhooks {-webkit-mask-image:url("glifos/webhooks.svg");mask-image:url("glifos/webhooks.svg")}
.glifo-seo      {-webkit-mask-image:url("glifos/seo.svg");mask-image:url("glifos/seo.svg")}
.glifo-csv      {-webkit-mask-image:url("glifos/csv.svg");mask-image:url("glifos/csv.svg")}
.glifo-bd       {-webkit-mask-image:url("glifos/bd.svg");mask-image:url("glifos/bd.svg")}
.logo-marca.glifo-api      { --lmb: 1.09; }   
.logo-marca.glifo-webhooks { --lmb: 1.05; }   
.logo-marca.glifo-seo      { --lmb: 1.06; }   
.glifo-erp      {-webkit-mask-image:url("glifos/erp.svg");mask-image:url("glifos/erp.svg")}
.glifo-crm      {-webkit-mask-image:url("glifos/crm.svg");mask-image:url("glifos/crm.svg")}
.glifo-pos      {-webkit-mask-image:url("glifos/pos.svg");mask-image:url("glifos/pos.svg")}
.glifo-marketplace{-webkit-mask-image:url("glifos/marketplace.svg");mask-image:url("glifos/marketplace.svg")}
.glifo-sso      {-webkit-mask-image:url("glifos/sso.svg");mask-image:url("glifos/sso.svg")}
.glifo-citas    {-webkit-mask-image:url("glifos/citas.svg");mask-image:url("glifos/citas.svg")}
.glifo-qr       {-webkit-mask-image:url("glifos/qr.svg");mask-image:url("glifos/qr.svg")}
.logo-marca.glifo-erp      {-webkit-mask-image:url("glifos/erp.svg");mask-image:url("glifos/erp.svg")}
.glifo-crm      {-webkit-mask-image:url("glifos/crm.svg");mask-image:url("glifos/crm.svg")}
.glifo-pos      {-webkit-mask-image:url("glifos/pos.svg");mask-image:url("glifos/pos.svg")}
.glifo-marketplace{-webkit-mask-image:url("glifos/marketplace.svg");mask-image:url("glifos/marketplace.svg")}
.glifo-sso      {-webkit-mask-image:url("glifos/sso.svg");mask-image:url("glifos/sso.svg")}
.glifo-citas    { --lmb: 1.03; }
/* logos-servicios.css */
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.specband__track .logo-marca {
  --lm: 22px;
  color: #fff;
}
.specband__track .logo-marca--wide {
  width: 76px;
  height: 22px;
}
.specband__track .logo-oficial-img {
  max-width: 106px;
  height: 22px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  vertical-align: middle;
}
.specband__track .logo-oficial-img--softaculous {
  width: 100px;
}
.specband__track .logo-oficial-img--webmail {
  height: 19px;
  max-width: 82px;
}
.specband__track .logo-oficial-img--jetbackup {
  height: 22px;
  max-width: 88px;
}
.logo-sistema {
  --lm: 24px;
  color: currentColor;
}
.ico .logo-cpanel {
  width: 36px;
  height: 22px;
}
.bento .ico.ico--woo {
  width: 76px;
  height: 42px;
}
.woo-wordmark {
  display: block;
  width: 58px;
  height: auto;
}
.brand-heading {
  display: flex;
  align-items: center;
  gap: 12px;
}
.brand-heading .logo-marca {
  width: 100px;
  height: 25px;
  color: var(--motif-b-ink, var(--buho-blue-700));
}
.brand-heading .brand-icon {
  display: block;
  width: 34px;
  height: 34px;
  object-fit: contain;
  flex: 0 0 34px;
}
.mock-product {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-left: 7px;
}
.mock-product .logo-marca {
  --lm: 54px;
  height: 17px;
  color: rgba(255,255,255,.9);
}
.fpill .logo-marca {
  --lm: 62px;
  height: 17px;
  color: var(--buho-navy-950);
}
.product-logo {
  display: inline-block;
  width: var(--pl, 22px);
  height: var(--pl, 22px);
  object-fit: contain;
  flex: 0 0 auto;
  vertical-align: middle;
}
.product-logo--cpanel { width: 24px; height: 16px; }
.product-logo--wordmark {
  width: var(--plw, 116px);
  height: var(--plh, 18px);
}
.crumb-product {
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.crumb-product .product-logo--wordmark {
  --plw: 108px;
  --plh: 14px;
}
.mock-product-logo {
  --pl: 23px;
}
.mock-softaculous {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
}
.mock-softaculous .product-logo {
  width: 78px;
  height: 18px;
}
.fpill .product-logo {
  --pl: 18px;
}
.trust__it .product-logo {
  --pl: 20px;
}
.specband__track .product-logo {
  --pl: 22px;
}
.specband__track .product-logo--vault {
  --pl: 24px;
}
.explore .ico.ico--brand {
  background: #fff !important;
  box-shadow: inset 0 0 0 1px rgba(0,17,68,.08), 0 5px 14px rgba(0,17,68,.08);
}
.explore .ico--brand .product-logo {
  --pl: 27px;
}
.inline-apps,
.plan-apps,
.cmp-brand {
  display: inline-flex;
  align-items: center;
}
.inline-apps {
  gap: 5px;
  margin-right: 4px;
}
.inline-apps .product-logo {
  --pl: 19px;
}
.plan-apps {
  gap: 8px;
  min-height: 25px;
  margin-top: 13px;
}
.plan-apps .product-logo {
  --pl: 24px;
}
.plan__feats .product-logo {
  --pl: 18px;
}
.techrow .product-logo,
.techrow .logo-marca {
  --pl: 20px;
  --lm: 20px;
}
.techrow .product-logo--apps {
  width: 72px;
  height: 18px;
}
.sec--navy .techrow .logo-marca {
  color: #fff;
}
.cmp-brand {
  gap: 8px;
  min-height: 24px;
}
.cmp-brand .product-logo--wordmark {
  --plw: 126px;
  --plh: 18px;
}
.cmp-brand .product-logo--zoho {
  --pl: 25px;
}
.bento .ico.ico--webmail {
  width: 82px;
  height: 42px;
  background: #fff;
}
.ico--webmail .product-logo {
  width: 66px;
  height: 25px;
}
@media (max-width: 600px) {
  .crumb-product .product-logo--wordmark {
    --plw: 94px;
    --plh: 12px;
  }
  .plan-apps {
    gap: 7px;
  }
}
/* site.css */
html { scroll-behavior: smooth; scroll-padding-top: 84px; }
body, main { overflow-x: clip; }
main { display: block; }
a { text-decoration: none; }
.wrap        { max-width: 1240px; margin: 0 auto; padding: 0 32px; }
.wrap--tight { max-width: 940px;  margin: 0 auto; padding: 0 32px; }
.sec        { padding: 120px 0; position: relative; overflow: hidden; }
.sec--sm    { padding: 84px 0; }
.sec--white { background: #fff; }
.sec--cream { background: var(--buho-cream); }
.sec--navy  { background: var(--buho-navy-950); color: #fff; }
.sec--navy p,
.sec--navy .steps p,
.sec--navy .shead p,
.sec--navy .fcell p,
.sec--navy .statrow .s { color: rgba(255,255,255,0.74); }
.sec--navy .fcell { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.10); }
.sec--navy .fcell:hover { background: rgba(255,255,255,0.08); box-shadow: none; }
.sec--navy .fcell .ico { background: rgba(255,255,255,.14);
                         box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
                         color: var(--motif-a-light, var(--buho-pink-300)); }
.sec--navy .fcell .kpi { color: var(--buho-pink-300); }
.sec--navy .text-muted { color: rgba(255,255,255,0.74); }
.eb {
  display: inline-flex; align-items: center; gap: 9px;
  font-weight: 700; font-size: 12px; letter-spacing: 0.16em;
  text-transform: uppercase; color: var(--buho-blue-600);
}
.eb::before {
  content: ""; width: 16px; height: 8px; border-radius: 999px; flex-shrink: 0;
  background: linear-gradient(90deg, var(--buho-pink-600), var(--buho-blue-600));
}
.eb--dark { color: var(--buho-pink-300); }
.rule-firma {
  height: 4px; width: 56px; border-radius: 999px; border: 0; margin: 0;
  background: linear-gradient(90deg, var(--buho-pink-600), var(--buho-blue-600));
}
@keyframes hfBreathe { 0%,100% { transform: scale(1);    opacity: .85; }
                        50%     { transform: scale(1.14); opacity: 1;   } }
@keyframes hfSpin    { to { transform: rotate(360deg); } }
@keyframes hfFloat   { 0%,100% { transform: translateY(0); }
                        50%     { transform: translateY(-7px); } }
@keyframes hfSlide   { from { opacity: 0; transform: translateY(14px) scale(.985); }
                        to   { opacity: 1; transform: none; } }
@keyframes hfMarquee    { from { transform: translateX(0); }     to { transform: translateX(-50%); } }
@keyframes hfMarqueeRev { from { transform: translateX(-50%); }  to { transform: translateX(0); } }
@keyframes hfPing { 0% { transform: scale(1); opacity: .7; } 80%,100% { transform: scale(2.4); opacity: 0; } }
.hero-visual { display: none; }
.hero-visual:first-of-type { display: block; }
@keyframes hfPulse   { 0%,100% { opacity: 1; } 50% { opacity: .35; } }
html.js [data-rv] { opacity: 0; transform: translateY(18px);
            transition: opacity .62s var(--ease-out), transform .62s var(--ease-out); }
html.js [data-rv].rv-in { opacity: 1; transform: none; }   
@media (prefers-reduced-motion: reduce) {
  [data-rv] { opacity: 1 !important; transform: none !important; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; }
}
.snav {
  position: sticky; top: 0; z-index: 90;
  background: rgba(255,255,255,0.84);
  backdrop-filter: saturate(140%) blur(12px);
  -webkit-backdrop-filter: saturate(140%) blur(12px);
  border-bottom: 1px solid rgba(0,17,68,0.06);
}
.snav__in { max-width: 1240px; margin: 0 auto; padding: 0 32px;
            height: 68px; display: flex; align-items: center; gap: 34px; }
.snav__logo img { height: 27px; }
.snav__links { display: flex; gap: 4px; align-items: center; }
.snav__link {
  position: relative; display: inline-flex; align-items: center; gap: 6px;
  padding: 9px 13px; border-radius: 10px;
  font-size: 14.5px; font-weight: 600; color: var(--buho-navy-950);
  transition: background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);
}
.snav__link:hover, .snav__link[aria-expanded="true"] { background: var(--buho-cream); }
.snav__link--on { color: var(--buho-pink-600); }
.snav__link i.ti-chevron-down { font-size: 15px; opacity: .5; transition: transform var(--dur-base); }
.snav__link[aria-expanded="true"] i.ti-chevron-down { transform: rotate(180deg); }
.snav__cta { margin-left: auto; display: flex; align-items: center; gap: 10px; }
.mega {
  position: absolute; left: 0; right: 0; top: 68px; z-index: 89;
  background: #fff; border-bottom: 1px solid rgba(0,17,68,0.08);
  box-shadow: 0 26px 54px rgba(0,17,68,0.10);
  opacity: 0; visibility: hidden; transform: translateY(-8px);
  transition: opacity .2s var(--ease-out), transform .2s var(--ease-out), visibility .2s;
}
.mega.is-open { opacity: 1; visibility: visible; transform: none; }
.mega__in { max-width: 1240px; margin: 0 auto; padding: 34px 32px 38px;
            display: grid; grid-template-columns: repeat(3, 1fr) 0.9fr; gap: 30px; }
.mega__col h5 {
  margin: 0 0 14px; font-size: 11px; font-weight: 700; letter-spacing: 0.14em;
  text-transform: uppercase; color: var(--gray-500);
}
.mega__item {
  display: flex; gap: 12px; align-items: flex-start; padding: 9px 10px;
  border-radius: 12px; transition: background var(--dur-base) var(--ease-out);
}
.mega__item:hover { background: var(--buho-cream); }
.mega__item .ico {
  width: 34px; height: 34px; flex-shrink: 0; border-radius: 10px; display: grid;
  place-items: center; background: var(--t-bg, var(--buho-blue-100)); color: var(--t-ink, var(--buho-blue-600)); font-size: 17px;
}
.mega__item b { display: block; font-size: 14px; font-weight: 700; color: var(--buho-navy-950); }
.mega__item span { display: block; font-size: 12.5px; color: var(--color-text-muted); line-height: 1.45; margin-top: 2px; }
.mega__aside {
  background: var(--buho-cream); border-radius: 18px; padding: 24px;
  display: flex; flex-direction: column; gap: 12px;
}
.snav__burger { display: none; }
.mnav {
  position: fixed; inset: 68px 0 0; z-index: 88; background: #fff; overflow-y: auto;
  padding: 24px 22px 60px; transform: translateX(100%);
  transition: transform .3s var(--ease-out);
}
.mnav.is-open { transform: none; }
.mnav h5 { margin: 22px 0 8px; font-size: 11px; font-weight: 700; letter-spacing: .14em;
           text-transform: uppercase; color: var(--gray-500); }
.mnav a { display: block; padding: 11px 0; font-size: 16px; font-weight: 600;
          border-bottom: 1px solid rgba(0,17,68,.06); }
.phero { position: relative; overflow: hidden; background: #fff; }
.phero__vis { position: relative; min-height: 470px; }
@media (max-width: 980px) { .phero__vis { min-height: 0; } }
.phero__in {
  max-width: 1240px; margin: 0 auto; padding: 76px 32px 84px; position: relative; z-index: 2;
  display: grid; grid-template-columns: 1.04fr 0.96fr; gap: 60px; align-items: center;
}
.phero h1 {
  margin: 16px 0 0; font-size: clamp(38px, 4.2vw, 58px);
  font-weight: 800; letter-spacing: -0.028em; line-height: 1.03;
}
.phero__lead { margin: 20px 0 0; font-size: 18px; line-height: 1.55;
               color: var(--color-text-muted); max-width: 54ch; }
.phero__acts { display: inline-flex; gap: 10px; margin-top: 30px; flex-wrap: wrap; }
.phero__meta { display: flex; gap: 28px; margin-top: 32px; flex-wrap: wrap; }
.phero__meta > div + div { padding-left: 24px; border-left: 1px solid rgba(0,17,68,0.12); }
.phero__meta .k { font-family: var(--font-mono); font-weight: 600; font-size: 15px; color: var(--buho-blue-600); }
.phero__meta .v { font-size: 12px; color: var(--color-text-muted); margin-top: 4px; }
.crumbs { display: flex; gap: 8px; align-items: center; font-size: 12.5px;
          color: var(--color-text-muted); margin-bottom: 18px; }
.crumbs a:hover { color: var(--buho-blue-600); }
.crumbs i { font-size: 14px; opacity: .5; }
.fpill {
  position: absolute; z-index: 3; background: #fff; border: 1px solid rgba(0,17,68,0.07);
  border-radius: 999px; padding: 10px 15px; display: inline-flex; align-items: center; gap: 8px;
  font: 600 12.5px/1 var(--font-sans); color: var(--buho-navy-950);
  box-shadow: 0 14px 30px rgba(0,17,68,0.14); animation: hfFloat 5.6s ease-in-out infinite;
}
.fpill i { font-size: 15px; color: var(--buho-blue-600); }
.fcard {
  position: absolute; z-index: 3; background: var(--buho-navy-950); color: #fff;
  border-radius: 14px; padding: 14px 16px; display: inline-flex; align-items: center; gap: 12px;
  box-shadow: 0 20px 40px rgba(0,17,68,0.24); animation: hfFloat 5s ease-in-out infinite;
}
.fcard .ic { width: 36px; height: 36px; border-radius: 12px;
             background: rgba(255,255,255,.14);
             box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
             color: var(--motif-a-light, var(--buho-pink-300));
             display: grid; place-items: center; flex-shrink: 0; }
.fcard .lb { display: block; font-size: 10px; opacity: .6; text-transform: uppercase; letter-spacing: .1em; }
.fcard .vl { font-family: var(--font-mono); font-size: 18px; font-weight: 600; }
.mock {
  background: #fff; border-radius: 24px; padding: 28px;
  box-shadow: 0 30px 80px rgba(0,17,68,0.12), 0 8px 24px rgba(0,17,68,0.05);
  border: 1px solid rgba(0,17,68,0.05); position: relative; z-index: 1;
}
.mock__row {
  display: flex; justify-content: space-between; align-items: center;
  background: var(--buho-cream); border-radius: 12px; padding: 14px 17px;
}
.mock__row + .mock__row { margin-top: 8px; }
.mock__row .l { display: inline-flex; align-items: center; gap: 11px; font-weight: 600; font-size: 14.5px; }
.mock__row .r { font-family: var(--font-mono); font-size: 12px; color: var(--color-text-muted); }
.shead { display: flex; align-items: flex-end; justify-content: space-between;
         gap: 24px; flex-wrap: wrap; margin-bottom: 48px; }
.shead h2 {
  margin: 14px 0 0; font-size: clamp(32px, 3.5vw, 46px);
  font-weight: 800; letter-spacing: -0.025em; line-height: 1.05; max-width: 18ch;
}
.shead p { margin: 0; max-width: 360px; font-size: 15.5px; line-height: 1.55; color: var(--color-text-muted); }
.shead--center { flex-direction: column; align-items: center; text-align: center; }
.shead--center h2 { max-width: 22ch; }
.shead--center p { max-width: 60ch; margin-top: 16px; }
.fgrid { display: grid; gap: 16px; }
.fgrid--2 { grid-template-columns: repeat(2, 1fr); }
.fgrid--3 { grid-template-columns: repeat(3, 1fr); }
.fgrid--4 { grid-template-columns: repeat(4, 1fr); }
.fcell {
  background: #fff; border-radius: 18px; padding: 28px;
  display: flex; flex-direction: column; gap: 14px;
  transition: box-shadow .24s var(--ease-out), transform .24s var(--ease-out);
  border: 1px solid rgba(0,17,68,0.05);
}
.fcell:hover { box-shadow: 0 26px 54px rgba(0,17,68,0.11); transform: translateY(-3px); }
.sec--cream .fcell { border-color: transparent; }
.fcell .ico {
  width: 44px; height: 44px; border-radius: 12px; background: var(--t-bg, var(--buho-blue-100));
  color: var(--t-ink, var(--buho-blue-600)); display: grid; place-items: center; font-size: 21px;
}
.fcell h3 { margin: 0; font-size: 18.5px; font-weight: 800; letter-spacing: -0.015em; }
.fcell p  { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--color-text-muted); }
.fcell .kpi { margin-top: auto; font-family: var(--font-mono); font-size: 12px;
              font-weight: 600; color: var(--buho-blue-600); }
.checks { display: flex; flex-direction: column; gap: 11px; margin: 0; padding: 0; list-style: none; }
.checks li { display: flex; gap: 11px; align-items: flex-start; font-size: 15px; line-height: 1.5; }
.checks li i { font-size: 18px; color: var(--buho-blue-600); flex-shrink: 0; margin-top: 1px; }
.checks li > b { display: contents; }
.sec--navy .checks li { color: rgba(255,255,255,0.84); }
.sec--navy .checks li i { color: var(--buho-pink-300); }
.tagrow { display: flex; flex-wrap: wrap; gap: 8px; }
.tagrow span {
  display: inline-flex; align-items: center; gap: 6px; padding: 7px 12px;
  border-radius: 999px; background: rgba(255,255,255,0.85);
  font-size: 12.5px; font-weight: 500;
}
.sec--white .tagrow span { background: var(--buho-cream); }
.ptoggle {
  display: inline-flex; padding: 4px; border-radius: 999px;
  background: var(--buho-cream); gap: 2px;
}
.sec--cream .ptoggle { background: #fff; }
.ptoggle button {
  appearance: none; border: 0; cursor: pointer; background: transparent;
  padding: 9px 18px; border-radius: 999px; font: 600 13.5px/1 var(--font-sans);
  color: var(--color-text-muted); transition: all var(--dur-base) var(--ease-out);
}
.ptoggle button.on { background: var(--buho-navy-950); color: #fff; }
.plans { display: grid; gap: 16px; align-items: stretch; }
.plans--2 { grid-template-columns: repeat(2, 1fr); }
.plans--3 { grid-template-columns: repeat(3, 1fr); }
.plans--4 { grid-template-columns: repeat(4, 1fr); }
.plan {
  background: #fff; border: 1px solid rgba(0,17,68,0.09); border-radius: 20px;
  padding: 28px; display: flex; flex-direction: column; gap: 16px; position: relative;
  transition: box-shadow .24s var(--ease-out), transform .24s var(--ease-out), border-color .24s var(--ease-out);
}
.plan:hover { box-shadow: 0 24px 50px rgba(0,17,68,0.10); transform: translateY(-3px);
              border-color: rgba(0,17,68,0.16); }
.plan__name { font-size: 15px; font-weight: 800; letter-spacing: -0.01em; }
.plan__sub  { font-size: 12.5px; color: var(--color-text-muted); margin-top: 3px; }
.plan__price { display: flex; align-items: baseline; gap: 6px; flex-wrap: wrap; }
.plan__price .n {
  font-family: var(--font-mono); font-size: 34px; font-weight: 600;
  letter-spacing: -0.035em; color: var(--buho-navy-950);
}
.plan__price .u { font-size: 13px; color: var(--color-text-muted); font-weight: 500; }
.plan__usd { font-family: var(--font-mono); font-size: 11.5px; color: var(--gray-500); margin-top: -6px; }
.plan__feats { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 9px; }
.plan__feats li { display: flex; gap: 9px; align-items: flex-start; font-size: 13.5px; line-height: 1.45; }
.plan__feats li i { font-size: 16px; color: var(--buho-blue-600); flex-shrink: 0; margin-top: 1px; }
.plan .btn { margin-top: auto; }
.plan--hot { border-color: var(--buho-pink-600); box-shadow: 0 0 0 1px var(--buho-pink-600), 0 12px 28px rgba(255,0,111,0.08); }
.plan--hot:hover { box-shadow: 0 0 0 1px var(--buho-pink-600), 0 20px 40px rgba(255,0,111,0.12); }
.plan__flag {
  align-self: start;
  font: 700 11px/1 var(--font-sans);
  letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--act-ink, var(--buho-pink-700));
  margin-bottom: -7px;
}
.plan--hot .plan__price .n { color: var(--act-ink, var(--buho-pink-700)); }
.plan--hot .plan__price .u { font-style: italic; font-weight: 300; color: var(--act-ink, var(--buho-pink-700)); }
.plan--dark { background: var(--buho-navy-950); color: #fff; border-color: transparent; }
.plan--dark .plan__price .n { color: #fff; }
.plan--dark .plan__feats li i { color: var(--buho-pink-300); }
.plan--dark .plan__sub, .plan--dark .plan__usd { color: rgba(255,255,255,0.6); }
.plan-note { margin-top: 22px; font-size: 12.5px; color: var(--color-text-muted);
             display: flex; gap: 8px; align-items: flex-start; }
.plan-note i { font-size: 15px; color: var(--buho-blue-600); flex-shrink: 0; margin-top: 1px; }
.ladder { border: 1px solid rgba(0,17,68,0.09); border-radius: 20px; overflow: hidden; background: #fff; }
.ladder table { width: 100%; border-collapse: collapse; }
.ladder th {
  text-align: left; padding: 15px 20px; background: var(--buho-cream);
  font-size: 11px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase;
  color: var(--gray-600); border-bottom: 1px solid rgba(0,17,68,0.07);
}
.ladder td { padding: 15px 20px; border-bottom: 1px solid rgba(0,17,68,0.06); font-size: 14px; vertical-align: middle; }
.ladder tr:last-child td { border-bottom: 0; }
.ladder tbody tr { transition: background var(--dur-base); }
.ladder tbody tr:hover { background: var(--buho-blue-50); }
.ladder .nm { font-weight: 700; }
.ladder .num { font-family: var(--font-mono); font-weight: 600; }
.ladder .pr { font-family: var(--font-mono); font-weight: 600; font-size: 15.5px; white-space: nowrap; }
.ladder .pr small { display: block; font-size: 11px; font-weight: 400; color: var(--gray-500); }
.ladder td.act { text-align: right; }
.cmp { width: 100%; border-collapse: collapse; background: #fff;
       border: 1px solid rgba(0,17,68,0.09); border-radius: 20px; overflow: hidden; }
.cmp th, .cmp td { padding: 15px 18px; border-bottom: 1px solid rgba(0,17,68,0.06); font-size: 14px; text-align: left; }
.cmp thead th { background: var(--buho-navy-950); color: #fff; font-size: 12.5px;
                letter-spacing: 0.04em; text-transform: uppercase; font-weight: 700; }
.cmp tbody tr:last-child td { border-bottom: 0; }
.cmp tbody tr:hover { background: var(--buho-cream); }
.cmp .yes { color: var(--color-success); font-size: 18px; }
.cmp .no  { color: var(--gray-400); font-size: 18px; }
.cmp td:first-child { font-weight: 600; }
.faq { display: flex; flex-direction: column; gap: 10px; }
.faq details {
  background: #fff; border: 1px solid rgba(0,17,68,0.08); border-radius: 16px;
  padding: 0 22px; transition: border-color var(--dur-base), box-shadow var(--dur-base);
}
.sec--cream .faq details { border-color: transparent; }
.faq details[open] { border-color: rgba(0,17,68,0.16); box-shadow: 0 12px 30px rgba(0,17,68,0.07); }
.faq summary {
  list-style: none; cursor: pointer; padding: 20px 0; font-size: 16px; font-weight: 700;
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after {
  content: ""; flex-shrink: 0; width: 18px; height: 18px; position: relative;
  background:
    linear-gradient(var(--buho-blue-600), var(--buho-blue-600)) center/18px 2px no-repeat,
    linear-gradient(var(--buho-blue-600), var(--buho-blue-600)) center/2px 18px no-repeat;
  transition: transform var(--dur-base) var(--ease-out);
}
.faq details[open] summary::after { transform: rotate(45deg); }
.faq .a { padding: 0 0 22px; font-size: 15px; line-height: 1.62; color: var(--gray-700); max-width: 74ch; }
.faq .a a { font-weight: 600; }
.quote {
  background: #fff; border-radius: 20px; padding: 30px; border: 1px solid rgba(0,17,68,0.06);
  display: flex; flex-direction: column; gap: 16px;
}
.sec--cream .quote { border-color: transparent; }
.quote p { margin: 0; font-size: 16px; line-height: 1.6; }
.quote footer { display: flex; align-items: center; gap: 12px; margin-top: auto; }
.quote .av { width: 40px; height: 40px; border-radius: 12px; object-fit: cover; flex-shrink: 0; }
.quote .who b { display: block; font-size: 14px; }
.quote .who span { display: block; font-size: 12.5px; color: var(--color-text-muted); }
.stars { display: inline-flex; gap: 2px; color: #F7B500; font-size: 14px; }
.ribbon { overflow: hidden; }
.ribbon__track { display: flex; gap: 46px; width: max-content; align-items: center;
                 animation: hfMarquee 42s linear infinite; }
.ribbon:hover .ribbon__track { animation-play-state: paused; }
.ribbon__track span { font-weight: 800; font-size: 17px; letter-spacing: -0.02em;
                      color: rgba(0,17,68,0.30); white-space: nowrap; }
.trust {
  background: #fff; padding: 30px 0;
  border-top: 1px solid rgba(0,17,68,0.05); border-bottom: 1px solid rgba(0,17,68,0.05);
}
.trust__in { display: grid; grid-template-columns: auto repeat(4, 1fr); gap: 26px; align-items: center; }
.trust__lb { font-family: var(--font-mono); font-size: 11px; letter-spacing: .14em;
             text-transform: uppercase; color: var(--color-text-muted); white-space: nowrap; }
.trust__it { display: inline-flex; align-items: center; gap: 9px; font-size: 13.5px; font-weight: 600; }
.trust__it i { font-size: 19px; color: var(--buho-blue-600); flex-shrink: 0; }
@media (max-width: 980px) {
  .trust__in { grid-template-columns: 1fr 1fr; gap: 16px; }
  .trust__lb { grid-column: 1 / -1; }
}
@media (max-width: 560px) { .trust__in { grid-template-columns: 1fr; } }
.statrow { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
.statrow > div { border-top: 1px solid rgba(255,255,255,0.16); padding-top: 22px; }
.sec--white .statrow > div, .sec--cream .statrow > div { border-top-color: rgba(0,17,68,0.12); }
.statrow .n { font-family: var(--font-mono); font-weight: 600;
              font-size: clamp(34px, 3.4vw, 46px); letter-spacing: -0.04em; line-height: 1; }
.statrow .l { font-size: 14.5px; margin-top: 12px; font-weight: 600; }
.statrow .s { font-size: 12px; margin-top: 5px; font-family: var(--font-mono);
              color: var(--color-text-muted); }
.sec--navy .statrow .l { color: rgba(255,255,255,0.86); }
.sec--navy .statrow .s { color: rgba(255,255,255,0.5); }
.steps { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; counter-reset: st; }
.steps > div { position: relative; padding-top: 26px; border-top: 2px solid rgba(0,17,68,0.10); }
.steps > div::before {
  counter-increment: st; content: counter(st, decimal-leading-zero);
  font-family: var(--font-mono); font-size: 12px; font-weight: 700; letter-spacing: 0.1em;
  color: var(--buho-pink-600); display: block; margin-bottom: 12px;
}
.steps h3 { margin: 0 0 8px; font-size: 19px; font-weight: 800; letter-spacing: -0.015em; }
.steps p  { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--color-text-muted); }
.sec--navy .steps > div { border-top-color: rgba(255,255,255,0.18); }
.sec--navy .steps > div::before { color: var(--buho-pink-300); }
.split { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.split--rev > *:first-child { order: 2; }
.split h2 { margin: 14px 0 0; font-size: clamp(28px, 3vw, 40px);
            font-weight: 800; letter-spacing: -0.025em; line-height: 1.08; }
.split p.lead { margin: 16px 0 0; font-size: 16.5px; line-height: 1.6; color: var(--color-text-muted); }
.closer {
  color: #fff; border-radius: 28px; padding: clamp(52px, 5.5vw, 84px) 40px;
  position: relative; overflow: hidden; text-align: center;
}
.closer h2 { margin: 0 auto; max-width: 800px; font-size: clamp(34px, 4.2vw, 58px);
             font-weight: 800; letter-spacing: -0.03em; line-height: 1.03; color: #fff; }
.closer p { margin: 20px auto 0; max-width: 520px; font-size: 17px;
            color: rgba(255,255,255,0.76); line-height: 1.55; }
.closer__acts { display: inline-flex; gap: 12px; margin-top: 32px; flex-wrap: wrap; justify-content: center; }
.closer__fine { margin: 24px auto 0; display: flex; gap: 20px; font-size: 13px;
                color: rgba(255,255,255,0.6); flex-wrap: wrap; justify-content: center; }
.closer__fine span { display: inline-flex; align-items: center; gap: 6px; }
.btn-pink {
  display: inline-flex; align-items: center; gap: 8px; background: var(--buho-pink-600);
  color: #fff; font: 700 16px/1 var(--font-sans); padding: 17px 30px; border-radius: 999px;
  transition: all var(--dur-base) var(--ease-out);
}
.btn-pink:hover { transform: translateY(-2px); color: #fff;
                  box-shadow: 0 0 0 3px rgba(255,0,111,0.22), 0 16px 36px rgba(255,0,111,0.35); }
.btn-outline-l {
  display: inline-flex; align-items: center; gap: 8px; background: transparent; color: #fff;
  font: 600 16px/1 var(--font-sans); padding: 17px 30px; border-radius: 999px;
  border: 1px solid rgba(255,255,255,0.24); transition: all var(--dur-base) var(--ease-out);
}
.btn-outline-l:hover { border-color: rgba(255,255,255,0.55); color: #fff; }
.sfoot { background: var(--buho-navy-950); color: #fff; position: relative;
         overflow: hidden; padding: 56px 0 28px; }   
.sfoot a { color: rgba(255,255,255,0.72); transition: color var(--dur-base); }
.sfoot a:hover { color: #fff; }
.sfoot__top { display: grid; grid-template-columns: 1fr; gap: 32px 56px; align-items: center;
              padding-bottom: 36px; border-bottom: 1px solid rgba(255,255,255,0.08); margin-bottom: 36px; }
.sfoot__lema { margin: 16px 0 0; max-width: 460px; line-height: 1.55; color: rgba(255,255,255,0.72); font-size: 15px; }
.sfoot__sellos { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.sfoot__sellos > span { display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px; border-radius: 999px;
                        background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.12);
                        font: 600 12.5px/1 var(--font-sans); color: rgba(255,255,255,0.85); }
.sfoot__sellos i { font-size: 16px; color: #9FB0EC; }
.sfoot__cols { display: grid; grid-template-columns: 1.3fr repeat(4, 1fr); gap: 30px; }
.sfoot__cols h3 { margin: 0 0 14px; font-size: 12.5px; font-weight: 700; letter-spacing: 0.08em;
                  text-transform: uppercase; color: rgba(255,255,255,0.5); }
.sfoot__cols div > div { display: flex; flex-direction: column; gap: 10px; font-size: 14px; }
.sfoot__cols .sfoot__wa { margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,0.08); }
.sfoot .sfoot__wa a[href] { display: inline-flex; align-items: center; gap: 8px; background: none; color: #fff; font-weight: 600; white-space: nowrap; }
.sfoot__wa i { font-size: 16px; color: rgba(255,255,255,0.72); }
.fblog { margin-top: 40px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,0.08); }
.fblog__cab { display: flex; align-items: baseline; justify-content: space-between;
              gap: 16px; flex-wrap: wrap; margin-bottom: 20px; }
.fblog__cab h3 { margin: 0; font-size: 12.5px; font-weight: 700; letter-spacing: 0.08em;
                 text-transform: uppercase; color: rgba(255,255,255,0.5); }
.fblog__ver { font-size: 13.5px; font-weight: 600; }
.fblog__lista { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px 30px; }
.fblog__e { display: block; padding: 16px 18px; border-radius: 14px;
            background: rgba(255,255,255,0.04); border: 1px solid rgba(255,255,255,0.10);
            transition: border-color var(--dur-base) var(--ease-out),
                        background var(--dur-base) var(--ease-out); }
.fblog__e:hover { background: rgba(255,255,255,0.07); border-color: rgba(255,255,255,0.22); }
.fblog__cat { display: block; font: 700 10.5px/1.3 var(--font-mono); letter-spacing: 0.1em;
              text-transform: uppercase; color: var(--buho-pink-500); margin-bottom: 8px; }
.fblog__t { display: block; font-size: 14.5px; line-height: 1.45; font-weight: 600; color: #fff; }
.fblog__f { display: block; margin-top: 9px; font-size: 12px; color: rgba(255,255,255,0.45); }
.fblog__vacio { margin: 0; font-size: 13.5px; color: rgba(255,255,255,0.45); }
.sfoot:has(.fblog__lista:empty) .fblog { display: none; }
@media (max-width: 860px) {
  .fblog__lista { display: flex; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none;
                  margin-inline: -22px; padding: 0 22px 4px; scroll-padding-inline: 22px; }
  .fblog__lista::-webkit-scrollbar { display: none; }
  .fblog__lista > * { flex: 0 0 min(82%, 320px); scroll-snap-align: start; }
}
.sfoot__legal { display: flex; flex-direction: column; align-items: flex-start; gap: 10px;
                margin-top: 16px; padding-top: 14px; font-size: 13.5px;
                border-top: 1px solid rgba(255,255,255,0.08); }
.sfoot__legal a { color: rgba(255,255,255,0.66); }
.sfoot__legal a:hover { color: #fff; }
.sfoot__libro { display: inline-flex; align-items: center; gap: 8px; white-space: nowrap;
                padding: 7px 14px; border-radius: 999px;
                border: 1px solid rgba(255,255,255,0.18); font-weight: 600; }
.sfoot__libro:hover { border-color: rgba(255,255,255,0.4); }
.sfoot__libro i { font-size: 15px; }
.sfoot__legal .sfoot__libro { margin-top: 4px; color: #fff; }
.sfoot__bar { margin-top: 32px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.08);
              display: flex; align-items: center; justify-content: space-between;
              font-size: 13px; color: rgba(255,255,255,0.5); flex-wrap: wrap; gap: 12px; }
.sfoot__firma { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px; }
.sfoot__redes { display: inline-flex; align-items: center; gap: 16px; }
.sfoot__redes a { color: rgba(255,255,255,0.6); line-height: 1; }
.sfoot__redes a:hover { color: #fff; }
.sfoot__redes i { font-size: 18px; }
.flagpe { width: 18px; height: 13px; border-radius: 2px; flex-shrink: 0;
          background: linear-gradient(90deg,#D91023 33%,#fff 33%,#fff 66%,#D91023 66%); }
.flagco { width: 18px; height: 13px; border-radius: 2px; flex-shrink: 0;
          background: linear-gradient(180deg,#FCD116 50%,#003893 50%,#003893 75%,#CE1126 75%); }
.wafab {
  position: fixed; right: 22px; bottom: 22px; z-index: 80;
  width: 54px; height: 54px; border-radius: 50%; display: grid; place-items: center;
  background: #fff; color: var(--buho-navy-950); font-size: 26px;
  box-shadow: inset 0 0 0 1px rgba(0,17,68,.10), 0 14px 34px rgba(0,17,68,0.22); transition: all var(--dur-base) var(--ease-out);
}
.wafab:hover { transform: translateY(-3px) scale(1.05); background: var(--buho-navy-950); color: #fff;
               box-shadow: 0 0 0 4px rgba(0,17,68,0.14), 0 18px 40px rgba(0,17,68,0.3); }
@media (max-width: 1100px) {
  .fgrid--4 { grid-template-columns: repeat(2, 1fr); }
  .plans--4 { grid-template-columns: repeat(2, 1fr); }
  .mega__in { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 980px) {
  .snav__links, .snav__cta .btn--ghost, .mega { display: none; }
  .snav__burger { display: inline-grid; place-items: center; margin-left: auto;
                  width: 42px; height: 42px; border-radius: 12px; border: 1px solid rgba(0,17,68,.1);
                  background: #fff; cursor: pointer; font-size: 22px; }
  .snav__cta { margin-left: 0; }
  .phero__in { grid-template-columns: 1fr; gap: 46px; padding: 52px 22px 62px; }
  .split, .split--rev > *:first-child { grid-template-columns: 1fr; order: 0; }
  .split { gap: 34px; }
  .fgrid--3, .fgrid--2, .plans--3, .plans--2 { grid-template-columns: 1fr; }
  .steps { grid-template-columns: 1fr; gap: 26px; }
  .statrow { grid-template-columns: repeat(2, 1fr); gap: 24px; }
  .sfoot__top { grid-template-columns: 1fr; gap: 28px; }
  .sfoot__cols { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px 24px; }
  .sec { padding: 76px 0; }
  .sec--sm { padding: 56px 0; }
  .wrap, .wrap--tight { padding: 0 22px; }
  .fpill, .fcard { display: none; }
  .shead h2 { max-width: none; }
  .ladder { overflow-x: auto; }
  .ladder table { min-width: 620px; }
  .cmp { display: block; overflow-x: auto; white-space: nowrap; }
}
@media (max-width: 600px) {
  .sfoot { padding: 44px 0 24px; }
  .sfoot__cols { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 18px; }
  .sfoot__cols div > div { font-size: 13.5px; }
  .sfoot__bar { flex-direction: column; align-items: flex-start; }
  .sfoot__libro { white-space: normal; }   
}
@media (max-width: 720px) {
  .mock { padding: 20px; }
  .mock__row { flex-wrap: wrap; gap: 4px 10px; }
  .mock__row .r { flex-basis: 100%; }
  .mock > div[style*="justify-content:space-between"],
  .mock div[style*="align-items:baseline"] { flex-wrap: wrap; gap: 6px 12px; }
  .sfoot__top > *, .sfoot__cols > * { min-width: 0; }
  .sfoot__top a, .sfoot__top span { word-break: break-word; }
  .snav__in { gap: 12px; padding: 0 18px; }
  .snav__logo img { height: 24px; }
  .snav__cta .btn--primary { height: 40px; padding: 0 14px; font-size: 13px !important; }
  .snav__burger { width: 40px; height: 40px; }
  .phero__meta { display: grid; grid-template-columns: 1fr 1fr; gap: 16px 20px; }
  .phero__meta > div + div { padding-left: 0; border-left: 0; }
  .phero__acts .btn { width: 100%; }
  .ladder, .cmp { -webkit-overflow-scrolling: touch; }
}
@media (max-width: 620px) {
  .fgrid--4, .plans--4 { grid-template-columns: 1fr; }
  .statrow { grid-template-columns: 1fr; }
  .phero h1 { font-size: 34px; }
  .closer { padding: 44px 22px; border-radius: 22px; }
}
/* kit.css */
.brand {
  --motif-a: var(--buho-pink-600);   
  --motif-b: var(--buho-blue-600);   
  --motif-a-ink: var(--buho-pink-700);  
  --motif-b-ink: var(--buho-blue-600);
  --motif-a-soft: var(--buho-pink-100);
  --motif-b-soft: var(--buho-blue-100);
  --motif-a-light: var(--buho-pink-300); 
  --motif-b-light: var(--buho-blue-300);
  --motif-on-a: #fff;                
  --brand-radius: 999px;             
  --brand-card-radius: 24px;
}
.brand--fastura {
  --motif-a: #00BFA5;  --motif-b: #FFB400;
  --motif-a-ink: #00796B;  --motif-b-ink: #946400;
  --motif-a-soft: #CFEFE9;  --motif-b-soft: #FFE8B0;
  --motif-a-light: #6FE0CF;  --motif-b-light: #FFD470;
  --motif-on-a: #001144;
  --brand-radius: 6px;
  --brand-card-radius: 10px;
}
.brand--waya {
  --motif-a: #8FD400;  --motif-b: #6D4AFF;
  --motif-a-ink: #557A00;  --motif-b-ink: #5733E0;
  --motif-a-soft: #E9F7C4;  --motif-b-soft: #ECE4FB;
  --motif-a-light: #B6E84D;  --motif-b-light: #A78FFF;
  --motif-on-a: #001144;
  --brand-radius: 999px;
  --brand-card-radius: 28px;
}
.brand .eb { color: var(--motif-b-ink); }
.brand .eb::before { background: linear-gradient(90deg, var(--motif-a), var(--motif-b)); }
.brand .eb--dark { color: var(--motif-a-light); }
.brand .lente { color: var(--motif-a-ink); }
.brand--fastura .lente,
.brand--waya .lente { font-weight: 400; }        
.brand .sec--navy .lente, .brand .lente--dark { color: var(--motif-a-light); }
.brand .rule-firma { background: linear-gradient(90deg, var(--motif-a), var(--motif-b)); }
.brand .fpill i,
.brand .checks li i,
.brand .plan__feats li i,
.brand .trust__it i,
.brand .fcell .kpi,
.brand .phero__meta .k,
.brand .link { color: var(--motif-b-ink); }
.brand .sec--navy .checks li i { color: var(--motif-a-light); }
.brand .sec--navy .fcell .kpi { color: var(--motif-a-light); }
.brand .steps > div::before { color: var(--motif-a-ink); }
.brand .sec--navy .steps > div::before { color: var(--motif-a-light); }
.brand .faq summary::after {
  background:
    linear-gradient(var(--motif-b-ink), var(--motif-b-ink)) center/18px 2px no-repeat,
    linear-gradient(var(--motif-b-ink), var(--motif-b-ink)) center/2px 18px no-repeat;
}
.brand .plan--hot {
  border-color: var(--motif-a);
  box-shadow: 0 0 0 1px var(--motif-a), 0 12px 28px color-mix(in srgb, var(--motif-a) 8%, transparent);
}
.brand .plan--hot:hover { box-shadow: 0 0 0 1px var(--motif-a), 0 20px 40px color-mix(in srgb, var(--motif-a) 12%, transparent); }
.brand .plan__flag { background: none; color: var(--act-ink, var(--buho-pink-700)); }
.brand .plan, .brand .fcell, .brand .quote, .brand .faq details { border-radius: var(--brand-card-radius); }
.brand .btn-pink { background: var(--motif-a); color: var(--motif-on-a); border-radius: var(--brand-radius); }
.brand .btn-pink:hover {
  color: var(--motif-on-a);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--motif-a) 22%, transparent),
              0 16px 36px color-mix(in srgb, var(--motif-a) 34%, transparent);
}
.brand .btn--primary, .brand .btn--secondary, .brand .btn--ghost { border-radius: var(--brand-radius); }
.brand--fastura .btn { letter-spacing: 0.02em; }
.brand ::selection { background: var(--motif-b-soft); color: var(--buho-navy-950); }
.brand .ladder tbody tr:hover { background: color-mix(in srgb, var(--motif-b) 6%, #fff); }
.brand .ptoggle button.on { background: var(--buho-navy-950); }
.swatch { display: inline-flex; gap: 4px; align-items: center; }
.swatch i { width: 11px; height: 11px; border-radius: 50%; display: block; }
.swatch i:first-child { background: var(--motif-a); }
.swatch i:last-child { background: var(--motif-b); }
.bento { display: grid; grid-template-columns: repeat(6, 1fr); gap: 16px; grid-auto-rows: auto; grid-auto-flow: dense; }
.bento > * {
  background: #fff; border: 1px solid rgba(0,17,68,.06); border-radius: 20px; padding: 28px;
  display: flex; flex-direction: column; gap: 12px; position: relative; overflow: hidden;
  transition: box-shadow .26s var(--ease-out), transform .26s var(--ease-out);
}
.bento > *:hover { box-shadow: 0 26px 54px rgba(0,17,68,.11); transform: translateY(-3px); }
.sec--cream .bento > * { border-color: transparent; }
.b-1 { grid-column: span 2; } .b-2 { grid-column: span 3; } .b-3 { grid-column: span 4; }
.b-4 { grid-column: span 6; } .b-5 { grid-column: span 5; }
.b-w2 { grid-row: auto; }
.bento h3 { margin: 0; font-size: 19px; font-weight: 800; letter-spacing: -.015em; }
.bento p  { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--color-text-muted); }
.bento .ico { width: auto; height: 28px; border-radius: 0; background: none; color: var(--t-ink, var(--buho-blue-600)); font-size: 26px; }
.bento .big { font-family: var(--font-mono); font-weight: 600; font-size: clamp(30px,3vw,46px);
              letter-spacing: -.04em; line-height: 1; }
.bento .dark { background: var(--buho-navy-950); color: #fff; border-color: transparent; }
.bento .dark h3 { color: #fff; } .bento .dark p { color: rgba(255,255,255,.72); }
.bento .accent { background: var(--buho-navy-950); color: #fff; border-color: transparent;
                 outline: 2px solid var(--motif-a, var(--buho-pink-600)); outline-offset: -2px; }
.bento .accent h3, .bento .accent p { color: inherit; }
.bento .accent p { opacity: .82; }
.sticky-story { display: grid; grid-template-columns: 0.95fr 1.05fr; gap: 64px; align-items: stretch; }
.sticky-story__vis { position: static; }
.sticky-story__vis > [data-story-vis] {
  position: sticky; top: 104px;
  min-height: min(var(--alto-pasos, 26rem), calc(100vh - 8rem));
}
.sticky-story__steps { display: flex; flex-direction: column; gap: 14px; }
.story-step {
  border: 1px solid rgba(0,17,68,.08); border-radius: 18px; padding: 20px 26px; background: #fff;
  cursor: pointer; transition: background .26s var(--ease-out), border-color .26s var(--ease-out),
                              box-shadow .26s var(--ease-out);
}
.story-step:hover { border-color: rgba(0,17,68,.20); }
.story-step:focus-visible { outline: 2px solid var(--motif-a, var(--buho-pink-600)); outline-offset: 2px; }
.story-step[aria-selected="true"] { background: var(--buho-navy-950); border-color: transparent;
  padding: 24px 26px; box-shadow: 0 20px 44px rgba(0,17,68,.20); }
.story-step[aria-selected="true"] h3 { color: #fff; }
.story-step[aria-selected="true"] p  { color: rgba(255,255,255,.72); }
.story-step[aria-selected="true"] .n { color: var(--motif-a-light, var(--buho-pink-300)); }
.story-step .n { font-family: var(--font-mono); font-size: 11.5px; font-weight: 700;
                 letter-spacing: .12em; color: var(--motif-a-ink, var(--buho-pink-700)); }
.story-step h3 { margin: 3px 0 0; font-size: 19px; font-weight: 800; letter-spacing: -.015em; }
.sticky-story__steps :has(> .btn) { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 10px !important; }
.sticky-story__steps :has(> .btn) > .btn { width: 100%; justify-content: center; }
.story-step p  { margin: 8px 0 0; font-size: 14.5px; line-height: 1.55; color: var(--color-text-muted); }
.arco { transform-origin: center; animation: arcoGira 1.15s linear infinite; }
@keyframes arcoGira { to { transform: rotate(360deg); } }
.visto { transform-origin: center; opacity: 0;
         animation: vistoEntra 4s var(--ease-spring) infinite; }
@keyframes vistoEntra { 0%,55% { transform: scale(.4); opacity: 0; }
                        68%,92% { transform: scale(1); opacity: 1; }
                        100% { transform: scale(1); opacity: 0; } }
.arco--cede { animation: arcoGira 1.15s linear infinite, arcoCede 4s linear infinite; }
@keyframes arcoCede { 0%,52% { opacity: 1; } 62%,100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .arco, .arco--cede, .visto { animation: none; }
  .visto { opacity: 1; }
  .arco--cede { opacity: 0; }
}
.specband { background: var(--buho-navy-950); color: #fff; padding: 20px 0; overflow: hidden; }
.specband__track { display: flex; gap: 44px; width: max-content; align-items: center;
                   animation: hfMarquee 72s linear infinite; }
.specband__track span { display: inline-flex; align-items: center; gap: 9px; white-space: nowrap;
  font: 600 13.5px/1 var(--font-sans); color: rgba(255,255,255,.82); }
.specband__track i { font-size: 17px; color: var(--motif-a-light, var(--buho-pink-300)); }
.tiltband { transform: rotate(-1.6deg); margin: 0 -3vw; }
.tiltband > * { transform: rotate(1.6deg); }
.bigquote { display: grid; grid-template-columns: 300px 1fr; gap: 48px; align-items: center; }
.bigquote blockquote { margin: 0; font-size: clamp(22px, 2.4vw, 31px); font-weight: 500;
  line-height: 1.34; letter-spacing: -.02em; }
.bigquote blockquote em { font-style: italic; font-weight: 300; color: var(--motif-a-ink, var(--buho-pink-700)); }
.sec--navy .bigquote blockquote em { color: var(--motif-a-light, var(--buho-pink-300)); }
.bigquote figcaption { margin-top: 22px; font-size: 14px; color: var(--color-text-muted); }
.sec--navy .bigquote figcaption { color: rgba(255,255,255,.6); }
.bigquote figcaption b { display: block; color: var(--color-text); font-size: 15px; }
.sec--navy .bigquote figcaption b { color: #fff; }
.ph { position: relative; overflow: hidden; border-radius: 22px; background: var(--buho-navy-950); }
.ph img { display: block; width: 100%; height: 100%; object-fit: cover; }
.ph--tall { aspect-ratio: 4 / 5; }
.ph--wide { aspect-ratio: 16 / 9; }
.ph--sq   { aspect-ratio: 1 / 1; }
.ph::after {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, var(--motif-a, #FF006F) 22%, transparent), transparent 55%),
              linear-gradient(180deg, transparent 40%, rgba(0,17,68,.72) 100%);
}
.ph--plain::after { background: none; }
.ph__cap {
  position: absolute; left: 20px; right: 20px; bottom: 18px; z-index: 2; color: #fff;
}
.ph__cap b { display: block; font-size: 15.5px; font-weight: 700; letter-spacing: -.01em; }
.ph__cap span { display: block; font-size: 12.5px; color: rgba(255,255,255,.72); margin-top: 3px; }
.ph__tag {
  position: absolute; top: 16px; left: 16px; z-index: 2;
  display: inline-flex; align-items: center; gap: 7px; padding: 8px 13px; border-radius: 999px;
  background: rgba(255,255,255,.14); backdrop-filter: blur(8px);
  border: 1px solid rgba(255,255,255,.22);
  font: 700 11px/1 var(--font-sans); letter-spacing: .1em; text-transform: uppercase; color: #fff;
}
.ph__tag i { font-size: 13px; color: var(--motif-a-light, var(--buho-pink-300)); }
.phband { position: relative; overflow: hidden; background: var(--buho-navy-950); }
.phband > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .38; }
.phband::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(100deg, rgba(0,17,68,.94) 30%, rgba(0,17,68,.55) 70%),
              radial-gradient(70% 100% at 90% 50%, color-mix(in srgb, var(--motif-a, #FF006F) 26%, transparent), transparent 62%);
}
.phband > .wrap { position: relative; z-index: 2; }
.phstrip { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.phstrip .ph { aspect-ratio: 3 / 4; border-radius: 16px; transition: transform .3s var(--ease-out); }
.phstrip .ph:hover { transform: translateY(-5px); }
.phstrip .ph__cap b { font-size: 13.5px; }
.phstrip .ph__cap span { font-size: 11.5px; }
.quote .av-ph { width: 44px; height: 44px; border-radius: 13px; object-fit: cover; flex-shrink: 0; }
.viz { width: 100%; height: auto; display: block; overflow: visible; }
.viz .st { stroke: var(--buho-navy-950); fill: none; stroke-linecap: round; stroke-linejoin: round; }
.viz .fl { fill: var(--buho-navy-950); }
.viz .pl { fill: var(--buho-cream); }
.viz .ac { fill: var(--motif-a, var(--buho-pink-600)); }
.viz .ac2 { fill: var(--motif-b, var(--buho-blue-600)); }
.viz .acs { stroke: var(--motif-a, var(--buho-pink-600)); fill: none; }
.viz .ac2s { stroke: var(--motif-b, var(--buho-blue-600)); fill: none; }
.viz text { font-family: var(--font-mono); }
.led { animation: ledPulse 2.4s ease-in-out infinite; transform-origin: center; }
.led--2 { animation-delay: .5s; } .led--3 { animation-delay: 1s; } .led--4 { animation-delay: 1.6s; }
@keyframes ledPulse { 0%,100% { opacity: .35; } 50% { opacity: 1; } }
.travel { offset-rotate: 0deg; animation: travelPath 3.4s cubic-bezier(.5,0,.5,1) infinite; }
.travel--2 { animation-delay: 1.1s; } .travel--3 { animation-delay: 2.2s; }
@keyframes travelPath { 0% { offset-distance: 0%; opacity: 0; } 12% { opacity: 1; }
                        88% { opacity: 1; } 100% { offset-distance: 100%; opacity: 0; } }
.draw { stroke-dasharray: var(--len, 400); stroke-dashoffset: var(--len, 400); }
.viz.is-in .draw, .rv-in .draw { animation: drawIn 1.5s var(--ease-out) forwards; }
.draw--2 { animation-delay: .3s !important; } .draw--3 { animation-delay: .6s !important; }
@keyframes drawIn { to { stroke-dashoffset: 0; } }
.grow { transform: scaleX(0); transform-origin: left center; }
.viz.is-in .grow, .rv-in .grow { animation: growX 1.15s var(--ease-out) forwards; }
.grow--2 { animation-delay: .18s !important; } .grow--3 { animation-delay: .36s !important; }
@keyframes growX { to { transform: scaleX(1); } }
.ripple { transform-origin: center; animation: rippleOut 2.8s ease-out infinite; }
.ripple--2 { animation-delay: .9s; } .ripple--3 { animation-delay: 1.8s; }
@keyframes rippleOut { 0% { r: 4; opacity: .55; } 100% { r: 26; opacity: 0; } }
.pop { transform-origin: center bottom; animation: popIn 4s var(--ease-spring) infinite; opacity: 0; }
.pop--2 { animation-delay: .8s; } .pop--3 { animation-delay: 1.6s; }
@keyframes popIn { 0% { transform: scale(.6); opacity: 0; } 10%,70% { transform: scale(1); opacity: 1; }
                   85%,100% { transform: scale(1); opacity: 0; } }
.scanline { animation: scanY 3s ease-in-out infinite; }
@keyframes scanY { 0%,100% { transform: translateY(0); opacity: 0; }
                   10% { opacity: 1; } 50% { transform: translateY(var(--scan, 120px)); opacity: 1; }
                   90% { opacity: 0; } }
.gauge { --pct: 99.97; }
.gauge circle.trk { stroke: rgba(0,17,68,.10); fill: none; }
.gauge circle.val {
  stroke: url(#gaugeGrad); fill: none; stroke-linecap: round;
  stroke-dasharray: 471; stroke-dashoffset: 471; transform: rotate(-90deg); transform-origin: center;
}
.gauge.rv-in circle.val, .rv-in .gauge circle.val { animation: gaugeFill 1.7s var(--ease-out) forwards; }
@keyframes gaugeFill { to { stroke-dashoffset: calc(471 - 471 * var(--pct) / 100); } }
.shield g[data-layer] { transition: transform .4s var(--ease-out), opacity .4s var(--ease-out); }
.shield:hover g[data-layer="1"] { transform: translate(0, -9px); }
.shield:hover g[data-layer="2"] { transform: translate(0, -4px); }
.shield:hover g[data-layer="3"] { transform: translate(0, 2px); }
@media (prefers-reduced-motion: reduce) {
  .led, .travel, .ripple, .pop, .scanline { animation: none !important; opacity: 1; }
  .draw { stroke-dashoffset: 0 !important; }
  .grow { transform: none !important; }
  .gauge circle.val { stroke-dashoffset: calc(471 - 471 * var(--pct) / 100); }
}
[hidden] { display: none !important; }
.calc {
  background: #fff; border: 1px solid rgba(0,17,68,.08); border-radius: 24px;
  padding: 30px; display: flex; flex-direction: column; gap: 20px;
  box-shadow: 0 20px 50px rgba(0,17,68,.07);
}
.sec--navy .calc { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12);
                   box-shadow: none; color: #fff; }
.calc__row { display: flex; align-items: baseline; justify-content: space-between; gap: 14px; }
.calc__lb { font-size: 13.5px; font-weight: 600; }
.calc__vl { font-family: var(--font-mono); font-size: 15px; font-weight: 600; color: var(--motif-b-ink, var(--buho-blue-600)); }
.sec--navy .calc__vl { color: var(--motif-a-light, var(--buho-pink-300)); }
input[type="range"].rng {
  -webkit-appearance: none; appearance: none; width: 100%; height: 6px; border-radius: 999px;
  background: linear-gradient(90deg, var(--motif-a, #FF006F) var(--fill, 30%), rgba(0,17,68,.10) var(--fill, 30%));
  outline: none; cursor: pointer; margin: 0;
}
.sec--navy input[type="range"].rng { background: linear-gradient(90deg, var(--motif-a, #FF006F) var(--fill,30%), rgba(255,255,255,.16) var(--fill,30%)); }
input[type="range"].rng::-webkit-slider-thumb {
  -webkit-appearance: none; width: 22px; height: 22px; border-radius: 50%;
  background: var(--buho-navy-950); border: 3px solid #fff; cursor: grab;
  box-shadow: 0 3px 10px rgba(0,17,68,.3); transition: transform .15s var(--ease-out);
}
input[type="range"].rng::-webkit-slider-thumb:active { transform: scale(1.14); cursor: grabbing; }
input[type="range"].rng::-moz-range-thumb {
  width: 22px; height: 22px; border-radius: 50%; background: var(--buho-navy-950);
  border: 3px solid #fff; cursor: grab; box-shadow: 0 3px 10px rgba(0,17,68,.3);
}
.calc__out {
  background: var(--buho-navy-950); color: #fff; border-radius: 16px; padding: 22px;
  display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap;
}
.calc__out .k { display: block; font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase;
                color: rgba(255,255,255,.55); }
.calc__out .v { font-family: var(--font-mono); font-size: clamp(28px,3vw,38px); font-weight: 600;
                letter-spacing: -.035em; line-height: 1.1; }
.calc__out .s { font-size: 12.5px; color: rgba(255,255,255,.6); font-family: var(--font-mono); }
.calc__pick {
  display: inline-flex; align-items: center; gap: 8px; background: var(--motif-a, var(--buho-pink-600));
  color: var(--motif-on-a, #fff); padding: 11px 18px; border-radius: var(--brand-radius, 999px);
  font: 700 13.5px/1 var(--font-sans); transition: all .2s var(--ease-out);
}
.calc__pick:hover { color: var(--motif-on-a, #fff); transform: translateY(-2px);
  box-shadow: 0 12px 26px color-mix(in srgb, var(--motif-a, #FF006F) 34%, transparent); }
.segs { display: flex; flex-wrap: wrap; gap: 8px; }
.segs button {
  appearance: none; cursor: pointer; border: 1px solid rgba(0,17,68,.12); background: #fff;
  padding: 9px 15px; border-radius: 999px; font: 600 13px/1 var(--font-sans); color: var(--color-text);
  transition: all .18s var(--ease-out);
}
.segs button:hover { border-color: var(--buho-navy-950); }
.segs button.on { background: var(--buho-navy-950); color: #fff; border-color: transparent; }
.sec--navy .segs button { background: rgba(255,255,255,.07); border-color: rgba(255,255,255,.16); color: #fff; }
.sec--navy .segs button.on { background: var(--motif-a); color: var(--motif-on-a); }
.bars { display: flex; flex-direction: column; gap: 16px; }
.bars__row { display: grid; grid-template-columns: 128px 1fr 76px; gap: 14px; align-items: center; }
.bars__lb { display: block; font-size: 13.5px; font-weight: 600; }
.bars__vl { display: block; }
.bars__trk { display: block; height: 12px; border-radius: 999px; background: rgba(0,17,68,.08); overflow: hidden; }
.sec--navy .bars__trk { background: rgba(255,255,255,.12); }
.bars__fil { display: block; height: 100%; border-radius: 999px; transform: scaleX(0); transform-origin: left;
             background: linear-gradient(90deg, var(--motif-a, #FF006F), var(--motif-b, #0330CC)); }
.bars__fil--mut { background: rgba(0,17,68,.22); }
.sec--navy .bars__fil--mut { background: rgba(255,255,255,.26); }
.bars.rv-in .bars__fil, .rv-in .bars__fil { animation: growX 1.2s var(--ease-out) forwards; }
.bars .bars__row:nth-child(2) .bars__fil { animation-delay: .12s; }
.bars .bars__row:nth-child(3) .bars__fil { animation-delay: .24s; }
.bars .bars__row:nth-child(4) .bars__fil { animation-delay: .36s; }
.bars__vl { font-family: var(--font-mono); font-size: 13px; font-weight: 600; text-align: right; }
.explore { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.explore > button {
  appearance: none; cursor: pointer; text-align: left; border: 1px solid rgba(0,17,68,.08);
  background: #fff; border-radius: 18px; padding: 22px; display: flex; flex-direction: column; gap: 12px;
  transition: all .26s var(--ease-out);
}
.explore > button:hover { transform: translateY(-3px); box-shadow: 0 22px 44px rgba(0,17,68,.10); }
.explore > button.on { background: var(--buho-navy-950); border-color: transparent; }
.explore > button.on b, .explore > button.on span { color: #fff; }
.explore > button.on span { color: rgba(255,255,255,.7); }
.explore .ico { width: auto; height: 28px; border-radius: 0; display: grid; place-items: center; background: none; color: var(--t-ink, var(--buho-blue-600)); font-size: 24px; }
.explore > button.on .ico { background: none; color: var(--motif-a-light, var(--buho-pink-300)); }
.explore b { font-size: 15px; font-weight: 800; letter-spacing: -.01em; }
.explore span { font-size: 13px; line-height: 1.5; color: var(--color-text-muted); }
.techrow { display: flex; flex-wrap: wrap; gap: 10px; }
.techrow span {
  display: inline-flex; align-items: center; gap: 8px; padding: 10px 15px; border-radius: 999px;
  background: var(--buho-cream); font: 600 12.5px/1 var(--font-sans);
}
.sec--navy .techrow span { background: rgba(255,255,255,.07); color: rgba(255,255,255,.85); }
.techrow i { font-size: 15px; color: var(--motif-b-ink, var(--buho-blue-600)); }
.sec--navy .techrow i { color: var(--motif-a-light, var(--buho-pink-300)); }
.grid-guar { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.guar { display: flex; gap: 14px; align-items: flex-start; padding: 20px;
        background: var(--buho-cream); border-radius: 16px; }
.sec--white .guar { background: var(--buho-cream); }
.sec--navy .guar { background: rgba(255,255,255,.06); }
.guar i { font-size: 22px; color: var(--motif-b-ink, var(--buho-blue-600)); flex-shrink: 0; }
.sec--navy .guar i { color: var(--motif-a-light, var(--buho-pink-300)); }
.guar b { display: block; font-size: 14.5px; }
.guar span { display: block; font-size: 12.5px; line-height: 1.5; color: var(--color-text-muted); margin-top: 3px; }
.sec--navy .guar span { color: rgba(255,255,255,.66); }
@media (max-width: 1100px) {
  .explore, .grid-guar { grid-template-columns: repeat(2, 1fr); }
  .phstrip { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 980px) {
  .bento { grid-template-columns: repeat(2, 1fr); }
  .b-1, .b-2, .b-3, .b-4 { grid-column: span 2; } .b-w2 { grid-row: auto; }
  .sticky-story { grid-template-columns: 1fr; gap: 32px; }
  .sticky-story__vis > [data-story-vis] { position: static; min-height: 0; }
  .bigquote { grid-template-columns: 1fr; gap: 26px; }
  .bigquote .ph { max-width: 260px; }
  .tiltband { transform: none; margin: 0; } .tiltband > * { transform: none; }
  .phstrip { grid-template-columns: repeat(2, 1fr); }
  .bars__row { grid-template-columns: 100px 1fr 64px; gap: 10px; }
}
@media (max-width: 620px) {
  .bento, .explore, .grid-guar, .phstrip { grid-template-columns: 1fr; }
  .calc { padding: 22px; }
  .bars__row { grid-template-columns: 1fr; gap: 6px; }
  .bars__vl { text-align: left; }
}
/* kit2.css */
.brand { --act: var(--motif-a); --act-ink: var(--motif-a-ink);
         --act-light: var(--motif-a-light); --on-act: var(--motif-on-a); }
.brand, .brand--fastura, .brand--waya { --brand-radius: 999px; }
.brand--fastura { --act: #00BFA5; --act-ink: #00796B; --act-light: #6FE0CF; --on-act: #001144;
                  --brand-card-radius: 14px; }
.brand .btn, .brand .btn-pink, .brand .btn-outline-l, .brand .calc__pick,
.brand .segs button, .brand .curseg button, .brand .ptoggle button,
.brand .tab, .brand .badge, .brand .fork .tag,
.btn, .btn-pink, .btn-outline-l, .calc__pick { border-radius: 999px !important; }
.brand--waya {
  --motif-a: #6D4AFF;  --motif-b: #8FD400;          
  --motif-a-ink: #5333E0;  --motif-b-ink: #557A00;
  --motif-a-soft: #ECE4FB;  --motif-b-soft: #E9F7C4;
  --motif-a-light: #9B82FF; --motif-b-light: #B6E84D;
  --motif-on-a: #fff;
  --act: #8FD400; --act-ink: #557A00; --act-light: #B6E84D; --on-act: #001144;
}
.brand .btn-pink, .brand .calc__pick { background: var(--act); color: var(--on-act); }
.brand .btn-pink:hover, .brand .calc__pick:hover {
  color: var(--on-act);
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--act) 22%, transparent),
              0 16px 36px color-mix(in srgb, var(--act) 34%, transparent);
}
.brand .plan--hot { border-color: var(--act);
  box-shadow: 0 0 0 1px var(--act), 0 20px 44px color-mix(in srgb, var(--act) 18%, transparent); }
.brand .plan--hot:hover { box-shadow: 0 0 0 1px var(--act), 0 20px 40px color-mix(in srgb, var(--act) 12%, transparent); }
.brand .plan__flag { background: none; color: var(--act-ink); }
.brand .segs button.on, .brand .sec--navy .segs button.on { background: var(--buho-navy-950); color: #fff; }
.brand .sec--navy .segs button.on { background: var(--act); color: var(--on-act); }
.brand .viz .ac { fill: var(--act); }
.brand .viz .acs { stroke: var(--act); }
.anillo, .eclipse { all: unset; }
.orbita { display: contents; }
.sec--navy .corte { opacity: .9; }
.cur { position: relative; }
.cur__btn {
  appearance: none; cursor: pointer; display: inline-flex; align-items: center; gap: 7px;
  height: 36px; padding: 0 12px; border-radius: 10px;
  border: 1px solid rgba(0,17,68,.12); background: #fff;
  font: 600 13px/1 var(--font-sans); color: var(--buho-navy-950);
  transition: border-color var(--dur-base) var(--ease-out), background var(--dur-base) var(--ease-out);
}
.cur__btn:hover { border-color: var(--buho-navy-950); }
.cur__btn .sim { font-family: var(--font-mono); font-weight: 600; }
.cur__btn i.ti-chevron-down { font-size: 14px; opacity: .5; transition: transform var(--dur-base); }
.cur__btn[aria-expanded="true"] i.ti-chevron-down { transform: rotate(180deg); }
.cur__menu {
  position: absolute; right: 0; top: 44px; z-index: 95; min-width: 208px;
  background: #fff; border: 1px solid rgba(0,17,68,.10); border-radius: 14px; padding: 6px;
  box-shadow: 0 20px 44px rgba(0,17,68,.16);
  opacity: 0; visibility: hidden; transform: translateY(-6px);
  transition: opacity .18s var(--ease-out), transform .18s var(--ease-out), visibility .18s;
}
.cur__menu.is-open { opacity: 1; visibility: visible; transform: none; }
.cur__menu button {
  appearance: none; cursor: pointer; width: 100%; text-align: left; border: 0; background: transparent;
  display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 9px;
  font: 600 13.5px/1.3 var(--font-sans); color: var(--buho-navy-950);
  transition: background var(--dur-fast) var(--ease-out);
}
.cur__menu button:hover { background: var(--buho-cream); }
.cur__menu button.on { background: var(--buho-navy-950); color: #fff; }
.cur__menu button .sim { font-family: var(--font-mono); font-weight: 600; margin-left: auto; opacity: .62; flex-shrink: 0; }
.cur__menu button.on .sim { opacity: .85; }
.cur__menu button > i.ti { font-size: 17px; width: 18px; text-align: center; opacity: .8; flex-shrink: 0; }
.cur__menu button .flagpe, .cur__menu button .flagco { display: inline-block; }
.curseg { display: inline-flex; padding: 4px; border-radius: 999px; background: var(--buho-cream); gap: 2px; color: var(--color-text); }
.sec--cream .curseg, .sec--navy .curseg { background: #fff; }
.sec--navy .curseg { background: rgba(255,255,255,.10); color: #fff; }
.sec--navy .card .curseg, .sec--navy .bento > *:not(.dark) .curseg { background: var(--buho-cream); color: var(--color-text); }
.curseg button {
  appearance: none; border: 0; cursor: pointer; background: transparent;
  padding: 9px 16px; border-radius: 999px; font: 600 13px/1 var(--font-sans);
  color: var(--color-text-muted); transition: all var(--dur-base) var(--ease-out);
  display: inline-flex; align-items: center; gap: 7px;
}
.sec--navy .curseg button { color: rgba(255,255,255,.7); }
.curseg button.on { background: var(--buho-navy-950); color: #fff; }
.sec--navy .curseg button.on { background: #fff; color: var(--buho-navy-950); }
.curseg .sim { font-family: var(--font-mono); }
.precio--sustituido { position: relative; }
.precio--sustituido::after {
  content: "*"; font-size: .62em; vertical-align: super;
  color: var(--motif-b-ink, var(--buho-blue-600)); margin-left: 1px;
}
.nota-moneda { font-size: 12.5px; color: var(--color-text-muted);
               display: flex; gap: 8px; align-items: flex-start; margin-top: 14px; }
.nota-moneda i { font-size: 15px; color: var(--motif-b-ink, var(--buho-blue-600)); flex-shrink: 0; margin-top: 1px; }
@media (max-width: 980px) {
  .cur__btn .txt { display: none; }
  .cur__btn { padding: 0 10px; }
}
.fork { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.fork > a {
  position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 16px;
  padding: 36px; border-radius: var(--brand-card-radius, 24px);
  background: #fff; border: 1px solid rgba(0,17,68,.08); color: inherit;
  transition: transform .28s var(--ease-out), box-shadow .28s var(--ease-out), border-color .28s var(--ease-out);
}
.fork > a:hover { transform: translateY(-4px); border-color: rgba(0,17,68,.18);
                  box-shadow: 0 30px 60px rgba(0,17,68,.12); color: inherit; }
.fork .tag {
  display: inline-flex; align-items: center; gap: 8px; align-self: flex-start;
  padding: 7px 13px; border-radius: 999px; background: var(--buho-cream);
  font: 700 11px/1 var(--font-sans); letter-spacing: .1em; text-transform: uppercase;
}
.fork h3 { margin: 0; font-size: clamp(24px, 2.4vw, 32px); font-weight: 800;
           letter-spacing: -.025em; line-height: 1.1; }
.fork p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--color-text-muted); max-width: 42ch; }
.fork .go { margin-top: auto; display: inline-flex; align-items: center; gap: 8px;
            font-weight: 700; font-size: 14.5px; color: var(--motif-b-ink); }
.fork > a:hover .go { gap: 12px; }
.fork--dark > a { background: var(--buho-navy-950); border-color: transparent; color: #fff; }
.fork--dark > a p { color: rgba(255,255,255,.72); }
.fork--dark .tag { background: rgba(255,255,255,.08); color: #fff; }
.fork--dark .go { color: var(--act-light); }
.tracks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.track {
  display: flex; flex-direction: column; gap: 14px; padding: 30px;
  border-radius: var(--brand-card-radius, 24px); background: #fff;
  border: 1px solid rgba(0,17,68,.08); position: relative; overflow: hidden;
}
.sec--cream .track { border-color: transparent; }
.track__n { font-family: var(--font-mono); font-size: 11.5px; font-weight: 700;
            letter-spacing: .12em; color: var(--act-ink); }
.track h3 { margin: 0; font-size: 21px; font-weight: 800; letter-spacing: -.02em; }
.track p { margin: 0; font-size: 14.5px; line-height: 1.55; color: var(--color-text-muted); }
.track .precio { font-family: var(--font-mono); font-size: 24px; font-weight: 600; letter-spacing: -.03em; }
.track .precio small { display: block; font-family: var(--font-sans); font-size: 12px;
                       font-weight: 500; color: var(--color-text-muted); margin-top: 3px; }
@media (max-width: 980px) {
  .fork, .tracks { grid-template-columns: 1fr; }
}
@media (min-width: 981px) {
  .snav__in { gap: 20px; }
  .snav__links { gap: 0; }
  .snav__link { padding: 9px 10px; font-size: 14px; white-space: nowrap; }
  .snav__cta { gap: 8px; }
  .snav__cta .btn { white-space: nowrap; }
}
@media (min-width: 981px) and (max-width: 1180px) {
  .snav__link { padding: 9px 7px; font-size: 13.5px; }
  .snav__cta .btn--ghost { display: none; }
  .cur__btn .txt { display: none; }
}
@media (min-width: 981px) { .sfoot__cols { grid-template-columns: 1.2fr repeat(4, 1fr) 1.3fr; gap: 24px; } }
.rubros { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 10px; }
.rubro {
  display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
  gap: 11px; text-align: center; padding: 20px 8px 16px; background: #fff;
  border: 1px solid rgba(0,17,68,.08); border-radius: var(--brand-card-radius, 16px);
  transition: transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);
}
.sec--cream .rubro { border-color: transparent; }
.sec--navy .rubro { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.10); color: #fff; }
.rubro:hover { transform: translateY(-3px); box-shadow: 0 18px 36px rgba(0,17,68,.10); }
.rubro > .rubro-svg {
  width: 36px; height: 36px; display: block; color: var(--motif-a-ink, var(--buho-blue-600));
}
.sec--navy .rubro > .rubro-svg { color: var(--motif-a-light, var(--buho-pink-300)); }
.rubro > i {
  display: block; width: 36px; height: 36px; flex-shrink: 0;
  background: var(--motif-a-ink, var(--buho-pink-700));
  -webkit-mask: var(--ri) center / contain no-repeat; mask: var(--ri) center / contain no-repeat;
}
.sec--navy .rubro > .rubro-svg {
  width: 36px; height: 36px; display: block; color: var(--motif-a-ink, var(--buho-blue-600));
}
.sec--navy .rubro > .rubro-svg { color: var(--motif-a-light, var(--buho-pink-300)); }
.rubro > i { background: var(--motif-a-light, var(--buho-pink-300)); }
.rubro > b { font-size: 12.5px; font-weight: 600; line-height: 1.28; letter-spacing: -.005em; }
.rubros--sm .rubro { padding: 14px 6px 12px; }
.rubros--sm .rubro > .rubro-svg {
  width: 36px; height: 36px; display: block; color: var(--motif-a-ink, var(--buho-blue-600));
}
.sec--navy .rubro > .rubro-svg { color: var(--motif-a-light, var(--buho-pink-300)); }
.rubro > i { width: 28px; height: 28px; }
@media (max-width: 620px) {
  .rubros { grid-template-columns: repeat(auto-fill, minmax(92px, 1fr)); gap: 8px; }
  .rubro > .rubro-svg {
  width: 36px; height: 36px; display: block; color: var(--motif-a-ink, var(--buho-blue-600));
}
.sec--navy .rubro > .rubro-svg { color: var(--motif-a-light, var(--buho-pink-300)); }
.rubro > i { width: 30px; height: 30px; }
  .rubro > b { font-size: 11.5px; }
}
.mock--dark {
  background: var(--buho-navy-950);
  border: 1px solid rgba(255,255,255,0.12);
  color: rgba(255,255,255,0.86);
}
.mock--dark, .sec--navy .mock--dark { box-shadow: 0 26px 60px rgba(0,17,68,.28); }
.mnav a.mnav__sub{padding-left:34px;font-size:15px;opacity:.86}
.mnav .mnav__sub--pronto{display:block;padding:11px 0 11px 34px;font-size:15px;font-weight:600;color:var(--gray-500);border-bottom:1px solid rgba(0,17,68,.06)}
.mega__item--pronto{cursor:default;opacity:.72}
.mega__item--pronto:hover{background:none}
.hhero{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center}
@media (max-width:980px){
  .hhero{grid-template-columns:1fr;gap:40px;padding:56px 20px 44px !important}
  .hhero > div:nth-child(2){display:none}         
  .hhero .hpill{display:none}
}
.fork--3{grid-template-columns:repeat(3,1fr)}
@media (max-width:980px){ .fork--3{grid-template-columns:1fr} }
.shot { margin: 0; background: #fff; border: 1px solid rgba(0,17,68,.10); border-radius: 18px; overflow: hidden;
  box-shadow: 0 24px 60px rgba(0,17,68,.12); }
.shot__bar { display: flex; align-items: center; gap: 6px; padding: 10px 14px; background: var(--buho-cream, #F6F4EE);
  border-bottom: 1px solid rgba(0,17,68,.08); }
.shot__bar i { width: 9px; height: 9px; border-radius: 50%; background: rgba(0,17,68,.14); display: inline-block; }
.shot__bar span { margin-left: 8px; font: 600 11.5px/1 var(--font-mono); color: var(--color-text-muted); letter-spacing: .02em;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shot img { display: block; width: 100%; height: auto; }
.shot figcaption { padding: 12px 16px 14px; font-size: 13.5px; line-height: 1.5; color: var(--color-text-muted);
  border-top: 1px solid rgba(0,17,68,.06); }
.shot--detail { box-shadow: 0 12px 30px rgba(0,17,68,.08); }
.sec--navy .shot { border-color: rgba(255,255,255,.14); box-shadow: 0 30px 80px rgba(0,0,0,.35); }
.shots-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
@media (max-width: 760px) { .shots-2 { grid-template-columns: 1fr; } }
.sticky-story--shots .sticky-story__vis > [data-story-vis] { background: transparent; padding: 0; border: none; }
.story-step__shot { display: none; margin-top: 14px; }
.story-step__shot .shot { box-shadow: 0 10px 26px rgba(0,17,68,.10); }
@media (max-width: 980px) {
  .sticky-story--shots .sticky-story__vis { display: none; }
  .sticky-story--shots .story-step[aria-selected="true"] .story-step__shot { display: block; }
}
.steps.steps--4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
@media (max-width: 980px) { .steps.steps--4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px) { .steps.steps--4 { grid-template-columns: 1fr; } }
.logo-marca--wide { width: calc(var(--lm, 22px) * 2.9); }
.logo-dlocalgo.logo-marca--wide { width: calc(var(--lm, 22px) * 3.9); }
.wordmark { display: inline-flex; align-items: center; height: var(--lm, 22px); padding: 0 8px; border-radius: 6px;
  font: 800 10.5px/1 var(--font-sans); letter-spacing: .08em; text-transform: uppercase; color: currentColor;
  border: 1.5px solid currentColor; opacity: .85; white-space: nowrap; }
.brandrow { display: flex; flex-wrap: wrap; gap: 10px; }
.brandrow button { display: inline-flex; align-items: center; gap: 9px; padding: 9px 14px 9px 11px; border-radius: 999px;
  border: 1px solid rgba(0,17,68,.10); background: #fff; color: var(--buho-navy-950);
  font: 600 13.5px/1 var(--font-sans); cursor: pointer;
  transition: transform .2s var(--ease-out), box-shadow .2s var(--ease-out), border-color .2s var(--ease-out); }
.brandrow button:hover { transform: translateY(-2px); box-shadow: 0 12px 28px rgba(0,17,68,.10); border-color: rgba(0,17,68,.22); }
.brandrow button:focus-visible { outline: 2px solid var(--motif-a, var(--buho-pink-600)); outline-offset: 2px; }
.brandrow .logo-marca { --lm: 20px; }
.brandrow .wordmark { --lm: 20px; }
.brandrow img { width: 20px; height: 20px; display: block; }
.fcell .ico .logo-marca { --lm: 22px; }
.fcell .ico img { width: 24px; height: 24px; display: block; }
.mock__row .logo-marca { --lm: 18px; margin-right: 2px; }
.mock__row img.mk { width: 18px; height: 18px; display: inline-block; vertical-align: -4px; margin-right: 4px; }
.is-hi { animation: hi-pulse 1.5s var(--ease-out) 1; }
@keyframes hi-pulse { 0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--motif-a, var(--buho-pink-600)) 55%, transparent); }
  100% { box-shadow: 0 0 0 18px transparent; } }
@media (prefers-reduced-motion: reduce) { .is-hi { animation: none; outline: 2px solid var(--motif-a, var(--buho-pink-600)); outline-offset: 3px; } }
.brandrow i.ti { font-size: 17px; color: var(--motif-b-ink, var(--buho-blue-600)); }
.trust__it .logo-marca { vertical-align: -3px; margin-right: 2px; }
.sticky-story--shots .story-step[aria-selected="true"] p { max-height: 640px; }
.pic { position: relative; margin: 0; border-radius: 24px; overflow: hidden; background: var(--buho-cream); }
.pic img { display: block; width: 100%; height: 100%; object-fit: cover; }
.pic--169 { aspect-ratio: 16 / 9; } .pic--32 { aspect-ratio: 3 / 2; } .pic--43 { aspect-ratio: 4 / 3; }
.pic--45 { aspect-ratio: 4 / 5; } .pic--34 { aspect-ratio: 3 / 4; } .pic--11 { aspect-ratio: 1 / 1; }
.pic--sq { border-radius: 10px; }                  
.pic__cap { position: absolute; left: 14px; bottom: 14px; z-index: 2; display: inline-flex; align-items: center; gap: 8px;
  background: rgba(255,255,255,.94); color: var(--buho-navy-950); border-radius: 999px; padding: 8px 13px;
  font: 600 12px/1 var(--font-sans); box-shadow: 0 8px 22px rgba(0,17,68,.14); }
.pic__cap i { font-size: 14px; color: var(--act-ink, var(--buho-blue-600)); }
.pic__cap .logo-marca { --lm: 14px; }
.picwrap { position: relative; }
.picwrap .pic__ui { position: absolute; z-index: 3; }
.pic__ui--bl { left: -22px; bottom: 30px; } .pic__ui--br { right: -22px; bottom: 30px; }
.pic__ui--tr { right: -22px; top: 30px; }  .pic__ui--tl { left: -22px; top: 30px; }
.uicard { background: #fff; border: 1px solid rgba(0,17,68,.08); border-radius: 16px; padding: 14px 16px; min-width: 230px;
  box-shadow: 0 24px 50px rgba(0,17,68,.18); display: grid; gap: 8px; }
.uicard__hd { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.uicard__hd b { font-size: 13.5px; font-weight: 800; letter-spacing: -.01em; }
.uicard__hd .text-mono { font-size: 11px; color: var(--color-text-muted); }
.uicard__row { display: flex; justify-content: space-between; align-items: center; gap: 12px; font-size: 13px; }
.uicard__row .text-mono { font-weight: 600; }
.uicard__ok { display: inline-flex; align-items: center; gap: 6px; background: var(--color-success-bg, #E3F6EC); color: #08794B;
  border-radius: 999px; padding: 4px 10px; font: 700 10.5px/1 var(--font-sans); letter-spacing: .06em; text-transform: uppercase; }
.uicard--dark { background: var(--buho-navy-950); color: #fff; border-color: transparent; }
.uicard--dark .uicard__hd .text-mono, .uicard--dark .uicard__row { color: rgba(255,255,255,.8); }
.uicard--dark .uicard__ok { background: rgba(255,255,255,.14); color: #fff; }
@media (max-width: 980px) {
  .pic__ui--bl, .pic__ui--tl { left: 12px; } .pic__ui--br, .pic__ui--tr { right: 12px; }
  .uicard { min-width: 0; padding: 12px 13px; }
}
.band-a { display: grid; grid-template-columns: 1.05fr .95fr; gap: 56px; align-items: center; }
.statrow--light > div { border-top-color: rgba(0,17,68,.12); }
.statrow--light .n { color: var(--buho-navy-950); }
.statrow--light .l { color: var(--buho-navy-950); }
.statrow--light .s { color: var(--color-text-muted); }
.statrow--2 { grid-template-columns: repeat(2, 1fr); gap: 22px 32px; }
@media (max-width: 980px) { .band-a { grid-template-columns: 1fr; gap: 30px; } }
.band-b { position: relative; overflow: hidden; background: var(--buho-navy-950); }
.band-b__img { position: absolute; top: 0; right: 0; bottom: 0; width: 60%; }
.band-b__img img { width: 100%; height: 100%; object-fit: cover; object-position: 100% 45%; display: block; } 
.band-b__img::before { content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, var(--buho-navy-950) 0%, rgba(0,17,68,.72) 22%, rgba(0,17,68,.18) 48%, rgba(0,17,68,0) 68%); }
.band-b__img::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 34%;
  background: linear-gradient(180deg, rgba(0,17,68,0), rgba(0,17,68,.55)); }
.band-b > .wrap { position: relative; z-index: 2; }
.band-b__txt { max-width: 44%; }
.band-b .statrow { max-width: 60%; }
@media (max-width: 980px) {
  .band-b__img { position: relative; width: 100%; height: 260px; }
  .band-b__img::before { background: linear-gradient(180deg, rgba(0,17,68,0) 40%, var(--buho-navy-950) 100%); }
  .band-b__img::after { display: none; }
  .band-b__txt, .band-b .statrow { max-width: none; }
}
.mosaic { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.mosaic .pic { aspect-ratio: 3 / 4; }
.mosaic .pic--wide { grid-column: span 2; aspect-ratio: auto; }
@media (max-width: 980px) { .mosaic { grid-template-columns: 1fr 1fr; } .mosaic .pic--wide { grid-column: span 2; aspect-ratio: 16 / 9; } }
@media (max-width: 600px) { .mosaic { grid-template-columns: 1fr; } .mosaic .pic--wide { grid-column: auto; } }
.fusion { display: grid; grid-template-columns: 1.15fr .85fr; align-items: stretch; background: #F5F6F7; border-radius: 28px; overflow: hidden;
  border: 1px solid rgba(0,17,68,.06); }
.fusion__photo { position: relative; min-height: 420px; }
.fusion__photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.fusion__clay { position: relative; display: grid; place-items: center; padding: 36px; }
.fusion__clay img { width: 100%; max-width: 420px; height: auto; display: block; mix-blend-mode: multiply; }
.fusion__clay::before { content: ""; position: absolute; left: -1px; top: 50%; width: 64px; border-top: 2px dotted var(--buho-navy-950); opacity: .5; }
.fusion__clay .eb { position: absolute; left: 36px; top: 28px; }
@media (max-width: 980px) { .fusion { grid-template-columns: 1fr; } .fusion__photo { min-height: 300px; } .fusion__clay::before { display: none; } }
.clay { display: block; width: 100%; height: auto; mix-blend-mode: multiply; }
.prop-tag { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 22px; padding: 6px 11px; border-radius: 6px;
  border: 1.5px solid var(--act-ink, var(--buho-pink-700)); color: var(--act-ink, var(--buho-pink-700));
  font: 700 11px/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
.sec--navy .prop-tag, .band-b .prop-tag { border-color: rgba(255,255,255,.5); color: #fff; }
.phero__vis--photo .picwrap { max-width: 560px; margin-left: auto; }
.phero__vis--photo .fflo--tl { left: -26px; top: 34px; } .phero__vis--photo .fflo--br { right: -18px; bottom: 132px; }
@media (max-width: 980px) { .phero__vis--photo .picwrap { margin: 0 auto; } .phero__vis--photo .fflo--tl { left: 10px; } .phero__vis--photo .fflo--br { right: 10px; } }
.duo { position: relative; padding-top: 31%; }
.duo__photo { position: absolute; left: 0; top: 0; z-index: 0; width: 56%; aspect-ratio: 3 / 4; margin: 0;
  border-radius: 20px; overflow: hidden; background: var(--buho-cream); }
.duo__photo img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%; display: block; }
.duo__mock { position: relative; z-index: 1; width: 78%; margin: 0 0 0 auto !important; zoom: .86;
  filter: drop-shadow(0 30px 50px rgba(0,17,68,.22)); }
.duo__mock figcaption { background: #fff; display: inline-block; padding: 6px 10px; border-radius: 8px; }
.explore-duo .split { grid-template-columns: 0.8fr 1.2fr; }
@media (max-width: 980px) {
  .duo { padding-top: 0; }
  .duo__photo { position: relative; width: 100%; aspect-ratio: 4 / 3; }
  .duo__mock { width: 100%; zoom: 1; margin-top: -34px !important; padding: 0 12px; }
  .explore-duo .split { grid-template-columns: 1fr; }
}
.mosaic--sm { grid-template-columns: repeat(5, 1fr); gap: 12px; }
.mosaic--sm .pic { aspect-ratio: 4 / 5; border-radius: 14px; }
.mosaic--sm .pic__cap { left: 10px; bottom: 10px; padding: 6px 10px; font-size: 11px; }
@media (max-width: 980px) { .mosaic--sm { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 600px) { .mosaic--sm { grid-template-columns: repeat(2, 1fr); } }
.ico { display: inline-grid; place-items: center; width: auto; height: 28px; min-width: 24px; border-radius: 0;
  background: none; color: var(--t-ink, var(--buho-blue-600)); font-size: 24px; flex-shrink: 0; }
.ico--lg { height: 32px; font-size: 28px; }
.sec--navy .ico, .dark .ico { color: var(--motif-a-light, var(--buho-pink-300)); }
.sec--navy .ico:has(img, .logo-marca, .brandimg), .dark .ico:has(img, .logo-marca, .brandimg) {
  width: 44px; height: 44px; border-radius: 12px; background: rgba(255,255,255,.14); box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
.cmp thead th { position: sticky; top: 68px; z-index: 3; }
.cmp td:first-child i.ti { font-size: 17px; color: var(--act-ink, var(--buho-blue-600)); margin-right: 9px; vertical-align: -3px; }
.cmp td.yes i, .cmp td.no i, .cmp .yes > i, .cmp .no > i { display: inline-grid; place-items: center; width: 26px; height: 26px; border-radius: 50%; font-size: 15px; }
.cmp td.yes i, .cmp .yes > i { background: var(--color-success-bg, #E3F6EC); color: #08794B; }
.cmp td.no i, .cmp .no > i { background: rgba(0,17,68,.05); color: var(--gray-400); font-size: 14px; }
.cmp tfoot td { padding: 16px 18px 20px; border-top: 1px solid rgba(0,17,68,.10); background: var(--buho-cream); }
.cmp tfoot .btn { width: 100%; justify-content: center; }
.cmp thead th.hot { box-shadow: inset 0 -3px 0 var(--act, var(--buho-pink-600)); }
.cmp tbody td.hot { background: color-mix(in srgb, var(--act, var(--buho-pink-600)) 6%, #fff); }
@media (max-width: 720px) { .cmp thead th { position: static; } }
.sticky-story__vis--photo > [data-story-vis] { position: sticky; top: 104px; border-radius: 24px; overflow: hidden;
  display: grid; align-content: end; padding: 22px !important; background: var(--buho-navy-950) !important; border: none !important;
  min-height: min(var(--alto-pasos, 26rem), calc(100vh - 8rem)); }
.sticky-story__vis--photo .svis__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; z-index: 0; }
.sticky-story__vis--photo > [data-story-vis]::after { content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
  background: linear-gradient(180deg, rgba(0,17,68,0) 45%, rgba(0,17,68,.45) 100%); }
.sticky-story__vis--photo > [data-story-vis] > :not(.svis__img) { position: relative; z-index: 2; }
@media (max-width: 980px) {
  .sticky-story__vis--photo > [data-story-vis] { position: static; min-height: 0; }
  .sticky-story__vis--photo .svis__img { position: relative; height: 220px; margin: -22px -22px 16px; width: calc(100% + 44px); }
  .sticky-story__vis--photo > [data-story-vis]::after { display: none; }
}
hr.corte { display: none; }
.mock .wqr, .on-light .wqr { background: var(--buho-cream); box-shadow: inset 0 0 0 1px rgba(0,17,68,.08); }
.mock .wqr__pasos li, .on-light .wqr__pasos li { color: var(--color-text); }
.mock .wqr__pasos i:first-child, .on-light .wqr__pasos i:first-child { background: var(--buho-navy-950); color: #fff; }
.mock .wqr__pasos .ti, .on-light .wqr__pasos .ti, .mock .wqr__foot .ti, .on-light .wqr__foot .ti { color: #08794B; }
.mock .wqr__foot, .on-light .wqr__foot { color: var(--color-text-muted); border-top-color: rgba(0,17,68,.08); }
.mock .wqr__foot b, .on-light .wqr__foot b { color: var(--color-text); }
.ladder .plan-note, .ladder .plan-note span { color: var(--color-text-muted); }
.ladder .plan-note .ti { color: var(--act-ink, var(--buho-blue-600)); }
.sec--navy .whub .whub__foot, .sec--navy .whub .whub__foot b { color: var(--color-text-muted); }
.sec--navy .whub .whub__foot b { color: var(--color-text); }
.phero__meta .cifra > b { font: 600 15px/1 var(--font-mono); color: var(--buho-blue-600); background: none; -webkit-text-fill-color: currentColor; }
.phero__meta .cifra > small { font: 400 12px/1.3 var(--font-sans); text-transform: none; letter-spacing: 0; color: var(--color-text-muted); }
.lm-txt { --lm: 1.05em; width: var(--lm); height: var(--lm); vertical-align: -0.18em; margin-right: .32em; }
.lm-txt.logo-marca--wide { width: calc(var(--lm) * 2.9); }
.lm-txt.logo-dlocalgo { width: calc(var(--lm) * 3.9); }
.logo-dian.logo-marca--wide { width: calc(var(--lm, 22px) * 5.9); }   
.lm-txt.logo-dian { width: calc(var(--lm) * 5.9); margin-right: .38em; }
.lm-txt.logo-izipay { width: calc(var(--lm) * 3); }
h3 .lm-txt, h4 .lm-txt { --lm: 0.95em; margin-right: .36em; }
.checks li > .lm-txt:first-child { margin-left: 0; }
.lmw { display: inline; min-width: 0; }
h2 .lm-txt.logo-dian, h3 .lm-txt.logo-dian, h4 .lm-txt.logo-dian, .trust__it .lm-txt.logo-dian, .fpills .lm-txt.logo-dian { --lm: .8em; width: calc(var(--lm) * 5.9); vertical-align: -0.08em; }
@media (min-width: 1100px) { .steps:not(.steps--vert):has(> :nth-child(5)):not(:has(> :nth-child(6))) { grid-template-columns: repeat(5, 1fr); } }
.techrow .lm-txt.logo-marca, .techrow span > .lm-txt.logo-marca { display: inline-block; width: var(--lm); height: var(--lm); padding: 0; border-radius: 0; background: currentColor; flex: none; }
@media (max-width: 900px) {
  .hhero [style*="min-height:200px"] { min-height: 0 !important; }
  main [style*="grid-template-columns:repeat(4, 1fr)"] { grid-template-columns: repeat(2, 1fr) !important; gap: 22px !important; }
  main [style*="grid-template-columns:repeat(3, 1fr)"] { grid-template-columns: 1fr !important; }
  #empezamos [style*="grid-template-columns:repeat(3, 1fr)"] { grid-template-columns: repeat(3, 1fr) !important; }
  main [style*="grid-template-columns:1fr 1fr"], main [style*="grid-template-columns:1fr 1.05fr"], main [style*="grid-template-columns:0.9fr 1.1fr"] { grid-template-columns: 1fr !important; }
}
.form-estado { margin: 4px 0 0; font-size: 14.5px; line-height: 1.5; }
.form-estado:empty { display: none; }
.form-estado--error { color: #c6285c; }
.form-estado--ok { color: #0a7a63; font-weight: 600; }
.input.is-invalid, .select.is-invalid, .textarea.is-invalid { border-color: #c6285c !important; box-shadow: 0 0 0 3px rgba(198,40,92,.14); }
.skip { position: absolute; left: -9999px; top: 10px; z-index: 200; background: var(--buho-navy-950, #001144); color: #fff; padding: 10px 16px; border-radius: 999px; font-weight: 600; text-decoration: none; }
.skip:focus { left: 12px; outline: 3px solid var(--buho-pink-500, #FB136E); outline-offset: 2px; }
@media (max-width: 720px) {
  .ladder { background: linear-gradient(90deg, rgba(255,255,255,0), rgba(0,17,68,.12)) right center / 28px 100% no-repeat scroll, #fff; }
}
.lbl { display: inline-block; font: 700 11px/1.3 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--color-text-muted); }
.lbl--dark, .on-dark .lbl, .aurora-dark .lbl, .sec--navy .lbl, .closer .lbl, .mock--dark .lbl { color: rgba(255,255,255,.66); }
.ladder__nota { margin: 10px 2px 0; font-size: 13px; color: var(--color-text-muted); }
.rec { display: inline-block; margin-right: 8px; font: 700 10.5px/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--buho-blue-600); vertical-align: middle; }
.nota-honesta { margin: 18px 0 0; font-size: 14.5px; line-height: 1.6; color: rgba(255,255,255,.72); max-width: 62ch; }
.split.split--uno { grid-template-columns: 1fr; max-width: 760px; }
.razones { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.razon { background: #fff; border: 1px solid rgba(2,15,60,.08); border-radius: 22px; padding: 26px 26px 24px; min-width: 0; }
.razon--big { grid-column: span 2; }
.razon--navy { background: var(--buho-navy-950); color: #fff; border-color: transparent; }
.razon__n { display: block; font: 600 clamp(24px, 2.4vw, 32px)/1 var(--font-mono); letter-spacing: -.02em; color: var(--buho-blue-600); font-variant-numeric: tabular-nums; }
.razon--navy .razon__n { color: var(--buho-pink-300); }
.razon h3 { margin: 14px 0 8px; font-size: 18px; letter-spacing: -.01em; line-height: 1.25; }
.razon p { margin: 0; font-size: 15px; line-height: 1.6; color: var(--color-text-muted); }
.razon--navy p { color: rgba(255,255,255,.78); }
@media (max-width: 1000px) { .razones { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px) { .razones { grid-template-columns: 1fr; } .razon--big { grid-column: auto; } }
.gratis-sec { padding: 0 0 96px; }
.gratis { display: grid; grid-template-columns: 1.1fr .9fr; gap: 40px; align-items: center; background: #fff; border: 1px solid rgba(2,15,60,.08); border-radius: 28px; padding: clamp(28px, 4vw, 52px); }
.gratis h2 { margin: 14px 0 12px; font-size: clamp(30px, 3.2vw, 44px); letter-spacing: -.025em; line-height: 1.05; }
.gratis p { margin: 0; font-size: 16.5px; line-height: 1.62; color: var(--color-text-muted); max-width: 52ch; }
.gratis__acts { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px; }
.gratis__datos { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 18px 22px; }
.gratis__datos li { border-top: 2px solid rgba(0,17,68,.08); padding-top: 14px; }
.gratis__datos b { display: block; font: 600 clamp(26px, 2.6vw, 36px)/1 var(--font-mono); letter-spacing: -.02em; color: var(--buho-navy-950); font-variant-numeric: tabular-nums; }
.gratis__datos span { display: block; margin-top: 8px; font-size: 13.5px; color: var(--color-text-muted); }
@media (max-width: 900px) { .gratis { grid-template-columns: 1fr; gap: 28px; } }
#recorrido .fpipe--h { margin-top: 26px; }
.recorrido__txt { margin-top: 26px; max-width: 64ch; }
.recorrido__txt p { font-size: 16px; line-height: 1.62; color: var(--color-text-muted); }
.shead.shead--stack { flex-direction: column; align-items: flex-start; gap: 12px; }
.shead.shead--stack p { max-width: 62ch; }
@media (max-width: 720px) {
  .ladder { background: #fff; overflow: visible; }
  .ladder table { min-width: 0; width: 100%; }
  .ladder thead { display: none; }
  .ladder tr { display: grid; grid-template-columns: 1fr auto; gap: 4px 14px; padding: 14px 16px; border-bottom: 1px solid rgba(0,17,68,.08); }
  .ladder tr:last-child { border-bottom: 0; }
  .ladder td { display: block; padding: 0; border: 0; }
  .ladder table > tbody > tr > td, .ladder table > tbody > tr > td:first-child, .ladder table > tbody > tr > td:last-child { height: auto; padding: 0; }
  .ladder td.nm { grid-column: 1; font-weight: 800; }
  .ladder td:nth-child(2) { grid-column: 1; font-size: 13.5px; color: var(--color-text-muted); }
  .ladder td.pr { grid-column: 2; grid-row: 1 / 3; text-align: right; font: 600 19px/1.1 var(--font-mono); white-space: nowrap; }
  .ladder td.pr small { display: block; font-size: 11px; margin-top: 2px; }
  .ladder td.act { grid-column: 1 / -1; margin-top: 10px; }
  .ladder td.act .btn { width: 100%; justify-content: center; }
  .ladder td.act .rec { display: block; margin: 0 0 6px; }
  .cmp td:first-child, .cmp th:first-child { position: sticky; left: 0; z-index: 2; background: #fff; box-shadow: 8px 0 12px -8px rgba(0,17,68,.18); }
  .cmp thead th:first-child { background: var(--buho-navy-950); }
}
.phstrip .ph::after { background: none; }
.phstrip .ph__cap { left: 14px; right: auto; bottom: 14px; max-width: calc(100% - 28px); background: #fff; color: var(--buho-navy-950); padding: 10px 14px; border-radius: 14px; box-shadow: 0 10px 24px rgba(0,17,68,.16); }
.phstrip .ph__cap b { color: var(--buho-navy-950); }
.phstrip .ph__cap span { color: var(--color-text-muted); }
.closer .btn--primary { background: #fff; color: var(--buho-navy-950); border-color: #fff; }
.closer .btn--primary:hover { background: #fff; color: var(--buho-navy-950); transform: translateY(-2px); }
.closer .btn--secondary { background: transparent; color: #fff; border-color: rgba(255,255,255,.45); }
.closer .btn--secondary:hover { border-color: #fff; color: #fff; background: rgba(255,255,255,.08); }
.nota-cmp { margin: 12px 2px 0; font-size: 13px; color: var(--color-text-muted); display: flex; gap: 8px; align-items: flex-start; }
.cmp td.ok { background: rgba(10,154,125,.08); font-weight: 600; }
.fpipe.fpipe--h { grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; }
.fpipe__step > .tx span.lm-txt { display: inline-block; }
@media (max-width: 760px) { .fpipe.fpipe--h { grid-template-columns: 1fr; } .fpipe.fpipe--h .fpipe__via { display: none; } }
:root  { --tile-bg: var(--buho-blue-100); --tile-ink: var(--buho-blue-600);
         --tile-bg-2: var(--buho-pink-100); --tile-ink-2: var(--buho-pink-700);
         --t-bg: var(--tile-bg); --t-ink: var(--tile-ink); }
.brand { --tile-bg: var(--motif-b-soft); --tile-ink: var(--motif-b-ink);          
         --tile-bg-2: var(--motif-a-soft); --tile-ink-2: var(--motif-a-ink);
         --t-bg: var(--tile-bg); --t-ink: var(--tile-ink); }
.brand--fastura, .brand--waya {                                                  
         --tile-bg: var(--motif-a-soft); --tile-ink: var(--motif-a-ink);
         --tile-bg-2: var(--motif-b-soft); --tile-ink-2: var(--motif-b-ink); }
:where(.fgrid, .bento, .explore, .grid-guar, .apps, .razones, .fork) > :nth-child(even) { --t-bg: var(--tile-bg-2); --t-ink: var(--tile-ink-2); }
#mg-fact { --motif-a: #00BFA5; --motif-b: #FFB400; --motif-a-ink: #00796B; --motif-b-ink: #946400;
           --motif-a-soft: #CFEFE9; --motif-b-soft: #FFE8B0; --motif-a-light: #6FE0CF; --motif-b-light: #FFD470;
           --tile-bg: var(--motif-a-soft); --tile-ink: var(--motif-a-ink); --tile-bg-2: var(--motif-b-soft); --tile-ink-2: var(--motif-b-ink);
           --t-bg: var(--tile-bg); --t-ink: var(--tile-ink); }
#mg-msg  { --motif-a: #8FD400; --motif-b: #6D4AFF; --motif-a-ink: #557A00; --motif-b-ink: #5733E0;
           --motif-a-soft: #E9F7C4; --motif-b-soft: #ECE4FB; --motif-a-light: #B6E84D; --motif-b-light: #A78FFF;
           --tile-bg: var(--motif-a-soft); --tile-ink: var(--motif-a-ink); --tile-bg-2: var(--motif-b-soft); --tile-ink-2: var(--motif-b-ink);
           --t-bg: var(--tile-bg); --t-ink: var(--tile-ink); }
.mega__col > .mega__item:nth-of-type(4n+2) { --t-bg: var(--gray-150); --t-ink: var(--gray-700); }
.mega__col > .mega__item:nth-of-type(4n+3) { --t-bg: var(--tile-bg-2); --t-ink: var(--tile-ink-2); }
.mega__col > .mega__item:nth-of-type(4n)   { --t-bg: #fff; --t-ink: var(--buho-navy-950); }
#mg-fact .eb, #mg-msg .eb { color: var(--motif-b-ink); }
#mg-fact .eb::before, #mg-msg .eb::before { background: linear-gradient(90deg, var(--motif-a), var(--motif-b)); }
.ico--sm { height: 24px; font-size: 20px; }
.ico--xs { height: 20px; font-size: 18px; }
.on-dark .ico, .bento .accent .ico, .fork--dark > a .ico, .razon--navy .ico, .plan--dark .ico,
.uicard--dark .ico, .mock--dark .ico, .closer .ico { color: var(--motif-a-light, var(--buho-pink-300)); }
.on-dark .ico > i, .closer .ico > i { color: var(--motif-a-light, var(--buho-pink-300)); }
:is(.on-dark, .bento .accent, .fork--dark > a, .razon--navy, .plan--dark, .uicard--dark, .mock--dark, .closer) .ico:has(img, .logo-marca, .brandimg) {
  width: 44px; height: 44px; border-radius: 12px; background: rgba(255,255,255,.14); box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
.campo { position: relative; isolation: isolate; }
.campo > .bokeh, .campo.aurora-light::before { z-index: -1; }
.sec--cream .bokeh--light i { filter: blur(44px); }
.explore > button { position: relative; overflow: hidden; isolation: isolate; }
.fork > a { isolation: isolate; }
.explore > button::after, .fork > a::after {
  content: ""; position: absolute; inset: -35%; z-index: -1; border-radius: inherit; pointer-events: none;
  background:
    radial-gradient(58% 58% at 84% 6%, color-mix(in srgb, var(--motif-a) 34%, transparent), transparent 63%),
    radial-gradient(62% 62% at 10% 98%, color-mix(in srgb, var(--motif-b) 28%, transparent), transparent 66%);
  opacity: 0; transform: scale(.86) rotate(-2deg);
  transition: opacity .55s var(--ease-out), transform .65s var(--ease-out);
}
.explore > button:hover::after, .explore > button:focus-visible::after,
.fork > a:hover::after, .fork > a:focus-visible::after,
a.pupila:hover::after, a.pupila:focus-visible::after,
button.pupila:hover::after, button.pupila:focus-visible::after { opacity: 1; transform: scale(1) rotate(0deg); }
.explore > button.on::after, .fork--dark > a::after {
  opacity: 1; transform: none;
  background:
    radial-gradient(58% 58% at 84% 6%, color-mix(in srgb, var(--motif-a) 46%, transparent), transparent 64%),
    radial-gradient(62% 62% at 10% 98%, color-mix(in srgb, var(--motif-b) 44%, transparent), transparent 66%);
}
@media (prefers-reduced-motion: reduce) {
  .explore > button::after, .fork > a::after, a.pupila::after, button.pupila::after { transition: opacity .2s linear; transform: none; }
}
.faq details { overflow: hidden; }
.faq details.is-anim { will-change: height; }
.faq summary::after { transition: transform .32s var(--ease-out); }
.brand .razon__n, .brand .gratis__datos b, .brand .phero__meta .k {
  color: var(--buho-navy-950); background: none; -webkit-text-fill-color: currentColor; font-variant-numeric: tabular-nums; }
.brand :is(.razon__n, .gratis__datos b, .phero__meta .k) i { font-style: normal; color: var(--motif-a-ink); }
.brand .razon--navy .razon__n { color: #fff; }
.brand .razon--navy .razon__n i { color: var(--motif-a-light); }
.wprec { display: flex; flex-wrap: wrap; gap: 10px 28px; margin: 22px 0 0;
         padding: 16px 20px; border-radius: 16px; background: var(--motif-a-soft, var(--buho-blue-100));
         font-size: 14.5px; line-height: 1.5; }
.wprec span { display: inline-block; min-width: 0; }
.wprec i { font-size: 19px; color: var(--motif-a-ink, var(--buho-blue-600)); vertical-align: -4px; margin-right: 8px; }
.wsub { margin: 34px 0 12px; font-size: 15px; font-weight: 700; letter-spacing: .01em;
        color: var(--color-text); }
.wdim { margin: 22px 0 0; padding: 18px 22px; border-radius: 16px;
        border: 1px solid rgba(0,17,68,.10); background: #fff; }
.wdim p { margin: 0; font-size: 15px; line-height: 1.62; color: var(--color-text-muted); max-width: 78ch; }
.wdim b { color: var(--color-text); }
@media (max-width: 760px) {
  .wprec { flex-direction: column; gap: 10px; }
}
.tagrow--dark span {
  background: rgba(255,255,255,.10);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);
  color: #fff;
}
.tagrow--dark span i { color: var(--motif-a-light, var(--buho-pink-300)); font-size: 15px; }
.wcta { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; margin-top: 34px; }
.wcta > span { font-size: 14px; color: var(--color-text-muted); }
.sec--navy .wcta > span, .aurora-dark .wcta > span { color: rgba(255,255,255,.7); }
.wnota-ia { margin: 18px 0 0; font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.72); }
.wnota-ia b { color: #fff; }
.split--ia { grid-template-columns: 1fr 1.08fr; align-items: center; }
.split--ia .tagrow { gap: 9px; }
.split--ia .tagrow span { font-size: 13px; padding: 8px 14px; }
@media (max-width: 900px) { .split--ia { grid-template-columns: 1fr; } }
.wcons { display: grid; grid-template-columns: 56px 110px minmax(0, 1fr); align-items: center; gap: 0; position: relative; }
.wcons__tiles { display: flex; flex-direction: column; gap: 12px; }
.wcons__tiles .chtile { width: 52px; height: 52px; }
.wcons__paths { display: block; width: 110px; height: 372px; overflow: visible; }
.wcons__paths path { fill: none; stroke: rgba(0,17,68,.22); stroke-width: 1.5; stroke-dasharray: 3 5; }
.wcons__paths circle { fill: var(--motif-b, #8FD400); }
.wcons__paths .travel { animation-duration: 3.8s; }
.wcons__paths .travel--2 { animation-delay: .6s; } .wcons__paths .travel--3 { animation-delay: 1.2s; }
.wcons__paths .travel--4 { animation-delay: 1.8s; } .wcons__paths .travel--5 { animation-delay: 2.4s; }
.wcons__paths .travel--6 { animation-delay: 3s; }
.wcons__hub { position: relative; }
.wcons__hub .pic { box-shadow: 0 24px 54px rgba(0,17,68,.12); }
.wcons__hub .pic img { object-position: 50% 50%; }
.wcons__hub .uicard { position: absolute; left: -22px; bottom: 26px; z-index: 3; }
.wcons__hub .uicard__row .logo-marca { --lm: 14px; margin-right: 6px; vertical-align: -2px; }
.wcons__hub .uicard__row .ti { font-size: 14px; margin-right: 6px; color: var(--motif-a-ink); vertical-align: -2px; }
@media (max-width: 760px) {
  .wcons { grid-template-columns: 1fr; gap: 18px; }
  .wcons__tiles { flex-direction: row; flex-wrap: wrap; justify-content: center; }
  .wcons__paths { display: none; }
  .wcons__hub .uicard { position: static; margin-top: -30px; margin-left: 12px; margin-right: 12px; }
}
.wbar { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.wbar a {
  display: grid; grid-template-columns: 34px minmax(0, 1fr) 46px; grid-template-rows: auto auto; column-gap: 12px; row-gap: 5px;
  align-items: center; padding: 9px 12px 9px 9px; border-radius: 14px; text-decoration: none; color: inherit;
  transition: background 160ms var(--ease-out), transform 160ms var(--ease-out);
}
.wbar a:hover, .wbar a:focus-visible { background: #fff; transform: translateX(3px); }
.wbar .ico { grid-row: 1 / span 2; width: 34px; height: 34px; border-radius: 10px; font-size: 16px; display: grid; place-items: center; background: var(--tile-bg, var(--buho-blue-100)); color: var(--tile-ink, var(--buho-blue-600)); }
.wbar li:nth-child(even) .ico { background: var(--tile-bg-2); color: var(--tile-ink-2); }
.wbar b { grid-column: 2; grid-row: 1; font: 700 14px/1.2 var(--font-sans); letter-spacing: -.01em; }
.wbar .n { grid-column: 3; grid-row: 1 / span 2; text-align: right; font: 600 15px/1 var(--font-mono); font-variant-numeric: tabular-nums; color: var(--color-text); }
.wbar .n small { display: block; margin-top: 4px; font: 500 9.5px/1 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--color-text-muted); }
.wbar .t { grid-column: 2; grid-row: 2; height: 6px; border-radius: 999px; background: rgba(0,17,68,.08); overflow: hidden; }
.wbar .t i { display: block; height: 100%; width: var(--w, 50%); border-radius: inherit; background: linear-gradient(90deg, var(--motif-a), var(--motif-b)); transform: scaleX(0); transform-origin: left center; }
.rv-in .wbar .t i, .wbar.rv-in .t i { animation: growX 1.1s var(--ease-out) forwards; }
.wbar li:nth-child(2) .t i { animation-delay: .08s; } .wbar li:nth-child(3) .t i { animation-delay: .16s; }
.wbar li:nth-child(4) .t i { animation-delay: .24s; } .wbar li:nth-child(5) .t i { animation-delay: .32s; }
.wbar li:nth-child(6) .t i { animation-delay: .4s; }  .wbar li:nth-child(7) .t i { animation-delay: .48s; }
.wbar li:nth-child(8) .t i { animation-delay: .56s; } .wbar li:nth-child(9) .t i { animation-delay: .64s; }
.wbar__tot { display: flex; justify-content: space-between; align-items: baseline; margin: 14px 0 0; padding: 12px 12px 0; border-top: 1px solid rgba(0,17,68,.1); font: 500 13px/1.4 var(--font-sans); color: var(--color-text-muted); }
.wbar__tot b { font: 600 22px/1 var(--font-mono); letter-spacing: -.02em; color: var(--color-text); }
.split--areas { grid-template-columns: 1.15fr .85fr; align-items: center; gap: 48px; }
@media (max-width: 980px) { .split--areas { grid-template-columns: 1fr; } }
.wasis { position: relative; padding-bottom: 54px; }
.wasis__ilu { position: relative; margin: 0; border-radius: 26px; overflow: hidden; aspect-ratio: 4 / 3; background: #F5F6F7; box-shadow: 0 30px 70px rgba(0,0,0,.35); }
.wasis__ilu img { display: block; width: 100%; height: 100%; object-fit: cover; }
.wasis__chat {
  position: absolute; left: -18px; bottom: 0; z-index: 3; width: min(330px, 92%);
  background: #fff; color: var(--buho-navy-950); border-radius: 18px; padding: 14px 14px 12px;
  box-shadow: 0 26px 56px rgba(0,0,0,.4), 0 0 0 1px rgba(0,17,68,.06);
  display: grid; gap: 9px;
}
.wasis__hd { display: flex; align-items: center; gap: 8px; padding-bottom: 9px; border-bottom: 1px solid rgba(0,17,68,.08); }
.wasis__av { width: 26px; height: 26px; border-radius: 50%; background: #4B3DDB; color: #fff; display: grid; place-items: center; font: 700 10px/1 var(--font-sans); flex-shrink: 0; }
.wasis__hd b { font: 700 12.5px/1 var(--font-sans); }
.wasis__ch { margin-left: auto; display: inline-flex; align-items: center; gap: 5px; font: 600 10.5px/1 var(--font-sans); color: var(--color-text-muted); }
.wasis__ch .logo-marca { --lm: 12px; color: #25D366; }
.wasis__m { max-width: 88%; padding: 8px 11px; border-radius: 13px; font: 500 12.5px/1.4 var(--font-sans); }
.wasis__m--ellos { justify-self: start; background: var(--buho-cream, #F7F5EF); border-bottom-left-radius: 4px; }
.wasis__m--ia { justify-self: end; background: var(--motif-b-soft, #E9F7C4); border-bottom-right-radius: 4px; }
.wasis__m small { display: block; margin-top: 5px; font: 500 9.5px/1.3 var(--font-mono); color: var(--motif-b-ink, #557A00); }
.wasis__m small .logo-marca { --lm: 10px; vertical-align: -1px; margin-right: 3px; }
.wasis__typing { justify-self: start; display: inline-flex; gap: 4px; padding: 9px 12px; border-radius: 13px; background: var(--buho-cream, #F7F5EF); border-bottom-left-radius: 4px; }
.wasis__typing i { width: 6px; height: 6px; border-radius: 50%; background: rgba(0,17,68,.35); animation: wasisDot 1s ease-in-out infinite; }
.wasis__typing i:nth-child(2) { animation-delay: .15s; } .wasis__typing i:nth-child(3) { animation-delay: .3s; }
.wasis__tag { justify-self: start; display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; background: var(--motif-a-soft, #ECE4FB); color: var(--motif-a-ink, #5333E0); font: 700 10.5px/1 var(--font-sans); }
.wasis__tag .ti { font-size: 13px; }
.wasis__pill {
  position: absolute; right: -14px; top: 22px; z-index: 3; display: inline-flex; align-items: center; gap: 8px;
  padding: 9px 13px; border-radius: 999px; background: #fff; color: var(--buho-navy-950);
  font: 700 12px/1 var(--font-sans); box-shadow: 0 16px 34px rgba(0,0,0,.35);
  animation: zFlota 6s ease-in-out infinite;
}
.wasis__pill .ti { font-size: 15px; color: var(--motif-b-ink, #557A00); }
.wasis__pill .logo-marca { --lm: 14px; }
.wasis__m--ellos { animation: wasisA 10s linear infinite; }
.wasis__typing   { animation: wasisB 10s linear infinite; }
.wasis__m--ia    { animation: wasisC 10s linear infinite; }
.wasis__tag      { animation: wasisD 10s linear infinite; }
@keyframes wasisDot { 0%, 100% { transform: translateY(0); opacity: .45; } 50% { transform: translateY(-3px); opacity: 1; } }
@keyframes wasisA { 0%, 3% { opacity: 0; transform: translateY(6px); } 7%, 95% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@keyframes wasisB { 0%, 12% { opacity: 0; height: 0; padding-top: 0; padding-bottom: 0; } 14%, 36% { opacity: 1; height: auto; padding-top: 9px; padding-bottom: 9px; } 38%, 100% { opacity: 0; height: 0; padding-top: 0; padding-bottom: 0; } }
@keyframes wasisC { 0%, 38% { opacity: 0; transform: translateY(6px); } 43%, 95% { opacity: 1; transform: none; } 100% { opacity: 0; } }
@keyframes wasisD { 0%, 58% { opacity: 0; transform: translateY(4px); } 63%, 95% { opacity: 1; transform: none; } 100% { opacity: 0; } }
.split--asis { grid-template-columns: 1fr 1fr; align-items: center; gap: 56px; }
.wasis__caps { margin-top: 38px; }
.wasis__caps .tagrow--dark { gap: 9px; }
.wasis__caps .tagrow--dark span { font-size: 13px; padding: 8px 14px; }
@media (max-width: 900px) {
  .split--asis { grid-template-columns: 1fr; gap: 34px; }
  .wasis { padding-bottom: 0; }
  .wasis__ilu { aspect-ratio: 16 / 10; }
  .wasis__chat { position: relative; left: auto; bottom: auto; width: auto; margin: -48px 10px 0; }
  .wasis__pill { right: 8px; top: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  .wasis__m--ellos, .wasis__m--ia, .wasis__tag, .wasis__pill { animation: none; opacity: 1; transform: none; }
  .wasis__typing { display: none; }
  .wcons__paths circle { animation: none; opacity: 0; }
  .wbar .t i { animation: none; transform: none; }
}
.bento--waya .wb-ilu { margin: -28px -28px 6px; aspect-ratio: 16 / 7; overflow: hidden; background: #F5F6F7; }
.bento--waya .wb-ilu img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 42%; transition: transform .6s var(--ease-out); }
.bento--waya > *:hover .wb-ilu img { transform: scale(1.03); }
.bento--waya .ico .logo-marca { --lm: 22px; }
.bento--waya .ico img { width: 24px; height: 24px; display: block; }
.bento--waya .dark .ico { background: rgba(255,255,255,.12); color: #fff; }
.bento--waya .wb-motores { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 6px; }
.bento--waya .wb-motores span { display: inline-flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 999px; background: rgba(255,255,255,.1); box-shadow: inset 0 0 0 1px rgba(255,255,255,.16); font: 600 12.5px/1 var(--font-sans); color: #fff; }
.bento--waya .wb-motores .logo-marca { --lm: 16px; color: #fff; }
.bento--waya .wb-fila { display: flex; align-items: center; gap: 10px; margin-top: auto; padding: 10px 12px; border-radius: 12px; background: var(--buho-cream, #F7F5EF); font: 600 12.5px/1.3 var(--font-sans); }
.bento--waya .wb-fila .ti { font-size: 16px; color: var(--motif-b-ink); flex-shrink: 0; }
.bento--waya .wb-fila .logo-marca { --lm: 16px; flex-shrink: 0; }
.bento--waya .wb-fila .brandimg { --bh: 14px; height: 14px; width: auto; flex-shrink: 0; }
.bento--waya .wb-fila small { margin-left: auto; font: 500 10.5px/1 var(--font-mono); color: var(--color-text-muted); white-space: nowrap; }
.bento--waya .wb-fila--aviso .ti { color: var(--buho-pink-600, #FF006F); animation: ledPulse 2.2s ease-in-out infinite; }
.wsms { position: relative; margin-top: auto; padding-top: 6px; min-height: 58px; }
.wsms > span { position: absolute; left: 0; right: 0; top: 6px; display: block; padding: 9px 12px; border-radius: 13px; border-bottom-left-radius: 4px; background: var(--buho-cream, #F7F5EF); font: 500 12px/1.4 var(--font-sans); transform-origin: left bottom; animation: popIn 5s var(--ease-out) infinite; opacity: 0; }
.wsms > span b { display: block; font: 700 9.5px/1 var(--font-mono); letter-spacing: .06em; text-transform: uppercase; color: var(--color-text-muted); margin-bottom: 4px; }
.wsms > span:nth-child(2) { animation-delay: 2.5s; }
.wgota { display: flex; gap: 8px; flex-wrap: wrap; margin-top: auto; padding-top: 6px; }
.wgota span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; background: var(--motif-b-soft, #E9F7C4); color: var(--motif-b-ink, #557A00); font: 700 10.5px/1 var(--font-mono); animation: wgota 7s linear infinite; opacity: 0; }
.wgota span .ti { font-size: 12px; }
.wgota span:nth-child(2) { animation-delay: 1.9s; } .wgota span:nth-child(3) { animation-delay: 2.6s; } .wgota span:nth-child(4) { animation-delay: 4.4s; }
@keyframes wgota { 0% { opacity: 0; transform: scale(.7); } 5%, 78% { opacity: 1; transform: none; } 88%, 100% { opacity: 0; transform: none; } }
.wtree { display: block; width: 100%; max-width: 340px; height: auto; margin-top: auto; overflow: visible; }
.wtree path { fill: none; stroke: rgba(0,17,68,.28); stroke-width: 1.6; stroke-linecap: round; }
.wtree .nd { fill: #fff; stroke: rgba(0,17,68,.22); stroke-width: 1.4; }
.wtree .nd--on { fill: var(--motif-b, #8FD400); stroke: none; }
.wtree .nd--rj { fill: var(--motif-a-soft, #ECE4FB); stroke: var(--motif-a, #6D4AFF); }
.wtree text { font: 600 9.5px/1 var(--font-sans); fill: var(--buho-navy-950); }
.wtree .tx--muted { fill: var(--color-text-muted); font-weight: 500; }
.wtree .ping { fill: var(--motif-b, #8FD400); animation: rippleOut 2.6s ease-out infinite; transform-box: fill-box; transform-origin: center; }
@media (prefers-reduced-motion: reduce) {
  .wsms > span, .wgota span { animation: none; opacity: 1; position: static; }
  .wsms > span:nth-child(2) { display: none; }
  .wtree .ping { animation: none; opacity: 0; }
  .bento--waya .wb-fila--aviso .ti { animation: none; }
  .bento--waya > *:hover .wb-ilu img { transform: none; }
}
.wpl__bar { display: flex; justify-content: space-between; align-items: center; gap: 14px 22px; flex-wrap: wrap; margin: 30px 0 18px; }
.wpl__bar > p { margin: 0; font: 500 14px/1.5 var(--font-sans); color: var(--color-text-muted); max-width: 58ch; }
.wpl__bar .curseg button small { font: 500 11px/1 var(--font-sans); opacity: .75; }
.wpl__det { min-height: 1.5em; font: 500 12px/1.5 var(--font-mono); color: var(--color-text-muted); letter-spacing: -.01em; }
.wpl__ctl { display: grid; gap: 11px; padding: 14px 0; border-top: 1px solid rgba(0,17,68,.08); border-bottom: 1px solid rgba(0,17,68,.08); }
.wpl__step { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 10px; }
.wpl__step > span { font: 600 13.5px/1.3 var(--font-sans); }
.wpl__step > span small { display: block; font: 400 11.5px/1.3 var(--font-sans); color: var(--color-text-muted); }
.wpl__c { display: inline-grid; grid-template-columns: 34px 46px 34px; align-items: center; border: 1px solid rgba(0,17,68,.16); border-radius: 999px; overflow: hidden; background: #fff; }
.wpl__c button { appearance: none; border: 0; background: none; height: 34px; padding: 0; font: 600 19px/1 var(--font-mono); color: var(--buho-navy-950); cursor: pointer; transition: background 140ms; }
.wpl__c button:hover { background: var(--motif-b-soft, var(--buho-blue-100)); }
.wpl__c button:focus-visible { outline: 2px solid var(--motif-a-ink); outline-offset: -2px; }
.wpl__c button:disabled { color: rgba(0,17,68,.25); cursor: default; background: none; }
.wpl__c output { text-align: center; font: 600 15px/1 var(--font-mono); font-variant-numeric: tabular-nums; }
.wpl__sw { display: flex; align-items: center; gap: 10px; font: 500 13.5px/1.3 var(--font-sans); cursor: pointer; min-width: 0; }
.wpl__sw input { appearance: none; -webkit-appearance: none; width: 38px; height: 22px; margin: 0; border-radius: 999px; background: rgba(0,17,68,.18); position: relative; flex-shrink: 0; cursor: pointer; transition: background .2s; }
.wpl__sw input::after { content: ""; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; box-shadow: 0 1px 3px rgba(0,17,68,.35); transition: transform .2s var(--ease-out); }
.wpl__sw input:checked { background: var(--motif-a-ink, var(--buho-blue-600)); }
.wpl__sw input:checked::after { transform: translateX(16px); }
.wpl__sw input:focus-visible { outline: 2px solid var(--motif-a-ink); outline-offset: 2px; }
.wpl__sw > span { flex: 1 1 auto; }
.wpl__sw b { flex-shrink: 0; }
.wpl__sw > span small { display: block; font: 400 11.5px/1.3 var(--font-sans); color: var(--color-text-muted); }
.wpl__sw b { margin-left: auto; font: 600 12.5px/1 var(--font-mono); color: var(--color-text-muted); white-space: nowrap; }
.wpl__sw--inc { cursor: default; }
.wpl__sw--inc .ti { width: 38px; text-align: center; font-size: 19px; color: var(--motif-b-ink, var(--buho-blue-600)); flex-shrink: 0; }
.wpl__sw--inc b { color: var(--motif-b-ink, var(--buho-blue-600)); }
.wpl__unico { font: 500 12px/1.5 var(--font-mono); color: var(--color-text-muted); }
.wpl__hint { display: grid; gap: 9px; padding: 12px 14px; border-radius: 14px; background: var(--motif-a-soft, var(--buho-blue-100)); font: 500 13px/1.5 var(--font-sans); color: var(--color-text); }
.wpl__hint b { color: var(--motif-a-ink, var(--buho-blue-600)); }
.wpl__hint button { justify-self: start; appearance: none; border: 0; background: var(--buho-navy-950); color: #fff; border-radius: 999px; padding: 8px 13px; font: 700 12px/1 var(--font-sans); cursor: pointer; }
.wpl__hint button:hover { background: var(--motif-a-ink, var(--buho-blue-600)); }
.wpl__hint[hidden], .wpl__unico[hidden] { display: none; }
.plan.wpl--hi { box-shadow: 0 0 0 3px var(--motif-a, var(--buho-blue-600)), 0 24px 50px rgba(0,17,68,.14); }
.plan--hot .wpl__sw input:checked { background: var(--act-ink, var(--motif-a-ink)); }
@media (prefers-reduced-motion: reduce) { .wpl__sw input, .wpl__sw input::after { transition: none; } }
.ptoggle a { display: inline-flex; align-items: center; gap: 8px; padding: 9px 18px; border-radius: 999px;
  font: 600 13.5px/1 var(--font-sans); color: var(--color-text-muted); text-decoration: none;
  transition: background var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out); }
.ptoggle a:hover { color: var(--buho-navy-950); }
.ptoggle a.on { background: var(--buho-navy-950); color: #fff; }
.ptoggle a.on .flagpe, .ptoggle a.on .flagco { box-shadow: 0 0 0 1px rgba(255,255,255,.5); }
.h1-busca {
  display: block;
  font: 700 11px/1.3 var(--font-mono);
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--color-text-muted);
  margin: 0 0 14px;
}
.on-dark .h1-busca, .aurora-dark .h1-busca, .sec--navy .h1-busca { color: rgba(255,255,255,.66); }
.phero h1 .h1-busca + * { margin-top: 0; }
.tgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
@media (max-width: 1040px) { .tgrid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px)  { .tgrid { grid-template-columns: 1fr; } }
.tficha {
  display: flex; flex-direction: column; gap: 14px;
  background: #fff; border: 1px solid rgba(0,17,68,.08); border-radius: 18px; padding: 22px;
  transition: box-shadow .24s var(--ease-out), transform .24s var(--ease-out);
}
.tficha:hover { box-shadow: 0 26px 54px rgba(0,17,68,.11); transform: translateY(-3px); }
.tficha__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.tficha__cod { font-size: 15px; font-weight: 600; letter-spacing: .02em; color: var(--color-text); }
.tficha__disp {
  font: 600 11px/1 var(--font-sans); letter-spacing: .04em; text-transform: uppercase;
  padding: 6px 10px; border-radius: 999px;
  background: var(--color-success-bg, rgba(15,157,88,.1)); color: #08794B; white-space: nowrap;
}
.tficha__res { margin: 0; font-size: 14px; line-height: 1.55; color: var(--color-text-muted); }
.tficha__stack { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.tficha__stack li { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 13.5px; font-weight: 600; }
.tdots { display: inline-flex; gap: 4px; flex-shrink: 0; }
.tdots i { width: 7px; height: 7px; border-radius: 999px; background: rgba(0,17,68,.14); }
.tdots i.on { background: linear-gradient(135deg, var(--motif-a), var(--motif-b)); }
.tficha__dat {
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px;
  margin-top: auto; padding-top: 14px; border-top: 1px solid rgba(0,17,68,.08);
}
.tficha__dat .k { display: block; font: 600 17px/1 var(--font-mono); letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.tficha__dat .v { display: block; margin-top: 5px; font-size: 10.5px; line-height: 1.25; color: var(--color-text-muted); }
.tficha__aviso {
  display: flex; gap: 8px; align-items: center; margin: 0 0 18px; padding: 11px 14px;
  border-radius: 12px; background: rgba(255,0,111,.07); color: var(--color-text);
  font-size: 13px; font-weight: 600;
}
.tficha__aviso i { font-size: 17px; color: var(--buho-pink-600, #CC0056); }
.phero__vis .tficha { box-shadow: 0 30px 70px rgba(0,17,68,.12); }
.phero__vis .tficha:hover { transform: none; }
.steps--4 { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1040px) { .steps--4 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 620px)  { .steps--4 { grid-template-columns: 1fr; } }
.legales { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 22px;
           margin-top: 28px; padding-top: 22px; font-size: 13.5px;
           border-top: 1px solid rgba(255,255,255,.12); }
.legales a { color: rgba(255,255,255,.62); text-decoration: none; }
.legales a:hover { color: #fff; }
.legales__libro { display: inline-flex; align-items: center; gap: 8px;
                  padding: 7px 14px; border-radius: 999px;
                  border: 1px solid rgba(255,255,255,.2); font-weight: 600; }
.legales__libro:hover { border-color: rgba(255,255,255,.42); }
.legales__libro i { font-size: 15px; }
.sec:not(.sec--navy):not(.aurora-dark) .legales { border-top-color: rgba(0,17,68,.1); }
.sec:not(.sec--navy):not(.aurora-dark) .legales a { color: var(--color-text-muted); }
.sec:not(.sec--navy):not(.aurora-dark) .legales a:hover { color: var(--buho-navy-950); }
.sec:not(.sec--navy):not(.aurora-dark) .legales__libro { border-color: rgba(0,17,68,.16); }
.aurora--lisa::before { display: none; }
:is(main.brand, .snav, .sfoot) .ico:not(:has(img, .logo-marca, .brandimg)) {
  width: auto; height: 28px; min-width: 24px; border-radius: 0;
  background: none; box-shadow: none; font-size: 24px;
}
:is(main.brand, .snav, .sfoot) .ico--sm:not(:has(img, .logo-marca, .brandimg)) { height: 24px; font-size: 20px; }
:is(main.brand, .snav, .sfoot) .ico--xs:not(:has(img, .logo-marca, .brandimg)) { height: 20px; font-size: 18px; }
:is(main.brand, .snav, .sfoot) .ico:has(img, .logo-marca, .brandimg) { background: none; box-shadow: none; }
main.brand :is(.sec--navy, .dark, .on-dark, .closer, .fork--dark > a, .razon--navy, .plan--dark, .uicard--dark, .mock--dark, .bento .accent, .bento--waya .dark, .aurora-dark) .ico:has(img, .logo-marca, .brandimg) {
  width: 44px; height: 44px; border-radius: 12px;
  background: rgba(255,255,255,.14); box-shadow: inset 0 0 0 1px rgba(255,255,255,.18);
}
main :is(.bento > *, .explore > *, .fcell, [style*="flex-direction:column"]):not([style*="align-items"]) > .ico { align-self: flex-start; }
main.brand :is(.sec--navy, .closer, .on-dark, .bento .dark, .bento .accent) .ico.ico--canal:not(:has(img, .logo-marca, .brandimg)) {
  background: none; box-shadow: none;
}
main.brand .bento .accent .ico.ico--canal .ti { color: #fff; }
.vmap__cab { display: grid; grid-template-columns: 1.05fr .95fr; gap: 18px 56px; align-items: end; }
.vmap__cab .lbl { grid-column: 1 / -1; }
.vmap__cab h2 { margin: 0; font-size: clamp(30px, 3.4vw, 44px); font-weight: 800; letter-spacing: -.025em; line-height: 1.06; max-width: 19ch; }
.vmap__cab p { margin: 0; font-size: 16px; line-height: 1.62; max-width: 52ch; }
.vmap { position: relative; margin-top: 40px; }
.vmap__marco { position: relative; overflow: hidden; aspect-ratio: 900 / 440.71; border-radius: 20px; }
.vmap__lienzo { position: absolute; left: 0; top: 0; width: 100%; aspect-ratio: 900 / 440.71; }
.vmap__tierra { position: absolute; inset: 0; width: 100%; height: 100%; display: block; pointer-events: none; user-select: none; }
.vmap__rutas { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.vmap__ruta { fill: none; stroke: var(--buho-pink-300); stroke-width: 1.3; stroke-dasharray: 3 5; stroke-linecap: round;
  opacity: 0; vector-effect: non-scaling-stroke; transition: opacity .45s var(--ease-out); }
.vmap__ruta.is-on { stroke: var(--buho-pink-300); opacity: .95; animation: vmapFluye 1.1s linear infinite; }
@keyframes vmapFluye { to { stroke-dashoffset: -16; } }
.vmap__viajero { fill: #fff; opacity: 0; offset-rotate: 0deg; }
.vmap__viajero.is-on { animation: travelPath 2.6s cubic-bezier(.5,0,.5,1) infinite; }
.vmap__dc, .vmap__soporte { position: absolute; left: var(--x); top: var(--y); width: 0; height: 0; z-index: 2; }
.vmap__dc { cursor: pointer; }
.vmap__dc::after { content: ""; position: absolute; left: -20px; top: -20px; width: 40px; height: 40px; border-radius: 50%; }
.vmap__nucleo { position: absolute; left: -5px; top: -5px; width: 10px; height: 10px; border-radius: 50%; background: #fff;
  box-shadow: 0 0 0 3px var(--buho-pink-600), 0 0 18px 5px rgba(255, 0, 111, .5); transition: transform .35s var(--ease-out); }
.vmap__dc.is-on .vmap__nucleo { transform: scale(1.3); }
.vmap__soporte .vmap__nucleo { left: -4px; top: -4px; width: 8px; height: 8px; background: var(--buho-blue-300);
  box-shadow: 0 0 0 3px rgba(159, 176, 236, .28), 0 0 14px 3px rgba(109, 135, 225, .45); }
.vmap__onda { position: absolute; left: -32px; top: -32px; width: 64px; height: 64px; border-radius: 50%;
  border: 1.5px solid var(--buho-pink-400); opacity: 0; transform: scale(.18);
  animation: vmapOnda 3.6s cubic-bezier(.2,.6,.3,1) infinite; animation-delay: var(--d, 0s); }
.vmap__onda + .vmap__onda { animation-delay: calc(var(--d, 0s) + 1.2s); }
.vmap__onda + .vmap__onda + .vmap__onda { animation-delay: calc(var(--d, 0s) + 2.4s); }
@keyframes vmapOnda { 0% { transform: scale(.18); opacity: .95; } 70% { opacity: .16; } 100% { transform: scale(1.5); opacity: 0; } }
.vmap__rotulo { position: absolute; top: -13px; left: 17px; white-space: nowrap;
  font: 600 12.5px/1 var(--font-sans); color: #fff; padding: 6px 10px; border-radius: 999px;
  background: rgba(0, 17, 68, .84); border: 1px solid rgba(255, 255, 255, .16);
  transition: background .3s var(--ease-out), color .3s var(--ease-out), border-color .3s var(--ease-out); }
.vmap__rotulo--izq { left: auto; right: 17px; }
.vmap__rotulo--abajo { top: 15px; left: 50%; transform: translateX(-50%); }
.vmap__dc.is-on .vmap__rotulo { background: #fff; color: var(--buho-navy-950); border-color: var(--buho-pink-400); }
.vmap__soporte .vmap__rotulo { color: rgba(255, 255, 255, .86); border-style: dashed; }
.vmap__pie { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px 20px; flex-wrap: wrap;
  margin-top: 20px; }
.vmap__grupos { display: flex; flex-wrap: wrap; gap: 14px 28px; }
.vmap__grupo { display: grid; gap: 8px; align-content: start; }
.vmap__gt { font: 700 10.5px/1 var(--font-mono); letter-spacing: .12em; text-transform: uppercase; color: rgba(255, 255, 255, .6); }
.vmap__leyenda { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.vmap__leyenda button, .vmap__leyenda-sop { display: inline-flex; align-items: baseline; gap: 8px; padding: 10px 15px;
  border-radius: 999px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(255, 255, 255, .04);
  color: #fff; font: 600 13.5px/1 var(--font-sans); }
.vmap__leyenda button { appearance: none; cursor: pointer; transition: border-color .3s var(--ease-out), background .3s var(--ease-out); }
.vmap__leyenda button:hover { border-color: rgba(255, 255, 255, .34); }
.vmap__leyenda button.is-on, .vmap__leyenda button[aria-pressed="true"] { border-color: var(--buho-pink-400); background: rgba(255, 255, 255, .1); }
.vmap__leyenda button:focus-visible, .vmap__pausa:focus-visible { outline: 2px solid var(--buho-pink-300); outline-offset: 2px; }
.vmap__leyenda i { width: 8px; height: 8px; border-radius: 50%; align-self: center; background: var(--buho-pink-600);
  box-shadow: 0 0 10px 2px rgba(255, 0, 111, .45); }
.vmap__leyenda span { font-size: 12.5px; font-weight: 500; color: rgba(255, 255, 255, .64); }
.vmap__leyenda-sop { border-style: dashed; }
.vmap__leyenda-sop i { background: var(--buho-blue-300); box-shadow: 0 0 10px 2px rgba(109, 135, 225, .45); }
.vmap__pausa { position: absolute; right: 14px; bottom: 14px; z-index: 3; appearance: none; cursor: pointer;
  display: inline-flex; align-items: center; gap: 8px; padding: 9px 14px;
  border-radius: 999px; border: 1px solid rgba(255, 255, 255, .16); background: rgba(0, 17, 68, .72);
  color: rgba(255, 255, 255, .8); font: 600 12.5px/1 var(--font-sans); }
.vmap__pausa i { font-size: 15px; }
.vmap__pausa:hover { color: #fff; border-color: rgba(255, 255, 255, .34); }
.vmap--quieto :is(.vmap__onda, .vmap__ruta, .vmap__viajero) { animation-play-state: paused; }
.vred { list-style: none; margin: 30px 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.vred li { padding: 20px 22px; border-radius: 18px; background: rgba(255, 255, 255, .04); border: 1px solid rgba(255, 255, 255, .09); }
.vred i { font-size: 22px; color: var(--motif-b-light, var(--buho-blue-300)); }
.vred b { display: block; margin: 12px 0 6px; font-size: 15.5px; color: #fff; letter-spacing: -.01em; }
.vred span { display: block; font-size: 14px; line-height: 1.55; color: rgba(255, 255, 255, .7); }
.vred__nota { margin: 14px 0 0; font-size: 13px; color: rgba(255, 255, 255, .56) !important; }
@media (max-width: 980px) {
  .vmap__cab { grid-template-columns: 1fr; }
  .vred { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
  .vmap__marco { aspect-ratio: 450 / 300; border-radius: 16px; }
  .vmap__lienzo { width: calc(100% * 900 / 450); transform: translate(calc(-100% * 70 / 900), calc(-100% * 85 / 440.71)); }
  .vmap__rotulo { font-size: 11px; padding: 4px 7px; }
  .vmap__dc[data-dc="los-angeles"] .vmap__rotulo { top: auto; bottom: 14px; right: auto; left: 50%; transform: translateX(-50%); }
  .vmap__dc[data-dc="alemania"] .vmap__rotulo { top: 14px; left: 50%; transform: translateX(-50%); }
  .vmap__dc[data-dc="finlandia"] .vmap__rotulo { left: auto; right: 15px; }
  .vmap__onda { left: -24px; top: -24px; width: 48px; height: 48px; }
  .vmap__pie { align-items: flex-start; }
  .vmap__pausa { right: 8px; bottom: 8px; padding: 7px 10px; font-size: 11.5px; }
}
.vdim__izq { display: grid; gap: 16px; align-content: start; min-width: 0; }
.vspec { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; background: #fff;
  border: 1px solid rgba(0, 17, 68, .08); border-radius: 20px; overflow: hidden; box-shadow: 0 18px 44px rgba(0, 17, 68, .08); }
.vspec li { display: grid; gap: 4px; align-content: start; padding: 22px 22px 20px; }
.vspec li:nth-child(odd) { border-right: 1px solid rgba(0, 17, 68, .07); }
.vspec li:nth-child(-n+2) { border-bottom: 1px solid rgba(0, 17, 68, .07); }
.vspec i { font-size: 26px; line-height: 1; color: var(--motif-a-ink, var(--buho-pink-700)); }
.vspec li:nth-child(2) i, .vspec li:nth-child(3) i { color: var(--motif-b-ink, var(--buho-blue-600)); }
.vspec b { margin-top: 10px; font-size: 18px; font-weight: 800; letter-spacing: -.015em; color: var(--buho-navy-950); }
.vspec span { font-size: 13.5px; line-height: 1.5; color: var(--color-text-muted); }
@media (max-width: 520px) {
  .vspec li { padding: 18px 16px 16px; }
  .vspec b { font-size: 16px; }
}
.vterm { margin: 0; min-width: 0; align-self: center; background: var(--buho-navy-950); color: #fff; border-radius: 20px;
  overflow: hidden; box-shadow: 0 26px 60px rgba(0, 17, 68, .2); }
.vterm__barra { display: flex; align-items: center; gap: 6px; padding: 12px 16px; border-bottom: 1px solid rgba(255, 255, 255, .08); }
.vterm__barra i { width: 9px; height: 9px; border-radius: 50%; background: rgba(255, 255, 255, .2); }
.vterm__barra span { margin-left: 8px; font: 500 11px/1 var(--font-mono); color: rgba(255, 255, 255, .62); }
.vterm__cuerpo { margin: 0; padding: 18px 18px 8px; overflow-x: auto; font: 400 12.5px/1.8 var(--font-mono); color: rgba(255, 255, 255, .9); }
.vterm__cuerpo code { font: inherit; }
.vterm__p { color: var(--buho-blue-300); }
.vterm__o { color: rgba(255, 255, 255, .74); }
.vterm__c { color: rgba(255, 255, 255, .56); }
.vterm__r { color: var(--buho-pink-300); font-weight: 600; }
.vterm mark { background: rgba(109, 135, 225, .3); color: #fff; border-radius: 4px; padding: 1px 3px; }
.vterm figcaption { padding: 6px 18px 16px; font-size: 12.5px; color: rgba(255, 255, 255, .56); }
.vterm.sec-anim:not(.is-in) .vterm__l { opacity: 0; }
.vterm.sec-anim.is-in .vterm__l { animation: vtermLinea .5s var(--ease-out) both; animation-delay: calc(var(--i, 0) * 360ms + 250ms); }
@keyframes vtermLinea { from { opacity: 0; } to { opacity: 1; } }
.vpanel { background: #fff; border: 1px solid rgba(0, 17, 68, .08); border-radius: 20px; overflow: hidden;
  box-shadow: 0 22px 50px rgba(0, 17, 68, .1); }
.vpanel__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px;
  border-bottom: 1px solid rgba(0, 17, 68, .07); }
.vpanel__host { font: 600 14px/1.2 var(--font-mono); color: var(--buho-navy-950); }
.vpanel__estado { display: inline-flex; align-items: center; gap: 8px; font: 700 12.5px/1 var(--font-sans); color: var(--color-success-ink); }
.vpanel__estado i { width: 8px; height: 8px; border-radius: 50%; background: var(--color-success); box-shadow: 0 0 0 3px var(--color-success-bg); }
.vpanel__estado[data-vpanel-estado="off"] { color: var(--gray-600); }
.vpanel__estado[data-vpanel-estado="off"] i { background: var(--gray-400); box-shadow: 0 0 0 3px var(--gray-150); }
.vpanel__estado[data-vpanel-estado="busy"] { color: var(--color-warning-ink); }
.vpanel__estado[data-vpanel-estado="busy"] i { background: var(--color-warning); box-shadow: 0 0 0 3px var(--color-warning-bg); animation: migPulse 1.1s ease-in-out infinite; }
.vpanel__datos { margin: 0; padding: 6px 20px; transition: opacity .3s var(--ease-out); }
.vpanel__datos > div { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding: 11px 0;
  border-bottom: 1px solid rgba(0, 17, 68, .05); }
.vpanel__datos > div:last-child { border-bottom: 0; }
.vpanel__datos dt { font-size: 13px; color: var(--color-text-muted); }
.vpanel__datos dd { margin: 0; font-size: 13.5px; font-weight: 600; text-align: right; }
.vpanel.is-apagado .vpanel__datos { opacity: .55; }
.vpanel__acts { display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 20px 4px; }
.vpanel__acts .btn[disabled] { opacity: .5; cursor: progress; }
.vpanel__confirma { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; width: 100%; }
.vpanel__confirma p { flex: 1 1 100%; margin: 0 0 2px !important; font-size: 13.5px !important; line-height: 1.5; color: var(--buho-navy-950) !important; }
.vpanel__aviso { margin: 0 !important; padding: 8px 20px 16px; font-size: 12.5px !important; color: var(--color-text-muted) !important; }
.vlog { background: #fff; border: 1px solid rgba(0, 17, 68, .08); border-radius: 20px; overflow: hidden; }
.vlog__top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 20px;
  border-bottom: 1px solid rgba(0, 17, 68, .07); }
.vlog__lb { font: 700 10.5px/1 var(--font-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--color-text-muted); }
.vlog__vivo { display: inline-flex; align-items: center; gap: 7px; font: 700 12px/1 var(--font-sans); color: var(--color-success-ink); }
.vlog__vivo i { width: 7px; height: 7px; border-radius: 50%; background: var(--color-success); }
.vlog.is-corriendo .vlog__vivo { color: var(--buho-blue-600); }
.vlog.is-corriendo .vlog__vivo i { background: var(--buho-blue-600); animation: migPulse 1.3s ease-in-out infinite; }
.vlog__pasos { list-style: none; margin: 0; padding: 8px 20px; }
.vlog__pasos li { display: grid; grid-template-columns: 20px 1fr auto; align-items: center; gap: 12px; padding: 10px 0;
  border-bottom: 1px solid rgba(0, 17, 68, .05); font-size: 13.5px; transition: opacity .35s var(--ease-out); }
.vlog__pasos li:last-child { border-bottom: 0; }
.vlog__pasos li b { font-size: 12.5px; font-weight: 600; color: var(--color-text-muted); white-space: nowrap;
  border-radius: 6px; transition: color .35s var(--ease-out); }
.vlog__pasos li:not(.is-hecho):not(.is-activo) { opacity: .5; }
.vlog.vlog--anim .vlog__pasos li:not(.is-hecho) b { color: transparent;
  background: linear-gradient(90deg, rgba(0, 17, 68, .06) 30%, rgba(0, 17, 68, .13) 50%, rgba(0, 17, 68, .06) 70%) 0 0 / 220% 100%; }
.vlog.vlog--anim .vlog__pasos li.is-activo b { animation: vlogBrillo 1.1s linear infinite; }
@keyframes vlogBrillo { from { background-position: 100% 0; } to { background-position: -120% 0; } }
.vlog__ic { position: relative; width: 18px; height: 18px; border-radius: 50%; border: 2px solid rgba(0, 17, 68, .14); box-sizing: border-box; }
.vlog__pasos li.is-hecho .vlog__ic { border-color: var(--color-success); background: var(--color-success); }
.vlog__pasos li.is-hecho .vlog__ic::after { content: ""; position: absolute; left: 4.5px; top: 1.5px; width: 4px; height: 8px;
  border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.vlog__pasos li.is-activo .vlog__ic { border-color: rgba(3, 48, 204, .16); border-top-color: var(--buho-blue-600); animation: arcoGira .8s linear infinite; }
.vlog__barra { height: 3px; margin: 2px 20px 0; border-radius: 3px; background: rgba(0, 17, 68, .06); overflow: hidden; }
.vlog__barra span { display: block; height: 100%; width: var(--avance, 100%); border-radius: inherit;
  background: linear-gradient(90deg, var(--buho-pink-600), var(--buho-blue-600)); transition: width .6s var(--ease-out); }
.vlog__ssh { margin: 14px 20px 18px; padding: 11px 14px; border-radius: 12px; background: var(--buho-navy-950); color: #fff;
  font: 500 13px/1.3 var(--font-mono); transition: opacity .45s var(--ease-out), transform .45s var(--ease-out); }
.vlog__ssh span { color: var(--buho-blue-300); margin-right: 6px; }
.vlog.vlog--anim:not(.is-listo) .vlog__ssh { opacity: 0; transform: translateY(6px); }
.duo.duo--bajo { padding-top: 40%; }
@media (max-width: 980px) { .duo.duo--bajo { padding-top: 0; } }
.vso .vso__sel { background: var(--buho-blue-50); box-shadow: inset 0 0 0 1px var(--buho-blue-200); }
.vso .vso__sel .r { display: inline-flex; align-items: center; gap: 6px; }
.vso .vso__sel .r i { font-size: 16px; color: var(--color-success-ink); }
.vso .mock__row .tchip.mk { color: var(--color-text); }
.vplanes__ctl { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 16px; margin-top: 26px; }
.vplanes__ctl .ptoggle button small { margin-left: 4px; font: 600 11px/1 var(--font-sans); opacity: .78; }
.ladder--vps td.vesp { display: none; }
.ladder--vps .nm .rec { margin: 0 0 0 8px; }
@media (max-width: 720px) {
  .ladder--vps td.num { display: none; }
  .ladder--vps td.vesp { display: block; }
  .ladder--vps .nm .rec { display: block; margin: 4px 0 0; }
}
@media (prefers-reduced-motion: reduce) {
  .vmap__onda, .vmap__ruta, .vmap__viajero, .vlog__pasos li .vlog__ic, .vlog__vivo i, .vpanel__estado i, .vlog__pasos li b { animation: none !important; }
  .vmap__onda { opacity: .38; transform: scale(.62); }
  .vmap__onda + .vmap__onda { display: none; }
  .vmap__pausa { display: none; }
  .vterm .vterm__l { animation: none !important; opacity: 1 !important; }
  .vlog__barra span, .vlog__ssh, .vpanel__datos { transition: none; }
}
@media (max-width: 575px) {
  body .cookie-bar .cookie-bar__icon { display: none; }
  body .cookie-bar .cookie-bar__desc { font-size: 13px; line-height: 1.45; }
}
[data-compra]:not([data-modo="tengo"]) .solo-tengo,
[data-compra][data-modo="tengo"] .solo-nuevo,
[data-ciclo-activo="6m"] [data-solo-ciclo="12m"],
[data-ciclo-activo="12m"] [data-solo-ciclo="6m"] { display: none !important; }
.compra { max-width: 880px; margin: 0 auto; }
.compra-modo, .compra-ciclo {
  display: inline-grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 2px;
  padding: 4px; border-radius: 999px; background: #fff; border: 1px solid var(--borde-suave, rgba(0,17,68,.07));
}
.compra-modo { display: grid; width: max-content; max-width: 100%; margin: 0 auto 8px; }
.compra-ciclo { display: grid; width: 100%; background: var(--buho-cream); border-color: transparent; }
.compra-modo button, .compra-ciclo button {
  appearance: none; border: 0; cursor: pointer; background: transparent; min-height: 44px;
  padding: 0 20px; border-radius: 999px !important; font: 600 14px/1.15 var(--font-sans);
  color: var(--color-text-muted); transition: background-color var(--dur-base) var(--ease-out), color var(--dur-base) var(--ease-out);
}
.compra-ciclo button { font-size: 13.5px; padding: 0 14px; }
.compra-modo button[aria-pressed="true"], .compra-ciclo button[aria-pressed="true"] { background: var(--buho-navy-950); color: #fff; }
.compra-modo button:focus-visible, .compra-ciclo button:focus-visible,
.compra-planes .btn:focus-visible, .compra-aviso > .btn:focus-visible {
  box-shadow: none; outline: 2px solid var(--foco, #00796B) !important; outline-offset: 3px;
}
.compra-paso {
  display: flex; align-items: center; gap: 10px; margin: 30px 0 12px;
  font: 600 14px/1.3 var(--font-sans); color: var(--buho-navy-950);
}
.compra-paso__n {
  width: 26px; height: 26px; border-radius: 999px; display: grid; place-items: center; flex-shrink: 0;
  font: 600 12.5px/1 var(--font-mono); color: var(--act-ink, #00796B);
  border: 1px solid color-mix(in srgb, var(--act, #00BFA5) 55%, transparent); background: #fff;
}
.compra-lic {
  background: #fff; border: 1px solid var(--borde-suave, rgba(0,17,68,.07));
  border-radius: var(--brand-card-radius, 28px); box-shadow: var(--sombra-1, none);
  display: grid; grid-template-columns: minmax(0, 1fr); overflow: hidden;
}
.compra-lic__cab { padding: 26px 28px 22px; background: var(--int-50, #EEF4F3); }
.compra-lic__nombre { margin: 0; font-size: 19px; font-weight: 600; letter-spacing: -0.015em; line-height: 1.25; color: var(--buho-navy-950); }
.compra-lic__precio { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
.compra-lic__precio .n {
  font-family: var(--font-mono); font-size: 34px; font-weight: 600; letter-spacing: -0.035em;
  color: var(--buho-navy-950); white-space: nowrap;
}
.compra-lic__precio .u {
  font: 600 12px/1 var(--font-sans); padding: 6px 11px; border-radius: 999px; white-space: nowrap;
  color: var(--act-ink, #00796B); background: #fff; border: 1px solid color-mix(in srgb, var(--act, #00BFA5) 45%, transparent);
}
.compra-lic__tengo { margin: 12px 0 0; display: flex; gap: 8px; align-items: center; font-size: 14px; font-weight: 600; color: var(--act-ink, #00796B); }
.compra-lic__tengo i { font-size: 18px; }
.compra-lic__lista { list-style: none; margin: 0; padding: 22px 28px; display: flex; flex-direction: column; gap: 10px; }
.compra-lic__lista li { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; line-height: 1.5; }
.compra-lic__lista li i { font-size: 17px; color: var(--act-ink, #00796B); flex-shrink: 0; margin-top: 1px; }
.compra-lic__incluye {
  grid-column: 1 / -1; margin: 0; padding: 14px 28px 18px; border-top: 1px dashed var(--borde, rgba(0,17,68,.12));
  display: flex; flex-wrap: wrap; gap: 6px 8px; align-items: center; font-size: 12.5px; color: var(--color-text);
}
.compra-lic__incluye span:not(.compra-lic__rot) { padding: 5px 11px; border-radius: 999px; background: var(--buho-cream); }
.compra-lic__rot { font-weight: 600; color: var(--color-text-muted); margin-right: 2px; }
@media (min-width: 760px) {
  .compra-lic { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
  .compra-lic__cab { padding: 28px; border-right: 1px dashed var(--borde, rgba(0,17,68,.12)); }
  .compra-lic__lista { padding: 28px; justify-content: center; }
}
[data-compra][data-modo="tengo"] .compra-lic { background: transparent; box-shadow: none; border-style: dashed; border-color: var(--borde, rgba(0,17,68,.12)); grid-template-columns: minmax(0, 1fr); }
[data-compra][data-modo="tengo"] .compra-lic__cab { background: transparent; border-right: 0; padding-block: 22px; }
[data-compra][data-modo="tengo"] .compra-lic__precio,
[data-compra][data-modo="tengo"] .compra-lic__lista,
[data-compra][data-modo="tengo"] .compra-lic__incluye { display: none; }
.compra-planes { align-items: stretch; }
.compra-planes .plan { gap: 18px; }
.compra-planes .plan__price .n { white-space: nowrap; }
.compra-total { margin: 8px 0 0; font-size: 13px; line-height: 1.45; color: var(--color-text-muted); }
.compra-total [data-compra-total] { font-family: var(--font-mono); font-weight: 600; color: var(--buho-navy-950); white-space: nowrap; }
.compra-planes .btn[aria-busy="true"] { opacity: .7; cursor: progress; }
.compra-mas { margin: -6px 0 0; font-size: 13px; line-height: 1.5; color: var(--color-text-muted); }
.compra-renueva { display: grid; gap: 28px; align-items: start; }
.compra-renueva__txt h2 {
  margin: 0 0 18px; font-size: clamp(30px, 3.3vw, 42px); font-weight: 800;
  letter-spacing: -0.025em; line-height: 1.08; max-width: 22ch; text-wrap: balance;
}
@media (max-width: 979px) { [data-compra] .shead h2 { text-wrap: balance; } }
.compra-renueva__txt p { margin: 0 0 12px; font-size: 16px; line-height: 1.6; color: var(--color-text-muted); max-width: 58ch; }
.compra-linea { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.compra-linea li {
  position: relative; padding: 0 0 22px 30px; font-size: 14.5px; line-height: 1.5; color: var(--color-text-muted);
}
.compra-linea li:last-child { padding-bottom: 0; }
.compra-linea li::before {
  content: ""; position: absolute; left: 1px; top: 5px; width: 10px; height: 10px; border-radius: 999px;
  background: var(--act-ink, #00796B);
}
.compra-linea li:not(:last-child)::after {
  content: ""; position: absolute; left: 6px; top: 20px; bottom: 2px; width: 1px; background: var(--borde, rgba(0,17,68,.12));
}
.compra-linea__k { display: block; font-weight: 700; color: var(--buho-navy-950); margin-bottom: 2px; }
@media (min-width: 900px) {
  .compra-renueva { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 56px; }
  .compra-linea { padding-top: 10px; }
}
.compra-aviso {
  display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 14px 18px; align-items: center;
  margin-top: 16px; padding: 22px 24px; background: #fff;
  border: 1px solid var(--borde-suave, rgba(0,17,68,.07)); border-radius: var(--brand-card-radius, 28px);
}
.compra-renueva + .compra-aviso { margin-top: 48px; }
.compra-aviso--destacado { background: var(--int-75, #E6F0EF); border-color: color-mix(in srgb, var(--act, #00BFA5) 35%, transparent); }
.compra-aviso__ico {
  width: 44px; height: 44px; border-radius: var(--r-fila, 14px); display: grid; place-items: center; font-size: 21px;
  background: var(--buho-cream); color: var(--act-ink, #00796B); align-self: start;
}
.compra-aviso--destacado .compra-aviso__ico { background: #fff; }
.compra-aviso__txt h3 { margin: 0; font-size: 18px; font-weight: 600; letter-spacing: -0.015em; line-height: 1.3; color: var(--buho-navy-950); }
.compra-aviso__txt p { margin: 6px 0 0; font-size: 14.5px; line-height: 1.55; color: var(--color-text-muted); max-width: 62ch; }
.compra-aviso > .btn { grid-column: 1 / -1; justify-self: stretch; text-align: center; justify-content: center; }
@media (min-width: 820px) {
  .compra-aviso { grid-template-columns: auto minmax(0, 1fr) auto; padding: 24px 28px; }
  .compra-aviso > .btn { grid-column: auto; justify-self: end; white-space: nowrap; }
}
@media (max-width: 479px) {
  .compra-aviso > .btn { white-space: normal; height: auto; min-height: 48px; padding-block: 12px; line-height: 1.3; text-wrap: balance; }
}
/* marcas.css */
.mk { color: var(--mk, currentColor); }
.mk-wordpress   { --mk: #21759B; --mk-soft: rgba(33,117,155,.11); }
.mk-woocommerce { --mk: #96588A; --mk-soft: rgba(150,88,138,.12); }
.mk-joomla      { --mk: #5091CD; --mk-soft: rgba(80,145,205,.13); }
.mk-drupal      { --mk: #0678BE; --mk-soft: rgba(6,120,190,.11); }
.mk-moodle      { --mk: #F98012; --mk-soft: rgba(249,128,18,.13); }
.mk-prestashop  { --mk: #DF0067; --mk-soft: rgba(223,0,103,.10); }
.mk-magento     { --mk: #EE672F; --mk-soft: rgba(238,103,47,.13); }
.mk-laravel     { --mk: #FF2D20; --mk-soft: rgba(255,45,32,.10); }
.mk-elementor   { --mk: #92003B; --mk-soft: rgba(146,0,59,.10); }
.mk-php         { --mk: #6C74B4; --mk-soft: rgba(108,116,180,.14); }
.mk-mysql       { --mk: #00618A; --mk-soft: rgba(0,97,138,.11); }
.mk-postgresql  { --mk: #336791; --mk-soft: rgba(51,103,145,.11); }
.mk-letsencrypt { --mk: #003A70; --mk-soft: rgba(0,58,112,.10); }
.mk-apache      { --mk: #C7211C; --mk-soft: rgba(199,33,28,.10); }
.mk-cloudflare  { --mk: #F38020; --mk-soft: rgba(243,128,32,.13); }
.mk-cpanel      { --mk: #FF6C2C; --mk-soft: rgba(255,108,44,.13); }
.mk-litespeed   { --mk: #0B6FBA; --mk-soft: rgba(11,111,186,.11); }
.mk-whatsapp    { --mk: #1FA855; --mk-soft: rgba(31,168,85,.12); }
.mk-git         { --mk: #F05032; --mk-soft: rgba(240,80,50,.12); }
.mk-ubuntu      { --mk: #E95420; --mk-soft: rgba(233,84,32,.12); }
.sec--navy .mk-letsencrypt, .phband .mk-letsencrypt,
.closer .mk-letsencrypt { --mk: #7FB2E5; }
.sec--navy .mk-mysql, .phband .mk-mysql { --mk: #79C4E0; }
.sec--navy .mk-wordpress, .phband .mk-wordpress { --mk: #7BB9D4; }
.sec--navy .mk-litespeed, .phband .mk-litespeed { --mk: #6FB6EE; }
.bento .dark .mk-wordpress { --mk: #8CC7E0; }
.bchip {
  --bc: 48px;
  width: var(--bc); height: var(--bc);
  border-radius: calc(var(--bc) * .32);
  display: inline-grid; place-items: center;
  background: var(--mk-soft, rgba(0,17,68,.06));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mk, #001144) 16%, transparent);
  flex-shrink: 0;
  transition: transform var(--dur-base, .2s) var(--ease-out, ease), box-shadow var(--dur-base, .2s) var(--ease-out, ease);
}
.bchip .logo-marca { --lm: calc(var(--bc) * .54); color: var(--mk, var(--buho-navy-950)); }
.bchip .product-logo { --pl: calc(var(--bc) * .58); }
.bchip--lg { --bc: 60px; }
.bchip--sm { --bc: 38px; }
*:hover > .bchip, .bchip:hover { transform: translateY(-2px) rotate(-2deg); }
.sec--navy .bchip, .bento .dark .bchip, .phband .bchip, .closer .bchip {
  background: rgba(255,255,255,.10);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.16);
}
.bento .accent .bchip { background: rgba(255,255,255,.20); box-shadow: inset 0 0 0 1px rgba(255,255,255,.28); }
.bento .accent .bchip .logo-marca { color: #fff; }
.bento .ico.bchip, .explore .ico.bchip { width: var(--bc); height: var(--bc); }
.apps {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
  gap: 12px;
}
.apps__it {
  display: flex; align-items: center; gap: 11px;
  padding: 14px 15px;
  background: #fff;
  border: 1px solid rgba(0,17,68,.07);
  border-radius: 16px;
  text-decoration: none;
  color: inherit;
  transition: transform var(--dur-base, .2s) var(--ease-out, ease), box-shadow var(--dur-base, .2s) var(--ease-out, ease), border-color var(--dur-base, .2s) var(--ease-out, ease);
}
.apps__it:hover {
  transform: translateY(-3px);
  border-color: color-mix(in srgb, var(--mk, #001144) 34%, transparent);
  box-shadow: 0 18px 34px rgba(0,17,68,.10);
}
.apps__it .logo-marca { --lm: 26px; color: var(--mk, var(--buho-navy-950)); }
.apps__it .product-logo { --pl: 26px; }
.apps__it b { font-size: 13.5px; font-weight: 700; letter-spacing: -.01em; line-height: 1.2; }
.apps__it small { display: block; margin-top: 2px; font-size: 11.5px; color: var(--color-text-muted); font-weight: 500; }
.apps__more {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  padding: 14px 15px; border-radius: 16px;
  border: 1px dashed rgba(0,17,68,.18);
  font-size: 13px; font-weight: 700; color: var(--color-text-muted);
  background: transparent;
}
.tchip { display: inline-flex; align-items: center; gap: 7px; white-space: nowrap; }
.tchip .logo-marca { --lm: 18px; color: var(--mk, currentColor); }
.tchip .product-logo { --pl: 18px; }
.tchip--wide .logo-marca { width: 62px; height: 17px; }
.cmp .tchip { font-weight: inherit; }
.bars__lb .tchip { gap: 6px; }
.bars__lb .tchip .logo-marca { --lm: 16px; }
.plan__feats .logo-marca { --lm: 17px; color: var(--mk, var(--buho-blue-600)); flex-shrink: 0; margin-top: 1px; }
.plan__feats .tchip { display: inline-flex; }
.checks .logo-marca { --lm: 17px; color: var(--mk, var(--buho-blue-600)); flex-shrink: 0; margin-top: 2px; }
.guar .logo-marca { --lm: 22px; color: var(--mk, var(--buho-blue-600)); flex-shrink: 0; }
.techrow .logo-marca.mk { color: var(--mk, currentColor); }
.closer__fine .logo-marca { --lm: 16px; color: currentColor; }
.human {
  display: flex; align-items: center; gap: 18px; flex-wrap: wrap;
  padding: 20px 24px;
  background: #fff;
  border: 1px solid rgba(0,17,68,.07);
  border-radius: 22px;
  box-shadow: 0 14px 34px rgba(0,17,68,.06);
}
.human__faces { display: inline-flex; }
.human__faces img {
  width: 46px; height: 46px; border-radius: 50%;
  object-fit: cover; border: 3px solid #fff;
  box-shadow: 0 4px 12px rgba(0,17,68,.14);
}
.human__faces img + img { margin-left: -15px; }
.human__txt { flex: 1 1 220px; min-width: 0; }
.human__txt b { display: block; font-size: 15px; letter-spacing: -.01em; }
.human__txt span { display: block; margin-top: 4px; font-size: 13.5px; line-height: 1.55; color: var(--color-text-muted); }
.human .btn { flex-shrink: 0; }
.sec--navy .human, .phband .human {
  background: rgba(255,255,255,.07);
  border-color: rgba(255,255,255,.14);
  box-shadow: none;
}
.sec--navy .human__txt span, .phband .human__txt span { color: rgba(255,255,255,.72); }
.trustlogos {
  display: flex; flex-wrap: wrap; align-items: center;
  gap: 30px 44px; justify-content: center;
}
.trustlogos > * {
  display: inline-flex; align-items: center; gap: 9px;
  font-size: 13px; font-weight: 700; letter-spacing: -.01em;
  color: var(--color-text-muted);
  filter: grayscale(1); opacity: .62;
  transition: filter var(--dur-base, .2s) var(--ease-out, ease), opacity var(--dur-base, .2s) var(--ease-out, ease);
}
.trustlogos > *:hover { filter: none; opacity: 1; }
.trustlogos .logo-marca { --lm: 26px; color: var(--mk, var(--buho-navy-950)); }
.trustlogos .logo-marca--wide { width: 92px; height: 26px; }
.trustlogos img { height: 26px; width: auto; max-width: 116px; object-fit: contain; }
.trustlogos img.on-ink { filter: brightness(0); opacity: .78; }
@media (max-width: 700px) {
  .apps { grid-template-columns: repeat(auto-fill, minmax(118px, 1fr)); gap: 9px; }
  .apps__it { padding: 12px; gap: 9px; }
  .trustlogos { gap: 22px 28px; }
  .human { padding: 17px 18px; gap: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  .bchip, .apps__it { transition: none; }
  *:hover > .bchip, .bchip:hover { transform: none; }
}
.bchip .ti { font-size: calc(var(--bc) * .46); color: var(--mk, var(--buho-navy-950)); line-height: 1; }
.sec--navy .bchip .ti, .bento .dark .bchip .ti, .phband .bchip .ti { color: #fff; }
.tchip img.on-ink, .apps__it img.on-ink, .plan__feats img.on-ink,
.cmp img.on-ink { filter: brightness(0); opacity: .82; }
.tchip img.on-ink { height: 15px; width: auto; max-width: 84px; }
.apps__it img.on-ink { height: 20px; width: auto; max-width: 96px; }
.tchip .product-logo--cpanel { width: 46px; height: 15px; }
.tchip .product-logo--litespeed { width: 20px; height: 20px; }
.tchip .product-logo--lscache { width: 20px; height: 20px; }
.apps__it .product-logo--woo { width: 44px; height: 26px; }
.bchip .product-logo--cpanel { width: calc(var(--bc) * .62); height: auto; }
.quote footer .tchip {
  margin-left: auto;
  font-size: 11.5px; font-weight: 700;
  color: var(--color-text-muted);
  white-space: nowrap;
}
.quote footer .tchip .logo-marca { --lm: 16px; }
.brand-heading .bchip { --bc: 40px; }
.logo-phpmyadmin { -webkit-mask-image: url("logos-servicios/hosting/phpmyadmin.svg"); mask-image: url("logos-servicios/hosting/phpmyadmin.svg"); }
.logo-roundcube  { -webkit-mask-image: url("logos-servicios/hosting/roundcube.svg");  mask-image: url("logos-servicios/hosting/roundcube.svg"); }
.mk-phpmyadmin { --mk: #6C78AF; --mk-soft: rgba(108,120,175,.13); }
.mk-roundcube  { --mk: #1A93CE; --mk-soft: rgba(26,147,206,.12); }
.bento .ico.bchip,
.explore .ico.bchip,
.explore > button.on .ico.bchip {
  background: var(--mk-soft, rgba(0,17,68,.06));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mk, #001144) 18%, transparent);
  color: var(--mk, var(--buho-navy-950));
}
.explore > button.on .ico.bchip,
.bento .dark .ico.bchip {
  background: rgba(255,255,255,.13);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.20);
}
.explore > button.on .ico.bchip .logo-marca,
.bento .dark .ico.bchip .logo-marca { color: #fff; }
.explore > button.on .ico.bchip img { filter: brightness(0) invert(1); }
.brand-heading .bchip .logo-marca {
  width: calc(var(--bc) * .54);
  height: calc(var(--bc) * .54);
  color: var(--mk, var(--buho-navy-950));
}
.brand-heading .bchip .product-logo--cpanel { width: calc(var(--bc) * .64); height: auto; }
.bars__row { grid-template-columns: 168px 1fr 76px; }
.bars__lb .tchip .logo-marca { --lm: 19px; }
@media (max-width: 900px) { .bars__row { grid-template-columns: 148px 1fr 64px; } }
@media (max-width: 560px) { .bars__row { grid-template-columns: 1fr; } }
.checks .logo-marca { --lm: 20px; }
.plan__feats .logo-marca { --lm: 19px; }
.tchip .logo-marca { --lm: 19px; }
.apps { grid-template-columns: repeat(auto-fill, minmax(158px, 1fr)); }
.apps__it { align-items: center; min-height: 62px; }
.apps__it > span { min-width: 0; }
.apps__it b { overflow-wrap: anywhere; }
.apps__it .logo-marca { --lm: 26px; width: 26px; height: 26px; }
.apps__it .logo-woocommerce { width: 38px; height: 26px; }
.apps__it .logo-mysql, .apps__it .logo-php { width: 34px; height: 26px; }
.logo-marca { --lmb: 1; width: calc(var(--lm, 22px) * var(--lmb)); height: calc(var(--lm, 22px) * var(--lmb)); }
.logo-marca.logo-php         { --lmb: 1.90; }   
.logo-marca.logo-mysql       { --lmb: 1.47; }   
.logo-marca.logo-phpmyadmin  { --lmb: 1.41; }   
.logo-marca.logo-prestashop  { --lmb: 1.09; }
.logo-marca.logo-litespeedwebservericon { --lmb: 1.06; }
.brandimg {
  display: inline-block;
  width: auto; height: var(--bh, 17px);
  object-fit: contain;
  flex: 0 0 auto; vertical-align: middle;
}
.brandimg--ink { filter: brightness(0); opacity: .86; }   
.brandimg--light { filter: brightness(0) invert(1); }      
.specband__track .brandimg { --bh: 20px; }
.tchip .brandimg { --bh: 16px; }
.cmp .tchip .brandimg { --bh: 17px; }
.plan__feats .brandimg, .checks .brandimg { --bh: 15px; margin-top: 2px; }
.bchip .brandimg { --bh: calc(var(--bc) * .42); }
.brand-heading .bchip .brandimg { --bh: calc(var(--bc) * .42); }
.apps__it .brandimg { --bh: 19px; }
.quote footer .tchip .brandimg { --bh: 15px; }
.mock-product .brandimg { --bh: 11px; }
.fpill .brandimg { --bh: 15px; }
.checks .logo-marca, .plan__feats .logo-marca, .closer__fine .logo-marca {
  flex: 0 0 auto;
  -webkit-mask-position: center; mask-position: center;
  margin-top: 1px;
}
.checks li, .plan__feats li { align-items: center; }
.checks .logo-marca, .plan__feats .logo-marca { --lm: 17px; }
.checks .brandimg, .plan__feats .brandimg { margin-top: 0; }
.guar .logo-marca { --lm: 21px; }
.tchip .logo-marca { --lm: 17px; }
.bars__lb .tchip .logo-marca { --lm: 17px; }
.quote footer .tchip .logo-marca { --lm: 16px; }
.apps__it .logo-marca { --lm: 25px; }
.trustlogos .logo-marca { --lm: 24px; }
.bchip .logo-marca { --lm: calc(var(--bc) * .48); }
.brand-heading .bchip .logo-marca { --lm: calc(var(--bc) * .48); }
.explore .ico.bchip .logo-marca, .bento .ico.bchip .logo-marca { --lm: calc(var(--bc) * .48); }
.bars__row { grid-template-columns: 172px 1fr 76px; }
@media (max-width: 900px) { .bars__row { grid-template-columns: 150px 1fr 64px; } }
@media (max-width: 560px) { .bars__row { grid-template-columns: 1fr; } }
.apps { grid-template-columns: repeat(auto-fill, minmax(174px, 1fr)); }
.apps__it { align-items: center; min-height: 64px; }
.apps__it > span { min-width: 0; flex: 1 1 auto; }
.apps__it b { overflow-wrap: normal; }
.apps__it--mark { flex-direction: column; align-items: flex-start; justify-content: center; gap: 7px; }
.apps__it--mark .brandimg { --bh: 20px; }
.apps__it--mark small { display: block; font-size: 11.5px; color: var(--color-text-muted); font-weight: 500; }
.quote footer { flex-wrap: wrap; row-gap: 10px; }
.quote footer .tchip--solo { gap: 0; }
.specband__track .logo-marca { --lm: 21px; }
.specband__track .logo-oficial-img--softaculous { height: 20px; width: auto; max-width: none; }
.tchip img.on-ink { height: 21px; width: auto; max-width: 112px; opacity: .9; }
@media (max-width: 640px) {
  .cmp .tchip { flex-wrap: wrap; gap: 5px; }
  .cmp .tchip .brandimg { --bh: 14px; }
  .cmp .tchip .logo-marca { --lm: 14px; }
  .cmp .tchip img.on-ink { height: 16px; }
  .quote footer .tchip { margin-left: 0; }
  .apps__it--mark .brandimg { --bh: 18px; }
}
.specband__track .logo-oficial-img--softaculous { height: 22px; }
:root { --ico-tile: 26px; --ico-inline: 18px; --chip: 48px; }
.bchip { --bc: var(--chip); border-radius: 15px; }
.bchip--lg, .bchip--sm { --bc: var(--chip); }
.bchip .logo-marca,
.bento .ico.bchip .logo-marca,
.explore .ico.bchip .logo-marca,
.brand-heading .bchip .logo-marca { --lm: var(--ico-tile); }
.bchip .brandimg,
.brand-heading .bchip .brandimg { --bh: calc(var(--ico-tile) * .74); }
.bchip .ti { font-size: calc(var(--ico-tile) * .92); }
.apps__it .logo-marca { --lm: var(--ico-tile); }
.apps__it .brandimg { --bh: calc(var(--ico-tile) * .74); }
.checks .logo-marca, .plan__feats .logo-marca, .tchip .logo-marca,
.closer__fine .logo-marca, .quote footer .tchip .logo-marca,
.bars__lb .tchip .logo-marca { --lm: var(--ico-inline); }
.checks .brandimg, .plan__feats .brandimg, .tchip .brandimg,
.quote footer .tchip .brandimg { --bh: calc(var(--ico-inline) * .82); }
.checks li i.ti, .plan__feats li i.ti { font-size: var(--ico-inline); }
.grid-guar { gap: 14px; }
.guar { gap: 15px; align-items: center; border-radius: 16px; padding: 18px 20px; }
.guar .bchip .ti { color: var(--mk, var(--buho-navy-950)); }
.specband--logos { padding: 22px 0; }
.specband--logos .specband__track { gap: 56px; }
.specband--logos .specband__track > span {
  display: inline-flex; align-items: center;
  height: 30px;
  opacity: .88;
  transition: opacity var(--dur-base, .2s) var(--ease-out, ease);
}
.specband--logos .logo-marca { --lm: 30px; color: #fff; width: calc(var(--lm) * var(--lmb)); height: calc(var(--lm) * var(--lmb)); }
.specband--logos .brandimg { --bh: 26px; }
@media (max-width: 700px) {
  .specband--logos .specband__track { gap: 38px; }
  .specband--logos .specband__track > span { height: 26px; }
  .specband--logos .logo-marca { --lm: 26px; }
  .specband--logos .brandimg { --bh: 22px; }
}
.install {
  margin-top: auto;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 16px;
  overflow: hidden;
}
.install__bar {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 14px;
  background: rgba(0,17,68,.45);
  border-bottom: 1px solid rgba(255,255,255,.08);
}
.install__dots { display: inline-flex; gap: 5px; }
.install__dots i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255,255,255,.22); }
.install__url { font-family: var(--font-mono); font-size: 11px; color: rgba(255,255,255,.55); }
.install__body { padding: 16px; display: flex; flex-direction: column; gap: 14px; }
.install__app { display: flex; align-items: center; gap: 13px; }
.install__logo {
  width: 42px; height: 42px; border-radius: 13px;
  display: grid; place-items: center;
  background: rgba(255,255,255,.12);
  flex-shrink: 0;
}
.install__logo .logo-marca { --lm: var(--ico-tile); color: #fff; }
.install__meta { flex: 1 1 auto; min-width: 0; }
.install__meta b { display: block; font-size: 15px; font-weight: 800; letter-spacing: -.01em; color: #fff; }
.install__meta small { display: block; margin-top: 2px; font-size: 11.5px; color: rgba(255,255,255,.55); }
.install__btn {
  flex-shrink: 0;
  background: var(--motif-a, var(--buho-pink-600));
  color: #fff;
  font-size: 12.5px; font-weight: 700;
  padding: 9px 16px; border-radius: 999px;
}
.install__steps { display: flex; flex-direction: column; gap: 7px; }
.install__steps span {
  display: flex; align-items: center; gap: 8px;
  font-size: 12.5px; color: rgba(255,255,255,.72);
}
.install__steps .ti { font-size: 15px; color: #34D399; }
.install__done {
  display: flex; align-items: baseline; gap: 10px;
  padding-top: 13px;
  border-top: 1px solid rgba(255,255,255,.08);
}
.install__time { font-family: var(--font-mono); font-size: 22px; font-weight: 600; letter-spacing: -.03em; color: #fff; }
.install__lb { font-size: 11.5px; color: rgba(255,255,255,.55); line-height: 1.4; }
@media (max-width: 560px) {
  .install__app { flex-wrap: wrap; }
  .install__btn { order: 3; width: 100%; text-align: center; }
}
.specband--logos .logo-marca { --lm: 28px; }
.specband--logos .brandimg { --bh: 19px; }
.specband--logos .logo-php, .specband--logos .logo-mysql,
.specband--logos .logo-phpmyadmin { --lm: 24px; }
@media (max-width: 700px) {
  .specband--logos .logo-marca { --lm: 24px; }
  .specband--logos .brandimg { --bh: 16px; }
}
.phero__vis--art { position: relative; }
.phero__vis--art .fpill, .phero__vis--art .fcard { z-index: 3; }
@media (max-width: 900px) {
  .phero__vis--art .fpill { left: 0 !important; top: 0 !important; }
  .phero__vis--art .fcard { right: 0 !important; bottom: 0 !important; }
}
.hero-art .fpill, .hero-art .fcard { position: absolute; }
@media (max-width: 900px) {
  .hero-art .fpill { left: 0 !important; top: -12px !important; }
  .hero-art .fcard { right: 0 !important; bottom: -12px !important; }
}
.bento .ico.ico--bare {
  width: auto; height: 32px;
  background: none;
  box-shadow: none;
  border-radius: 0;
  display: inline-flex; align-items: center;
  padding: 0;
}
.bento .ico--bare .brandimg { --bh: 21px; }   
.bento .ico--bare .brandimg--buho { --bh: 30px; }
.bento .ico--bare .logo-marca { --lm: 30px; }
.phero__vis--card { display: block; }
.hcard {
  position: relative;
  background: var(--buho-navy-950);
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 34px 70px rgba(0, 17, 68, .22);
  animation: hfSlide 520ms var(--ease-out) both;
}
@media (prefers-reduced-motion: reduce) { .hcard { animation: none; } }
.hcard__media { position: relative; }
.hcard__media > img {
  display: block; width: 100%; height: auto;
  aspect-ratio: 16 / 9; object-fit: cover;
}
.hcard__media::after {
  content: ""; position: absolute; inset: auto 0 0 0; height: 38%;
  background: linear-gradient(to bottom, transparent, var(--buho-navy-950));
  pointer-events: none;
}
.hcard__logos {
  position: absolute; left: 20px; top: 20px; z-index: 2;
  display: inline-flex; gap: 10px;
}
.hcard__logos > span {
  width: 52px; height: 52px; border-radius: 16px;
  background: #fff;
  display: grid; place-items: center;
  box-shadow: 0 10px 24px rgba(0, 17, 68, .28);
}
.hcard__logos .brandimg { --bh: 17px; }
.hcard__logos .logo-marca { --lm: 27px; color: var(--buho-navy-950); }
.hcard__note {
  position: absolute; right: -16px; top: -18px; z-index: 4;
  max-width: 226px;
  background: #fff;
  border-radius: 16px;
  padding: 13px 16px;
  box-shadow: 0 18px 42px rgba(0, 17, 68, .22), 0 0 0 1px rgba(0, 17, 68, .05);
  animation: hfFloat 5.6s var(--ease-in-out, ease-in-out) infinite;
}
@media (prefers-reduced-motion: reduce) { .hcard__note { animation: none; } }
@media (max-width: 980px) { .hcard__note { right: 0; top: -14px; } }
.hcard__note .k {
  display: flex; align-items: center; gap: 7px;
  font-size: 12px; color: var(--color-text-muted);
}
.hcard__note .k .ti { font-size: 16px; color: #16A34A; }
.hcard__note b {
  display: block; margin-top: 5px;
  font-size: 14.5px; font-weight: 800; line-height: 1.35;
  letter-spacing: -.01em; color: var(--buho-navy-950);
}
.hcard__pill {
  position: absolute; left: 20px; bottom: 18px; z-index: 2;
  display: inline-flex; align-items: center; gap: 9px;
  background: rgba(0, 17, 68, .74);
  border: 1px solid rgba(255, 255, 255, .16);
  backdrop-filter: blur(8px);
  border-radius: 999px;
  padding: 9px 16px;
  font: 700 11.5px/1 var(--font-sans);
  letter-spacing: .1em; text-transform: uppercase;
  color: #fff;
}
.hcard__pill .logo-marca { --lm: 16px; color: #25D366; }
.hcard__body { padding: 4px 30px 32px; }
.hcard__body h2 {
  margin: 0;
  font-size: clamp(26px, 2.5vw, 34px);
  font-weight: 800; letter-spacing: -.025em; line-height: 1.12;
  color: #fff;
}
.hcard__body p {
  margin: 14px 0 0;
  font-size: 15.5px; line-height: 1.6;
  color: rgba(255, 255, 255, .74);
}
.hpeople {
  display: flex; align-items: center; gap: 14px;
  margin-top: 26px;
}
.hpeople__faces { display: inline-flex; flex-shrink: 0; }
.hpeople__faces img {
  width: 38px; height: 38px; border-radius: 50%;
  object-fit: cover; border: 2.5px solid #fff;
  box-shadow: 0 4px 12px rgba(0, 17, 68, .16);
}
.hpeople__faces img + img { margin-left: -13px; }
.hpeople > span:last-child {
  font-size: 14px; line-height: 1.5;
  color: var(--color-text-muted);
}
.hpeople b { color: var(--color-text); }
@media (max-width: 760px) {
  .hcard__note { max-width: 184px; right: -10px; top: -14px; padding: 11px 13px; }
  .hcard__note b { font-size: 13px; }
  .hcard__logos { left: 14px; top: 14px; gap: 8px; }
  .hcard__logos > span { width: 44px; height: 44px; border-radius: 14px; }
  .hcard__pill { left: 14px; bottom: 12px; font-size: 10px; padding: 8px 13px; }
  .hcard__body { padding: 4px 20px 24px; }
}
.logo-kingstontechnology {
  -webkit-mask-image: url("logos-servicios/hosting/kingston.svg");
  mask-image: url("logos-servicios/hosting/kingston.svg");
}
.mk-kingston { --mk: #C8102E; --mk-soft: rgba(200,16,46,.10); }
.logo-marca.logo-kingstontechnology { width: calc(var(--lm, 22px) * .72); }
.hcard__logos .brandimg { width: 30px; height: auto; --bh: auto; }
.hcard__logos .brandimg[src*="litespeed"] { width: 27px; }
@media (max-width: 640px) {
  .hcard__media { background: var(--buho-navy-950); padding-bottom: 4px; }
  .hcard__media::after { display: none; }
  .hcard__note {
    position: static;
    max-width: none;
    margin: 14px 0 0;
    animation: none;
  }
  .hcard__note b { font-size: 14.5px; }
  .hcard__pill { position: static; margin: 12px 0 0 16px; }
  .hcard__body { padding-top: 18px; }
}
.explore .ico.ico--bare {
  width: auto; height: 36px;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0;
  display: inline-flex; align-items: center;
  padding: 0;
}
.explore .ico--bare .brandimg { --bh: 21px; }          
.explore .ico--bare .brandimg--sym { --bh: 34px; }      
.explore > button.on .ico--bare .brandimg { filter: brightness(0) invert(1); }
.explore .ico--bare .brandimg--nofilter,
.explore > button.on .ico--bare .brandimg--nofilter { filter: none; }
.explore .ico--bare .brandimg--ondark { display: none; }
.explore > button.on .ico--bare .brandimg--onlight { display: none; }
.explore > button.on .ico--bare .brandimg--ondark { display: inline-block; }
.explore .ico--bare .brandimg[src$="ssl-encryption.png"]      { --bh: 32.5px; }
.explore .ico--bare .brandimg[src$="jetbackup.svg"]           { --bh: 17.8px; }
.explore .ico--bare .brandimg[src$="imunify360-color.png"]    { --bh: 26.4px; }
.explore .ico--bare .brandimg[src*="cloudflare-color"]        { --bh: 19px; }
@media (max-width: 700px) {
  .explore .ico.ico--bare { height: 32px; }
  .explore .ico--bare .brandimg { --bh: 18px; }
  .explore .ico--bare .brandimg--sym { --bh: 30px; }
  .explore .ico--bare .brandimg[src$="ssl-encryption.png"]   { --bh: 28px; }
  .explore .ico--bare .brandimg[src$="jetbackup.svg"]        { --bh: 15.3px; }
  .explore .ico--bare .brandimg[src$="imunify360-color.png"] { --bh: 22.7px; }
  .explore .ico--bare .brandimg[src*="cloudflare-color"]     { --bh: 16.3px; }
}
.logo-marca.logo-cloudflare { --lmb: 2.21; }
.explore .ico--bare .logo-marca { --lm: 20px; color: var(--mk, var(--buho-navy-950)); }
.explore > button.on .ico--bare .logo-marca { color: #fff; }
@media (max-width: 700px) {
  .explore .ico--bare .logo-marca { --lm: 17px; }
}
.mig {
  background: #fff;
  border: 1px solid rgba(0, 17, 68, .07);
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 46px rgba(0, 17, 68, .07);
}
.mig__top {
  display: flex; align-items: center; justify-content: space-between; gap: 14px;
  padding: 15px 20px;
  border-bottom: 1px solid rgba(0, 17, 68, .06);
}
.mig__lb {
  font: 700 10.5px/1 var(--font-sans);
  letter-spacing: .12em; text-transform: uppercase;
  color: var(--color-text-muted);
}
.mig__top .brandimg { --bh: 15px; }
.mig__tag {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 11.5px; font-weight: 700;
  color: var(--color-text-muted);
}
.mig__tag--ok { color: #15803D; }
.mig__tag .ti { font-size: 14px; }
.mig__dot {
  width: 7px; height: 7px; border-radius: 50%;
  background: var(--motif-a, var(--buho-pink-600));
  animation: migPulse 1.8s ease-in-out infinite;
}
@keyframes migPulse { 0%, 100% { opacity: 1; } 50% { opacity: .3; } }
@media (prefers-reduced-motion: reduce) { .mig__dot { animation: none; } }
.mig__rows { margin: 0; padding: 6px 20px; }
.mig__rows > div {
  display: flex; align-items: baseline; justify-content: space-between; gap: 16px;
  padding: 11px 0;
  border-bottom: 1px solid rgba(0, 17, 68, .05);
}
.mig__rows > div:last-child { border-bottom: 0; }
.mig__rows dt { font-size: 13.5px; color: var(--color-text-muted); }
.mig__rows dd { margin: 0; font-size: 13.5px; font-weight: 600; text-align: right; }
.mig__rows dd.ok { display: inline-flex; align-items: center; gap: 6px; color: #15803D; }
.mig__rows dd.ok .ti { font-size: 16px; }
.mig__list { list-style: none; margin: 0; padding: 6px 20px; }
.mig__list li {
  display: flex; align-items: center; gap: 12px;
  padding: 11px 0;
  border-bottom: 1px solid rgba(0, 17, 68, .05);
  font-size: 13.5px;
}
.mig__list li:last-child { border-bottom: 0; }
.mig__list span { flex: 1 1 auto; color: var(--color-text-muted); }
.mig__list b { font-size: 13px; font-weight: 600; }
.mig__list .ti { font-size: 17px; color: #16A34A; flex-shrink: 0; }
.mig__pair { padding: 16px 20px 4px; display: grid; gap: 11px; }
.mig__addr {
  padding: 15px 17px;
  border: 1px solid rgba(0, 17, 68, .08);
  border-radius: 14px;
}
.mig__addr b { display: block; margin: 7px 0 5px; font-size: 15px; font-weight: 600; letter-spacing: -.01em; }
.mig__addr .sub { display: block; font-size: 12.5px; line-height: 1.5; color: var(--color-text-muted); }
.mig__addr--new {
  border-color: rgba(3, 48, 204, .22);
  background: rgba(3, 48, 204, .045);
}
.mig__addr--new b { color: var(--buho-blue-600); }
.mig__addr .st {
  display: inline-flex; align-items: center; gap: 7px;
  font: 700 10px/1 var(--font-sans);
  letter-spacing: .12em; text-transform: uppercase;
}
.mig__addr .st i { width: 7px; height: 7px; border-radius: 50%; }
.st--live { color: #15803D; }
.st--live i { background: #16A34A; animation: migPulse 2.2s ease-in-out infinite; }
.st--new { color: var(--buho-blue-600); }
.st--new i { background: var(--buho-blue-600); }
@media (prefers-reduced-motion: reduce) { .st--live i { animation: none; } }
.mig__swap { padding: 20px 20px 6px; text-align: center; }
.mig__swap > div { padding: 12px 14px; border-radius: 12px; }
.mig__swap span {
  display: block; font-size: 10.5px; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase;
  color: var(--color-text-muted);
}
.mig__swap b { display: block; margin-top: 5px; font-size: 14px; font-weight: 600; }
.mig__swap .was { background: rgba(0, 17, 68, .04); }
.mig__swap .was b { color: var(--color-text-muted); text-decoration: line-through; text-decoration-thickness: 1px; }
.mig__swap .now { background: rgba(3, 48, 204, .07); }
.mig__swap .now b { color: var(--buho-blue-600); }
.mig__swap > .ti { display: block; margin: 8px 0; font-size: 19px; color: rgba(0, 17, 68, .28); }
.mig__zero {
  display: flex; align-items: center; gap: 16px;
  margin: 14px 20px 20px;
  padding: 16px 18px;
  background: var(--buho-cream, #F7F4EF);
  border-radius: 14px;
}
.mig__zero .n {
  font-family: var(--font-mono);
  font-size: 34px; font-weight: 600; letter-spacing: -.04em;
  line-height: 1;
  color: var(--buho-navy-950, #001144);   
  font-variant-numeric: tabular-nums;
}
.mig__zero .n i { font-style: normal; color: var(--buho-pink-700, #CC0056); }
.mig__zero .l { font-size: 12.5px; line-height: 1.5; color: var(--color-text-muted); }
.mig__foot {
  display: flex; align-items: flex-start; gap: 9px;
  margin: 0;
  padding: 14px 20px 17px;
  border-top: 1px solid rgba(0, 17, 68, .06);
  font-size: 12.5px; line-height: 1.55;
  color: var(--color-text-muted);
}
.mig__foot .ti { font-size: 16px; color: var(--buho-blue-600); flex-shrink: 0; margin-top: 1px; }
.mig__foot b { color: var(--color-text); font-weight: 700; }
@media (max-width: 700px) {
  .mig__top, .mig__rows, .mig__list, .mig__foot { padding-left: 16px; padding-right: 16px; }
  .mig__zero { margin: 12px 16px 16px; }
  .mig__zero .n { font-size: 28px; }
}
.guar { align-items: flex-start; gap: 14px; }
.guar__ic {
  flex: 0 0 auto;
  height: 30px;
  display: inline-flex; align-items: center;
  margin-top: 1px;
}
.guar__ic .ti { font-size: 27px; color: var(--t-ink, var(--buho-blue-600)); line-height: 1; }
.guar__ic .logo-marca { --lm: 28px; color: var(--mk, var(--buho-navy-950)); }
.guar__ic img { height: 30px; width: auto; display: block; }
@media (max-width: 700px) {
  .guar__ic { height: 26px; }
  .guar__ic .ti { font-size: 23px; }
  .guar__ic .logo-marca { --lm: 24px; }
  .guar__ic img { height: 26px; }
}
.specband--gw .specband__track { gap: 46px; }
.specband--gw .specband__track > span { height: 34px; }
.specband--gw img { width: 34px; height: 34px; object-fit: contain; display: block; }
.mock-apps { display: inline-flex; align-items: center; gap: 9px; flex-shrink: 0; }
.mock-apps img { width: 20px; height: 20px; object-fit: contain; display: block; }
.mock-safe {
  display: flex; align-items: flex-start; gap: 9px;
  margin: 0; padding: 0 20px 20px;
  font-size: 12px; line-height: 1.5;
  color: var(--color-text-muted);
}
.mock-safe .ti { font-size: 15px; color: var(--buho-blue-600); flex-shrink: 0; margin-top: 1px; }
@media (max-width: 700px) {
  .specband--gw .specband__track { gap: 32px; }
  .specband--gw .specband__track > span { height: 28px; }
  .specband--gw img { width: 28px; height: 28px; }
  .mock-apps { display: none; }
}
.gw-ico { width: 30px; height: 30px; object-fit: contain; display: block; flex-shrink: 0; }
.gw-ico--sm { width: 20px; height: 20px; display: inline-block; vertical-align: -4px; }
.gw-ico--xs { width: 15px; height: 15px; display: inline-block; vertical-align: -2px; }
.apps--gw .apps__it { gap: 13px; }
.apps--gw .apps__it small { line-height: 1.35; }
.gem {
  background: #fff;
  border: 1px solid rgba(0, 17, 68, .07);
  border-radius: 22px;
  overflow: hidden;
  box-shadow: 0 24px 54px rgba(0, 17, 68, .08);
}
.gem__bar {
  display: flex; align-items: center; gap: 11px;
  padding: 14px 18px;
  border-bottom: 1px solid rgba(0, 17, 68, .06);
  font-size: 13px; font-weight: 700;
}
.gem__chip {
  margin-left: auto;
  display: inline-flex; align-items: center; gap: 7px;
  padding: 7px 13px;
  border-radius: 999px;
  font-size: 12px; font-weight: 600;
  color: var(--buho-navy-950);
  background: linear-gradient(120deg, rgba(66,133,244,.14), rgba(217,48,37,.10) 55%, rgba(251,188,4,.14));
  box-shadow: inset 0 0 0 1px rgba(0, 17, 68, .07);
}
.gem__body { padding: 18px; }
.gem__ask {
  margin: 0;
  padding: 13px 15px;
  background: var(--buho-cream, #F7F4EF);
  border-radius: 13px;
  font-size: 13.5px; line-height: 1.5;
  color: var(--color-text-muted);
}
.gem__out {
  margin-top: 14px;
  padding: 16px;
  border: 1px solid rgba(0, 17, 68, .08);
  border-radius: 13px;
}
.gem__out b { display: block; font-size: 14px; margin-bottom: 11px; }
.gem__out span {
  display: block; height: 9px; border-radius: 5px;
  background: rgba(0, 17, 68, .075);
  margin-bottom: 8px;
}
.gem__out span:last-child { margin-bottom: 0; }
.gem__acts { display: flex; gap: 9px; margin-top: 14px; }
.gem__acts span {
  padding: 9px 17px; border-radius: 999px;
  font-size: 12.5px; font-weight: 700;
  color: var(--color-text-muted);
  box-shadow: inset 0 0 0 1px rgba(0, 17, 68, .1);
}
.gem__acts .on { background: var(--buho-navy-950); color: #fff; box-shadow: none; }
.gwbars { list-style: none; margin: 0; padding: 14px 20px 4px; }
.gwbars li { display: grid; grid-template-columns: 78px 1fr 58px; gap: 12px; align-items: center; padding: 9px 0; }
.gwbars .pl { font-size: 13px; font-weight: 700; }
.gwbars .tr { height: 10px; border-radius: 999px; background: rgba(0, 17, 68, .07); overflow: hidden; }
.gwbars .fl { display: block; height: 100%; border-radius: 999px;
  background: linear-gradient(90deg, var(--buho-pink-600, #FF006F), var(--buho-blue-600, #0330CC)); }
.gwbars b { font-size: 12.5px; font-weight: 600; text-align: right; }
.mig--dark {
  background: rgba(255, 255, 255, .05);
  border-color: rgba(255, 255, 255, .13);
  box-shadow: none;
}
.mig--dark .mig__top,
.mig--dark .mig__list li { border-color: rgba(255, 255, 255, .09); }
.mig--dark .mig__lb,
.mig--dark .mig__list span,
.mig--dark .mig__foot { color: rgba(255, 255, 255, .66); }
.mig--dark .mig__list b { color: #fff; }
.mig--dark .mig__foot { border-color: rgba(255, 255, 255, .09); }
.mig--dark .mig__foot b { color: #fff; }
.mig--dark .mig__foot .ti { color: #7FB2E5; }
.mig--dark .mig__list .gw-ico { margin-right: 2px; }
.explore .ico--bare .gw-ico { width: 30px; height: 30px; }
.apps--gw { grid-template-columns: repeat(auto-fill, minmax(206px, 1fr)); }
.apps--gw .apps__it { min-height: 72px; align-items: flex-start; }
.apps--gw .apps__it > span { padding-top: 2px; }
@media (max-width: 700px) { .apps--gw { grid-template-columns: repeat(auto-fill, minmax(160px, 1fr)); } }
.phero__vis--float { display: flex; align-items: center; justify-content: center; }
.gwhero {
  position: relative;
  width: 100%; max-width: 460px;
  padding: 58px 0 92px;
  animation: hfSlide 520ms var(--ease-out) both;
}
@media (prefers-reduced-motion: reduce) { .gwhero { animation: none; } }
.gwhero__spark {
  position: absolute; left: 50%; top: 0; z-index: 3;
  transform: translateX(-50%);
  width: 54px; height: 54px; border-radius: 50%;
  background: #fff;
  display: grid; place-items: center;
  box-shadow: 0 12px 28px rgba(0, 17, 68, .14);
}
.gwhero__spark img { width: 30px; height: 30px; display: block; }
.gwhero__panel {
  position: relative; z-index: 2;
  background: #fff;
  border: 1px solid rgba(0, 17, 68, .09);
  border-radius: 18px;
  padding: 20px 22px 22px;
  box-shadow: 0 26px 60px rgba(0, 17, 68, .12);
}
.gwhero__brand {
  display: inline-flex; align-items: center; gap: 9px;
  font-size: 13.5px; font-weight: 700;
  color: var(--color-text-muted);
}
.gwhero__brand img { width: 17px; height: 17px; display: block; }
.gwhero__hi {
  margin: 15px 0 18px;
  font-size: 19px; line-height: 1.35; letter-spacing: -.015em;
  color: var(--color-text-muted);
}
.gwhero__hi b { display: block; font-weight: 800; color: var(--buho-blue-600); }
.gwhero__sug { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.gwhero__sug li {
  display: flex; align-items: center; gap: 12px;
  padding: 11px 13px;
  background: rgba(3, 48, 204, .045);
  border-radius: 11px;
}
.gwhero__sug li:nth-child(2) { opacity: .78; }
.gwhero__sug li:nth-child(3) { opacity: .56; }
.gwhero__sug .ti { font-size: 19px; color: var(--buho-navy-950); flex-shrink: 0; }
.gwhero__sug b { display: block; font-size: 13px; font-weight: 700; letter-spacing: -.01em; }
.gwhero__sug small { display: block; margin-top: 1px; font-size: 12px; color: var(--color-text-muted); }
.gwhero__chip {
  position: absolute; z-index: 4;
  width: 52px; height: 52px; border-radius: 50%;
  background: #fff;
  display: grid; place-items: center;
  box-shadow: 0 14px 30px rgba(0, 17, 68, .16);
}
.gwhero__chip img { width: 27px; height: 27px; display: block; }
.gwhero__chip--gmail { left: -30px; top: 76px; animation: hfFloat 5.4s ease-in-out infinite; }
.gwhero__chip--drive { right: -26px; top: 42px; animation: hfFloat 6.2s ease-in-out infinite .6s; }
.gwhero__face {
  position: absolute; z-index: 4;
  right: -34px; top: 190px;
  width: 62px; height: 62px; border-radius: 50%;
  overflow: hidden;
  border: 3px solid #fff;
  box-shadow: 0 16px 34px rgba(0, 17, 68, .2);
  animation: hfFloat 5.8s ease-in-out infinite .3s;
}
.gwhero__face img { width: 100%; height: 100%; object-fit: cover; display: block; }
.gwhero__ask {
  position: absolute; z-index: 5;
  left: 26px; right: -14px; bottom: 22px;
  background: #fff;
  border: 1px solid rgba(0, 17, 68, .14);
  border-radius: 13px;
  padding: 15px 18px;
  font-size: 14.5px; letter-spacing: -.01em;
  box-shadow: 0 18px 40px rgba(0, 17, 68, .14);
}
.gwhero__caret {
  display: inline-block; width: 1.5px; height: 16px;
  background: var(--buho-navy-950);
  vertical-align: -3px; margin-left: 3px;
  animation: gwCaret 1.05s steps(1) infinite;
}
@keyframes gwCaret { 0%, 50% { opacity: 1; } 51%, 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
  .gwhero__caret, .gwhero__chip, .gwhero__face { animation: none; }
}
.gwhero__dom {
  position: absolute; z-index: 5;
  left: 0; bottom: -14px;
  background: var(--buho-navy-950); color: #fff;
  border-radius: 999px;
  padding: 8px 15px;
  font: 600 12.5px/1 var(--font-mono);
  box-shadow: 0 14px 30px rgba(0, 17, 68, .24);
}
@media (max-width: 900px) {
  .gwhero { max-width: 100%; padding: 48px 0 84px; }
  .gwhero__chip--gmail { left: -8px; }
  .gwhero__chip--drive { right: -6px; }
  .gwhero__face { right: -8px; }
  .gwhero__ask { left: 12px; right: 0; }
  .gwhero__dom { left: 0; bottom: -8px; }
}
@media (max-width: 460px) {
  .gwhero__chip, .gwhero__face { display: none; }
  .gwhero__ask { left: 0; right: 0; }
}
.gwhero__chip--gmail { left: -40px; top: 58px; }
@media (max-width: 900px) { .gwhero__chip--gmail { left: -14px; top: 46px; } }
.specband__track { will-change: transform; }
.specband--logos { padding: 26px 0 40px; }
.specband__track > .tip { position: relative; }
.specband__track > .tip::after {
  content: attr(data-tip);
  position: absolute;
  left: 50%; top: calc(100% + 9px);
  transform: translate(-50%, -5px) scale(.9);
  transform-origin: top center;
  white-space: nowrap;
  padding: 6px 11px;
  border-radius: 8px;
  background: rgba(255, 255, 255, .1);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
  backdrop-filter: blur(10px);
  font: 700 10.5px/1 var(--font-sans);
  letter-spacing: .08em; text-transform: uppercase;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  transition:
    opacity 160ms ease,
    transform 260ms cubic-bezier(.34, 1.56, .64, 1);
}
.specband__track > .tip:hover::after,
.specband__track > .tip:focus-visible::after {
  opacity: 1;
  transform: translate(-50%, 0) scale(1);
}
.specband__track > .tip > img,
.specband__track > .tip > .logo-marca {
  transition: transform 260ms cubic-bezier(.34, 1.56, .64, 1), filter 200ms ease;
}
.specband__track > .tip:hover > img,
.specband__track > .tip:hover > .logo-marca {
  transform: translateY(-3px) scale(1.12);
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .45));
}
.specband--logos .specband__track > .tip { opacity: 1; }
@media (max-width: 700px) {
  .specband--logos { padding: 20px 0 20px; }
  .specband__track > .tip::after { display: none; }   
}
@media (prefers-reduced-motion: reduce) {
  .specband__track > .tip::after,
  .specband__track > .tip > img,
  .specband__track > .tip > .logo-marca { transition: none; }
  .specband__track > .tip:hover > img,
  .specband__track > .tip:hover > .logo-marca { transform: none; }
}
.gwhero__ask { min-height: 50px; display: flex; align-items: center; }
.gwhero__ask [data-typewriter] { white-space: nowrap; }
.approw, .techrow .approw, .sec--navy .techrow .approw {
  display: inline-flex; align-items: center; gap: 5px; flex-shrink: 0;
  background: none; border: 0; padding: 0; box-shadow: none; border-radius: 0;
}
.approw img { width: 18px; height: 18px; object-fit: contain; display: block; }
@media (max-width: 700px) { .approw img { width: 16px; height: 16px; } }
.trust__it { gap: 10px; letter-spacing: -.005em; }
.trust__it i { font-size: 20px; opacity: .92; }
.trust__lb { opacity: .8; }
.logo-centosstream { -webkit-mask-image: url("logos-servicios/vps/centos-stream.svg"); mask-image: url("logos-servicios/vps/centos-stream.svg"); }
.logo-python       { -webkit-mask-image: url("logos-servicios/vps/python.svg");        mask-image: url("logos-servicios/vps/python.svg"); }
.logo-mariadb      { -webkit-mask-image: url("logos-servicios/vps/mariadb.svg");       mask-image: url("logos-servicios/vps/mariadb.svg"); }
.logo-plesk        { -webkit-mask-image: url("logos-servicios/vps/plesk.svg");         mask-image: url("logos-servicios/vps/plesk.svg"); }
.logo-webmin       { -webkit-mask-image: url("logos-servicios/vps/webmin.svg");        mask-image: url("logos-servicios/vps/webmin.svg"); }
.logo-openjdk      { -webkit-mask-image: url("logos-servicios/vps/openjdk.svg");       mask-image: url("logos-servicios/vps/openjdk.svg"); }
.logo-windowsserver{ -webkit-mask-image: url("logos-servicios/vps/windows-server.svg");mask-image: url("logos-servicios/vps/windows-server.svg"); }
.logo-marca.logo-docker  { --lmb: 1.40; }   
.logo-marca.logo-mariadb { --lmb: 1.55; }   
.logo-marca.logo-plesk   { --lmb: 2.41; }   
.dbars { list-style: none; margin: auto 0 0; padding: 0; display: grid; gap: 11px; width: 100%; max-width: 340px; }
.dbars li { display: grid; grid-template-columns: 52px 1fr 62px; gap: 12px; align-items: center; }
.dbars .pl { font: 700 12.5px/1 var(--font-sans); color: rgba(255, 255, 255, .72); }
.dbars .tr { height: 10px; border-radius: 999px; background: rgba(255, 255, 255, .12); overflow: hidden; }
.dbars .fl { display: block; height: 100%; border-radius: 999px;
  background: linear-gradient(90deg, var(--buho-pink-600, #FF006F), #7FB2E5); }
.dbars b { font: 600 12px/1 var(--font-mono); color: #fff; text-align: right; white-space: nowrap; }
.mig--dark .mig__rows > div { border-color: rgba(255, 255, 255, .09); }
.mig--dark .mig__rows dt { color: rgba(255, 255, 255, .62); }
.mig--dark .mig__rows dd { color: #fff; }
.mig--dark .mig__rows dd.ok,
.mig--dark .mig__tag--ok { color: #4ADE80; }
.mig--dark .mig__tag { color: rgba(255, 255, 255, .7); }
.mk-debian        { --mk: #A80030; --mk-soft: rgba(168,0,48,.10); }
.mk-almalinux     { --mk: #0F4266; --mk-soft: rgba(15,66,102,.10); }
.mk-rockylinux    { --mk: #10B981; --mk-soft: rgba(16,185,129,.12); }
.mk-centosstream  { --mk: #262577; --mk-soft: rgba(38,37,119,.10); }
.mk-windowsserver { --mk: #0078D4; --mk-soft: rgba(0,120,212,.11); }
.mk-docker        { --mk: #1D63ED; --mk-soft: rgba(29,99,237,.10); }
.mk-nodejs        { --mk: #5FA04E; --mk-soft: rgba(95,160,78,.12); }
.mk-python        { --mk: #3776AB; --mk-soft: rgba(55,118,171,.11); }
.mk-mariadb       { --mk: #003545; --mk-soft: rgba(0,53,69,.10); }
.mk-nginx         { --mk: #009639; --mk-soft: rgba(0,150,57,.11); }
.mk-plesk         { --mk: #52BBE6; --mk-soft: rgba(82,187,230,.14); }
.mk-cyberpanel    { --mk: #1B3A57; --mk-soft: rgba(27,58,87,.10); }
.mk-webmin        { --mk: #7D3F97; --mk-soft: rgba(125,63,151,.11); }
.mk-openjdk       { --mk: #C74634; --mk-soft: rgba(199,70,52,.11); }
.sec--navy .mk-debian, .phband .mk-debian, .closer .mk-debian { --mk: #F07CA0; }
.sec--navy .mk-almalinux, .phband .mk-almalinux { --mk: #7FB2E5; }
.sec--navy .mk-centosstream, .phband .mk-centosstream { --mk: #9C9BE8; }
.sec--navy .mk-mariadb, .phband .mk-mariadb { --mk: #74C4D8; }
.sec--navy .mk-cyberpanel, .phband .mk-cyberpanel { --mk: #8FB6D8; }
.sec--navy .mk-webmin, .phband .mk-webmin { --mk: #C79BDA; }
.bento .dark .mk-debian { --mk: #F49BB6; }
.apps__it .logo-marca {
  width:  calc(var(--ico-tile) * min(var(--lmb), 1.45));
  height: calc(var(--ico-tile) * min(var(--lmb), 1.45));
}
.guar > .guar__ic {
  display: inline-flex; align-items: center;
  flex: 0 0 auto; height: 30px; margin-top: 1px;
  font-size: inherit; color: inherit;
}
.guar span span, .guar b span {
  display: inline; font-size: inherit; line-height: inherit;
  color: inherit; margin-top: 0;
}
.guar span .sr-only { display: block; }
@media (max-width: 700px) { .guar > .guar__ic { height: 26px; } }
.hsearch { display: flex; gap: 9px; flex-wrap: wrap; margin: 18px 0 0; }
.hsearch input {
  flex: 1 1 190px; min-width: 0;
  background: rgba(255, 255, 255, .08);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 12px; padding: 13px 16px;
  font: 500 15px/1.2 var(--font-sans); color: #fff;
}
.hsearch input::placeholder { color: rgba(255, 255, 255, .5); }
.hsearch input:focus-visible {
  outline: none; border-color: rgba(255, 255, 255, .5);
  background: rgba(255, 255, 255, .13);
}
.hsearch button { flex: 0 0 auto; }
.hres { list-style: none; margin: 18px 0 0; padding: 0; }
.hres li {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 0; border-bottom: 1px solid rgba(255, 255, 255, .09);
  font-size: 14.5px; color: #fff;
}
.hres li:last-child { border-bottom: 0; }
.hres .ti { font-size: 18px; color: #4ADE80; flex-shrink: 0; }
.hres .nm { flex: 1 1 auto; font-family: var(--font-mono); min-width: 0; }
.hres .nm b { font-weight: 700; }
.hres .pr { font-weight: 700; white-space: nowrap; }
.hres li.libre--no { color: rgba(255, 255, 255, .45); }
.hres li.libre--no .ti { color: rgba(255, 255, 255, .3); }
.htlds { display: flex; flex-wrap: wrap; gap: 7px; margin: 16px 0 0; }
.htlds span {
  display: inline-flex; align-items: center;
  padding: 5px 11px; border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .14);
  font: 600 12.5px/1 var(--font-mono); color: rgba(255, 255, 255, .82);
}
.mk-outlook { --mk: #0F6CBD; --mk-soft: rgba(15,108,189,.11); }
.mk-zoho    { --mk: #E42527; --mk-soft: rgba(228,37,39,.10); }
.mk-google  { --mk: #4285F4; --mk-soft: rgba(66,133,244,.11); }
.hsearch .btn-pink { padding: 13px 22px; font-size: 15px; border-radius: 12px; }
.hcard__media > img { object-position: center 34%; }
.mig__foot { display: block; }
.mig__foot > .ti { float: left; margin: 1px 9px 0 0; }
.mig__foot::after { content: ""; display: block; clear: both; }
.hfacts { margin: 18px 0 0; }
.hfacts > div {
  display: flex; justify-content: space-between; align-items: baseline; gap: 14px;
  padding: 9px 0; border-bottom: 1px solid rgba(255, 255, 255, .09);
}
.hfacts > div:last-child { border-bottom: 0; }
.hfacts dt { font-size: 13.5px; color: rgba(255, 255, 255, .62); }
.hfacts dd { margin: 0; font-size: 13.5px; font-weight: 600; color: #fff; text-align: right; }
.hfacts dd .ti { font-size: 15px; vertical-align: -2px; color: #4ADE80; }
.lbars { list-style: none; margin: 0; padding: 0; display: grid; gap: 11px; width: 100%; }
.lbars li { display: grid; grid-template-columns: 56px 1fr 74px; gap: 12px; align-items: center; }
.lbars .pl { font: 700 12.5px/1 var(--font-sans); color: var(--color-text-muted); }
.lbars .tr { height: 10px; border-radius: 999px; background: rgba(0, 17, 68, .08); overflow: hidden; }
.lbars .fl { display: block; height: 100%; border-radius: 999px; background: var(--buho-blue-600, #0330CC); opacity: .55; }
.lbars .fl--ac { opacity: 1; background: linear-gradient(90deg, var(--buho-pink-600, #FF006F), var(--buho-blue-600, #0330CC)); }
.lbars b { font: 600 12px/1 var(--font-mono); color: var(--color-text); text-align: right; white-space: nowrap; }
.hmeter { display: flex; gap: 5px; margin: 18px 0 0; }
.hmeter span { flex: 1; height: 9px; border-radius: 5px; background: rgba(255, 255, 255, .16); }
.hmeter span.on { background: var(--buho-pink-600, #FF006F); }
.hmeter__lb {
  display: flex; justify-content: space-between; margin: 9px 0 0;
  font: 400 11px/1 var(--font-mono); color: rgba(255, 255, 255, .55);
}
.dbars .fl--gris { background: rgba(255, 255, 255, .34); }
.dbars li { grid-template-columns: 68px 1fr 74px; }
.ltlds { display: flex; flex-wrap: wrap; gap: 7px; }
.ltlds span {
  display: inline-flex; align-items: center;
  padding: 5px 11px; border-radius: 999px;
  background: rgba(0, 17, 68, .05);
  box-shadow: inset 0 0 0 1px rgba(0, 17, 68, .08);
  font: 600 12.5px/1 var(--font-mono); color: var(--color-text);
}
.bento .ico--bare.approw { gap: 9px; height: 32px; }
.bento .ico--bare.approw .logo-marca { --lm: 26px; }
.bento .ico--bare.approw .brandimg { --bh: 17px; }
.bento .dark .ico--bare.approw .logo-marca { color: #fff; }
.bento .ico--bare .gw-ico { height: 30px; width: auto; }
.grid-guar--2 { grid-template-columns: 1fr 1fr; }
@media (max-width: 860px) { .grid-guar--2 { grid-template-columns: 1fr; } }
.dbars, .lbars { max-width: min(100%, 420px); }
.dbars .fl, .lbars .fl { min-width: 9px; }
.dbars li, .lbars li { grid-template-columns: 72px 1fr 74px; }
.dbars .pl, .lbars .pl { white-space: nowrap; }
.bento .ico--bare.approw .brandimg { --bh: 22px; }
.bento .ico--bare.approw img { width: auto; height: var(--bh, 22px); }
.specband--logos .logo-zoho { --lmb: 2.35; }   
.specband--logos .logo-gmail { --lmb: 1.33; }  
.split > *, .fgrid > *, .bento > * { min-width: 0; }
.apps--zoho { grid-template-columns: repeat(auto-fit, minmax(212px, 1fr)); gap: 12px; }
.apps--zoho .apps__it { min-height: 100px; padding: 20px 22px; gap: 10px; }
.apps--zoho .brandimg { --bh: 38px; max-width: 100%; }
.apps--zoho small { font-size: 12.5px; }
@media (max-width: 700px) {
  .apps--zoho { grid-template-columns: 1fr; }
  .apps--zoho .brandimg { --bh: 30px; }
}
.zhero {
  position: relative;
  padding: 0 40px 62px 44px;
  animation: hfSlide 520ms var(--ease-out) both;
  --z-marco: #10131F;          
  --z-panel: #FFFFFF;          
  --z-suave: #F5F7FB;          
  --z-linea: rgba(0, 17, 68, .08);
  --z-tenue: #64748B;
  --z-sel:   #E5EDFB;          
  --z-azul:  var(--buho-blue-600, #0330CC);
}
@media (prefers-reduced-motion: reduce) { .zhero { animation: none; } }
.zhero::before {
  content: ""; position: absolute; z-index: 0;
  left: 10px; right: 4px; top: 26px; bottom: 34px;
  border-radius: 30px;
  background: linear-gradient(150deg, #FDF3D2, #FBEFDF 55%, #F7E9E4);
  box-shadow: 0 18px 44px rgba(0, 17, 68, .10);
}
.zwin {
  position: relative; z-index: 1;
  border-radius: 20px;
  padding: 0;
  background: var(--z-marco);
  box-shadow:
    0 30px 68px rgba(0, 17, 68, .30),
    0 0 0 1px rgba(255, 255, 255, .05) inset;
  overflow: hidden;
}
.zwin > *:not(.sr-only) { position: relative; z-index: 1; }
.zwin__body { display: grid; grid-template-columns: 52px 116px 1fr; min-height: 348px; }
.zwin__apps {
  display: flex; flex-direction: column; align-items: center; gap: 3px;
  padding: 11px 5px;
  background: var(--z-marco);
}
.zwin__apps-grid {
  width: 30px; height: 30px; border-radius: 9px;
  display: grid; place-items: center; margin-bottom: 7px;
  background: rgba(255, 255, 255, .10); color: #fff;
}
.zwin__apps-grid .ti { font-size: 17px; }
.zwin__apps > span:not(.zwin__apps-grid) {
  width: 42px; padding: 6px 0 5px; border-radius: 10px;
  display: grid; justify-items: center; gap: 3px;
  font: 600 7px/1 var(--font-sans); color: rgba(255, 255, 255, .5);
  cursor: pointer;
  transition: color 170ms var(--ease-out, ease), background-color 170ms var(--ease-out, ease);
}
.zwin__apps > span .ti { font-size: 17px; }
.zwin__apps > span.on { background: var(--z-azul); color: #fff; }
.zwin__apps:hover > span.on { background: none; color: rgba(255, 255, 255, .5); }
.zwin__apps > span:not(.zwin__apps-grid):hover { background: var(--z-azul); color: #fff; }
.zwin__rail {
  display: flex; flex-direction: column;
  padding: 13px 10px;
  background: var(--z-suave);
  border-right: 1px solid var(--z-linea);
}
.zwin__new {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  border-radius: 9px; padding: 9px 10px;
  background: var(--z-azul); color: #fff;
  font: 700 11.5px/1 var(--font-sans); white-space: nowrap;
  box-shadow: 0 6px 16px rgba(3, 48, 204, .26);
  cursor: pointer;
  transition: transform 180ms var(--ease-out, ease), box-shadow 180ms var(--ease-out, ease);
}
.zwin__new:hover { transform: translateY(-1px); box-shadow: 0 11px 22px rgba(3, 48, 204, .34); }
.zwin__new .ti { font-size: 14px; }
.zwin__nav { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 2px; }
.zwin__nav li {
  position: relative;
  display: flex; align-items: center; gap: 8px;
  padding: 7px 9px; border-radius: 8px;
  font: 500 11.5px/1 var(--font-sans); color: var(--z-tenue);
  cursor: pointer;
  transition: color 170ms var(--ease-out, ease), background-color 170ms var(--ease-out, ease);
}
.zwin__nav li .ti { font-size: 15px; }
.zwin__nav li b { margin-left: auto; font: 700 10px/1 var(--font-mono); }
.zwin__nav li::before {
  content: ""; position: absolute; left: 2px; top: 50%;
  width: 2px; height: 0; border-radius: 2px;
  background: var(--z-azul);
  transform: translateY(-50%);
  transition: height 200ms var(--ease-out, ease);
}
.zwin__nav .on {
  background: var(--z-panel); color: var(--buho-navy-950); font-weight: 700;
  box-shadow: 0 1px 3px rgba(0, 17, 68, .10);
}
.zwin__nav .on::before { height: 15px; }
.zwin__nav:hover .on { background: none; color: var(--z-tenue); font-weight: 500; box-shadow: none; }
.zwin__nav:hover .on::before { height: 0; }
.zwin__nav li:hover {
  background: var(--z-panel); color: var(--buho-navy-950); font-weight: 700;
  box-shadow: 0 1px 3px rgba(0, 17, 68, .10);
}
.zwin__nav li:hover::before { height: 15px; }
.zwin__acct {
  margin-top: auto; padding-top: 13px;
  display: flex; align-items: center; gap: 7px;
  font: 500 9px/1.3 var(--font-mono); color: var(--z-tenue);
  word-break: break-all;
}
.zwin__acct i {
  width: 18px; height: 18px; border-radius: 50%; flex-shrink: 0;
  background: var(--buho-pink-600, #FF006F); color: #fff;
  display: grid; place-items: center;
  font: 700 9.5px/1 var(--font-sans); font-style: normal;
}
.zwin__list { background: var(--z-panel); min-width: 0; display: flex; flex-direction: column; }
.zwin__bar {
  display: flex; align-items: center; gap: 4px;
  padding: 8px 11px;
  border-bottom: 1px solid var(--z-linea);
  background: var(--z-suave);
}
.zwin__tab {
  border-radius: 7px 7px 0 0; padding: 6px 12px;
  font: 700 10.5px/1 var(--font-sans); color: var(--z-tenue);
  cursor: pointer;
  transition: color 170ms var(--ease-out, ease), background-color 170ms var(--ease-out, ease);
}
.zwin__tab.on { background: var(--z-panel); color: var(--buho-navy-950); box-shadow: 0 -1px 0 var(--z-azul) inset; }
.zwin__bar:hover .zwin__tab.on { background: none; color: var(--z-tenue); box-shadow: none; }
.zwin__bar .zwin__tab:hover { background: var(--z-panel); color: var(--buho-navy-950); box-shadow: 0 -1px 0 var(--z-azul) inset; }
.zwin__find {
  margin-left: auto;
  display: inline-flex; align-items: center; gap: 6px;
  background: var(--z-panel);
  box-shadow: inset 0 0 0 1px var(--z-linea);
  border-radius: 999px; padding: 5px 12px;
  font: 500 10.5px/1 var(--font-sans); color: var(--z-tenue);
}
.zwin__find .ti { font-size: 13px; }
.zwin__lhead {
  display: flex; align-items: baseline; gap: 9px;
  padding: 12px 14px 9px;
  font: 800 13px/1 var(--font-sans); letter-spacing: -.01em; color: var(--buho-navy-950);
}
.zwin__lhead span {
  font: 700 10px/1 var(--font-sans); letter-spacing: .06em; text-transform: uppercase;
  color: var(--z-azul);
}
.zrow {
  position: relative;
  display: flex; align-items: center; gap: 10px;
  margin: 0 8px; padding: 8px 8px; border-radius: 9px;
  border-bottom: 1px solid var(--z-linea);
  cursor: pointer;
  transition:
    background-color 180ms var(--ease-out, ease),
    transform 200ms var(--ease-out, ease),
    box-shadow 180ms var(--ease-out, ease);
}
.zrow:last-child { border-bottom: 0; }
.zrow::before {
  content: ""; position: absolute; left: 2px; top: 50%;
  width: 2px; height: 0; border-radius: 2px;
  background: var(--z-azul);
  transform: translateY(-50%);
  transition: height 200ms var(--ease-out, ease);
}
.zrow .txt { flex: 1 1 auto; min-width: 0; }
.zrow .txt b, .zrow .txt > span {
  display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.zrow .txt b { font: 600 12px/1.3 var(--font-sans); color: var(--z-tenue); }
.zrow .txt > span { font: 400 11.5px/1.35 var(--font-sans); color: var(--z-tenue); opacity: .78; }
.zrow .meta {
  flex-shrink: 0; display: inline-flex; align-items: center; gap: 5px;
  font: 500 10px/1 var(--font-mono); color: var(--z-tenue); opacity: .8;
  transition: opacity 180ms var(--ease-out, ease), color 180ms var(--ease-out, ease);
}
.zrow .meta .ti { font-size: 12px; }
.zrow--new .txt b { font-weight: 800; color: var(--buho-navy-950); }
.zrow--new .txt > span { color: var(--color-text); opacity: .9; }
.zrow--tenue { opacity: .5; }
.zrow--on,
.zwin__list:hover .zrow:hover {
  background: var(--z-sel);
  border-bottom-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(3, 48, 204, .12);
}
.zrow--on::before, .zwin__list:hover .zrow:hover::before { height: 22px; }
.zwin__list:hover .zrow--on {
  background: none; box-shadow: none; border-bottom-color: var(--z-linea);
}
.zwin__list:hover .zrow--on::before { height: 0; }
.zwin__list:hover .zrow:hover { transform: translateX(2px); opacity: 1; }
.zwin__list:hover .zrow:hover .txt b { color: var(--buho-navy-950); font-weight: 800; }
.zwin__list:hover .zrow:hover .txt > span { color: var(--color-text); opacity: 1; }
.zwin__list:hover .zrow:hover .meta { opacity: 1; color: var(--z-azul); }
.av {
  width: 26px; height: 26px; border-radius: 50%; flex-shrink: 0;
  display: grid; place-items: center;
  font: 700 11px/1 var(--font-sans); color: #fff;
}
.av--a { background: #D9541F; } .av--b { background: #0330CC; }
.av--c { background: #0E8CA8; } .av--d { background: #4F8F2A; }
.av--e { background: #8B33C9; } .av--f { background: #64748B; }
.zrow > .av,
.zphone__row > .av,
.zwin .av { color: #fff; }
.zphone {
  position: absolute; right: -14px; bottom: -6px; z-index: 3;
  width: 168px;
  border-radius: 26px;
  padding: 5px;
  background: var(--z-marco);
  box-shadow: 0 28px 54px rgba(0, 17, 68, .34);
}
.zphone__in {
  background: var(--z-panel);
  border-radius: 21px; overflow: hidden; padding: 8px 9px 0;
}
.zphone__bar {
  display: flex; justify-content: space-between; align-items: center;
  font: 700 8.5px/1 var(--font-sans); color: var(--buho-navy-950);
  padding: 2px 3px 7px;
}
.zphone__sig { display: inline-flex; gap: 2px; align-items: flex-end; }
.zphone__sig i { width: 2.5px; background: var(--buho-navy-950); border-radius: 1px; }
.zphone__sig i:nth-child(1) { height: 4px; }
.zphone__sig i:nth-child(2) { height: 6px; }
.zphone__sig i:nth-child(3) { height: 8px; }
.zphone__head {
  display: flex; align-items: center; gap: 6px;
  font: 800 13px/1 var(--font-sans); letter-spacing: -.01em; color: var(--buho-navy-950);
  padding: 0 3px 8px;
}
.zphone__head b { font: 700 10px/1 var(--font-mono); color: var(--z-azul); }
.zphone__head .ti { margin-left: auto; font-size: 14px; color: var(--z-azul); }
.zphone__find {
  display: flex; align-items: center; gap: 5px;
  background: var(--z-suave);
  box-shadow: inset 0 0 0 1px var(--z-linea);
  border-radius: 8px;
  padding: 5px 8px; margin-bottom: 7px;
  font: 500 9.5px/1 var(--font-sans); color: var(--z-tenue);
}
.zphone__find .ti { font-size: 11px; }
.zphone__row {
  display: flex; align-items: center; gap: 7px;
  padding: 6px 5px; border-radius: 8px;
  border-bottom: 1px solid var(--z-linea);
  cursor: pointer;
  transition: background-color 180ms var(--ease-out, ease), box-shadow 180ms var(--ease-out, ease);
}
.zphone__row .av { width: 20px; height: 20px; font-size: 9px; }
.zphone__row .txt { min-width: 0; }
.zphone__row .txt b, .zphone__row .txt > span {
  display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.zphone__row .txt b { font: 700 9.5px/1.3 var(--font-sans); color: var(--buho-navy-950); }
.zphone__row .txt > span { font: 400 9px/1.3 var(--font-sans); color: var(--z-tenue); }
.zphone__row.on,
.zphone__in:hover .zphone__row:hover {
  background: var(--z-sel);
  border-bottom-color: transparent;
  box-shadow: inset 0 0 0 1px rgba(3, 48, 204, .14);
}
.zphone__in:hover .zphone__row.on {
  background: none; box-shadow: none; border-bottom-color: var(--z-linea);
}
.zphone__tabs {
  display: grid; grid-template-columns: repeat(3, 1fr);
  gap: 2px; margin: 8px -9px 0; padding: 7px 6px 9px;
  border-top: 1px solid var(--z-linea);
  background: var(--z-suave);
}
.zphone__tabs span {
  display: grid; justify-items: center; gap: 2px;
  font: 600 7.5px/1 var(--font-sans); color: var(--z-tenue);
  cursor: pointer;
  transition: color 170ms var(--ease-out, ease);
}
.zphone__tabs .ti { font-size: 13px; }
.zphone__tabs .on { color: var(--z-azul); }
.zphone__tabs:hover .on { color: var(--z-tenue); }
.zphone__tabs span:hover { color: var(--z-azul); }
.zchip {
  position: absolute; z-index: 4;
  display: inline-flex; align-items: center;
  background: #fff;
  border-radius: 13px;
  padding: 7px 12px;
  box-shadow: 0 16px 34px rgba(0, 17, 68, .18), 0 0 0 1px rgba(0, 17, 68, .05);
  animation: zFlota 5.5s ease-in-out infinite;
  transition: transform 220ms var(--ease-out, ease), box-shadow 220ms var(--ease-out, ease);
}
.zchip img { height: 19px; width: auto; display: block; }
.zchip:hover {
  animation-play-state: paused;
  transform: translateY(-7px) scale(1.05);
  box-shadow: 0 22px 44px rgba(0, 17, 68, .26), 0 0 0 1px rgba(3, 48, 204, .35);
}
.zchip--mail { left: -50px; top: 20px; }
.zchip--cal  { right: 34px; top: -20px; animation-delay: 1.1s; }
.zchip--con  { left: -46px; bottom: 118px; animation-delay: 2.2s; }
@keyframes zFlota {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-7px); }
}
@media (prefers-reduced-motion: reduce) {
  .zchip { animation: none; }
  .zrow, .zphone__row, .zwin__nav li, .zwin__apps > span, .zwin__tab, .zchip, .zwin__new { transition: none; }
  .zwin__list:hover .zrow:hover { transform: none; }
  .zchip:hover { transform: none; }
}
.zdom {
  position: absolute; left: 44px; bottom: 10px; z-index: 4;
  display: inline-flex; align-items: center; gap: 8px;
  border-radius: 999px; padding: 9px 16px;
  background: var(--buho-navy-950); color: #fff;
  font: 700 11px/1 var(--font-sans); letter-spacing: .08em; text-transform: uppercase;
  box-shadow: 0 16px 32px rgba(0, 17, 68, .26);
}
.zdom .ti { font-size: 15px; color: var(--buho-pink-300, #FF7FB5); }
@media (max-width: 1180px) {
  .zhero { padding: 0 28px 62px 30px; }
  .zhero::before { left: 4px; right: 0; }
  .zdom { left: 30px; }
  .zwin__body { grid-template-columns: 46px 106px 1fr; }
  .zwin__new { font-size: 10.5px; padding: 8px 8px; }
  .zchip--mail { left: -32px; top: 12px; }
  .zchip--con  { left: -30px; }
  .zchip--cal  { right: 22px; }
}
@media (max-width: 860px) {
  .zhero { padding: 0 0 66px; }
  .zhero::before { left: -14px; right: -14px; top: 14px; bottom: 22px; }
  .zdom { left: 8px; }
  .zwin__body { grid-template-columns: 46px 1fr; }
  .zwin__rail { display: none; }
  .zphone { right: -6px; width: 158px; }
  .zchip--mail { left: 8px; top: -18px; }
  .zchip--cal  { right: 8px; top: -18px; }
  .zchip--con  { display: none; }
}
@media (max-width: 560px) {
  .zphone { display: none; }
  .zdom { position: static; margin-top: 14px; display: inline-flex; }
  .zhero { padding: 0; }
  .zhero::before { display: none; }
  .zchip { padding: 7px 10px; }
  .zchip img { height: 17px; }
}
.zlogos__lb {
  display: block; margin: 22px 0 10px;
  font: 700 10.5px/1.45 var(--font-sans);
  letter-spacing: .1em; text-transform: uppercase;
  color: rgba(255, 255, 255, .55);
}
.zlogos { display: flex; flex-wrap: wrap; gap: 10px; }
.zlogos > span {
  display: inline-flex; align-items: center;
  background: #fff; border-radius: 11px;
  padding: 8px 13px;
  box-shadow: 0 8px 20px rgba(0, 17, 68, .22);
  transition: transform 200ms var(--ease-out, ease), box-shadow 200ms var(--ease-out, ease);
}
.zlogos > span:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(0, 17, 68, .30);
}
.zlogos img { height: 20px; width: auto; display: block; }
@media (max-width: 700px) {
  .zlogos > span { padding: 7px 11px; }
  .zlogos img { height: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  .zlogos > span { transition: none; }
  .zlogos > span:hover { transform: none; }
}
.wqr {
  display: grid; grid-template-columns: auto 1fr; gap: 18px; align-items: center;
  margin-top: 18px; padding: 16px;
  background: rgba(255, 255, 255, .06);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .12);
  border-radius: 18px;
}
.wqr__code {
  position: relative; overflow: hidden;
  width: 104px; height: 104px; border-radius: 14px;
  background: #fff; padding: 9px;
  display: grid; place-items: center;
}
.wqr__code svg { display: block; width: 100%; height: 100%; }
.wqr__code::after {
  content: ""; position: absolute; left: 6px; right: 6px; height: 22px; top: 6px;
  border-radius: 6px;
  background: linear-gradient(180deg, rgba(255, 0, 111, .34), transparent);
  box-shadow: 0 1px 0 rgba(255, 0, 111, .75);
  animation: wqHaz 2.6s ease-in-out infinite;
}
@keyframes wqHaz { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(66px); } }
@media (prefers-reduced-motion: reduce) { .wqr__code::after { animation: none; opacity: .5; } }
.wqr__pasos { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.wqr__pasos li {
  display: flex; align-items: center; gap: 10px;
  font: 500 13px/1.35 var(--font-sans); color: rgba(255, 255, 255, .8);
}
.wqr__pasos i:first-child {
  width: 21px; height: 21px; border-radius: 50%; flex-shrink: 0;
  display: grid; place-items: center; font-style: normal;
  font: 700 10.5px/1 var(--font-mono);
  background: rgba(255, 255, 255, .14); color: #fff;
}
.wqr__pasos .ti { font-size: 17px; color: #4ADE80; margin-left: auto; flex-shrink: 0; }
.wqr__foot {
  grid-column: 1 / -1; margin: 4px 0 0; padding-top: 13px;
  border-top: 1px solid rgba(255, 255, 255, .12);
  display: block;
  font: 500 12.5px/1.5 var(--font-sans); color: rgba(255, 255, 255, .68);
}
.wqr__foot::after { content: ""; display: block; clear: both; }
.wqr__foot .ti { float: left; margin: 1px 9px 0 0; font-size: 16px; color: #4ADE80; }
.wqr__foot b { color: #fff; font-weight: 700; }
.whub {
  display: grid; grid-template-columns: 1fr 44px auto; gap: 0 12px; align-items: center;
  background: #fff; border-radius: 22px; padding: 20px;
  box-shadow: 0 20px 46px rgba(0, 17, 68, .10), 0 0 0 1px rgba(0, 17, 68, .06);
}
.whub__src { display: grid; gap: 8px; min-width: 0; }
.whub__src > span {
  display: flex; align-items: center; gap: 9px;
  padding: 9px 12px; border-radius: 12px;
  background: var(--buho-cream, #F7F5EF);
  font: 600 12.5px/1.2 var(--font-sans); color: var(--color-text);
  min-width: 0;
}
.whub__src > span > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.whub__src .logo-marca { --lm: 18px; color: var(--mk, var(--buho-navy-950)); flex-shrink: 0; }
.whub__src .brandimg { --bh: 14px; flex-shrink: 0; }
.whub__out .brandimg { --bh: 26px; }
.whub__src .ti { font-size: 17px; color: var(--buho-blue-600, #0330CC); flex-shrink: 0; }
.whub__via { position: relative; align-self: stretch; }
.whub__via::before {
  content: ""; position: absolute; left: 0; right: 50%;
  top: 12%; bottom: 12%;
  border: 1.5px solid rgba(0, 17, 68, .18);
  border-right: 0; border-radius: 12px 0 0 12px;
}
.whub__via::after {
  content: ""; position: absolute; right: 0; top: 50%; width: 50%;
  border-top: 1.5px solid rgba(0, 17, 68, .18);
}
.whub__via i {
  position: absolute; left: 50%; top: 50%; z-index: 1;
  width: 9px; height: 9px; border-radius: 50%;
  transform: translate(-50%, -50%);
  background: var(--buho-pink-600, #FF006F);
  box-shadow: 0 0 0 4px rgba(255, 0, 111, .16);
}
.whub__out {
  display: grid; justify-items: center; gap: 7px;
  padding: 16px 14px; border-radius: 16px;
  background: var(--buho-navy-950); color: #fff;
  box-shadow: 0 14px 30px rgba(0, 17, 68, .24);
}
.whub__out .logo-marca { --lm: 30px; color: #25D366; }
.whub__out b { font: 800 13px/1.2 var(--font-sans); letter-spacing: -.01em; }
.whub__out span {
  font: 500 10.5px/1.3 var(--font-mono); color: rgba(255, 255, 255, .66); text-align: center;
}
.whub__foot {
  grid-column: 1 / -1; margin-top: 16px; padding-top: 14px;
  border-top: 1px solid rgba(0, 17, 68, .07);
  display: block;
  font: 500 12.5px/1.5 var(--font-sans); color: var(--color-text-muted);
}
.whub__foot::after { content: ""; display: block; clear: both; }
.whub__foot .ti { float: left; margin: 1px 9px 0 0; font-size: 16px; color: var(--buho-blue-600, #0330CC); }
.whub__foot b { color: var(--color-text); font-weight: 700; }
@media (max-width: 560px) {
  .whub { grid-template-columns: 1fr; gap: 14px; }
  .whub__via { display: none; }
}
.wcode {
  border-radius: 18px; overflow: hidden;
  background: #070D24;
  box-shadow: 0 26px 56px rgba(0, 17, 68, .38), inset 0 0 0 1px rgba(255, 255, 255, .07);
}
.wcode__bar {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px;
  background: rgba(255, 255, 255, .04);
  border-bottom: 1px solid rgba(255, 255, 255, .07);
}
.wcode__dots { display: inline-flex; gap: 5px; }
.wcode__dots i { width: 7px; height: 7px; border-radius: 50%; background: rgba(255, 255, 255, .18); }
.wcode__bar b {
  font: 600 11px/1 var(--font-mono); color: rgba(255, 255, 255, .55);
  letter-spacing: .02em;
}
.wcode__bar .met {
  margin-left: auto;
  background: rgba(74, 222, 128, .14); color: #4ADE80;
  box-shadow: inset 0 0 0 1px rgba(74, 222, 128, .3);
  border-radius: 999px; padding: 4px 10px;
  font: 700 9.5px/1 var(--font-mono); letter-spacing: .06em;
}
.wcode pre {
  margin: 0; padding: 15px 16px;
  font: 400 11.5px/1.62 var(--font-mono);
  color: rgba(234, 240, 255, .82);
  overflow-x: auto; white-space: pre;
}
.wcode pre + pre { border-top: 1px solid rgba(255, 255, 255, .07); }
.wcode .k { color: #7FB2E5; }            
.wcode .s { color: #FFB4D2; }            
.wcode .n { color: #A7F3D0; }            
.wcode .c { color: rgba(234, 240, 255, .38); }  
.wcode__foot {
  display: block;
  padding: 12px 16px;
  border-top: 1px solid rgba(255, 255, 255, .07);
  background: rgba(255, 255, 255, .03);
  font: 500 12px/1.45 var(--font-sans); color: rgba(255, 255, 255, .66);
}
.wcode__foot::after { content: ""; display: block; clear: both; }
.wcode__foot .ti { float: left; margin: 1px 9px 0 0; font-size: 16px; color: #4ADE80; }
.wcode__foot b { color: #fff; font-weight: 700; }
.whub__src .brandimg[src*="woocommerce-icon"] { --bh: 12.4px; }
.chband { background: var(--buho-cream, #F7F5EF); padding: 34px 0; }
.chband__in {
  display: flex; align-items: center; justify-content: center;
  flex-wrap: wrap; gap: 14px 20px;
}
.chband__lb {
  flex: 0 1 auto; max-width: 34ch;
  font: 700 11px/1.5 var(--font-sans);
  letter-spacing: .1em; text-transform: uppercase;
  color: var(--color-text-muted);
}
.chband__row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.chtile {
  position: relative;
  width: 52px; height: 52px; border-radius: 15px;
  display: grid; place-items: center;
  box-shadow: 0 10px 22px rgba(0, 17, 68, .13), 0 0 0 1px rgba(0, 17, 68, .04);
  transition: transform 200ms var(--ease-out, ease), box-shadow 200ms var(--ease-out, ease);
}
.chtile:hover { transform: translateY(-4px); box-shadow: 0 16px 30px rgba(0, 17, 68, .20); }
.chtile .logo-marca { --lm: 27px; }
.chtile img { height: 27px; width: auto; display: block; }
.chtile--claro { background: #fff; }
.chtile--pleno .logo-marca { color: #fff; }
.chtile--waya      { background: #fff; }
.chtile--waya img  { height: 30px; }
.chtile--whatsapp  { background: #25D366; }
.chtile--telegram  { background: #26A5E4; }
.chtile--messenger { background: linear-gradient(160deg, #00B2FF, #006AFF 45%, #A033FF 78%, #FF5280); }
.chtile--instagram { background: linear-gradient(145deg, #F9CE34, #EE2A7B 52%, #6228D7); }
.chtile--gmail     { background: #fff; }
.chtile--gmail .logo-marca { color: #EA4335; }
.chband__row > .chtile + .chtile::before {
  content: ""; position: absolute; right: 100%; top: 50%;
  width: 14px; border-top: 2px dashed rgba(0, 17, 68, .16);
}
@media (max-width: 700px) {
  .chband { padding: 26px 0; }
  .chband__in { gap: 12px 14px; }
  .chband__lb { flex-basis: 100%; text-align: center; max-width: none; }
  .chtile { width: 44px; height: 44px; border-radius: 13px; }
  .chtile .logo-marca { --lm: 23px; }
  .chtile img, .chtile--waya img { height: 24px; }
  .chband__row > .chtile + .chtile::before { width: 10px; }
}
@media (prefers-reduced-motion: reduce) {
  .chtile { transition: none; }
  .chtile:hover { transform: none; }
}
.wapp {
  position: relative;
  width: 100%;
  animation: hfSlide 560ms var(--ease-out) both;
  --a-linea: #ECECF3;
  --a-tenue: #7C8398;
  --a-sel:   #F1EFFC;
  --a-verde: #E9F9EF;
  --a-verde-ink: #0E8A45;
}
@media (prefers-reduced-motion: reduce) { .wapp { animation: none; } }
.wapp__win {
  position: relative; z-index: 1;
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 34px 76px rgba(26, 20, 70, .16), 0 0 0 1px rgba(26, 20, 70, .05);
}
.wapp__bar {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--a-linea);
  background: #FCFCFE;
}
.wapp__dots { display: inline-flex; gap: 5px; }
.wapp__dots i { width: 7px; height: 7px; border-radius: 50%; background: #DCDCE6; }
.wapp__url {
  margin: 0 auto;
  background: #F3F3F8; border-radius: 999px; padding: 4px 16px;
  font: 500 10.5px/1 var(--font-mono); color: var(--a-tenue);
}
.wapp__body { display: grid; grid-template-columns: 190px 1fr; min-height: 352px; }
.wapp__lista { border-right: 1px solid var(--a-linea); padding: 12px 9px; min-width: 0; }
.wapp__lhead { display: flex; align-items: center; gap: 8px; padding: 0 5px 9px; }
.wapp__lhead b { font: 800 12px/1 var(--font-sans); letter-spacing: -.02em; color: var(--buho-navy-950); white-space: nowrap; }
.wapp__lhead span { margin-left: auto; font: 600 10px/1 var(--font-mono); color: var(--a-tenue); }
.wapp__filtros { display: flex; gap: 3px; padding: 0 3px 9px; }
.wapp__filtros span {
  border-radius: 999px; padding: 5px 8px;
  font: 600 10px/1 var(--font-sans); color: var(--a-tenue);
  white-space: nowrap; cursor: pointer;
  transition: background-color 170ms var(--ease-out, ease), color 170ms var(--ease-out, ease);
}
.wapp__filtros .on { background: var(--a-verde); color: var(--a-verde-ink); }
.wapp__filtros:hover .on { background: none; color: var(--a-tenue); }
.wapp__filtros span:hover { background: var(--a-verde); color: var(--a-verde-ink); }
.wconv {
  display: grid; grid-template-columns: auto 1fr auto; gap: 1px 6px; align-items: center;
  padding: 7px 4px; border-radius: 10px;
  cursor: pointer;
  transition: background-color 180ms var(--ease-out, ease);
}
.wconv .wav  { grid-column: 1; grid-row: 1 / span 2; }
.wconv b     { grid-column: 2; grid-row: 1; }
.wconv .hora { grid-column: 3; grid-row: 1; }
.wconv .prev { grid-column: 2; grid-row: 2; }
.wconv .n    { grid-column: 3; grid-row: 2; }
.wconv b {
  font: 700 10.5px/1.35 var(--font-sans); letter-spacing: -.012em; color: var(--buho-navy-950);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0;
}
.wconv .hora { font: 500 9px/1.3 var(--font-mono); letter-spacing: -.02em; color: var(--a-tenue); white-space: nowrap; }
.wconv .prev {
  display: flex; align-items: center; gap: 4px; min-width: 0;
  font: 400 10px/1.35 var(--font-sans); color: var(--a-tenue);
}
.wconv .prev > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.wconv .prev .logo-marca { --lm: 11px; flex-shrink: 0; }
.wconv .prev .ti { font-size: 12px; flex-shrink: 0; }
.wconv .n {
  justify-self: end;
  min-width: 16px; height: 16px; border-radius: 999px; padding: 0 4px;
  display: grid; place-items: center;
  background: #148A44; color: #fff;
  font: 700 9px/1 var(--font-sans);
}
.wconv--on { background: var(--a-sel); }
.wapp__lista:hover .wconv--on { background: none; }
.wapp__lista .wconv:hover { background: var(--a-sel); }
.wav {
  width: 27px; height: 27px; border-radius: 50%; flex-shrink: 0;
  display: grid; place-items: center;
  font: 700 10px/1 var(--font-sans);
}
.wav--rq { background: #4B3DDB; color: #fff; }
.wav--mf { background: #E6E2FB; color: #4B3DDB; }
.wav--lc { background: #EDEBFA; color: #5B54A8; }
.wav--jr { background: var(--buho-navy-950); color: #fff; }
.wav--v  { background: #EDEDF3; color: #7C8398; }
.wapp__chat { display: flex; flex-direction: column; min-width: 0; }
.wapp__chead {
  display: flex; align-items: center; gap: 7px; flex-wrap: wrap;
  padding: 11px 13px;
  border-bottom: 1px solid var(--a-linea);
}
.wapp__chead .wav { width: 24px; height: 24px; font-size: 9.5px; }
.wapp__chead > b { font: 700 12px/1 var(--font-sans); color: var(--buho-navy-950); }
.wcanal {
  display: inline-flex; align-items: center; gap: 5px;
  background: var(--a-verde); border-radius: 999px; padding: 4px 9px;
  font: 700 10px/1 var(--font-sans); color: var(--a-verde-ink);
}
.wcanal .logo-marca { --lm: 12px; color: #25D366; }
.wetiq {
  border-radius: 999px; padding: 4px 9px;
  background: #F3F3F8;
  font: 600 10px/1 var(--font-sans); color: var(--a-tenue);
}
.wagente {
  margin-left: auto;
  display: inline-flex; align-items: center; gap: 6px;
  border-radius: 999px; padding: 3px 9px 3px 4px;
  box-shadow: inset 0 0 0 1px var(--a-linea);
  font: 600 10.5px/1 var(--font-sans); color: var(--buho-navy-950);
}
.wagente i:first-child {
  width: 17px; height: 17px; border-radius: 50%;
  background: #E6E2FB; color: #4B3DDB;
  display: grid; place-items: center; font-style: normal;
  font: 700 8.5px/1 var(--font-sans);
}
.wagente .ti { font-size: 12px; color: var(--a-tenue); }
.wapp__chead > .ti { font-size: 16px; color: #C4C7D4; }
.wapp__hilo {
  flex: 1 1 auto;
  display: flex; flex-direction: column; gap: 11px;
  padding: 15px 13px;
}
.wmsg { max-width: 86%; }
.wmsg__b { border-radius: 14px; padding: 9px 12px; font: 400 11.5px/1.5 var(--font-sans); }
.wmsg__t { display: block; margin-top: 5px; font: 400 9.5px/1 var(--font-mono); }
.wmsg--ellos { align-self: flex-start; }
.wmsg--ellos .wmsg__b {
  background: #F8F8FB; color: var(--color-text);
  box-shadow: inset 0 0 0 1px var(--a-linea);
  border-bottom-left-radius: 4px;
}
.wmsg--ellos .wmsg__t { color: var(--a-tenue); }
.wmsg--nos { align-self: flex-end; }
.wmsg--nos .wmsg__b {
  background: var(--a-verde); color: var(--color-text);
  border-bottom-right-radius: 4px;
}
.wmsg--nos .wmsg__t { color: var(--a-verde-ink); opacity: .85; }
.wapp__comp {
  display: flex; align-items: center; gap: 9px;
  margin: 0 13px 13px; padding: 8px 9px 8px 11px;
  border-radius: 12px;
  box-shadow: inset 0 0 0 1px var(--a-linea);
}
.wapp__comp .mas { font-size: 17px; color: var(--a-tenue); }
.wapp__comp .wapp__ph { flex: 1 1 auto; font: 400 11px/1.3 var(--font-sans); color: #848CA0; }
.wapp__comp .mic { font-size: 15px; color: var(--a-tenue); }
.wapp__comp .env {
  width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0;
  display: grid; place-items: center;
  background: #29C765; color: #fff;
  box-shadow: 0 5px 12px rgba(41, 199, 101, .34);
}
.wapp__comp .env .ti { font-size: 15px; }
.wlst { display: grid; gap: 9px; margin-top: 11px; }
.wlst__f { display: flex; align-items: center; gap: 9px; }
.wlst__f b { font: 700 8px/1 var(--font-sans); color: var(--color-text); min-width: 74px; }
.wlst__b { flex: 1; height: 5px; border-radius: 999px; background: #EFEFF6; overflow: hidden; }
.wlst__b i { display: block; height: 100%; border-radius: 999px; background: var(--buho-blue-600, #0330CC); }
.wlst__f--b .wlst__b i { background: var(--buho-blue-400, #6D87E1); }
.wlst__f--c .wlst__b i { background: var(--buho-pink-500, #FB136E); }
.wlst__f .n { font: 700 8px/1 var(--font-mono); color: var(--buho-navy-950, #001144); min-width: 30px; text-align: right; }
.wlst__b i.p75 { width: 75%; } .wlst__b i.p52 { width: 52%; } .wlst__b i.p34 { width: 34%; }
.wflo { position: absolute; z-index: 3; animation: zFlota 6s ease-in-out infinite; }
@media (prefers-reduced-motion: reduce) { .wflo { animation: none; } }
.wflo--wa {
  left: -38px; top: 34px;
  width: 48px; height: 48px; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--buho-navy-950);
  box-shadow: 0 14px 30px rgba(0, 17, 68, .30);
}
.wflo--wa .logo-marca { --lm: 23px; color: #fff; }
.wflo--ig {
  right: -22px; top: 44px; animation-delay: 1.4s;
  width: 44px; height: 44px; border-radius: 13px;
  display: grid; place-items: center;
  background: #fff;
  box-shadow: 0 12px 26px rgba(26, 20, 70, .18), 0 0 0 1px rgba(26, 20, 70, .05);
}
.wflo--ig .logo-marca { --lm: 23px; color: #D62976; }
.wflo--ia {
  left: -30px; bottom: 88px; animation-delay: 2.6s;
  display: inline-flex; align-items: center; gap: 7px;
  background: #fff; border-radius: 999px; padding: 8px 13px;
  box-shadow: 0 12px 26px rgba(26, 20, 70, .16), 0 0 0 1px rgba(26, 20, 70, .04);
  font: 600 11px/1 var(--font-sans); color: var(--buho-navy-950);
  white-space: nowrap;
}
.wflo--ia i:first-child { width: 7px; height: 7px; border-radius: 50%; background: #29C765; }
.wflo--ia small { font: 400 10px/1 var(--font-mono); color: var(--a-tenue); }
.wflo--csat {
  right: -26px; bottom: 168px; animation-delay: 3.4s;
  background: #fff; border-radius: 14px; padding: 10px 14px;
  box-shadow: 0 14px 30px rgba(26, 20, 70, .16), 0 0 0 1px rgba(26, 20, 70, .04);
  text-align: center;
}
.wflo--csat span { display: block; font: 700 8.5px/1 var(--font-mono); letter-spacing: .12em; color: var(--a-tenue); }
.wflo--csat b {
  display: block; margin-top: 4px;
  font: 800 19px/1 var(--font-sans); letter-spacing: -.03em; color: var(--buho-navy-950);
}
.wflo--csat b .ti { font-size: 13px; color: #29C765; vertical-align: 1px; }
.wflo--tag {
  right: 22px; top: -18px; animation-delay: 1.9s;
  display: inline-flex; align-items: center; gap: 7px;
  background: #fff; border-radius: 999px; padding: 8px 13px;
  box-shadow: 0 12px 26px rgba(26, 20, 70, .16), 0 0 0 1px rgba(26, 20, 70, .04);
  font: 500 11px/1 var(--font-sans); color: var(--a-tenue);
  white-space: nowrap;
}
.wflo--tag .ti { font-size: 14px; color: #4B3DDB; }
.wflo--tag b { color: var(--buho-navy-950); font-weight: 700; }
.wnota {
  display: flex; align-items: center; flex-wrap: wrap; gap: 4px 0;
  margin: 24px 0 0;
  font: 600 12px/1.6 var(--font-mono); color: var(--color-text-muted);
}
.wnota i { color: #D4D6E1; margin: 0 9px; font-style: normal; }
@media (max-width: 1180px) {
  .wapp__body { grid-template-columns: 186px 1fr; }
  .wconv .hora { display: none; }
  .wflo--wa { left: -38px; }
  .wflo--ig { right: -12px; }
  .wflo--ia { left: -18px; }
  .wflo--csat { right: -14px; }
  .wflo--tag { right: 14px; }
}
@media (max-width: 900px) {
  .wapp__body { grid-template-columns: 190px 1fr; }
  .wflo--wa { left: 16px; top: -22px; }
  .wflo--ia { bottom: auto; top: -18px; left: 12px; }
}
@media (max-width: 700px) {
  .wapp__body { grid-template-columns: 1fr; min-height: 0; }
  .wapp__lista { display: none; }
  .wapp__chead { padding: 10px 12px; }
  .wapp__chead .wetiq, .wapp__chead > .ti { display: none; }
  .wagente { margin-left: 0; }
  .wmsg { max-width: 92%; }
  .wapp__hilo { padding: 14px 12px; gap: 10px; }
  .wflo--ia, .wflo--csat, .wflo--tag { display: none; }
  .wflo--wa { width: 42px; height: 42px; left: -12px; top: 42px; }
  .wflo--wa .logo-marca { --lm: 20px; }
  .wflo--ig { width: 38px; height: 38px; right: -10px; top: 34px; border-radius: 11px; }
  .wflo--ig .logo-marca { --lm: 20px; }
  .wnota { font-size: 11px; }
  .wnota i { margin: 0 6px; }
}
.mk-instagram { --mk: #E4405F; --mk-soft: rgba(228,64,95,.12); }
.mk-messenger { --mk: #0084FF; --mk-soft: rgba(0,132,255,.11); }
.mk-telegram  { --mk: #26A5E4; --mk-soft: rgba(38,165,228,.12); }
.mk-tiktok    { --mk: #111827; --mk-soft: rgba(17,24,39,.08);  }
.mk-line      { --mk: #00B900; --mk-soft: rgba(0,185,0,.12);   }
.mk-x         { --mk: #111827; --mk-soft: rgba(17,24,39,.08);  }
.mk-gmail     { --mk: #EA4335; --mk-soft: rgba(234,67,53,.11); }
.mk-facebook  { --mk: #0866FF; --mk-soft: rgba(8,102,255,.11); }
.mk-meta      { --mk: #0081FB; --mk-soft: rgba(0,129,251,.11); }
.mk-youtube   { --mk: #FF0033; --mk-soft: rgba(255,0,51,.10);  }
.mk-linkedin  { --mk: #0A66C2; --mk-soft: rgba(10,102,194,.11);}
.mk-apple     { --mk: #111827; --mk-soft: rgba(17,24,39,.08);  }
.mk-android   { --mk: #3DDC84; --mk-soft: rgba(61,220,132,.14);}
.mk-hubspot   { --mk: #FF7A59; --mk-soft: rgba(255,122,89,.13);}
.mk-mailchimp { --mk: #FFE01B; --mk-soft: rgba(255,224,27,.18);}
.mk-waya      { --mk: #0330CC; --mk-soft: rgba(3,48,204,.10);  }
.sec--navy .mk-tiktok, .sec--navy .mk-x, .sec--navy .mk-apple,
.phband .mk-tiktok, .phband .mk-x, .phband .mk-apple,
.closer .mk-tiktok, .closer .mk-x, .closer .mk-apple { --mk: #C9D4EA; }
.sec--navy .mk-waya, .phband .mk-waya, .closer .mk-waya { --mk: #7FB2E5; }
.sec--navy .mk-messenger, .sec--navy .mk-facebook { --mk: #6FB6EE; }
.logo-marca.logo-line { --lmb: 1.05; }   
.chtile--tiktok { background: #010101; }
.chtile--line   { background: #06C755; }
.chtile--x      { background: #000; }
.chtile--gen    { background: var(--buho-navy-950, #001144); }
.chtile--gen .ti { font-size: 25px; color: #fff; line-height: 1; }
.chband--11 .chband__row { max-width: 720px; justify-content: center; }
@media (max-width: 700px) {
  .chtile--gen .ti { font-size: 21px; }
}
.mbox {
  background: #fff;
  border-radius: 18px;
  box-shadow: 0 18px 44px rgba(0, 17, 68, .13), 0 0 0 1px rgba(0, 17, 68, .06);
  overflow: hidden;
}
.mbox__bar {
  display: flex; align-items: center; gap: 10px;
  padding: 11px 15px;
  background: var(--buho-navy-950, #001144);
}
.mbox__dots { display: inline-flex; gap: 5px; }
.mbox__dots i { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,.24); }
.mbox__bar b { font: 700 12.5px/1 var(--font-sans); color: #fff; letter-spacing: -.01em; }
.mbox__bar .tag {
  margin-left: auto;
  font: 600 9.5px/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase;
  color: #A7F3D0; background: rgba(74, 222, 128, .14);
  border-radius: 999px; padding: 5px 9px;
}
.mrow {
  display: grid;
  grid-template-columns: 34px 1fr auto;
  grid-template-rows: auto auto;
  column-gap: 11px; row-gap: 3px;
  align-items: center;
  padding: 12px 15px;
  border-top: 1px solid rgba(0, 17, 68, .07);
  transition: background 160ms var(--ease-out, ease);
}
.mbox > .mrow:first-of-type { border-top: 0; }
.mrow--on { background: #F1EFFC; }
.mbox:hover .mrow--on { background: none; }
.mbox:hover .mrow:hover { background: #F1EFFC; }
.mrow__ic {
  grid-column: 1; grid-row: 1 / span 2;
  width: 34px; height: 34px; border-radius: 11px;
  display: grid; place-items: center;
  background: var(--mk-soft, rgba(0, 17, 68, .06));
  color: var(--mk, var(--buho-navy-950));
}
.mrow__ic .logo-marca { --lm: 18px; }
.mrow__ic .ti { font-size: 17px; }
.mrow b    { grid-column: 2; grid-row: 1; font: 700 12.5px/1.25 var(--font-sans); letter-spacing: -.01em; }
.mrow .sub { grid-column: 2; grid-row: 2; font: 400 11.5px/1.35 var(--font-sans); color: var(--color-text-muted); }
.mrow .hora{ grid-column: 3; grid-row: 1; font: 500 9.5px/1 var(--font-mono); color: var(--color-text-muted); }
.mrow .asig {
  grid-column: 3; grid-row: 2;
  display: inline-flex; align-items: center; gap: 5px;
  font: 700 10px/1 var(--font-sans); color: var(--color-text-muted);
  white-space: nowrap;
}
.mrow .asig i:not(.ti) {
  width: 17px; height: 17px; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--buho-blue-600, #0330CC); color: #fff;
  font: 700 8.5px/1 var(--font-sans); font-style: normal;
}
.mbox__foot {
  display: block;
  padding: 12px 15px;
  border-top: 1px solid rgba(0, 17, 68, .07);
  background: var(--buho-cream, #F7F5EF);
  font: 500 11.5px/1.45 var(--font-sans); color: var(--color-text-muted);
}
.mbox__foot::after { content: ""; display: block; clear: both; }
.mbox__foot .ti { float: left; margin: 1px 8px 0 0; font-size: 15px; color: var(--buho-blue-600, #0330CC); }
.mbox__foot b { color: var(--color-text); font-weight: 700; }
@media (max-width: 620px) {
  .mrow { grid-template-columns: 30px 1fr; padding: 11px 13px; }
  .mrow__ic { width: 30px; height: 30px; border-radius: 10px; }
  .mrow .hora, .mrow .asig { display: none; }
}
.mpanel {
  background: #fff; border-radius: 18px; overflow: hidden;
  box-shadow: 0 18px 44px rgba(0, 17, 68, .13), 0 0 0 1px rgba(0, 17, 68, .06);
}
.mpanel__url {
  display: flex; align-items: center; gap: 9px;
  padding: 12px 15px;
  background: var(--buho-cream, #F7F5EF);
  border-bottom: 1px solid rgba(0, 17, 68, .07);
  font: 500 12px/1 var(--font-mono); color: var(--color-text);
  overflow: hidden;
}
.mpanel__url > .ti { font-size: 15px; color: #0E8A45; flex-shrink: 0; }
.mpanel__url > .marca-color { --mc: 17px; flex-shrink: 0; }
.mpanel__url > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mpanel__url .eb { margin-left: auto; flex-shrink: 0; }
.mpanel__list { list-style: none; margin: 0; padding: 6px 15px 14px; }
.mpanel__list li {
  display: grid; grid-template-columns: 20px 1fr; gap: 10px; align-items: start;
  padding: 10px 0; border-bottom: 1px solid rgba(0, 17, 68, .06);
  font: 500 12.5px/1.45 var(--font-sans);
}
.mpanel__list li:last-child { border-bottom: 0; }
.mpanel__list .ti { font-size: 17px; color: #0E8A45; }
.mpanel__list .logo-marca { --lm: 17px; color: var(--mk, #25D366); justify-self: center; }
.mskin {
  background: #fff; border-radius: 18px; padding: 18px;
  box-shadow: 0 18px 44px rgba(0, 17, 68, .13), 0 0 0 1px rgba(0, 17, 68, .06);
}
.mskin__file {
  display: flex; align-items: center; gap: 11px;
  padding: 11px 13px; border-radius: 13px;
  background: var(--buho-cream, #F7F5EF);
}
.mskin__mark {
  width: 34px; height: 34px; border-radius: 10px;
  display: grid; place-items: center;
  background: var(--buho-blue-600, #0330CC); color: #fff;
  font: 800 12px/1 var(--font-sans); letter-spacing: -.02em;
  flex-shrink: 0;
}
.mskin__file b { display: block; font: 600 12px/1.3 var(--font-mono); }
.mskin__file span { display: block; font: 400 11px/1.3 var(--font-sans); color: var(--color-text-muted); }
.mskin__file > .ti { margin-left: auto; font-size: 17px; color: #0E8A45; }
.mskin__palrow {
  display: flex; align-items: center; justify-content: space-between;
  gap: 12px; margin: 16px 0 9px;
}
.mskin__pallb {
  font: 700 10.5px/1 var(--font-sans); letter-spacing: .06em;
  text-transform: uppercase; color: var(--color-text-muted);
}
.mskin__palok {
  display: inline-flex; align-items: center; gap: 5px;
  font: 600 11px/1 var(--font-sans); color: #0E8A45;
}
.mskin__palok .ti { font-size: 14px; }
.mskin__pal { display: flex; gap: 12px; margin: 0; }
.mskin__pal i {
  width: 30px; height: 30px; border-radius: 9px;
  background: var(--sw);
  box-shadow: inset 0 0 0 1px rgba(0, 17, 68, .08);
}
.mskin__pal i.on {
  box-shadow: inset 0 0 0 1px rgba(0, 17, 68, .08),
              0 0 0 2px #fff, 0 0 0 4px var(--sw);
}
.mskin__prev {
  margin-top: 18px; padding: 0 15px 17px; border-radius: 14px;
  overflow: hidden;
  background: var(--buho-navy-950, #001144);
  text-align: center;
}
.mskin__prev > .mskin__bar {
  display: flex; align-items: center; gap: 7px;
  margin: 0 -15px 16px; padding: 10px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, .1);
  font: 500 11px/1 var(--font-mono);
  color: rgba(255, 255, 255, .62);
}
.mskin__prev > .mskin__bar .ti { font-size: 13px; color: rgba(255, 255, 255, .62); }
.mskin__prev > .mskin__mark { margin-top: 3px; }
.mskin__prev .mskin__mark { margin: 0 auto; }
.mskin__prev b {
  display: block; margin-top: 10px;
  font: 800 14px/1.2 var(--font-sans); color: #fff; letter-spacing: -.015em;
}
.mskin__prev > span {
  display: block; margin-top: 4px;
  font: 400 11.5px/1.4 var(--font-sans); color: rgba(255, 255, 255, .6);
}
.mskin__prev em {
  display: block; margin-top: 13px; padding: 9px 12px;
  border-radius: 10px; background: rgba(255, 255, 255, .08);
  font: 400 11.5px/1 var(--font-mono); font-style: normal;
  color: rgba(255, 255, 255, .5); text-align: left;
}
.mskin__prev > .mskin__go {
  display: block; margin-top: 12px; padding: 10px 14px;
  border-radius: 10px;
  background: var(--buho-blue-600, #0330CC);
  font: 700 12.5px/1 var(--font-sans); color: #fff;
}
.mfin {
  background: #fff; border-radius: 18px; padding: 18px;
  box-shadow: 0 18px 44px rgba(0, 17, 68, .13), 0 0 0 1px rgba(0, 17, 68, .06);
}
.mfin__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.mfin__c { padding: 13px 12px; border-radius: 13px; background: var(--buho-cream, #F7F5EF); }
.mfin__c--hot { background: color-mix(in srgb, var(--buho-blue-600, #0330CC) 9%, #fff); }
.mfin__c .l {
  font: 700 9.5px/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase;
  color: var(--color-text-muted);
}
.mfin__c .n {
  display: block; margin: 8px 0 3px;
  font: 800 clamp(19px, 2.2vw, 24px)/1 var(--font-sans); letter-spacing: -.03em;
}
.mfin__c .s { font: 400 11px/1.35 var(--font-sans); color: var(--color-text-muted); }
.mfin__bars { margin-top: 16px; padding-top: 15px; border-top: 1px solid rgba(0, 17, 68, .07); }
@media (max-width: 520px) {
  .mfin__row { grid-template-columns: 1fr; }
}
.mmap { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.mmap__it {
  display: block; padding: 13px 14px; border-radius: 14px;
  background: var(--buho-cream, #F7F5EF);
  text-decoration: none; color: inherit;
  transition: transform 180ms var(--ease-out, ease), box-shadow 180ms var(--ease-out, ease);
}
.mmap__it:hover, .mmap__it:focus-visible {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0, 17, 68, .12);
}
.mmap__it .ti { font-size: 17px; color: var(--motif-a-ink, var(--buho-blue-600)); }
.mmap__it b { display: block; margin-top: 7px; font: 700 12.5px/1.25 var(--font-sans); }
.mmap__it span { display: block; font: 400 10.5px/1.35 var(--font-sans); color: var(--color-text-muted); }
.mmap--min { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 9px; }
.mmap--min .mmap__it {
  background: #fff; border: 1px solid rgba(0, 17, 68, .09);
  font: 700 11.5px/1 var(--font-sans); padding: 11px 12px;
}
@media (prefers-reduced-motion: reduce) {
  .mmap__it:hover, .mmap__it:focus-visible { transform: none; }
}
@media (max-width: 420px) {
  .mmap, .mmap--min { grid-template-columns: 1fr; }
}
.whub--inv { grid-template-columns: auto 44px 1fr; }
.whub--inv > .whub__out { grid-column: 1; grid-row: 1; }
.whub--inv > .whub__via { grid-column: 2; grid-row: 1; }
.whub--inv > .whub__src { grid-column: 3; grid-row: 1; }
.whub--inv > .whub__foot { grid-column: 1 / -1; }
.whub--inv .whub__via::before {
  left: 50%; right: 0;
  border: 1.5px solid rgba(0, 17, 68, .18);
  border-left: 0; border-radius: 0 12px 12px 0;
}
.whub--inv .whub__via::after { right: auto; left: 0; }
@media (max-width: 620px) {
  .whub--inv { grid-template-columns: 1fr; }
  .whub--inv > .whub__out, .whub--inv > .whub__via, .whub--inv > .whub__src { grid-column: 1; }
  .whub--inv > .whub__out { grid-row: 1; margin-bottom: 12px; }
  .whub--inv > .whub__via { display: none; }
  .whub--inv > .whub__src { grid-row: 2; }
}
.wmsg--nota { align-self: flex-start; max-width: 74%; }
@media (max-width: 1180px) { .wmsg--nota { max-width: 66%; } }
@media (max-width: 700px)  { .wmsg--nota { max-width: 92%; } }
.wmsg--nota .wmsg__b {
  background: #FFF8E7; color: var(--color-text);
  box-shadow: inset 0 0 0 1px #F2E2B8;
  border-radius: 12px;
}
.wmsg--nota .wmsg__t { color: #9A7B22; }
.wmsg--nota b { font-weight: 700; }
.wnp {
  display: block; margin-bottom: 5px;
  font: 700 9.5px/1 var(--font-mono); letter-spacing: .05em; text-transform: uppercase;
  color: #9A7B22;
}
.wnp .ti { font-size: 12px; vertical-align: -1px; margin-right: 4px; }
.sticky-story > *, .sticky-story__vis > *, .steps > * { min-width: 0; }
.mpanel__list .text-mono, .mbox .sub, .mskin__file b { overflow-wrap: anywhere; }
.ico.bchip.ico--canal,
.bento .ico.ico--canal,
.explore .ico.ico--canal {
  background: color-mix(in srgb, var(--mk-ink, var(--buho-navy-950, #001144)) 11%, #fff);
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--mk-ink, #001144) 16%, transparent);
  color: var(--mk-ink, var(--buho-navy-950, #001144));
}
.ico.ico--canal .ti, .bento .ico.ico--canal .ti, .explore .ico.ico--canal .ti { color: var(--mk-ink, var(--buho-navy-950, #001144)); font-size: calc(var(--bc) * .48); }
.sec--navy .ico.bchip.ico--canal, .closer .ico.bchip.ico--canal, .bento .dark .ico.ico--canal, .on-dark .ico.bchip.ico--canal {
  background: rgba(255,255,255,.12); box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); color: #fff;
}
.sec--navy .ico.ico--canal .ti, .closer .ico.ico--canal .ti, .bento .dark .ico.ico--canal .ti, .on-dark .ico.bchip.ico--canal .ti { color: #fff; }
.bento .accent .ico.ico--canal {
  background: rgba(255, 255, 255, .22);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .30);
}
.ico--canal.mk-whatsapp  { --mk-ink: #128C4A; }   
.ico--canal.mk-instagram { --mk-ink: #C1275A; }   
.ico--canal.mk-messenger { --mk-ink: #0064E0; }   
.ico--canal.mk-telegram  { --mk-ink: #1B7FB5; }   
.ico--canal.mk-tiktok    { --mk-ink: #111827; }   
.ico--canal.mk-line      { --mk-ink: #0B7A3E; }   
.ico--canal.mk-gmail     { --mk-ink: #C5221F; }   
.ico--canal.mk-x         { --mk-ink: #111827; }
.ico--canal.mk-waya      { --mk-ink: #0330CC; }   
.fcell:hover > .ico--canal {
  box-shadow: 0 10px 20px color-mix(in srgb, var(--mk-ink, #001144) 20%, transparent);
}
@media (prefers-reduced-motion: reduce) {
  .fcell:hover > .ico--canal { box-shadow: none; }
}
.mserp {
  background: #fff; border-radius: 18px; padding: 18px;
  box-shadow: 0 18px 44px rgba(0, 17, 68, .13), 0 0 0 1px rgba(0, 17, 68, .06);
}
.mserp__q {
  display: flex; align-items: center; gap: 10px;
  padding: 11px 15px; border-radius: 999px;
  background: var(--buho-cream, #F7F5EF);
  box-shadow: inset 0 0 0 1px rgba(0, 17, 68, .08);
  font: 500 13.5px/1 var(--font-sans); color: var(--color-text);
}
.mserp__q .ti { font-size: 16px; color: var(--color-text-muted); flex-shrink: 0; }
.mserp__q span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mserp__r { margin-top: 16px; padding-top: 15px; border-top: 1px solid rgba(0, 17, 68, .07); }
.mserp__r .url {
  display: block; font: 400 11.5px/1.4 var(--font-mono); color: var(--color-text-muted);
  overflow-wrap: anywhere;
}
.mserp__r b {
  display: block; margin: 4px 0 5px;
  font: 700 16px/1.3 var(--font-sans); letter-spacing: -.015em;
  color: var(--buho-blue-600, #0330CC);
}
.mserp__r p { margin: 0; font: 400 12.5px/1.55 var(--font-sans); color: var(--color-text-muted); }
.mserp__stars {
  display: flex; align-items: center; gap: 6px; margin-top: 9px;
  font: 500 11.5px/1 var(--font-sans); color: var(--color-text-muted);
}
.mserp__stars i { font-size: 13px; color: #E8A317; }
.mserp__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.mserp__tags span {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 5px 10px; border-radius: 999px;
  background: #E9F9EF; color: #0E8A45;
  font: 700 10px/1 var(--font-mono); letter-spacing: .05em; text-transform: uppercase;
}
.mserp__tags .ti { font-size: 12px; }
.mresp {
  display: grid; grid-template-columns: 1fr 128px 74px; gap: 12px; align-items: end;
}
.mresp__d {
  border-radius: 12px; background: #fff; overflow: hidden;
  box-shadow: 0 14px 32px rgba(0, 17, 68, .12), 0 0 0 1px rgba(0, 17, 68, .07);
}
.mresp__bar {
  display: flex; align-items: center; gap: 5px;
  padding: 7px 9px; background: var(--buho-cream, #F7F5EF);
  border-bottom: 1px solid rgba(0, 17, 68, .07);
}
.mresp__bar i { width: 5px; height: 5px; border-radius: 50%; background: rgba(0, 17, 68, .16); }
.mresp__bar span {
  margin-left: 4px; font: 500 8.5px/1 var(--font-mono); color: var(--color-text-muted);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mresp__in { padding: 9px; display: grid; gap: 6px; }
.mresp__in .h { height: 9px; border-radius: 3px; background: var(--buho-navy-950, #001144); width: 62%; }
.mresp__in .l { height: 5px; border-radius: 3px; background: rgba(0, 17, 68, .12); }
.mresp__in .l--c { width: 78%; }
.mresp__in .cta {
  height: 15px; width: 66px; border-radius: 999px; margin-top: 3px;
  background: var(--buho-blue-600, #0330CC);
}
.mresp__lb {
  display: block; margin-top: 8px; text-align: center;
  font: 700 8.5px/1 var(--font-mono); letter-spacing: .07em; text-transform: uppercase;
  color: var(--color-text-muted);
}
.mresp__d--tel { border-radius: 14px; }
.mresp__d--tel .mresp__bar { justify-content: center; padding: 6px; }
.mresp__d--tel .mresp__bar i { width: 22px; height: 3px; border-radius: 999px; }
.mresp__d--tel .mresp__in .cta { width: 100%; }
@media (max-width: 620px) {
  .mresp { grid-template-columns: 1fr 78px; }
  .mresp__d--tab { display: none; }
}
.mshop {
  background: #fff; border-radius: 18px; overflow: hidden;
  box-shadow: 0 18px 44px rgba(0, 17, 68, .13), 0 0 0 1px rgba(0, 17, 68, .06);
}
.mshop__top { padding: 18px; }
.mshop__foto { display: grid; gap: 9px; margin-bottom: 16px; }
.mshop__marco {
  position: relative; display: grid; place-items: center;
  aspect-ratio: 16 / 10; border-radius: 14px; overflow: hidden;
  background:
    radial-gradient(70% 55% at 50% 34%, rgba(255, 255, 255, .95), transparent 70%),
    linear-gradient(152deg, #E3E9FA, #F2EEF4 55%, #FBE4EE);
  box-shadow: inset 0 0 0 1px rgba(0, 17, 68, .06);
}
.mshop__marco:not(:has(img))::after {
  content: ""; position: absolute; left: 50%; bottom: 30%;
  width: 38%; height: 14px; transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(50% 50%, rgba(0, 17, 68, .20), transparent 72%);
  filter: blur(5px);
}
.mshop__marco > .ti {
  position: relative; z-index: 1;
  font-size: 132px; line-height: 1;
  color: #6E7A9B;
  text-shadow: 0 -1.5px 0 rgba(255, 255, 255, .85), 0 10px 16px rgba(0, 17, 68, .18);
}
.mshop__marco:has(img) { background: #FCFCFE; }
.mshop__marco > img {
  width: 100%; height: 100%;
  object-fit: contain; object-position: center;
  padding: 2% 3%;
}
.mshop__marco .n {
  position: absolute; right: 10px; bottom: 10px;
  padding: 4px 9px; border-radius: 999px;
  background: rgba(255, 255, 255, .88);
  font: 600 9.5px/1 var(--font-mono); color: var(--color-text-muted);
}
.mshop__galeria { display: flex; align-items: center; gap: 7px; }
.mshop__galeria > span:not(.mshop__colores) {
  width: 42px; height: 34px; border-radius: 9px; flex: none; overflow: hidden;
  display: grid; place-items: center;
  background: #F4F4FA; box-shadow: inset 0 0 0 1px rgba(0, 17, 68, .05);
}
.mshop__galeria img { display: block; width: 100%; height: 100%; object-fit: cover; }
.mshop__galeria .g1 img { object-fit: contain; padding: 3px; }
.mshop__galeria .g2 img { transform: scale(2); transform-origin: 80% 58%; }
.mshop__galeria .g3 img { transform: scale(2); transform-origin: 14% 58%; }
.mshop__galeria .g4 img { object-fit: contain; padding: 3px; transform: scaleX(-1); }
.mshop__galeria > span:not(.mshop__colores) .ti { font-size: 15px; color: rgba(0, 17, 68, .30); }
.mshop__galeria > span.on:not(.mshop__colores) {
  background: #E9ECFA; box-shadow: inset 0 0 0 2px var(--buho-navy-950, #001144);
}
.mshop__colores { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; }
.mshop__colores i {
  width: 16px; height: 16px; border-radius: 50%;
  box-shadow: inset 0 0 0 1px rgba(0, 17, 68, .14);
}
.mshop__colores i.c1 { background: #8A5A33; }
.mshop__colores i.c2 { background: #23304E; }
.mshop__colores i.c3 { background: #E7DFD4; }
.mshop__colores i.on { box-shadow: inset 0 0 0 1px rgba(0, 17, 68, .14), 0 0 0 2px #fff, 0 0 0 3.5px var(--buho-navy-950, #001144); }
@media (max-width: 640px) { .mshop__marco > .ti { font-size: 92px; } }
.mshop__eb {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 10px; border-radius: 999px;
  background: #E9F9EF; color: #0E8A45;
  font: 700 10px/1 var(--font-mono); letter-spacing: .05em; text-transform: uppercase;
}
.mshop__top b {
  display: block; margin: 12px 0 3px;
  font: 800 17px/1.25 var(--font-sans); letter-spacing: -.02em;
}
.mshop__top .sub { font: 400 12.5px/1.4 var(--font-sans); color: var(--color-text-muted); }
.mshop__pr {
  display: block; margin-top: 10px;
  font: 800 24px/1 var(--font-sans); letter-spacing: -.03em;
  color: var(--buho-blue-600, #0330CC);
}
.mshop__tallas { display: flex; align-items: center; gap: 7px; margin-top: 15px; flex-wrap: wrap; }
.mshop__tallas .lb { font: 600 12px/1 var(--font-sans); color: var(--color-text-muted); margin-right: 3px; }
.mshop__tallas span:not(.lb) {
  min-width: 36px; padding: 8px 9px; border-radius: 10px; text-align: center;
  background: var(--buho-cream, #F7F5EF);
  font: 700 12.5px/1 var(--font-sans); color: var(--color-text);
  transition: background 160ms var(--ease-out, ease), color 160ms var(--ease-out, ease);
}
.mshop__tallas .on {
  background: #E9ECFA;
  box-shadow: inset 0 0 0 2px var(--buho-navy-950, #001144);
}
.mshop:hover .mshop__tallas .on { background: var(--buho-cream, #F7F5EF); box-shadow: none; }
.mshop:hover .mshop__tallas span:not(.lb):not(.no):hover {
  background: #E9ECFA;
  box-shadow: inset 0 0 0 2px var(--buho-navy-950, #001144);
}
.mshop__tallas .no { opacity: .4; text-decoration: line-through; }
.mshop:hover .mshop__tallas .no:hover { background: var(--buho-cream, #F7F5EF); box-shadow: none; }
.mshop__cta {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  margin: 16px 0 0; padding: 12px; border-radius: 12px;
  background: var(--buho-blue-600, #0330CC); color: #fff;
  font: 700 13px/1 var(--font-sans);
}
.mshop__cta .ti { font-size: 16px; }
.mshop__env { display: block; margin-top: 9px; text-align: center; font: 400 11.5px/1.4 var(--font-sans); color: var(--color-text-muted); }
.mshop__cart { background: var(--buho-cream, #F7F5EF); padding: 15px 18px; }
.mshop__cart .tt {
  font: 700 10px/1 var(--font-mono); letter-spacing: .07em; text-transform: uppercase;
  color: var(--color-text-muted);
}
.mshop__cart dl { margin: 11px 0 0; display: grid; gap: 7px; }
.mshop__cart dl > div { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; font: 400 12.5px/1.4 var(--font-sans); }
.mshop__cart dt { color: var(--color-text-muted); min-width: 0; }
.mshop__cart dd { margin: 0; font-family: var(--font-mono); font-weight: 600; white-space: nowrap; }
.mshop__cart .desc dd { color: #0E8A45; }
.mshop__cart .tot {
  margin-top: 11px; padding-top: 11px; border-top: 1px solid rgba(0, 17, 68, .10);
  font-weight: 800; font-size: 14.5px;
}
.mshop__cart .tot dd { font-size: 17px; letter-spacing: -.02em; }
.mredir {
  background: #fff; border-radius: 18px; padding: 6px 16px 14px;
  box-shadow: 0 18px 44px rgba(0, 17, 68, .13), 0 0 0 1px rgba(0, 17, 68, .06);
}
.mredir__r {
  display: grid; grid-template-columns: 1fr 46px 1fr; gap: 10px; align-items: center;
  padding: 12px 0; border-bottom: 1px solid rgba(0, 17, 68, .07);
}
.mredir__r:last-of-type { border-bottom: 0; }
.mredir__r > span { min-width: 0; }
.mredir__r .vieja, .mredir__r .nueva {
  display: block; font: 500 11.5px/1.4 var(--font-mono);
  overflow-wrap: anywhere;
}
.mredir__r .vieja { color: var(--color-text-muted); text-decoration: line-through; text-decoration-color: rgba(0,17,68,.28); }
.mredir__r .nueva { color: var(--color-text); }
.mredir__r .dato {
  display: block; margin-top: 3px;
  font: 400 10.5px/1.3 var(--font-sans); color: var(--color-text-muted);
}
.mredir__r .cod {
  justify-self: center;
  display: inline-flex; align-items: center;
  padding: 5px 9px; border-radius: 999px;
  background: color-mix(in srgb, var(--buho-blue-600, #0330CC) 10%, transparent);
  color: var(--buho-blue-600, #0330CC);
  font: 700 10px/1 var(--font-mono); letter-spacing: .04em;
}
.mredir__foot {
  display: block; margin-top: 4px; padding-top: 13px;
  border-top: 1px solid rgba(0, 17, 68, .07);
  font: 500 11.5px/1.45 var(--font-sans); color: var(--color-text-muted);
}
.mredir__foot::after { content: ""; display: block; clear: both; }
.mredir__foot .ti { float: left; margin: 1px 8px 0 0; font-size: 15px; color: #0E8A45; }
.mredir__foot b { color: var(--color-text); font-weight: 700; }
@media (max-width: 560px) {
  .mredir__r { grid-template-columns: 1fr; gap: 5px; }
  .mredir__r .cod { justify-self: start; }
}
.mvs { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mvs__c {
  padding: 17px 16px; border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(0, 17, 68, .10), 0 0 0 1px rgba(0, 17, 68, .06);
  display: flex; flex-direction: column;
}
.mvs__c--mal  { background: #FBF7F7; }
.mvs__c--bien { background: #F4FBF7; box-shadow: 0 16px 38px rgba(14, 138, 69, .13), 0 0 0 1px rgba(14, 138, 69, .14); }
.mvs__lb {
  font: 700 10px/1 var(--font-mono); letter-spacing: .07em; text-transform: uppercase;
  color: var(--color-text-muted);
}
.mvs__c--bien .mvs__lb { color: #0E8A45; }
.mvs ul { list-style: none; margin: 13px 0 0; padding: 0; display: grid; gap: 9px; }
.mvs li { display: grid; grid-template-columns: 17px 1fr; gap: 9px; align-items: start;
          font: 500 12.5px/1.4 var(--font-sans); }
.mvs li .ti { font-size: 16px; line-height: 1.15; }
.mvs__c--mal  li .ti { color: #C0453C; }
.mvs__c--bien li .ti { color: #0E8A45; }
.mvs__pie {
  margin-top: auto; padding-top: 13px;
  border-top: 1px solid rgba(0, 17, 68, .08);
  font: 500 11.5px/1.45 var(--font-sans); color: var(--color-text-muted);
}
.mvs__pie b { font: 800 15px/1 var(--font-sans); color: var(--color-text); letter-spacing: -.02em; }
.mvs__c--bien .mvs__pie b { color: #0E8A45; }
@media (max-width: 520px) { .mvs { grid-template-columns: 1fr; } }
.steps--vert { grid-template-columns: 1fr; gap: 0; }
.steps--vert > div {
  border-top: 0; padding: 0 0 20px 30px; position: relative;
}
.steps--vert > div:last-child { padding-bottom: 0; }
.steps--vert > div::before {
  position: absolute; left: 0; top: 1px; margin: 0;
  width: 20px; text-align: left;
}
.steps--vert > div::after {
  content: ""; position: absolute; left: 6px; top: 20px; bottom: 4px;
  border-left: 1.5px solid rgba(0, 17, 68, .12);
}
.steps--vert > div:last-child::after { display: none; }
.steps--vert h3 { font-size: 15.5px; margin-bottom: 4px; }
.steps--vert p  { font-size: 13.5px; }
.sec--navy .steps--vert > div::after { border-left-color: rgba(255, 255, 255, .18); }
.mnota {
  display: block; margin: 18px 0 0; padding: 12px 14px;
  border-radius: 13px; background: var(--buho-cream, #F7F5EF);
  font: 500 12.5px/1.5 var(--font-sans); color: var(--color-text-muted);
}
.mnota::after { content: ""; display: block; clear: both; }
.mnota .ti { float: left; margin: 1px 9px 0 0; font-size: 16px; color: var(--buho-blue-600, #0330CC); }
.mnota b { color: var(--color-text); font-weight: 700; }
.sec--navy .mnota, .phband .mnota {
  background: rgba(255, 255, 255, .07); color: rgba(255, 255, 255, .74);
}
.sec--navy .mnota .ti { color: var(--motif-a-light, var(--buho-pink-300)); }
.sec--navy .mnota b { color: #fff; }
.mk-react      { --mk: #087EA4; --mk-soft: rgba(8,126,164,.11); }
.mk-nextjs     { --mk: #111827; --mk-soft: rgba(17,24,39,.08);  }
.mk-vue        { --mk: #35855A; --mk-soft: rgba(53,133,90,.12); }
.mk-typescript { --mk: #2F74C0; --mk-soft: rgba(47,116,192,.11);}
.mk-tailwind   { --mk: #0C7C90; --mk-soft: rgba(12,124,144,.11);}
.mk-figma      { --mk: #C4402B; --mk-soft: rgba(196,64,43,.11); }
.mk-googleanalytics { --mk: #C2760B; --mk-soft: rgba(194,118,11,.12); }
.mk-googleads  { --mk: #1A73E8; --mk-soft: rgba(26,115,232,.11);}
.mk-googlemaps { --mk: #1B7A43; --mk-soft: rgba(27,122,67,.11); }
.mk-paypal     { --mk: #17479E; --mk-soft: rgba(23,71,158,.10); }
.mk-stripe     { --mk: #5851DD; --mk-soft: rgba(88,81,221,.11); }
.mk-visa       { --mk: #1A1F71; --mk-soft: rgba(26,31,113,.10); }
.mk-mastercard { --mk: #B34700; --mk-soft: rgba(179,71,0,.11);  }
.mk-shopify    { --mk: #5A8F2E; --mk-soft: rgba(90,143,46,.12); }
.sec--navy .mk-nextjs, .phband .mk-nextjs, .closer .mk-nextjs,
.sec--navy .mk-visa,   .phband .mk-visa,   .closer .mk-visa,
.sec--navy .mk-paypal, .phband .mk-paypal, .closer .mk-paypal { --mk: #C9D4EA; }
.sec--navy .mk-figma, .sec--navy .mk-googleanalytics { --mk: #F0A868; }
.sec--navy .mk-react, .sec--navy .mk-typescript, .sec--navy .mk-tailwind { --mk: #79C4E0; }
.sec--navy .mk-vue, .sec--navy .mk-googlemaps, .sec--navy .mk-shopify { --mk: #7BD8A4; }
.logo-marca.logo-visa       { --lmb: 3.10; }   
.logo-marca.logo-mastercard { --lmb: 1.62; }   
.logo-marca.logo-tailwindcss{ --lmb: 1.67; }   
.logo-marca.logo-figma      { --lmb: 1.44; }   
.logo-marca.logo-stripe     { --lmb: 1.40; }   
.logo-marca.logo-paypal     { --lmb: 1.18; }   
.logo-marca.logo-react      { --lmb: 1.12; }   
.logo-marca.logo-googleanalytics { --lmb: 1.11; }
.ico--canal.mk-google           { --mk-ink: #1A73E8; }   
.ico--canal.mk-googleanalytics  { --mk-ink: #B45A08; }   
.ico--canal.mk-googlemaps       { --mk-ink: #1B7A43; }   
.ico--canal.mk-meta             { --mk-ink: #0064E0; }   
.ico--canal.mk-facebook         { --mk-ink: #0866FF; }   
.ico--canal.mk-linkedin         { --mk-ink: #0A66C2; }   
.ico--canal.mk-youtube          { --mk-ink: #CC0000; }   
.ico--canal.mk-wordpress        { --mk-ink: #21759B; }   
.ico--canal.mk-woocommerce      { --mk-ink: #7A4670; }   
.ico--canal.mk-shopify          { --mk-ink: #4C7A27; }   
.ico--canal.mk-php              { --mk-ink: #6C74B4; }   
.ico--canal.mk-laravel          { --mk-ink: #C43D2C; }   
.ico--canal.mk-react            { --mk-ink: #0B7A9C; }   
.ico--canal.mk-vue              { --mk-ink: #2F7A52; }   
.ico--canal.mk-typescript       { --mk-ink: #2F74C0; }   
.ico--canal.mk-tailwind         { --mk-ink: #0C7C90; }   
.ico--canal.mk-nodejs           { --mk-ink: #417E32; }   
.ico--canal.mk-mysql            { --mk-ink: #00618A; }   
.ico--canal.mk-postgresql       { --mk-ink: #2B5D82; }   
.ico--canal.mk-docker           { --mk-ink: #1D63ED; }   
.ico--canal.mk-git              { --mk-ink: #D2412A; }   
.ico--canal.mk-figma            { --mk-ink: #C4402B; }   
.ico--canal.mk-paypal           { --mk-ink: #17479E; }   
.ico--canal.mk-stripe           { --mk-ink: #4B44C8; }   
.ico--canal.mk-visa             { --mk-ink: #1A1F71; }   
.ico--canal.mk-mastercard       { --mk-ink: #B34700; }   
.grid-guar { grid-template-columns: 1fr; }
.grid-guar > * { min-width: 0; }
.grid-guar.grid-guar--2 { grid-template-columns: 1fr 1fr; }
@media (max-width: 860px) { .grid-guar.grid-guar--2 { grid-template-columns: 1fr; } }
.split .tracks, .bento .tracks {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}
.tracks > * { min-width: 0; }
.track > b { display: block; font: 800 16px/1.25 var(--font-sans); letter-spacing: -.015em; overflow-wrap: anywhere; }
:is(.sec--navy, .phband, .closer, .bento .dark, .bento .accent)
:is(.mserp, .mshop, .mredir, .mvs, .mbox, .mpanel, .mskin, .mfin, .mresp, .mfig),
:is(.sec--navy, .phband, .closer, .bento .dark, .bento .accent)
:is(.mserp, .mshop, .mredir, .mvs, .mbox, .mpanel, .mskin, .mfin, .mresp, .mfig)
:where(h1, h2, h3, h4, h5, h6, p, li, b, strong, em, span, div, small, dt, dd, i) {
  color: var(--color-text) !important;
}
:is(.sec--navy, .phband, .closer, .bento .dark, .bento .accent)
:is(.mbox__bar, .mshop__cta, .mskin__prev, .whub__out),
:is(.sec--navy, .phband, .closer, .bento .dark, .bento .accent)
:is(.mbox__bar, .mshop__cta, .mskin__prev, .whub__out) :where(b, span, i, small, em) {
  color: #fff !important;
}
:is(.sec--navy, .phband, .closer, .bento .dark, .bento .accent) .mbox__bar .tag { color: #A7F3D0 !important; }
:is(.sec--navy, .phband, .closer, .bento .dark, .bento .accent) .mskin__prev em { color: rgba(255,255,255,.5) !important; }
:is(.sec--navy, .phband, .closer, .bento .dark, .bento .accent) .mskin__bar,
:is(.sec--navy, .phband, .closer, .bento .dark, .bento .accent) .mskin__bar :where(span, i) { color: rgba(255,255,255,.62) !important; }
:is(.sec--navy, .phband, .closer, .bento .dark, .bento .accent)
:is(.mserp, .mshop, .mredir, .mvs, .mbox, .mpanel, .mskin, .mfin, .mresp, .mfig)
:where(p, .sub, .dato, .url, .s, .l, .tt, .hora, .asig, .vieja,
       .mserp__stars, .mresp__lb, .mvs__lb, .mshop__env, .mbox__foot, .mredir__foot) {
  color: var(--color-text-muted) !important;
}
:is(.sec--navy, .phband, .closer, .bento .dark, .bento .accent)
:where(.mserp__r b, .mshop__pr, .cod) { color: var(--buho-blue-600, #0330CC) !important; }
.mfig {
  border-radius: 16px; overflow: hidden; background: #fff;
  box-shadow: 0 16px 38px rgba(0, 17, 68, .13), 0 0 0 1px rgba(0, 17, 68, .07);
}
.mfig__bar {
  display: flex; align-items: center; gap: 9px;
  padding: 9px 12px; background: var(--buho-cream, #F5F6F7);
  border-bottom: 1px solid rgba(0, 17, 68, .07);
}
.mfig__dots { display: inline-flex; gap: 4px; }
.mfig__dots i { width: 5px; height: 5px; border-radius: 50%; background: rgba(0, 17, 68, .16); }
.mfig__bar b {
  flex: 1 1 auto; min-width: 0;
  font: 600 9.5px/1 var(--font-mono); color: var(--color-text);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.mfig__who { display: inline-flex; }
.mfig__who em {
  width: 18px; height: 18px; border-radius: 50%;
  display: grid; place-items: center; font: 700 7.5px/1 var(--font-mono); font-style: normal;
  color: #fff; background: var(--buho-navy-950, #001144); border: 1.5px solid #fff;
}
.mfig__who em + em { margin-left: -6px; background: var(--buho-blue-600, #0330CC); }
.mfig__body { display: grid; grid-template-columns: 1fr 92px; }
.mfig__can {
  padding: 20px 16px 26px;
  display: grid; grid-template-columns: 1fr .6fr; gap: 16px; align-items: start;
  background:
    radial-gradient(circle at 1px 1px, rgba(0, 17, 68, .10) 1px, transparent 1px) 0 0 / 12px 12px,
    #EDEEF1;
}
.mfig__nm {
  display: block; margin: 0 0 5px 1px;
  font: 700 8px/1 var(--font-mono); letter-spacing: .07em; text-transform: uppercase;
  color: var(--color-text-muted);
}
.mfig__art--sel .mfig__nm { color: var(--buho-blue-600, #0330CC); }
.mfig__fr { position: relative; }
.mfig__pg {
  background: #fff; border-radius: 4px; overflow: hidden;
  padding: 7px; display: grid; gap: 7px;
  box-shadow: 0 6px 18px rgba(0, 17, 68, .10);
}
.mfig__art--sel .mfig__pg { outline: 1.5px solid var(--buho-blue-600, #0330CC); outline-offset: 2px; }
.mfig__nav { display: flex; align-items: center; gap: 5px; }
.mfig__nav i { height: 4px; border-radius: 2px; background: rgba(0, 17, 68, .13); flex: 0 0 14px; }
.mfig__nav i.b { flex: 0 0 20px; height: 7px; background: var(--buho-navy-950, #001144); margin-right: auto; }
.mfig__nav i.cta { flex: 0 0 22px; height: 8px; border-radius: 999px; background: var(--buho-blue-600, #0330CC); }
.mfig__hero { display: grid; gap: 5px; padding: 12px 8px 14px; border-radius: 3px; background: var(--buho-blue-50, #F6F8FD); }
.mfig__hero i.h { height: 9px; border-radius: 3px; background: var(--buho-navy-950, #001144); width: 74%; }
.mfig__hero i.h--b { width: 46%; }
.mfig__hero i.l { height: 4px; border-radius: 2px; background: rgba(0, 17, 68, .14); }
.mfig__hero i.l--c { width: 62%; }
.mfig__hero i.cta { height: 12px; width: 48px; border-radius: 999px; margin-top: 4px; background: var(--buho-blue-600, #0330CC); }
.mfig__cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.mfig__cards i { height: 22px; border-radius: 3px; background: rgba(0, 17, 68, .07); }
.mfig__rows { display: grid; gap: 5px; }
.mfig__rows i { height: 4px; border-radius: 2px; background: rgba(0, 17, 68, .13); }
.mfig__rows i.l--c { width: 70%; }
.mfig__foot { display: block; height: 12px; border-radius: 3px; background: var(--buho-navy-950, #001144); opacity: .85; }
.mfig__ph { display: block; height: 30px; border-radius: 3px; background: rgba(3, 48, 204, .10); }
.mfig__hd {
  position: absolute; width: 6px; height: 6px; border-radius: 1px;
  background: #fff; border: 1.5px solid var(--buho-blue-600, #0330CC);
}
.mfig__hd.h1 { top: -6px; left: -6px; }
.mfig__hd.h2 { top: -6px; right: -6px; }
.mfig__hd.h3 { bottom: -6px; left: -6px; }
.mfig__hd.h4 { bottom: -6px; right: -6px; }
.mfig__dim {
  position: absolute; left: 50%; bottom: -13px; transform: translateX(-50%);
  padding: 3px 7px; border-radius: 4px; white-space: nowrap;
  background: var(--buho-blue-600, #0330CC); color: #fff;
  font: 600 8px/1 var(--font-mono);
}
.mfig__pin {
  position: absolute; top: -12px; right: 9px;
  min-width: 20px; height: 20px; padding: 0 5px;
  display: inline-flex; align-items: center; justify-content: center; gap: 2px;
  border-radius: 999px 999px 999px 4px; border: 1.5px solid #fff;
  background: var(--buho-pink-600, #FF006F); color: #fff;
  font: 700 8.5px/1 var(--font-mono);
  box-shadow: 0 4px 10px rgba(0, 17, 68, .18);
}
.mfig__pin .ti { font-size: 10px; }
.mfig__side {
  padding: 14px 12px; display: grid; align-content: start; gap: 13px;
  background: #fff; border-left: 1px solid rgba(0, 17, 68, .07);
}
.mfig__grp { display: grid; gap: 6px; align-content: start; }
.mfig__sh {
  font: 700 7.5px/1 var(--font-mono); letter-spacing: .09em; text-transform: uppercase;
  color: var(--color-text-muted);
}
.mfig__sw { display: flex; gap: 5px; }
.mfig__sw i { width: 15px; height: 15px; border-radius: 4px; box-shadow: inset 0 0 0 1px rgba(0, 17, 68, .10); }
.mfig__sw i.c1 { background: var(--buho-navy-950, #001144); }
.mfig__sw i.c2 { background: var(--buho-blue-600, #0330CC); }
.mfig__sw i.c3 { background: var(--buho-pink-600, #FF006F); }
.mfig__sw i.c4 { background: var(--buho-cream, #F5F6F7); }
.mfig__ty { display: flex; align-items: baseline; gap: 6px; }
.mfig__ty b { font: 800 15px/1 var(--font-sans); letter-spacing: -.03em; color: var(--buho-navy-950, #001144); }
.mfig__ty b.sm { font: 500 11px/1 var(--font-sans); }
.mfig__ty em { font: 500 8px/1 var(--font-mono); font-style: normal; color: var(--color-text-muted); }
.mfig__gr { display: grid; grid-template-columns: repeat(4, 1fr); gap: 3px; }
.mfig__gr i { height: 16px; border-radius: 2px; background: rgba(3, 48, 204, .12); }
@media (max-width: 620px) {
  .mfig__body { grid-template-columns: 1fr; }
  .mfig__can { grid-template-columns: 1fr .58fr; }
  .mfig__side {
    display: flex; flex-wrap: wrap; align-items: start; gap: 14px 20px;
    border-left: 0; border-top: 1px solid rgba(0, 17, 68, .07);
  }
  .mfig__gr { width: 62px; }
}
.wesc-wrap {
  --esc: 1;
  position: relative;
  width: calc(536px * var(--esc));
  height: calc(var(--alto, 456px) * var(--esc));
  margin-inline: auto;
  animation: hfSlide 620ms var(--ease-out) both;
}
@media (prefers-reduced-motion: reduce) { .wesc-wrap { animation: none; } }
.wesc {
  position: absolute; left: 0; top: 0;
  width: 536px; height: var(--alto, 456px);
  transform: scale(var(--esc));
  transform-origin: left top;
  --ac-ink:   var(--buho-blue-600, #0330CC);   
  --ac-tinta: var(--buho-blue-700, #02259F);   
  --ac-suave: var(--buho-blue-50,  #F6F8FD);   
  --ac-claro: var(--buho-blue-100, #E6EAFA);   
  --ac-alto:  var(--buho-blue-300, #9FB0EC);   
  --ac-medio: var(--buho-blue-500, #3055D5);   
}
@media (max-width: 1180px) { .wesc-wrap { --esc: .76; } }
@media (max-width: 980px)  { .wesc-wrap { --esc: 1; } }
@media (max-width: 620px)  { .wesc-wrap { --esc: .80; } }
@media (max-width: 470px)  { .wesc-wrap { --esc: .62; } }
@media (max-width: 390px)  { .wesc-wrap { --esc: .56; } }
.wsc {
  position: absolute; z-index: 3;
  left: 8px; top: 4px; width: 520px;
  background: #fff; border-radius: 20px; overflow: hidden;
  box-shadow: 0 34px 76px rgba(26, 20, 70, .16), 0 0 0 1px rgba(26, 20, 70, .05);
  --a-linea: #ECECF3;
  --a-tenue: #7C8398;
}
.wsc__bar {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 14px;
  border-bottom: 1px solid var(--a-linea);
  background: #FCFCFE;
}
.wsc__dots { display: inline-flex; gap: 5px; }
.wsc__dots i { width: 7px; height: 7px; border-radius: 50%; background: #DCDCE6; }
.wsc__url {
  margin: 0 auto;
  background: #F3F3F8; border-radius: 999px; padding: 4px 16px;
  font: 500 10.5px/1 var(--font-mono); color: var(--a-tenue);
}
.wsc__top {
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center;
  padding: 9px 12px;
  background: var(--buho-navy-950, #001144);
}
.wsc__id { display: flex; align-items: center; gap: 9px; }
.wsc__mk {
  width: 23px; height: 23px; border-radius: 7px;
  display: grid; place-items: center;
  background: rgba(255, 255, 255, .13);
}
.wsc__mk .logo-marca { width: 13px; height: 13px; color: #fff; }
.wsc__doc { display: grid; gap: 3px; }
.wsc__doc b { font: 700 10.5px/1 var(--font-sans); color: #fff; }
.wsc__doc span { font: 500 8.5px/1 var(--font-mono); color: rgba(255, 255, 255, .58); }
.wsc__disp {
  justify-self: center;
  display: inline-flex; align-items: center; gap: 2px;
  padding: 3px; border-radius: 10px; background: rgba(255, 255, 255, .10);
}
.wsc__disp i {
  width: 24px; height: 21px; border-radius: 7px;
  display: grid; place-items: center;
  font-size: 13px; color: rgba(255, 255, 255, .60);
}
.wsc__disp i.on { background: rgba(255, 255, 255, .95); color: var(--buho-navy-950, #001144); }
.wsc__act {
  justify-self: end;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 7px 14px; border-radius: 9px;
  background: var(--buho-pink-700, #CC0056); color: #fff;
  font: 700 10px/1 var(--font-sans);
}
.wsc__act .ti { font-size: 13px; }
.wsc__can { position: relative; padding: 12px; background: #F1F1F7; }
.wsc__pg {
  background: #fff; border-radius: 14px; overflow: hidden;
  box-shadow: 0 2px 12px rgba(26, 20, 70, .07), 0 0 0 1px var(--a-linea);
}
.wsc__nav {
  display: flex; align-items: center; gap: 11px;
  padding: 9px 12px; border-bottom: 1px solid var(--a-linea);
}
.wsc__nav .lg { width: 15px; height: 15px; border-radius: 5px; background: var(--buho-navy-950, #001144); }
.wsc__nav em {
  font: 600 8px/1 var(--font-sans); font-style: normal;
  color: var(--color-text-muted);
}
.wsc__nav .ct {
  margin-left: auto; padding: 5px 10px; border-radius: 999px;
  background: var(--buho-navy-950, #001144); color: #fff;
  font: 700 8px/1 var(--font-sans);
}
.wbld__sec {
  position: relative;
  margin: 26px 10px 0; padding: 9px; border-radius: 10px;
  box-shadow: 0 0 0 1.5px var(--buho-blue-600, #0330CC);
}
.wbld__tag {
  position: absolute; left: -1.5px; top: -18px;
  display: inline-flex; align-items: center; gap: 4px;
  padding: 4px 8px 3px; border-radius: 7px 7px 0 0;
  background: var(--buho-blue-600, #0330CC); color: #fff;
  font: 700 7.5px/1 var(--font-sans);
}
.wbld__tag .ti { font-size: 10px; }
.wbld__hero { display: grid; grid-template-columns: 1.1fr 1fr; gap: 9px; }
.wbld__vis {
  position: relative; overflow: hidden;
  min-height: 122px; padding: 11px; border-radius: 10px;
  display: flex; align-items: flex-end; justify-content: flex-end;
  background: linear-gradient(146deg, var(--buho-navy-900, #00175D), var(--buho-blue-600, #0330CC) 78%);
}
.wbld__ciudad {
  position: absolute; right: 11px; top: 11px;
  display: flex; align-items: flex-end; gap: 3px; height: 52px;
}
.wbld__ciudad i {
  width: 9px; border-radius: 2px 2px 0 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, .85), rgba(255, 255, 255, .30));
}
.wbld__ciudad i:nth-child(1) { height: 44%; }
.wbld__ciudad i:nth-child(2) { height: 72%; }
.wbld__ciudad i:nth-child(3) { height: 100%; }
.wbld__ciudad i:nth-child(4) { height: 58%; }
.wbld__ciudad i:nth-child(5) { height: 84%; }
.wbld__pie { display: flex; align-items: center; gap: 8px; }
.wbld__pie .ln { width: 22px; height: 1px; background: rgba(255, 255, 255, .55); }
.wbld__pie b { display: block; font: 700 9px/1.3 var(--font-sans); color: #fff; }
.wbld__pie span { display: block; font: 500 7.5px/1.3 var(--font-mono); color: rgba(255, 255, 255, .72); }
.wbld__tx { padding: 4px 2px 0; }
.wbld__tx b {
  display: block; letter-spacing: -.01em;
  font: 800 13px/1.22 var(--font-sans); color: var(--color-text);
}
.wbld__tx b em { font-style: italic; color: var(--buho-pink-600, #FF006F); }
.wbld__tx p { margin: 6px 0 0; font: 500 8.5px/1.45 var(--font-sans); color: var(--color-text-muted); }
.wbld__tx .bt {
  display: inline-flex; margin-top: 10px;
  padding: 6px 12px; border-radius: 999px;
  background: var(--buho-navy-950, #001144); color: #fff;
  font: 700 8px/1 var(--font-sans);
}
.wbld__car {
  display: inline-block; width: 1.5px; height: 9px;
  margin-left: 2px; vertical-align: -1px;
  background: var(--buho-blue-600, #0330CC);
  animation: wbldCar 1.05s steps(1) infinite;
}
@keyframes wbldCar { 0%, 55% { opacity: 1; } 56%, 100% { opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .wbld__car { animation: none; } }
.wbld__drop {
  display: block; height: 3px; margin: 11px 18px 0;
  border-radius: 999px; background: var(--buho-blue-600, #0330CC);
  box-shadow: 0 0 0 4px rgba(3, 48, 204, .13);
  animation: wbldDrop 3.2s var(--ease-out, ease) infinite;
}
@keyframes wbldDrop {
  0%, 30%   { opacity: .22; transform: scaleX(.88); }
  52%, 74%  { opacity: 1;   transform: scaleX(1); }
  100%      { opacity: .22; transform: scaleX(.88); }
}
@media (prefers-reduced-motion: reduce) { .wbld__drop { animation: none; opacity: 1; } }
.wbld__form {
  display: grid; gap: 7px;
  margin: 11px 10px 0; padding: 11px; border-radius: 9px;
  background: #F7F7FB; box-shadow: inset 0 0 0 1px var(--a-linea);
}
.wbld__form > b { font: 800 9.5px/1 var(--font-sans); color: var(--color-text); }
.wbld__form .fr { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.wbld__form .fl {
  height: 16px; border-radius: 6px; background: #fff;
  box-shadow: inset 0 0 0 1px var(--a-linea);
}
.wbld__form .fx { display: flex; align-items: center; gap: 9px; }
.wbld__form .fb {
  padding: 6px 13px; border-radius: 999px;
  background: var(--buho-pink-700, #CC0056); color: #fff;
  font: 700 8px/1 var(--font-sans);
}
.wbld__form .fn {
  display: inline-flex; align-items: center; gap: 5px;
  font: 600 7.5px/1 var(--font-sans); color: var(--color-text-muted);
}
.wbld__form .fn .ti { font-size: 11px; color: var(--buho-blue-600, #0330CC); }
.wpan {
  position: absolute; z-index: 6;
  left: 22px; top: 61px; width: 156px;
  padding: 11px 10px 12px; border-radius: 16px;
  background: rgba(255, 255, 255, .94);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 22px 44px rgba(26, 20, 70, .18), 0 0 0 1px rgba(26, 20, 70, .06);
}
.wpan__tabs {
  display: flex; align-items: center; justify-content: space-around;
  padding-bottom: 9px; margin-bottom: 10px;
  border-bottom: 1px solid var(--a-linea, #ECECF3);
  color: #B9BAC6;
}
.wpan__tabs .ti { font-size: 14px; }
.wpan__tabs .ti.on { color: var(--buho-navy-950, #001144); }
.wpan__t {
  display: flex; align-items: center; gap: 5px; margin: 0 2px 8px;
  font: 700 9px/1 var(--font-sans); color: var(--color-text);
}
.wpan__t .ti { font-size: 11px; color: var(--a-tenue, #7C8398); }
.wpan__wg { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.wpan__wg span {
  display: grid; justify-items: center; align-content: center; gap: 5px;
  height: 42px; border-radius: 10px; background: #fff;
  box-shadow: inset 0 0 0 1px var(--a-linea, #ECECF3);
  font: 600 8px/1 var(--font-sans); color: var(--color-text-muted);
}
.wpan__wg span .ti { font-size: 15px; color: var(--buho-blue-600, #0330CC); }
.wpan__wg span.sel {
  background: var(--buho-blue-100, #E6EAFA);
  box-shadow: inset 0 0 0 1.5px var(--buho-blue-600, #0330CC);
  color: var(--buho-blue-700, #02259F);
}
.wbld__drag {
  position: absolute; z-index: 8;
  left: 110px; top: 160px;
  display: inline-flex; align-items: center; gap: 7px;
  padding: 9px 13px; border-radius: 11px;
  background: #fff; color: var(--buho-blue-700, #02259F);
  font: 700 9.5px/1 var(--font-sans);
  box-shadow: 0 16px 34px rgba(26, 20, 70, .22), 0 0 0 1.5px var(--buho-blue-600, #0330CC);
  animation: wbldLleva 3.2s var(--ease-in-out, ease-in-out) infinite;
}
.wbld__drag > .ti { font-size: 14px; color: var(--buho-blue-600, #0330CC); }
.wbld__cur {
  position: absolute; right: -11px; bottom: -13px;
  font-size: 17px; color: var(--buho-navy-950, #001144);
  text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 3px 7px rgba(26, 20, 70, .30);
}
@keyframes wbldLleva {
  0%        { transform: translate(0, 0) rotate(-3deg); }
  52%, 74%  { transform: translate(150px, 22px) rotate(-1deg); }
  100%      { transform: translate(0, 0) rotate(-3deg); }
}
@media (prefers-reduced-motion: reduce) {
  .wbld__drag { animation: none; transform: translate(150px, 22px) rotate(-1deg); }
}
@property --wseo-v {
  syntax: "<number>";
  inherits: false;
  initial-value: 0;
}
.wpt {
  position: absolute; z-index: 9;
  display: grid; justify-items: center; gap: 6px;
  width: max-content;
  animation: wptFlota 6s var(--ease-in-out, ease-in-out) infinite;
}
.wpt__aro {
  position: relative;
  width: 58px; height: 58px; border-radius: 50%;
  display: grid; place-items: center;
  --wseo-v: var(--v, 0);
  background: conic-gradient(#0E8A45 calc(var(--wseo-v) * 1%), rgba(14, 138, 69, .14) 0);
  box-shadow: 0 14px 30px rgba(26, 20, 70, .18);
  animation: wseoLlena 1.4s var(--ease-out, ease) both;
}
@keyframes wseoLlena { from { --wseo-v: 0; } to { --wseo-v: var(--v); } }
.wpt__aro::before {
  content: ""; position: absolute; inset: 4px;
  border-radius: 50%; background: #fff;
}
.wpt__aro b {
  position: relative; z-index: 1;
  font: 700 17px/1 var(--font-mono); letter-spacing: -.03em; color: #0E8A45;
}
.wpt__lb {
  padding: 5px 9px; border-radius: 999px; background: #fff;
  box-shadow: 0 8px 18px rgba(26, 20, 70, .14), 0 0 0 1px rgba(26, 20, 70, .05);
  font: 700 8px/1 var(--font-sans); color: var(--color-text);
  white-space: nowrap;
}
@keyframes wptFlota {
  0%, 100% { transform: translateY(0)    rotate(var(--rot, 0deg)); }
  50%      { transform: translateY(-6px) rotate(var(--rot, 0deg)); }
}
.wpt--acc { animation-delay: -2s; }
.wpt--seo { animation-delay: -4s; }
@media (prefers-reduced-motion: reduce) {
  .wpt { animation: none; }
  .wpt__aro { animation: none; --wseo-v: var(--v); }
}
.wpt--ren { left: 488px; top: 112px; }
.wpt--acc { left: 488px; top: 292px; }
.wpt--seo { left: -30px; top: 344px; }
.wesc--auto .wpt--ren { left: 486px; top: 92px; }
.wesc--auto .wpt--acc { left: 486px; top: 214px; }
.wesc--auto .wpt--seo { left: -34px; top: 236px; }
.wesc--auto { --alto: 483px; }
.wbr {
  position: absolute; z-index: 7; left: 96px; top: 0; width: 344px;
  display: flex; align-items: center; gap: 10px;
  padding: 9px 12px; border-radius: 14px; background: #fff;
  box-shadow: 0 16px 34px rgba(26, 20, 70, .16), 0 0 0 1px rgba(26, 20, 70, .05);
}
.wbr__dots { display: inline-flex; gap: 5px; }
.wbr__dots i { width: 7px; height: 7px; border-radius: 50%; background: #DCDCE6; }
.wbr__url {
  flex: 1 1 auto; min-width: 0;
  display: flex; align-items: center; gap: 6px;
  padding: 5px 12px; border-radius: 999px; background: #F3F3F8;
  font: 500 10px/1 var(--font-mono); color: #7C8398;
}
.wbr__url > .ti { font-size: 11px; }
.wbr__nav { display: inline-flex; align-items: center; gap: 8px; color: #C9CBD6; }
.wbr__nav .ti { font-size: 12px; }
.wtab {
  position: absolute; z-index: 3; left: 4px; top: 54px; width: 528px;
  padding: 6px; border-radius: 24px;
  background: #F7F5EF;
  box-shadow:
    0 0 0 1px rgba(228, 221, 210, .95),
    inset 0 0 0 1px rgba(0, 17, 68, .05),
    0 30px 68px rgba(26, 20, 70, .16);
}
.wtab__scr {
  display: flex; flex-direction: column;
  height: 308px; border-radius: 18px; overflow: hidden; background: #fff;
  --a-linea: #ECECF3;
  --a-tenue: #7C8398;
}
.wtab__body { flex: 1; display: grid; grid-template-columns: 34px 138px 1fr; min-height: 0; }
.wtab__scr .wsc__top { padding: 8px 11px; }
.wtab__body .wwp__pg { padding: 11px; gap: 8px; }
.wtab__body .wwp__enc > div { padding-right: 36px; }
.wpg {
  display: flex; flex-direction: column; gap: 8px;
  padding: 10px; background: #fff;
  border-right: 1px solid var(--a-linea, #ECECF3);
}
.wpg__tabs {
  display: flex; gap: 9px; padding-bottom: 7px;
  border-bottom: 1px solid var(--a-linea, #ECECF3);
  font: 600 8px/1 var(--font-sans); color: var(--a-tenue, #7C8398);
}
.wpg__tabs span.on { position: relative; font-weight: 700; color: var(--color-text); }
.wpg__tabs span.on::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -8px;
  height: 2px; border-radius: 2px; background: var(--buho-blue-600, #0330CC);
}
.wpg__lb {
  font: 700 6.5px/1 var(--font-mono); letter-spacing: .09em; text-transform: uppercase;
  color: var(--color-text-subtle);
}
.wpg__it {
  display: flex; align-items: center; gap: 7px;
  padding: 7px 8px; border-radius: 8px;
  font: 600 8px/1 var(--font-sans); color: var(--color-text-muted);
}
.wpg__it .ti { font-size: 12px; color: var(--a-tenue, #7C8398); }
.wpg__it .der { margin-left: auto; font-size: 10px; color: #C9CBD6; }
.wpg__it.on {
  background: var(--buho-blue-100, #E6EAFA);
  box-shadow: inset 0 0 0 1.5px var(--buho-blue-600, #0330CC);
  color: var(--buho-blue-700, #02259F);
}
.wpg__it.on .ti, .wpg__it.on .der { color: var(--buho-blue-700, #02259F); }
.wpg__add {
  margin-top: auto; padding: 7px 9px; border-radius: 8px;
  display: flex; align-items: center; justify-content: center; gap: 4px;
  border: 1px dashed #D6D7E2;
  font: 600 7.5px/1 var(--font-sans); color: var(--a-tenue, #7C8398);
}
.wpg__add .ti { font-size: 11px; }
.wpub {
  position: absolute; z-index: 8; left: 330px; top: 318px; width: 190px;
  padding: 16px 15px 17px; border-radius: 20px; text-align: center;
  background: #fff;
  box-shadow: 0 26px 56px rgba(26, 20, 70, .20), 0 0 0 1px rgba(26, 20, 70, .05);
  animation: wptFlota 7s var(--ease-in-out, ease-in-out) infinite;
}
.wpub__bt {
  position: relative; display: block;
  padding: 9px 12px; border-radius: 11px;
  background: var(--buho-pink-700, #CC0056); color: #fff;
  font: 700 10px/1 var(--font-sans);
}
.wpub__bt .ti {
  position: absolute; right: -9px; bottom: -12px;
  font-size: 17px; color: var(--buho-navy-950, #001144);
  text-shadow: 0 0 2px #fff, 0 0 4px #fff, 0 3px 7px rgba(26, 20, 70, .30);
  animation: wpubClic 3.4s var(--ease-in-out, ease-in-out) infinite;
}
.wpub__ok {
  width: 42px; height: 42px; margin: 15px auto 9px; border-radius: 50%;
  display: grid; place-items: center;
  background: #E9F9EF; color: #0E8A45;
  animation: wpubOk 3.4s var(--ease-out, ease) infinite;
}
.wpub__ok .ti { font-size: 22px; }
.wpub b { display: block; font: 800 11px/1.25 var(--font-sans); color: var(--color-text); }
.wpub p { margin: 5px 0 0; font: 500 8.5px/1.45 var(--font-sans); color: var(--color-text-muted); }
@keyframes wpubClic {
  0%, 62%, 100% { transform: translate(0, 0); }
  68%, 74%      { transform: translate(2px, 2px) scale(.9); }
}
@keyframes wpubOk {
  0%, 74%, 100% { transform: scale(1); }
  82%           { transform: scale(1.12); }
}
.wspark { position: absolute; right: -6px; top: -12px; width: 30px; height: 26px; }
.wspark i {
  position: absolute; display: block; height: 2.5px; border-radius: 999px;
  background: var(--buho-blue-400, #6D87E1);
}
.wspark i:nth-child(1) { width: 13px; left: 0;   top: 12px; transform: rotate(-52deg); }
.wspark i:nth-child(2) { width: 15px; left: 11px; top: 4px;  transform: rotate(-34deg); }
.wspark i:nth-child(3) { width: 10px; left: 17px; top: 19px; }
.wauto {
  position: absolute; z-index: 7; left: 24px; top: 415px;
  display: inline-flex; align-items: center; gap: 9px;
  padding: 11px 18px; border-radius: 999px;
  background: var(--buho-navy-950, #001144); color: #fff;
  font: 800 13px/1 var(--font-sans); letter-spacing: -.01em;
  box-shadow: 0 18px 36px rgba(26, 20, 70, .22), 0 0 0 1px rgba(255, 255, 255, .07) inset;
}
.wauto__ic {
  width: 22px; height: 16px; border-radius: 5px; padding: 3px;
  display: flex; gap: 2px;
  background: var(--buho-blue-500, #3055D5);
}
.wauto__ic > i { width: 6px; border-radius: 1.5px; background: rgba(255, 255, 255, .92); }
.wauto__ic > span { flex: 1; display: grid; gap: 2px; }
.wauto__ic > span i { border-radius: 1.5px; background: rgba(255, 255, 255, .92); }
@media (prefers-reduced-motion: reduce) {
  .wpub, .wpub__bt .ti, .wpub__ok { animation: none; }
}
.wsc__seg {
  justify-self: center;
  display: inline-flex; align-items: center; gap: 2px;
  padding: 3px; border-radius: 10px; background: rgba(255, 255, 255, .10);
}
.wsc__seg span {
  padding: 5px 10px; border-radius: 7px;
  font: 600 8.5px/1 var(--font-sans); color: rgba(255, 255, 255, .60);
  white-space: nowrap;
}
.wsc__seg span.on { background: rgba(255, 255, 255, .95); color: var(--buho-navy-950, #001144); }
.wsc__hd {
  display: flex; align-items: center; gap: 9px;
  padding: 10px 12px; border-bottom: 1px solid var(--a-linea, #ECECF3);
}
.wsc__hd > .ti { font-size: 15px; color: var(--ac-ink); }
.wsc__hd b { font: 800 11px/1 var(--font-sans); letter-spacing: -.01em; color: var(--color-text); }
.wsc__hd .der { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; }
.wsc__chip {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 4px 9px; border-radius: 999px;
  font: 700 7.5px/1 var(--font-sans); white-space: nowrap;
}
.wsc__chip .ti { font-size: 10px; }
.wsc__chip--ok  { background: #E9F9EF; color: #0E8A45; }
.wsc__chip--mal { background: var(--buho-pink-100, #FFE6EF); color: var(--buho-pink-700, #CC0056); }
.wsc__chip--n   { background: var(--ac-claro); color: var(--ac-tinta); }
.wsc__chip--gris{ background: #F1F1F7; color: var(--a-tenue, #7C8398); }
.wsc__cpo { padding: 11px 12px; display: grid; gap: 9px; }
.wsc__g2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.wsc__g3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.wsc__g4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; }
.wsc__box {
  padding: 10px; border-radius: 10px;
  background: #F7F7FB; box-shadow: inset 0 0 0 1px var(--a-linea, #ECECF3);
}
.wsc__kpi { display: grid; gap: 5px; }
.wsc__kpi b { font: 700 15px/1 var(--font-mono); letter-spacing: -.03em; color: var(--buho-navy-950, #001144); }
.wsc__kpi span { font: 600 7.5px/1.2 var(--font-sans); color: var(--color-text-muted); }
.wsc__kpi .ti { font-size: 12px; color: var(--ac-ink); }
.wsc__lin {
  display: flex; align-items: center; gap: 9px;
  padding: 9px 12px; border-top: 1px solid var(--a-linea, #ECECF3);
}
.wsc__lin .ic {
  width: 24px; height: 24px; border-radius: 8px; flex: none;
  display: grid; place-items: center; font-size: 13px;
  background: var(--ac-suave); color: var(--ac-ink);
}
.wsc__lin b { display: block; font: 700 8.5px/1.2 var(--font-sans); color: var(--color-text); }
.wsc__lin .s { display: block; margin-top: 3px; font: 500 7.5px/1.2 var(--font-mono); color: var(--color-text-muted); }
.wsc__lin .val { margin-left: auto; font: 700 9px/1 var(--font-mono); color: var(--color-text); white-space: nowrap; }
.wsc__prog { height: 6px; border-radius: 999px; background: rgba(3, 48, 204, .12); overflow: hidden; }
.wsc__prog i.p80 { width: 80%; }
.wsc__prog i {
  display: block; height: 100%; border-radius: 999px;
  background: linear-gradient(90deg, var(--ac-medio), var(--ac-tinta));
}
.wsc__pie {
  display: flex; align-items: center; gap: 9px;
  padding: 11px 12px; background: var(--buho-navy-950, #001144);
}
.wsc__pie > .ti { font-size: 14px; color: var(--ac-alto); }
.wsc__pie b { display: block; font: 700 8.5px/1 var(--font-sans); color: #fff; }
.wsc__pie .m { display: block; margin-top: 3px; font: 500 8px/1 var(--font-mono); color: rgba(255, 255, 255, .62); }
.wsc__pie .der { margin-left: auto; display: inline-flex; align-items: center; gap: 7px; }
.wpan--der { left: auto; right: 20px; }
.wpan__ls { display: grid; gap: 6px; }
.wpan__ls span {
  display: flex; align-items: center; gap: 7px;
  padding: 7px 8px; border-radius: 9px; background: #fff;
  box-shadow: inset 0 0 0 1px var(--a-linea, #ECECF3);
  font: 600 8px/1 var(--font-sans); color: var(--color-text);
}
.wpan__ls span > .ti { font-size: 12px; color: var(--ac-ink); }
.wpan__ls span .ok { margin-left: auto; font-size: 12px; color: #0E8A45; }
.wpan__ls span.off { color: var(--a-tenue, #7C8398); text-decoration: line-through; }
.wpan__ls span.off > .ti { color: #C9CBD6; }
.wpan__ls span.off .no { margin-left: auto; font-size: 12px; color: #C9CBD6; text-decoration: none; }
.wixt {
  position: absolute; z-index: 9; width: 152px;
  display: grid; gap: 5px;
  padding: 9px 11px 10px; border-radius: 16px; background: #fff;
  box-shadow: 0 22px 44px rgba(26, 20, 70, .18), 0 0 0 1px rgba(26, 20, 70, .06);
}
.wixt .cab { display: flex; align-items: center; gap: 7px; }
.wixt .cab .tl {
  width: 22px; height: 22px; border-radius: 8px; flex: none;
  display: grid; place-items: center; font-size: 12px;
  background: var(--f-bg, var(--ac-claro));
  color: var(--f-ink, var(--ac-tinta));
}
.wixt .cab .tl .logo-marca { --lm: 12px; }
.wixt .cab em {
  margin-left: auto; font-style: normal;
  font: 700 6.5px/1 var(--font-mono); letter-spacing: .07em; text-transform: uppercase;
  color: var(--a-tenue, #7C8398);
}
.wixt b {
  font: 700 14px/1 var(--font-mono); letter-spacing: -.03em;
  color: var(--buho-navy-950, #001144);
}
.wixt .lb { font: 600 8px/1.25 var(--font-sans); color: var(--color-text-muted); }
.wixt .pie {
  display: flex; align-items: center; gap: 5px;
  padding-top: 6px; border-top: 1px solid var(--a-linea, #ECECF3);
  font: 600 7px/1.3 var(--font-mono); color: var(--f-ink, var(--ac-tinta));
}
.wixt .pie .ti { font-size: 9px; flex: none; }
.wixt--pk { --f-bg: var(--buho-pink-100, #FFE6EF); --f-ink: var(--buho-pink-700, #CC0056); }
.wixt--ok { --f-bg: #E9F9EF; --f-ink: #0E8A45; }
.wixt--act { --f-bg: #EFF9D6; --f-ink: #4C6E00; }
.wflt {
  position: absolute; z-index: 9;
  display: inline-flex; align-items: center; gap: 9px; width: max-content;
  padding: 8px 14px 8px 8px; border-radius: 14px; background: #fff;
  box-shadow: 0 18px 38px rgba(26, 20, 70, .18), 0 0 0 1px rgba(26, 20, 70, .05);
  animation: wptFlota 6s var(--ease-in-out, ease-in-out) infinite;
}
.wflt__ic {
  width: 34px; height: 34px; border-radius: 11px; flex: none;
  display: grid; place-items: center; font-size: 16px;
  background: var(--f-bg, var(--ac-claro));
  color: var(--f-ink, var(--ac-tinta));
}
.wflt__tx { display: grid; gap: 4px; }
.wflt__tx b { font: 700 12px/1 var(--font-mono); letter-spacing: -.02em; color: var(--color-text); }
.wflt__tx span { font: 600 8px/1 var(--font-sans); color: var(--color-text-muted); white-space: nowrap; }
.wflt--ok { --f-bg: #E9F9EF; --f-ink: #0E8A45; }
.wflt--pk { --f-bg: var(--buho-pink-100, #FFE6EF); --f-ink: var(--buho-pink-700, #CC0056); }
.wflt--b { animation-delay: -2s; }
.wflt--c { animation-delay: -4s; }
@media (prefers-reduced-motion: reduce) { .wflt { animation: none; } }
.phero__meta:has(> div:nth-child(3)):not(:has(> div:nth-child(4))) {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 0;
}
.phero__meta:has(> div:nth-child(3)):not(:has(> div:nth-child(4))) > div + div {
  padding-left: 20px;
}
@media (max-width: 720px) {
  .phero__meta:has(> div:nth-child(3)):not(:has(> div:nth-child(4))) {
    grid-template-columns: 1fr 1fr; gap: 16px 20px;
  }
  .phero__meta:has(> div:nth-child(3)):not(:has(> div:nth-child(4))) > div + div {
    padding-left: 0; border-left: 0;
  }
}
.wesc--wp { --alto: 470px; }
.wesc--wp .wsc { top: 26px; }
.wwp__body { display: grid; grid-template-columns: 34px 138px 1fr; }
.wwp__dock {
  display: grid; gap: 7px; justify-items: center; align-content: start;
  padding: 10px 0; background: #FCFCFE;
  border-right: 1px solid var(--a-linea, #ECECF3);
}
.wwp__dock i {
  width: 23px; height: 23px; border-radius: 7px;
  display: grid; place-items: center;
  font-size: 12px; color: var(--a-tenue, #7C8398);
}
.wwp__dock i.on { background: var(--buho-blue-100, #E6EAFA); color: var(--buho-blue-700, #02259F); }
.wwp__ins {
  display: grid; gap: 9px; align-content: start;
  padding: 10px; background: #fff;
  border-right: 1px solid var(--a-linea, #ECECF3);
}
.wwp__tabs {
  display: flex; gap: 9px; padding-bottom: 7px;
  border-bottom: 1px solid var(--a-linea, #ECECF3);
  font: 600 8px/1 var(--font-sans); color: var(--a-tenue, #7C8398);
}
.wwp__tabs span.on { position: relative; font-weight: 700; color: var(--color-text); }
.wwp__tabs span.on::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -8px;
  height: 2px; border-radius: 2px; background: var(--buho-blue-600, #0330CC);
}
.wwp__bus {
  display: flex; align-items: center; gap: 6px;
  padding: 6px 8px; border-radius: 7px; background: #F3F3F8;
  font: 500 8px/1 var(--font-sans); color: var(--a-tenue, #7C8398);
}
.wwp__bus .ti { font-size: 11px; }
.wwp__lb {
  font: 700 6.5px/1 var(--font-mono); letter-spacing: .09em; text-transform: uppercase;
  color: var(--color-text-subtle);
}
.wwp__gr { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
.wwp__gr span {
  display: grid; justify-items: center; align-content: center; gap: 4px;
  height: 40px; border-radius: 8px; background: #fff;
  box-shadow: inset 0 0 0 1px var(--a-linea, #ECECF3);
  font: 600 6.5px/1 var(--font-sans); color: var(--color-text-muted);
  text-align: center;
}
.wwp__gr span .ti { font-size: 12px; color: var(--buho-blue-600, #0330CC); }
.wwp__gr span.sel {
  background: var(--buho-blue-100, #E6EAFA);
  box-shadow: inset 0 0 0 1.5px var(--buho-blue-600, #0330CC);
  color: var(--buho-blue-700, #02259F);
}
.wwp__pg {
  display: grid; gap: 10px; align-content: start;
  padding: 14px; background: #FAF8F4;
}
.wwp__mono {
  width: 17px; height: 17px; border-radius: 50%;
  display: grid; place-items: center;
  box-shadow: inset 0 0 0 1px rgba(0, 17, 68, .22);
  font: 600 8px/1 var(--font-mono); color: var(--buho-navy-950, #001144);
}
.wwp__enc { display: grid; grid-template-columns: 1fr 1.15fr; gap: 12px; align-items: start; }
.wwp__enc h4 {
  margin: 0; font: 500 17px/1.12 var(--font-sans); letter-spacing: -.02em;
  color: var(--buho-navy-950, #001144);
}
.wwp__enc h4 sup { font-size: 7px; vertical-align: super; }
.wwp__enc p { margin: 0; font: 500 7.5px/1.5 var(--font-sans); color: #6B6257; }
.wwp__enc u { display: inline-block; margin-top: 6px; font: 600 7.5px/1 var(--font-sans); color: var(--buho-navy-950, #001144); }
.wwp__im {
  height: 74px; border-radius: 9px; display: grid; place-items: center;
  overflow: hidden;
  background: linear-gradient(140deg, #E4DDD2, #CFCBD8 60%, #D7CFE8);
}
.wwp__im .ti { font-size: 20px; color: rgba(0, 17, 68, .26); }
.wwp__im img {
  width: 100%; height: 100%;
  object-fit: cover; display: block;
}
.wwp__g2 { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.wwp__srv { display: grid; gap: 4px; }
.wwp__srv b { font: 600 8px/1.2 var(--font-sans); color: var(--buho-navy-950, #001144); }
.wwp__srv span { font: 500 6.5px/1.35 var(--font-sans); color: #6B6257; }
.wwp__srv .wwp__im { height: 42px; margin-top: 2px; }
.wwp__srv--b .wwp__im { background: linear-gradient(140deg, #D9D3E4, #E4DDD2); }
.wtar {
  position: absolute; z-index: 9;
  padding: 11px 12px; border-radius: 14px; background: #fff;
  box-shadow: 0 20px 44px rgba(26, 20, 70, .18), 0 0 0 1px rgba(26, 20, 70, .05);
}
.wtar__cab { display: flex; align-items: center; gap: 6px; }
.wtar__cab b {
  font: 700 7px/1 var(--font-mono); letter-spacing: .09em; text-transform: uppercase;
  color: #0E8A45;
}
.wtar__cab .ti { font-size: 12px; color: #0E8A45; }
.wtar__cab .der { margin-left: auto; font-size: 11px; color: #C9CBD6; }
.wtar__ti { display: block; margin-top: 7px; font: 700 11px/1 var(--font-sans); color: var(--color-text); }
.wtar__s { display: block; margin-top: 5px; font: 500 8px/1 var(--font-mono); color: var(--color-text-subtle); }
.wtar__hd {
  display: flex; align-items: center; gap: 8px; padding-bottom: 8px; margin-bottom: 9px;
  border-bottom: 1px solid var(--a-linea, #ECECF3);
  font: 600 8px/1 var(--font-sans); color: var(--a-tenue, #7C8398);
}
.wtar__hd b { position: relative; font-weight: 700; color: var(--color-text); }
.wtar__hd b::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -9px;
  height: 2px; border-radius: 2px; background: var(--buho-blue-600, #0330CC);
}
.wtar__hd .mas {
  margin-left: auto; padding: 3px 8px; border-radius: 999px;
  background: var(--buho-blue-100, #E6EAFA); color: var(--buho-blue-700, #02259F);
  font: 700 7px/1 var(--font-sans);
}
.wtar__dom { display: grid; gap: 9px; }
.wtar__dom > span { display: grid; gap: 4px; }
.wtar__dom b { font: 700 8.5px/1 var(--font-sans); color: var(--color-text); }
.wtar__dom .li { display: flex; align-items: center; gap: 5px; }
.wtar__dom .li em {
  font-style: normal; padding: 2px 6px; border-radius: 5px;
  background: #E9F9EF; color: #0E8A45; font: 700 6.5px/1 var(--font-sans);
}
.wtar__dom .li span { font: 500 6.5px/1 var(--font-mono); color: var(--color-text-subtle); }
.wtar__dom > span + span { padding-top: 9px; border-top: 1px solid #F4F4FA; }
.wtar__gh { display: flex; align-items: center; gap: 7px; margin-bottom: 9px; }
.wtar__gh b { font: 700 9px/1 var(--font-sans); color: var(--color-text); }
.wtar__gh .baja {
  padding: 3px 7px; border-radius: 5px; background: #E9F9EF; color: #0E8A45;
  font: 700 7px/1 var(--font-sans);
}
.wtar__gh .der { margin-left: auto; font-size: 11px; color: #C9CBD6; }
.wtar__sv { display: block; width: 100%; height: 62px; }
.wtar__ejes {
  display: flex; justify-content: space-between; margin-top: 6px;
  font: 600 6.5px/1 var(--font-mono); color: var(--color-text-subtle);
}
.wtar__ejes .on { color: var(--buho-blue-700, #02259F); }
.wstk {
  position: absolute; z-index: 8;
  left: 300px; top: 392px;
  display: grid; gap: 9px; justify-items: center;
}
.wstk__lb {
  font: 700 7px/1 var(--font-mono); letter-spacing: .09em; text-transform: uppercase;
  color: var(--color-text-subtle);
}
.wstk__r { display: flex; gap: 14px; }
.wstk__c {
  width: 46px; height: 46px; border-radius: 50%;
  display: grid; place-items: center; background: #fff;
  box-shadow: 0 12px 26px rgba(26, 20, 70, .16), 0 0 0 1px rgba(26, 20, 70, .06);
  animation: wptFlota 6s var(--ease-in-out, ease-in-out) infinite;
}
.wstk__c .logo-marca { --lm: 23px; }
.wstk__c--cf .logo-marca { --lmb: 1; --lm: 27px; }
.wstk__c--wp { animation-delay: 0s; }
.wstk__c--cp { animation-delay: -2s; }
.wstk__c--cf { animation-delay: -4s; }
.wstk__c--wp .logo-marca { color: #21759B; }
.wstk__c--cp .logo-marca { color: #EA6328; }
.wstk__c--cf .logo-marca { color: #D8711C; }
@media (prefers-reduced-motion: reduce) { .wstk__c { animation: none; } }
.wtar--sec { left: 386px; top: -4px;  width: 176px; }
.wtar--dom { left: 404px; top: 150px; width: 186px; }
.wtar--vel { left: -26px; top: 318px; width: 254px; }
.wesc--tv { --alto: 512px; }
.wesc--tv .wsc { top: 18px; }
.wtnd__hero { display: grid; grid-template-columns: 1.15fr .85fr; gap: 12px; align-items: center; padding: 15px 14px 0; }
.wtnd__hero h4 {
  margin: 0; letter-spacing: -.02em;
  font: 800 17px/1.16 var(--font-sans); color: var(--buho-navy-950, #001144);
}
.wtnd__hero h4 em { font-style: italic; color: var(--buho-pink-600, #FF006F); }
.wtnd__hero p { margin: 7px 0 0; font: 500 8px/1.45 var(--font-sans); color: var(--color-text-muted); }
.wtnd__cta {
  display: inline-flex; align-items: center; gap: 6px; margin-top: 11px;
  padding: 7px 13px; border-radius: 999px;
  background: var(--buho-navy-950, #001144); color: #fff;
  font: 700 8px/1 var(--font-sans);
}
.wtnd__cta .ti { font-size: 11px; }
.wtnd__bolsa {
  position: relative; justify-self: center;
  width: 88px; height: 98px; border-radius: 14px;
  display: grid; place-items: center;
  background: linear-gradient(170deg, var(--buho-blue-500, #3055D5), var(--buho-blue-700, #02259F) 62%, var(--buho-navy-900, #00175D));
  box-shadow: 0 18px 34px rgba(3, 48, 204, .26);
}
.wtnd__bolsa::before {
  content: ""; position: absolute; top: -16px; left: 50%; transform: translateX(-50%);
  width: 46px; height: 30px; border-radius: 23px 23px 0 0;
  border: 3.5px solid rgba(255, 255, 255, .5); border-bottom: 0;
}
.wtnd__bolsa .ic {
  width: 32px; height: 32px; border-radius: 10px; display: grid; place-items: center;
  background: rgba(255, 255, 255, .17); color: #fff; font-size: 17px;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22);
}
.wtnd__bolsa b {
  position: absolute; left: 0; right: 0; bottom: 10px; text-align: center;
  font: 700 5.5px/1 var(--font-mono); letter-spacing: .16em; text-transform: uppercase;
  color: rgba(255, 255, 255, .7);
}
.wtnd__hd { display: flex; align-items: center; padding: 15px 14px 0; }
.wtnd__hd b { font: 800 9.5px/1 var(--font-sans); color: var(--color-text); }
.wtnd__hd span { margin-left: auto; font: 700 8px/1 var(--font-sans); color: var(--buho-blue-700, #02259F); }
.wtnd__g4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 10px 14px 14px; }
.wtnd__p {
  position: relative; display: grid; gap: 6px;
  padding: 8px; border-radius: 11px; background: #fff;
  box-shadow: inset 0 0 0 1px var(--a-linea, #ECECF3);
}
.wtnd__et {
  position: absolute; left: 7px; top: 7px; z-index: 1;
  padding: 2px 6px; border-radius: 999px;
  background: var(--buho-blue-100, #E6EAFA); color: var(--buho-blue-700, #02259F);
  font: 700 6px/1 var(--font-sans);
}
.wtnd__p--of .wtnd__et { background: var(--buho-pink-100, #FFE6EF); color: var(--buho-pink-700, #CC0056); }
.wtnd__im { height: 46px; border-radius: 8px; display: grid; place-items: center; background: #F4F4FA; overflow: hidden; }
.wtnd__im .ti { font-size: 20px; color: rgba(0, 17, 68, .28); }
.wtnd__im { grid-template-rows: minmax(0, 1fr); }
.wtnd__im img {
  max-width: 86%; max-height: 88%;
  width: auto; height: auto;
  object-fit: contain; display: block;
}
.wtnd__n { font: 600 7.5px/1.2 var(--font-sans); color: var(--color-text); }
.wtnd__pr { display: flex; align-items: center; gap: 6px; padding-top: 5px; border-top: 1px solid #F4F4FA; }
.wtnd__pr b { font: 700 8.5px/1 var(--font-mono); color: var(--buho-navy-950, #001144); }
.wtnd__pr .ic {
  margin-left: auto; width: 18px; height: 18px; border-radius: 6px;
  display: grid; place-items: center; font-size: 10px;
  background: var(--buho-blue-100, #E6EAFA); color: var(--buho-blue-700, #02259F);
}
.wtcd {
  position: absolute; z-index: 9;
  width: 156px; height: 94px; padding: 12px; border-radius: 14px;
  color: #fff; --rot: -6deg; transform: rotate(var(--rot));
  background: linear-gradient(140deg, var(--buho-blue-700, #02259F), var(--buho-navy-850, #001D77) 55%, var(--buho-navy-950, #001144));
  box-shadow: 0 22px 44px rgba(0, 17, 68, .34);
}
.wtcd__t { display: flex; align-items: center; }
.wtcd__chip {
  width: 22px; height: 15px; border-radius: 4px;
  background: linear-gradient(160deg, #F3DCA8, #D8AC5E);
  box-shadow: inset 0 0 0 .5px rgba(0, 0, 0, .18);
}
.wtcd__t .ti { margin-left: auto; font-size: 13px; color: rgba(255, 255, 255, .6); }
.wtcd__n { margin-top: 15px; font: 500 9px/1 var(--font-mono); letter-spacing: .1em; color: rgba(255, 255, 255, .92); }
.wtcd__b { display: flex; align-items: center; margin-top: 9px; font: 600 6.5px/1 var(--font-mono); color: rgba(255, 255, 255, .62); }
.wtcd__cir { margin-left: auto; display: flex; }
.wtcd__cir i { width: 13px; height: 13px; border-radius: 50%; background: rgba(255, 0, 111, .9); }
.wtcd__cir i + i { margin-left: -5px; background: rgba(255, 171, 206, .92); }
.wvta {
  position: absolute; z-index: 9;
  width: 152px; padding: 11px 12px; border-radius: 14px;
  background: rgba(255, 255, 255, .94);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 20px 44px rgba(26, 20, 70, .18), 0 0 0 1px rgba(26, 20, 70, .05);
  --rot: 4deg; transform: rotate(var(--rot));
}
.wvta__t { display: flex; align-items: center; gap: 7px; font: 700 8.5px/1 var(--font-sans); color: var(--color-text); }
.wvta__t span {
  margin-left: auto; display: inline-flex; align-items: center; gap: 4px;
  padding: 3px 7px; border-radius: 999px; background: #E9F9EF; color: #0E8A45;
  font: 700 7px/1 var(--font-sans);
}
.wvta__t span .ti { font-size: 9px; }
.wvta__b { display: flex; align-items: flex-end; gap: 5px; height: 40px; margin-top: 11px; }
.wvta__b i { flex: 1; border-radius: 3px 3px 0 0; background: var(--buho-blue-200, #CDD6F5); }
.wvta__b i:nth-child(1) { height: 28%; }
.wvta__b i:nth-child(2) { height: 52%; background: var(--buho-blue-300, #9FB0EC); }
.wvta__b i:nth-child(3) { height: 40%; background: var(--buho-blue-400, #6D87E1); }
.wvta__b i:nth-child(4) { height: 74%; background: var(--buho-blue-500, #3055D5); }
.wvta__b i:nth-child(5) { height: 100%; background: var(--buho-blue-700, #02259F); }
.wvta__p { margin-top: 8px; text-align: right; font: 600 6.5px/1 var(--font-mono); color: var(--color-text-subtle); }
.wcar {
  position: absolute; z-index: 10;
  width: 190px; padding: 12px; border-radius: 16px;
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 26px 52px rgba(26, 20, 70, .24), 0 0 0 1px rgba(26, 20, 70, .05);
  --rot: -3deg; transform: rotate(var(--rot));
}
.wcar__t { display: flex; align-items: center; gap: 6px; padding-bottom: 9px; border-bottom: 1px solid var(--a-linea, #ECECF3); }
.wcar__t b { font: 800 9px/1 var(--font-sans); color: var(--color-text); }
.wcar__t .n {
  width: 14px; height: 14px; border-radius: 50%; display: grid; place-items: center;
  background: var(--buho-blue-600, #0330CC); color: #fff; font: 700 6.5px/1 var(--font-mono);
}
.wcar__t .vac { margin-left: auto; font: 600 7px/1 var(--font-sans); color: var(--color-text-subtle); }
.wcar__ls { display: grid; gap: 9px; padding: 10px 0; }
.wcar__it { display: flex; align-items: center; gap: 8px; }
.wcar__it .im {
  width: 25px; height: 25px; border-radius: 7px; flex: none;
  display: grid; place-items: center; background: #F1F1F7;
  font-size: 12px; color: rgba(0, 17, 68, .34);
  overflow: hidden;
}
.wcar__it .im { grid-template-rows: minmax(0, 1fr); }
.wcar__it .im img {
  max-width: 84%; max-height: 84%;
  width: auto; height: auto;
  object-fit: contain; display: block;
}
.wcar__it b { display: block; font: 600 7.5px/1.2 var(--font-sans); color: var(--color-text); }
.wcar__it .pr { display: block; margin-top: 3px; font: 700 7px/1 var(--font-mono); color: var(--buho-blue-700, #02259F); }
.wcar__it .q {
  margin-left: auto; display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 6px; border-radius: 7px; background: #F1F1F7;
  font: 700 7px/1 var(--font-mono); color: var(--color-text);
}
.wcar__it .q .ti { font-size: 8px; color: var(--a-tenue, #7C8398); }
.wcar__sub {
  display: flex; align-items: center; padding-top: 10px;
  border-top: 1px solid var(--a-linea, #ECECF3);
  font: 600 7.5px/1 var(--font-sans); color: var(--color-text-muted);
}
.wcar__sub b { margin-left: auto; font: 800 11px/1 var(--font-mono); letter-spacing: -.02em; color: var(--buho-navy-950, #001144); }
.wcar__go {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  margin-top: 11px; padding: 9px; border-radius: 10px;
  background: var(--buho-navy-950, #001144); color: #fff;
  font: 700 8px/1 var(--font-sans);
}
.wcar__go .ti { font-size: 11px; }
.wtcd { left: -34px; top: 392px; }
.wvta { left: 400px; top: 40px;  }
.wcar { left: 380px; top: 250px; width: 172px; }
.wesc--mk { --alto: 560px; }
.wilu {
  position: absolute; left: 0; top: 0;
  width: 536px; height: 302px;
  border-radius: 20px; overflow: hidden;
}
.wilu__sv { display: block; width: 100%; height: 100%; }
.wilu__tx {
  font: 700 20px/1 var(--font-sans); fill: #fff;
}
@keyframes wiluFlota {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-18px); }
}
.wilu__f1 { animation: wiluFlota 6s var(--ease-in-out, ease-in-out) infinite; }
.wilu__f2 { animation: wiluFlota 7s var(--ease-in-out, ease-in-out) infinite; animation-delay: -2.2s; }
.wilu__f3 { animation: wiluFlota 8s var(--ease-in-out, ease-in-out) infinite; animation-delay: -4.4s; }
@keyframes wiluGira { to { transform: rotate(360deg); } }
.wilu__eng { transform-box: fill-box; transform-origin: center; }
.wilu__eng--a { animation: wiluGira 9s linear infinite; }
.wilu__eng--b { animation: wiluGira 9s linear infinite reverse; }
.wilu__eng--c { animation: wiluGira 13s linear infinite; }
@media (prefers-reduced-motion: reduce) {
  .wilu__f1, .wilu__f2, .wilu__f3, .wilu__eng { animation: none; }
}
.wtel {
  position: absolute; left: 0; top: 322px; width: 536px;
  display: grid; grid-template-columns: 1fr 1fr; gap: 16px;
}
.wfon {
  display: grid; gap: 10px; align-content: start;
  padding: 13px 12px 15px; border-radius: 22px; background: #fff;
  box-shadow: 0 20px 44px rgba(26, 20, 70, .14), 0 0 0 1px var(--a-linea, #ECECF3);
}
.wfon__bar {
  display: flex; align-items: center; gap: 7px;
  padding: 7px 10px; border-radius: 999px; background: #F3F3F8;
  font: 500 8.5px/1 var(--font-sans); color: var(--color-text);
}
.wfon__bar .logo-marca { width: 12px; height: 12px; flex: none; }
.wfon__bar .ti { margin-left: auto; font-size: 11px; color: var(--a-tenue, #7C8398); }
.wfon__cu { display: flex; align-items: center; gap: 7px; padding: 0 2px; }
.wfon__cu .logo-marca { width: 14px; height: 14px; flex: none; }
.wfon__cu b { font: 700 8.5px/1 var(--font-sans); color: var(--color-text); }
.wfon__cu .ti { margin-left: auto; font-size: 12px; color: var(--a-tenue, #7C8398); }
.wfon__g2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.wfon__ad { display: grid; gap: 5px; }
.wfon__im {
  height: 62px; border-radius: 9px; display: grid; place-items: center;
  background: linear-gradient(140deg, var(--buho-blue-100, #E6EAFA), var(--buho-lavender-300, #D7CFE8));
}
.wfon__ad--b .wfon__im { background: linear-gradient(140deg, var(--buho-pink-100, #FFE6EF), var(--buho-lavender-300, #D7CFE8)); }
.wfon__im .ti { font-size: 22px; color: rgba(0, 17, 68, .30); }
.wfon__im { overflow: hidden; }
.wfon__im img { width: 100%; height: 100%; object-fit: cover; display: block; }
.wfon__ad .wfon__im img { object-fit: contain; background: #fff; }
.wfon__et {
  display: inline-flex; align-items: center; gap: 4px;
  font: 700 7px/1 var(--font-sans); color: var(--buho-blue-700, #02259F);
}
.wfon__et .logo-marca { width: 9px; height: 9px; }
.wfon__ti { font: 600 7.5px/1.25 var(--font-sans); color: var(--color-text); }
.wfon__pr { display: flex; align-items: center; gap: 5px; }
.wfon__pr b { font: 700 8.5px/1 var(--font-mono); color: var(--buho-navy-950, #001144); }
.wfon__es { display: inline-flex; gap: 1px; color: var(--buho-pink-600, #FF006F); }
.wfon__es .ti { font-size: 7px; }
.wfon__post { display: grid; gap: 7px; }
.wfon__post .wfon__im { height: 96px; border-radius: 10px; }
.wfon__cta {
  display: flex; align-items: center; justify-content: space-between; gap: 7px;
  padding: 6px 6px 6px 10px; border-radius: 999px;
  background: var(--buho-navy-950, #001144);
}
.wfon__cta span { font: 700 7.5px/1 var(--font-sans); color: #fff; }
.wfon__cta i {
  width: 16px; height: 16px; border-radius: 50%; display: grid; place-items: center;
  background: rgba(255, 255, 255, .18); color: #fff; font-size: 9px;
}
.wfon__ac { display: flex; align-items: center; gap: 9px; color: var(--a-tenue, #7C8398); }
.wfon__ac .ti { font-size: 12px; }
.wfon__ac .n { font: 600 7px/1 var(--font-mono); }
.wfon__ln { display: grid; gap: 5px; }
.wfon__ln i { height: 5px; border-radius: 3px; background: #EFEFF6; }
.wfon__ln i:nth-child(2) { width: 78%; }
.wfon__ln i:nth-child(3) { width: 56%; }
.wesc--aw { --alto: 484px; }
.wdash { display: grid; grid-template-columns: 38px 1fr; }
.wdash__rail {
  display: grid; gap: 6px; justify-items: center; align-content: start;
  padding: 11px 0; background: #FCFCFE;
  border-right: 1px solid var(--a-linea, #ECECF3);
}
.wdash__rail i {
  width: 25px; height: 25px; border-radius: 8px;
  display: grid; place-items: center;
  font-size: 13px; color: var(--a-tenue, #7C8398);
}
.wdash__rail i.on { background: var(--buho-blue-100, #E6EAFA); color: var(--buho-blue-700, #02259F); }
.wdash__rail .sep { width: 16px; height: 1px; background: var(--a-linea, #ECECF3); margin: 3px 0; }
.wdash__cpo { display: grid; gap: 9px; padding: 11px; background: #F4F4FA; }
.wdash__hd { display: flex; align-items: baseline; gap: 8px; }
.wdash__hd b { font: 800 11px/1 var(--font-sans); letter-spacing: -.01em; color: var(--color-text); }
.wdash__hd span { font: 500 7.5px/1 var(--font-sans); color: var(--color-text-muted); }
.wdash__hd .der { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; }
.wdash__sel {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 4px 8px; border-radius: 999px; background: #fff;
  box-shadow: 0 0 0 1px var(--a-linea, #ECECF3);
  font: 600 7.5px/1 var(--font-sans); color: var(--color-text);
}
.wdash__sel .ti { font-size: 10px; color: var(--a-tenue, #7C8398); }
.wdash__k3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.wkpi {
  display: grid; gap: 6px; padding: 9px 10px; border-radius: 12px; background: #fff;
  box-shadow: 0 6px 16px rgba(26, 20, 70, .06), 0 0 0 1px var(--a-linea, #ECECF3);
}
.wkpi__t { display: flex; align-items: center; gap: 6px; }
.wkpi b { font: 800 13px/1 var(--font-mono); letter-spacing: -.03em; color: var(--buho-navy-950, #001144); }
.wkpi .d {
  margin-left: auto; display: inline-flex; align-items: center; gap: 3px;
  padding: 2px 6px; border-radius: 6px; font: 700 6.5px/1 var(--font-sans);
}
.wkpi .d--up { background: #E9F9EF; color: #0E8A45; }
.wkpi .d--dn { background: var(--buho-pink-100, #FFE6EF); color: var(--buho-pink-700, #CC0056); }
.wkpi span { font: 600 7px/1 var(--font-sans); color: var(--color-text-muted); }
.wdash__row { display: grid; grid-template-columns: 1.55fr 1fr; gap: 8px; }
.wcard {
  padding: 11px; border-radius: 14px; background: #fff;
  box-shadow: 0 8px 20px rgba(26, 20, 70, .07), 0 0 0 1px var(--a-linea, #ECECF3);
}
.wcard__t { display: flex; align-items: center; font: 700 9px/1 var(--font-sans); color: var(--color-text); }
.wcard__t .ti { margin-left: auto; font-size: 12px; color: #C9CBD6; }
.wbars { display: flex; align-items: flex-end; gap: 5px; height: 62px; margin-top: 12px; }
.wbars i {
  flex: 1; border-radius: 999px;
  background: linear-gradient(180deg, var(--buho-blue-400, #6D87E1), var(--buho-blue-600, #0330CC));
}
.wbars i.on {
  background: linear-gradient(180deg, var(--buho-pink-500, #FB136E), var(--buho-pink-700, #CC0056));
  box-shadow: 0 5px 14px rgba(204, 0, 86, .32);
}
.wbars i:nth-child(1) { height: 38%; } .wbars i:nth-child(2) { height: 54%; }
.wbars i:nth-child(3) { height: 71%; } .wbars i:nth-child(4) { height: 46%; }
.wbars i:nth-child(5) { height: 33%; } .wbars i:nth-child(6) { height: 58%; }
.wbars i:nth-child(7) { height: 76%; } .wbars i:nth-child(8) { height: 51%; }
.wbars i:nth-child(9) { height: 64%; } .wbars i:nth-child(10) { height: 90%; }
.wbars__x { display: flex; gap: 5px; margin-top: 7px; }
.wbars__x span { flex: 1; text-align: center; font: 600 6px/1 var(--font-mono); color: var(--color-text-subtle); }
.wdona {
  display: block;
  position: relative; width: 82px; height: 82px; margin: 11px auto 0; border-radius: 50%;
  background: conic-gradient(var(--buho-navy-950, #001144) 0 46%,
                             var(--buho-blue-500, #3055D5) 46% 76%,
                             var(--buho-pink-600, #FF006F) 76% 100%);
}
.wdona::before { content: ""; position: absolute; inset: 13px; border-radius: 50%; background: #fff; }
.wdona b {
  position: absolute; inset: 0; display: grid; place-items: center;
  font: 800 12px/1 var(--font-mono); letter-spacing: -.03em; color: var(--buho-navy-950, #001144);
}
.wleg { display: grid; gap: 6px; margin-top: 11px; }
.wleg span { display: flex; align-items: center; gap: 6px; font: 600 7px/1 var(--font-sans); color: var(--color-text-muted); }
.wleg i { width: 7px; height: 7px; border-radius: 50%; flex: none; }
.wleg .c1 { background: var(--buho-navy-950, #001144); }
.wleg .c2 { background: var(--buho-blue-500, #3055D5); }
.wleg .c3 { background: var(--buho-pink-600, #FF006F); }
.wleg .n { margin-left: auto; font: 700 7px/1 var(--font-mono); color: var(--color-text); }
.wlst { display: grid; gap: 9px; margin-top: 11px; }
.wlst__f { display: flex; align-items: center; gap: 9px; }
.wlst__f b { font: 700 8px/1 var(--font-sans); color: var(--color-text); min-width: 74px; }
.wlst__b { flex: 1; height: 5px; border-radius: 999px; background: #EFEFF6; overflow: hidden; }
.wlst__b i { display: block; height: 100%; border-radius: 999px; background: var(--buho-blue-600, #0330CC); }
.wlst__f--b .wlst__b i { background: var(--buho-blue-400, #6D87E1); }
.wlst__f--c .wlst__b i { background: var(--buho-pink-500, #FB136E); }
.wlst__f .n { font: 700 8px/1 var(--font-mono); color: var(--buho-navy-950, #001144); min-width: 30px; text-align: right; }
.wlst__b i.p75 { width: 75%; } .wlst__b i.p52 { width: 52%; } .wlst__b i.p34 { width: 34%; }
.witem {
  position: absolute; z-index: 9;
  display: flex; align-items: center; gap: 9px;
  padding: 8px 11px; border-radius: 14px; background: #fff;
  box-shadow: 0 18px 38px rgba(26, 20, 70, .20), 0 0 0 1px rgba(26, 20, 70, .05);
}
.witem .ic {
  width: 26px; height: 26px; border-radius: 9px; flex: none;
  display: grid; place-items: center; font-size: 13px;
  background: color-mix(in srgb, var(--buho-navy-950) 5%, #fff);
  color: var(--buho-navy-950);
}
.witem b { display: block; font: 700 8.5px/1 var(--font-sans); color: var(--color-text); }
.witem .s { display: block; margin-top: 3px; font: 500 7px/1 var(--font-sans); color: var(--color-text-muted); }
.witem .n {
  padding: 3px 7px; border-radius: 999px;
  background: var(--buho-blue-100, #E6EAFA); color: var(--buho-blue-700, #02259F);
  font: 700 7px/1 var(--font-mono);
}
.wsel {
  position: absolute; z-index: 10;
  display: flex; align-items: center; gap: 12px;
  padding: 11px 12px; border-radius: 16px; background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  box-shadow: 0 24px 48px rgba(26, 20, 70, .22), 0 0 0 1px rgba(26, 20, 70, .05);
}
.wsel__i b { display: block; font: 800 9px/1 var(--font-sans); color: var(--color-text); }
.wsel__i span { display: block; margin-top: 4px; font: 600 7px/1 var(--font-sans); color: var(--color-text-subtle); }
.wsel__b { margin-left: auto; display: inline-flex; gap: 7px; }
.wsel__b span { padding: 7px 12px; border-radius: 10px; font: 700 7.5px/1 var(--font-sans); }
.wsel__b .ok { background: var(--buho-navy-950, #001144); color: #fff; }
.wsel__b .no { background: #F1F1F7; color: var(--color-text); }
.witem { left: 322px; top: -10px; }
.wsel  { left: 46px;  top: 430px; width: 420px; }
.wflt--sprint { left: -46px; top: 236px; }
.wesc--ix { --alto: 566px; }
.wesc--ix .wsc { top: 24px; }
.wesc--ix .wsc__bar { display: grid; grid-template-columns: 1fr auto 1fr; }
.wesc--ix .wsc__url { margin: 0 auto; }
.wix__est { justify-self: end; display: inline-flex; align-items: center; gap: 8px; }
.wix__ssl {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 3px 8px; border-radius: 999px;
  background: #E9F9EF; color: #0E8A45;
  font: 700 7.5px/1 var(--font-sans);
}
.wix__ssl .ti { font-size: 10px; }
.wix__pin {
  display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
  font: 600 8px/1 var(--font-mono); color: var(--a-tenue, #7C8398);
}
.wix__pin i {
  width: 6px; height: 6px; border-radius: 50%; flex: none;
  background: #17A85A;
  animation: wixLate 2.4s var(--ease-out, ease-out) infinite;
}
@keyframes wixLate {
  0%   { box-shadow: 0 0 0 0   rgba(23, 168, 90, .50); }
  70%  { box-shadow: 0 0 0 5px rgba(23, 168, 90, 0); }
  100% { box-shadow: 0 0 0 0   rgba(23, 168, 90, 0); }
}
@media (prefers-reduced-motion: reduce) { .wix__pin i { animation: none; } }
.wix__bt { display: grid; gap: 6px; }
.wix__bt .cab { display: flex; align-items: center; gap: 6px; }
.wix__bt .cab .tl {
  width: 22px; height: 22px; border-radius: 7px; flex: none;
  display: grid; place-items: center; font-size: 12px;
  background: var(--buho-blue-100, #E6EAFA); color: var(--buho-blue-700, #02259F);
}
.wix__bt .cab em {
  margin-left: auto; font-style: normal;
  font: 700 6.5px/1 var(--font-mono); letter-spacing: .07em; text-transform: uppercase;
  color: var(--a-tenue, #7C8398);
}
.wix__bt b {
  font: 700 15px/1 var(--font-mono); letter-spacing: -.03em;
  color: var(--buho-navy-950, #001144);
}
.wix__bt .lb { font: 600 7.5px/1.2 var(--font-sans); color: var(--color-text-muted); }
.wix__bt .pie {
  display: flex; align-items: center; gap: 5px;
  padding-top: 7px; border-top: 1px solid var(--a-linea, #ECECF3);
  font: 600 7px/1 var(--font-mono); color: var(--buho-blue-700, #02259F);
}
.wix__bt .pie .ti { font-size: 9px; flex: none; }
.wix__fi {
  display: flex; align-items: center; gap: 10px;
  padding: 9px 12px; border-top: 1px solid var(--a-linea, #ECECF3);
}
.wix__fi .ic {
  width: 26px; height: 26px; border-radius: 8px; flex: none;
  display: grid; place-items: center; font-size: 13px;
  background: var(--buho-blue-50, #F6F8FD); color: var(--buho-blue-600, #0330CC);
}
.wix__fi .tx { display: grid; gap: 5px; }
.wix__fi .l1 { display: flex; align-items: center; gap: 6px; }
.wix__fi b { font: 700 8.5px/1 var(--font-sans); color: var(--color-text); }
.wix__fi .st {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 3px 7px; border-radius: 999px;
  font: 700 6.5px/1 var(--font-sans);
  background: var(--s-bg, #E9F9EF); color: var(--s-ink, #0E8A45);
}
.wix__fi .st .ti { font-size: 8px; }
.wix__fi .st--n { --s-bg: var(--buho-blue-100, #E6EAFA); --s-ink: var(--buho-blue-700, #02259F); }
.wix__fi .d { font: 500 7.5px/1 var(--font-mono); color: var(--color-text-muted); }
.wesc--ix .wsc__pie { padding-left: 122px; }
.wix__wa {
  margin-left: auto;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 11px; border-radius: 999px; background: #fff;
  font: 700 8px/1 var(--font-sans); color: var(--buho-navy-950, #001144);
  white-space: nowrap;
}
.wix__wa .logo-marca { --lm: 12px; color: #0F7A3F; }
.wesc--ix .wpan { left: 376px; right: auto; top: 273px; width: 178px; padding-bottom: 8px; }
.wix__fa { display: grid; gap: 8px; }
.wix__fa .cab { display: flex; align-items: baseline; gap: 6px; }
.wix__fa .cab b { font: 700 9.5px/1 var(--font-sans); color: var(--color-text); }
.wix__fa .cab span { margin-left: auto; font: 600 7.5px/1 var(--font-mono); color: var(--a-tenue, #7C8398); }
.wix__fa .ruc {
  padding: 7px 9px; border-radius: 9px; background: var(--buho-blue-50, #F6F8FD);
  font: 600 7.5px/1.3 var(--font-mono); color: var(--buho-blue-700, #02259F);
}
.wix__fa .tot {
  display: flex; align-items: center; gap: 6px;
  padding-top: 8px; border-top: 1px solid var(--a-linea, #ECECF3);
  font: 700 8px/1 var(--font-sans); color: var(--color-text);
}
.wix__fa .tot span { margin-left: auto; font: 700 8px/1 var(--font-mono); color: #0E8A45; }
.wixt--cero { left: -40px; top: -30px; }
.wixt--fact { left: -40px; top: 464px; }
.mk-pagoefectivo { --mk: #8F7103; --mk-soft: rgba(250,201,18,.18); }  
.mk-mercadopago  { --mk: #007FA8; --mk-soft: rgba(0,177,234,.12);  }  
.sec--navy .mk-pagoefectivo, .phband .mk-pagoefectivo,
.closer .mk-pagoefectivo { --mk: #FAC912; }
.sec--navy .mk-mercadopago, .phband .mk-mercadopago,
.closer .mk-mercadopago { --mk: #00B1EA; }
.logo-marca.logo-pagoefectivo { --lmb: 1.51; }   
.logo-marca.logo-mercadopago  { --lmb: 1.46; }   
.logo-marca.logo-googlesearchconsole { --lmb: 1.11; }
.logo-marca.logo-googleads    { --lmb: 1.10; }
.logo-marca.logo-googlemaps   { --lmb: 1.45; }   
.logo-marca.logo-google       { --lmb: 1.03; }
.ico--canal.mk-pagoefectivo { --mk-ink: #8F7103; }   
.ico--canal.mk-mercadopago  { --mk-ink: #007FA8; }   
.logo-marca.logo-woo { --lmb: 3.86; }   
.tchip--wide .logo-marca {
  width:  calc(var(--lm, 18px) * var(--lmb));
  height: var(--lm, 18px);
  -webkit-mask-size: 100% auto; mask-size: 100% auto;
}
.logo-marca { --lmk: 1; }
.tchip .logo-marca {
  width:  calc(var(--lm) * min(var(--lmb) * var(--lmk), 1.20));
  height: calc(var(--lm) * min(var(--lmb) * var(--lmk), 1.20));
}
.tchip--wide .logo-marca {
  width:  calc(var(--lm) * var(--lmb) * var(--lmk));
  height: calc(var(--lm) * var(--lmk));
  -webkit-mask-size: 100% auto; mask-size: 100% auto;
}
.logo-marca.logo-visa   { --lmk: .68; }
.logo-marca.logo-stripe { --lmk: .68; }
.logo-marca.logo-paypal { --lmk: .85; }
.logo-marca.glifo-qr    { --lmk: .86; }
.logo-marca.logo-woo    { --lmk: .72; }
.wpan { animation: wptFlota 7.4s var(--ease-in-out, ease-in-out) infinite; }
.wtar--sec { animation: wptFlota 6.2s var(--ease-in-out, ease-in-out) infinite; }
.wtar--dom { animation: wptFlota 7.6s var(--ease-in-out, ease-in-out) -2.4s infinite; }
.wtar--vel { animation: wptFlota 8.4s var(--ease-in-out, ease-in-out) -4.8s infinite; }
.wtcd { animation: wptFlota 6.6s var(--ease-in-out, ease-in-out) infinite; }
.wvta { animation: wptFlota 7.8s var(--ease-in-out, ease-in-out) -2.6s infinite; }
.wcar { animation: wptFlota 8.6s var(--ease-in-out, ease-in-out) -5.2s infinite; }
.witem { animation: wptFlota 6.8s var(--ease-in-out, ease-in-out) infinite; }
.wsel  { animation: wptFlota 8.8s var(--ease-in-out, ease-in-out) -3.8s infinite; }
.wixt--cero { animation: wptFlota 7.0s var(--ease-in-out, ease-in-out) infinite; }
.wixt--fact { animation: wptFlota 8.0s var(--ease-in-out, ease-in-out) -3.2s infinite; }
.wixt--dominio, .wixt--regla, .wixt--ficha, .wixt--tres {
  animation: wptFlota 7.2s var(--ease-in-out, ease-in-out) infinite;
}
.wixt--precio, .wixt--lecturas, .wixt--macro, .wixt--ayuda, .wixt--csv {
  animation: wptFlota 8.4s var(--ease-in-out, ease-in-out) -3.6s infinite;
}
.wqx { animation: wptFlota 6.8s var(--ease-in-out, ease-in-out) -1.8s infinite; }
.wmgb { animation: wptFlota 6.4s var(--ease-in-out, ease-in-out) -2.9s infinite; }
.wia { animation: wptFlota 7.8s var(--ease-in-out, ease-in-out) -4.2s infinite; }
.wtel .wfon:first-child { animation: wptFlota 7.2s var(--ease-in-out, ease-in-out) infinite; }
.wtel .wfon:last-child  { animation: wptFlota 8.2s var(--ease-in-out, ease-in-out) -3.4s infinite; }
@media (prefers-reduced-motion: reduce) {
  .wpan, .wtar--sec, .wtar--dom, .wtar--vel,
  .wtcd, .wvta, .wcar, .witem, .wsel, .wixt--cero, .wixt--fact,
  .wixt--dominio, .wixt--regla, .wixt--ficha, .wixt--tres,
  .wixt--precio, .wixt--lecturas, .wixt--macro, .wixt--ayuda, .wixt--csv,
  .wqx, .wia, .wmgb,
  .wtel .wfon:first-child, .wtel .wfon:last-child { animation: none; }
}
.techrow i.ti { font-size: 19px; }
.techrow .logo-marca[class*="glifo-"] { color: var(--motif-b-ink, var(--buho-blue-600)); }
:is(.sec--navy, .phband, .closer) .techrow .logo-marca[class*="glifo-"] { color: #fff; }
.sec:has(.sticky-story) { overflow: clip; }
.marca-color {
  --mc: 18px;
  display: inline-block;
  height: var(--mc);
  width: calc(var(--mc) * var(--mc-ar, 1));
  background: center / contain no-repeat;
  vertical-align: middle;
  flex-shrink: 0;
}
.marca-color--plin   { --mc-ar: 1;    background-image: url("logos-servicios/pagos/plin.webp"); }
.marca-color--izipay { --mc-ar: 3.30; background-image: url("logos-servicios/pagos/izipay.webp"); }
.marca-color--niubiz { --mc-ar: 4.35; background-image: url("logos-servicios/pagos/niubiz.svg"); }
.marca-color--yape   { --mc-ar: 1;    background-image: url("logos-servicios/pagos/yape.webp"); }
.marca-color--pagoefectivo { --mc-ar: 1; background-image: url("logos-servicios/pagos/pagoefectivo.webp"); }
.marca-color--culqi  { --mc-ar: 0.98; background-image: url("logos-servicios/pagos/culqi.svg"); }
.marca-color--olva   { --mc-ar: 1.54; background-image: url("logos-servicios/pagos/olva.webp"); }
.marca-color--shalom { --mc-ar: 1;    background-image: url("logos-servicios/pagos/shalom.webp"); }
.sec--navy .marca-color--niubiz, .phband .marca-color--niubiz,
.closer .marca-color--niubiz, .bento .dark .marca-color--niubiz {
  background-image: url("logos-servicios/pagos/niubiz-blanco.svg");
}
.tchip .marca-color--plin,
.tchip .marca-color--pagoefectivo,
.tchip .marca-color--yape { --mc: 21px; }
.marca-color--nubefact  { --mc-ar: 0.861; background-image: url("logos-servicios/erp/nubefact.webp"); }
.marca-color--bizlinks  { --mc-ar: 1;     background-image: url("logos-servicios/erp/bizlinks.webp"); }
.marca-color--defontana { --mc-ar: 0.826; background-image: url("logos-servicios/erp/defontana.svg"); }
.marca-color--contasis  { --mc-ar: 1;     background-image: url("logos-servicios/erp/contasis.webp"); }
.marca-color--bsale     { --mc-ar: 1;     background-image: url("logos-servicios/erp/bsale.webp"); }
.tchip .marca-color--defontana { --mc: 21px; }   
.tchip .marca-color--nubefact  { --mc: 20px; }   
.tchip .marca-color--bizlinks  { --mc: 18px; }   
.tchip .marca-color--contasis  { --mc: 19px; }   
.tchip .marca-color--bsale     { --mc: 17px; }   
#integracion .techrow .brandimg { --bh: 19px; }
.tchip .marca-color--niubiz { --mc: 13.5px; }
.logo-iso {
  display: inline-block;
  height: var(--iso, 20px);
  width: calc(var(--iso, 20px) * var(--iso-ar, 1));
  background-color: currentColor;
  -webkit-mask: center / contain no-repeat;
          mask: center / contain no-repeat;
  vertical-align: middle;
  flex-shrink: 0;
}
.logo-iso--cpanel {
  --iso-ar: 1.49; --mk: #FF6C2C;
  -webkit-mask-image: url("logos-servicios/hosting/cpanel-icon.svg");
          mask-image: url("logos-servicios/hosting/cpanel-icon.svg");
}
.logo-iso--litespeed {
  --iso-ar: 1; --mk: #0B6FBA;
  -webkit-mask-image: url("logos-servicios/hosting/litespeed-web-server-icon.svg");
          mask-image: url("logos-servicios/hosting/litespeed-web-server-icon.svg");
}
.logo-iso--woo {
  --iso-ar: 1.82; --mk: #873EFF;
  -webkit-mask-image: url("logos-servicios/hosting/woocommerce-icon.svg");
          mask-image: url("logos-servicios/hosting/woocommerce-icon.svg");
}
.logo-iso--mysql {
  --iso-ar: 1.02; --mk: #00758F;
  -webkit-mask-image: url("logos-servicios/hosting/mysql-icon.svg");
          mask-image: url("logos-servicios/hosting/mysql-icon.svg");
}
.logo-iso--roundcube {
  --iso-ar: 1; --mk: #1A93CE;
  -webkit-mask-image: url("logos-servicios/hosting/roundcube.svg");
          mask-image: url("logos-servicios/hosting/roundcube.svg");
}
.specband--logos .brandimg[src$="cpanel-icon.svg"]                { --bh: 24px; }
.specband--logos .brandimg[src$="litespeed-web-server-icon.svg"]  { --bh: 29.6px; }
.specband--logos .brandimg[src$="woocommerce-icon.svg"]           { --bh: 24.5px; }
.specband--logos .brandimg[src$="joomla-color.svg"]               { --bh: 28px; }
.specband--logos .brandimg[src$="drupal-color.svg"]               { --bh: 28px; }
.specband--logos .brandimg[src$="moodle-color.svg"]               { --bh: 24px; }
.specband--logos .brandimg[src$="php-color.svg"]                  { --bh: 25.3px; }
.specband--logos .brandimg[src$="letsencrypt-color.svg"]          { --bh: 28px; }
.specband--logos .brandimg[src$="roundcube-color.svg"]            { --bh: 28px; }
.specband--logos .logo-marca.logo-wordpress  { color: color-mix(in srgb, #21759B 85%, #fff); }
.specband--logos .logo-marca.logo-prestashop { color: #DF0067; }
.specband--logos .logo-marca.logo-laravel    { color: #FF2D20; }
.specband--logos .logo-marca.logo-phpmyadmin { color: #F89C0E; }
.tchip .logo-iso { --iso: 13px; }
.techrow .logo-iso { color: currentColor; }
:is(.sec--navy, .phband, .closer) .techrow .logo-iso { color: #fff; }
.specband--logos .logo-iso { --iso: 28px; }
.specband--logos .logo-iso--mysql {
  --iso: 28px;
  color: color-mix(in srgb, #00758F 55%, #fff);
}
.specband--logos .specband__track > span:has(> .logo-iso--mysql) { opacity: 1; }
@media (max-width: 700px) {
  .specband--logos .brandimg[src$="cpanel-icon.svg"]               { --bh: 21px; }
  .specband--logos .brandimg[src$="litespeed-web-server-icon.svg"] { --bh: 25.4px; }
  .specband--logos .brandimg[src$="woocommerce-icon.svg"]          { --bh: 21px; }
  .specband--logos .brandimg[src$="joomla-color.svg"]              { --bh: 24px; }
  .specband--logos .brandimg[src$="drupal-color.svg"]              { --bh: 24px; }
  .specband--logos .brandimg[src$="moodle-color.svg"]              { --bh: 21px; }
  .specband--logos .brandimg[src$="php-color.svg"]                 { --bh: 22.2px; }
  .specband--logos .brandimg[src$="letsencrypt-color.svg"]         { --bh: 24px; }
  .specband--logos .brandimg[src$="roundcube-color.svg"]           { --bh: 24px; }
  .specband--logos .logo-iso, .specband--logos .logo-iso--mysql    { --iso: 24px; }
}
.specband--logos .brandimg[src$="ubuntu-color.svg"]     { --bh: 28.1px; }
.specband--logos .brandimg[src$="almalinux-color.svg"]  { --bh: 28px; }
.specband--logos .brandimg[src$="rockylinux-color.svg"] { --bh: 28px; }
.specband--logos .brandimg[src$="centos-color.svg"]     { --bh: 28px; }
.specband--logos .brandimg[src$="docker-color.svg"]     { --bh: 28px; }
.specband--logos .brandimg[src$="nodejs-color.svg"]     { --bh: 28px; }
.specband--logos .brandimg[src$="python-color.svg"]     { --bh: 28.1px; }
.specband--logos .brandimg[src$="mariadb-color.svg"]    { --bh: 24px; }   
.specband--logos .brandimg[src$="postgresql-color.svg"] { --bh: 28.1px; }
.specband--logos .brandimg[src$="nginx-color.svg"]      { --bh: 28px; }
.specband--logos .brandimg[src$="apache-color.svg"]     { --bh: 28px; }
.specband--logos .logo-marca.logo-debian { color: color-mix(in srgb, #A81D33 60%, #fff); }
@media (max-width: 700px) {
  .specband--logos .brandimg[src$="ubuntu-color.svg"],
  .specband--logos .brandimg[src$="almalinux-color.svg"],
  .specband--logos .brandimg[src$="rockylinux-color.svg"],
  .specband--logos .brandimg[src$="centos-color.svg"],
  .specband--logos .brandimg[src$="docker-color.svg"],
  .specband--logos .brandimg[src$="nodejs-color.svg"],
  .specband--logos .brandimg[src$="python-color.svg"],
  .specband--logos .brandimg[src$="postgresql-color.svg"],
  .specband--logos .brandimg[src$="nginx-color.svg"],
  .specband--logos .brandimg[src$="apache-color.svg"]   { --bh: 24px; }
  .specband--logos .brandimg[src$="mariadb-color.svg"]  { --bh: 21px; }
}
.specband__track .marca-color { --mc: 24px; }
.specband__track .marca-color--izipay { --mc: 19px; }
.specband__track .marca-color--olva   { --mc: 19.5px; } 
.specband__track .brandimg[src$="microsoft-excel.svg"] { --bh: 23px; }
.specband__track .marca-color--plin  { --mc: 26px; }     
.specband__track .marca-color--culqi { --mc: 24.7px; }
.specband__track .logo-marca.logo-letsencrypt { --lm: 24.7px; }
.specband__track .brandimg[src$="isotipo-fastura.svg"] { --bh: 21.5px; }
.specband__track .brandimg[src$="google-meet.svg"]     { --bh: 21.5px; }
.specband__track .brandimg--woo { --bh: 16px; }
.specband__track .logo-marca.logo-whatsapp { --lm: 24px; color: #25D366; }
.specband__track .logo-marca.logo-visa     { --lm: 15px; color: color-mix(in srgb, #1434CB 55%, #fff); }
.specband__track .brandimg[src$="letsencrypt-color.svg"] { --bh: 24.7px; }
.specband:not(.specband--logos):has(.specband__track > .tip) { padding: 20px 0 38px; }
.specband:not(.specband--logos):has(.specband__track > .tip) .specband__track {
  gap: 52px;
}
.specband__track > .tip > .logo-iso {
  transition:
    transform 260ms cubic-bezier(.34, 1.56, .64, 1),
    background-color 200ms ease,
    filter 200ms ease;
}
.specband__track > .tip > .logo-marca {
  transition:
    transform 260ms cubic-bezier(.34, 1.56, .64, 1),
    background-color 200ms ease,
    filter 200ms ease;
}
.specband__track > .tip:hover > .logo-iso {
  transform: translateY(-3px) scale(1.12);
  filter: drop-shadow(0 6px 14px rgba(0, 0, 0, .45));
}
@media (prefers-reduced-motion: reduce) {
  .specband__track > .tip > .logo-iso { transition: background-color 200ms ease; }
  .specband__track > .tip:hover > .logo-iso { transform: none; }
}
.hcard__logos .brandimg[src*="cpanel-icon"] { width: 34px; }
.wesc--waya .wesc {
  --ac-ink:   #6D4AFF;
  --ac-tinta: #5333E0;
  --ac-suave: #F6F3FE;
  --ac-claro: #ECE4FB;
  --ac-alto:  #B9A6FF;
  --ac-medio: #8A6DFF;
}
.wesc--waya .wsc__top {
  background: #FCFCFE;
  border-bottom: 1px solid var(--a-linea, #ECECF3);
}
.wesc--waya .wsc__mk { background: var(--ac-claro); color: var(--ac-ink); }
.wesc--waya .wsc__mk .logo-marca { color: var(--ac-ink); }
.wesc--waya .wsc__doc b { color: var(--buho-navy-950, #001144); }
.wesc--waya .wsc__doc span { color: var(--a-tenue, #7C8398); }
.wesc--waya .wsc__seg { background: #F3F3F8; }
.wesc--waya .wsc__seg span { color: var(--a-tenue, #7C8398); }
.wesc--waya .wsc__seg span.on {
  background: #fff; color: var(--buho-navy-950, #001144);
  box-shadow: 0 1px 3px rgba(26, 20, 70, .14);
}
.wesc--waya .wsc__pie {
  background: #FCFCFE;
  border-top: 1px solid var(--a-linea, #ECECF3);
}
.wesc--waya .wsc__pie > .ti { color: var(--ac-ink); }
.wesc--waya .wsc__pie b { color: var(--buho-navy-950, #001144); }
.wesc--waya .wsc__pie .m { color: var(--a-tenue, #7C8398); }
.wesc--waya .wsc__can { padding: 0; background: #fff; }
.wesc--waya .wsc__pg { border-radius: 0; box-shadow: none; }
.wesc--waya .wixt, .wesc--waya .wqx, .wesc--waya .wia {
  box-shadow: 0 12px 26px rgba(26, 20, 70, .16), 0 0 0 1px rgba(26, 20, 70, .04);
}
.wmgb {
  position: absolute; z-index: 10; left: -30px; top: 170px;
  width: 46px; height: 46px; border-radius: 50%;
  display: grid; place-items: center;
  background: var(--buho-navy-950, #001144);
  box-shadow: 0 14px 30px rgba(0, 17, 68, .30);
}
.wmgb .logo-marca { --lm: 22px; color: #fff; }
.wesc--waya .wsc { top: 24px; }
.wesc--waya .wsc__bar { display: grid; grid-template-columns: 1fr auto 1fr; }
.wesc--waya .wsc__url { margin: 0 auto; }
.wesc--waya .wsc__pie { padding-left: 122px; }
.wesc--waya .wixt { left: -40px; }
.wesc--waya .wsc__act {
  background: #8FD400; color: #001144;
  padding: 6px 12px; font-size: 9.5px;
}
.wesc--waya .wsc__act .ti { font-size: 12px; }
.wmg__est { justify-self: end; display: inline-flex; align-items: center; gap: 8px; }
.wmg__chip {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 3px 8px; border-radius: 999px;
  background: var(--ac-claro); color: var(--ac-tinta);
  font: 700 7.5px/1 var(--font-sans); white-space: nowrap;
}
.wmg__chip .ti { font-size: 10px; }
.wmg__vivo {
  display: inline-flex; align-items: center; gap: 5px; white-space: nowrap;
  font: 600 8px/1 var(--font-mono); color: var(--a-tenue, #7C8398);
}
.wmg__vivo i {
  width: 6px; height: 6px; border-radius: 50%; flex: none; background: #7FA800;
  animation: wixLate 2.4s var(--ease-out, ease-out) infinite;
}
@media (prefers-reduced-motion: reduce) { .wmg__vivo i { animation: none; } }
.wmg__av {
  width: 23px; height: 23px; border-radius: 999px; flex: none;
  display: grid; place-items: center;
  background: var(--ac-ink); color: #fff;
  font: 800 8.5px/1 var(--font-sans);
}
.wsc__lin .ic.wmg__ini {
  border-radius: 999px;
  background: var(--ac-claro); color: var(--ac-tinta);
  font: 800 8px/1 var(--font-sans);
}
.wsc__prog i.p67 { width: 67%; }
.wmg__canal {
  width: 20px; height: 20px; border-radius: 7px; flex: none;
  display: grid; place-items: center;
  background: var(--mk-soft, #F1F1F7); color: var(--mk, var(--ac-ink));
}
.wmg__canal .logo-marca { --lm: 11px; }
.wesc--mb { --alto: 482px; }
.wmb__cta {
  display: inline-flex; align-items: center; gap: 5px;
  margin-left: auto; padding: 5px 10px; border-radius: 999px;
  background: #EFF9D6; color: #4C6E00;
  font: 700 7.5px/1 var(--font-sans); white-space: nowrap;
}
.wmb__cta .ti { font-size: 10px; }
.wixt--dominio { top: -38px; }
.wixt--precio  { top: 378px; }
.wesc--qr { --alto: 512px; }
.wqx__dst {
  display: flex; align-items: center; gap: 8px;
  padding: 9px 10px; border-radius: 11px;
  background: var(--ac-suave); box-shadow: inset 0 0 0 1px var(--ac-claro);
}
.wqx__dst .ti { font-size: 13px; color: var(--ac-ink); flex: none; }
.wqx__dst b {
  font: 600 9px/1 var(--font-mono); color: var(--buho-navy-950, #001144);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.wqx__dst .ed {
  margin-left: auto; flex: none;
  padding: 5px 10px; border-radius: 999px;
  background: #8FD400; color: #001144;
  font: 700 7.5px/1 var(--font-sans);
}
.wqx__ant {
  display: flex; align-items: center; gap: 6px; margin-top: 7px; padding-left: 2px;
  font: 500 7.5px/1 var(--font-mono); color: var(--a-tenue, #7C8398);
}
.wqx__ant b { font-weight: 500; text-decoration: line-through; }
.wqx__ant .ti { font-size: 10px; }
.wqx__d { display: grid; gap: 5px; padding: 9px 8px; text-align: center; }
.wqx__d .ti { font-size: 12px; color: var(--ac-ink); }
.wqx__d b { font: 700 9px/1 var(--font-mono); color: var(--buho-navy-950, #001144); }
.wqx__d span { font: 600 6.5px/1 var(--font-sans); color: var(--color-text-muted); }
.wqx {
  position: absolute; z-index: 9; left: -42px; top: 353px; width: 124px;
  --rot: -3deg; transform: rotate(-3deg);
  padding: 10px 10px 9px; border-radius: 16px; background: #fff;
  box-shadow: 0 24px 48px rgba(26, 20, 70, .20), 0 0 0 1px rgba(26, 20, 70, .06);
}
.wqx__img { display: block; width: 100%; height: auto; }
.wqx__pie {
  display: flex; align-items: center; gap: 5px; margin-top: 8px;
  padding-top: 7px; border-top: 1px solid var(--a-linea, #ECECF3);
  font: 700 6.5px/1.3 var(--font-mono); color: var(--a-tenue, #7C8398);
}
.wqx__pie .ti { font-size: 10px; color: var(--ac-ink); flex: none; }
.wixt--lecturas { top: -38px; }
.wesc--au { --alto: 438px; }
.wesc--au .wsc__cpo, .wesc--au .wsc__lin { padding-right: 152px; }
.wau__flujo { display: grid; gap: 0; }
.wau__paso {
  position: relative; display: grid; gap: 5px;
  padding: 0 0 13px 26px;
}
.wau__paso:last-child { padding-bottom: 0; }
.wau__paso::before {
  content: ""; position: absolute; left: 7px; top: 15px; bottom: 0;
  width: 1.5px; background: var(--ac-claro);
}
.wau__paso:last-child::before { display: none; }
.wau__paso > .pt {
  position: absolute; left: 0; top: 1px;
  width: 16px; height: 16px; border-radius: 999px;
  display: grid; place-items: center; font-size: 9px;
  background: var(--ac-ink); color: #fff;
}
.wau__paso em {
  font-style: normal; font: 700 6.5px/1 var(--font-mono);
  letter-spacing: .09em; text-transform: uppercase; color: var(--a-tenue, #7C8398);
}
.wau__paso b { font: 700 9px/1.35 var(--font-sans); color: var(--color-text); }
.wau__acc { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 2px; }
.wau__acc span {
  display: inline-flex; align-items: center; gap: 4px;
  padding: 4px 8px; border-radius: 999px;
  background: var(--ac-suave); box-shadow: inset 0 0 0 1px var(--ac-claro);
  font: 600 7.5px/1 var(--font-sans); color: var(--ac-tinta);
}
.wau__acc span .ti { font-size: 9px; }
.wia {
  position: absolute; z-index: 9; right: -30px; top: 170px; width: 186px;
  padding: 11px 12px 12px; border-radius: 16px;
  background: rgba(255, 255, 255, .96);
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
  box-shadow: 0 22px 44px rgba(26, 20, 70, .18), 0 0 0 1px rgba(26, 20, 70, .06);
}
.wia__cab {
  display: flex; align-items: center; gap: 6px; padding-bottom: 8px;
  border-bottom: 1px solid var(--a-linea, #ECECF3);
  font: 700 8.5px/1 var(--font-sans); color: var(--color-text);
}
.wia__cab .ti { font-size: 13px; color: var(--ac-ink); }
.wia__cab em {
  margin-left: auto; font-style: normal;
  font: 700 6.5px/1 var(--font-mono); letter-spacing: .07em; text-transform: uppercase;
  color: var(--a-tenue, #7C8398);
}
.wia__tx {
  display: block; margin: 9px 0 10px; padding: 9px 10px; border-radius: 11px;
  background: var(--ac-suave);
  font: 500 8px/1.45 var(--font-sans); color: var(--color-text);
}
.wia__acts { display: flex; gap: 6px; }
.wia__acts span {
  flex: 1; text-align: center; padding: 6px 0; border-radius: 999px;
  font: 700 7.5px/1 var(--font-sans);
}
.wia__acts .si { background: #8FD400; color: #001144; }
.wia__acts .no { background: #F1F1F7; color: var(--color-text); }
.wixt--regla { top: -38px; }
.wixt--macro { top: 334px; }
.wesc--ct { --alto: 457px; }
.wct__cab { display: flex; align-items: center; gap: 10px; padding: 11px 12px; }
.wct__cab .av {
  width: 32px; height: 32px; border-radius: 999px; flex: none;
  display: grid; place-items: center;
  background: var(--ac-ink); color: #fff;
  font: 800 11px/1 var(--font-sans);
}
.wct__cab b { display: block; font: 800 11px/1 var(--font-sans); letter-spacing: -.01em; color: var(--color-text); }
.wct__cab .s { display: block; margin-top: 4px; font: 500 8px/1 var(--font-mono); color: var(--color-text-muted); }
.wct__cab .der { margin-left: auto; }
.wct__campos { display: flex; flex-wrap: wrap; gap: 6px; }
.wct__campos span {
  display: inline-flex; align-items: baseline; gap: 5px;
  padding: 6px 9px; border-radius: 9px;
  background: #F7F7FB; box-shadow: inset 0 0 0 1px var(--a-linea, #ECECF3);
  font: 600 7.5px/1 var(--font-mono); color: var(--color-text);
}
.wct__campos span em {
  font-style: normal; font: 700 6.5px/1 var(--font-mono);
  letter-spacing: .07em; text-transform: uppercase; color: var(--a-tenue, #7C8398);
}
.wct__msg {
  display: flex; align-items: center; gap: 9px;
  padding: 8px 12px; border-top: 1px solid var(--a-linea, #ECECF3);
}
.wct__msg .tx { min-width: 0; }
.wct__msg b { display: block; font: 700 8px/1 var(--font-sans); color: var(--color-text); }
.wct__msg .q {
  display: block; margin-top: 4px; font: 500 7.5px/1 var(--font-sans); color: var(--color-text-muted);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 232px;
}
.wct__msg .h { margin-left: auto; flex: none; font: 600 7px/1 var(--font-mono); color: var(--a-tenue, #7C8398); }
.wixt--ficha { top: -38px; }
.wixt--ayuda { top: 353px; }
.wesc--in { --alto: 443px; }
.win__ag {
  display: grid; grid-template-columns: 18px 1fr 34px; align-items: center; gap: 9px;
  padding: 8px 12px; border-top: 1px solid var(--a-linea, #ECECF3);
}
.win__ag .av {
  width: 18px; height: 18px; border-radius: 999px;
  display: grid; place-items: center;
  background: var(--ac-claro); color: var(--ac-tinta);
  font: 800 6.5px/1 var(--font-sans);
}
.win__ag .n { display: block; font: 700 8px/1 var(--font-sans); color: var(--color-text); }
.win__ag .ba { display: block; margin-top: 5px; height: 5px; border-radius: 999px; background: #F1F1F7; }
.win__ag .ba i {
  display: block; height: 100%; border-radius: 999px;
  background: linear-gradient(90deg, var(--ac-medio), var(--ac-ink));
}
.win__ag .ba i.v34 { width: 34%; }
.win__ag .ba i.v27 { width: 27%; }
.win__ag .ba i.v18 { width: 18%; }
.win__ag .p { text-align: right; font: 700 8px/1 var(--font-mono); color: var(--color-text); }
.wixt--tres { top: -38px; }
.wixt--csv  { top: 339px; }
.fwin {
  position: relative; z-index: 1;
  background: #fff; border: 1px solid rgba(0, 17, 68, .05);
  border-radius: var(--brand-card-radius, 14px); overflow: hidden;
  box-shadow: 0 30px 80px rgba(0, 17, 68, .12), 0 8px 24px rgba(0, 17, 68, .05);
  animation: hfSlide 520ms var(--ease-out) both;
  --fw-linea: rgba(0, 17, 68, .08);
}
@media (prefers-reduced-motion: reduce) { .fwin { animation: none; } }
.fwin__bar {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 16px; background: var(--buho-navy-950);
}
.fwin__dots { display: inline-flex; gap: 6px; flex: none; }
.fwin__dots span { width: 9px; height: 9px; border-radius: 50%; background: rgba(255, 255, 255, .2); }
.fwin__name {
  min-width: 0; font: 500 11px/1 var(--font-mono); color: rgba(255, 255, 255, .55);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.fwin__tag {
  margin-left: auto; flex: none; display: inline-flex; align-items: center; gap: 6px;
  font: 700 10px/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase;
  color: var(--motif-a-light);
}
.fwin__tag .ti { font-size: 12px; }
.fwin__tag .pt {
  width: 7px; height: 7px; border-radius: 50%; flex: none; background: var(--motif-a-light);
  animation: fwLate 2.4s var(--ease-out) infinite;
}
@keyframes fwLate {
  0%   { box-shadow: 0 0 0 0   color-mix(in srgb, var(--motif-a) 55%, transparent); }
  70%  { box-shadow: 0 0 0 6px color-mix(in srgb, var(--motif-a) 0%,  transparent); }
  100% { box-shadow: 0 0 0 0   color-mix(in srgb, var(--motif-a) 0%,  transparent); }
}
@media (prefers-reduced-motion: reduce) { .fwin__tag .pt { animation: none; } }
.fwin__body { padding: 20px; display: grid; gap: 14px; }
.fwin__hd { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.fwin__hd .m { font: 500 11.5px/1 var(--font-mono); color: var(--color-text-muted); }
.fwin__foot {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap;
  padding: 13px 18px; border-top: 1px solid var(--fw-linea); background: var(--buho-cream);
}
.fwin__foot .m { font: 500 12.5px/1.4 var(--font-sans); color: var(--color-text-muted); }
.fwin__foot .d { display: inline-flex; align-items: center; gap: 7px; font: 700 12.5px/1 var(--font-sans); }
.fwin__foot .d .ti { font-size: 16px; color: var(--motif-b-ink); }
.fpipe {
  display: grid; grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: start; row-gap: 16px;
  padding: 16px 14px; border-radius: 12px; background: var(--buho-cream);
}
.fpipe__t {
  grid-column: 1 / -1; justify-self: center;
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 12px; border-radius: 999px; background: #fff;
  box-shadow: 0 0 0 1px var(--fw-linea, rgba(0, 17, 68, .08));
  font: 700 11.5px/1 var(--font-mono); color: var(--motif-b-ink); white-space: nowrap;
}
.fpipe__t .ti { font-size: 13px; }
.fpipe__step { min-width: 0; text-align: center; }
.fpipe__ico {
  width: 42px; height: 42px; margin: 0 auto 9px; border-radius: 13px;
  display: grid; place-items: center; font-size: 19px;
  background: #fff; box-shadow: 0 0 0 1px rgba(0, 17, 68, .07);
  color: var(--motif-a-ink, var(--buho-navy-950));
}
.fpipe__step > .tx { display: block; min-width: 0; }
.fpipe__step > .tx b { display: block; font: 700 12.5px/1.3 var(--font-sans); color: var(--color-text); }
.fpipe__step > .tx span {
  display: block; margin-top: 3px;
  font: 500 11px/1.35 var(--font-mono); color: var(--color-text-muted);
}
.fpipe__step--firma .fpipe__ico {
  background: var(--motif-a-soft, var(--buho-pink-100)); color: var(--motif-a-ink, var(--buho-pink-700));
  box-shadow: 0 0 0 4px color-mix(in srgb, var(--motif-a) 26%, transparent);
}
.fpipe__step--fin .fpipe__ico {
  background: var(--motif-b-soft, var(--buho-blue-100)); color: var(--motif-b-ink, var(--buho-blue-600)); box-shadow: none;
}
.fdash {
  display: grid; gap: 11px;
  padding: 13px; border-radius: 12px; background: var(--buho-cream);
  --fd-barra: #00A08A;
}
.fdash__hd { display: flex; align-items: baseline; gap: 10px; }
.fdash__hd b { font: 800 12.5px/1 var(--font-sans); letter-spacing: -.015em; color: var(--color-text); }
.fdash__hd .per {
  margin-left: auto; font: 500 10px/1 var(--font-mono); color: var(--color-text-muted); white-space: nowrap;
}
.fdash__kpi { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.fdash__kpi > span {
  display: grid; gap: 4px; padding: 9px 10px; border-radius: 10px;
  background: #fff; box-shadow: 0 0 0 1px var(--fw-linea, rgba(0, 17, 68, .08));
}
.fdash__kpi b {
  font: 700 15px/1 var(--font-mono); letter-spacing: -.03em; color: var(--buho-navy-950);
  white-space: nowrap;
}
.fdash__kpi .sube { display: inline-flex; align-items: center; gap: 4px; color: var(--motif-a-ink, #00796B); }
.fdash__kpi .sube .ti { font-size: 14px; }
.fdash__kpi > span > span { font: 500 9.5px/1.25 var(--font-sans); color: var(--color-text-muted); }
.fdash__abajo { display: grid; grid-template-columns: 1.35fr 1fr; gap: 7px; }
.fdash__graf, .fdash__aro {
  border-radius: 10px; background: #fff;
  box-shadow: 0 0 0 1px var(--fw-linea, rgba(0, 17, 68, .08));
}
.fdash__graf { position: relative; padding: 24px 11px 9px; }
.fdash__pico {
  position: absolute; top: 7px; left: calc(11px + (100% - 22px) * .643); transform: translateX(-50%);
  display: inline-flex; align-items: center; gap: 5px;
  padding: 3px 8px; border-radius: 999px;
  background: var(--motif-a-soft, #CFEFE9); color: var(--motif-a-ink, #00796B);
  font: 700 9px/1 var(--font-mono); white-space: nowrap;
}
.fdash__barras {
  display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px;
  align-items: end; height: 58px;
  border-bottom: 1px solid rgba(0, 17, 68, .10);
}
.fdash__barras i {
  display: block; justify-self: center;
  width: 58%; max-width: 28px;
  border-radius: 4px 4px 0 0; background: var(--fd-barra);
}
.fdash__barras i.b54  { height: 54%; }
.fdash__barras i.b64  { height: 64%; }
.fdash__barras i.b50  { height: 50%; }
.fdash__barras i.b77  { height: 77%; }
.fdash__barras i.b100 { height: 100%; }
.fdash__barras i.b93  { height: 93%; }
.fdash__barras i.b66  { height: 66%; }
.fdash__dias {
  display: grid; grid-template-columns: repeat(7, 1fr); gap: 3px;
  margin-top: 6px; text-align: center;
}
.fdash__aro { display: flex; align-items: center; gap: 11px; padding: 11px; }
.fdash__dona {
  display: block; position: relative; flex: none;
  width: 62px; height: 62px; border-radius: 50%;
  background: conic-gradient(var(--fd-barra) 0 var(--p, 62%), #E8EBF2 0);
}
.fdash__dona::before { content: ""; position: absolute; inset: 9px; border-radius: 50%; background: #fff; }
.fdash__dona b {
  position: absolute; inset: 0; display: grid; place-items: center;
  font: 700 13px/1 var(--font-mono); letter-spacing: -.03em; color: var(--buho-navy-950, #001144);
}
.fdash__dona.p62 { --p: 62%; }
.fdash__meta { display: grid; gap: 4px; min-width: 0; }
.fdash__meta .lb { font: 500 9.5px/1.2 var(--font-sans); color: var(--color-text-muted); white-space: nowrap; }
.fdash__meta b {
  font: 700 14px/1 var(--font-mono); letter-spacing: -.03em; color: var(--buho-navy-950, #001144);
  white-space: nowrap;
}
.fdash__meta .falta { font: 600 9px/1 var(--font-mono); color: var(--color-text-muted); white-space: nowrap; }
.fdash__dias em {
  font-style: normal; font: 600 8.5px/1 var(--font-mono); color: var(--color-text-muted);
}
@media (max-width: 520px) {
  .fdash__kpi { grid-template-columns: 1fr 1fr; }
  .fdash__kpi > span:last-child { grid-column: 1 / -1; }
  .fdash__abajo { grid-template-columns: 1fr; }
}
.fpipe__via {
  position: relative; align-self: start; min-width: 22px; height: 2px; margin: 20px 8px 0;
  background-image: linear-gradient(90deg, rgba(0, 17, 68, .24) 45%, transparent 0);
  background-size: 9px 2px; background-repeat: repeat-x;
}
.fpipe__via::after {
  content: ""; position: absolute; top: -3px; left: 0;
  width: 8px; height: 8px; border-radius: 50%; background: var(--motif-a);
  animation: fpipeVa 2.8s var(--ease-in-out, ease-in-out) infinite;
}
.fpipe__via--b::after { animation-delay: .4s; }
@keyframes fpipeVa {
  0%   { left: 0; opacity: 0; }
  15%  { opacity: 1; }
  85%  { opacity: 1; }
  100% { left: calc(100% - 8px); opacity: 0; }
}
@keyframes fpipeVaY {
  0%   { top: 0; opacity: 0; }
  15%  { opacity: 1; }
  85%  { opacity: 1; }
  100% { top: calc(100% - 8px); opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .fpipe__via::after { animation: none; opacity: .85; }
}
@media (max-width: 600px) {
  .fpipe { grid-template-columns: 1fr; row-gap: 0; padding: 16px; }
  .fpipe .fpipe__t { margin-bottom: 14px; }
  .fpipe .fpipe__step {
    display: flex; align-items: center; gap: 13px; text-align: left;
    padding: 11px 13px; border-radius: 12px; background: #fff;
    box-shadow: inset 0 0 0 1px var(--fw-linea, rgba(0, 17, 68, .08));
  }
  .fpipe .fpipe__ico { margin: 0; flex: none; width: 36px; height: 36px; font-size: 17px; }
  .fpipe .fpipe__step > .tx { flex: 1; }
  .fpipe .fpipe__via {
    width: 2px; height: 18px; min-width: 0; margin: 0 0 0 30px;
    background-image: linear-gradient(180deg, rgba(0, 17, 68, .24) 45%, transparent 0);
    background-size: 2px 9px; background-repeat: repeat-y;
  }
  .fpipe .fpipe__via::after { top: 0; left: -3px; animation-name: fpipeVaY; }
}
.fpipe--v, .fpipe--v.fpipe { grid-template-columns: 1fr; row-gap: 0; padding: 16px; }
.fpipe--v .fpipe__t { margin-bottom: 14px; }
.fpipe--v .fpipe__step {
  display: flex; align-items: center; gap: 13px; text-align: left;
  padding: 11px 13px; border-radius: 12px; background: #fff;
  box-shadow: inset 0 0 0 1px var(--fw-linea, rgba(0, 17, 68, .08));
}
.fpipe--v .fpipe__ico { margin: 0; flex: none; width: 36px; height: 36px; font-size: 17px; }
.fpipe--v .fpipe__step > .tx { flex: 1; }
.fpipe--v .fpipe__ms {
  flex: none; font: 700 11px/1 var(--font-mono); color: var(--color-text-muted);
}
.fpipe--v .fpipe__step--fin { background: var(--buho-navy-950); box-shadow: none; }
.fpipe--v .fpipe__step--fin > .tx b { color: #fff; }
.fpipe--v .fpipe__step--fin > .tx span,
.fpipe--v .fpipe__step--fin .fpipe__ms { color: rgba(255, 255, 255, .62); }
.fpipe--v .fpipe__via {
  width: 2px; height: 18px; min-width: 0; margin: 0 0 0 30px;
  background-image: linear-gradient(180deg, rgba(0, 17, 68, .24) 45%, transparent 0);
  background-size: 2px 9px; background-repeat: repeat-y;
}
.fpipe--v .fpipe__via::after { top: 0; left: -3px; animation-name: fpipeVaY; }
.fbox { padding: 14px 16px; border-radius: 12px; background: var(--buho-cream); }
.fbox .ftot + .ftot { margin-top: 7px; }
.frow { display: flex; align-items: center; gap: 12px; padding: 11px 0; border-top: 1px solid var(--fw-linea); }
.frow:first-child { border-top: 0; padding-top: 0; }
.frow__ic {
  width: 34px; height: 34px; border-radius: 10px; flex: none;
  display: grid; place-items: center; font-size: 16px;
  background: color-mix(in srgb, var(--buho-navy-950) 5%, #fff);
  color: var(--buho-navy-950);
}
.frow__ic--navy { background: var(--buho-navy-950); color: #fff; }
.frow__ic--amb  { background: color-mix(in srgb, var(--buho-navy-950) 11%, #fff);
                  color: var(--buho-navy-950); }
.frow__ic--ini  { font: 800 12px/1 var(--font-sans); }
.frow__ic--ini:not(.frow__ic--navy) { color: var(--buho-navy-950); }
.frow__tx { flex: 1; min-width: 0; }
.frow__tx b { display: block; font: 700 13.5px/1.3 var(--font-sans); color: var(--color-text); }
.frow__tx span {
  display: block; margin-top: 2px;
  font: 500 11.5px/1.3 var(--font-mono); color: var(--color-text-muted);
}
.frow__val { flex: none; display: grid; gap: 5px; justify-items: end; text-align: right; }
.frow__val b { font: 700 13px/1 var(--font-mono); color: var(--color-text); }
.fchip {
  display: inline-flex; align-items: center; gap: 5px;
  padding: 4px 9px; border-radius: 999px; white-space: nowrap;
  font: 700 10px/1 var(--font-sans); letter-spacing: .05em; text-transform: uppercase;
}
.fchip .ti { font-size: 11px; }
.fchip--ok   { background: var(--color-success-bg); color: #08794B; }
.fchip--cola { background: var(--color-warning-bg); color: var(--motif-b-ink); }
.ftot { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; }
.ftot .lb { font: 600 13px/1.35 var(--font-sans); color: var(--color-text-muted); }
.fpay { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7px; }
.fpay span {
  border-radius: 11px; padding: 10px 4px; text-align: center;
  font: 600 11.5px/1.3 var(--font-sans); color: var(--color-text-muted);
  box-shadow: inset 0 0 0 1px var(--fw-linea);
}
.fpay span .ti { display: block; font-size: 17px; margin-bottom: 5px; }
.fpay span.on { color: var(--color-text); font-weight: 700; box-shadow: inset 0 0 0 1.5px var(--buho-navy-950); }
.fcta {
  display: flex; align-items: center; justify-content: center; gap: 9px;
  padding: 15px; border-radius: 999px;
  background: var(--buho-navy-950); font: 700 15px/1 var(--font-sans);
}
.fcta .ti { font-size: 19px; }
.lbars--marca .fl { background: var(--motif-a-ink); opacity: .38; }
.lbars--marca .fl--ac {
  opacity: 1;
  background: linear-gradient(90deg, var(--motif-a), var(--motif-b));
}
.fflo { position: absolute; z-index: 3; }
.fflo--tl { left: -28px;  top: 1px; }
.fflo--tr { right: -24px; top: 1px; }
.fflo--bl { left: -28px;  bottom: 2px; }
.fflo--br { right: -18px; bottom: -30px; }
@media (max-width: 1180px) {
  .fflo--tl, .fflo--bl { left: -10px; }
  .fflo--tr, .fflo--br { right: -8px; }
}
@media (min-width: 981px) {
  .phero__vis:has(.fflo) { padding: 30px 0; top: -18px; }
}
.p9win, .p9tel {
  --p9-linea: rgba(0, 17, 68, .09);
  --p9-page: var(--buho-cream);
  --p9-morado: #7700E6;
  --p9-naranja: #F5871F;
  font-family: var(--font-sans); font-size: 12px; line-height: 1.35;
  color: var(--color-text); text-align: left;
}
.p9win *, .p9tel * { box-sizing: border-box; min-width: 0; }
.p9win .ti, .p9tel .ti { line-height: 1; }
.p9win {
  position: relative; z-index: 1;
  background: var(--p9-page); border: 1px solid rgba(0, 17, 68, .06);
  border-radius: 14px; overflow: hidden;
  box-shadow: 0 18px 44px rgba(0, 17, 68, .10), 0 4px 12px rgba(0, 17, 68, .05);
}
.p9win--blanco { --p9-page: #fff; }
.p9win__bar {
  display: flex; align-items: flex-end; gap: 10px;
  min-height: 40px; padding: 8px 12px 0; background: var(--buho-navy-950);
}
.p9win__dots { display: inline-flex; gap: 5px; flex: none; padding-bottom: 12px; }
.p9win__dots span { width: 8px; height: 8px; border-radius: 50%; background: rgba(255, 255, 255, .22); }
.p9win__tab {
  display: inline-flex; align-items: center; gap: 7px; min-width: 0; max-width: 80%;
  padding: 8px 14px 9px; border-radius: 9px 9px 0 0; background: var(--p9-page);
  font: 500 11px/1 var(--font-mono); color: var(--color-text-muted);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.p9win__tab b { font-weight: 700; color: var(--buho-navy-950); }
.p9win__tab .ti { font-size: 12px; color: var(--motif-a-ink); flex: none; }
.p9win__tag {
  margin-left: auto; flex: none; padding-bottom: 12px;
  font: 700 10.5px/1 var(--font-mono); letter-spacing: .1em; text-transform: uppercase;
  color: var(--motif-a-light); white-space: nowrap;
}
.p9win__body { padding: 14px; background: var(--p9-page); container-type: inline-size; }
.p9win__body--0 { padding: 0; }
.p9tel {
  container-type: inline-size;
  position: relative; width: 100%; max-width: 292px; margin: 0 auto;
  padding: 9px; border-radius: 44px; background: var(--buho-navy-950);
  box-shadow: 0 24px 50px rgba(0, 17, 68, .22), inset 0 0 0 1.5px rgba(255, 255, 255, .08);
}
.p9tel__scr {
  position: relative; display: flex; flex-direction: column;
  border-radius: 36px; overflow: hidden; background: var(--p9-page);
  aspect-ratio: 9 / 19.2; font-size: 11.5px;
}
.p9tel__isla {
  position: absolute; top: 10px; left: 50%; z-index: 5;
  width: 34%; height: 22px; margin-left: -17%; border-radius: 999px;
  background: var(--buho-navy-950);
}
.p9tel__isla::after {
  content: ""; position: absolute; right: 22%; top: 50%;
  width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background: var(--color-success);
}
.p9tel__st {
  display: flex; justify-content: space-between; align-items: center;
  padding: 14px 20px 0; font: 700 11px/1 var(--font-sans); color: var(--buho-navy-950);
}
.p9tel__st span { display: inline-flex; gap: 4px; }
.p9tel__st .ti { font-size: 12px; }
.p9tel__in { flex: 1; min-height: 0; padding: 12px 12px 0; display: flex; flex-direction: column; gap: 10px; }
.p9tel__in--0 { padding: 0; gap: 0; }
.p9tel__foot {
  margin-top: auto; padding: 10px 12px 6px; background: #fff;
  border-top: 1px solid var(--p9-linea);
}
.p9tel__home { height: 4px; width: 36%; margin: 8px auto 0; border-radius: 2px; background: rgba(0, 17, 68, .22); }
.p9-t { font: 800 15px/1.2 var(--font-sans); letter-spacing: -.02em; color: var(--buho-navy-950); }
.p9-t--sm { font-size: 13px; }
.p9-t--lg { font-size: 18px; }
.p9-eb { font: 700 10.5px/1 var(--font-sans); letter-spacing: .12em; text-transform: uppercase; color: var(--color-text-muted); }
.p9-mut { color: var(--color-text-muted); }
.p9-sub { color: var(--color-text-subtle); }
.p9-xs { font-size: 10.5px; }
.p9-mono { font-family: var(--font-mono); }
.p9-b { font-weight: 700; }
.p9-ok { color: var(--color-success-ink); }
.p9-warn { color: var(--color-warning); }
.p9-err { color: var(--color-danger); }
.p9-azul { color: var(--buho-blue-600); }
.p9-morado { color: var(--p9-morado); }
.p9-lnk { color: var(--buho-blue-600); text-decoration: underline; text-underline-offset: 2px; }
.p9-p { margin: 0; font-size: 11.5px; line-height: 1.5; }
.p9-ol { margin: 0; padding-left: 18px; font-size: 11px; line-height: 1.5; display: grid; gap: 4px; }
.p9-ol b { font-weight: 700; }
.p9-code {
  padding: 1px 5px; border-radius: 4px; background: var(--buho-pink-100);
  font: 600 10.5px/1.2 var(--font-mono); color: var(--buho-pink-700);
}
.p9-lb { display: block; margin-bottom: 4px; font: 600 10.5px/1.2 var(--font-sans); color: var(--color-text-muted); }
.p9-lb .req { color: var(--color-danger); }
.p9-lb .ti { font-size: 11px; vertical-align: -1px; }
.p9-in {
  display: flex; align-items: center; gap: 6px; min-height: 30px; padding: 0 10px;
  border-radius: 8px; background: var(--buho-cream); box-shadow: inset 0 0 0 1px var(--p9-linea);
  font: 500 11.5px/1 var(--font-sans); color: var(--buho-navy-950); white-space: nowrap;
}
.p9-in > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.p9-in--ph { color: var(--color-text-subtle); }
.p9-in--blanco { background: #fff; }
.p9-in--azul { background: var(--buho-blue-50); box-shadow: inset 0 0 0 1px var(--buho-blue-200); }
.p9-in--foco { box-shadow: inset 0 0 0 1.5px var(--buho-blue-600); }
.p9-in--sel::after {
  content: ""; margin-left: auto; flex: none; width: 6px; height: 6px;
  border-right: 1.5px solid var(--color-text-subtle); border-bottom: 1.5px solid var(--color-text-subtle);
  transform: rotate(45deg) translateY(-2px);
}
.p9-in .ti { font-size: 13px; color: var(--color-text-subtle); flex: none; }
.p9-in .ml { margin-left: auto; }
.p9-in .suf { margin-left: auto; font: 500 10.5px/1 var(--font-mono); color: var(--color-text-subtle); }
.p9-f { display: grid; gap: 10px; }
.p9-f--2 { grid-template-columns: 1fr 1fr; }
.p9-f--3 { grid-template-columns: repeat(3, 1fr); }
.p9-f--auto { grid-template-columns: auto 1fr; }
.p9-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  min-height: 30px; padding: 0 13px; border-radius: 8px; background: #fff;
  box-shadow: inset 0 0 0 1px var(--p9-linea);
  font: 700 11.5px/1 var(--font-sans); color: var(--buho-navy-950); white-space: nowrap;
}
.p9-btn .ti { font-size: 13px; }
.p9-btn--navy    { background: var(--buho-navy-950); color: #fff; box-shadow: none; }
.p9-btn--azul    { background: var(--buho-blue-600); color: #fff; box-shadow: none; }
.p9-btn--verde   { background: var(--color-success-ink); color: #fff; box-shadow: none; }
.p9-btn--verde-l { color: var(--color-success-ink); box-shadow: inset 0 0 0 1px var(--color-success-border); }
.p9-btn--naranja { background: var(--p9-naranja); color: #fff; box-shadow: none; }
.p9-btn--morado  { background: var(--p9-morado); color: #fff; box-shadow: none; }
.p9-btn--rojo-l  { color: var(--color-danger); box-shadow: inset 0 0 0 1px var(--color-danger-border); }
.p9-btn--soft    { background: var(--buho-blue-100); box-shadow: none; }
.p9-btn--gris    { background: var(--gray-150); box-shadow: none; }
.p9-btn--full    { display: flex; width: 100%; }
.p9-btn--lg      { min-height: 40px; font-size: 13px; border-radius: 12px; }
.p9-btn--pill    { border-radius: 999px; }
.p9-btn--sq      { padding: 0; width: 30px; }
.p9-btn--sm      { min-height: 26px; padding: 0 9px; font-size: 10.5px; }
.p9-btn--up      { letter-spacing: .1em; text-transform: uppercase; }
.p9-btn--gris .ti { color: var(--color-text-muted); }
.p9-btn--sq .ti.rojo { color: var(--color-danger); }
.p9-tg {
  display: inline-block; flex: none; position: relative; vertical-align: middle;
  width: 30px; height: 17px; border-radius: 999px; background: var(--gray-300);
}
.p9-tg::after {
  content: ""; position: absolute; top: 2px; left: 2px; width: 13px; height: 13px;
  border-radius: 50%; background: #fff; box-shadow: 0 1px 2px rgba(0, 17, 68, .25);
}
.p9-tg.on { background: var(--buho-navy-950); }
.p9-tg.on::after { left: 15px; }
.p9-tg--azul.on { background: var(--buho-blue-600); }
.p9-tgr { display: flex; align-items: flex-start; gap: 8px; font: 500 11.5px/1.3 var(--font-sans); }
.p9-tgr small { display: block; margin-top: 2px; font-size: 10.5px; line-height: 1.35; color: var(--color-text-muted); }
.p9-tgr .ti { font-size: 11px; color: var(--color-text-subtle); vertical-align: -1px; }
.p9-tgr--c { align-items: center; }
.p9-chk {
  display: inline-grid; place-items: center; flex: none; width: 15px; height: 15px;
  border-radius: 4px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--gray-300); font-size: 10.5px; color: #fff;
}
.p9-chk.on { background: var(--buho-blue-600); box-shadow: none; }
.p9-chk--navy.on { background: var(--buho-navy-950); }
.p9-chk .ti { font-size: 10.5px; }
.p9-chk--rd { border-radius: 50%; }
.p9-chip {
  display: inline-flex; align-items: center; gap: 4px; padding: 4px 8px; border-radius: 999px;
  background: var(--gray-150); font: 700 10.5px/1 var(--font-sans); color: var(--buho-navy-950); white-space: nowrap;
}
.p9-chip .ti { font-size: 11px; }
.p9-chip--navy  { background: var(--buho-navy-950); color: #fff; }
.p9-chip--verde { background: var(--color-success-bg); color: var(--color-success-ink); }
.p9-chip--ambar { background: var(--color-warning-bg); color: var(--motif-b-ink); }
.p9-chip--rojo  { background: var(--color-danger-bg); color: var(--color-danger); }
.p9-chip--azul  { background: var(--buho-blue-100); color: var(--buho-blue-700); }
.p9-chip--linea { background: #fff; box-shadow: inset 0 0 0 1px var(--p9-linea); color: var(--color-text-muted); }
.p9-chip--sq    { border-radius: 6px; }
.p9-chip--mono  { font-family: var(--font-mono); }
.p9-chip--pt::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: currentColor; }
.p9-tabs { display: flex; gap: 2px; padding: 3px; border-radius: 10px; background: var(--gray-150); overflow: hidden; }
.p9-tabs span { padding: 6px 10px; border-radius: 8px; font: 600 11px/1 var(--font-sans); color: var(--color-text-muted); white-space: nowrap; }
.p9-tabs .on { background: #fff; color: var(--buho-navy-950); box-shadow: 0 1px 3px rgba(0, 17, 68, .12); }
.p9-tabs--blanco { background: #fff; box-shadow: 0 1px 3px rgba(0, 17, 68, .08); }
.p9-tabs--blanco .on { background: var(--gray-150); box-shadow: none; }
.p9-tabs--lin { background: none; padding: 0; gap: 14px; border-bottom: 1px solid var(--p9-linea); border-radius: 0; }
.p9-tabs--lin span { padding: 6px 2px 8px; border-radius: 0; }
.p9-tabs--lin .on { background: none; box-shadow: inset 0 -2px 0 var(--buho-navy-950); }
.p9-chips { display: flex; gap: 6px; flex-wrap: wrap; }
.p9-chips--nw { flex-wrap: nowrap; overflow: hidden; }
.p9-side { display: grid; gap: 2px; padding: 6px; border-radius: 10px; background: var(--gray-150); align-content: start; }
.p9-side span { padding: 7px 10px; border-radius: 7px; font: 600 11px/1 var(--font-sans); color: var(--color-text-muted); text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.p9-side .on { background: #fff; color: var(--buho-navy-950); box-shadow: 0 1px 3px rgba(0, 17, 68, .10); }
.p9-adm { display: grid; grid-template-columns: 124px minmax(0, 1fr); gap: 12px; align-items: start; }
.p9-menu { display: grid; gap: 2px; }
.p9-menu > span { display: flex; align-items: center; gap: 9px; padding: 7px 8px; border-radius: 7px; font: 500 12px/1 var(--font-sans); }
.p9-menu > span .ti { font-size: 15px; color: var(--buho-navy-950); }
.p9-menu > span .ti.chev { margin-left: auto; font-size: 13px; color: var(--color-text-subtle); }
.p9-menu > span.on { background: var(--gray-150); }
.p9-menu > span.hd {
  padding: 8px 10px; border-radius: 8px; background: var(--buho-blue-50);
  box-shadow: inset 0 0 0 1.5px var(--buho-blue-200); font-weight: 600; letter-spacing: .04em;
}
.p9-menu__sub { display: grid; gap: 1px; margin: 2px 0 4px 12px; padding-left: 10px; border-left: 1px solid var(--p9-linea); }
.p9-menu__sub span { display: flex; align-items: center; gap: 8px; padding: 6px 9px; border-radius: 7px; font: 500 11.5px/1 var(--font-sans); }
.p9-menu__sub span.on { background: var(--gray-150); }
.p9-menu__sub span .ti { margin-left: auto; font-size: 12px; color: var(--color-text-subtle); }
.p9-menu__sub .p9-chip { margin-left: auto; }
.p9-menu--pad { padding: 14px 12px; }
.p9-card { background: #fff; border-radius: 12px; box-shadow: 0 0 0 1px var(--p9-linea); padding: 12px; }
.p9-card--sm { padding: 9px 10px; border-radius: 10px; }
.p9-card--dash { box-shadow: none; border: 1px dashed var(--gray-300); }
.p9-card--crema { background: var(--buho-cream); }
.p9-card--rosa { background: var(--buho-pink-100); box-shadow: none; }
.p9-card--azul { background: var(--buho-blue-50); box-shadow: inset 0 0 0 1.5px var(--buho-blue-600); }
.p9-card--navy { background: var(--buho-navy-950); box-shadow: none; color: #fff; }
.p9-cardh { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 8px; }
.p9-cardh b { font: 700 12px/1.2 var(--font-sans); }
.p9-cardh .ti { font-size: 14px; }
.p9-cardh .pt::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: var(--buho-navy-950); vertical-align: 1px; }
.p9-cardh small { display: block; margin-top: 2px; font: 500 10.5px/1.3 var(--font-sans); color: var(--color-text-muted); }
.p9-box { padding: 10px 12px; border-radius: 10px; background: #fff; box-shadow: inset 0 0 0 1px var(--p9-linea); }
.p9-box--crema { background: var(--buho-cream); }
.p9-hr { height: 1px; background: var(--p9-linea); }
.p9-hd { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-radius: 10px; background: var(--gray-150); font: 700 15px/1.2 var(--font-sans); letter-spacing: -.02em; }
.p9-ic {
  display: inline-grid; place-items: center; flex: none; width: 30px; height: 30px;
  border-radius: 9px; background: var(--buho-blue-100); color: var(--buho-blue-700); font-size: 15px;
}
.p9-ic--verde { background: var(--color-success-bg); color: var(--color-success-ink); }
.p9-ic--ambar { background: var(--color-warning-bg); color: var(--motif-b-ink); }
.p9-ic--rojo  { background: var(--color-danger-bg); color: var(--color-danger); }
.p9-ic--rosa  { background: var(--buho-pink-100); color: var(--buho-pink-700); }
.p9-ic--gris  { background: var(--gray-150); color: var(--buho-navy-950); }
.p9-ic--navy  { background: var(--buho-navy-950); color: #fff; }
.p9-ic--lav   { background: var(--buho-lavender-100); color: #5733E0; }
.p9-ic--sm    { width: 24px; height: 24px; font-size: 13px; border-radius: 7px; }
.p9-ic--lg    { width: 40px; height: 40px; font-size: 19px; border-radius: 12px; }
.p9-ic--rd    { border-radius: 50%; }
.p9-row { display: flex; align-items: center; gap: 10px; }
.p9-row .tx { flex: 1; min-width: 0; }
.p9-row .tx b { display: block; font: 700 11.5px/1.25 var(--font-sans); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p9-row .tx span { display: block; margin-top: 2px; font: 500 10.5px/1.25 var(--font-sans); color: var(--color-text-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p9-row .tx .mono { font-family: var(--font-mono); }
.p9-row .tx .wrap { white-space: normal; }
.p9-row .r { flex: none; text-align: right; font: 700 11.5px/1 var(--font-mono); }
.p9-row .r small { display: block; margin-top: 3px; font: 500 10.5px/1 var(--font-sans); color: var(--color-text-muted); }
.p9-row .chev { flex: none; font-size: 13px; color: var(--color-text-subtle); }
.p9-row--top { align-items: flex-start; }
.p9-rows { display: grid; gap: 6px; }
.p9-rows--lin > * { padding: 8px 0; border-bottom: 1px solid var(--p9-linea); }
.p9-rows--lin > :first-child { padding-top: 0; }
.p9-rows--lin > :last-child { border-bottom: 0; padding-bottom: 0; }
.p9-num { display: inline-grid; place-items: center; flex: none; width: 20px; height: 20px; border-radius: 50%; background: var(--buho-navy-950); color: #fff; font: 800 10.5px/1 var(--font-sans); }
.p9-num--gris { background: var(--gray-150); color: var(--buho-navy-950); }
.p9-steps { display: flex; align-items: center; gap: 8px; font: 500 11px/1 var(--font-sans); }
.p9-steps i.ln { flex: 1; height: 1px; background: var(--p9-linea); }
.p9-opt {
  display: grid; place-items: center; min-height: 32px; padding: 5px 6px; border-radius: 9px;
  background: #fff; box-shadow: inset 0 0 0 1px var(--p9-linea);
  font: 600 11px/1.2 var(--font-sans); color: var(--color-text-muted); text-align: center;
}
.p9-opt.on { background: var(--buho-blue-100); box-shadow: inset 0 0 0 1.5px var(--buho-navy-950); color: var(--buho-navy-950); }
.p9-tbl { width: 100%; border-collapse: collapse; font: 500 11px/1.3 var(--font-sans); }
.p9-tbl th { padding: 6px 8px; text-align: left; font: 700 10.5px/1 var(--font-sans); letter-spacing: .04em; color: var(--color-text-muted); border-bottom: 1px solid var(--p9-linea); white-space: nowrap; }
.p9-tbl td { padding: 7px 8px; border-bottom: 1px solid var(--p9-linea); vertical-align: middle; white-space: nowrap; }
.p9-tbl tr:last-child td { border-bottom: 0; }
.p9-tbl .r { text-align: right; }
.p9-tbl .c { text-align: center; }
.p9-tbl .mono { font-family: var(--font-mono); font-size: 10.5px; }
.p9-tbl .tr { color: var(--color-danger); font-size: 12px; }
.p9-tbl .ac { display: inline-flex; gap: 6px; }
.p9-tbl .ac .ti { font-size: 12px; color: var(--color-text-muted); }
.p9-tbl--x { display: block; overflow-x: auto; }
.p9-tbl--x table { width: 100%; border-collapse: collapse; }
.p9-tbl--cab { margin: 0 -14px; width: calc(100% + 28px); }
.p9-tbl--cab th:first-child, .p9-tbl--cab td:first-child { padding-left: 14px; }
.p9-tbl--cab th:last-child,  .p9-tbl--cab td:last-child  { padding-right: 14px; }
.p9-g2 { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.p9-g3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.p9-g4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; }
.p9-g2--10 { gap: 10px; }
.p9-stack { display: grid; gap: 10px; }
.p9-stack--6 { gap: 6px; }
.p9-stack--14 { gap: 14px; }
.p9-flex { display: flex; align-items: center; gap: 8px; }
.p9-flex--top { align-items: flex-start; }
.p9-sb { justify-content: space-between; }
.p9-wrap { flex-wrap: wrap; }
.p9-ml { margin-left: auto; }
.p9-ctr { text-align: center; }
.p9-right { text-align: right; }
.p9-nw { white-space: nowrap; }
.p9-ell { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p9-mt4 { margin-top: 4px; } .p9-mt8 { margin-top: 8px; } .p9-mt12 { margin-top: 12px; }
.p9-tot { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; font: 700 12px/1 var(--font-sans); }
.p9-tot b { font: 700 16px/1 var(--font-mono); }
.p9-tot .lb { font: 600 10.5px/1 var(--font-sans); letter-spacing: .08em; text-transform: uppercase; color: var(--color-text-muted); }
.p9-bar { height: 8px; border-radius: 999px; background: var(--gray-200); overflow: hidden; }
.p9-bar i { display: block; height: 100%; width: var(--w, 50%); border-radius: 999px; background: var(--motif-a-ink); }
.p9-bar--lima i { background: var(--motif-b); }
.p9-bar--lg { height: 14px; }
.p9-bar--lg i { display: flex; align-items: center; justify-content: flex-end; padding-right: 6px; font: 700 10.5px/1 var(--font-mono); color: var(--buho-navy-950); }
.p9-split { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; align-items: start; }
.p9-split--l { border-left: 1px solid var(--p9-linea); padding-left: 14px; }
.p9win--aire .p9win__body { padding: 24px; }
.p9win--aire .p9-split    { gap: 26px; }
.p9win--aire .p9-split--l { padding-left: 26px; }
.p9win--aire .p9-stack--6 { gap: 14px; }
.p9win--aire .p9-card--sm { padding: 17px 15px; }
.p9win--aire .p9-box      { padding: 14px 15px; }
.p9-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.p9-tiles--2 { grid-template-columns: 1fr 1fr; }
.p9-tile { background: #fff; border-radius: 10px; box-shadow: 0 0 0 1px var(--p9-linea); overflow: hidden; }
.p9-tile__im {
  position: relative; height: 52px; display: grid; place-items: center;
  font-size: 22px; color: rgba(0, 17, 68, .38);
  background: linear-gradient(140deg, var(--buho-blue-100), var(--buho-lavender-300));
}
.p9-tile__im--a { background: linear-gradient(140deg, var(--color-warning-bg), var(--buho-pink-100)); }
.p9-tile__im--b { background: linear-gradient(140deg, var(--color-success-bg), var(--buho-blue-100)); }
.p9-tile__im--c { background: linear-gradient(140deg, var(--buho-pink-100), var(--buho-lavender-100)); }
.p9-tile__im--d { background: linear-gradient(140deg, var(--buho-lavender-100), var(--color-warning-bg)); }
.p9-tile__pr { position: absolute; left: 5px; bottom: 5px; padding: 3px 6px; border-radius: 5px; background: var(--color-success-ink); color: #fff; font: 700 10.5px/1 var(--font-mono); }
.p9-tile__nm { padding: 6px 7px; font: 600 10.5px/1.25 var(--font-sans); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.p9-tile__ft { display: flex; justify-content: space-between; padding: 0 7px 6px; font: 700 10.5px/1 var(--font-mono); }
.p9-tile__ft b { color: var(--p9-naranja); }
.p9-pos { display: grid; grid-template-columns: minmax(0, 1fr) 128px; gap: 10px; align-items: start; }
.p9-cart { background: #fff; border-radius: 10px; box-shadow: 0 0 0 1px var(--p9-linea); padding: 8px 10px; }
.p9-cart__hd { font: 500 10.5px/1 var(--font-sans); color: var(--color-text-muted); padding-bottom: 6px; }
.p9-cart__it { padding: 6px 0; border-bottom: 1px solid var(--p9-linea); font: 600 10.5px/1.25 var(--font-sans); }
.p9-cart__it .nt { font: 500 10.5px/1 var(--font-sans); color: var(--color-success-ink); margin-left: 4px; }
.p9-cart__it .tr { float: right; font-size: 11px; color: var(--color-danger); }
.p9-cart__it small { display: flex; align-items: center; gap: 5px; margin-top: 4px; font: 500 10.5px/1 var(--font-mono); color: var(--color-text-muted); }
.p9-cart__it small b { margin-left: auto; color: var(--buho-navy-950); }
.p9-cart__it small .ti { font-size: 10.5px; }
.p9-cart__it small .mn { color: var(--color-danger); }
.p9-cart__it small .pl { color: var(--color-success-ink); }
.p9-cart__tot { padding: 10px 0 8px; }
.p9-step { display: inline-flex; align-items: center; gap: 9px; flex: none; padding: 5px 9px; border-radius: 999px; box-shadow: inset 0 0 0 1px var(--p9-linea); font: 700 11px/1 var(--font-sans); }
.p9-step .ti { font-size: 11px; }
.p9-av { width: 30px; height: 30px; border-radius: 50%; flex: none; display: grid; place-items: center; font-size: 13px; color: rgba(0, 17, 68, .4); box-shadow: inset 0 0 0 2px var(--color-warning-bg); background: var(--buho-cream); }
.p9-av--foto { background: linear-gradient(140deg, var(--buho-blue-100), var(--buho-pink-100)); box-shadow: inset 0 0 0 2px var(--buho-pink-200); }
.p9-cam {
  position: relative; display: grid; place-items: center; gap: 8px; padding: 18px 14px 14px;
  background: linear-gradient(180deg, var(--gray-700), var(--gray-900));
}
.p9-cam__tag { width: 78%; padding: 8px 10px 9px; border-radius: 10px; background: #fff; box-shadow: 0 0 0 2.5px rgba(255, 255, 255, .85), 0 10px 24px rgba(0, 0, 0, .35); }
.p9-cam__tag small { display: block; font: 600 10.5px/1.3 var(--font-mono); color: var(--gray-700); text-align: center; }
.p9-bc {
  height: 30px; margin: 5px 6px;
  background: repeating-linear-gradient(90deg, var(--buho-navy-950) 0 2px, transparent 2px 4px, var(--buho-navy-950) 4px 5px, transparent 5px 8px, var(--buho-navy-950) 8px 11px, transparent 11px 13px, var(--buho-navy-950) 13px 14px, transparent 14px 17px);
}
.p9-cam__hint { padding: 6px 11px; border-radius: 999px; background: rgba(0, 0, 0, .55); font: 500 10.5px/1.3 var(--font-sans); color: #fff; text-align: center; }
.p9-toast { display: flex; align-items: center; gap: 8px; margin: 0 8px; padding: 9px 12px; border-radius: 12px; background: var(--color-success-ink); color: #fff; font: 600 11.5px/1.2 var(--font-sans); box-shadow: 0 8px 20px rgba(0, 17, 68, .18); }
.p9-toast .ti { font-size: 15px; }
.p9-toast .x { margin-left: auto; font-size: 13px; }
.p9-shop__nav { display: flex; align-items: center; gap: 10px; padding: 9px 12px; background: #fff; font: 800 12px/1 var(--font-sans); letter-spacing: -.01em; }
.p9-shop__nav .lk { font: 500 10.5px/1 var(--font-sans); color: var(--color-text-muted); }
.p9-shop__nav .ico { margin-left: auto; display: inline-flex; gap: 10px; color: var(--p9-morado); font-size: 14px; }
.p9-shop__nav .ico .n { position: relative; }
.p9-shop__nav .ico .n::after { content: attr(data-n); position: absolute; top: -6px; right: -7px; width: 13px; height: 13px; border-radius: 50%; background: var(--p9-morado); color: #fff; font: 700 10.5px/13px var(--font-sans); text-align: center; }
.p9-shop__nav .ico .lg { font: 500 10.5px/1 var(--font-sans); color: var(--p9-morado); }
.p9-shop__hero {
  position: relative; display: grid; align-content: center; gap: 6px; padding: 16px 14px; min-height: 118px;
  background: linear-gradient(115deg, var(--buho-navy-950) 0%, color-mix(in srgb, var(--color-success-ink) 55%, var(--buho-navy-950)) 100%);
  color: #fff;
}
.p9-shop__hero small { font: 500 11px/1 var(--font-sans); color: rgba(255, 255, 255, .8); }
.p9-shop__hero b { font: 800 24px/1 var(--font-sans); letter-spacing: -.03em; }
.p9-shop__hero .cta { display: inline-flex; align-items: center; gap: 6px; margin-top: 4px; padding: 6px 11px; border-radius: 999px; background: #fff; color: var(--buho-navy-950); font: 700 10.5px/1 var(--font-sans); width: max-content; }
.p9-shop__hero::after { content: ""; position: absolute; right: -20px; bottom: -30px; width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle, rgba(255, 255, 255, .18), transparent 70%); }
.p9-prods { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 12px; }
.p9-prod { background: #fff; border-radius: 10px; box-shadow: 0 0 0 1px var(--p9-linea); overflow: hidden; }
.p9-prod__im { height: 56px; display: grid; place-items: center; font-size: 24px; color: rgba(0, 17, 68, .35); background: linear-gradient(140deg, var(--buho-blue-100), var(--buho-lavender-300)); }
.p9-prod__im--b { background: linear-gradient(140deg, var(--buho-lavender-100), var(--buho-blue-200)); }
.p9-prod__im--c { background: linear-gradient(140deg, var(--gray-150), var(--buho-blue-100)); }
.p9-prod__im--d { background: linear-gradient(140deg, var(--color-warning-bg), var(--buho-lavender-100)); }
.p9-prod__bd { padding: 7px 8px 8px; display: grid; gap: 3px; }
.p9-prod__nm { font: 700 10.5px/1.25 var(--font-sans); color: var(--p9-morado); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.p9-prod__st { font: 500 10.5px/1 var(--font-sans); color: var(--color-text-muted); }
.p9-prod__st.no { color: var(--color-danger); }
.p9-prod__pr { display: flex; align-items: center; justify-content: space-between; gap: 4px; margin-top: 2px; }
.p9-prod__pr b { font: 700 11px/1 var(--font-mono); color: var(--p9-morado); }
.p9-prod__pr b s { display: block; margin-bottom: 3px; font: 500 10.5px/1 var(--font-mono); color: var(--color-text-subtle); }
.p9-prod__pr .ti { display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--p9-morado); color: #fff; font-size: 11px; }
.p9-prod__pr .ag { font: 600 10.5px/1 var(--font-sans); color: var(--color-danger); white-space: nowrap; }
.p9-drop { margin: 8px 12px 14px; padding: 12px; border-radius: 14px; background: #fff; box-shadow: 0 16px 36px rgba(0, 17, 68, .18), 0 0 0 1px var(--p9-linea); }
.p9-foot { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 14px; background: var(--p9-morado); color: #fff; font: 500 10.5px/1.5 var(--font-sans); }
.p9-foot > div { display: grid; gap: 4px; align-content: start; }
.p9-foot .p9-eb { color: rgba(255, 255, 255, .85); margin-bottom: 4px; }
.p9-foot span, .p9-foot small { color: rgba(255, 255, 255, .86); }
.p9-foot small { font-size: 10.5px; }
.p9-foot .lg { height: 18px; width: auto; display: block; margin-bottom: 6px; }
.p9-foot .ti { font-size: 11px; margin-right: 4px; color: rgba(255, 255, 255, .7); }
.p9-foot__bt { grid-column: 1 / -1; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, .2); font-size: 10.5px; }
.p9-pay { margin-left: auto; display: inline-flex; gap: 5px; }
.p9-pay span { display: inline-grid; place-items: center; height: 26px; padding: 0 7px; border-radius: 6px; background: #fff; }
.p9-pay .marca-color { --mc: 18px; }
.p9-pay .logo-marca { --lm: 16px; }
.p9-pay img { display: block; height: 12px; width: auto; }
.p9-pay .marca-color--pagoefectivo { --mc: 18px; }
.p9-pay .tx { font: 800 10.5px/1 var(--font-sans); color: var(--p9-morado); }
.p9-kpi { padding: 10px 12px; border-radius: 10px; background: #fff; box-shadow: 0 0 0 1px var(--p9-linea); display: grid; gap: 5px; }
.p9-kpi--navy { background: var(--buho-navy-950); box-shadow: none; color: #fff; }
.p9-kpi .lb { font: 700 10.5px/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--color-text-muted); }
.p9-kpi--navy .lb { color: rgba(255, 255, 255, .62); }
.p9-kpi .vl { font: 700 17px/1 var(--font-mono); letter-spacing: -.02em; }
.p9-kpi .dl { display: flex; align-items: center; gap: 4px; font: 600 10.5px/1 var(--font-mono); color: var(--color-success-ink); }
.p9-kpi .dl.dn { color: var(--color-warning); }
.p9-kpi--navy .dl { color: var(--motif-b-light); }
.p9-kpi .dl .ti { font-size: 10.5px; }
.p9-kpi .st { display: flex; align-items: center; justify-content: space-between; gap: 6px; }
.p9-kpi .st .lb { font: 600 11px/1 var(--font-sans); letter-spacing: 0; text-transform: none; }
.p9-kpi .tx { font: 500 10.5px/1.35 var(--font-sans); color: var(--color-text-muted); }
.p9-kpi .tx b { color: var(--buho-navy-950); }
.p9-cols { position: relative; isolation: isolate; display: flex; align-items: flex-end; gap: 6px; height: 72px; }
.p9-cols i { flex: 1; height: var(--h, 40%); border-radius: 3px 3px 0 0; background: var(--motif-a-ink); position: relative; }
.p9-cols i.on { background: var(--buho-navy-950); }
.p9-cols i.on::before { content: ""; position: absolute; left: 0; right: 0; top: -4px; height: 3px; border-radius: 2px; background: var(--motif-b); }
.p9-cols i::after { content: ""; position: absolute; left: -2px; right: -2px; bottom: 0; height: var(--g, 0); border-radius: 3px 3px 0 0; background: var(--gray-200); z-index: -1; }
.p9-cols--sm { height: 44px; gap: 4px; }
.p9-axis { display: flex; gap: 6px; margin-top: 4px; font: 500 10.5px/1 var(--font-mono); color: var(--color-text-muted); }
.p9-axis span { flex: 1; text-align: center; }
.p9-gauge {
  position: relative; width: 104px; height: 52px; margin: 0 auto; overflow: hidden;
  border-radius: 104px 104px 0 0;
  background: conic-gradient(from -90deg at 50% 100%, var(--buho-navy-950) 0 calc(var(--p, 50) * 1.8deg), var(--gray-200) 0 180deg);
}
.p9-gauge::after { content: ""; position: absolute; left: 16px; right: 16px; bottom: 0; height: 36px; border-radius: 72px 72px 0 0; background: #fff; }
.p9-gauge--lg { width: 130px; height: 65px; border-radius: 130px 130px 0 0; }
.p9-gauge--lg::after { left: 20px; right: 20px; height: 45px; }
.p9-gauge + .p9-gval { margin-top: -20px; text-align: center; position: relative; }
.p9-gval b { display: block; font: 800 18px/1 var(--font-sans); letter-spacing: -.02em; }
.p9-gval span { display: block; margin-top: 3px; font: 500 10.5px/1.2 var(--font-sans); color: var(--color-text-muted); }
.p9-donut {
  width: 64px; height: 64px; border-radius: 50%; flex: none; display: grid; place-items: center;
  background: conic-gradient(var(--buho-navy-950) 0 42%, var(--motif-a-ink) 0 77%, var(--motif-a) 0 95%, var(--motif-b) 0);
}
.p9-donut::after { content: ""; width: 40px; height: 40px; border-radius: 50%; background: #fff; }
.p9-leg { display: grid; gap: 4px; font: 500 10.5px/1 var(--font-sans); }
.p9-leg span { display: flex; align-items: center; gap: 5px; }
.p9-leg span::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--c, var(--buho-navy-950)); flex: none; }
.p9-leg b { margin-left: auto; font: 700 10.5px/1 var(--font-mono); }
.p9-hbar { display: grid; gap: 6px; }
.p9-hbar > div { display: grid; grid-template-columns: 1fr auto; row-gap: 3px; column-gap: 6px; font: 600 10.5px/1 var(--font-sans); }
.p9-hbar > div b { font: 700 10.5px/1 var(--font-mono); }
.p9-hbar > div small { grid-column: 1 / -1; font: 500 10.5px/1 var(--font-mono); color: var(--color-text-muted); }
.p9-hbar i { grid-column: 1 / -1; display: block; height: 6px; border-radius: 3px; background: var(--gray-200); position: relative; }
.p9-hbar i::after { content: ""; position: absolute; inset: 0; width: var(--w, 50%); border-radius: 3px; background: var(--motif-a-ink); }
.p9-area {
  height: 60px; border-radius: 4px;
  background: linear-gradient(180deg, color-mix(in srgb, var(--buho-navy-950) 22%, transparent), color-mix(in srgb, var(--buho-navy-950) 4%, transparent));
  clip-path: polygon(0 62%, 20% 64%, 40% 52%, 60% 50%, 80% 30%, 100% 16%, 100% 100%, 0 100%);
}
.p9-area--2 { margin-top: -60px; background: linear-gradient(180deg, color-mix(in srgb, var(--motif-b) 45%, transparent), color-mix(in srgb, var(--motif-b) 5%, transparent)); clip-path: polygon(0 78%, 20% 80%, 40% 74%, 60% 76%, 80% 66%, 100% 60%, 100% 100%, 0 100%); }
.p9-spark { display: flex; align-items: flex-end; gap: 2px; height: 22px; width: 48px; flex: none; }
.p9-spark i { flex: 1; height: var(--h, 40%); border-radius: 1px; background: var(--motif-a-ink); opacity: .75; }
.p9-spark--dn i { background: var(--color-warning); }
.p9-kpi--navy .p9-spark i { background: var(--motif-b); opacity: .9; }
.p9-heat { display: grid; grid-template-columns: auto repeat(5, 1fr); gap: 3px; align-items: center; font: 500 10.5px/1 var(--font-mono); color: var(--color-text-muted); }
.p9-heat i { display: block; aspect-ratio: 1.6; border-radius: 3px; background: color-mix(in srgb, var(--buho-navy-950) calc(var(--v, 20) * 1%), var(--gray-200)); }
.p9-tree { display: grid; grid-template-columns: 1.4fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 3px; height: 74px; }
.p9-tree span { border-radius: 4px; padding: 4px 5px; font: 700 10.5px/1.2 var(--font-sans); color: #fff; background: var(--buho-navy-950); overflow: hidden; }
.p9-tree span small { display: block; font: 500 10.5px/1 var(--font-mono); opacity: .8; margin-top: 2px; }
.p9-tree span:nth-child(1) { grid-row: 1 / 3; }
.p9-tree span:nth-child(2) { background: var(--motif-a-ink); grid-row: 1 / 3; }
.p9-tree span:nth-child(3) { background: color-mix(in srgb, var(--motif-a-ink) 70%, #fff); }
.p9-tree span:nth-child(4) { background: color-mix(in srgb, var(--motif-a) 60%, #fff); color: var(--buho-navy-950); }
.p9-fun { display: grid; gap: 5px; font: 600 10.5px/1 var(--font-sans); }
.p9-fun > div { display: grid; grid-template-columns: 1fr auto; row-gap: 3px; }
.p9-fun i { grid-column: 1 / -1; display: block; height: 9px; width: var(--w, 50%); border-radius: 3px; background: var(--motif-a-ink); }
.p9-fun > div:first-child i { background: var(--buho-navy-950); }
.p9-fun b { font: 700 10.5px/1 var(--font-mono); }
.p9-dash { display: grid; gap: 8px; }
.p9-dash__k, .p9-dash__g { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.p9-dash__g--w { grid-template-columns: 1.6fr 1fr; }
.p9-dash__g--3 { grid-template-columns: repeat(3, 1fr); }
.p9-gal { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.p9-gal .p9-card--sm { display: grid; gap: 8px; align-content: start; }
.p9-gal .p9-cardh { margin: 0; }
.p9-gal .p9-cardh b { font-size: 10.5px; display: flex; align-items: center; gap: 5px; }
.p9-gal .p9-cardh b i { display: inline-grid; place-items: center; width: 14px; height: 14px; border-radius: 3px; background: var(--buho-navy-950); color: #fff; font: 700 10.5px/1 var(--font-mono); font-style: normal; }
.p9-gal .p9-kpi { padding: 8px 10px; }
.p9-gal .p9-kpi .vl { font-size: 14px; }
.p9-qrw { width: max-content; margin: 0 auto; padding: 10px; background: #fff; box-shadow: inset 0 0 0 1px var(--p9-linea); }
.p9-qr { display: block; position: relative; font-size: 5px; width: 25em; height: 25em; }
.p9-qr::before {
  content: ""; position: absolute; top: 0; left: 0; width: 1em; height: 1em; background: transparent;
  box-shadow: 0em 0em, 1em 0em, 2em 0em, 3em 0em, 4em 0em, 5em 0em, 6em 0em, 8em 0em, 11em 0em, 12em 0em, 13em 0em, 16em 0em, 18em 0em, 19em 0em, 20em 0em, 21em 0em, 22em 0em, 23em 0em, 24em 0em, 0em 1em, 6em 1em, 8em 1em, 9em 1em, 10em 1em, 12em 1em, 14em 1em, 16em 1em, 18em 1em, 24em 1em, 0em 2em, 2em 2em, 3em 2em, 4em 2em, 6em 2em, 10em 2em, 11em 2em, 12em 2em, 13em 2em, 14em 2em, 15em 2em, 16em 2em, 18em 2em, 20em 2em, 21em 2em, 22em 2em, 24em 2em, 0em 3em, 2em 3em, 3em 3em, 4em 3em, 6em 3em, 10em 3em, 13em 3em, 15em 3em, 16em 3em, 18em 3em, 20em 3em, 21em 3em, 22em 3em, 24em 3em, 0em 4em, 2em 4em, 3em 4em, 4em 4em, 6em 4em, 8em 4em, 9em 4em, 10em 4em, 11em 4em, 13em 4em, 16em 4em, 18em 4em, 20em 4em, 21em 4em, 22em 4em, 24em 4em, 0em 5em, 6em 5em, 8em 5em, 11em 5em, 14em 5em, 16em 5em, 18em 5em, 24em 5em, 0em 6em, 1em 6em, 2em 6em, 3em 6em, 4em 6em, 5em 6em, 6em 6em, 8em 6em, 10em 6em, 12em 6em, 14em 6em, 16em 6em, 18em 6em, 19em 6em, 20em 6em, 21em 6em, 22em 6em, 23em 6em, 24em 6em, 8em 7em, 10em 7em, 11em 7em, 12em 7em, 0em 8em, 1em 8em, 2em 8em, 5em 8em, 6em 8em, 8em 8em, 9em 8em, 10em 8em, 14em 8em, 15em 8em, 17em 8em, 18em 8em, 19em 8em, 20em 8em, 23em 8em, 24em 8em, 2em 9em, 4em 9em, 5em 9em, 7em 9em, 9em 9em, 10em 9em, 13em 9em, 14em 9em, 15em 9em, 18em 9em, 19em 9em, 21em 9em, 23em 9em, 24em 9em, 1em 10em, 6em 10em, 8em 10em, 11em 10em, 13em 10em, 14em 10em, 15em 10em, 17em 10em, 18em 10em, 21em 10em, 22em 10em, 24em 10em, 2em 11em, 3em 11em, 4em 11em, 9em 11em, 14em 11em, 16em 11em, 17em 11em, 19em 11em, 21em 11em, 2em 12em, 3em 12em, 5em 12em, 6em 12em, 7em 12em, 8em 12em, 9em 12em, 11em 12em, 12em 12em, 14em 12em, 15em 12em, 17em 12em, 18em 12em, 24em 12em, 3em 13em, 4em 13em, 5em 13em, 12em 13em, 13em 13em, 14em 13em, 15em 13em, 18em 13em, 19em 13em, 23em 13em, 24em 13em, 0em 14em, 1em 14em, 4em 14em, 6em 14em, 7em 14em, 8em 14em, 9em 14em, 12em 14em, 13em 14em, 14em 14em, 15em 14em, 21em 14em, 22em 14em, 24em 14em, 2em 15em, 8em 15em, 9em 15em, 11em 15em, 12em 15em, 14em 15em, 15em 15em, 16em 15em, 18em 15em, 19em 15em, 20em 15em, 21em 15em, 0em 16em, 1em 16em, 3em 16em, 4em 16em, 5em 16em, 6em 16em, 9em 16em, 12em 16em, 14em 16em, 16em 16em, 17em 16em, 18em 16em, 19em 16em, 20em 16em, 23em 16em, 8em 17em, 10em 17em, 13em 17em, 14em 17em, 16em 17em, 20em 17em, 24em 17em, 0em 18em, 1em 18em, 2em 18em, 3em 18em, 4em 18em, 5em 18em, 6em 18em, 9em 18em, 10em 18em, 11em 18em, 13em 18em, 14em 18em, 16em 18em, 18em 18em, 20em 18em, 24em 18em, 0em 19em, 6em 19em, 8em 19em, 9em 19em, 10em 19em, 12em 19em, 14em 19em, 16em 19em, 20em 19em, 23em 19em, 0em 20em, 2em 20em, 3em 20em, 4em 20em, 6em 20em, 11em 20em, 14em 20em, 15em 20em, 16em 20em, 17em 20em, 18em 20em, 19em 20em, 20em 20em, 23em 20em, 0em 21em, 2em 21em, 3em 21em, 4em 21em, 6em 21em, 9em 21em, 10em 21em, 11em 21em, 13em 21em, 14em 21em, 15em 21em, 17em 21em, 20em 21em, 22em 21em, 23em 21em, 0em 22em, 2em 22em, 3em 22em, 4em 22em, 6em 22em, 8em 22em, 9em 22em, 10em 22em, 11em 22em, 12em 22em, 13em 22em, 14em 22em, 16em 22em, 17em 22em, 19em 22em, 20em 22em, 21em 22em, 23em 22em, 24em 22em, 0em 23em, 6em 23em, 8em 23em, 10em 23em, 11em 23em, 12em 23em, 14em 23em, 16em 23em, 17em 23em, 18em 23em, 19em 23em, 20em 23em, 0em 24em, 1em 24em, 2em 24em, 3em 24em, 4em 24em, 5em 24em, 6em 24em, 8em 24em, 9em 24em, 11em 24em, 14em 24em, 16em 24em, 18em 24em, 21em 24em, 24em 24em;
}
.p9-tile__im, .p9-prod__im, .p9-ic--foto { position: relative; overflow: hidden; }
.p9-tile__im img, .p9-prod__im img, .p9-ic--foto img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.p9-tile__pr { z-index: 1; }
.p9-tile__im--foto { background: #fff; }
.p9-tile__im--foto img { object-fit: contain; padding: 4px; }
.p9-tile__im { height: 64px; }
.p9-prod__im { height: 78px; }
.p9-prod__im--ban { height: 54px; border-radius: 8px; overflow: hidden; }
.p9-ic--foto { overflow: hidden; background: var(--gray-150); padding: 0; }
.p9-shop__foto { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: right center; z-index: 0; }
.p9-shop__hero > :not(.p9-shop__foto) { position: relative; z-index: 1; }
.p9-shop__hero::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(90deg, rgba(0, 17, 68, .78) 0%, rgba(0, 17, 68, .35) 55%, rgba(0, 17, 68, .05) 100%); }
.p9-shop__foto--full { object-position: center 30%; }
.p9-shop__hero:has(.p9-shop__foto--full)::before { background: rgba(0, 17, 68, .25); }
.p9-drop { position: relative; z-index: 2; }
.p9-shop__nav .nm { display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; }
.p9-shop__nav .nm .ti { font-size: 15px; }
.p9-tabs span { flex: none; }
.p9win--menu { max-width: 360px; }
.p9-pos { grid-template-columns: minmax(0, 1fr) 150px; }
.p9-cart__it small { justify-content: space-between; }
.p9-cart__it small b { margin-left: 0; }
.p9-cart__tot { flex-wrap: nowrap; }
.p9-cart__tot b { font-size: 13px; }
.p9-cart__tot .lb { letter-spacing: .04em; }
.p9-tot b { font-size: 15px; }
@container (max-width: 440px) {
  .p9-adm { grid-template-columns: 1fr; }
  .p9-adm .p9-side { display: flex; flex-wrap: wrap; }
  .p9-adm .p9-side span { text-align: left; }
  .p9-split { grid-template-columns: 1fr !important; }
  .p9-split--l { border-left: 0; padding-left: 0; border-top: 1px solid var(--p9-linea); padding-top: 14px; }
  .p9-pos { grid-template-columns: 1fr; }
  .p9-tiles { grid-template-columns: 1fr 1fr; }
  .p9-prods { grid-template-columns: 1fr 1fr; }
  .p9-foot { grid-template-columns: 1fr 1fr; }
  .p9-dash__g, .p9-dash__g--w { grid-template-columns: 1fr; }
  .p9-gal { grid-template-columns: 1fr 1fr; }
  .p9-f--3 { grid-template-columns: 1fr 1fr; }
}
@container (max-width: 340px) {
  .p9-shop__nav .lk { display: none; }
}
@container (max-width: 300px) {
  .p9-g4 { grid-template-columns: 1fr 1fr; }
  .p9-g3 { grid-template-columns: 1fr; }
  .p9-btn .lbl { display: none; }
  .p9-foot, .p9-prods, .p9-gal, .p9-dash__k { grid-template-columns: 1fr; }
}
@container (max-width: 260px) {
  .p9tel__foot .p9-flex { flex-wrap: wrap; }
  .p9tel__foot .p9-flex > .p9-btn { flex: 1 1 100%; }
  .p9tel .p9-g4 { grid-template-columns: 1fr 1fr; }
}
.p9-figs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-top: 26px; align-items: start; }
@media (max-width: 700px) { .p9-figs { grid-template-columns: 1fr; } }
.p9-tl { display: grid; gap: 0; }
.p9-tl__it { position: relative; display: grid; gap: 2px; padding: 0 0 12px 22px; font: 500 11px/1.3 var(--font-sans); }
.p9-tl__it b { font-weight: 700; }
.p9-tl__it span { color: var(--color-text-muted); font-size: 10.5px; }
.p9-tl__it::before { content: ""; position: absolute; left: 4px; top: 3px; width: 10px; height: 10px; border-radius: 50%; background: #fff; box-shadow: inset 0 0 0 2px var(--gray-300); }
.p9-tl__it::after { content: ""; position: absolute; left: 8px; top: 15px; bottom: -2px; width: 2px; background: var(--gray-200); }
.p9-tl__it:last-child::after { display: none; }
.p9-tl__it:last-child { padding-bottom: 0; }
.p9-tl__it.ok::before { background: var(--color-success-ink); box-shadow: none; }
.p9-tl__it.ok::after { background: var(--color-success-ink); }
.p9-tl__it.on::before { background: var(--p9-morado); box-shadow: 0 0 0 4px color-mix(in srgb, var(--p9-morado) 22%, transparent); }
.p9-map {
  position: relative; height: 84px; border-radius: 10px; display: grid; place-items: center;
  background:
    linear-gradient(rgba(0, 17, 68, .08) 1px, transparent 1px) 0 0 / 22px 22px,
    linear-gradient(90deg, rgba(0, 17, 68, .08) 1px, transparent 1px) 0 0 / 22px 22px,
    linear-gradient(140deg, var(--color-success-bg), var(--buho-blue-100));
}
.p9-map .ti { font-size: 26px; color: var(--p9-morado); }
.p9-tk {
  align-self: start; padding: 12px 12px 14px; background: #fff; border-radius: 4px;
  box-shadow: 0 8px 24px rgba(0, 17, 68, .12), 0 0 0 1px var(--p9-linea);
  font: 500 10.5px/1.4 var(--font-mono); color: var(--buho-navy-950);
}
.p9-tk__hd { display: grid; gap: 2px; text-align: center; }
.p9-tk__hd span { color: var(--color-text-muted); }
.p9-tk__hd b:last-child { margin-top: 6px; }
.p9-tk__ln { height: 0; margin: 8px 0; border-top: 1px dashed var(--gray-300); }
.p9-tk__row { display: flex; justify-content: space-between; gap: 8px; }
.p9-tk__row span:first-child { color: var(--color-text-muted); }
.p9-tk__tot { font-weight: 700; font-size: 12px; margin-top: 4px; }
.p9-tk__it { display: grid; gap: 1px; padding: 3px 0; }
.p9-tk__it span { display: flex; justify-content: space-between; color: var(--color-text-muted); }
.p9-tk__it em { font-style: normal; color: var(--buho-navy-950); font-weight: 700; }
.p9-tk__qr { width: 44px; height: 44px; margin: 4px auto; background: repeating-conic-gradient(var(--buho-navy-950) 0 25%, transparent 0 50%) 0 0 / 8px 8px; opacity: .8; }
.p9-tk__f { display: block; text-align: center; font-size: 10.5px; color: var(--color-text-muted); }
.p9-tk__qr { width: 66px; height: 66px; margin: 6px auto; background: none; opacity: 1; position: relative; font-size: 2px; }
.p9-tk__qr::before { content: ""; position: absolute; top: 0; left: 0; width: 1em; height: 1em; box-shadow: 0em 0em, 1em 0em, 2em 0em, 3em 0em, 4em 0em, 5em 0em, 6em 0em, 9em 0em, 10em 0em, 11em 0em, 13em 0em, 14em 0em, 15em 0em, 20em 0em, 22em 0em, 24em 0em, 26em 0em, 27em 0em, 28em 0em, 29em 0em, 30em 0em, 31em 0em, 32em 0em, 0em 1em, 6em 1em, 11em 1em, 12em 1em, 15em 1em, 18em 1em, 21em 1em, 22em 1em, 26em 1em, 32em 1em, 0em 2em, 2em 2em, 3em 2em, 4em 2em, 6em 2em, 9em 2em, 10em 2em, 11em 2em, 14em 2em, 16em 2em, 18em 2em, 21em 2em, 23em 2em, 26em 2em, 28em 2em, 29em 2em, 30em 2em, 32em 2em, 0em 3em, 2em 3em, 3em 3em, 4em 3em, 6em 3em, 8em 3em, 10em 3em, 11em 3em, 14em 3em, 15em 3em, 16em 3em, 17em 3em, 18em 3em, 21em 3em, 22em 3em, 26em 3em, 28em 3em, 29em 3em, 30em 3em, 32em 3em, 0em 4em, 2em 4em, 3em 4em, 4em 4em, 6em 4em, 8em 4em, 10em 4em, 12em 4em, 13em 4em, 14em 4em, 15em 4em, 17em 4em, 18em 4em, 19em 4em, 21em 4em, 22em 4em, 23em 4em, 24em 4em, 26em 4em, 28em 4em, 29em 4em, 30em 4em, 32em 4em, 0em 5em, 6em 5em, 9em 5em, 10em 5em, 13em 5em, 14em 5em, 16em 5em, 20em 5em, 24em 5em, 26em 5em, 32em 5em, 0em 6em, 1em 6em, 2em 6em, 3em 6em, 4em 6em, 5em 6em, 6em 6em, 8em 6em, 10em 6em, 12em 6em, 14em 6em, 16em 6em, 18em 6em, 20em 6em, 22em 6em, 24em 6em, 26em 6em, 27em 6em, 28em 6em, 29em 6em, 30em 6em, 31em 6em, 32em 6em, 9em 7em, 12em 7em, 13em 7em, 20em 7em, 22em 7em, 0em 8em, 1em 8em, 5em 8em, 6em 8em, 7em 8em, 9em 8em, 10em 8em, 12em 8em, 14em 8em, 16em 8em, 17em 8em, 18em 8em, 19em 8em, 23em 8em, 28em 8em, 29em 8em, 0em 9em, 1em 9em, 2em 9em, 3em 9em, 5em 9em, 8em 9em, 10em 9em, 14em 9em, 15em 9em, 16em 9em, 19em 9em, 20em 9em, 23em 9em, 26em 9em, 27em 9em, 28em 9em, 30em 9em, 31em 9em, 0em 10em, 1em 10em, 2em 10em, 3em 10em, 6em 10em, 8em 10em, 9em 10em, 11em 10em, 12em 10em, 15em 10em, 16em 10em, 18em 10em, 24em 10em, 27em 10em, 4em 11em, 5em 11em, 7em 11em, 10em 11em, 11em 11em, 14em 11em, 19em 11em, 20em 11em, 23em 11em, 24em 11em, 26em 11em, 27em 11em, 28em 11em, 30em 11em, 0em 12em, 2em 12em, 3em 12em, 4em 12em, 5em 12em, 6em 12em, 9em 12em, 10em 12em, 13em 12em, 14em 12em, 18em 12em, 19em 12em, 23em 12em, 25em 12em, 26em 12em, 31em 12em, 32em 12em, 0em 13em, 1em 13em, 2em 13em, 4em 13em, 8em 13em, 9em 13em, 10em 13em, 12em 13em, 13em 13em, 14em 13em, 15em 13em, 19em 13em, 21em 13em, 22em 13em, 23em 13em, 24em 13em, 25em 13em, 26em 13em, 27em 13em, 30em 13em, 31em 13em, 32em 13em, 0em 14em, 2em 14em, 3em 14em, 5em 14em, 6em 14em, 8em 14em, 10em 14em, 13em 14em, 14em 14em, 15em 14em, 16em 14em, 18em 14em, 21em 14em, 22em 14em, 24em 14em, 28em 14em, 30em 14em, 0em 15em, 3em 15em, 5em 15em, 7em 15em, 8em 15em, 9em 15em, 12em 15em, 13em 15em, 14em 15em, 16em 15em, 18em 15em, 19em 15em, 20em 15em, 22em 15em, 24em 15em, 26em 15em, 28em 15em, 30em 15em, 4em 16em, 5em 16em, 6em 16em, 7em 16em, 10em 16em, 12em 16em, 14em 16em, 16em 16em, 17em 16em, 20em 16em, 23em 16em, 28em 16em, 29em 16em, 31em 16em, 0em 17em, 1em 17em, 3em 17em, 4em 17em, 9em 17em, 10em 17em, 15em 17em, 17em 17em, 19em 17em, 22em 17em, 23em 17em, 24em 17em, 25em 17em, 26em 17em, 30em 17em, 31em 17em, 32em 17em, 2em 18em, 6em 18em, 8em 18em, 12em 18em, 13em 18em, 14em 18em, 15em 18em, 17em 18em, 19em 18em, 20em 18em, 21em 18em, 23em 18em, 25em 18em, 26em 18em, 27em 18em, 28em 18em, 31em 18em, 32em 18em, 1em 19em, 2em 19em, 3em 19em, 4em 19em, 5em 19em, 7em 19em, 11em 19em, 14em 19em, 18em 19em, 24em 19em, 30em 19em, 4em 20em, 5em 20em, 6em 20em, 9em 20em, 10em 20em, 11em 20em, 16em 20em, 17em 20em, 18em 20em, 20em 20em, 23em 20em, 28em 20em, 29em 20em, 0em 21em, 2em 21em, 5em 21em, 7em 21em, 9em 21em, 10em 21em, 12em 21em, 13em 21em, 15em 21em, 16em 21em, 19em 21em, 20em 21em, 23em 21em, 24em 21em, 25em 21em, 28em 21em, 30em 21em, 31em 21em, 0em 22em, 4em 22em, 6em 22em, 8em 22em, 9em 22em, 13em 22em, 14em 22em, 15em 22em, 16em 22em, 18em 22em, 22em 22em, 24em 22em, 27em 22em, 30em 22em, 0em 23em, 3em 23em, 4em 23em, 7em 23em, 8em 23em, 10em 23em, 12em 23em, 13em 23em, 19em 23em, 24em 23em, 25em 23em, 27em 23em, 28em 23em, 30em 23em, 32em 23em, 0em 24em, 1em 24em, 4em 24em, 5em 24em, 6em 24em, 8em 24em, 9em 24em, 11em 24em, 12em 24em, 13em 24em, 19em 24em, 22em 24em, 23em 24em, 24em 24em, 25em 24em, 26em 24em, 27em 24em, 28em 24em, 31em 24em, 32em 24em, 8em 25em, 15em 25em, 17em 25em, 19em 25em, 21em 25em, 23em 25em, 24em 25em, 28em 25em, 29em 25em, 30em 25em, 31em 25em, 32em 25em, 0em 26em, 1em 26em, 2em 26em, 3em 26em, 4em 26em, 5em 26em, 6em 26em, 8em 26em, 9em 26em, 11em 26em, 12em 26em, 15em 26em, 16em 26em, 22em 26em, 23em 26em, 24em 26em, 26em 26em, 28em 26em, 30em 26em, 0em 27em, 6em 27em, 8em 27em, 9em 27em, 11em 27em, 16em 27em, 18em 27em, 22em 27em, 24em 27em, 28em 27em, 30em 27em, 0em 28em, 2em 28em, 3em 28em, 4em 28em, 6em 28em, 9em 28em, 10em 28em, 11em 28em, 16em 28em, 17em 28em, 18em 28em, 19em 28em, 20em 28em, 24em 28em, 25em 28em, 26em 28em, 27em 28em, 28em 28em, 29em 28em, 32em 28em, 0em 29em, 2em 29em, 3em 29em, 4em 29em, 6em 29em, 9em 29em, 12em 29em, 13em 29em, 14em 29em, 15em 29em, 17em 29em, 19em 29em, 20em 29em, 22em 29em, 24em 29em, 25em 29em, 27em 29em, 28em 29em, 30em 29em, 31em 29em, 32em 29em, 0em 30em, 2em 30em, 3em 30em, 4em 30em, 6em 30em, 9em 30em, 11em 30em, 15em 30em, 17em 30em, 18em 30em, 19em 30em, 20em 30em, 23em 30em, 24em 30em, 28em 30em, 29em 30em, 30em 30em, 31em 30em, 32em 30em, 0em 31em, 6em 31em, 8em 31em, 9em 31em, 12em 31em, 13em 31em, 22em 31em, 23em 31em, 25em 31em, 26em 31em, 27em 31em, 30em 31em, 0em 32em, 1em 32em, 2em 32em, 3em 32em, 4em 32em, 5em 32em, 6em 32em, 8em 32em, 12em 32em, 14em 32em, 16em 32em, 17em 32em, 18em 32em, 20em 32em, 24em 32em, 29em 32em, 31em 32em; }
.specband:has(.specband__track > .tip) {
  background: #fff;
  color: var(--color-text);
  box-shadow:
    inset 0  1px 0 rgba(0, 17, 68, .08),
    inset 0 -1px 0 rgba(0, 17, 68, .08);
}
.specband:has(.specband__track > .tip) .specband__track span { color: var(--color-text-muted); }
.specband:has(.specband__track > .tip) .specband__track i.ti { color: var(--buho-pink-700, #CC0056); }
.specband:has(.specband__track > .tip) .logo-marca,
.specband:has(.specband__track > .tip) .logo-iso { color: var(--buho-navy-950, #001144); }
.specband:has(.specband__track > .tip) .logo-marca.logo-wordpress { color: #21759B; }
.specband:has(.specband__track > .tip) .logo-iso--mysql           { color: #00758F; }
.specband:has(.specband__track > .tip) .logo-marca.logo-visa      { color: #1434CB; }
.specband:has(.specband__track > .tip) .logo-marca.logo-whatsapp  { color: #1FA855; }
.specband--logos:has(.specband__track > .tip) .specband__track > span { opacity: 1; }
.specband:has(.specband__track > .tip) .specband__track > .tip::after {
  background: rgba(0, 17, 68, .05);
  box-shadow: inset 0 0 0 1px rgba(0, 17, 68, .10);
  color: var(--buho-navy-950, #001144);
}
.specband:has(.specband__track > .tip) .specband__track > .tip:hover > .logo-iso {
  filter: drop-shadow(0 6px 14px rgba(0, 17, 68, .18));
}
.story-step p {
  max-height: 0; margin-top: 0; opacity: 0; overflow: hidden;
  transition: max-height .32s var(--ease-out), opacity .24s var(--ease-out), margin-top .32s var(--ease-out);
}
.story-step[aria-selected="true"] p { max-height: 320px; margin-top: 8px; opacity: 1; }
@media (prefers-reduced-motion: reduce) { .story-step p { transition: none; } }
.p9-qty {
  display: inline-flex; align-items: center; flex: none;
  border-radius: 8px; background: #fff;
  box-shadow: inset 0 0 0 1px var(--p9-linea);
}
.p9-qty .ti { width: 22px; height: 24px; display: grid; place-items: center; font-size: 12px; color: var(--color-text-muted); }
.p9-qty b { min-width: 22px; text-align: center; font: 700 11px/1 var(--font-mono); }
.p9-gar { display: flex; flex-wrap: wrap; gap: 6px 12px; }
.p9-gar span { display: inline-flex; align-items: center; gap: 5px; font: 500 10px/1 var(--font-sans); color: var(--color-text-muted); white-space: nowrap; }
.p9-gar .ti { font-size: 12px; color: var(--color-success-ink); }
/* a11y.css */
.sec--navy .card,
.sec--navy .plan:not(.plan--dark),
.sec--navy .cmp,
.sec--navy .ladder,
.sec--navy .faq details,
.sec--navy .quote,
.sec--navy .track,
.sec--navy .fork > a:not(.fork--dark > a),
.sec--navy .mock:not(.mock--dark),
.sec--navy .trust,
.sec--navy .rubro,
.sec--navy .explore > button:not(.on),
.sec--navy .story-step:not([aria-selected="true"]),
.sec--navy .bento > *:not(.dark):not(.accent),
.sec--navy .fcell--light,
.phband .card,
.phband .plan:not(.plan--dark) {
  color: var(--color-text);
}
.sec--navy :is(.card,.plan:not(.plan--dark),.cmp tbody,.ladder,.faq details,.quote,
               .track,.mock:not(.mock--dark),.trust,.explore > button:not(.on),
               .story-step:not([aria-selected="true"]),.bento > *:not(.dark):not(.accent),
               .fork > a) *:not(.btn):not(.btn *):not(.btn-pink):not(.btn-pink *):not(.btn-outline-l):not(.btn-outline-l *):not(.badge):not(.badge *):not(.anillo):not(.anillo *):not(.eclipse):not(.eclipse *):not(.calc__out):not(.calc__out *):not(.fcard):not(.fcard *):not(.fpill):not(.fpill *):not(.plan__flag):not(.plan__flag *):not(.ph__cap):not(.ph__cap *):not(.ph__tag):not(.ph__tag *):not(.aurora-dark):not(.aurora-dark *):not(.sec--navy):not(.sec--navy *):not(.closer):not(.closer *):not(.phband):not(.phband *):not(.specband):not(.specband *):not(.sfoot):not(.sfoot *):not(.on-dark):not(.on-dark *):not(.on-light):not(.on-light *):not([class*="--dark"]):not([class*="--dark"] *):not(.curseg):not(.curseg *):not(.segs):not(.segs *):not(.bento .dark):not(.bento .dark *):not(.bento .accent):not(.bento .accent *):not(.story-step[aria-selected="true"]):not(.story-step[aria-selected="true"] *):not(.explore > button.on):not(.explore > button.on *):not(.plan--hot .plan__flag):not(.plan--hot .plan__flag *):not(.viz):not(.viz *):not(.mega):not(.mega *):not(.snav):not(.snav *) {
  color: var(--color-text);
}
.on-light.on-light,
.on-light :where(h1,h2,h3,h4,h5,h6,p,li,td,th,b,strong,em,span,div,small,label,summary,output,figcaption):not(.btn):not(.btn *):not(.btn-pink):not(.btn-pink *):not(.btn-outline-l):not(.btn-outline-l *):not(.badge):not(.badge *):not(.anillo):not(.anillo *):not(.eclipse):not(.eclipse *):not(.calc__out):not(.calc__out *):not(.fcard):not(.fcard *):not(.fpill):not(.fpill *):not(.plan__flag):not(.plan__flag *):not(.ph__cap):not(.ph__cap *):not(.ph__tag):not(.ph__tag *):not(.aurora-dark):not(.aurora-dark *):not(.sec--navy):not(.sec--navy *):not(.closer):not(.closer *):not(.phband):not(.phband *):not(.specband):not(.specband *):not(.sfoot):not(.sfoot *):not(.on-dark):not(.on-dark *):not(.on-light):not(.on-light *):not([class*="--dark"]):not([class*="--dark"] *):not(.curseg):not(.curseg *):not(.segs):not(.segs *):not(.bento .dark):not(.bento .dark *):not(.bento .accent):not(.bento .accent *):not(.story-step[aria-selected="true"]):not(.story-step[aria-selected="true"] *):not(.explore > button.on):not(.explore > button.on *):not(.plan--hot .plan__flag):not(.plan--hot .plan__flag *):not(.viz):not(.viz *):not(.mega):not(.mega *):not(.snav):not(.snav *) {
  color: var(--color-text) !important;
}
.on-light.on-light .text-muted, .on-light.on-light [style*="text-muted"] { color: var(--color-text-muted) !important; }
.on-dark.on-dark,
.on-dark :where(h1,h2,h3,h4,h5,h6,p,li,td,th,b,strong,em,span,div,small,label,summary,output,figcaption):not(.btn):not(.btn *):not(.btn-pink):not(.btn-pink *):not(.btn-outline-l):not(.btn-outline-l *):not(.badge):not(.badge *):not(.anillo):not(.anillo *):not(.eclipse):not(.eclipse *):not(.calc__out):not(.calc__out *):not(.fcard):not(.fcard *):not(.fpill):not(.fpill *):not(.plan__flag):not(.plan__flag *):not(.ph__cap):not(.ph__cap *):not(.ph__tag):not(.ph__tag *):not(.aurora-dark):not(.aurora-dark *):not(.sec--navy):not(.sec--navy *):not(.closer):not(.closer *):not(.phband):not(.phband *):not(.specband):not(.specband *):not(.sfoot):not(.sfoot *):not(.on-dark):not(.on-dark *):not(.on-light):not(.on-light *):not([class*="--dark"]):not([class*="--dark"] *):not(.curseg):not(.curseg *):not(.segs):not(.segs *):not(.bento .dark):not(.bento .dark *):not(.bento .accent):not(.bento .accent *):not(.story-step[aria-selected="true"]):not(.story-step[aria-selected="true"] *):not(.explore > button.on):not(.explore > button.on *):not(.plan--hot .plan__flag):not(.plan--hot .plan__flag *):not(.viz):not(.viz *):not(.mega):not(.mega *):not(.snav):not(.snav *) {
  color: #fff !important;
}
.on-dark.on-dark .text-muted, .on-dark.on-dark [style*="text-muted"] { color: rgba(255,255,255,0.74) !important; }
.on-light .btn--primary, .on-dark .btn--primary,
.on-light .btn--primary *, .on-dark .btn--primary * { color: var(--color-primary-contrast) !important; }
.on-light .btn--secondary, .on-dark .btn--secondary,
.on-light .btn--secondary *, .on-dark .btn--secondary * { color: var(--color-primary) !important; }
.on-light .btn-pink, .on-dark .btn-pink, .on-light .btn-pink *, .on-dark .btn-pink * { color: var(--on-act, #fff) !important; }
.on-light .curseg button.on, .on-dark .curseg button.on,
.on-light .curseg button.on *, .on-dark .curseg button.on *,
.on-light .segs button.on, .on-dark .segs button.on { color: #fff !important; }
.curseg button.on, .curseg button.on * { color: #fff; }
.sec--navy .card .text-muted,      .sec--navy .plan:not(.plan--dark) .text-muted,
.sec--navy .cmp .text-muted,
.sec--navy .faq details .a,        .sec--navy .track p,
.sec--navy .bento > *:not(.dark):not(.accent) p,
.sec--navy .explore > button:not(.on) span,
.sec--navy .story-step:not([aria-selected="true"]) p,
.sec--navy .quote .who span,       .sec--navy .ladder small,
.sec--navy .plan__sub, .sec--navy .plan__usd, .sec--navy .plan:not(.plan--dark) .plan__usd {
  color: var(--color-text-muted);
}
.sec--navy .card input:not([type=checkbox]):not([type=radio]),
.sec--navy .card select, .sec--navy .card textarea,
.phband .card input, .phband .card select, .phband .card textarea {
  color: var(--color-text); background: #fff;
}
.sec--navy .link, .phband .link, .closer .link, .sfoot .link,
.sec--navy a.link, .aurora-dark > .wrap .link {
  color: var(--motif-b-light, var(--buho-blue-300));
}
.sec--navy .link:hover, .phband .link:hover { border-bottom-color: var(--motif-a-light, var(--buho-pink-300)); }
.sec--navy .card .link, .sec--navy .cmp .link, .sec--navy .faq .link,
.sec--navy .bento > *:not(.dark):not(.accent) .link, .sec--navy .plan .link {
  color: var(--motif-b-ink, var(--buho-blue-600));
}
.brand { --act-surface: var(--buho-pink-700); }
.brand--fastura { --act-surface: #00BFA5; }   
.brand--waya    { --act-surface: #8FD400; }   
.brand .btn-pink, .brand .calc__pick,
.brand .sec--navy .segs button.on,
.btn--accent {
  background: var(--act-surface, var(--buho-pink-700));
}
.brand .btn-pink:hover, .brand .calc__pick:hover {
  box-shadow: 0 0 0 3px color-mix(in srgb, var(--act-surface) 24%, transparent),
              0 16px 36px color-mix(in srgb, var(--act-surface) 36%, transparent);
}
.sfoot a[href*="wa.me"], .sfoot button { background: var(--buho-pink-700); }
.sec--navy [style*="rgba(255,255,255,0.4"],
.sec--navy [style*="rgba(255,255,255,.4"],
.sec--navy [style*="rgba(255,255,255,0.3"],
.sec--navy [style*="rgba(255,255,255,.3"],
.sfoot [style*="rgba(255,255,255,0.4"],
.sfoot [style*="rgba(255,255,255,.4"],
.closer [style*="rgba(255,255,255,0.5"] {
  color: rgba(255,255,255,0.68) !important;
}
.sfoot__bar, .sfoot__cols h3 { color: rgba(255,255,255,0.66); }
.closer__fine { color: rgba(255,255,255,0.72); }
.sec--navy .statrow .s, .sec--navy .fcard .lb { color: rgba(255,255,255,0.68); }
.snav__link--on { color: var(--buho-pink-700); }
.sec--navy > .wrap > [style*="text-muted"],
.sec--navy > .wrap > .shead [style*="text-muted"],
.sec--navy > .wrap > .steps [style*="text-muted"],
.sec--navy > .wrap > .statrow [style*="text-muted"] {
  color: rgba(255,255,255,0.74) !important;
}
a:focus-visible, button:focus-visible, summary:focus-visible,
input:focus-visible, select:focus-visible, textarea:focus-visible,
[tabindex]:focus-visible {
  outline: 3px solid var(--motif-b, var(--buho-blue-600));
  outline-offset: 2px; border-radius: 6px;
}
.sec--navy a:focus-visible, .sec--navy button:focus-visible,
.sfoot a:focus-visible, .sfoot button:focus-visible, .closer a:focus-visible {
  outline-color: #fff;
}
.cmp thead th, .sec--navy .cmp thead th { color: #fff; }
.techrow span { color: var(--color-text); }
.sec--navy .techrow span, .bento .dark .techrow span, .closer .techrow span,
.phband > .wrap .techrow span {
  background: rgba(255,255,255,0.10); color: rgba(255,255,255,0.92);
}
.sec--navy .card .techrow span, .sec--navy .bento > *:not(.dark):not(.accent) .techrow span,
.sec--navy .plan .techrow span, .sec--navy .track .techrow span { color: var(--color-text); }
.curseg button:not(.on), .segs button:not(.on), .ptoggle button:not(.on) { color: var(--gray-700); }
.sec--navy > .wrap .curseg button:not(.on):not(.on-light button):not(.card button):not(.mock:not(.mock--dark) button):not(.plan:not(.plan--dark) button):not(.bento > *:not(.dark):not(.accent) button):not(.faq details button):not(.quote button):not(.track button):not(.trust button):not(.cmp tbody button):not(.ladder button):not(.rubro button):not(.fork > a button):not(.explore > button:not(.on) button):not(.story-step:not([aria-selected="true"]) button):not(.calc:not(.sec--navy .calc) button), .sec--navy > .wrap .segs button:not(.on):not(.on-light button):not(.card button):not(.mock:not(.mock--dark) button):not(.plan:not(.plan--dark) button):not(.bento > *:not(.dark):not(.accent) button):not(.faq details button):not(.quote button):not(.track button):not(.trust button):not(.cmp tbody button):not(.ladder button):not(.rubro button):not(.fork > a button):not(.explore > button:not(.on) button):not(.story-step:not([aria-selected="true"]) button):not(.calc:not(.sec--navy .calc) button),
.on-dark .curseg button:not(.on), .on-dark .segs button:not(.on) { color: rgba(255,255,255,0.86); }
.sec--navy .card .curseg button:not(.on), .sec--navy .bento > *:not(.dark) .curseg button:not(.on),
.sec--navy .plan .curseg button:not(.on), .on-light .curseg button:not(.on),
.on-light .segs button:not(.on) { color: var(--gray-700); }
.curseg button:not(.on):hover, .segs button:not(.on):hover { color: var(--buho-navy-950); }
.sec--navy > .wrap .curseg button:not(.on):hover { color: #fff; }
.cmp .yes { color: #0B7A4B; } .cmp .no { color: var(--gray-600); }
.sec--navy .tagrow span, .phband .tagrow span { color: var(--color-text); }
.sec--navy .tagrow--dark span, .phband .tagrow--dark span,
.aurora-dark .tagrow--dark span, .closer .tagrow--dark span { color: #fff; }
.sec--navy .fpill, .phband .fpill { color: var(--buho-navy-950); }
.sec--navy > .wrap span[style*="57,104"]:not(.on-light *):not(.card *):not(.mock:not(.mock--dark) *):not(.plan:not(.plan--dark) *):not(.quote *):not(.fcell *):not(.calc__out *),
.sec--navy > .wrap span[style*="text-muted"]:not(.on-light *):not(.card *):not(.mock:not(.mock--dark) *):not(.plan:not(.plan--dark) *):not(.quote *):not(.fcell *):not(.calc__out *),
.sec--navy > .wrap p[style*="text-muted"]:not(.on-light *):not(.card *):not(.mock:not(.mock--dark) *):not(.plan:not(.plan--dark) *):not(.quote *):not(.fcell *):not(.calc__out *),
.sec--navy > .wrap div[style*="text-muted"]:not(.on-light *):not(.card *):not(.mock:not(.mock--dark) *):not(.plan:not(.plan--dark) *):not(.quote *):not(.fcell *):not(.calc__out *),
.sec--navy .steps p[style*="text-muted"]:not(.on-light *):not(.card *):not(.mock:not(.mock--dark) *):not(.plan:not(.plan--dark) *):not(.quote *):not(.fcell *):not(.calc__out *),
.sec--navy .shead p[style*="text-muted"]:not(.on-light *):not(.card *):not(.mock:not(.mock--dark) *):not(.plan:not(.plan--dark) *):not(.quote *):not(.fcell *):not(.calc__out *) {
  color: rgba(255,255,255,0.74) !important;
}
.sec--navy .mock--dark, .sec--navy .mock--dark :where(div,span,b,code,pre) { color: rgba(255,255,255,0.86); }
.calc__out { background: var(--buho-navy-950); color: #fff; }
.calc__out :where(span,output,b,div,a) { color: inherit; }
.calc__out .k { color: rgba(255,255,255,0.72); }
.calc__out .s { color: rgba(255,255,255,0.74); }
.calc__out .calc__pick { color: var(--on-act, #fff); }
.avatar, .quote .av, .av { color: var(--buho-navy-950); }
.sec--navy .avatar, .sec--navy .quote .av, .phband .av,
.aurora-dark .av, [style*="rgba(255,255,255,0.1"] > .av { color: #fff; }
.badge--warning, span.badge--warning { color: #7A4A00; }
.badge--success { color: #06603A; }
.badge--info { color: var(--buho-blue-700); }
.sec--navy .plan .plan__price .u, .plan--dark .plan__price .u,
.sec--navy > .wrap .plan__price .u { color: rgba(255,255,255,0.74); }
.mock--dark [style*="rgba(255,255,255,0.38"], .mock--dark [style*="rgba(255,255,255,.38"],
[style*="rgba(255,255,255,0.38)"] { color: rgba(255,255,255,0.66) !important; }
.mock .btn, .mock .btn-pink, .mock .btn-outline-l, .mock .eb--dark,
.sec--navy .mock .btn, .sec--navy .mock .btn-outline-l { color: #fff; }
.mock .btn--secondary, .mock .btn--ghost,
.sec--navy .mock .btn--secondary, .sec--navy .mock .btn--ghost { color: var(--buho-navy-950); }
.mock .eb--dark { color: var(--motif-a-light, var(--buho-pink-300)); }
.sec--navy span[style*="rgb(87, 104, 139)"]:not(.on-light *):not(.card *):not(.mock:not(.mock--dark) *):not(.plan:not(.plan--dark) *):not(.quote *):not(.fcell *):not(.calc__out *),
.sec--navy span[style*="#57688B"]:not(.on-light *):not(.card *):not(.mock:not(.mock--dark) *):not(.plan:not(.plan--dark) *):not(.quote *):not(.fcell *):not(.calc__out *),
.sec--navy [style*="color:var(--gray-600)"]:not(.on-light *):not(.card *):not(.mock:not(.mock--dark) *):not(.plan:not(.plan--dark) *):not(.quote *):not(.fcell *):not(.calc__out *) { color: rgba(255,255,255,0.74) !important; }
.mock .techrow span, .card .techrow span { color: var(--color-text); }
.calc__out [style*="text-muted"], .calc__out [style*="57, 104, 139"] { color: rgba(255,255,255,0.74) !important; }
.sec--navy > .wrap, .closer, .phband > .wrap, .specband, .sfoot { color: #fff; }
.sec--navy > .wrap > h1, .sec--navy > .wrap > h2, .sec--navy > .wrap > h3,
.sec--navy > .wrap > .shead h2, .sec--navy > .wrap > .shead h3 { color: #fff; }
:is(.card, .mock:not(.mock--dark), .bento > *:not(.dark):not(.accent), .plan:not(.plan--dark), .on-light)
  :is(p, span, small, li, label, output)[style*="rgba(255,255,255,0."]:not([style*="background"]):not(.on-dark):not(.on-dark *),
:is(.card, .mock:not(.mock--dark), .bento > *:not(.dark):not(.accent), .plan:not(.plan--dark), .on-light)
  :is(p, span, small, li, label, output)[style*="rgba(255, 255, 255, 0."]:not([style*="background"]):not(.on-dark):not(.on-dark *) {
  color: var(--color-text-muted) !important;
}
:is(.card,.mock:not(.mock--dark),.quote,.bento > *:not(.dark):not(.accent),.on-light,.ladder,.cmp) :is(.av,.avatar,.text-mono.av) {
  color: var(--buho-navy-950);
}
.badge--success, .alert--success, .stat-trend--up,
:is(.card,.mock:not(.mock--dark),.on-light,.plan:not(.plan--dark)) [style*="var(--color-success)"] {
  color: var(--color-success-ink);
}
.sec--navy > .wrap > .plan-note, .sec--navy > .wrap > .plan-note span,
.aurora-dark > .wrap > .plan-note, .aurora-dark > .wrap > .plan-note span {
  color: rgba(255,255,255,0.74);
}
.sec--navy > .wrap > .plan-note i, .aurora-dark > .wrap > .plan-note i { color: var(--buho-blue-300); }
.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
/* v3-ajustes.css */
.js .gw[data-gw]:not(.is-visto):not(.v3 .gw)::before { opacity: var(--gw-opacidad); }
.js .gw:not([data-gw]):not(.is-visto):not(.v3 .gw) {
  text-shadow: 0 0 36px color-mix(in srgb, var(--gw-luz) calc(var(--gw-opacidad) * 100%), transparent);
}
.js mark.resalta:not(.is-visto):not(.v3 mark) { background-size: 100% 100%; }
.aurora-light { position: relative; isolation: isolate; }
.aurora-light::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(70% 80% at 0% 0%, var(--atm-1), transparent 62%),
    radial-gradient(60% 70% at 100% 0%, var(--atm-2), transparent 60%),
    radial-gradient(42% 50% at 98% 72%, var(--atm-3), transparent 64%);
}
.campo.aurora-light::before { display: none; }
.aurora-dark { position: relative; isolation: isolate; background: var(--navy-950); }
.aurora-dark::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(70% 90% at 8% -10%, var(--atm-osc-1), transparent 62%),
    radial-gradient(60% 70% at 100% 110%, var(--atm-osc-2), transparent 64%);
}
.aurora-dark > * { position: relative; z-index: 1; }
.iris, .bokeh { display: none; }
hr.corte { height: 0; border: 0; background: none; }
.reticula { position: relative; }
.num-grad {
  font-family: var(--fuente-datos); font-weight: 600; letter-spacing: -.03em;
  color: var(--texto); background: none; -webkit-text-fill-color: currentColor;
  font-variant-numeric: tabular-nums;
}
.num-grad i { font-style: normal; color: var(--tinta-a); }
:is(.on-dark, .aurora-dark, .sec--navy) .num-grad, .num-grad--dark { color: var(--blanco); }
:is(.on-dark, .aurora-dark, .sec--navy) .num-grad i, .num-grad--dark i { color: var(--luz-a-osc); }
.lente, em.lente,
.brand .lente, .brand--fastura .lente, .brand--waya .lente,
.brand .sec--navy .lente, .brand .lente--dark, .lente--dark {
  font-style: normal; font-weight: inherit; color: inherit;
}
:is(h1, h2, h3, h4) em { font-style: normal; }
:is(h1, h2, h3, h4) em[style] { font-style: normal !important; font-weight: inherit !important; color: inherit !important; }
.bigquote blockquote em, .sec--navy .bigquote blockquote em { font-style: normal; font-weight: 600; color: inherit; }
.plan--hot .plan__price .u { font-style: normal; font-weight: 500; }
.wbld__tx b em, .wtnd__hero h4 em { font-style: normal; }
.fcell h3, .steps h3, .bento h3, .story-step h3, .fork h3, .track h3 { font-weight: 600; }
.fcell:hover, .plan:hover, .btn-pink:hover, .wafab:hover, .bento > *:hover,
.phstrip .ph:hover, .calc__pick:hover, .explore > button:hover, .fork > a:hover,
.rubro:hover, .brandrow button:hover, .closer .btn--primary:hover, .tficha:hover,
*:hover > .bchip, .bchip:hover, .apps__it:hover, .zwin__new:hover, .zchip:hover,
.zlogos > span:hover, .chtile:hover, .mmap__it:hover, .mmap__it:focus-visible,
.card--hover:hover, .bento--waya > *:hover .wb-ilu img,
.specband__track > .tip:hover > img, .specband__track > .tip:hover > .logo-marca,
.specband__track > .tip:hover > .logo-iso { transform: none; }
[data-tilt] { transform: none !important; }
html.js [data-rv] { transform: none; }
.specband__track > .tip::after, .specband__track > .tip > img,
.specband__track > .tip > .logo-marca, .specband__track > .tip > .logo-iso {
  transition-timing-function: var(--ease-out);
}
.specband__track, .ribbon__track {
  animation: none; width: auto; max-width: 1240px; margin-inline: auto; padding-inline: 32px;
  flex-wrap: wrap; justify-content: center; row-gap: 14px;
}
.specband__track > [aria-hidden="true"], .ribbon__track > [aria-hidden="true"],
.specband__track > [data-repetido], .ribbon__track > [data-repetido] { display: none !important; }
@media (max-width: 640px) {
  .specband__track, .ribbon__track { padding-inline: 20px; column-gap: 26px; }
}
.fpill, .fcard, .hcard__note, .gwhero__chip--gmail, .gwhero__chip--drive, .gwhero__face,
.wasis__pill, .zchip, .wflo, .wpt, .wpub, .wflt, .wstk__c,
.wilu__f1, .wilu__f2, .wilu__f3, .wilu__eng--a, .wilu__eng--b, .wilu__eng--c,
.wpan, .wtar--sec, .wtar--dom, .wtar--vel, .wtcd, .wvta, .wcar, .witem, .wsel,
.wixt--cero, .wixt--fact, .wixt--dominio, .wixt--regla, .wixt--ficha, .wixt--tres,
.wixt--precio, .wixt--lecturas, .wixt--macro, .wixt--ayuda, .wixt--csv,
.wqx, .wmgb, .wia, .wtel .wfon:first-child, .wtel .wfon:last-child,
.arco, .vlog__pasos li.is-activo .vlog__ic,
.led, .bento--waya .wb-fila--aviso .ti, .mig__dot, .st--live i,
.vpanel__estado[data-vpanel-estado="busy"] i, .vlog.is-corriendo .vlog__vivo i,
.wix__pin i, .wmg__vivo i, .fwin__tag .pt,
.gwhero__caret, .wbld__car, .wasis__typing i,
.vmap__ruta.is-on, .vlog.vlog--anim .vlog__pasos li.is-activo b,
.wpub__bt .ti, .wpub__ok { animation: none; }
[style*="infinite"] { animation: none !important; }
[style*="rgba(255,0,111"][style*="blur("] { display: none !important; }
[data-track="rubros"] { width: auto !important; flex-wrap: wrap; justify-content: center; }
[data-track="rubros"] > [aria-hidden="true"] { display: none !important; }
div:has(> [data-track="rubros"]) { -webkit-mask: none !important; mask: none !important; }
[data-track="rubros"] > * { width: 214px !important; }
@media (max-width: 640px) {   
  div:has(> [data-track="rubros"]) { overflow-x: auto !important; scroll-snap-type: x proximity; scrollbar-width: none; }
  [data-track="rubros"] { flex-wrap: nowrap; width: max-content !important; padding-inline: 2px; }
  [data-track="rubros"] > * { scroll-snap-align: start; }
}
a[style*="background:var(--buho-pink-700)"] { background: var(--blanco) !important; color: var(--navy-950) !important; }
.visto, .pop, .wgota span,
.wasis__m--ellos, .wasis__m--ia, .wasis__tag { animation: none; opacity: 1; transform: none; }
.wsms > span { animation: none; opacity: 1; transform: none; }
.wsms > span + span { display: none; }
.arco--cede, .scanline { animation: none; opacity: 0; }
.wasis__typing { animation: none; display: none; }
.travel { animation: none; opacity: 1; offset-distance: 50%; }
.travel--2 { offset-distance: 22%; }
.travel--3 { offset-distance: 78%; }
.vmap__viajero.is-on { animation: none; opacity: 1; offset-distance: 60%; }
.fpipe__via::after { animation: none; opacity: 1; left: calc(50% - 4px); }
.wqr__code::after { animation: none; transform: translateY(33px); }
.wbld__drop { animation: none; opacity: 1; transform: none; }
.wbld__drag { animation: none; transform: translate(150px, 22px) rotate(-1deg); }
.ripple, .wtree .ping { animation: none; r: 12; opacity: .32; }
.vmap__onda { animation: none; transform: scale(.8); opacity: .3; }
.btn-pink, .brand .btn-pink { background: var(--accion-acento); color: var(--accion-acento-texto); }
.btn-pink:hover, .brand .btn-pink:hover {
  background: var(--accion-acento-hover); color: var(--accion-acento-hover-texto);
  box-shadow: 0 14px 28px -14px var(--accion-luz);
}
:is(.sec--navy, .aurora-dark, .on-dark, .closer) .btn-pink,
.brand:not(.brand--fastura, .brand--waya) :is(.sec--navy, .aurora-dark, .on-dark, .closer) .btn-pink {
  background: var(--blanco); color: var(--navy-950);
}
:is(.sec--navy, .aurora-dark, .on-dark, .closer) .btn-pink:hover,
.brand:not(.brand--fastura, .brand--waya) :is(.sec--navy, .aurora-dark, .on-dark, .closer) .btn-pink:hover {
  background: var(--int-100); color: var(--navy-950); box-shadow: none;
}
.snav__link--on { color: var(--interaccion); }
.steps > div::before { color: var(--interaccion); }
.fblog__cat { color: var(--acento-osc); }
::selection { background: var(--int-200); color: var(--navy-950); }
.brand { --brand-card-radius: var(--r-xl); }
.brand--fastura { --brand-radius: var(--r-boton); --brand-card-radius: var(--r-xl); }
.brand--waya { --brand-card-radius: var(--r-xl); }
.pupila:not(.v3 .pupila) { overflow: hidden; }
.zrow .meta { flex-wrap: nowrap; }
/* cabecera-oscura.css */
body:has(.v3 .hero.sobre-oscuro) #header.app-nav-header {
  background: var(--navy-950);
  box-shadow: inset 0 -1px 0 rgb(255 255 255 / .08);
}
body:has(.v3 .hero.sobre-oscuro) #header.app-nav-header .top-nav > li > a,
body:has(.v3 .hero.sobre-oscuro) #header.app-nav-header .buho-loc-abre { color: var(--texto-invertido-2); }
body:has(.v3 .hero.sobre-oscuro) #header.app-nav-header .top-nav > li > a > *:not(.badge) { color: inherit; }
body:has(.v3 .hero.sobre-oscuro) #header.app-nav-header .top-nav > li > a:is(:hover, :focus-visible),
body:has(.v3 .hero.sobre-oscuro) #header.app-nav-header .top-nav > li:is(:hover, .sfHover, .open) > a,
body:has(.v3 .hero.sobre-oscuro) #header.app-nav-header .buho-loc-abre:is(:hover, :focus-visible) { color: var(--blanco); }
body:has(.v3 .hero.sobre-oscuro) #header.app-nav-header .app-nav-toggle .icon-bar { background: var(--blanco); }
body:has(.v3 .hero.sobre-oscuro) #header.app-nav-header .logo img { content: url(logos/Buho-light.svg); }
@media (min-width: 992px) {
  body:has(.v3 .hero.sobre-oscuro) #main-menu.app-nav-menu {
    background: var(--navy-950);
    box-shadow: inset 0 -1px 0 rgb(255 255 255 / .08);
  }
  body:has(.v3 .hero.sobre-oscuro) #main-menu.app-nav-menu .logo img { content: url(logos/Buho-light.svg); }
  body:has(.v3 .hero.sobre-oscuro) #main-menu.app-nav-menu .menu-primary > li > a { color: var(--blanco); }
  body:has(.v3 .hero.sobre-oscuro) #main-menu.app-nav-menu .menu-primary > li > a > *:not(.badge) { color: inherit; }
  body:has(.v3 .hero.sobre-oscuro) #main-menu.app-nav-menu .menu-primary > li:not(.nav-item-btn) > a:is(:hover, :focus-visible),
  body:has(.v3 .hero.sobre-oscuro) #main-menu.app-nav-menu .menu-primary > li:not(.nav-item-btn):is(:hover, .sfHover, .open) > a { color: var(--teal-300); }
  body:has(.v3 .hero.sobre-oscuro) #main-menu.app-nav-menu .nav-item-btn > .btn {
    background: transparent;
    border-color: transparent;
    color: var(--blanco);
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / .32);
  }
  body:has(.v3 .hero.sobre-oscuro) #main-menu.app-nav-menu .nav-item-btn > .btn:is(:hover, :focus-visible) {
    background: rgb(255 255 255 / .08);
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / .56);
  }
}
body:has(.v3.inicio-e #cierre) .buho-pie { margin-top: -1px; }
/* v3/secciones.css */
.v3 .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.v3 .bloque { padding-block: clamp(64px, 8vw, 104px); }
.v3 .sec-cab { max-width: 780px; margin-bottom: clamp(32px, 4vw, 52px); }
.v3 .sec-cab h2 { margin-top: 14px; }
.v3 .sec-cab .t-lead { margin-top: 16px; }
.v3 .sec-cab--centro { margin-inline: auto; text-align: center; }
.v3 .sec-cab--centro .t-lead { margin-inline: auto; max-width: 58ch; }
.v3 .acciones { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.v3 .acciones .btn { flex: 1 1 auto; }
@media (min-width: 600px) {
.v3 .acciones .btn { flex: 0 0 auto; }
}
.v3 .enlace { display: inline-flex; align-items: center; gap: 6px; font: 600 15px/1.2 var(--fuente); color: var(--interaccion); text-decoration: none; }
.v3 .enlace svg { width: 16px; height: 16px; transition: transform var(--dur-base) var(--ease-out); }
.v3 .enlace:hover svg { transform: translateX(3px); }
.v3 .chips { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.v3 .lista-check { list-style: none; margin: 22px 0 0; padding: 0; display: grid; gap: 12px; }
.v3 .lista-check li { display: flex; gap: 10px; align-items: flex-start; font-size: 15.5px; line-height: 1.5; color: var(--texto-2); }
.v3 .lista-check svg { flex: none; width: 20px; height: 20px; margin-top: 1px; color: var(--interaccion); }
.v3 .dato { font-family: var(--fuente-datos); font-weight: 500; font-variant-numeric: tabular-nums; }
@media (max-width: 560px) {
.v3 .seguimiento.seg-h { grid-template-columns: repeat(var(--n), minmax(0, 1fr)); }
.v3 .seguimiento.seg-h > li { padding: 28px 6px 0 0; }
.v3 .seguimiento.seg-h > li::after {
    top: 8px; bottom: auto; left: 22px; right: 4px; width: auto; height: 2px;
    background: linear-gradient(var(--interaccion), var(--interaccion)) no-repeat 0 0 / 0% 100%,
                repeating-linear-gradient(90deg, var(--navy-200) 0 4px, transparent 4px 8px);
  }
.v3 .seguimiento.seg-h > li.hecho::after { background-size: 100% 100%, auto; }
}
.v3 .seg-h b { font-size: 12px; }
.v3 .seg-h small { font-size: 11px; }
.v3 .banda { background: var(--fondo-banda); }
.v3 .planes { display: grid; gap: 16px; }
.v3 .oferta { display: flex; flex-direction: column; gap: 14px; padding: 28px; min-width: 0; }
.v3 .oferta .versalitas { display: block; }
.v3 .oferta h3 { font: 600 22px/1.25 var(--fuente); letter-spacing: -0.012em; }
.v3 .oferta__precio { display: flex; align-items: baseline; flex-wrap: wrap; gap: 4px 8px; }
.v3 .oferta__precio b { font: 600 34px/1 var(--fuente-datos); letter-spacing: -0.03em; color: var(--texto); }
.v3 .oferta__precio span { font-size: 14px; color: var(--texto-2); }
.v3 .oferta__precio b.oferta__palabra { font-family: var(--fuente); letter-spacing: -0.028em; }
.v3 .nube-caja { margin-top: 18px; padding: 6px; border-radius: var(--r-2xl); background: var(--fondo-tinte); }
.v3 .nube-caja__cab { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px 16px; padding: 12px 14px 12px; }
.v3 .nube-caja__cab .enlace { font-size: 14px; }
.v3 .oferta p { font-size: 15px; line-height: 1.55; color: var(--texto-2); }
.v3 .oferta ul { list-style: none; margin: 2px 0 6px; padding: 0; display: grid; gap: 10px; }
.v3 .oferta li { display: flex; gap: 10px; align-items: flex-start; font-size: 14.5px; line-height: 1.45; color: var(--texto-2); }
.v3 .oferta li svg { flex: none; width: 18px; height: 18px; margin-top: 1px; color: var(--interaccion); }
.v3 .oferta .btn { margin-top: auto; align-self: stretch; }
.v3 .tarjeta--protagonista.oferta .versalitas, .v3 .tarjeta--protagonista .oferta__precio b, .v3 .tarjeta--protagonista .oferta__precio span, .v3 .tarjeta--protagonista li, .v3 .tarjeta--protagonista li svg { color: var(--protagonista-texto); }
.v3 .nube { display: grid; gap: 6px; }
.v3 .nube a { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 4px 14px; padding: 16px 18px; color: inherit; text-decoration: none; border-radius: var(--r-lg); }
.v3 .nube .mosaico { grid-row: span 2; }
.v3 .nube h3 { font: 600 16px/1.3 var(--fuente); }
.v3 .nube p { display: none; }
.v3 .nube .desde { grid-column: 3; grid-row: 1 / span 2; text-align: right; font-size: 12.5px; color: var(--texto-2); line-height: 1.3; }
.v3 .nube .desde b { display: block; font: 600 16px/1.2 var(--fuente-datos); color: var(--texto); letter-spacing: -0.02em; }
.v3 .nube .desde span { white-space: nowrap; }
.v3 .nube .ver { grid-column: 2; font: 600 13.5px/1.2 var(--fuente); color: var(--interaccion); }
.v3 .nube .insignia { grid-column: 2; justify-self: start; }
.v3 .nota-precios { margin-top: 18px; font-size: 13px; color: var(--texto-2); text-align: center; text-wrap: balance; }
@media (min-width: 900px) {
.v3 .planes { grid-template-columns: minmax(0, 1.12fr) minmax(0, 1fr) minmax(0, 1fr); gap: 20px; }
}
@media (min-width: 1024px) {
.v3 .nube-caja { margin-top: 20px; padding: 10px; }
.v3 .nube-caja__cab { padding: 12px 14px 16px; }
.v3 .nube { grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 10px; }
.v3 .nube a { grid-template-columns: 1fr; align-content: start; gap: 10px; padding: 22px 20px 20px; height: 100%; }
.v3 .nube .mosaico { grid-row: auto; }
.v3 .nube p { display: block; font-size: 13.5px; line-height: 1.5; color: var(--texto-2); }
.v3 .nube .desde { grid-column: auto; grid-row: auto; text-align: left; margin-top: auto; padding-top: 6px; }
.v3 .nube .desde b { display: inline; font-size: 17px; margin: 0 2px; }
.v3 .nube .ver { grid-column: auto; }
.v3 .nube .insignia { position: absolute; top: 22px; right: 18px; }
}
.v3 .dudas { display: grid; gap: 28px; }
.v3 .dudas__cab .t-lead { margin-top: 16px; }
.v3 .preguntas { display: grid; gap: 10px; }
.v3 .preguntas details { background: var(--blanco); border: 1px solid var(--borde-suave); border-radius: var(--r-lg); box-shadow: var(--sombra-1); transition: border-color var(--dur-base) var(--ease-out); }
.v3 .preguntas details[open] { border-color: var(--int-200); }
.v3 .preguntas summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 17px 18px 17px 20px; font: 600 16px/1.4 var(--fuente); color: var(--texto); border-radius: var(--r-lg); }
.v3 .preguntas summary::-webkit-details-marker { display: none; }
.v3 .preguntas summary .mas { flex: none; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center; background: var(--int-75); color: var(--int-700); transition: transform var(--dur-base) var(--ease-out), background-color var(--dur-base) var(--ease-out); }
.v3 .preguntas summary .mas svg { width: 15px; height: 15px; }
.v3 .preguntas details[open] .mas { transform: rotate(45deg); background: var(--int-100); }
.v3 .preguntas .resp { padding: 0 20px 18px; font-size: 15px; line-height: 1.6; color: var(--texto-2); max-width: 68ch; }
@media (min-width: 1024px) {
.v3 .dudas { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 72px; align-items: start; }
.v3 .dudas__cab { position: sticky; top: 112px; }
}
.v3 .cierre { border-radius: var(--r-2xl); padding: clamp(36px, 6vw, 76px) clamp(22px, 5.5vw, 72px); display: grid; gap: 30px; }
.v3 .cierre h2 { font-size: var(--t-h1); line-height: 1.12; letter-spacing: var(--tr-titulo); color: var(--blanco); }
.v3 .cierre p { margin-top: 16px; font-size: var(--t-lead); line-height: 1.6; color: var(--int-200); max-width: 44ch; }
.v3 .cierre .acciones { margin-top: 30px; }
.v3 .cierre__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; align-content: end; }
.v3 .cierre__lista li { display: flex; gap: 12px; align-items: center; font: 500 15.5px/1.4 var(--fuente); color: var(--blanco); }
.v3 .cierre__lista svg { width: 20px; height: 20px; color: var(--int-300); flex: none; }
@media (min-width: 960px) {
.v3 .cierre { grid-template-columns: minmax(0, 1.4fr) minmax(0, .6fr); align-items: end; gap: 48px; }
}
.v3 .h1-busca { display: block; margin-bottom: 14px; font: 600 14px/1.4 var(--fuente); letter-spacing: 0; text-transform: none; color: var(--texto-2); }
.v3 .lente.remarca { font-weight: 800; }
.v3.inicio-b .sec-cab > h2:first-child { margin-top: 0; }
.v3.inicio-b :is(h1, h2) .remarca { white-space: nowrap; }
@media (min-width: 768px) and (max-width: 1023px) {
.v3.inicio-b .hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: center; }
.v3.inicio-b .hero__texto { display: block; }
}
@media (min-width: 1024px) and (max-width: 1199px) {
.v3.inicio-b .hero__grid { grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 48px; }
}
@media (min-width: 1024px) {
.v3 .sec-cab--lado {
    max-width: none; display: grid; grid-template-columns: minmax(0, 780px) auto;
    justify-content: space-between; align-items: end; column-gap: 48px;
  }
.v3 .sec-cab--lado > :not(.acciones) { grid-column: 1; }
.v3 .sec-cab--lado > .acciones { grid-column: 2; grid-row: 1 / span 2; margin-top: 0; }
}
.v3 :where(.caminos__opcion) { background: transparent; }
.v3 .caminos__opcion:focus-visible { border-radius: var(--r-fila); }
.v3.inicio-b :is(a, button, summary, [tabindex]):focus-visible { outline: 2px solid var(--foco) !important; outline-offset: 3px !important; }
.v3.inicio-b :is(.foco--fila, .segmentado > button, .carrusel__pista):focus-visible { outline-offset: -2px !important; }
.v3.inicio-b :is(b, strong) { font-weight: 600 !important; }
.v3 .marcas { display: grid; gap: 16px; }
.v3 .marca { display: flex; flex-direction: column; gap: 14px; min-width: 0; padding: 28px 26px 24px; }
.v3 .marca .anillos { --an-r: 150px; }
.v3 .marca__cab { display: grid; gap: 10px; justify-items: start; align-content: start; }
.v3 .marca__logo { display: block; width: auto; height: 28px; }
.v3 .marca__nombre { font: 600 15px/1.3 var(--fuente); color: var(--texto); }
.v3 .marca h3 { font: 600 clamp(19px, 1.05rem + .35vw, 22px)/1.28 var(--fuente); letter-spacing: -0.012em; }
.v3 .marca > p { font-size: 15px; line-height: 1.55; color: var(--texto-2); }
.v3 .marca__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.v3 .marca__lista li { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; line-height: 1.45; color: var(--texto-2); }
.v3 .marca__lista svg { flex: none; width: 16px; height: 16px; margin-top: 2px; color: var(--interaccion); }
.v3 .marca__pie { display: grid; gap: 12px; margin-top: auto; padding-top: 16px; border-top: 1px solid var(--borde-suave); }
.v3 .marca__precio { font-size: 13.5px; line-height: 1.4; color: var(--texto-2); }
.v3 .marca__precio b { font: 600 17px/1 var(--fuente-datos); letter-spacing: -0.02em; color: var(--texto); }
.v3 .marca__precio :is(b, span) { white-space: nowrap; }
@media (min-width: 900px) {
.v3 .marcas--fila { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 20px; }
.v3 .marcas--fila .marca { padding: 30px 28px 26px; }
.v3 .marcas--fila .marca__cab { min-height: 63px; }
.v3 .marcas--fila .marca__precio b::before { content: "\A"; white-space: pre; }
}
.v3 .hechos { display: grid; gap: 32px; min-width: 0; }
.v3 .hechos__texto .t-lead { margin-top: 16px; max-width: 46ch; }
.v3 .hechos__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.v3 .hechos__lista > li { display: grid; min-width: 0; }
.v3 .hechos__item { position: relative; display: grid; gap: 6px; align-content: start; min-width: 0; color: inherit; text-decoration: none; }
.v3 .hechos__item h3 { font: 600 17px/1.3 var(--fuente); letter-spacing: -0.005em; }
.v3 .hechos__item p { font-size: 14.5px; line-height: 1.5; color: var(--texto-2); }
.v3 :is(.hechos--oscuro, .hechos--claro) { border-radius: var(--r-2xl); padding: clamp(28px, 5vw, 72px) clamp(20px, 5vw, 72px); }
.v3 :is(.hechos--oscuro, .hechos--claro) .hechos__item { gap: 8px; padding: 22px 22px 24px; border-radius: var(--r-lg); }
.v3 :is(.hechos--oscuro, .hechos--claro) .hechos__item .mosaico { --m: 44px; margin-bottom: 8px; }
.v3 :is(.hechos--oscuro, .hechos--claro) .hechos__item .mosaico svg { width: 21px; height: 21px; }
.v3 :is(.hechos--oscuro, .hechos--claro) .hechos__item p { font-size: 14px; }
@media (min-width: 600px) {
.v3 :is(.hechos--oscuro, .hechos--claro) .hechos__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
.v3 :is(.hechos--oscuro, .hechos--claro) { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 56px; align-items: center; }
}
.v3 .hechos--oscuro { --foco: var(--acento-2-osc); background: var(--fondo-oscuro); color: var(--blanco); }
.v3 .hechos--oscuro h2 { color: var(--blanco); }
.v3 .hechos--oscuro .t-lead { color: var(--texto-invertido-2); }
.v3 .hechos--oscuro .hechos__item {
  background: rgb(255 255 255 / .05); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .1);
  transition: background-color var(--mov-cambiar) var(--mov-curva), box-shadow var(--mov-cambiar) var(--mov-curva);
}
@media (hover: hover) {
.v3 .hechos--oscuro .hechos__item:hover { background: rgb(255 255 255 / .08); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .22); }
}
.v3 .hechos--oscuro .hechos__item h3 { color: var(--blanco); }
.v3 .hechos--oscuro .hechos__item p { color: var(--texto-invertido-2); }
.v3 .hechos--claro { background: var(--fondo-tinte); }
.v3 .hechos--claro .hechos__item h3 { color: var(--texto); }
.v3 .porque { min-width: 0; }
.v3 .porque__nota { margin-top: 14px; font-size: 13px; line-height: 1.4; color: var(--texto-2); }
.v3 .porque--banda { border-radius: var(--r-2xl); background: var(--superficie); box-shadow: 0 0 0 1px var(--borde-suave), var(--sombra-1); }
.v3 .porque--banda + .porque__nota { padding-left: 4px; }
.v3 .porque__cifras { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.v3 .porque__cifras > li { min-width: 0; padding: 22px 18px 24px; }
.v3 .porque__cifras > li:nth-child(odd) { border-right: 1px solid var(--borde-suave); }
.v3 .porque__cifras > li:nth-child(-n+2) { border-bottom: 1px solid var(--borde-suave); }
.v3 .porque__cifras .cifra > small { max-width: 30ch; }
.v3 .porque__razones { list-style: none; margin: 0; padding: 0; display: grid; border-top: 1px solid var(--borde-suave); }
.v3 .porque__razones > li { display: flex; gap: 12px; align-items: flex-start; min-width: 0; padding: 18px; font: 600 15px/1.45 var(--fuente); color: var(--texto); }
.v3 .porque__razones > li + li { border-top: 1px solid var(--borde-suave); }
.v3 .porque__razones .icono { margin-top: -1px; }
@media (min-width: 900px) {
.v3 .porque__cifras { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.v3 .porque__cifras > li { padding: 30px 28px 32px; border: 0 !important; }
.v3 .porque__cifras > li + li { border-left: 1px solid var(--borde-suave) !important; }
.v3 .porque__razones { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.v3 .porque__razones > li { padding: 22px 28px 24px; }
.v3 .porque__razones > li + li { border-top: 0; }
}
.v3 .porque--bento { padding: 10px; border-radius: var(--r-2xl); background: var(--fondo-tinte); }
.v3 .porque__rejilla { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px; }
.v3 .porque__celda { grid-column: span 6; position: relative; display: flex; flex-direction: column; gap: 22px; min-width: 0; overflow: hidden; padding: 26px 24px 24px; border-radius: var(--r-lg); }
.v3 .porque__dato { position: relative; z-index: 1; }
.v3 .porque__celda .cifra { gap: 10px; }
.v3 .porque__celda .cifra > b { font-size: clamp(38px, 1.6rem + 1.4vw, 50px); }
.v3 .porque__celda .cifra > small { font: 600 15px/1.35 var(--fuente); color: var(--texto); text-wrap: balance; }
.v3 .porque__dato p { margin-top: 8px; max-width: 34ch; font-size: 14.5px; line-height: 1.5; color: var(--texto-2); text-wrap: pretty; }
.v3 .porque__dato .dato { font-size: 13.5px; color: var(--texto); }
.v3 .porque__celda--mapa { min-height: 372px; }
.v3 .porque__mapa { position: absolute; right: 12px; bottom: 12px; top: 12px; aspect-ratio: 960 / 752; max-width: calc(100% - 24px); }
.v3 .porque__mapa-lienzo { position: absolute; left: -55%; top: -3.19%; width: 166.67%; }
.v3 .porque__mapa img { display: block; width: 100%; height: auto; }
@media (max-width: 639px) {
.v3 .porque__celda--mapa { min-height: 420px; }
.v3 .porque__mapa { top: auto; right: 4px; bottom: 8px; height: 60%; max-width: calc(100% - 8px); }
}
@media (max-width: 479px) {
.v3 .porque__zona .rotulo::before { width: 18px; }
.v3 .porque__zona .rotulo--der .rotulo__txt { right: 23px; width: 62px; white-space: normal; line-height: 15px; }
}
.v3 .porque__zona { position: absolute; left: calc(var(--z-x) * 1%); top: calc(var(--z-y) * 1%); width: calc(var(--z-w) * 1%); height: calc(var(--z-h) * 1%); }
.v3 .porque__zona .rotulo { --rotulo-x: 100%; height: 16px; }
.v3 .porque__zona .rotulo::before { height: 100%; width: 26px; }
.v3 .porque__zona .rotulo--der .rotulo__txt { right: 32px; }
.v3 .porque__zona .rotulo__txt { font-weight: 600; text-shadow: 0 0 2px var(--superficie), 0 0 6px var(--superficie), 0 0 10px var(--superficie); }
.v3 .porque__punto {
  position: absolute; left: calc(var(--p-x) * 1%); top: calc(var(--p-y) * 1%);
  width: 8px; height: 8px; margin: -4px 0 0 -4px; border-radius: 50%; z-index: 3;
  background: var(--pupila); box-shadow: 0 0 0 2px var(--superficie), 0 0 0 3.25px var(--foco-marca);
}
.v3 .porque__pila { position: relative; flex: 1 1 auto; width: 100%; min-height: 230px; margin: 4px 0 -18px; }
.v3 .porque__pila .porque__pieza { position: absolute; z-index: 3; left: 50%; bottom: 0; width: min(70%, 256px); height: auto; margin: 0; translate: -50% 0; }
.v3 .porque__eco {
  position: absolute; z-index: var(--z, 1); height: auto; pointer-events: none;
  left: calc(var(--x) * 1%); top: calc(var(--y) * 1%); width: calc(var(--t) * 1%);
  opacity: var(--o); filter: blur(var(--d, 0px));
}
.v3 .porque__pieza { display: block; width: min(100%, 210px); height: auto; margin: auto auto -18px; }
.v3 .porque__linea {
  --hito-marca: 28px; --hito-nodo: 12px; --hito-hueco: 12px;
  position: relative; list-style: none; margin: auto 0 0; padding: 0;
  display: grid; grid-template-columns: repeat(var(--n, 3), minmax(0, 1fr)); grid-template-rows: var(--hito-marca) 20px auto auto;
  column-gap: var(--hito-hueco);
}
.v3 .porque__linea::before, .v3 .porque__linea::after {
  content: ""; position: absolute; top: calc(var(--hito-marca) + 10px - 1px); height: 2px; border-radius: 2px; pointer-events: none;
}
.v3 .porque__linea::before { left: calc(var(--hito-nodo) / 2); width: calc((var(--n, 3) - 1) * (100% + var(--hito-hueco)) / var(--n, 3)); background: var(--navy-400); opacity: .5; }
.v3 .porque__linea::after {
  left: calc((var(--n, 3) - 1) * (100% + var(--hito-hueco)) / var(--n, 3) + var(--hito-nodo) / 2); right: 0;
  background: repeating-linear-gradient(90deg, var(--navy-300) 0 4px, transparent 4px 8px);
}
.v3 .porque__hito { position: relative; display: grid; grid-row: 1 / span 4; grid-template-rows: subgrid; justify-items: start; min-width: 0; }
.v3 .porque__hito::before {   
  content: ""; grid-row: 2; grid-column: 1; align-self: center; z-index: 1;
  width: var(--hito-nodo); height: var(--hito-nodo); border-radius: 50%;
  background: var(--superficie); box-shadow: inset 0 0 0 2px var(--interaccion);
}
.v3 .porque__marca { grid-row: 1; align-self: center; display: flex; align-items: center; }
.v3 .porque__marca .bandera { display: block; width: 27px; height: 18px; border-radius: 3px; box-shadow: 0 0 0 1px var(--borde-suave); }
.v3 .porque__marca .porque__iso { display: block; width: 30px; height: 24px; }
.v3 .porque__anio--hoy { display: none; }
.v3 .porque__anio { grid-row: 3; margin-top: 6px; font: 600 18px/1.2 var(--fuente-datos); letter-spacing: -0.02em; color: var(--texto); }
.v3 .porque__que { grid-row: 4; margin-top: 3px; font-size: 13px; line-height: 1.4; color: var(--texto-2); text-wrap: balance; }
.v3 .porque__pais { display: block; font-weight: 600; color: var(--texto); }
.v3 .porque__hito--hoy::before { background: var(--interaccion); box-shadow: 0 0 0 2px var(--superficie), 0 0 0 3.25px var(--int-200); }
.v3 .porque__marcas { grid-row: 3 / span 2; display: flex; align-items: center; gap: 6px; margin-top: 6px; }
.v3 .porque__marcas img { display: block; width: 30px; height: 24px; }
.v3 .porque__hito--hoy .porque__marca { position: relative; align-self: stretch; width: var(--hito-nodo); }
.v3 .porque__hito--hoy .hoy { left: calc(var(--hito-nodo) / 2); top: 13px; bottom: -10px; }
.v3 .porque__linea[data-v3-listo]:not(.is-visto)::before { clip-path: inset(0 100% 0 0); }
.v3 .porque__linea[data-v3-listo]:not(.is-visto)::after, .v3 .porque__linea[data-v3-listo]:not(.is-visto) .porque__hito { opacity: 0; }
.v3 .porque__linea.is-visto::before { animation: vit-tramo var(--mov-mover) var(--mov-camara) both; }
.v3 .porque__linea.is-visto .porque__hito { animation: vit-hito var(--mov-enfocar) var(--mov-curva) both; }
.v3 .porque__linea.is-visto .porque__hito:nth-child(2) { animation-delay: calc(var(--mov-mover) * .45); }
.v3 .porque__linea.is-visto .porque__hito:nth-child(3) { animation-delay: calc(var(--mov-mover) * .8); }
.v3 .porque__linea[style*="--n: 6"].is-visto .porque__hito:nth-child(2) { animation-delay: calc(var(--mov-mover) * .2); }
.v3 .porque__linea[style*="--n: 6"].is-visto .porque__hito:nth-child(3) { animation-delay: calc(var(--mov-mover) * .4); }
.v3 .porque__linea[style*="--n: 6"].is-visto .porque__hito:nth-child(4) { animation-delay: calc(var(--mov-mover) * .6); }
.v3 .porque__linea[style*="--n: 6"].is-visto .porque__hito:nth-child(5) { animation-delay: calc(var(--mov-mover) * .8); }
.v3 .porque__linea[style*="--n: 6"].is-visto .porque__hito:nth-child(6) { animation-delay: var(--mov-mover); }
.v3 .porque__linea.is-visto::after { animation: vit-hito var(--mov-enfocar) var(--mov-curva) var(--mov-mover) both; }
@keyframes vit-tramo { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0); } }
@keyframes vit-hito { from { opacity: 0; } }
@media (prefers-reduced-motion: reduce) {
.v3 .porque__linea::before, .v3 .porque__linea::after, .v3 .porque__linea .porque__hito { animation: none !important; clip-path: none !important; opacity: 1 !important; }
.v3 .porque__linea::before { opacity: .5 !important; }
}
.v3 .cifra--lado { grid-auto-flow: column; align-items: center; gap: 16px !important; }
.v3 .cifra--lado > small { max-width: 18ch; }
.v3 .porque__formas { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; }
.v3 .porque__formas > li { display: grid; justify-items: center; align-content: start; gap: 3px; min-width: 0; padding: 8px 8px 16px; border-radius: var(--r-md); background: var(--fondo-banda); text-align: center; }
.v3 .porque__formas img { display: block; width: min(100%, 112px); height: auto; margin-bottom: 4px; }
.v3 .porque__formas b { font: 600 14px/1.3 var(--fuente); color: var(--texto); }
.v3 .porque__formas span { font-size: 13px; line-height: 1.4; color: var(--texto-2); }
.v3 .porque--bento .porque__nota { margin: 0; padding: 14px 24px 10px; }
@media (max-width: 639px) {
.v3 .porque__celda--comprobantes .porque__pila { min-height: 220px; margin: 0 0 -34px; }
}
@media (max-width: 479px) {
.v3 .porque__formas { grid-template-columns: minmax(0, 1fr); gap: 6px; }
.v3 .porque__formas > li { grid-template-columns: 64px minmax(0, 1fr); justify-items: start; align-items: center; column-gap: 14px; row-gap: 1px; padding: 6px 14px 6px 6px; text-align: left; }
.v3 .porque__formas img { grid-row: 1 / span 2; width: 64px; margin: 0; }
.v3 .porque__formas b { align-self: end; }
.v3 .porque__formas span { align-self: start; }
}
@media (min-width: 640px) and (max-width: 1023px) {
.v3 .porque__celda--comprobantes { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); align-items: center; gap: 24px; }
.v3 .porque__celda--comprobantes .porque__pila { align-self: stretch; min-height: 200px; margin: -6px 0 -26px; }
}
@media (min-width: 480px) {
.v3 .porque__celda--mapa { min-height: 400px; }
}
.v3 .porque__celda--anios { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-areas: "dato" "linea" "tres"; gap: 26px; }
.v3 .porque__celda--anios > .porque__dato { grid-area: dato; }
.v3 .porque__celda--anios > .porque__linea { grid-area: linea; margin: 0; }
.v3 .porque__tres { grid-area: tres; display: grid; align-content: start; gap: 16px; min-width: 0; }
.v3 .porque__tres > .cifra { justify-self: start; }
@media (min-width: 768px) {
.v3 .porque__celda--anios { grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); grid-template-areas: "dato tres" "linea linea"; column-gap: 32px; row-gap: 40px; }
.v3 .porque__tres .porque__formas img { width: min(100%, 88px); }
}
@media (min-width: 1280px) {
.v3 .porque__celda--anios { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); column-gap: 48px; }
.v3 .porque__tres .porque__formas > li { grid-template-columns: 64px minmax(0, 1fr); justify-items: start; align-content: center; align-items: center; column-gap: 12px; row-gap: 2px; padding: 10px 14px 10px 10px; text-align: left; }
.v3 .porque__tres .porque__formas img { grid-row: 1 / span 2; width: 64px; margin: 0; }
.v3 .porque__tres .porque__formas b { align-self: end; }
.v3 .porque__tres .porque__formas span { align-self: start; }
}
@media (min-width: 1024px) {
.v3 .porque__celda { padding: 30px 30px 28px; }
.v3 .porque__celda--mapa { grid-column: span 4; min-height: 430px; }
.v3 .porque__celda--comprobantes { grid-column: span 2; }
.v3 .porque__pieza { width: min(100%, 300px); margin-bottom: -24px; }
.v3 .porque--bento .porque__nota { padding: 16px 30px 12px; }
}
.v3 .caminos__cab { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 14px 32px; margin-bottom: clamp(28px, 4vw, 44px); }
.v3 .caminos__cab h2 { max-width: none; }
@media (min-width: 1024px) {
.v3 .caminos__cab h2 { white-space: nowrap; }
}
.v3 .caminos__pais { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; font-size: 14px; line-height: 1.4; color: var(--texto-2); }
.v3 .caminos__pais > svg { width: 18px; height: 18px; color: var(--interaccion); }
.v3 .caminos__pais strong { font-weight: 600; color: var(--texto); }
.v3 .caminos__pais .btn { margin-left: 2px; }
.v3 .caminos__cuerpo { display: grid; gap: 16px; align-items: start; }
.v3 .caminos__opciones { display: grid; gap: 4px; padding: 8px; }
.v3 .caminos__opcion {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 14px; align-items: center;
  width: 100%; padding: 12px 14px; border: 0; text-align: left;
  font: inherit; color: inherit; cursor: pointer;
}
.v3 .caminos__opcion b { display: block; font: 600 15.5px/1.35 var(--fuente); color: var(--texto); }
.v3 .caminos__opcion small { display: block; margin-top: 3px; font-size: 13px; line-height: 1.4; color: var(--texto-2); }
.v3 .caminos__opcion > svg:last-child { width: 18px; height: 18px; color: var(--navy-400); transition: color var(--mov-cambiar) var(--mov-curva), transform var(--mov-cambiar) var(--mov-curva); }
.v3 .caminos__opcion[aria-pressed="true"] > svg:last-child { color: var(--interaccion); transform: translateX(2px); }
.v3 .caminos__paneles { display: grid; gap: 16px; min-width: 0; }
.v3 .caminos__panel { display: grid; gap: 14px; align-content: start; min-width: 0; padding: clamp(22px, 3vw, 34px); }
.v3 .caminos__estado { display: inline-flex; align-items: center; gap: 8px; font: 600 13px/1.2 var(--fuente); color: var(--texto-2); }
.v3 .caminos__panel h3 { font: 600 var(--t-h3)/var(--lh-sub) var(--fuente); letter-spacing: var(--tr-sub); }
.v3 .caminos__panel > p:not(.caminos__estado) { font-size: 15.5px; line-height: 1.6; color: var(--texto-2); max-width: 60ch; }
.v3 .caminos__datos { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 4px 0 0; padding: 0; list-style: none; }
.v3 .caminos__datos > li { min-width: 0; padding: 14px 14px 15px; border-radius: var(--r-md); background: var(--fondo-tinte); }
.v3 .caminos__datos .cifra { display: grid; gap: 5px; }
.v3 .caminos__datos .cifra > b { font: 600 18px/1.15 var(--fuente-datos); letter-spacing: -0.02em; white-space: normal; }
.v3 .caminos__datos .cifra > small { font-size: 12.5px; line-height: 1.35; overflow-wrap: break-word; hyphens: auto; }
.v3 .caminos__panel .acciones { margin-top: 8px; }
.js .v3 .caminos:not([data-v3-listo]) .caminos__panel:not(:first-child) { display: none; }
.js .v3 .caminos[data-v3-listo] .caminos__paneles { gap: 0; }
.js .v3 .caminos[data-v3-listo] .caminos__panel { grid-area: 1 / 1; }
.js .v3 .caminos[data-v3-listo] .caminos__panel:not(.is-activo) {
  opacity: 0; visibility: hidden;
  transition: opacity calc(var(--mov-cambiar) * var(--mov-cerrar)) var(--mov-curva), visibility 0s linear calc(var(--mov-cambiar) * var(--mov-cerrar));
}
.js .v3 .caminos[data-v3-listo] .caminos__panel.is-activo {
  opacity: 1; visibility: visible;
  transition: opacity var(--mov-cambiar) var(--mov-curva) calc(var(--mov-cambiar) * var(--mov-cerrar)), visibility 0s;
}
@media (max-width: 479px) {
.v3 .caminos__datos { gap: 6px; }
.v3 .caminos__datos > li { padding: 12px 10px 13px; }
.v3 .caminos__datos .cifra > b { font-size: 16px; }
}
@media (min-width: 1024px) {
.v3 .caminos__cuerpo { grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 24px; }
}
.v3 .caminos__panel { container: camino / inline-size; }
@container camino (max-width: 270px) {
.v3 .caminos__datos { grid-template-columns: minmax(0, 1fr); }
.v3 .caminos__datos .cifra { grid-template-columns: auto minmax(0, 1fr); align-items: baseline; column-gap: 10px; }
}
.v3 .soporte-v3 { display: grid; gap: 40px; }
.v3 .soporte-v3__texto .t-lead { margin-top: 16px; }
.v3 .soporte-v3__vis { min-width: 0; }
.v3 .soporte-v3__foto .imagen__marco { --prop: 4 / 3; }
.v3 .soporte-v3 .flota--tarjeta { width: min(60%, 320px); padding: 16px 16px 14px; }
.v3 .soporte-v3__cab { display: flex; align-items: center; gap: 12px; }
.v3 .soporte-v3__cab .parpadeo svg { width: 30px; height: 24px; }
.v3 .soporte-v3__cab p { font: 600 14.5px/1.3 var(--fuente); color: var(--texto); }
.v3 .soporte-v3__caso .seguimiento { margin: 16px 0 2px; }
.v3 .soporte-v3__caso .seguimiento > li { padding-right: 6px; }
.v3 .soporte-v3__caso .seguimiento.seg-h { grid-template-columns: repeat(var(--n), auto); }
.v3 .soporte-v3__caso .seguimiento > li.es-ahora::before {
  background: var(--interaccion) radial-gradient(circle, var(--blanco) 0 3px, transparent 3.5px);
  box-shadow: 0 0 0 4px var(--foco-suave), 0 0 0 5px var(--charco);
}
.v3 .soporte-v3__caso .seguimiento > li.es-ahora b { color: var(--texto); }
@container imagen-caja (max-width: 480px) {
.v3 .soporte-v3 .flota--tarjeta { width: min(320px, calc(100% - 32px)); }
.v3 .soporte-v3 .imagen--piezas { --abajo: 84px; }
}
@media (min-width: 1024px) {
.v3 .soporte-v3 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 72px; align-items: center; }
.v3 .soporte-v3__vis { order: -1; }
}
.v3 .cierre-centro { --foco: var(--acento-2-osc); display: grid; justify-items: center; text-align: center; border-radius: var(--r-2xl); padding: clamp(56px, 7vw, 92px) clamp(20px, 5vw, 48px); overflow: hidden; }
.v3 .cierre-centro__isotipo { display: block; width: auto; height: 48px; margin: 0 auto 26px; }
.v3 .cierre-centro h2 { max-width: 15ch; font-size: var(--t-display); line-height: 1.04; letter-spacing: var(--tr-display); color: var(--blanco); }
.v3 .cierre-centro p { max-width: 46ch; margin: 18px auto 0; font-size: var(--t-lead); line-height: 1.6; color: var(--texto-invertido-2); }
.v3 .cierre-centro .acciones { justify-content: center; margin-top: 34px; }
.v3 .cierre-centro__checks { list-style: none; margin: 28px 0 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 26px; }
.v3 .cierre-centro__checks li { display: inline-flex; align-items: center; gap: 8px; font: 500 14px/1.4 var(--fuente); color: var(--texto-invertido-2); }
.v3 .cierre-centro__checks svg { flex: none; width: 18px; height: 18px; color: var(--acento-2-osc); }
@media (max-width: 599px) {
.v3 .cierre-centro .acciones { width: 100%; }
.v3 .cierre-centro__checks { flex-direction: column; align-items: center; }
}
.v3 [data-dudas] .preguntas details.is-animando { overflow: hidden; }
.v3 [data-dudas] .preguntas details.is-cerrando { border-color: var(--borde-suave); }
.v3 [data-dudas] .preguntas details.is-cerrando .mas { transform: none; background: var(--int-75); }
@media (prefers-reduced-motion: reduce) {
.v3 [data-dudas] .preguntas details[open] .resp { animation: v3-dudas-funde 120ms linear; }
.v3 [data-dudas] .preguntas details, .v3 [data-dudas] .preguntas summary .mas { transition: none; }
}
@keyframes v3-dudas-funde { from { opacity: 0; } }
@media (min-width: 900px) {
.v3 .planes--dos { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
}
.v3 .oferta__pos { display: grid; gap: 8px; padding-top: 14px; border-top: 1px solid color-mix(in oklab, var(--protagonista-texto) 22%, transparent); }
.v3 .oferta__pos p { font-size: 14px; line-height: 1.5; }
.v3 .oferta__pos b { font: 600 15px/1 var(--fuente-datos); letter-spacing: -0.02em; white-space: nowrap; }
.v3 .oferta__pos span { white-space: nowrap; }
.v3 .oferta__pos-enlaces { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.v3 .tarjeta--protagonista .oferta__pos :is(p, b, span, .enlace) { color: var(--protagonista-texto); }
.v3 .tarjeta--protagonista .oferta__pos .enlace { font-size: 14px; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.v3 .oferta__mas { display: grid; gap: 8px; padding-top: 14px; border-top: 1px solid var(--borde-suave); }
.v3 .oferta__mas p { font-size: 14px; line-height: 1.5; color: var(--texto-2); }
.v3 .oferta__mas-enlaces { display: flex; flex-wrap: wrap; gap: 6px 18px; }
.v3 .oferta__mas .enlace { font-size: 14px; }
.v3 .oferta :is(.oferta__pos, .oferta__mas) { margin-top: auto; }
.v3 .oferta :is(.oferta__pos, .oferta__mas) + .btn { margin-top: 0; }
.v3.inicio-b .oferta__precio > span:first-child:not([data-ciclo]) { flex-basis: 100%; font-size: 13.5px; }
@media (min-width: 900px) {
.v3.inicio-b .oferta__precio { min-height: 62px; align-content: flex-end; }
}
.v3 .nube-caja__titulo { font: 600 15px/1.3 var(--fuente); letter-spacing: 0; color: var(--texto); }
.v3 .nube-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.v3 .nube-item {
  display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 4px 14px;
  grid-template-areas: "ico nombre precio" ". texto texto" ". enlaces enlaces";
  padding: 16px 18px 18px; border-radius: var(--r-lg);
}
.v3 .nube-item .mosaico { grid-area: ico; }
.v3 .nube-item h4 { grid-area: nombre; font: 600 16px/1.3 var(--fuente); color: var(--texto); }
.v3 .nube-item__precio { grid-area: precio; text-align: right; font-size: 12.5px; line-height: 1.3; color: var(--texto-2); }
.v3 .nube-item__precio b { display: block; font: 600 16px/1.2 var(--fuente-datos); letter-spacing: -0.02em; color: var(--texto); white-space: nowrap; }
.v3 .nube-item__precio span { white-space: nowrap; }
.v3 .nube-item__texto { grid-area: texto; margin-top: 2px; font-size: 14px; line-height: 1.5; color: var(--texto-2); }
.v3 .nube-item__enlaces { grid-area: enlaces; display: flex; flex-wrap: wrap; gap: 6px 18px; margin-top: 6px; }
.v3 .nube-item__enlaces .enlace { font-size: 14px; }
@media (min-width: 640px) and (max-width: 1023px) {
.v3 .nube-lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.v3 .nube-item:last-child:nth-child(odd) { grid-column: 1 / -1; }
}
@media (min-width: 1024px) {
.v3 .nube-lista { grid-template-columns: repeat(5, minmax(0, 1fr)); grid-template-rows: repeat(5, auto); column-gap: 10px; row-gap: 0; }
.v3 .nube-item {
    grid-row: span 5; grid-template-columns: minmax(0, 1fr); grid-template-rows: subgrid; grid-template-areas: none;
    align-items: start; row-gap: 10px; padding: 22px 20px 20px;
  }
.v3 .nube-item .mosaico { grid-area: 1 / 1; justify-self: start; }
.v3 .nube-item h4 { grid-area: 2 / 1; }
.v3 .nube-item__texto { grid-area: 3 / 1; margin-top: 0; font-size: 13.5px; }
.v3 .nube-item__precio { grid-area: 4 / 1; align-self: end; text-align: left; padding-top: 6px; }
.v3 .nube-item__precio b { display: inline; font-size: 17px; margin-right: 2px; }
.v3 .nube-item__enlaces { grid-area: 5 / 1; flex-direction: column; align-items: flex-start; margin-top: 0; }
}
.v3 .logos-clientes {
  --logos-escala: .72; --logos-hueco: 12px;
  margin: 0; padding: 0; list-style: none;
  text-align: center; text-wrap: pretty; font-size: 0; line-height: 0;
}
.v3 .logo-cliente { display: inline-block; vertical-align: middle; margin: 11px var(--logos-hueco); }
.v3 .logo-cliente img {
  display: block; width: auto; max-width: 100%;
  height: calc(var(--logo-h, 30px) * var(--logos-escala, 1));
  object-fit: contain;
}
.v3 .logos-clientes__filtro { position: absolute; width: 0; height: 0; overflow: hidden; }
.v3 .logos-clientes--neutros .logo-cliente img {
  filter: grayscale(1) contrast(1.1); opacity: .72;
  transition: filter var(--mov-cambiar) var(--mov-curva), opacity var(--mov-cambiar) var(--mov-curva);
}
.v3 .logos-clientes__filtro ~ .logos-clientes--neutros .logo-cliente img { filter: url(#logos-tinte); opacity: .92; }
@media (hover: hover) {
.v3 .logos-clientes--neutros .logo-cliente:hover img { filter: none; opacity: 1; }
}
@media (min-width: 600px) {
.v3 .logos-clientes { --logos-escala: .8; --logos-hueco: 18px; text-wrap: balance; }
.v3 .logo-cliente { margin-block: 13px; }
}
@media (min-width: 1024px) {
.v3 .logos-clientes { --logos-escala: .9; --logos-hueco: 22px; }
.v3 .logo-cliente { margin-block: 14px; }
}
@media (min-width: 1280px) {
.v3 .logos-clientes { --logos-escala: 1; --logos-hueco: 20px; }
}
.v3 .clientes-fila { padding-block: 0; }
.v3 .clientes-fila__linea { margin: 16px auto 0; font-size: 14px; line-height: 1.5; color: var(--texto-2); text-align: center; text-wrap: balance; }
@media (max-width: 767px) {
.v3 .porque__linea { grid-template-columns: minmax(0, 1fr); grid-template-rows: none; row-gap: 12px; }
.v3 .porque__hito { grid-row: auto; grid-template-rows: auto auto; grid-template-columns: var(--hito-marca) var(--hito-nodo) minmax(0, 1fr); column-gap: 12px; align-items: center; }
.v3 .porque__marca { grid-row: 1 / span 2; grid-column: 1; justify-content: center; }
.v3 .porque__hito::before { grid-row: 1 / span 2; grid-column: 2; }
.v3 .porque__anio { grid-row: 1; grid-column: 3; margin: 0; font-size: 16px; }
.v3 .porque__que { grid-row: 2; grid-column: 3; margin: 0; }
.v3 .porque__linea::before { left: calc(var(--hito-marca) + 12px + var(--hito-nodo) / 2 - 1px); top: 10px; bottom: 10px; width: 2px; height: auto; }
.v3 .porque__linea::after { display: none; }
.v3 .porque__linea[data-v3-listo]:not(.is-visto)::before { clip-path: inset(0 0 100% 0); }
.v3 .porque__hito--hoy .porque__marca .hoy { display: none; }
.v3 .porque__anio--hoy { display: block; }
}
/* v3/vitrinas.css */
.v3 .diapositivas { position: relative; display: grid; gap: 16px; min-width: 0; }
.v3 .diapositivas__escena { position: relative; display: grid; isolation: isolate; touch-action: pan-y; }
.v3 .diapositiva { grid-area: 1 / 1; position: relative; min-width: 0; visibility: hidden; }
.v3 .diapositiva.is-activa, .v3 .diapositiva.is-saliendo, .v3 .diapositivas__escena:not(:has(> .is-activa)) > .diapositiva:first-child { visibility: visible; }
.v3 .diapositiva.is-activa { z-index: 2; }
.v3 .diapositiva.is-saliendo { z-index: 1; }
.v3 .diapositivas--foto { container: diap-foto / inline-size; }
.v3 .diapositivas--foto .diapositivas__escena { container: imagen-caja / inline-size; }
@container diap-foto (min-width: 481px) {
.v3 .diapositivas--foto .diapositivas__mandos { padding-inline: 12% 7%; }
}
@container imagen-caja (min-width: 481px) {
.v3 .diapositivas--foto .imagen--piezas { --izq: 12%; }
}
@container imagen-caja (max-width: 480px) {
.v3 .diapositivas--foto .imagen--piezas { --abajo: 112px; }
.v3 .diapositivas--foto .flota.flota--tarjeta[data-sitio] { bottom: 0; }
}
.v3 .diapositivas--panel { container: diap-panel / inline-size; }
.v3 .diapositivas--panel .diapositivas__escena { container: imagen-caja / inline-size; }
.v3 .diapositivas--panel .imagen--piezas { --aire: 0px; --izq: 7%; --der: 0px; --abajo: 96px; }
.v3 .diapositivas--panel .imagen__marco { aspect-ratio: 1 / 1; background: var(--panel-fondo, var(--fondo-tinte)); }
.v3 .diapositivas--panel .imagen__marco::after { box-shadow: none; }
.v3 .diapositivas--panel .tinte-puente { --panel-fondo: var(--pu-200); }
.v3 .diapositiva__lienzo > :is(img, .ilus-anim) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.v3 .diapositiva__lienzo.con-anim > img { opacity: 0; }
.v3 .diapositivas--panel .flota--tarjeta[data-sitio] { left: 0; right: auto; bottom: 0; width: min(240px, 56%); }
@container diap-panel (min-width: 481px) {
.v3 .diapositivas--panel .diapositivas__mandos { justify-content: flex-end; align-items: flex-start; align-self: start; margin-top: calc(24px - 16px - 96px); position: relative; z-index: 3; pointer-events: none; }
.v3 .diapositivas--panel .diapositivas__nav { pointer-events: auto; }
}
@container imagen-caja (max-width: 480px) {
.v3 .diapositivas--panel .imagen--piezas { --izq: 0px; --abajo: 0px; }
.v3 .diapositivas--panel .flota--tarjeta[data-sitio] { position: relative; left: auto; bottom: auto; margin: -20px 0 0 12px; width: min(232px, calc(100% - 24px)); }
}
.v3 .diapositivas.is-moviendo .diapositiva.is-activa :is(.imagen__marco, .diapositiva__lienzo) {
  animation: vit-recorte var(--mov-mover) var(--mov-camara) both;
}
.v3 .diapositivas[data-sentido="-1"].is-moviendo .diapositiva.is-activa :is(.imagen__marco, .diapositiva__lienzo) {
  animation-name: vit-recorte-atras;
}
.v3 .diapositivas.is-moviendo .diapositiva.is-activa :is(.imagen__marco, .diapositiva__lienzo) > :is(img, .ilus-anim) {
  animation: vit-foto-entra var(--mov-mover) var(--mov-camara) both;
}
.v3 .diapositivas.is-moviendo .diapositiva.is-saliendo :is(.imagen__marco, .diapositiva__lienzo) > :is(img, .ilus-anim) {
  animation: vit-foto-sale var(--mov-mover) var(--mov-camara) both;
}
.v3 .diapositivas.is-moviendo .diapositiva.is-activa .flota {
  animation: vit-pieza-entra var(--mov-enfocar) var(--mov-curva) var(--mov-mirar) both;
}
.v3 .diapositivas.is-moviendo .diapositiva.is-saliendo .flota {
  animation: vit-pieza-sale calc(var(--mov-enfocar) * var(--mov-cerrar)) var(--mov-curva) both;
}
@keyframes vit-recorte { from { clip-path: inset(0 0 0 100%); } to { clip-path: inset(0); } }
@keyframes vit-recorte-atras { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0); } }
@keyframes vit-foto-entra { from { translate: calc(8% * var(--sentido, 1)) 0; } }
@keyframes vit-foto-sale { to { translate: calc(-6% * var(--sentido, 1)) 0; filter: brightness(.94); } }
@keyframes vit-pieza-entra { from { opacity: 0; translate: calc(12px * var(--sentido, 1)) 0; } }
@keyframes vit-pieza-sale { to { opacity: 0; } }
.v3 .diapositivas__mandos { display: flex; justify-content: center; min-width: 0; }
.v3 .diapositivas:not([data-v3-listo]) .diapositivas__mandos { visibility: hidden; }
.v3 .diapositivas__nav { flex: 0 1 auto; min-width: 0; scroll-behavior: auto; overscroll-behavior-x: contain; }
.v3 .diapositivas__nav > button { font: 600 13px/1 var(--fuente); color: var(--texto-2); }
.v3 .diapositivas__nav > button:hover { color: var(--texto); }
.v3 .diapositivas__anuncio, .v3 .ilus__anuncio { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.v3 .tarjeta-hero { display: grid; gap: 12px; padding: 16px 16px 14px; text-align: left; color: var(--texto); }
.v3 .tarjeta-hero:where(:not(.flota)) { width: 272px; max-width: 100%; }
.v3 .tarjeta-hero__cab { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 12px; }
.v3 .tarjeta-hero__titulo b { display: block; font: 600 15px/1.25 var(--fuente); letter-spacing: -0.005em; color: var(--texto); }
.v3 .tarjeta-hero__titulo small { display: block; margin-top: 2px; font: 500 12.5px/1.35 var(--fuente); color: var(--texto-2); }
.v3 .tarjeta-hero__precio { padding-top: 11px; border-top: 1px solid var(--borde-suave); font-size: 13px; line-height: 1.45; color: var(--texto-2); }
.v3 .tarjeta-hero__precio b { font: 600 15px/1 var(--fuente-datos); letter-spacing: -0.02em; color: var(--texto); white-space: nowrap; }
.v3 .tarjeta-hero__precio span { white-space: nowrap; }
.v3 .tarjeta-hero__precio b::before { content: "\A"; white-space: pre; }
.v3 .tarjeta-hero__nota { margin-top: -8px; font-size: 12.5px; line-height: 1.35; color: var(--texto-2); }
.v3 .tarjeta-hero__pasos.seguimiento { grid-template-columns: minmax(0, 1fr); gap: 0; }
.v3 .tarjeta-hero__pasos.seguimiento > li { padding: 0 0 8px 26px; }
.v3 .tarjeta-hero__pasos.seguimiento > li:last-child { padding-bottom: 0; }
.v3 .tarjeta-hero__pasos.seguimiento > li::before { width: 16px; height: 16px; background-size: 16px; }
.v3 .tarjeta-hero__pasos.seguimiento > li::after {
  top: 18px; bottom: 2px; left: 7px; right: auto; width: 2px; height: auto;
  background: linear-gradient(var(--interaccion), var(--interaccion)) no-repeat 0 0 / 100% 0%,
              repeating-linear-gradient(180deg, var(--navy-200) 0 4px, transparent 4px 8px);
}
.v3 .tarjeta-hero__pasos.seguimiento > li.hecho::after { background-size: 100% 100%, auto; }
.v3 .tarjeta-hero__pasos.seguimiento b { font-size: 13px; line-height: 16px; }
.v3 .tarjeta-hero__estados { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.v3 .tarjeta-hero__estados li { display: grid; place-items: center; min-width: 0; padding: 10px 4px 9px; border-radius: var(--r-md); background: var(--int-50); }
.v3 .tarjeta-hero__estados .estado { flex-direction: column; gap: 7px; font-size: 12.5px; }
.v3 .tarjeta-hero__estados .estado::before { width: 8px; height: 8px; }
.v3 .tarjeta-hero__lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.v3 .tarjeta-hero__lista li { display: flex; gap: 8px; align-items: flex-start; font-size: 13px; line-height: 1.4; color: var(--texto); }
.v3 .tarjeta-hero__lista svg { flex: none; width: 16px; height: 16px; margin-top: 1px; color: var(--interaccion); }
.v3 .tarjeta-hero__etapas { list-style: none; margin: 0; padding: 0; counter-reset: etapa; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
.v3 .tarjeta-hero__etapas li { counter-increment: etapa; display: flex; align-items: center; gap: 8px; min-width: 0; padding: 8px 10px; border-radius: var(--r-md); background: var(--int-50); }
.v3 .tarjeta-hero__etapas li::before {
  content: counter(etapa); flex: none; display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%;
  background: var(--superficie); box-shadow: inset 0 0 0 1.5px var(--int-200); font: 600 11px/1 var(--fuente-datos); color: var(--interaccion);
}
.v3 .tarjeta-hero__etapas b { font: 600 12.5px/1.2 var(--fuente); color: var(--texto); }
.v3 .tarjeta-hero__etapas:not(:has(> :nth-child(4))) { grid-template-columns: minmax(0, 1fr); gap: 5px; }
.v3 .tarjeta-hero__etapas:not(:has(> :nth-child(4))) li { padding-block: 6px; }
.v3 .diapositivas--panel .tarjeta-hero { gap: 11px; padding: 14px 14px 13px; }
.v3 .diapositivas--panel .tarjeta-hero__cab { gap: 10px; }
.v3 .diapositivas--panel .tarjeta-hero__cab .mosaico { --m: 38px; }
.v3 .diapositivas--panel .tarjeta-hero__cab .mosaico svg { width: 19px; height: 19px; }
.v3 .diapositivas--panel .tarjeta-hero__titulo b { font-size: 14.5px; }
.v3 .diapositivas--panel .tarjeta-hero__etapas:not(:has(> :nth-child(4))) { gap: 6px; }
.v3 .diapositivas--panel .tarjeta-hero__etapas:not(:has(> :nth-child(4))) li { padding: 0; background: none; }
.v3 .rotulo--solo[data-v3-listo]:not(.is-visto)::before { clip-path: inset(100% 100% 0 0); }
.v3 .rotulo--solo[data-v3-listo]:not(.is-visto)::after { opacity: 0; }
.v3 .rotulo--solo.is-visto::before { animation: vit-traza 380ms var(--mov-curva) both; }
.v3 .rotulo--solo.is-visto::after { transition: opacity var(--mov-mirar) var(--mov-curva); }
@keyframes vit-traza {
  0%   { clip-path: inset(100% calc(100% - 3px) 0 0); }
  55%  { clip-path: inset(0 calc(100% - 10px) 0 0); }
  100% { clip-path: inset(0); }
}
.v3 .carrusel {
  --carrusel-hueco: 10px; --carrusel-ancho: 74vw;
  position: relative; min-width: 0; margin-top: 4px;
  container: carrusel / inline-size;
}
.v3 .carrusel__pista {
  --carrusel-borde: max(var(--margen), (100% - var(--ancho)) / 2);
  position: relative; display: grid; grid-auto-flow: column; grid-template-rows: repeat(2, auto);
  grid-auto-columns: var(--carrusel-ancho); gap: var(--carrusel-hueco);
  margin: 0; padding: 4px var(--carrusel-borde) 8px; list-style: none;
  scroll-padding-inline: var(--carrusel-borde);
  overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scroll-behavior: auto;
  scrollbar-width: none;
}
.v3 .carrusel__pista::-webkit-scrollbar { display: none; }
.v3 .carrusel__pista:focus-visible { outline: 2px solid var(--foco); outline-offset: -2px; }
.v3 .carrusel__pista:not(:focus-visible) {
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 var(--carrusel-borde), #000 calc(100% - var(--carrusel-borde)), transparent);
  mask-image: linear-gradient(90deg, transparent, #000 var(--carrusel-borde), #000 calc(100% - var(--carrusel-borde)), transparent);
}
.v3 .carrusel__item {
  scroll-snap-align: start; display: grid; grid-template-columns: auto minmax(0, 1fr); align-content: start; align-items: start; column-gap: 14px;
  min-width: 0; padding: 14px 18px 14px 14px; border-radius: var(--r-lg);
  background: var(--superficie); box-shadow: 0 0 0 1px var(--borde-suave), var(--sombra-1);
}
.v3 .carrusel__item .mosaico { --m: 44px; grid-row: 1 / span 2; align-self: center; }
.v3 .carrusel__item .mosaico svg { width: 22px; height: 22px; }
.v3 .carrusel__item b { font: 600 15px/1.3 var(--fuente); letter-spacing: -0.005em; color: var(--texto); }
.v3 .carrusel__item b + span { min-height: calc(2em * 1.4); margin-top: 2px; font-size: 13.5px; line-height: 1.4; color: var(--texto-2); }
@container carrusel (min-width: 700px) and (max-width: 1099px) {
.v3 .carrusel__pista { --carrusel-ancho: calc((min(100cqi - 2 * var(--margen), var(--ancho)) - 2 * var(--carrusel-hueco)) / 3); }
}
@container carrusel (min-width: 1100px) {
.v3 .carrusel__pista { --carrusel-ancho: calc((min(100cqi - 2 * var(--margen), var(--ancho)) - 3 * var(--carrusel-hueco)) / 4); }
.v3 .carrusel__item { padding: 16px 20px 16px 16px; }
}
.v3 .carrusel--logos { margin-top: 0; }
.v3 .carrusel--logos .carrusel__pista {
  --carrusel-ancho: calc((min(100cqi - 2 * var(--margen), var(--ancho)) - 2 * var(--carrusel-hueco)) / 2.5);
}
.v3 .carrusel--logos .logo-cliente {
  --logos-escala: .8;
  scroll-snap-align: start; display: grid; place-items: center; min-width: 0; height: 72px; margin: 0; padding: 10px 12px;
  border-radius: var(--r-lg); background: var(--superficie); box-shadow: 0 0 0 1px var(--borde-suave), var(--sombra-1);
}
@container carrusel (min-width: 700px) and (max-width: 899px) {
.v3 .carrusel--logos .carrusel__pista { --carrusel-ancho: calc((min(100cqi - 2 * var(--margen), var(--ancho)) - 3 * var(--carrusel-hueco)) / 4); }
}
@container carrusel (min-width: 900px) and (max-width: 1099px) {
.v3 .carrusel--logos .carrusel__pista { --carrusel-ancho: calc((min(100cqi - 2 * var(--margen), var(--ancho)) - 4 * var(--carrusel-hueco)) / 5); }
}
@container carrusel (min-width: 700px) {
.v3 .carrusel--logos .logo-cliente { --logos-escala: .9; height: 84px; padding: 12px 16px; }
}
@container carrusel (min-width: 1100px) {
.v3 .carrusel--logos .carrusel__pista { --carrusel-ancho: calc((min(100cqi - 2 * var(--margen), var(--ancho)) - 5 * var(--carrusel-hueco)) / 6); }
.v3 .carrusel--logos .logo-cliente { --logos-escala: 1; height: 92px; }
}
.v3 .galeria {
  --galeria-gap: clamp(12px, 1.4vw, 16px);
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--galeria-gap); align-items: start;
}
.v3 .galeria__col { display: grid; gap: var(--galeria-gap); min-width: 0; }
.v3 .galeria .imagen { margin: 0; }
.v3 .galeria .imagen__marco { border-radius: var(--r-xl); }
@media (min-width: 768px) {
.v3 .galeria__col:nth-child(2) { margin-top: var(--galeria-ladrillo, 45%); }
}
.v3 .imagen__tarjeta {
  position: absolute; z-index: 2; left: 8px; right: 8px; bottom: 8px; margin: 0;
  display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: 12px;
  padding: 10px 14px 10px 10px; border-radius: calc(var(--r-xl) - 8px);
  box-shadow: 0 0 0 1px rgb(255 255 255 / .6), var(--sombra-1);
}
.v3 .imagen__tarjeta .mosaico { grid-row: 1 / span 2; }
.v3 .imagen__rubro { font: 600 16.5px/1.25 var(--fuente); letter-spacing: -.01em; color: var(--texto); }
.v3 .imagen__linea { margin-top: 1px; font: 500 15px/1.35 var(--fuente); color: var(--navy-700); text-wrap: balance; }
@media (prefers-reduced-transparency: reduce) {
.v3 .imagen__tarjeta { background: var(--blanco); -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (min-width: 768px) and (max-width: 1023px) {
.v3 .imagen__tarjeta { column-gap: 10px; padding: 8px 12px 8px 8px; }
.v3 .imagen__tarjeta .mosaico { --m: 36px; }
.v3 .imagen__rubro { font-size: 15.5px; }
.v3 .imagen__linea { font-size: 13.5px; }
}
@media (max-width: 767px) {
.v3 .galeria {
    display: flex; gap: 12px; overflow-x: auto; overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory; scrollbar-width: none;
    margin-inline: calc(-1 * var(--margen)); padding: 0 var(--margen) 4px; scroll-padding-inline: var(--margen);
  }
.v3 .galeria::-webkit-scrollbar { display: none; }
.v3 .galeria__col { display: contents; }
.v3 .galeria .imagen { flex: 0 0 min(86%, 300px); scroll-snap-align: start; }
.v3 .galeria .imagen__marco { --prop: 4 / 5; border-radius: var(--r-lg); }
.v3 .galeria .imagen__tarjeta { border-radius: calc(var(--r-lg) - 8px); }
}
@media (max-width: 359px) {
.v3 .imagen__tarjeta { column-gap: 10px; padding: 8px 12px 8px 8px; }
.v3 .imagen__tarjeta .mosaico { --m: 36px; }
.v3 .imagen__rubro { font-size: 15.5px; }
.v3 .imagen__linea { font-size: 13.5px; }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
.v3 .galeria .imagen__marco > img { transition: opacity var(--mov-enfocar) var(--mov-curva), filter var(--mov-enfocar) var(--mov-curva); }
.v3 .galeria:has(.imagen:hover) .imagen:not(:hover) .imagen__marco > img { opacity: .55; filter: blur(.5px) saturate(.7); }
}
.v3 .galeria .imagen.por-entrar .imagen__marco { clip-path: inset(0 0 0 100%); }
.v3 .galeria .imagen.por-entrar .imagen__tarjeta { opacity: 0; }
.v3 .galeria .imagen.entra .imagen__marco { animation: vit-recorte var(--mov-mover) var(--mov-camara) var(--entra-retraso, 0ms) both; }
.v3 .galeria .imagen.entra .imagen__marco > img { animation: vit-foto-entra var(--mov-mover) var(--mov-camara) var(--entra-retraso, 0ms) both; }
.v3 .galeria .imagen.entra .imagen__tarjeta { animation: vit-pieza-entra var(--mov-enfocar) var(--mov-curva) calc(var(--entra-retraso, 0ms) + var(--mov-enfocar)) both; }
.v3 .por-aparecer { opacity: 0; }
.v3 .aparece { animation: vit-aparece calc(var(--mov-mover) * 1.4) var(--mov-curva) var(--aparece-retraso, 0ms) both; }
@keyframes vit-aparece { from { opacity: 0; filter: blur(8px); } }
.v3 .por-aparecer.aparece--foto, .v3 .aparece.aparece--foto { opacity: 1; animation: none; }
.v3 .por-aparecer.aparece--foto .imagen__marco { clip-path: inset(0 0 0 100%); }
.v3 .por-aparecer.aparece--foto .flota { opacity: 0; }
.v3 .aparece--foto.aparece .imagen__marco { animation: vit-recorte calc(var(--mov-mover) * 1.4) var(--mov-camara) var(--aparece-retraso, 0ms) both; }
.v3 .aparece--foto.aparece .imagen__marco > img { animation: vit-foto-entra calc(var(--mov-mover) * 1.4) var(--mov-camara) var(--aparece-retraso, 0ms) both; }
.v3 .aparece--foto.aparece .flota { animation: vit-aparece var(--mov-mover) var(--mov-curva) calc(var(--aparece-retraso, 0ms) + var(--mov-mover)) both; }
.v3 .rubros-v3__mas { margin-top: clamp(40px, 4.5vw, 64px); margin-inline: calc(-1 * var(--margen)); }
@media (min-width: 1024px) and (max-width: 1199px) {
.v3 .rubros-v3 .galeria { max-width: 800px; margin-inline: 0; }
}
@media (min-width: 1200px) {
.v3 .rubros-v3 {
    --rubros-col: 340px; --rubros-hueco: clamp(48px, 4.5vw, 64px);
    display: grid; grid-template-columns: minmax(0, var(--rubros-col)) minmax(0, 1fr); grid-template-rows: auto auto auto 1fr;
    column-gap: var(--rubros-hueco); align-items: start;
  }
.v3 .rubros-v3__cab { display: contents; }
.v3 .rubros-v3__cab > h2.t-h2 { grid-column: 1 / -1; grid-row: 1; margin-bottom: clamp(36px, 3.6vw, 52px); }
.v3 .rubros-v3__cab > p.t-lead { grid-column: 1; grid-row: 2; margin-top: 0; }
.v3 .rubros-v3__cab > .acciones.acciones { grid-column: 1; grid-row: 3; margin-top: 28px; }
.v3 .rubros-v3 .galeria { grid-column: 2; grid-row: 2 / span 3; }
.v3 .rubros-v3__mas { grid-column: 1; grid-row: 4; margin: 44px 0 0; }
.v3 .rubros-v3__mas .carrusel__pista {
    --carrusel-borde: 4px; --carrusel-ancho: 100%;
    grid-template-rows: repeat(4, auto);
    padding: 4px 4px 8px; scroll-padding-inline: 4px;
  }
.v3 .rubros-v3__mas .carrusel__pista:not(:focus-visible) { -webkit-mask-image: none; mask-image: none; }
}
@media (min-width: 1200px) and (max-width: 1279px) {
.v3 .rubros-v3 { --rubros-col: 300px; }
}
.v3 .ilus { display: grid; gap: 20px 48px; min-width: 0; }
@media (min-width: 960px) {
.v3 .ilus--lado { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); align-items: center; }
}
.v3 .ilus__filas { display: grid; gap: 4px; margin: 0; padding: 0; list-style: none; }
.v3 .ilus:not(.ilus--lado) .ilus__filas { grid-template-columns: minmax(0, 1fr); }
@media (min-width: 600px) {
.v3 .ilus:not(.ilus--lado) .ilus__filas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
.v3 .ilus:not(.ilus--lado) .ilus__filas { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); }
}
@media (min-width: 600px) and (max-width: 767px) {
.v3 .ilus:not(.ilus--lado) .ilus__filas:not(:has(> :nth-child(4))) { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 768px) and (max-width: 1023px) {
.v3 .ilus:not(.ilus--lado) .ilus__filas:not(:has(> :nth-child(4))) { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.v3 .ilus__fila {
  display: grid; gap: 2px; width: 100%; margin: 0; padding: 12px 16px; border: 0;
  text-align: left; font: inherit; color: var(--texto-2); cursor: pointer;
}
.v3 :where(.ilus__fila) { background: transparent; }
.v3 .ilus__fila b { font: 600 15.5px/1.35 var(--fuente); color: var(--texto); }
.v3 .ilus__fila span { font-size: 14px; line-height: 1.5; }
.v3 .ilus__escena { position: relative; min-width: 0; margin-top: 40px; overflow-x: clip; overflow-y: visible; }
.v3 .ilus__plano { position: relative; mix-blend-mode: darken; }
.v3 .ilus__plano img { display: block; width: 100%; height: auto; }
.v3 .ilus__capa { position: absolute; inset: 0; pointer-events: none; container-type: size; }
.v3 .ilus__foco {
  position: absolute; left: 0; top: 0;
  transform: translate(calc(var(--z-x, 0) * 1cqw), calc(var(--z-y, 0) * 1cqh));   
  width: calc(var(--z-w, 0) * 1cqw); height: calc(var(--z-h, 0) * 1cqh);
  border-radius: var(--r-md);
  transition: transform var(--mov-mover) var(--mov-camara),
              width var(--mov-mover) var(--mov-camara), height var(--mov-mover) var(--mov-camara),
              box-shadow var(--mov-cambiar) var(--mov-curva);
}
.v3 .ilus__foco .rotulo { transition: opacity var(--mov-cambiar) var(--mov-curva); }
.v3 .ilus__foco .rotulo__txt { text-shadow: 0 0 2px var(--fondo), 0 0 6px var(--fondo), 0 0 10px var(--fondo); }
.v3 .ilus__foco.is-cambiando .rotulo { opacity: 0; transition-duration: var(--mov-mirar); }
.v3 .ilus__foco .rotulo.sin-traza::before { animation: none; }
@container (max-width: 479px) {
.v3 .ilus__foco .rotulo__txt strong { display: block; margin-right: 0; }
.v3 .ilus__foco .rotulo { --rotulo-x: 14px; }
.v3 .ilus__foco .rotulo::before { width: 24px; }
.v3 .ilus__foco .rotulo__txt { left: 30px; }
.v3 .ilus__foco .rotulo--der .rotulo__txt { left: auto; right: 30px; }
}
.v3 .ilus__foco .rotulo--abajo { --rotulo-traza: vit-rotulo-abajo; bottom: auto; top: 100%; }
.v3 .ilus__foco .rotulo--abajo.rotulo--der { --rotulo-traza: vit-rotulo-abajo-der; }
.v3 .ilus__foco .rotulo--abajo::before {
  bottom: auto; top: 0; border-top-width: 0; border-bottom-width: 1.25px; border-top-left-radius: 0; border-bottom-left-radius: 8px;
}
.v3 .ilus__foco .rotulo--abajo.rotulo--der::before { border-bottom-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 8px; }
.v3 .ilus__foco .rotulo--abajo::after { bottom: auto; top: -4px; }
.v3 .ilus__foco .rotulo--abajo .rotulo__txt { top: auto; bottom: -8px; }
@keyframes vit-rotulo-abajo {
  0%   { clip-path: inset(0 calc(100% - 3px) 100% 0); }
  55%  { clip-path: inset(0 calc(100% - 10px) 0 0); }
  100% { clip-path: inset(0); }
}
@keyframes vit-rotulo-abajo-der {
  0%   { clip-path: inset(0 0 100% calc(100% - 3px)); }
  55%  { clip-path: inset(0 0 0 calc(100% - 10px)); }
  100% { clip-path: inset(0); }
}
@media (max-width: 1023px) {
.v3 .ilus:not([data-v3-listo]) .ilus__foco {
    transform: translate(calc(var(--zm-x, var(--z-x, 0)) * 1cqw), calc(var(--zm-y, var(--z-y, 0)) * 1cqh));
    width: calc(var(--zm-w, var(--z-w, 0)) * 1cqw); height: calc(var(--zm-h, var(--z-h, 0)) * 1cqh);
  }
}
.v3 .ilus--charco .ilus__escena { margin-top: 24px; }
.v3 .ilus--charco .ilus__plano { mix-blend-mode: normal; }
.v3 .ilus--charco .ilus__plano picture, .v3 .ilus--charco .ilus__plano img { display: block; width: 100%; height: auto; }
.v3 .ilus--charco .ilus__plano.con-svg img { opacity: 0; }
.v3 .ilus-svg { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.v3 [data-anim-al-ver] { position: relative; }
.v3 [data-anim-al-ver] > .ilus-anim { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.v3 [data-anim-al-ver]:is(.anim-espera, .con-anim) > img { opacity: 0; }
.v3 .ilus--charco .ilus__fila { cursor: pointer; }
.v3 .ilus-svg [data-charco] { transition: opacity calc(var(--mov-cambiar) * var(--mov-cerrar)) var(--mov-curva); }
.v3 .ilus-svg[data-activo="fastura"] [data-charco="fastura"], .v3 .ilus-svg[data-activo="waya"] [data-charco="waya"], .v3 .ilus-svg[data-activo="nube"] [data-charco="nube"] { transition-duration: var(--mov-cambiar); }
@media (hover: hover) {
.v3 .ilus-svg:not([data-activo="fastura"]):has([data-frente="fastura"]:hover) [data-charco="fastura"], .v3 .ilus-svg:not([data-activo="waya"]):has([data-frente="waya"]:hover) [data-charco="waya"], .v3 .ilus-svg:not([data-activo="nube"]):has([data-frente="nube"]:hover) [data-charco="nube"] { opacity: .45; }
}
@media (min-width: 600px) and (max-width: 1023px) {
.v3 .ilus--charco .ilus__escena { max-width: 600px; margin-inline: auto; }
}
@media (max-width: 599px) {
.v3 .ilus--charco .ilus__escena { margin-inline: calc(-1 * var(--margen)); }
}
@media (prefers-reduced-motion: reduce) {
.v3 .diapositivas.is-moviendo .diapositiva.is-activa { animation: vit-funde 120ms linear both !important; }
.v3 .diapositivas.is-moviendo .diapositiva :is(.imagen__marco, .diapositiva__lienzo, img, .ilus-anim, .flota) { animation: none !important; }
.v3 .rotulo--solo::before { animation: none !important; }
.v3 .rotulo--solo::after { transition: none !important; }
.v3 .galeria .imagen :is(.imagen__marco, .imagen__marco > img, .imagen__tarjeta) { animation: none !important; clip-path: none !important; opacity: 1 !important; }
.v3 .por-aparecer, .v3 .aparece, .v3 .aparece--foto :is(.imagen__marco, .imagen__marco > img, .flota) { animation: none !important; clip-path: none !important; opacity: 1 !important; filter: none !important; }
.v3 .ilus-svg [data-charco] { transition: none !important; }
}
@keyframes vit-funde { from { opacity: 0; } }
.v3 .ilus__fila .ilus__logo { display: block; width: auto; height: 22px; margin-bottom: 10px; }
/* v3/inicio-b.css */
.v3 .hero { padding: 30px 0 72px; overflow-x: clip; }
.v3 .hero__grid { display: grid; gap: 44px; }
.v3 .hero h1 { margin-top: 20px; }
.v3 .hero .t-lead { margin-top: 18px; max-width: 46ch; }
@media (max-width: 1023px) {
.v3 .hero__grid { gap: 0; }
.v3 .hero__texto { display: contents; }
}
@media (min-width: 1024px) {
.v3 .hero { padding: 36px 0 132px; }
.v3 .hero__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.04fr); gap: 56px; align-items: center; }
}
@media (max-width: 767px) {
.v3.inicio-b .hero .diapositivas { margin-top: 32px; }
}
@media (min-width: 1024px) {
.v3.inicio-b .hero { padding-bottom: 56px; }
}
@media (min-width: 768px) {
.v3.inicio-b .hero__texto { padding-bottom: 48px; }
}
.v3.inicio-b .sec-cab .t-lead { text-wrap: pretty; }
.v3.inicio-b .bloque--junto { padding-top: 0; }
.v3 .hero { position: relative; }
.v3 .hero > .contenedor { position: relative; z-index: 1; }
.v3 .hero__fondo { position: absolute; inset: 0; z-index: 0; pointer-events: none; }
.v3 .hero__fondo .anillos { --an-r: clamp(320px, 44vw, 700px); --an-borde: 0px; --an-a: 26%; --an-k: 1; }
.v3 .diapositivas--panel .imagen__marco { background: transparent; }
.v3 .diapositivas--panel .imagen__marco::after { display: none; }
.v3 .hero__fondo.tinte-puente .anillos { --an-base: var(--pu-200); }
.v3 .hero__fondo .anillos i { transition: background-color var(--mov-mover) var(--mov-curva), filter 480ms var(--ease-out), transform 480ms var(--ease-out), opacity 320ms var(--ease-out); }
.v3 .hero { background: var(--superficie); }
.v3 .clientes-fila { background: linear-gradient(180deg, var(--superficie) 45%, var(--fondo)); }
/* v3/composicion.css */
.v3.composicion { --fondo-banda: var(--int-75); }
.v3.composicion .banda--b { --fondo-banda: var(--navy-100); }
.v3.composicion .bloque .sec-cab { max-width: 780px; }
.v3.composicion .bloque .sec-cab .t-lead { max-width: 60ch; }
.v3.composicion .bloque h3:not(.sr) { font: 600 21px/1.3 var(--fuente); letter-spacing: -0.012em; }
@media (max-width: 599px) {
.v3.composicion .bloque h3:not(.sr) { font-size: 19px; }
}
.v3.composicion .bloque :is(.tarjeta:not(.flota), .caminos__opciones, .caminos__panel, .porque__celda) { border-radius: var(--r-xl); }
@media (max-width: 599px) {
.v3.composicion .bloque .acciones .btn { flex: 1 1 100%; }
}
@media (min-width: 1024px) {
.v3.composicion .soporte-v3__vis { order: 0; }
}
.v3 .rubros-lista { margin-top: clamp(32px, 4vw, 48px); }
.v3 .rubros-lista ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.v3 .rubros-lista li {
  display: inline-flex; align-items: center; gap: 8px; min-height: 36px; padding: 6px 14px 6px 10px;
  border-radius: var(--r-chip); background: var(--superficie); box-shadow: 0 0 0 1px var(--borde-suave);
  font: 500 14px/1.3 var(--fuente); color: var(--texto);
}
.v3 .rubros-lista li svg { flex: none; width: 18px; height: 18px; color: var(--interaccion); }
@media (min-width: 1200px) {
.v3.composicion .rubros-v3 .rubros-lista { grid-column: 1; grid-row: 4; margin-top: 36px; }
.v3.composicion .rubros-v3 .galeria { grid-row: 2 / span 3; }
}
.v3 .nube-escaparate { display: grid; gap: 28px; align-items: center; }
.v3 .nube-filas { list-style: none; margin: 0; padding: 0; display: grid; }
.v3 .nube-filas > li {
  display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 2px 16px; align-items: start;
  padding: 18px 0; border-top: 1px solid var(--borde-suave);
}
.v3 .nube-filas > li:first-child { border-top: 0; padding-top: 4px; }
.v3 .nube-filas .mosaico { grid-row: span 3; }
.v3 .nube-filas b { font: 600 17px/1.3 var(--fuente); color: var(--texto); }
.v3 .nube-filas p { font-size: 14.5px; line-height: 1.5; color: var(--texto-2); }
.v3 .nube-filas .enlace { margin-top: 6px; font-size: 14.5px; }
.v3 .nube-escaparate__ilus { margin: 0; }
.v3 .nube-escaparate__ilus img { display: block; width: 100%; height: auto; }
@media (min-width: 1024px) {
.v3 .nube-escaparate { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 56px; }
}
.v3.opcion-1 .bloque.con-anillos > .anillos { --an-a: 26%; --an-k: 1; --an-borde: 0px; }
.v3.opcion-1 #nube > .anillos { --an-r: clamp(260px, 31vw, 450px); }
.v3.opcion-1 #soporte > .anillos { --an-r: clamp(200px, 19vw, 270px); }
.v3.opcion-1 .con-anillos:is(.hechos--oscuro, .cierre-centro) > .anillos { --an-r: clamp(200px, 22vw, 320px); --an-a: 11%; }
@media (hover: hover) {
.v3.opcion-1 .bloque.con-anillos:hover > .anillos i { filter: none; transform: none; }
}
.v3.opcion-1 .bloque.con-anillos:is(:focus-within, .is-mirando, .is-foco) > .anillos i { filter: none; transform: none; }
@media (max-width: 1023px) {
.v3.opcion-1 #nube > .anillos--der { --an-y: calc(100% - var(--r) - 40px); }
.v3.opcion-1 #soporte > .anillos { display: none; }
}
.v3.inicio-e .clientes-libres { padding-block: clamp(48px, 6vw, 80px); background: var(--fondo-banda); }
.v3.inicio-e .clientes-libres__linea { margin-bottom: 22px; text-align: center; font: 500 14.5px/1.4 var(--fuente); color: var(--texto-2); }
.v3.inicio-e .clientes-libres .carrusel--logos .logo-cliente { height: 64px; padding: 0 10px; background: none; box-shadow: none; border-radius: 0; }
@container carrusel (min-width: 1100px) {
.v3.inicio-e .clientes-libres .carrusel--logos .carrusel__pista { --carrusel-ancho: calc((min(100cqi - 2 * var(--margen), var(--ancho)) - 6 * var(--carrusel-hueco)) / 7); }
}
.v3.inicio-e #cierre { padding-top: clamp(56px, 7vw, 104px); padding-bottom: 0; background: linear-gradient(180deg, var(--fondo-banda) 52%, var(--navy-950) 52%); }
.v3.inicio-e .cierre-centro h2 { max-width: none; font-size: var(--t-display); line-height: 1.05; }
@media (min-width: 768px) {
.v3.inicio-e .cierre-centro h2 { white-space: nowrap; }
}
/* v3/rendimiento.css */
.v3.rendimiento {
  --fondo: var(--blanco);
  --fondo-banda: var(--navy-100);
  --fondo-tinte: var(--navy-100);
  --borde-suave: rgb(0 17 68 / .12);
  --atm-1: var(--azul-100); --atm-2: var(--navy-100); --atm-3: var(--navy-50);
}
.v3.rendimiento .tarjeta:not(.tarjeta--plana) { box-shadow: 0 1px 2px rgb(0 17 68 / .06), 0 6px 18px rgb(0 17 68 / .06); }
.v3 .grafico, .v3 .capacidad, .v3 .prueba-tiempo {
  --g-antes: var(--serie-2);
  --g-ahora: var(--serie-1);
  --g-caida: var(--error);
  --g-meta: var(--navy-600);
  --g-grilla: var(--grilla);
}
.v3.rendimiento :is(b, strong) { font-weight: 600 !important; }
.v3.rendimiento :is(a, button, summary, label, [tabindex]):focus-visible { outline: 2px solid var(--foco) !important; outline-offset: 3px !important; }
.v3 .grafico { margin: 0; display: grid; gap: 18px; min-width: 0; }
.v3 .grafico__cab { display: grid; gap: 4px; }
.v3 .grafico__titulo { margin: 0; font: 600 16px/1.3 var(--fuente); color: var(--texto); }
.v3 .grafico__bajada { margin: 0; font: 500 13.5px/1.45 var(--fuente); color: var(--texto-2); }
.v3 .grafico__nota { margin: 0; font: 500 12.5px/1.5 var(--fuente); color: var(--texto-2); text-wrap: pretty; }
.v3 .leyenda { display: flex; flex-wrap: wrap; gap: 6px 18px; list-style: none; margin: 0; padding: 0; font: 500 13px/1.3 var(--fuente); color: var(--texto-2); }
.v3 .leyenda li { display: inline-flex; align-items: center; gap: 8px; }
.v3 .leyenda li::before { content: ""; flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--g-antes); box-shadow: 0 0 0 2px var(--superficie); }
.v3 .leyenda .leyenda--ahora::before { background: var(--g-ahora); }
.v3 .leyenda .leyenda--barra::before { width: 14px; height: 10px; border-radius: 0 3px 3px 0; }
.v3 .leyenda .leyenda--meta::before { width: 0; height: 14px; border-radius: 0; background: none; box-shadow: none; border-left: 1.5px dashed var(--g-meta); }
.v3 .leyenda .leyenda--caida::before {
  width: 12px; height: 12px; border-radius: 0; box-shadow: none;
  background: linear-gradient(45deg, transparent 42%, var(--g-caida) 42% 58%, transparent 58%), linear-gradient(-45deg, transparent 42%, var(--g-caida) 42% 58%, transparent 58%);
}
.v3 .capacidad { --eti: 200px; --hueco: 120px; --gap: 18px; position: relative; display: grid; gap: 4px; }
.v3 .capacidad__filas { display: grid; gap: 0; list-style: none; margin: 0; padding: 0; position: relative; }
.v3 .capacidad__fila { display: grid; grid-template-columns: var(--eti) minmax(0, 1fr); gap: var(--gap); align-items: center; padding: 16px 0; border-bottom: 1px solid var(--borde-suave); }
.v3 .capacidad__fila:last-child { border-bottom: 0; }
.v3 .capacidad__eti b { display: block; font: 600 15px/1.3 var(--fuente); color: var(--texto); }
.v3 .capacidad__eti span { display: block; margin-top: 2px; font: 500 13px/1.4 var(--fuente); color: var(--texto-2); }
.v3 .capacidad__barras { display: grid; gap: 2px; min-width: 0; }
.v3 .capacidad__barra { display: flex; align-items: center; gap: 8px; min-width: 0; font: 600 13px/1 var(--fuente-datos); color: var(--texto); white-space: nowrap; }
.v3 .capacidad__barra::before {
  content: ""; flex: none; height: 18px; border-radius: 0 4px 4px 0; background: var(--g-ahora);
  width: max(4px, calc((100% - var(--hueco)) * var(--v) / var(--max)));
}
.v3 .capacidad__barra--antes { font-weight: 500; color: var(--texto-2); }
.v3 .capacidad__val { position: relative; z-index: 1; padding: 2px 4px; margin-left: -4px; border-radius: 4px; background: var(--superficie); }
.v3 .capacidad__barra--antes::before { height: 10px; background: var(--g-antes); }
.v3 .capacidad__limite {
  position: absolute; top: 0; bottom: 0; pointer-events: none;
  left: calc(var(--eti) + var(--gap) + (100% - var(--eti) - var(--gap) - var(--hueco)) * var(--limite) / var(--max));
  border-left: 1.5px dashed var(--g-meta);
}
.v3 .capacidad__limite span { position: absolute; top: -26px; left: 0; transform: translateX(-50%); font: 600 12px/1.2 var(--fuente); color: var(--texto-2); white-space: nowrap; }
@media (max-width: 719px) {
.v3 .capacidad { --hueco: 104px; }
.v3 .capacidad__fila { grid-template-columns: minmax(0, 1fr); gap: 10px; }
.v3 .capacidad__limite, .v3 .grafico:has(.capacidad) .leyenda--meta { display: none; }
}
.v3 .cambios { display: grid; gap: 0 clamp(28px, 4vw, 56px); grid-template-columns: repeat(auto-fit, minmax(min(100%, 420px), 1fr)); list-style: none; margin: 0; padding: 0; }
.v3 .cambio { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 16px; padding: 22px 0; border-top: 1px solid var(--borde-suave); }
.v3 .cambio .mosaico { grid-row: span 3; }
.v3 .cambio h3 { margin: 2px 0 0; font: 600 17px/1.35 var(--fuente); color: var(--texto); }
.v3 .cambio p { margin: 4px 0 0; font: 400 15px/1.55 var(--fuente); color: var(--texto-2); }
.v3 .cambio__efecto { justify-self: start; margin-top: 10px; display: inline-flex; align-items: flex-start; gap: 8px; padding: 7px 12px; border-radius: var(--r-sm); background: var(--navy-50); box-shadow: inset 0 0 0 1px var(--borde-suave); font: 600 13.5px/1.4 var(--fuente); color: var(--texto); }
.v3 .cambio__efecto svg { flex: none; width: 16px; height: 16px; margin-top: 1px; color: var(--acento-tinta); }
.v3 .lado { display: grid; gap: clamp(28px, 4vw, 56px); align-items: center; }
@media (min-width: 960px) {
.v3 .lado { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); }
}
.v3 .lado__figura { margin: 0; aspect-ratio: 1 / 1; border-radius: var(--r-2xl); background: var(--fondo-tinte); position: relative; overflow: hidden; }
.v3 .lado__figura img { position: absolute; inset: 4%; width: 92%; height: 92%; object-fit: contain; }
.v3 .vias { display: grid; gap: 0; list-style: none; margin: 28px 0 0; padding: 0; }
.v3 .via { display: grid; grid-template-columns: auto minmax(0, 1fr); align-content: start; gap: 4px 16px; padding: 20px 0; border-top: 1px solid var(--borde-suave); }
.v3 .via .mosaico { grid-row: span 2; }
.v3 .via h3 { margin: 2px 0 0; font: 600 17px/1.35 var(--fuente); color: var(--texto); }
.v3 .via p { margin: 2px 0 0; font: 400 15px/1.55 var(--fuente); color: var(--texto-2); }
.v3 .vias--dos { grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); gap: 0 clamp(28px, 4vw, 56px); }
.v3 .ad-nota { margin: 16px 2px 0; font: 500 13.5px/1.5 var(--fuente); color: var(--texto-2); max-width: 90ch; }
.v3 .prueba-tiempo { display: grid; gap: 14px; padding: clamp(20px, 2.6vw, 32px); }
.v3 .prueba-tiempo__fila { display: grid; grid-template-columns: 112px minmax(0, 1fr) minmax(200px, 260px); gap: 18px; align-items: center; }
.v3 .prueba-tiempo__ver { display: inline-flex; align-items: center; gap: 8px; font: 600 15px/1.2 var(--fuente); color: var(--texto); }
.v3 .prueba-tiempo__ver::before { content: ""; flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--g-antes); }
.v3 .prueba-tiempo__fila--ahora .prueba-tiempo__ver::before { background: var(--g-ahora); }
.v3 .prueba-tiempo__tramos { display: grid; grid-template-columns: repeat(4, 1fr); align-items: end; gap: 3px; height: 64px; }
.v3 .prueba-tiempo__tramos span { position: relative; height: calc(100% * var(--r) / 240); min-height: 14px; border-radius: 6px 6px 0 0; background: var(--navy-200); }
.v3 .prueba-tiempo__tramos b { position: absolute; left: 0; right: 0; bottom: calc(100% + 4px); text-align: center; font: 600 12px/1 var(--fuente-datos); color: var(--texto-2); white-space: nowrap; }
.v3 .prueba-tiempo__eje { display: flex; justify-content: space-between; font: 500 11.5px/1 var(--fuente-datos); color: var(--texto-2); }
.v3 .prueba-tiempo__pista { position: relative; height: 22px; border-radius: 6px; background: repeating-linear-gradient(135deg, var(--navy-100) 0 6px, var(--navy-50) 6px 12px); overflow: visible; }
.v3 .prueba-tiempo__lleno { position: absolute; inset: 0 auto 0 0; width: calc(100% * var(--hasta)); border-radius: 6px; background: var(--g-antes); }
.v3 .prueba-tiempo__fila--ahora .prueba-tiempo__lleno { background: var(--g-ahora); }
.v3 .prueba-tiempo__marca { position: absolute; top: 50%; left: calc(100% * var(--hasta)); width: 26px; height: 26px; margin: -13px 0 0 -13px; border-radius: 50%; display: grid; place-items: center; background: var(--superficie); box-shadow: 0 0 0 2px var(--error); color: var(--error); }
.v3 .prueba-tiempo__fila--ahora .prueba-tiempo__marca { box-shadow: 0 0 0 2px var(--ok); color: var(--ok-tinta); margin-left: -26px; }
.v3 .prueba-tiempo__marca svg { width: 15px; height: 15px; }
.v3 .prueba-tiempo__fin { margin: 0; font: 500 14px/1.4 var(--fuente); color: var(--texto-2); }
.v3 .prueba-tiempo__fin b { display: block; font: 600 15px/1.3 var(--fuente); color: var(--texto); }
.v3 .prueba-tiempo__cab { grid-template-columns: 112px minmax(0, 1fr) minmax(200px, 260px); }
.v3 .prueba-tiempo__cab > :first-child, .v3 .prueba-tiempo__cab > :last-child { visibility: hidden; }
.v3 .prueba-tiempo__datos { display: grid; gap: 10px 32px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); margin: 6px 0 0; padding: 18px 0 0; border-top: 1px solid var(--borde-suave); list-style: none; font: 500 15px/1.5 var(--fuente); color: var(--texto-2); }
.v3 .prueba-tiempo__datos b { color: var(--texto); }
@media (max-width: 767px) {
.v3 .prueba-tiempo__fila, .v3 .prueba-tiempo__cab { grid-template-columns: minmax(0, 1fr); gap: 8px; }
.v3 .prueba-tiempo__cab > :first-child, .v3 .prueba-tiempo__cab > :last-child { display: none; }
.v3 .prueba-tiempo__fila + .prueba-tiempo__fila { margin-top: 10px; }
}
.v3 .capacidad__fila--caben { grid-template-columns: var(--eti) minmax(0, 1fr) 120px; }
.v3 .capacidad__caben { text-align: right; }
.v3 .capacidad__caben b { display: block; font: 600 26px/1 var(--fuente-datos); color: var(--texto); }
.v3 .capacidad__caben span { font: 500 12.5px/1.3 var(--fuente); color: var(--texto-2); }
@media (max-width: 719px) {
.v3 .capacidad__fila--caben { grid-template-columns: minmax(0, 1fr) auto; }
.v3 .capacidad__fila--caben .capacidad__barras { grid-column: 1 / -1; grid-row: 2; }
.v3 .capacidad__caben { grid-row: 1; grid-column: 2; }
}
.v3.rendimiento .banda .mosaico--neutro { background: var(--blanco); box-shadow: 0 0 0 1px var(--borde-suave); }
.v3.rendimiento .campana { background: var(--navy-950); color: var(--blanco); --g-antes: var(--acento-2-osc); --g-ahora: var(--acento-osc); }
.v3.rendimiento .campana :is(h1, h2, h3, .t-display, .t-h2) { color: var(--blanco); }
.v3.rendimiento .campana :is(.t-lead, p) { color: var(--texto-invertido-2); }
.v3.rendimiento .campana .ruta [aria-current] { color: var(--blanco); }
.v3.rendimiento .campana .h1-busca { color: var(--texto-invertido-2); }
.v3 .campana.hero { padding-top: clamp(44px, 5vw, 72px); padding-bottom: clamp(48px, 6vw, 80px); }
.v3 .campana.hero { position: relative; z-index: 1; box-shadow: 0 2px 0 var(--navy-950); }
@media (max-width: 1023px) {
.v3 .campana__lado { margin-top: 36px; }
}
.v3 .campana__nota { margin: 22px 0 0; font: 500 13px/1.5 var(--fuente); color: var(--texto-invertido-2); max-width: none; }
.v3 .campana__cifra { display: inline-flex; align-items: baseline; gap: .12em; margin: 0; font: 600 clamp(36px, 1.6rem + 2vw, 52px)/1 var(--fuente-datos); letter-spacing: -0.04em; color: var(--blanco); white-space: nowrap; }
.v3 .campana__cifra i { font-style: normal; color: var(--acento-osc); }
.v3 .campana__cifra--xl { font-size: clamp(52px, 2.2rem + 3.4vw, 84px); }
.v3 .campana__lado { display: grid; gap: 12px; align-content: center; }
.v3 .campana__insignia { justify-self: start; display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: var(--r-chip); background: var(--acento-2); color: var(--acento-2-texto); font: 700 12px/1 var(--fuente); letter-spacing: .02em; }
.v3 .campana__kpis { display: grid; gap: 12px; list-style: none; margin: 0; padding: 0; }
.v3 .campana__kpi { display: grid; gap: 8px; padding: 20px 24px; border-radius: var(--r-xl); background: var(--navy-900); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .08); }
.v3 .campana__kpi p { margin: 0; font: 500 15px/1.45 var(--fuente); color: var(--texto-invertido-2); }
.v3 .campana__kpi p b { font-weight: 600; color: var(--blanco); }
.v3 .campana__antes { color: var(--acento-2-osc); white-space: nowrap; }
.v3 .campana-rejilla { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr)); list-style: none; margin: 0; padding: 0; }
.v3 .campana-tarjeta { display: grid; grid-template-rows: auto auto 1fr auto; gap: 12px; padding: clamp(22px, 2.4vw, 30px); border-radius: var(--r-2xl); background: var(--navy-900); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .08); }
.v3 .campana-tarjeta h3 { margin: 6px 0 0; font: 600 clamp(19px, 1rem + .4vw, 22px)/1.25 var(--fuente); letter-spacing: -0.01em; }
.v3 .campana-tarjeta > p { margin: 0; font: 400 15px/1.5 var(--fuente); }
.v3 .campana-tarjeta__par { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin: 8px 0 0; }
.v3 .campana-tarjeta__par > div { display: grid; gap: 4px; padding: 12px 14px; border-radius: var(--r-md); background: rgb(255 255 255 / .05); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .06); }
.v3 .campana-tarjeta__par dt { display: inline-flex; align-items: center; gap: 7px; font: 700 11.5px/1.2 var(--fuente); letter-spacing: .06em; text-transform: uppercase; color: var(--acento-2-osc); }
.v3 .campana-tarjeta__par dt::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--acento-2-osc); }
.v3 .campana-tarjeta__par .es-ahora dt { color: var(--acento-osc); }
.v3 .campana-tarjeta__par .es-ahora dt::before { background: var(--acento-osc); }
.v3 .campana-tarjeta__par dd { margin: 0; font: 500 16.5px/1.3 var(--fuente); color: var(--texto-invertido-2); }
.v3 .campana-tarjeta__par .es-ahora dd { font-weight: 600; color: var(--blanco); }
.v3 .campana .sec-cab .t-lead { color: var(--texto-invertido-2); }
.v3 .campana-nota { margin: 18px 4px 0; font: 500 13px/1.55 var(--fuente); color: var(--texto-invertido-2); max-width: 100ch; }
.v3 .video-caja { margin: 0; display: grid; gap: 14px; }
.v3 .video-caja__marco { position: relative; border-radius: var(--r-2xl); overflow: hidden; background: var(--navy-950); box-shadow: 0 0 0 1px var(--borde-suave), 0 18px 40px rgb(0 17 68 / .14); }
.v3 .video-caja video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; background: var(--navy-950); }
.v3 .video-caja figcaption { font: 500 14px/1.5 var(--fuente); color: var(--texto-2); max-width: 90ch; }
.v3 .campana .cambio { border-top-color: rgb(255 255 255 / .1); }
.v3 .campana .mosaico--neutro { background: var(--navy-900); color: var(--acento-osc); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .08); }
.v3 .campana .cambio__efecto { background: var(--navy-900); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .08); color: var(--blanco); }
.v3 .campana .cambio__efecto svg { color: var(--acento-osc); }
/* v3/fastura-v3.css */
.v3.fastura-v3 { --fondo: var(--blanco); }
.v3.fastura-v3, .v3.fastura-v3 .banda--b { --fondo-banda: var(--int-25); }
.v3.fastura-v3 .hero h1 { font-size: clamp(34px, 1rem + 3vw, 56px); text-wrap: balance; }
@media (min-width: 768px) {
.v3.fastura-v3 .hero__texto { padding-bottom: 0; }
}
@media (max-width: 1023px) {
.v3.fastura-v3 .hero__grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
.v3.fastura-v3 .hero__texto { display: block; }
.v3.fastura-v3 .hero .imagen-caja { width: 100%; max-width: 480px; margin-inline: auto; }
}
@media (min-width: 1024px) {
.v3.fastura-v3 .hero .imagen-caja { width: 100%; max-width: 540px; justify-self: end; }
}
@media (min-width: 1200px) {
.v3.fastura-v3 .hero__grid { grid-template-columns: minmax(0, 1.18fr) minmax(0, 1fr); }
}
.v3 .cifra__linea { display: block; }
.v3 .tarjeta-hero__logo { display: block; width: auto; height: 22px; }
.v3 .que-hace__cab { display: grid; gap: 28px; margin-bottom: clamp(32px, 4vw, 52px); }
.v3 .que-hace__cab .sec-cab { margin-bottom: 0; }
.v3 .que-hace__ilus { margin: 0; }
.v3 .que-hace__ilus img { display: block; width: 100%; height: auto; }
.v3.fastura-v3 #que-hace { overflow-x: clip; }
.v3.fastura-v3 .que-hace__ilus { width: 140%; margin-inline: -20%; pointer-events: none; }
@media (min-width: 600px) and (max-width: 1023px) {
.v3.fastura-v3 .que-hace__ilus { width: min(140%, 820px); margin-inline: 0; justify-self: center; }
}
@media (min-width: 1024px) {
.v3 .que-hace__cab { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 48px; align-items: center; }
.v3.fastura-v3 .que-hace__ilus { width: 112%; margin-inline: -6%; margin-block: -24px; }
}
.v3 .rejilla { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
@media (min-width: 600px) {
.v3 .rejilla { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
.v3 .rejilla { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
}
.v3 .rejilla > li { display: flex; flex-direction: column; gap: 12px; padding: 26px 24px 22px; }
.v3.fastura-v3 #que-hace .rejilla > li { background: var(--int-25); }
.v3 .rejilla > li > p:not(.rejilla__pie) { font-size: 15px; line-height: 1.55; color: var(--texto-2); }
.v3 .rejilla__pie {
  margin-top: auto; padding-top: 14px; border-top: 1px solid var(--borde-suave);
  display: flex; align-items: center; gap: 8px; font: 500 13.5px/1.35 var(--fuente); color: var(--texto-2);
}
.v3 .rejilla__pie svg { flex: none; width: 16px; height: 16px; color: var(--interaccion); }
@media (min-width: 600px) {
.v3 .rejilla > li { display: grid; grid-row: span 4; grid-template-rows: subgrid; row-gap: 12px; align-content: start; }
.v3 .rejilla > li > .mosaico { justify-self: start; }
.v3 .rejilla > li > h3 { align-self: end; }
}
@media (max-width: 599px) {
.v3 .rejilla > li { display: grid; grid-template-columns: auto minmax(0, 1fr); column-gap: 12px; padding: 20px 18px 18px; }
.v3 .rejilla > li > :not(.mosaico) { grid-column: 1 / -1; }
.v3 .rejilla > li > .mosaico { grid-column: 1; grid-row: 1; align-self: center; }
.v3 .rejilla > li > h3:not(.mosaico) { grid-column: 2; grid-row: 1; }
}
.v3.fastura-v3 .t-lead a:not([class]) { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.v3.fastura-v3 .modalidad { color: var(--texto); gap: 12px; padding: 22px 22px 24px; }
.v3 .modalidad__ilus { margin: 0 0 4px; }
.v3 .modalidad__ilus img { display: block; width: 100%; height: auto; }
.v3 .modalidad__ilus > .ilus-anim { inset: auto 0; top: 50%; height: auto; translate: 0 -50%; }
@media (min-width: 900px) {
.v3.fastura-v3 #caminos .planes { container-type: inline-size; }
.v3.fastura-v3 .modalidad__ilus { height: calc(((100cqi - 40px) / 3.12 - 46px) / 1.5); display: flex; align-items: center; overflow: clip; }
.v3.fastura-v3 .modalidad__ilus img { flex: none; }
}
.v3.fastura-v3 .modalidad .oferta__precio { margin-top: auto; padding-top: 6px; }
.v3.fastura-v3 .modalidad .oferta__precio b { font-size: 22px; line-height: 1.1; white-space: nowrap; }
@media (min-width: 600px) and (max-width: 899px) {
.v3.fastura-v3 .modalidad { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); column-gap: 24px; align-content: start; }
.v3.fastura-v3 .modalidad > :not(.modalidad__ilus) { grid-column: 2; }
.v3.fastura-v3 .modalidad__ilus { grid-column: 1; grid-row: 1 / span 4; align-self: center; }
}
.v3.fastura-v3 .nota-precios { max-width: none; margin-inline: 0; text-align: left; }
@media (min-width: 1200px) {
.v3.fastura-v3 .nota-precios { white-space: nowrap; }
}
.v3 .nota-colombia { margin-top: 10px; font-size: 14.5px; }
.v3 .nota-precios svg { display: inline-block; width: 16px; height: 16px; margin-right: 6px; vertical-align: -3px; color: var(--interaccion); }
.v3 .comparar { margin-top: clamp(28px, 4vw, 40px); }
.v3.fastura-v3 .bloque .comparar summary h3:not(.sr) { margin: 0; font: 600 17px/1.35 var(--fuente); letter-spacing: 0; }
.v3 .comparar__marco { padding: 0 20px 20px; }
.v3 .comparativa { width: 100%; border-collapse: collapse; font-size: 14.5px; line-height: 1.45; }
.v3 .comparativa :is(th, td) { height: auto; background: none; padding: 12px 14px; text-align: left; vertical-align: top; border-top: 1px solid var(--borde-suave); font: 400 14.5px/1.45 var(--fuente); }
.v3 .comparativa thead :is(th, td) { border-top: 0; font: 600 13.5px/1.3 var(--fuente); color: var(--texto); }
.v3 .comparativa tbody th { font-weight: 600; color: var(--texto); }
.v3 .comparativa tfoot th { font-weight: 500; color: var(--texto-2); }
.v3 .comparativa td { color: var(--texto-2); }
.v3 .comparativa .dato { font-family: var(--fuente-datos); color: var(--texto); }
.v3 .comparativa .dato:has(> [data-precio="desde-fastura"]) { font-family: var(--fuente); font-weight: 600; }
.v3 .comparativa .dato [data-ciclo] { font: 400 13px/1.4 var(--fuente); color: var(--texto-2); }
.v3 .comparativa :is(.si, .no) svg { display: inline-block; width: 18px; height: 18px; vertical-align: -4px; }
.v3 .comparativa .si svg { color: var(--interaccion); }
.v3 .comparativa .no svg { color: var(--texto-2); }
.v3 .comparativa tfoot :is(th, td) { padding-top: 16px; }
@media (max-width: 767px) {
.v3 .comparar__marco { padding: 0 14px 16px; }
.v3 .comparativa, .v3 .comparativa :is(thead, tbody, tfoot) { display: block; }
.v3 .comparativa tr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 8px; }
.v3 .comparativa thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.v3 .comparativa :is(tbody, tfoot) td::before {
    content: attr(data-col); content: attr(data-col) / "";
    display: block; margin-bottom: 3px; font: 600 11.5px/1.3 var(--fuente); color: var(--texto-2);
  }
.v3 .comparativa tfoot th { display: none; }
.v3 .comparativa tbody th { grid-column: 1 / -1; padding: 12px 0 4px; font-size: 13.5px; }
.v3 .comparativa tbody td { border-top: 0; padding: 0 0 12px; font-size: 13.5px; }
.v3 .comparativa :is(thead th, tfoot td) { padding: 10px 0; }
.v3 .comparativa tfoot .btn { width: 100%; }
.v3 .comparativa .dato [data-ciclo] { display: block; margin-top: 2px; }
}
.v3.fastura-v3 .cierre-centro { --foco: var(--acento-osc); }
@media (min-width: 1024px) {
.v3.fastura-v3 .caminos--arriba .caminos__cuerpo { grid-template-columns: minmax(0, 1fr); }
.v3.fastura-v3 .caminos--arriba .caminos__opciones { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 600px) and (max-width: 1023px) {
.v3.fastura-v3 .caminos--arriba .caminos__opciones { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.v3.fastura-v3 .caminos--arriba .caminos__opcion { grid-template-columns: auto minmax(0, 1fr); align-items: start; }
.v3.fastura-v3 .caminos--arriba .caminos__panel { align-content: center; }
.v3.fastura-v3 .caminos--arriba .caminos__opcion[aria-pressed="true"]:focus-visible { outline-offset: 3px !important; }
.v3 .modulo { display: grid; gap: 28px; }
@media (min-width: 1024px) {
.v3 .modulo { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 44px; align-items: center; }
}
.v3 .modulo__texto { display: grid; gap: 12px; align-content: start; }
.v3 .modulo__texto > p:not(.caminos__estado) { font-size: 15.5px; line-height: 1.6; color: var(--texto-2); }
.v3 .modulo__texto .lista-check { margin-top: 6px; }
.v3 .modulo__pantalla { margin: 0; min-width: 0; container: pantalla / inline-size; }
.v3 .modulo__pantalla .p9win { border-radius: var(--r-xl); overflow: hidden; box-shadow: 0 0 0 1px var(--borde-suave), var(--sombra-2); }
.v3 .modulo__pantalla .p9win__dots { display: none; }
.v3 .modulo__pantalla .p9win { --p9-naranja: var(--interaccion); --p9-morado: var(--interaccion); }
.v3 .modulo__pantalla .p9-cart__it { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 6px; align-items: start; }
.v3 .modulo__pantalla .p9-cart__it .tr { float: none; grid-column: 2; grid-row: 1; }
.v3 .modulo__pantalla .p9-cart__it > small { grid-column: 1 / -1; }
.v3 .modulo__pie { margin-top: 10px; font: 500 13px/1.4 var(--fuente); color: var(--texto-2); }
@container pantalla (max-width: 599px) {
.v3 .modulo__pantalla .p9win { width: 600px; zoom: .92; margin-inline: auto; }
}
@container pantalla (max-width: 551px) {
.v3 .modulo__pantalla .p9win { zoom: .85; }
}
@container pantalla (max-width: 509px) {
.v3 .modulo__pantalla .p9win { zoom: .8; }
}
@container pantalla (max-width: 479px) {
.v3 .modulo__pantalla .p9win { zoom: .66; }
}
@container pantalla (max-width: 395px) {
.v3 .modulo__pantalla .p9win { zoom: .55; }
}
@container pantalla (max-width: 329px) {
.v3 .modulo__pantalla .p9win { zoom: .5; }
}
@container pantalla (max-width: 299px) {
.v3 .modulo__pantalla .p9win { zoom: .45; }
}
.v3.fastura-v3 #recorrido > .anillos { --an-r: clamp(240px, 26vw, 380px); }
@media (max-width: 1023px) {
.v3.fastura-v3 #recorrido > .anillos--der { --an-y: calc(100% - var(--r) - 40px); }
.v3.fastura-v3 #recorrido :is(.nube-filas, .recorrido__archivo) { max-width: 34rem; }
}
@media (max-width: 599px) {
.v3.fastura-v3 #recorrido > .anillos { --an-r: 190px; --an-y: calc(100% - var(--r) - 56px); }
}
.v3.fastura-v3 #recorrido .nube-escaparate__ilus { width: 140%; margin-inline: -20%; pointer-events: none; }
.v3.fastura-v3 #recorrido { overflow: clip; }
@media (min-width: 600px) and (max-width: 1023px) {
.v3.fastura-v3 #recorrido .nube-escaparate__ilus { width: min(140%, 820px); margin-inline: 0; justify-self: center; }
}
@media (min-width: 1024px) {
.v3.fastura-v3 #recorrido .nube-escaparate__ilus { width: 130%; margin-inline: -15%; }
.v3.fastura-v3 #recorrido .nube-escaparate { align-items: start; }
.v3.fastura-v3 #recorrido .nube-escaparate__ilus { margin-top: -40px; }
}
.v3.fastura-v3 #recorrido .nube-filas > li { grid-template-columns: auto minmax(0, 1fr) auto; }
.v3.fastura-v3 #recorrido .nube-filas > li > :is(b, p, .enlace) { grid-column: 2; }
.v3 .nube-filas__dato { grid-column: 3; grid-row: 1; align-self: center; white-space: nowrap; padding: 4px 10px; border-radius: var(--r-chip); background: var(--acento-2-suave); color: var(--acento-2-tinta-suave); font: 600 12.5px/1.2 var(--fuente); }
.v3 .recorrido__punta { margin-bottom: 6px; font: 600 15px/1.4 var(--fuente); color: var(--texto); }
.v3 .recorrido__archivo { margin-top: 14px; font-size: 15px; line-height: 1.6; color: var(--texto-2); max-width: 60ch; }
.v3 .conexiones { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 20px; }
@media (min-width: 900px) {
.v3 .conexiones { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 36px 28px; }
}
.v3 .conexiones > li { display: grid; gap: 6px; align-content: start; min-width: 0; padding-top: 18px; border-top: 1px solid var(--borde-suave); }
.v3 .conexiones__logo { display: flex; align-items: center; height: 36px; margin-bottom: 6px; }
.v3 .conexiones__logo .logo-marca { --lm: 34px; }
.v3 .conexiones__logo .marca-color { --mc: 34px; }
.v3 .conexiones__logo .marca-color--izipay { --mc: 24px; }
.v3 .conexiones__logo img { display: block; width: auto; height: 30px; }
.v3 .conexiones b { font: 600 16px/1.3 var(--fuente); color: var(--texto); }
.v3 .conexiones small { font-size: 14px; line-height: 1.45; color: var(--texto-2); }
.v3.fastura-v3 .conexiones__tecnica ul { max-width: 62rem; }
.v3.fastura-v3 .preguntas .resp .enlace { margin-top: 6px; font-size: 14.5px; }
.v3.fastura-v3 #preguntas .dudas { grid-template-columns: minmax(0, 1fr); gap: clamp(24px, 3vw, 36px); }
.v3.fastura-v3 #preguntas .dudas__cab { position: static; display: grid; gap: 14px 40px; align-items: end; }
.v3.fastura-v3 #preguntas .dudas__cab .t-lead { margin-top: 0; }
@media (min-width: 1024px) {
.v3.fastura-v3 #preguntas .dudas__cab { grid-template-columns: minmax(0, 1fr) auto; }
.v3.fastura-v3 #preguntas .dudas__cab h2 { grid-column: 1 / -1; }
}
.v3 .preguntas--dos { display: grid; gap: 12px 20px; align-items: start; }
.v3 .preguntas__col { display: grid; gap: 12px; align-content: start; min-width: 0; }
@media (min-width: 1024px) {
.v3 .preguntas--dos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.v3 .resp__enlaces { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 4px; justify-items: start; }
.v3.fastura-v3 .preguntas .resp__enlaces .enlace { margin-top: 0; }
.v3.fastura-v3 .cierre-centro h2 { white-space: normal; font-size: var(--t-h1); max-width: 24ch; text-wrap: balance; }
.v3 .cierre-centro__logo { display: block; width: auto; height: 30px; margin: 0 auto 24px; }
.v3.fastura-v3 #cierre .cierre-centro > .anillos { --an-r: clamp(170px, 15vw, 210px); }
.v3 .indice { margin-top: clamp(44px, 5.5vw, 72px); }
.v3.fastura-v3 .bloque .indice__t { margin-bottom: 24px; font: 600 19px/1.3 var(--fuente); }
.v3 .indice__grupos { display: grid; gap: 28px 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 768px) {
.v3 .indice__grupos { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1200px) {
.v3 .indice__grupos { grid-template-columns: repeat(6, minmax(0, 1fr)); }
}
.v3 .indice__nombre { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; font: 600 15px/1.3 var(--fuente); color: var(--texto); }
.v3 .indice__nombre .mosaico { flex: none; width: 32px; height: 32px; }
.v3 .indice__nombre .mosaico svg { width: 17px; height: 17px; }
.v3 .indice__grupo ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 7px; }
.v3 .indice__grupo li { position: relative; padding-left: 14px; font: 400 14px/1.4 var(--fuente); color: var(--texto-2); }
.v3 .indice__grupo li::before { content: ""; position: absolute; left: 0; top: .55em; width: 5px; height: 5px; border-radius: 50%; background: var(--int-450); }
.v3 .insignia-dato { justify-self: start; display: inline-flex; align-items: center; gap: 8px; width: max-content; margin-bottom: 14px; padding: 6px 12px; border-radius: var(--r-chip); background: var(--acento-2); color: var(--acento-2-texto); font: 700 12.5px/1 var(--fuente); letter-spacing: .02em; }
.v3 .velocidad .sec-cab { margin-bottom: clamp(28px, 3.5vw, 40px); }
.v3 .medidor { position: relative; margin: 0; padding: clamp(22px, 3vw, 32px); border-radius: var(--r-xl); background: var(--superficie); box-shadow: 0 0 0 1px var(--borde-suave); }
.v3 .medidor__t { margin-bottom: 18px; font: 600 15px/1.35 var(--fuente); color: var(--texto); }
.v3 .medidor__filas { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.v3 .medidor__filas > li { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "esc valor" "barra barra"; gap: 6px 14px; align-items: center; }
.v3 .medidor__esc { grid-area: esc; font: 500 14.5px/1.35 var(--fuente); color: var(--texto); }
.v3 .medidor__valor { grid-area: valor; font: 600 15px/1 var(--fuente-datos); color: var(--texto); white-space: nowrap; }
.v3 .medidor__barra { grid-area: barra; position: relative; display: block; height: 14px; border-radius: 0 7px 7px 0; background: var(--int-50); }
.v3 .medidor__barra i { position: absolute; inset: 0 auto 0 0; width: calc(var(--v) / var(--meta, 2) * 100%); border-radius: 0 6px 6px 0; background: var(--acento-2); box-shadow: inset 0 0 0 1px var(--acento-2-linea); }
.v3 .medidor__barra::after { content: ""; position: absolute; right: -1px; top: -6px; bottom: -6px; width: 2px; border-radius: 1px; background: var(--texto); }
.v3 .medidor__meta { margin-top: 10px; display: flex; justify-content: flex-end; font: 600 12.5px/1 var(--fuente); color: var(--texto-2); }
.v3 .medidor__meta span { display: inline-flex; align-items: center; gap: 6px; }
.v3 .medidor__meta span::before { content: ""; width: 2px; height: 14px; border-radius: 1px; background: var(--texto); }
@media (min-width: 900px) {
.v3 .medidor__filas > li { grid-template-columns: minmax(0, 15rem) minmax(0, 1fr) 4.5rem; grid-template-areas: "esc barra valor"; }
.v3 .medidor__valor { text-align: right; }
}
.v3 .velocidad__nota { margin-top: 16px; max-width: none; font: 500 12.5px/1.5 var(--fuente); color: var(--texto-2); }
.v3 .punta { display: grid; gap: 20px; }
@media (min-width: 1024px) {
.v3 .punta { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 24px; align-items: stretch; }
}
.v3 .version-tarjeta { display: flex; flex-direction: column; padding: clamp(26px, 3vw, 36px); border-radius: var(--r-xl); background: var(--navy-950); color: var(--blanco); }
.v3.fastura-v3 .version-tarjeta > .anillos { --an-r: clamp(150px, 14vw, 200px); --an-a: 11%; }
.v3 .version-tarjeta__logo { display: block; align-self: flex-start; width: auto; height: 26px; }
.v3 .version-tarjeta__t { margin-top: 26px; font: 600 13px/1.2 var(--fuente); letter-spacing: .06em; text-transform: uppercase; color: var(--texto-invertido-2); }
.v3 .version-tarjeta__num { margin-top: 10px; font: 600 clamp(64px, 3rem + 3vw, 96px)/1 var(--fuente-datos); letter-spacing: -0.03em; color: var(--acento-2-osc); }
.v3 .version-tarjeta__sub { margin-top: 26px; padding-top: 18px; border-top: 1px solid rgb(255 255 255 / .14); font: 600 15px/1.3 var(--fuente); color: var(--blanco); }
.v3 .version-tarjeta ul { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; }
.v3 .version-tarjeta li { position: relative; padding-left: 20px; font: 400 14.5px/1.45 var(--fuente); color: var(--texto-invertido-2, rgb(255 255 255 / .82)); }
.v3 .version-tarjeta li::before { content: ""; position: absolute; left: 0; top: .55em; width: 6px; height: 6px; border-radius: 50%; background: var(--texto-invertido-2); }
.v3.fastura-v3 .version-tarjeta .enlace { margin-top: auto; padding-top: 24px; color: var(--acento-osc); }
.v3 .kpis { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.v3 .kpi { display: grid; gap: 18px; align-content: start; padding: clamp(22px, 2.6vw, 30px); }
.v3 .kpi .mosaico { width: 48px; height: 48px; }
.v3 .kpi .mosaico svg { width: 24px; height: 24px; }
.v3 .kpi .cifra > b { font-size: clamp(40px, 1.6rem + 1.8vw, 56px); }
.v3 .kpi .cifra > small { margin-top: 6px; font-size: 14.5px; line-height: 1.45; }
@media (max-width: 599px) {
.v3 .kpis { gap: 12px; }
.v3 .kpi { gap: 12px; padding: 16px 14px; }
.v3 .kpi .mosaico { width: 38px; height: 38px; }
.v3 .kpi .mosaico svg { width: 20px; height: 20px; }
.v3 .kpi .cifra > b { font-size: 32px; }
.v3 .kpi .cifra > small { font-size: 13px; }
}
.v3.fastura-v3 #integraciones { overflow: clip; }
.v3.fastura-v3 #integraciones > .anillos { --an-r: clamp(240px, 26vw, 380px); }
@media (min-width: 1024px) {
.v3.fastura-v3 .conexiones__cab { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.v3.fastura-v3 .conexiones__cab .nube-escaparate__ilus { order: -1; }
}
@media (max-width: 1023px) {
.v3.fastura-v3 #integraciones > .anillos--izq { --an-y: calc(100% - var(--r) - 40px); }
}
.v3 .conexiones__filas { margin-top: 8px; }
.v3.fastura-v3 .conexiones__filas > li { align-items: center; padding: 12px 0; }
.v3.fastura-v3 .conexiones__filas .mosaico { grid-row: auto; }
.v3 .conexiones__filas b { font: 500 15px/1.35 var(--fuente); color: var(--texto); }
.v3.fastura-v3 .conexiones { margin-top: clamp(36px, 4.5vw, 56px); gap: 16px; }
.v3.fastura-v3 .conexiones > li.tarjeta { padding: 20px 20px 18px; border-top: 0; }
.v3 .quienes { display: grid; gap: 32px; align-items: center; }
@media (min-width: 1024px) {
.v3 .quienes { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; }
}
.v3 .quienes__foto { margin: 0; max-width: 460px; }
.v3 .quienes__cifras { list-style: none; margin: 28px 0 0; padding: 0; display: grid; gap: 22px 28px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.v3 .quienes__cifras > li { padding-top: 16px; border-top: 2px solid var(--int-200); }
.v3 .quienes__cifras .cifra > b { font-size: clamp(30px, 1.2rem + 1.6vw, 42px); }
.v3 .quienes__cifras .cifra > small { font-size: 14px; }
@media (max-width: 599px) {
.v3 .quienes__cifras { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.v3.fastura-v3 #app { overflow: clip; }
.v3.fastura-v3 #app > .anillos { --an-r: clamp(240px, 26vw, 380px); }
.v3 .app { display: grid; gap: clamp(36px, 5vw, 64px); align-items: center; }
@media (min-width: 1024px) {
.v3 .app { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); }
.v3 .app > .telefonos { order: 2; }
}
.v3 .telefonos { margin: 0; display: flex; justify-content: center; align-items: center; padding-block: 12px; }
.v3 .telefono { display: block; flex: none; width: clamp(120px, 15vw, 210px); aspect-ratio: 440 / 956; border-radius: clamp(20px, 2.4vw, 32px); padding: 5px; background: var(--navy-950); box-shadow: 0 2px 6px rgb(0 17 68 / .12), 0 24px 48px -12px rgb(0 17 68 / .28); }
.v3 .telefono img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: calc(clamp(20px, 2.4vw, 32px) - 5px); }
.v3 .telefono--atras { width: clamp(104px, 13vw, 182px); opacity: .98; }
.v3 .telefono--atras:first-child { margin-right: -28px; transform: translateY(18px); }
.v3 .telefono--atras:last-child { margin-left: -28px; transform: translateY(18px); }
.v3 .telefono--frente { position: relative; z-index: 1; }
.v3 .app__filas { margin-top: 4px; }
@media (max-width: 599px) {
.v3 .telefono { width: 38vw; }
.v3 .telefono--atras { width: 30vw; }
.v3 .telefono--atras:first-child { margin-right: -20px; }
.v3 .telefono--atras:last-child { margin-left: -20px; }
}
.v3 .atencion { list-style: none; margin: 0; padding: 0; display: grid; gap: 40px; }
@media (min-width: 900px) {
.v3 .atencion { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
}
.v3 .atencion > li { display: flex; flex-direction: column; gap: 12px; min-width: 0; }
.v3 .atencion .imagen { margin-bottom: 8px; }
.v3 .atencion .imagen__marco { border-radius: var(--r-xl); }
.v3 .atencion > li > p:not([class]) { font-size: 15px; line-height: 1.55; color: var(--texto-2); }
.v3 .atencion__ejemplo { padding: 12px 14px; border-radius: var(--r-md); background: var(--int-25); font-size: 14.5px; line-height: 1.5; color: var(--texto); }
.v3 .atencion__ejemplo b { font-weight: 600; }
.v3 .atencion__rubros { list-style: none; margin: 2px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.v3 .atencion__rubros > li { padding: 4px 10px; border-radius: var(--r-chip); box-shadow: inset 0 0 0 1px var(--borde-suave); font: 500 13px/1.3 var(--fuente); color: var(--texto-2); }
.v3 .atencion__dato { display: flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 12px; border-top: 1px solid var(--borde-suave); font: 500 13.5px/1.35 var(--fuente); color: var(--texto); }
.v3 .atencion__dato svg { flex: none; width: 16px; height: 16px; color: var(--interaccion); }
.v3.fastura-empresa .atencion__nota { display: flex; align-items: center; gap: 8px; margin-top: clamp(28px, 3.5vw, 40px); font-size: 13.5px; }
.v3 .atencion__nota svg { flex: none; width: 16px; height: 16px; color: var(--interaccion); }
@media (min-width: 600px) and (max-width: 899px) {
.v3 .atencion > li { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); column-gap: 24px; row-gap: 10px; align-content: start; }
.v3 .atencion > li > :not(.imagen) { grid-column: 2; }
.v3 .atencion > li > .imagen { grid-column: 1; grid-row: 1 / span 6; margin: 0; align-self: start; }
}
@media (max-width: 1023px) {
.v3.fastura-empresa .caminos[data-v3-listo] .caminos__panel { grid-area: auto; }
.v3.fastura-empresa .caminos[data-v3-listo] .caminos__panel:not(.is-activo) { display: none; }
}
.v3 .incluye { list-style: none; margin: 0; padding: 0; display: grid; gap: 0 clamp(24px, 3vw, 40px); }
@media (min-width: 700px) {
.v3 .incluye { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
.v3 .incluye { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.v3 .incluye > li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px 14px; align-content: start; padding: 22px 0; border-top: 1px solid var(--borde-suave); }
.v3 .incluye > li > :not(.mosaico) { grid-column: 1 / -1; }
.v3 .incluye > li > h3:not(.sr) { grid-column: 2; align-self: center; }
.v3.fastura-empresa .bloque .incluye h3:not(.sr) { font-size: 18px; }
.v3 .incluye p:not(.incluye__dato) { font-size: 15px; line-height: 1.55; color: var(--texto-2); }
.v3 .incluye__dato { font: 500 13.5px/1.35 var(--fuente); color: var(--interaccion); }
.v3 .documentos { list-style: none; margin: clamp(28px, 3.5vw, 40px) 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.v3 .documentos > li { display: inline-flex; align-items: center; min-height: 34px; padding: 6px 14px; border-radius: var(--r-chip); background: var(--superficie); box-shadow: inset 0 0 0 1px var(--borde-suave); font: 500 14px/1.3 var(--fuente); color: var(--texto); }
.v3.fastura-empresa #novedades .rejilla > li { background: var(--int-25); }
.v3.fastura-empresa #mostrador { overflow: clip; }
.v3.fastura-empresa #mostrador > .anillos { --an-r: clamp(220px, 21vw, 310px); }
@media (max-width: 959px) {
.v3.fastura-empresa #mostrador > .anillos--der { --an-y: calc(100% - var(--r) - 40px); }
}
@media (max-width: 599px) {
.v3.fastura-empresa #mostrador > .anillos { --an-r: 180px; --an-y: calc(100% - var(--r) - 56px); }
}
.v3.fastura-empresa #mostrador .lado__foto { width: 100%; max-width: 460px; justify-self: center; }
.v3.fastura-empresa .lista-check .dato { font-size: .92em; }
.v3.fastura-empresa #mostrador .lado__texto .sec-cab { margin-bottom: 0; }
.v3.fastura-empresa #mostrador .lado__texto .acciones { margin-top: 30px; }
@media (min-width: 960px) {
.v3.fastura-empresa #mostrador .lado__foto { justify-self: end; }
}
.v3 .caja-pieza { display: grid; gap: 10px; width: max-content; max-width: 300px; }
.v3 .caja-pieza .tarjeta-hero__titulo b { white-space: nowrap; }
.v3 .caja-pieza__medios { flex-wrap: nowrap; }
.v3 .caja-pieza .tarjeta-hero__titulo { display: flex; align-items: center; gap: 10px; }
.v3 .caja-pieza .mosaico { --m: 34px; flex: none; }
.v3 .caja-pieza__medios { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 5px; }
.v3 .caja-pieza__medios > li { padding: 3px 9px; border-radius: var(--r-chip); background: var(--int-50); font: 600 12px/1.3 var(--fuente); color: var(--int-800, var(--texto)); }
.v3.fastura-empresa #cumplimiento { overflow: clip; }
.v3.fastura-empresa .envio .sec-cab { margin-bottom: 0; }
.v3.fastura-empresa .envio .lista-check { margin-top: 24px; }
.v3.fastura-empresa .envio .nube-escaparate__ilus { width: 140%; margin-inline: -20%; pointer-events: none; }
@media (min-width: 600px) and (max-width: 1023px) {
.v3.fastura-empresa .envio .nube-escaparate__ilus { width: min(140%, 820px); margin-inline: 0; justify-self: center; }
}
@media (min-width: 1024px) {
.v3.fastura-empresa .envio { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.v3.fastura-empresa .envio .nube-escaparate__ilus { order: -1; width: 130%; margin-inline: -15%; }
}
.v3.fastura-empresa #cumplimiento .velocidad__nota { margin-top: clamp(24px, 3vw, 36px); }
.v3 .pasos { list-style: none; margin: 0; padding: 0; display: grid; gap: 28px; counter-reset: paso; }
.v3 .pasos > li { counter-increment: paso; display: grid; gap: 10px; align-content: start; padding-top: 18px; border-top: 2px solid var(--int-200); }
.v3 .pasos > li::before { content: counter(paso, decimal-leading-zero); font: 600 15px/1 var(--fuente-datos); color: var(--interaccion); }
.v3 .pasos p { font-size: 15px; line-height: 1.6; color: var(--texto-2); }
.v3 .pasos--filas { gap: 0; margin-top: 8px; }
.v3 .pasos--filas > li { grid-template-columns: 3rem minmax(0, 1fr); gap: 4px 12px; padding: 18px 0; border-top: 1px solid var(--borde-suave); }
.v3 .pasos--filas > li:first-child { border-top: 0; }
.v3 .pasos--filas > li::before { grid-row: span 2; padding-top: 4px; }
.v3.fastura-empresa #empezar { overflow: clip; }
.v3.fastura-empresa #empezar > .anillos { --an-r: clamp(220px, 21vw, 310px); }
.v3.fastura-empresa .empezar .sec-cab { margin-bottom: 8px; }
.v3.fastura-empresa #empezar .acciones { margin-top: 20px; }
.v3.fastura-empresa .empezar .nube-escaparate__ilus { width: 100%; max-width: 520px; justify-self: center; }
@media (min-width: 1024px) {
.v3.fastura-empresa .empezar { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 64px; }
.v3.fastura-empresa .empezar .nube-escaparate__ilus { order: -1; max-width: none; }
}
@media (max-width: 1023px) {
.v3.fastura-empresa #empezar > .anillos--izq { --an-y: calc(100% - var(--r) - 40px); }
}
@media (max-width: 599px) {
.v3.fastura-empresa #empezar > .anillos { --an-r: 180px; --an-y: calc(100% - var(--r) - 56px); }
}
.v3.fastura-empresa #cierre { --fondo-banda: var(--blanco); }
.v3.fastura-empresa .bloque .planes-cab { max-width: none; row-gap: 20px; }
.v3.fastura-empresa .bloque .planes-cab > div { max-width: 780px; }
.v3 .planes-cab > div > .t-lead { margin-top: 16px; }
.v3 .monedas > button[aria-pressed="true"] { background: var(--blanco); color: var(--texto); box-shadow: 0 1px 2px rgb(0 17 68 / .08), 0 0 0 1px rgb(0 17 68 / .04); }
.v3 .monedas .sim { font-family: var(--fuente-datos); }
.v3 .monedas:not(:has(> button:not([hidden]) ~ button:not([hidden]))) { display: none; }
@media (min-width: 1024px) {
.v3 .planes-cab > .monedas { grid-column: 2; grid-row: 1; align-self: end; }
}
@media (max-width: 1023px) {
.v3 .planes-cab > .monedas { margin-top: 20px; }
}
.v3 .escalera-marco { border-radius: var(--r-xl); background: var(--superficie); box-shadow: 0 0 0 1px var(--borde-suave); padding: 8px; }
.v3 .escalera { font-size: 15px; }
.v3 .escalera :is(th, td) { height: auto; vertical-align: middle; }
.v3 .escalera thead :is(th, td) { padding: 10px 14px; background: var(--int-50); }
.v3 .escalera thead td:last-child { border-radius: 0 var(--r-fila) var(--r-fila) 0; }
.v3 .escalera tbody th { padding: 12px 14px; border-top: 1px solid var(--borde-suave); background: none; text-align: left; white-space: nowrap; font: 600 15.5px/1.3 var(--fuente); letter-spacing: 0; text-transform: none; color: var(--texto); }
.v3 .escalera tbody tr:first-child th { border-top: 0; }
.v3 .escalera .num { text-align: left; font-size: 14.5px; }
.v3 .escalera .num--texto { font: 500 14.5px/1.3 var(--fuente); }
.v3 .escalera__precio b { font: 600 17px/1.2 var(--fuente-datos); letter-spacing: -0.02em; color: var(--texto); }
.v3 .escalera__precio small { display: block; margin-top: 2px; font: 400 12.5px/1.3 var(--fuente); color: var(--texto-2); }
.v3 .escalera__accion { text-align: right; }
.v3 .escalera__accion .enlace { font-size: 14.5px; }
.v3 .escalera__marca { display: inline-block; margin-left: 8px; padding: 3px 9px; border-radius: var(--r-chip); background: var(--int-100); vertical-align: 2px; font: 600 11.5px/1.2 var(--fuente); color: var(--int-800, var(--interaccion)); }
.v3 .escalera tbody .escalera__elegida :is(th, td) { background: var(--int-25); }
@media (hover: hover) {
.v3 .escalera tbody tr.escalera__elegida:hover { background: var(--int-25); }
}
.v3 .planes-nota { max-width: none; margin-top: 14px; text-align: left; font-size: 13.5px; line-height: 1.55; text-wrap: pretty; }
.v3.fastura-empresa .planes-nota { white-space: normal; }
.v3 .planes-nota + .planes-nota { margin-top: 8px; }
.v3 .planes-nota svg { display: inline-block; width: 16px; height: 16px; margin-right: 6px; vertical-align: -3px; color: var(--interaccion); }
.v3 .planes-nota a { color: var(--interaccion); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
@media (max-width: 699px) {
.v3 .escalera-marco { padding: 4px 14px; }
.v3 .escalera, .v3 .escalera :is(thead, tbody) { display: block; }
.v3 .escalera thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.v3 .escalera tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; column-gap: 12px; align-items: center; padding: 14px 0; border-top: 1px solid var(--borde-suave); }
.v3 .escalera tbody tr:first-child { border-top: 0; }
.v3 .escalera tbody :is(th, td) { padding: 0; border-top: 0; height: auto; }
.v3 .escalera tbody th { grid-column: 1 / 3; grid-row: 1; white-space: normal; }
.v3 .escalera__precio { grid-column: 3; grid-row: 1; text-align: right; white-space: nowrap; }
.v3 .escalera .num { grid-row: 2; margin-top: 8px; font-size: 13.5px; white-space: normal; }
.v3 .escalera .num::before { content: attr(data-col); content: attr(data-col) / ""; display: block; margin-bottom: 2px; font: 500 12px/1.3 var(--fuente); color: var(--texto-2); }
.v3 .escalera__accion { grid-column: 3; grid-row: 2; align-self: end; }
.v3 .escalera tr.escalera__elegida { margin-inline: -14px; padding-inline: 14px; background: var(--int-25); }
.v3 .escalera tbody .escalera__elegida :is(th, td) { background: none; }
}
/* v3/fastura-app-movil.css */
.v3.fastura-app-movil .telefonos--hero { padding-block: 8px 30px; }
.v3.fastura-app-movil .telefonos--hero .telefono { width: clamp(150px, 15vw, 226px); }
.v3.fastura-app-movil .telefonos--hero .telefono--atras { width: clamp(124px, 12.5vw, 188px); }
.v3.fastura-app-movil .telefonos--hero .telefono--atras:first-child { margin-right: -40px; transform: translateY(26px); }
.v3.fastura-app-movil .telefonos--hero .telefono--atras:last-child { margin-left: -40px; transform: translateY(26px); }
@media (min-width: 1024px) {
.v3.fastura-app-movil .hero .telefonos--hero { justify-self: end; width: 100%; max-width: 560px; }
}
.v3.fastura-app-movil .hero__fondo .anillos { --an-r: clamp(320px, 38vw, 560px); }
@media (max-width: 1023px) {
.v3.fastura-app-movil .hero .telefonos--hero { margin-top: 8px; }
}
@media (max-width: 599px) {
.v3.fastura-app-movil .telefonos--hero .telefono { width: 40vw; }
.v3.fastura-app-movil .telefonos--hero .telefono--atras { width: 31vw; }
.v3.fastura-app-movil .telefonos--hero .telefono--atras:first-child { margin-right: -22px; transform: translateY(18px); }
.v3.fastura-app-movil .telefonos--hero .telefono--atras:last-child { margin-left: -22px; transform: translateY(18px); }
}
.v3 .pantalla { display: block; overflow: hidden; border-radius: var(--r-lg); background: var(--blanco); box-shadow: 0 0 0 1px var(--borde-suave), var(--sombra-1); }
.v3 .pantalla img { display: block; width: 100%; height: auto; }
.v3.fastura-app-movil .bloque .incluye h3:not(.sr) { font-size: 18px; }
@media (min-width: 1100px) {
.v3.fastura-app-movil .razones { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.v3 .datos-app { list-style: none; margin: clamp(28px, 3.5vw, 40px) 0 0; padding: 0; display: grid; gap: 16px 32px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.v3 .datos-app > li { display: grid; gap: 4px; align-content: start; padding-top: 16px; border-top: 2px solid var(--int-200); }
.v3 .datos-app__k { font: 600 clamp(20px, 1rem + .6vw, 26px)/1.15 var(--fuente-datos); letter-spacing: -0.02em; color: var(--texto); }
.v3 .datos-app__k i { font-style: normal; color: var(--tinta-a, var(--interaccion)); }
.v3 .datos-app__v { font-size: 14.5px; line-height: 1.45; color: var(--texto-2); }
@media (max-width: 699px) {
.v3 .datos-app { grid-template-columns: minmax(0, 1fr); gap: 0; }
.v3 .datos-app > li { grid-template-columns: minmax(0, 8.5rem) minmax(0, 1fr); align-items: baseline; gap: 12px; padding: 14px 0; border-top-width: 1px; border-top-color: var(--borde-suave); }
.v3 .datos-app > li:first-child { border-top: 2px solid var(--int-200); }
.v3 .datos-app__k { font-size: 18px; }
}
@media (min-width: 1024px) {
.v3.fastura-app-movil #version-4 .rejilla { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
}
@media (min-width: 1024px) and (max-width: 1199px) {
.v3.fastura-app-movil #version-4 .rejilla > li { padding: 22px 18px 20px; }
}
.v3.fastura-app-movil #version-4 .rejilla > li { background: var(--superficie); }
.v3.fastura-app-movil #version-4 .rejilla > li > h3:not(.sr) { font-size: 19px; }
.v3 .tecnologias { flex-wrap: wrap; gap: 6px 12px; color: var(--texto); }
.v3 .tecnologias > span { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; }
.v3 .tecnologias .logo-marca { --lm: 16px; }
.v3.fastura-app-movil #pantallas :is(.caminos__opciones, .caminos__panel) { background: var(--int-25); border-color: transparent; box-shadow: none; }
.v3 .pantallas { display: grid; gap: 24px 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); justify-content: center; }
@media (min-width: 768px) {
.v3 .pantallas { grid-template-columns: repeat(4, minmax(0, 220px)); gap: 20px; }
}
@media (min-width: 1200px) {
.v3 .pantallas { gap: 32px; }
}
.v3 .pantallas > figure { margin: 0; min-width: 0; }
.v3 .pantallas figcaption { margin-top: 12px; font-size: 14px; line-height: 1.45; color: var(--texto-2); }
@media (max-width: 599px) {
.v3 .pantallas figcaption { font-size: 13px; }
}
@media (max-width: 1023px) {
.v3.fastura-app-movil .caminos[data-v3-listo] .caminos__panel { grid-area: auto; }
.v3.fastura-app-movil .caminos[data-v3-listo] .caminos__panel:not(.is-activo) { display: none; }
}
.v3 .versiones-marco { padding: 6px clamp(14px, 2vw, 22px) 10px; border-radius: var(--r-xl); background: var(--superficie); box-shadow: 0 0 0 1px var(--borde-suave); }
.v3 .versiones { table-layout: fixed; }
.v3 .versiones thead th:not(:first-child), .v3 .versiones thead td + th { width: 37%; }
.v3 .versiones thead :is(th, td) { font-size: 14.5px; }
@media (max-width: 767px) {
.v3.fastura-app-movil .versiones tr { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 14px; }
.v3.fastura-app-movil .versiones thead tr { overflow: hidden; }
}
.v3.fastura-app-movil .pasar-pro { margin-top: clamp(48px, 6vw, 72px); }
.v3.fastura-app-movil .bloque .pasar-pro h3:not(.sr) { font-size: clamp(22px, 1.1rem + .6vw, 26px); }
.v3 .pasar-pro .lado__texto > p { margin-top: 14px; font-size: 16px; line-height: 1.65; color: var(--texto-2); }
.v3 .telefonos-par { display: flex; justify-content: center; align-items: flex-start; gap: clamp(16px, 2.4vw, 32px); }
.v3 .telefonos-par > figure { margin: 0; display: grid; justify-items: center; gap: 12px; }
.v3 .telefonos-par > figure:last-child { margin-top: 44px; }
.v3 .telefonos-par .telefono { width: clamp(132px, 15vw, 200px); }
.v3 .telefonos-par figcaption, .v3 .mercado__telefono figcaption { font: 500 12.5px/1.3 var(--fuente-datos); color: var(--texto-2); text-align: center; }
@media (max-width: 599px) {
.v3 .telefonos-par .telefono { width: 38vw; }
}
.v3 .pro { display: grid; gap: clamp(36px, 5vw, 64px); align-items: center; }
@media (min-width: 1024px) {
.v3 .pro { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); }
.v3 .pro > .telefonos { order: -1; }
}
.v3 .telefonos--escalera { justify-content: center; align-items: flex-start; padding-block: 0 72px; }
.v3 .telefonos--escalera .telefono { width: clamp(112px, 12vw, 172px); }
.v3 .telefonos--escalera .telefono + .telefono { margin-left: calc(clamp(112px, 12vw, 172px) * -0.24); }
.v3 .telefonos--escalera .telefono:nth-child(2) { transform: translateY(24px); z-index: 1; }
.v3 .telefonos--escalera .telefono:nth-child(3) { transform: translateY(48px); z-index: 2; }
.v3 .telefonos--escalera .telefono:nth-child(4) { transform: translateY(72px); z-index: 3; }
@media (max-width: 599px) {
.v3 .telefonos--escalera { padding-bottom: 54px; }
.v3 .telefonos--escalera .telefono { width: 27vw; }
.v3 .telefonos--escalera .telefono + .telefono { margin-left: -7.5vw; }
.v3 .telefonos--escalera .telefono:nth-child(2) { transform: translateY(18px); }
.v3 .telefonos--escalera .telefono:nth-child(3) { transform: translateY(36px); }
.v3 .telefonos--escalera .telefono:nth-child(4) { transform: translateY(54px); }
}
.v3.fastura-app-movil .pro__filas > li { align-items: center; padding: 14px 0; }
.v3.fastura-app-movil .pro__filas .mosaico { grid-row: auto; }
.v3.fastura-app-movil .pro__filas p { font-size: 16px; line-height: 1.5; color: var(--texto); }
.v3.fastura-app-movil .pro__texto .sec-cab { margin-bottom: 18px; }
.v3.fastura-app-movil #version-pro { overflow: clip; }
.v3.fastura-app-movil #version-pro > .anillos { --an-r: clamp(220px, 21vw, 310px); }
@media (max-width: 1023px) {
.v3.fastura-app-movil #version-pro > .anillos--izq { --an-y: calc(100% - var(--r) - 40px); }
}
@media (max-width: 599px) {
.v3.fastura-app-movil #version-pro > .anillos { --an-r: 180px; --an-y: calc(100% - var(--r) - 56px); }
}
.v3.fastura-app-movil .mercado { align-items: start; }
@media (min-width: 960px) {
.v3.fastura-app-movil .mercado { grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); }
}
.v3 .mercado__texto > p { font-size: 16.5px; line-height: 1.65; color: var(--texto-2); }
.v3 .mercado__texto > p + p { margin-top: 16px; }
.v3 .mercado__texto b { font-weight: 600; color: var(--texto); }
.v3 .mercado__funciones { list-style: none; margin: clamp(26px, 3vw, 36px) 0 0; padding: 0; display: grid; gap: 0 28px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.v3 .mercado__funciones > li { display: grid; gap: 4px; align-content: start; padding: 14px 0; border-top: 1px solid var(--borde-suave); }
.v3.fastura-app-movil .bloque .mercado__funciones h3:not(.sr) { font-size: 16px; line-height: 1.35; }
.v3 .mercado__funciones p { font-size: 14px; line-height: 1.45; color: var(--texto-2); }
@media (max-width: 479px) {
.v3 .mercado__funciones { grid-template-columns: minmax(0, 1fr); }
}
.v3 .mercado__telefono { flex-direction: column; gap: 14px; padding-block: 4px; }
.v3 .mercado__telefono .telefono { width: clamp(180px, 19vw, 250px); }
@media (min-width: 960px) {
.v3 .mercado__telefono { position: sticky; top: 24px; }
}
.v3 .mercado__capturas { margin-top: clamp(40px, 5vw, 64px); display: grid; gap: clamp(14px, 1.8vw, 24px); grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: start; }
.v3 .mercado__capturas > figure { grid-column: span 2; min-width: 0; }
.v3 .mercado__capturas > figure:nth-child(-n + 2) { grid-column: span 3; }
@media (max-width: 767px) {
.v3 .mercado__capturas > figure { grid-column: span 3; }
.v3 .mercado__capturas > figure.mercado__portada { grid-column: 1 / -1; }
}
.v3 .mercado__capturas .ventana__barra { height: auto; min-height: 40px; padding-block: 8px; }
.v3 .mercado__capturas .ventana__titulo { font: 500 12.5px/1.3 var(--fuente-datos); color: var(--texto-2); white-space: normal; overflow-wrap: anywhere; }
.v3 .mercado__capturas .imagen__marco { border-radius: calc(var(--r-2xl) - 14px); }
@media (max-width: 599px) {
.v3 .mercado__capturas .imagen--ventana { padding: 0 5px 5px; border-radius: var(--r-lg); }
.v3 .mercado__capturas .imagen__marco { border-radius: calc(var(--r-lg) - 5px); }
.v3 .mercado__capturas .ventana__titulo { font-size: 11.5px; }
}
.v3 .mercado__usos { margin-top: clamp(32px, 4vw, 48px); max-width: 72ch; font-size: 16.5px; line-height: 1.65; color: var(--texto-2); }
.v3 .muestrario { display: grid; gap: 22px 12px; grid-template-columns: repeat(4, minmax(0, 1fr)); }
@media (min-width: 768px) {
.v3 .muestrario { gap: 26px 18px; }
}
@media (min-width: 1024px) {
.v3 .muestrario { grid-template-columns: repeat(8, minmax(0, 1fr)); gap: 14px; }
}
.v3 .muestrario > figure { margin: 0; min-width: 0; }
.v3 .muestrario .pantalla { border-radius: clamp(10px, 1.4vw, 18px); }
.v3 .muestrario figcaption { margin-top: 10px; font: 500 12px/1.3 var(--fuente-datos); color: var(--texto-2); text-align: center; }
@media (max-width: 599px) {
.v3 .muestrario figcaption { font-size: 11px; }
}
.v3.fastura-app-movil .personalizar { margin-top: clamp(48px, 6vw, 72px); }
@media (min-width: 960px) {
.v3.fastura-app-movil .personalizar { grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); }
}
.v3.fastura-app-movil .bloque .personalizar h3:not(.sr) { font-size: clamp(22px, 1.1rem + .6vw, 26px); }
.v3 .personalizar .lado__texto > p { margin-top: 14px; font-size: 16px; line-height: 1.65; color: var(--texto-2); }
.v3 .personalizar .documentos { margin-top: 24px; }
.v3 .telefonos--uno .telefono { width: clamp(170px, 17vw, 232px); }
.v3.fastura-app-movil #colores { overflow: clip; }
.v3.fastura-app-movil #colores > .anillos { --an-r: clamp(220px, 21vw, 310px); }
@media (max-width: 959px) {
.v3.fastura-app-movil #colores > .anillos--der { --an-y: calc(100% - var(--r) - 40px); }
}
@media (max-width: 599px) {
.v3.fastura-app-movil #colores > .anillos { --an-r: 180px; --an-y: calc(100% - var(--r) - 56px); }
}
.v3.fastura-app-movil .desarrollo .lado__texto .acciones { margin-top: 28px; }
.v3.fastura-app-movil .desarrollo .lista-check b { font-weight: 600; color: var(--texto); }
.v3 .codigo { margin: 0; overflow: hidden; border-radius: var(--r-xl); background: var(--superficie); box-shadow: 0 0 0 1px var(--borde-suave), var(--sombra-2); }
.v3 .codigo__barra { display: flex; align-items: center; gap: 10px; padding: 14px 20px; border-bottom: 1px solid var(--borde-suave); background: var(--int-25); font: 500 12px/1.4 var(--fuente-datos); color: var(--texto-2); }
.v3 .codigo__barra svg { flex: none; width: 16px; height: 16px; color: var(--interaccion); }
.v3 .codigo__cuerpo { padding: 18px 20px 20px; font: 400 13px/1.95 var(--fuente-datos); color: var(--texto); overflow-wrap: anywhere; }
.v3 .codigo__sangria { padding-left: 2ch; }
.v3 .codigo__k { font-weight: 600; color: var(--interaccion); }
.v3 .codigo__p { color: var(--navy-700, var(--texto)); }
.v3 .codigo__s { color: var(--texto-2); }
.v3 .codigo__pie { padding: 6px 20px 16px; border-top: 1px solid var(--borde-suave); }
.v3 .codigo__fila { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--borde-suave); font-size: 14px; color: var(--texto); }
.v3 .codigo__fila > span:first-child { display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.v3 .codigo__fila svg { flex: none; width: 17px; height: 17px; color: var(--interaccion); }
.v3 .codigo__fila > span:last-child { font: 500 13.5px/1.2 var(--fuente-datos); white-space: nowrap; }
.v3 .codigo__nota { margin-top: 12px; font: 400 11.5px/1.4 var(--fuente-datos); color: var(--texto-2); }
@media (max-width: 599px) {
.v3 .codigo__cuerpo { font-size: 12px; padding: 16px; }
.v3 .codigo__barra, .v3 .codigo__pie { padding-inline: 16px; }
}
.v3 .tecnica { display: grid; gap: clamp(36px, 4.5vw, 56px); align-items: start; }
@media (min-width: 1024px) {
.v3 .tecnica { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
}
.v3 .tecnica__marco { padding: 8px; border-radius: var(--r-xl); background: var(--superficie); box-shadow: 0 0 0 1px var(--borde-suave); }
.v3 .tecnica__tabla :is(th, td) { height: auto; vertical-align: top; }
.v3 .tecnica__tabla thead th { padding: 10px 14px; }
.v3 .tecnica__tabla thead th:first-child { width: 30%; }
.v3 .tecnica__tabla tbody th { padding: 13px 14px; border-top: 1px solid var(--borde-suave); border-radius: 0; background: none; text-align: left; white-space: normal; font: 600 15px/1.45 var(--fuente); letter-spacing: 0; text-transform: none; color: var(--texto); }
.v3 .tecnica__tabla tbody td { padding: 13px 14px; white-space: normal; font-size: 15px; line-height: 1.5; color: var(--texto-2); }
.v3 .tecnica__tabla tbody tr:first-child th { border-top: 0; }
.v3 .tecnica__tabla .dato { color: var(--texto); }
@media (max-width: 599px) {
.v3 .tecnica__marco { padding: 4px 14px; }
.v3 .tecnica__tabla, .v3 .tecnica__tabla tbody, .v3 .tecnica__tabla tr { display: block; }
.v3 .tecnica__tabla thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.v3 .tecnica__tabla thead tr { overflow: hidden; }
.v3 .tecnica__tabla tr { padding: 12px 0; border-top: 1px solid var(--borde-suave); }
.v3 .tecnica__tabla tbody tr:first-child { border-top: 0; }
.v3 .tecnica__tabla tbody :is(th, td) { display: block; padding: 0; border-top: 0; }
.v3 .tecnica__tabla tbody td { margin-top: 4px; font-size: 14.5px; }
}
.v3.fastura-app-movil .bloque .tecnica__licencia h3:not(.sr) { font-size: clamp(20px, 1rem + .5vw, 24px); }
.v3.fastura-app-movil .tecnica__licencia .lista-check { margin-top: 18px; }
.v3 .tecnica__cifras { list-style: none; margin: 28px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 28px; }
.v3 .tecnica__cifras > li { padding-top: 16px; border-top: 2px solid var(--int-200); }
.v3 .tecnica__cifras .cifra > b { font-size: clamp(30px, 1.2rem + 1.6vw, 42px); }
.v3 .tecnica__cifras .cifra > small { font-size: 14px; }
.v3.fastura-app-movil .bloque .planes-cab { max-width: none; row-gap: 20px; }
.v3.fastura-app-movil .bloque .planes-cab > div { max-width: 780px; }
.v3.fastura-app-movil .licencias { grid-template-columns: minmax(0, 1fr); gap: 16px; }
@media (min-width: 600px) {
.v3.fastura-app-movil .licencias { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1200px) {
.v3.fastura-app-movil .licencias { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
}
.v3.fastura-app-movil .licencia { gap: 12px; padding: 24px 22px; }
.v3.fastura-app-movil .bloque .licencia h3:not(.sr) { font-size: 19px; }
.v3.fastura-app-movil .licencia .oferta__precio { margin-top: 6px; }
.v3.fastura-app-movil .licencia .oferta__precio b { font-size: clamp(28px, 1.2rem + 1vw, 34px); white-space: nowrap; }
.v3 .licencia__antes { font-size: 13.5px; line-height: 1.4; color: var(--texto-2); }
.v3 .licencia__antes s { font-family: var(--fuente-datos); }
.v3 .licencia__antes span { white-space: nowrap; }
.v3.fastura-app-movil .licencia ul { margin-top: 8px; padding-top: 16px; border-top: 1px solid var(--borde-suave); }
.v3.fastura-app-movil .licencia li b { font-weight: 600; color: var(--texto); }
.v3 .licencia__cab { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.v3 .licencia__marca { flex: none; padding: 4px 10px; border-radius: var(--r-chip); background: var(--acento-2-suave); color: var(--acento-2-tinta-suave); font: 700 12.5px/1.2 var(--fuente-datos); }
.v3.fastura-app-movil .licencia--elegida { border-color: var(--interaccion); box-shadow: 0 0 0 1px var(--interaccion), var(--sombra-2); }
.v3.fastura-app-movil .nota-precios { white-space: normal; }
.v3.fastura-app-movil #planes .planes-nota { margin-top: 18px; }
.v3.fastura-app-movil .compilacion { align-items: center; }
@media (min-width: 960px) {
.v3.fastura-app-movil .compilacion { grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); }
.v3.fastura-app-movil .compilacion__precio { order: -1; }
}
.v3 .compilacion__precio { display: grid; gap: 4px; width: 100%; max-width: 480px; justify-self: center; }
@media (min-width: 960px) {
.v3.fastura-app-movil .compilacion__precio { justify-self: start; }
}
.v3.fastura-app-movil .compilacion__tarjeta { gap: 12px; padding: clamp(22px, 2.6vw, 30px); box-shadow: var(--sombra-2); }
.v3 .compilacion__tipo { font: 600 13px/1.2 var(--fuente); color: var(--texto-2); }
.v3.fastura-app-movil .compilacion__tarjeta .oferta__precio b { font-size: clamp(32px, 1.4rem + 1.2vw, 40px); }
.v3 .compilacion__tarjeta s { font-family: var(--fuente-datos); }
.v3 .compilacion__filas { display: grid; padding-top: 4px; }
.v3 .compilacion__fila { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 11px 0; border-top: 1px solid var(--borde-suave); font-size: 14px; color: var(--texto); }
.v3 .compilacion__fila > span:first-child { display: inline-flex; align-items: center; gap: 8px; }
.v3 .compilacion__fila svg { flex: none; width: 17px; height: 17px; color: var(--interaccion); }
.v3 .compilacion__fila > span:last-child { text-align: right; color: var(--texto-2); }
.v3 .compilacion__fila [data-precio] { font: 600 14px/1.2 var(--fuente-datos); color: var(--texto); white-space: nowrap; }
.v3.fastura-app-movil .compilacion__tarjeta .btn { margin-top: 10px; }
.v3.fastura-app-movil .compilacion__precio .planes-nota { margin-top: 12px; }
.v3.fastura-app-movil #compilacion { overflow: clip; }
.v3.fastura-app-movil #compilacion > .anillos { --an-r: clamp(220px, 21vw, 310px); --an-y: 40%; }
@media (max-width: 959px) {
.v3.fastura-app-movil #compilacion > .anillos { display: none; }
}
.v3 .servicios-extra { list-style: none; margin: clamp(48px, 6vw, 72px) 0 0; padding: 0; display: grid; gap: 0 clamp(28px, 4vw, 56px); }
@media (min-width: 900px) {
.v3 .servicios-extra { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.v3 .servicios-extra > li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px 14px; align-content: start; padding: 24px 0; border-top: 1px solid var(--borde-suave); }
.v3 .servicios-extra > li > :not(.mosaico) { grid-column: 1 / -1; }
.v3 .servicios-extra > li > h3:not(.sr) { grid-column: 2; align-self: center; }
.v3.fastura-app-movil .bloque .servicios-extra h3:not(.sr) { font-size: 19px; }
.v3 .servicios-extra p { font-size: 15px; line-height: 1.6; color: var(--texto-2); }
.v3 .servicios-extra .servicios-extra__nota { font-size: 13.5px; line-height: 1.55; }
.v3 .servicios-extra__dato { font-weight: 500; }
.v3 .servicios-extra__dato [data-precio] { font: 600 15px/1.2 var(--fuente-datos); color: var(--texto); }
.v3 .servicios-extra__pie .enlace { font-size: 14.5px; }
@media (max-width: 1023px) {
.v3.fastura-app-movil #cierre .cierre-centro > .anillos { --an-r: 160px; }
}
/* v3/fastura-codigo-fuente.css */
.v3.fastura-codigo-fuente .tarjeta-hero__datos { margin: 0; display: grid; }
.v3.fastura-codigo-fuente .tarjeta-hero__datos > div { display: grid; grid-template-columns: 4.4rem minmax(0, 1fr); gap: 10px; align-items: baseline; padding: 7px 0; border-top: 1px solid var(--borde-suave); }
.v3.fastura-codigo-fuente .tarjeta-hero__datos > div:last-child { padding-bottom: 0; }
.v3.fastura-codigo-fuente .tarjeta-hero__datos dt { font: 600 13.5px/1.25 var(--fuente-datos); letter-spacing: -0.01em; color: var(--texto); white-space: nowrap; }
.v3.fastura-codigo-fuente .tarjeta-hero__datos dd { margin: 0; font: 500 12.5px/1.35 var(--fuente); color: var(--texto-2); }
.v3.fastura-codigo-fuente .bloque :is(.incluye, .cambios, .nube-filas) h3:not(.sr) { font: 600 18px/1.3 var(--fuente); letter-spacing: -0.005em; }
.v3.fastura-codigo-fuente .planes-nota { white-space: normal; }
.v3.fastura-codigo-fuente .bloque .planes-nota { margin-top: 14px; }
.v3.fastura-codigo-fuente .bloque :is(.rejilla, .incluye, .cambios, .planes, .api-fila) + .planes-nota { margin-top: clamp(22px, 2.6vw, 30px); }
.v3.fastura-codigo-fuente .planes-nota a:not([class]) { color: var(--interaccion); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.v3.fastura-codigo-fuente .lista-check .dato { font-size: .92em; }
.v3.fastura-codigo-fuente .lado__texto .sec-cab { margin-bottom: 0; }
.v3.fastura-codigo-fuente .lado__texto .acciones { margin-top: 30px; }
.v3.fastura-codigo-fuente .documentos--chicos { margin-top: 14px; gap: 6px; }
.v3.fastura-codigo-fuente .documentos--chicos > li { min-height: 30px; padding: 4px 12px; font-size: 13.5px; }
.v3.fastura-codigo-fuente .imagen--ventana .ventana__titulo { font: 500 12.5px/1 var(--fuente-datos); color: var(--texto-2); }
@media (min-width: 700px) {
.v3.fastura-codigo-fuente :is(.incluye--cuatro, .incluye--dos) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
.v3.fastura-codigo-fuente .incluye--cuatro { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
@media (min-width: 960px) {
.v3.fastura-codigo-fuente #panel .lado { grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(40px, 4.5vw, 64px); }
.v3.fastura-codigo-fuente #panel .panel__pantalla { order: -1; }
}
.v3.fastura-codigo-fuente #panel .modulo__pantalla .p9win { margin-inline: 0; }
.v3.fastura-codigo-fuente #panel .p9-flex--top { gap: 12px; }
.v3.fastura-codigo-fuente #panel .p9-leg { flex: 1; }
.v3.fastura-codigo-fuente .pantalla__pie { margin-top: 12px; font: 500 12.5px/1.4 var(--fuente-datos); color: var(--texto-2); }
.v3.fastura-codigo-fuente #para-quien { overflow: clip; }
.v3.fastura-codigo-fuente #para-quien > .anillos { --an-r: clamp(220px, 21vw, 310px); }
@media (max-width: 959px) {
.v3.fastura-codigo-fuente #para-quien > .anillos--der { --an-y: calc(100% - var(--r) - 40px); }
}
@media (max-width: 599px) {
.v3.fastura-codigo-fuente #para-quien > .anillos { --an-r: 180px; --an-y: calc(100% - var(--r) - 56px); }
}
.v3.fastura-codigo-fuente #para-quien .lado__foto { width: 100%; max-width: 460px; justify-self: center; }
@media (min-width: 960px) {
.v3.fastura-codigo-fuente #para-quien .lado__foto { justify-self: end; }
}
.v3.fastura-codigo-fuente .perfiles { margin-top: 26px; }
.v3.fastura-codigo-fuente .nube-filas .perfiles__dato { margin-top: 6px; font: 500 13.5px/1.35 var(--fuente); color: var(--interaccion); }
.v3.fastura-codigo-fuente .pantallas-par { display: grid; gap: 20px; align-items: start; margin-bottom: clamp(28px, 3.5vw, 44px); }
@media (min-width: 768px) {
.v3.fastura-codigo-fuente .pantallas-par { grid-template-columns: minmax(0, 1.69fr) minmax(0, 2.14fr); }
}
.v3.fastura-codigo-fuente .pantallas-pila { display: grid; gap: 20px; align-content: start; }
@media (min-width: 960px) {
.v3.fastura-codigo-fuente .pos { grid-template-columns: minmax(0, .92fr) minmax(0, 1fr); align-items: center; gap: clamp(40px, 4.5vw, 64px); }
.v3.fastura-codigo-fuente .pos .pantallas-pila { order: -1; }
}
.v3.fastura-codigo-fuente .pos__equipo { display: grid; gap: 12px; padding-bottom: 24px; }
.v3.fastura-codigo-fuente .bloque .pos__equipo h3:not(.sr) { font: 600 20px/1.3 var(--fuente); letter-spacing: -0.01em; }
.v3.fastura-codigo-fuente .pos__equipo > p { font-size: 15.5px; line-height: 1.6; color: var(--texto-2); }
.v3.fastura-codigo-fuente .pos__equipo .documentos--chicos { margin-top: 2px; }
.v3.fastura-codigo-fuente .pos__rubros > li:first-child { padding-top: 18px; border-top: 1px solid var(--borde-suave); }
.v3.fastura-codigo-fuente .nube-filas .documentos--chicos { grid-column: 2; margin-top: 10px; }
@media (min-width: 960px) {
.v3.fastura-codigo-fuente #tienda .lado { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(40px, 4.5vw, 64px); }
}
.v3.fastura-codigo-fuente .tienda-pantallas { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2.2fr); gap: 16px; align-items: start; }
.v3.fastura-codigo-fuente .tienda-pantallas__portada { grid-column: 1 / -1; }
.v3.fastura-codigo-fuente .tienda-pantallas .imagen:not(.imagen--ventana) .imagen__marco { border-radius: var(--r-lg); }
.v3.fastura-codigo-fuente #tienda .lado__texto .documentos--chicos { margin-top: 24px; }
.v3.fastura-codigo-fuente #app { overflow: clip; }
.v3.fastura-codigo-fuente #app > .anillos { --an-r: clamp(220px, 20vw, 290px); }
.v3.fastura-codigo-fuente .app__texto .sec-cab { margin-bottom: 0; }
.v3.fastura-codigo-fuente .app__texto .acciones { margin-top: 30px; }
@media (min-width: 1024px) {
.v3.fastura-codigo-fuente #app .app > .telefonos { order: -1; }
}
@media (max-width: 1023px) {
.v3.fastura-codigo-fuente #app > .anillos--izq { --an-y: calc(100% - var(--r) - 40px); }
}
@media (max-width: 599px) {
.v3.fastura-codigo-fuente #app > .anillos { --an-r: 180px; --an-y: calc(100% - var(--r) - 56px); }
}
.v3.fastura-codigo-fuente #app .telefono--frente { width: clamp(150px, 17vw, 236px); }
.v3.fastura-codigo-fuente #app .telefono--atras { width: clamp(132px, 15vw, 206px); }
@media (max-width: 599px) {
.v3.fastura-codigo-fuente #app .telefono--frente { width: 44vw; }
.v3.fastura-codigo-fuente #app .telefono--atras { width: 37vw; }
}
.v3.fastura-codigo-fuente .tecnica-marco { padding: 8px; border-radius: var(--r-xl); background: var(--superficie); box-shadow: 0 0 0 1px var(--borde-suave); }
.v3.fastura-codigo-fuente .tecnica { font-size: 15px; }
.v3.fastura-codigo-fuente .tecnica :is(th, td) { height: auto; vertical-align: top; }
.v3.fastura-codigo-fuente .tecnica thead th { padding: 10px 14px; background: var(--int-50); }
.v3.fastura-codigo-fuente .tecnica tbody th { padding: 13px 14px; border-top: 1px solid var(--borde-suave); border-radius: 0; background: none; text-align: left; white-space: nowrap; font: 600 15px/1.4 var(--fuente); letter-spacing: 0; text-transform: none; color: var(--texto); }
.v3.fastura-codigo-fuente .tecnica tbody tr:first-child th { border-top: 0; }
.v3.fastura-codigo-fuente .tecnica td { padding: 13px 14px; white-space: normal; font: 400 14.5px/1.45 var(--fuente); color: var(--texto-2); }
.v3.fastura-codigo-fuente .tecnica td:not(:last-child) { color: var(--texto); }
.v3.fastura-codigo-fuente .tecnica td.dato { white-space: nowrap; font: 500 13.5px/1.5 var(--fuente-datos); color: var(--texto); }
.v3.fastura-codigo-fuente .tecnica td .dato { font-size: .92em; color: var(--texto); }
@media (max-width: 699px) {
.v3.fastura-codigo-fuente .tecnica-marco { padding: 4px 16px; }
.v3.fastura-codigo-fuente .tecnica, .v3.fastura-codigo-fuente .tecnica :is(thead, tbody) { display: block; }
.v3.fastura-codigo-fuente .tecnica thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.v3.fastura-codigo-fuente .tecnica tr { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 14px; padding: 14px 0; border-top: 1px solid var(--borde-suave); }
.v3.fastura-codigo-fuente .tecnica tbody tr:first-child { border-top: 0; }
.v3.fastura-codigo-fuente .tecnica tbody :is(th, td) { display: block; padding: 0; border-top: 0; }
.v3.fastura-codigo-fuente .tecnica tbody th { grid-column: 1 / -1; white-space: normal; }
.v3.fastura-codigo-fuente .tecnica td:last-child { grid-column: 1 / -1; }
.v3.fastura-codigo-fuente .tecnica td.dato { white-space: normal; }
.v3.fastura-codigo-fuente .tecnica td::before { content: attr(data-col); content: attr(data-col) / ""; display: block; margin-bottom: 2px; font: 500 12px/1.3 var(--fuente); color: var(--texto-2); }
}
.v3.fastura-codigo-fuente .api-fila { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 4px 16px; align-items: start; margin-top: clamp(20px, 2.5vw, 28px); padding: 20px 22px; border-radius: var(--r-xl); background: var(--int-25); }
.v3.fastura-codigo-fuente .api-fila > .mosaico { grid-row: span 2; }
.v3.fastura-codigo-fuente .bloque .api-fila h3:not(.sr) { font: 600 18px/1.3 var(--fuente); letter-spacing: -0.005em; }
.v3.fastura-codigo-fuente .api-fila p { margin-top: 4px; font-size: 15px; line-height: 1.55; color: var(--texto-2); }
.v3.fastura-codigo-fuente .api-fila .documentos--chicos { grid-column: 2; margin-top: 6px; }
@media (min-width: 900px) {
.v3.fastura-codigo-fuente .api-fila { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; }
.v3.fastura-codigo-fuente .api-fila > .mosaico { grid-row: auto; }
.v3.fastura-codigo-fuente .api-fila .documentos--chicos { grid-column: 3; margin-top: 0; flex-wrap: nowrap; }
}
.v3.fastura-codigo-fuente .requisitos__etiquetas { margin: 0 0 20px; }
.v3.fastura-codigo-fuente .instalacion { margin-top: clamp(48px, 6vw, 80px); }
.v3.fastura-codigo-fuente .bloque h3.instalacion__t:not(.sr) { font: 600 clamp(24px, 1.1rem + 1vw, 30px)/1.2 var(--fuente); letter-spacing: -0.015em; }
.v3.fastura-codigo-fuente .instalacion .t-lead { margin-top: 14px; }
.v3.fastura-codigo-fuente .instalacion__ilus { width: 100%; max-width: 640px; justify-self: center; pointer-events: none; }
@media (min-width: 1024px) {
.v3.fastura-codigo-fuente .instalacion { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 64px; }
.v3.fastura-codigo-fuente .instalacion__ilus { max-width: none; }
}
.v3.fastura-codigo-fuente .apps-pos__precio { margin-top: 4px; }
.v3.fastura-codigo-fuente .apps-pos__precio [data-precio] { font-family: var(--fuente-datos); font-weight: 600; color: var(--texto); }
.v3.fastura-codigo-fuente .bloque .planes-cab { max-width: none; row-gap: 20px; }
.v3.fastura-codigo-fuente .bloque .planes-cab > div { max-width: 780px; }
.v3.fastura-codigo-fuente .licencias .oferta { position: relative; }
.v3.fastura-codigo-fuente .bloque .licencias .oferta h3:not(.sr) { font: 600 24px/1.2 var(--fuente); letter-spacing: -0.015em; }
.v3.fastura-codigo-fuente .oferta--elegida { border-color: transparent; box-shadow: 0 0 0 2px var(--acento), var(--sombra-2); }
.v3.fastura-codigo-fuente .oferta__marca { position: absolute; top: 26px; right: 26px; padding: 4px 10px; border-radius: var(--r-chip); background: var(--int-100); font: 600 12px/1.2 var(--fuente); color: var(--int-800, var(--interaccion)); }
.v3.fastura-codigo-fuente .licencias .oferta__precio { margin-top: 6px; }
.v3.fastura-codigo-fuente .licencias .oferta__nota { margin-top: -8px; font-size: 13.5px; }
@media (min-width: 900px) {
.v3.fastura-codigo-fuente .retiradas { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* v3/fastura-colombia.css */
.v3.fastura-colombia .lado__texto .sec-cab { margin-bottom: 0; }
.v3.fastura-colombia .lado__texto .acciones { margin-top: 30px; }
.v3.fastura-colombia .lado__foto { width: 100%; max-width: 460px; justify-self: center; }
.v3.fastura-colombia #validacion .lado__foto { max-width: 560px; }
@media (min-width: 960px) {
.v3.fastura-colombia .lado__foto { justify-self: end; }
.v3.fastura-colombia .lado--foto-izq { grid-template-columns: minmax(0, .9fr) minmax(0, 1fr); }
.v3.fastura-colombia .lado--foto-izq > .lado__foto { order: -1; justify-self: start; }
}
@media (min-width: 1024px) {
.v3.fastura-colombia #documentos .caminos--arriba .caminos__opciones { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.v3.fastura-colombia #documentos :is(.caminos__opciones, .caminos__panel) { background: var(--int-25); border-color: transparent; box-shadow: none; }
@media (max-width: 1023px) {
.v3.fastura-colombia #documentos .caminos[data-v3-listo] .caminos__panel { grid-area: auto; }
.v3.fastura-colombia #documentos .caminos[data-v3-listo] .caminos__panel:not(.is-activo) { display: none; }
}
.v3 .dian-doc { display: grid; gap: 22px 36px; margin: 0; }
@media (min-width: 768px) {
.v3 .dian-doc { grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr) minmax(0, .85fr); }
}
.v3 .dian-doc > div { min-width: 0; }
.v3 .dian-doc dt { margin-bottom: 8px; font: 600 13.5px/1.3 var(--fuente); color: var(--texto-2); }
.v3 .dian-doc dd { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--texto); }
.v3 .dian-doc__planes { list-style: none; margin: 2px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.v3 .dian-doc__planes > li { display: inline-flex; align-items: center; gap: 6px; padding: 4px 11px 4px 9px; border-radius: var(--r-chip); background: var(--superficie); box-shadow: inset 0 0 0 1px var(--borde-suave); font: 500 13.5px/1.3 var(--fuente); color: var(--texto); }
.v3 .dian-doc__planes svg { flex: none; width: 15px; height: 15px; color: var(--interaccion); }
.v3 .dian-doc__dato { margin-top: 14px; font: 500 12.5px/1.45 var(--fuente-datos); color: var(--texto-2); }
.v3.fastura-colombia .documentos-nota { display: flex; align-items: flex-start; gap: 8px; margin-top: clamp(20px, 2.5vw, 28px); font-size: 13.5px; }
.v3 .documentos-nota svg { flex: none; width: 16px; height: 16px; margin-top: 1px; color: var(--interaccion); }
.v3 .dian-cifras { list-style: none; margin: 30px 0 0; padding: 0; display: grid; gap: 20px 24px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.v3 .dian-cifras > li { min-width: 0; padding-top: 14px; border-top: 2px solid var(--int-200); }
.v3 .dian-cifras .cifra > b { font-size: clamp(24px, .9rem + 1.1vw, 32px); }
.v3 .dian-cifras .cifra > small { font-size: 13.5px; line-height: 1.4; }
@media (max-width: 599px) {
.v3 .dian-cifras { grid-template-columns: minmax(0, 1fr); gap: 0; }
.v3 .dian-cifras > li { padding: 14px 0; border-top: 1px solid var(--borde-suave); }
.v3 .dian-cifras > li:first-child { border-top: 2px solid var(--int-200); }
.v3 .dian-cifras .cifra { display: grid; grid-template-columns: 8.2rem minmax(0, 1fr); column-gap: 14px; align-items: baseline; width: 100%; }
.v3 .dian-cifras .cifra > small { margin-top: 0; }
}
.v3.fastura-colombia #panel .rejilla > li { background: var(--int-25); }
@media (min-width: 600px) {
.v3.fastura-colombia #panel .rejilla > li { grid-row: span 3; }
}
.v3.fastura-colombia #api { overflow: clip; }
.v3.fastura-colombia #api > .anillos { --an-r: clamp(200px, 18vw, 260px); }
@media (max-width: 959px) {
.v3.fastura-colombia #api > .anillos--der { --an-y: calc(100% - var(--r) - 40px); }
}
@media (max-width: 599px) {
.v3.fastura-colombia #api > .anillos { --an-r: 180px; --an-y: calc(100% - var(--r) - 56px); }
}
.v3 .codigo-api { margin: 0; width: 100%; max-width: 500px; justify-self: center; border-radius: var(--r-xl); overflow: hidden; background: var(--superficie); box-shadow: 0 0 0 1px var(--borde-suave), var(--sombra-2); }
@media (min-width: 960px) {
.v3.fastura-colombia .codigo-api { justify-self: end; }
}
.v3 .codigo-api__barra { display: flex; align-items: center; padding: 12px 16px; background: var(--navy-950); }
.v3 .codigo-api__barra span { flex: 1; min-width: 0; padding: 6px 12px; border-radius: var(--r-sm); background: rgb(255 255 255 / .08); font: 500 12px/1.3 var(--fuente-datos); color: var(--texto-invertido-2); }
.v3 .codigo-api__cuerpo { padding: 20px 22px 22px; }
.v3.fastura-colombia .codigo-api pre { margin: 0; padding: 0; border: 0; border-radius: 0; background: none; font: 400 12.5px/1.7 var(--fuente-datos); color: var(--texto-2); white-space: pre-wrap; overflow-wrap: anywhere; }
.v3 .codigo-api__estado { display: flex; align-items: center; gap: 12px; margin: 16px 0 12px; padding-top: 16px; border-top: 1px solid var(--borde-suave); }
.v3 .codigo-api__tiempo { font: 500 12px/1 var(--fuente-datos); color: var(--texto-2); }
@media (min-width: 768px) {
.v3.fastura-colombia #empezar .pasos { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
}
.v3 .empezar-cert { display: grid; gap: 16px; margin-top: clamp(36px, 4.5vw, 56px); padding-top: 24px; border-top: 1px solid var(--borde-suave); }
.v3 .empezar-cert > p { display: flex; align-items: center; gap: 14px; font-size: 15.5px; line-height: 1.5; color: var(--texto); }
.v3 .empezar-cert .mosaico { flex: none; }
.v3.fastura-colombia .empezar-cert .acciones { margin-top: 0; align-items: center; gap: 12px 22px; }
@media (min-width: 1024px) {
.v3 .empezar-cert { grid-template-columns: minmax(0, 1fr) auto; align-items: center; column-gap: 40px; }
}
.v3.fastura-colombia #modalidades { overflow: clip; }
.v3.fastura-colombia #modalidades > .anillos { --an-r: clamp(220px, 21vw, 310px); }
.v3.fastura-colombia .flujo .nube-escaparate__ilus { width: 100%; max-width: 520px; justify-self: center; }
@media (min-width: 1024px) {
.v3.fastura-colombia .flujo { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 64px; }
.v3.fastura-colombia .flujo .nube-escaparate__ilus { order: -1; max-width: none; }
}
@media (max-width: 1023px) {
.v3.fastura-colombia #modalidades > .anillos--izq { --an-y: calc(100% - var(--r) - 40px); }
}
@media (max-width: 599px) {
.v3.fastura-colombia #modalidades > .anillos { --an-r: 180px; --an-y: calc(100% - var(--r) - 56px); }
}
.v3 .flujo__texto { min-width: 0; }
.v3 .flujo__cuerpo { display: grid; gap: 12px; align-content: start; }
.v3 .flujo__seis { margin-bottom: 8px; padding: 18px 22px; border-radius: var(--r-lg); background: var(--int-25); }
.v3 .flujo__seis .cifra { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; column-gap: 18px; }
.v3 .flujo__seis .cifra > b { font-size: clamp(40px, 1.6rem + 1.8vw, 56px); }
.v3 .flujo__seis .cifra > small { margin: 0; font: 500 15.5px/1.45 var(--fuente); color: var(--texto); }
.v3 .flujo__cuerpo > p:not([class]) { font-size: 15.5px; line-height: 1.6; color: var(--texto-2); }
.v3 .flujo__cab { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-top: 8px; font: 600 14.5px/1.35 var(--fuente); color: var(--texto); }
.v3.fastura-colombia .flujo__pasos { margin-top: 0; }
.v3.fastura-colombia .flujo__pasos > li { grid-template-columns: 2.6rem minmax(0, 1fr) auto; align-items: center; column-gap: 12px; padding: 14px 0; }
.v3.fastura-colombia .flujo__pasos > li::before { grid-row: auto; padding-top: 0; }
.v3 .flujo__pasos b { font: 500 15px/1.4 var(--fuente); color: var(--texto); }
.v3 .flujo__dato { justify-self: end; white-space: nowrap; padding: 3px 9px; border-radius: var(--r-chip); background: var(--int-50); font: 500 12px/1.3 var(--fuente-datos); color: var(--int-800, var(--texto)); }
.v3 .flujo__pie { display: flex; align-items: flex-start; gap: 10px; margin-top: 2px; padding-top: 14px; border-top: 1px solid var(--borde-suave); font-size: 14.5px; line-height: 1.5; color: var(--texto-2); }
.v3 .flujo__pie svg { flex: none; width: 18px; height: 18px; margin-top: 2px; color: var(--interaccion); }
.v3 .flujo__pie b { font-weight: 600; color: var(--texto); }
.v3.fastura-colombia #planes .planes-cab { max-width: none; row-gap: 20px; }
.v3.fastura-colombia #planes .planes-cab > div:first-child { max-width: 780px; }
.v3 .planes-co__controles { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; }
@media (min-width: 1024px) {
.v3.fastura-colombia .planes-cab > .planes-co__controles { grid-column: 2; grid-row: 1; align-self: end; justify-content: flex-end; }
}
@media (max-width: 1023px) {
.v3.fastura-colombia .planes-cab > .planes-co__controles { margin-top: 20px; }
}
.v3.fastura-colombia .planes-co__modalidad > button { height: 40px; padding: 0 18px; font: 600 14.5px/1 var(--fuente); color: var(--texto-2); }
.v3.fastura-colombia .planes-co__modalidad > button[aria-pressed="true"] { background: var(--blanco); color: var(--texto); box-shadow: 0 1px 2px rgb(0 17 68 / .08), 0 0 0 1px rgb(0 17 68 / .04); }
.v3.fastura-colombia #planes .caminos__panel { padding: 0; }
.v3.fastura-colombia #planes .caminos[data-v3-listo] .caminos__panel { grid-area: auto; }
.v3.fastura-colombia #planes .caminos[data-v3-listo] .caminos__panel:not(.is-activo) { display: none; }
@media (min-width: 900px) {
.v3.fastura-colombia .planes-co__tres { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 600px) and (max-width: 899px) {
.v3.fastura-colombia .planes-co__tres .plan-co { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); grid-template-rows: auto auto auto auto 1fr; column-gap: 32px; row-gap: 10px; align-items: start; }
.v3.fastura-colombia .planes-co__tres .plan-co > :not(ul) { grid-column: 1; }
.v3.fastura-colombia .planes-co__tres .plan-co > ul { grid-column: 2; grid-row: 1 / -1; margin: 0; }
.v3.fastura-colombia .planes-co__tres .plan-co > .btn { align-self: end; margin-top: 12px; }
.v3.fastura-colombia .planes-co__tres .plan-co__linea { padding-bottom: 0; border-bottom: 0; }
}
@media (min-width: 600px) and (max-width: 1099px) {
.v3.fastura-colombia .planes-co__cuatro { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
.v3.fastura-colombia .planes-co__cuatro { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.v3.fastura-colombia .planes-co__cuatro .plan-co > p:not([class]) { min-height: 2.9em; }
}
.v3.fastura-colombia .plan-co { gap: 12px; padding: 24px; }
.v3.fastura-colombia .bloque .plan-co h3 { font: 600 19px/1.3 var(--fuente); letter-spacing: -0.01em; }
.v3.fastura-colombia .plan-co > p:not([class]) { margin-top: -4px; font-size: 14.5px; line-height: 1.45; }
.v3.fastura-colombia .plan-co .oferta__precio { min-height: 0; margin-top: 6px; }
.v3.fastura-colombia .plan-co .oferta__precio b { font-size: 30px; white-space: nowrap; }
.v3 .plan-co__linea { padding-bottom: 14px; border-bottom: 1px solid var(--borde-suave); font: 500 13.5px/1.4 var(--fuente); color: var(--texto); }
.v3.fastura-colombia .plan-co ul { margin-top: 4px; }
.v3.fastura-colombia .plan-co--elegido { border-color: var(--interaccion); box-shadow: 0 0 0 1px var(--interaccion), var(--sombra-2); }
.v3 .plan-co__marca { position: absolute; top: 0; left: 22px; translate: 0 -50%; padding: 4px 11px; border-radius: var(--r-chip); background: var(--int-100); font: 600 12px/1.3 var(--fuente); color: var(--int-800, var(--interaccion)); }
.v3.fastura-colombia .planes-co__escalera { margin-top: 20px; }
.v3 .planes-co__fuente { display: grid; gap: 32px; align-items: center; }
@media (min-width: 900px) {
.v3 .planes-co__fuente { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 56px; }
}
.v3 .planes-co__fuente .plan-co { max-width: 460px; }
.v3 .planes-co__para > p { margin-top: 14px; font-size: 16px; line-height: 1.6; color: var(--texto-2); max-width: 60ch; }
.v3.fastura-colombia .planes-co__para .acciones { margin-top: 26px; }
.v3.fastura-colombia #planes .planes-nota { margin-top: 18px; }
.v3.fastura-colombia .planes-nota a.enlace { display: inline-flex; margin-left: 4px; font-size: 13.5px; text-decoration: none; }
.v3.fastura-colombia .garantias { margin-top: clamp(28px, 3.5vw, 40px); }
@media (min-width: 700px) {
.v3.fastura-colombia .garantias { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 1024px) {
.v3.fastura-colombia .garantias { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.v3.fastura-colombia .bloque .garantias h3:not(.sr) { font-size: 18px; }
.v3 .comparativa-marco { padding: 8px 22px 14px; border-radius: var(--r-xl); background: var(--int-25); }
@media (max-width: 767px) {
.v3 .comparativa-marco { padding: 6px 16px 10px; }
}
.v3.fastura-colombia #comparativa .planes-nota { margin-top: 18px; }
.v3 .cifras-co { list-style: none; margin: 0; padding: 0; display: grid; gap: 26px 28px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 900px) {
.v3 .cifras-co { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
.v3 .cifras-co > li { min-width: 0; padding-top: 16px; border-top: 2px solid var(--int-200); }
.v3 .cifras-co .cifra > b { font-size: clamp(32px, 1.2rem + 2vw, 48px); }
.v3 .cifras-co .cifra > small { font-size: 14.5px; line-height: 1.4; }
.v3.fastura-colombia #cifras .velocidad__nota { margin-top: clamp(22px, 2.6vw, 30px); }
.v3.fastura-colombia #cierre { --fondo-banda: var(--blanco); }
.v3.fastura-colombia #cierre .cierre-centro > .anillos { --an-r: clamp(150px, 14vw, 200px); }
/* v3/fastura-novedades.css */
.v3.fastura-novedades .nov-hero { width: min(62%, 286px); }
.v3.fastura-novedades .nov-hero__datos { list-style: none; margin: 0; padding: 0; display: grid; }
.v3.fastura-novedades .nov-hero__datos > li {
  display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: baseline; gap: 12px;
  padding: 7px 0; border-top: 1px solid var(--borde-suave);
}
.v3.fastura-novedades .nov-hero__datos b { font: 600 14px/1.2 var(--fuente-datos); letter-spacing: -0.01em; color: var(--texto); white-space: nowrap; }
.v3.fastura-novedades .nov-hero__datos span { font: 500 12.5px/1.3 var(--fuente); color: var(--texto-2); }
.v3.fastura-novedades .nov-hero .tarjeta-hero__titulo small { text-wrap: pretty; }
@container imagen-caja (max-width: 480px) {
.v3.fastura-novedades .nov-hero { width: min(286px, calc(100% - 48px)); }
}
.v3.fastura-novedades .nov-indice { padding-block: clamp(40px, 5vw, 64px); }
.v3.fastura-novedades .nov-indice__fila { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; }
.v3.fastura-novedades .nov-indice__t { font: 600 13px/1.2 var(--fuente-datos); letter-spacing: .04em; color: var(--texto-2); white-space: nowrap; }
.v3.fastura-novedades .nov-indice__bloques { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; flex: 1 1 auto; }
.v3.fastura-novedades .nov-indice__bloques a {
  display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 8px 14px 8px 12px;
  border-radius: var(--r-chip); background: var(--superficie); box-shadow: inset 0 0 0 1px var(--borde-suave);
  font: 500 14px/1.25 var(--fuente); color: var(--texto); text-decoration: none;
  transition: box-shadow var(--mov-mirar) var(--mov-curva), background-color var(--mov-mirar) var(--mov-curva);
}
.v3.fastura-novedades .nov-indice__bloques a:hover { background: var(--int-25); box-shadow: inset 0 0 0 1px var(--int-200); }
.v3.fastura-novedades .nov-indice__bloques svg { flex: none; width: 17px; height: 17px; color: var(--interaccion); }
@media (max-width: 599px) {
.v3.fastura-novedades .nov-indice__bloques { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.v3.fastura-novedades .nov-indice__bloques a { width: 100%; height: 100%; }
.v3.fastura-novedades .nov-indice__fila > .btn { flex: 1 1 100%; }
}
.v3.fastura-novedades .nov-bloque--corta { padding-bottom: 0; }
.v3.fastura-novedades .nov-bloque--sigue { padding-top: 0; }
.v3.fastura-novedades .nov-bloque .sec-cab { margin-bottom: 24px; }
.v3.fastura-novedades .nov-lista { list-style: none; margin: 0 0 clamp(24px, 3vw, 36px); padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.v3.fastura-novedades .nov-lista a {
  display: inline-flex; align-items: baseline; gap: 8px; padding: 6px 12px; border-radius: var(--r-chip);
  background: var(--superficie); box-shadow: inset 0 0 0 1px var(--borde-suave);
  font: 500 13.5px/1.3 var(--fuente); color: var(--texto); text-decoration: none;
  transition: box-shadow var(--mov-mirar) var(--mov-curva);
}
.v3.fastura-novedades .nov-lista a:hover { box-shadow: inset 0 0 0 1px var(--int-300); }
.v3.fastura-novedades .novedad__n { font: 600 12.5px/1 var(--fuente-datos); letter-spacing: .04em; color: var(--interaccion); }
.v3.fastura-novedades .novedad, .v3.fastura-novedades .nov-bloque { scroll-margin-top: 96px; }
.v3.fastura-novedades .novedad { display: grid; gap: 22px; padding-block: clamp(40px, 5vw, 64px); border-top: 1px solid var(--borde-suave); }
.v3.fastura-novedades .novedades > .novedad:first-child { border-top: 0; padding-top: 8px; }
.v3.fastura-novedades .nov-bloque--sigue .novedades > .novedad:first-child { border-top: 1px solid var(--borde-suave); padding-top: clamp(40px, 5vw, 64px); }
.v3.fastura-novedades .novedad__texto { display: grid; gap: 14px; align-content: start; min-width: 0; }
.v3.fastura-novedades .novedad__num { display: flex; align-items: center; gap: 12px; }
.v3.fastura-novedades .novedad__num .novedad__n { font-size: 13.5px; }
.v3.fastura-novedades .bloque .novedad h3:not(.sr) { font: 600 clamp(21px, 1.1rem + .6vw, 25px)/1.25 var(--fuente); letter-spacing: -0.015em; max-width: 34ch; }
.v3.fastura-novedades .novedad__texto > p:not(.novedad__num) { font-size: 15.5px; line-height: 1.65; color: var(--texto-2); max-width: 68ch; }
.v3.fastura-novedades .novedad__texto b { font-weight: 600; color: var(--texto); }
.v3.fastura-novedades .estado--nuevo { color: var(--interaccion); }
.v3.fastura-novedades .estado--nuevo::before { background: var(--interaccion); }
.v3.fastura-novedades .novedad__datos { display: grid; gap: 18px; align-content: start; min-width: 0; }
.v3.fastura-novedades .novedad__claves { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; }
.v3.fastura-novedades .novedad__claves > li { position: relative; padding-left: 28px; font: 500 14.5px/1.45 var(--fuente); color: var(--texto); }
.v3.fastura-novedades .novedad__claves > li::before {
  content: ""; position: absolute; left: 0; top: 1px; width: 18px; height: 18px; border-radius: 50%; background: var(--int-100);
}
.v3.fastura-novedades .novedad__claves > li::after {
  content: ""; position: absolute; left: 5px; top: 5px; width: 8px; height: 5px;
  border-left: 1.75px solid var(--interaccion); border-bottom: 1.75px solid var(--interaccion); transform: rotate(-45deg);
}
.v3.fastura-novedades .novedad__nota { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 10px; padding-top: 16px; border-top: 1px solid var(--borde-suave); font-size: 14px; line-height: 1.55; color: var(--texto-2); }
.v3.fastura-novedades .novedad__nota > svg { width: 18px; height: 18px; margin-top: 1px; color: var(--interaccion); }
.v3.fastura-novedades .novedad__nota b { font-weight: 600; color: var(--texto); }
.v3.fastura-novedades .novedad__nota .estado { margin-right: 4px; vertical-align: 1px; }
.v3.fastura-novedades .novedad__nota .enlace { display: inline-flex; margin-top: 6px; font-size: 14px; }
.v3.fastura-novedades .novedad__pantallas { display: grid; gap: 24px; align-items: start; min-width: 0; }
.v3.fastura-novedades .novedad__pantalla { margin: 0; min-width: 0; display: grid; gap: 10px; align-content: start; }
.v3.fastura-novedades .novedad__pantalla figcaption { font: 500 12.5px/1.4 var(--fuente-datos); color: var(--texto-2); }
.v3.fastura-novedades .novedad__pantalla .p9win { border-radius: var(--r-xl); box-shadow: 0 0 0 1px var(--borde-suave), var(--sombra-2); }
.v3.fastura-novedades .novedad__pantalla .p9win__dots { display: none; }
.v3.fastura-novedades .novedad__pantalla .p9win { --p9-naranja: var(--interaccion); --p9-morado: var(--interaccion); }
.v3.fastura-novedades .novedad__pantalla > [aria-hidden="true"] { margin-top: 0 !important; }
.v3.fastura-novedades .novedad--lado .novedad__pantalla { justify-self: center; width: fit-content; max-width: 100%; }
.v3.fastura-novedades .novedad--lado .novedad__pantalla:has(> .p9win) { width: 100%; }
.v3.fastura-novedades #novedad-10 .novedad__pantalla { width: min(100%, 480px); }
.v3.fastura-novedades .novedad__pantalla .mock .btn.btn--primary { background: var(--accion); border-color: var(--accion); color: var(--accion-texto); }
@media (min-width: 700px) {
.v3.fastura-novedades .novedad--abajo .novedad__pantallas:not(.novedad__pantallas--una) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.v3.fastura-novedades .novedad__pantalla--ancha { grid-column: 1 / -1; }
}
@media (min-width: 768px) {
.v3.fastura-novedades #novedad-01 .novedad__pantallas { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1024px) {
.v3.fastura-novedades .novedad { column-gap: 48px; row-gap: 28px; }
.v3.fastura-novedades .novedad--lado { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-template-areas: "texto pantallas" "datos pantallas"; grid-template-rows: auto 1fr; align-items: start; }
.v3.fastura-novedades .novedad--lado > .novedad__texto { grid-area: texto; }
.v3.fastura-novedades .novedad--lado > .novedad__datos { grid-area: datos; }
.v3.fastura-novedades .novedad--lado > .novedad__pantallas { grid-area: pantallas; align-self: center; }
.v3.fastura-novedades .novedad--abajo { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.v3.fastura-novedades .novedad--abajo > .novedad__datos { padding-top: 34px; }
.v3.fastura-novedades .novedad--abajo > :not(.novedad__texto, .novedad__datos) { grid-column: 1 / -1; }
}
@media (min-width: 1024px) {
.v3.fastura-novedades .novedad__pantallas:has(> .novedad__pantalla:first-child > .p9win--menu) { grid-template-columns: minmax(0, 360px) minmax(0, 1fr); }
.v3.fastura-novedades .novedad__pantallas:has(> .novedad__pantalla:last-child > .p9win--menu) { grid-template-columns: minmax(0, 1fr) minmax(0, 360px); }
}
@media (min-width: 1200px) {
.v3.fastura-novedades .novedad--abajo .novedad__pantallas.novedad__pantallas--tres { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.v3.fastura-novedades .novedad__sub { display: grid; gap: 8px; margin-top: 12px; }
.v3.fastura-novedades .bloque .novedad__sub h4 { font: 600 19px/1.3 var(--fuente); color: var(--texto); }
.v3.fastura-novedades .novedad__sub p { font-size: 15px; line-height: 1.6; color: var(--texto-2); max-width: 70ch; }
.v3.fastura-novedades .novedad__funciones { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 0 clamp(24px, 3vw, 40px); }
@media (min-width: 700px) {
.v3.fastura-novedades .novedad__funciones { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 1100px) {
.v3.fastura-novedades .novedad__funciones { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.v3.fastura-novedades .novedad__funciones > li { display: grid; gap: 6px; align-content: start; padding: 18px 0; border-top: 1px solid var(--borde-suave); }
.v3.fastura-novedades .bloque .novedad__funciones h4 { font: 600 16px/1.35 var(--fuente); color: var(--texto); }
.v3.fastura-novedades .novedad__funciones p { font-size: 14.5px; line-height: 1.55; color: var(--texto-2); }
.v3.fastura-novedades .nov-panel {
  display: grid; gap: 12px; align-content: start; padding: 22px 22px 20px; border-radius: var(--r-xl);
  background: var(--int-25);
}
.v3.fastura-novedades .nov-panel__t { font: 600 12px/1.2 var(--fuente-datos); letter-spacing: .06em; text-transform: uppercase; color: var(--texto-2); }
.v3.fastura-novedades .nov-panel > p:not(.nov-panel__t) { font-size: 14px; line-height: 1.55; color: var(--texto-2); }
.v3.fastura-novedades .nov-panel__filas { list-style: none; margin: 4px 0; padding: 0; display: grid; gap: 8px; }
.v3.fastura-novedades .nov-panel__filas > li {
  display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 12px;
  border-radius: var(--r-md); background: var(--superficie); font: 500 14px/1.4 var(--fuente); color: var(--texto);
}
.v3.fastura-novedades .nov-panel__filas b { flex: none; font: 600 12px/1.2 var(--fuente-datos); color: var(--texto-2); }
.v3.fastura-novedades .nov-panel__fija b { color: var(--interaccion); }
.v3.fastura-novedades .nov-panel .nov-panel__pie { font-size: 13px; }
.v3.fastura-novedades .nov-api__marco { border-radius: var(--r-xl); background: var(--superficie); box-shadow: 0 0 0 1px var(--borde-suave), var(--sombra-2); overflow: hidden; }
.v3.fastura-novedades .nov-api__cab { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--borde-suave); font: 600 12px/1.2 var(--fuente-datos); letter-spacing: .06em; text-transform: uppercase; color: var(--texto-2); }
.v3.fastura-novedades .nov-api__cab .estado { letter-spacing: 0; text-transform: none; }
.v3.fastura-novedades .nov-api__filas { margin: 0; padding: 4px 18px; display: grid; }
.v3.fastura-novedades .nov-api__filas > div { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 11px 0; border-top: 1px solid var(--borde-suave); }
.v3.fastura-novedades .nov-api__filas > div:first-child { border-top: 0; }
.v3.fastura-novedades .nov-api__filas dt { font: 500 13px/1.4 var(--fuente-datos); color: var(--texto-2); overflow-wrap: anywhere; }
.v3.fastura-novedades .nov-api__filas dd { margin: 0; flex: none; display: inline-flex; align-items: center; gap: 6px; font: 600 14px/1.3 var(--fuente); color: var(--texto); }
.v3.fastura-novedades .nov-api__filas .nov-api__ok { color: var(--ok-tinta); }
.v3.fastura-novedades .nov-api__filas .nov-api__ok svg { width: 16px; height: 16px; }
.v3.fastura-novedades .nov-api__pie { padding: 12px 18px 16px; border-top: 1px solid var(--borde-suave); font-size: 13px; line-height: 1.55; color: var(--texto-2); }
.v3.fastura-novedades .nov-api__pie b { font-weight: 600; color: var(--texto); }
.v3.fastura-novedades .nov-bloque.con-anillos { overflow: clip; }
.v3.fastura-novedades .nov-bloque > .anillos { --an-r: clamp(220px, 21vw, 310px); }
@media (max-width: 599px) {
.v3.fastura-novedades .nov-bloque > .anillos { --an-r: 180px; }
}
.v3.fastura-novedades #cierre { --fondo-banda: var(--blanco); }
/* v3/fastura-pos-restaurantes.css */
.v3.fastura-pos-restaurantes .hero__nota { margin-top: 14px; max-width: 56ch; font: 500 13.5px/1.5 var(--fuente); color: var(--texto-2); }
.v3.fastura-pos-restaurantes .tarjeta-hero__datos { margin: 0; display: grid; }
.v3.fastura-pos-restaurantes .tarjeta-hero__datos > div { padding: 9px 0; border-top: 1px solid var(--borde-suave); }
.v3.fastura-pos-restaurantes .tarjeta-hero__datos > div:last-child { padding-bottom: 0; }
.v3.fastura-pos-restaurantes .tarjeta-hero__datos dt { font: 600 14px/1.25 var(--fuente-datos); letter-spacing: -0.01em; color: var(--texto); }
.v3.fastura-pos-restaurantes .tarjeta-hero__datos dd { margin: 2px 0 0; font: 500 12.5px/1.35 var(--fuente); color: var(--texto-2); }
.v3.fastura-pos-restaurantes .hero__fondo .anillos { --an-r: clamp(320px, 44vw, 600px); }
@container imagen-caja (max-width: 480px) {
.v3.fastura-pos-restaurantes .hero .imagen--piezas { --abajo: 150px; }
}
.v3.fastura-pos-restaurantes .pantalla { margin: 0; min-width: 0; }
.v3.fastura-pos-restaurantes .pantalla__marco {
  position: relative; aspect-ratio: var(--prop, 4 / 3); display: flex; align-items: center; justify-content: center;
  padding: clamp(10px, 1.4vw, 16px); border-radius: var(--r-lg); background: var(--int-25); box-shadow: inset 0 0 0 1px var(--borde-suave);
}
.v3.fastura-pos-restaurantes .pantalla__marco > img {
  display: block; width: auto; height: auto; max-width: 100%; max-height: 100%;
  border-radius: var(--r-xs); background: var(--blanco); box-shadow: 0 0 0 1px var(--borde-suave), var(--sombra-1);
}
.v3.fastura-pos-restaurantes .pantalla__pie { margin-top: 10px; font: 500 13px/1.45 var(--fuente); color: var(--texto-2); text-wrap: pretty; }
.v3.fastura-pos-restaurantes .servicio { list-style: none; margin: 0; padding: 0; display: grid; gap: 44px 24px; }
.v3.fastura-pos-restaurantes .servicio > li { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.v3.fastura-pos-restaurantes .servicio .pantalla { margin-bottom: 8px; }
.v3.fastura-pos-restaurantes .servicio__paso { font: 600 14px/1.3 var(--fuente); color: var(--interaccion); }
.v3.fastura-pos-restaurantes .servicio > li > p:not([class]) { font-size: 15px; line-height: 1.6; color: var(--texto-2); }
.v3.fastura-pos-restaurantes .servicio a:not([class]) { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
@media (min-width: 640px) and (max-width: 1023px) {
.v3.fastura-pos-restaurantes .servicio { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.v3.fastura-pos-restaurantes .servicio > li:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: 24px; row-gap: 10px; align-content: start; }
.v3.fastura-pos-restaurantes .servicio > li:last-child > .pantalla { grid-column: 1; grid-row: 1 / span 4; margin: 0; }
.v3.fastura-pos-restaurantes .servicio > li:last-child > :not(.pantalla) { grid-column: 2; }
}
@media (min-width: 1024px) {
.v3.fastura-pos-restaurantes .servicio { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 10px 28px; }
.v3.fastura-pos-restaurantes .servicio > li { grid-column: span 2; display: grid; grid-row: span 4; grid-template-rows: subgrid; align-content: start; }
.v3.fastura-pos-restaurantes .servicio > li:nth-child(n + 4) { grid-column: span 3; margin-top: 46px; }
.v3.fastura-pos-restaurantes .servicio > li > h3 { align-self: end; }
.v3.fastura-pos-restaurantes .servicio > li:nth-child(n + 4) .pantalla__marco { --prop: 16 / 10; }
}
.v3.fastura-pos-restaurantes .barra-modulos { margin: -8px 0 clamp(24px, 3vw, 32px); max-width: 420px; }
.v3.fastura-pos-restaurantes .barra-modulos img { display: block; width: 100%; height: auto; border-radius: var(--r-sm); box-shadow: 0 0 0 1px var(--borde-suave); }
@media (min-width: 1024px) {
.v3.fastura-pos-restaurantes .caminos--arriba .caminos__opciones { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1023px) {
.v3.fastura-pos-restaurantes .caminos[data-v3-listo] .caminos__panel { grid-area: auto; }
.v3.fastura-pos-restaurantes .caminos[data-v3-listo] .caminos__panel:not(.is-activo) { display: none; }
}
.v3.fastura-pos-restaurantes .pantallas { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 16px; align-items: start; }
@media (min-width: 1024px) {
.v3.fastura-pos-restaurantes .caminos__panel .pantallas { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 20px; }
.v3.fastura-pos-restaurantes .caminos__panel .pantallas:not(:has(> :nth-child(4))) .pantalla__marco { --prop: 16 / 9; }
}
@media (max-width: 599px) {
.v3.fastura-pos-restaurantes .pantallas { gap: 20px 12px; }
.v3.fastura-pos-restaurantes .pantallas .pantalla__marco { padding: 8px; border-radius: var(--r-md); }
.v3.fastura-pos-restaurantes .pantallas .pantalla__pie { font-size: 12.5px; }
}
.v3.fastura-pos-restaurantes .pantallas__nota { display: flex; align-items: flex-start; gap: 8px; margin-top: 20px; padding-top: 16px; border-top: 1px solid var(--borde-suave); font: 500 14px/1.45 var(--fuente); color: var(--texto); }
.v3.fastura-pos-restaurantes .pantallas__nota svg { flex: none; width: 18px; height: 18px; margin-top: 1px; color: var(--interaccion); }
.v3.fastura-pos-restaurantes #mapa { overflow: clip; }
.v3.fastura-pos-restaurantes #mapa > .anillos { --an-r: clamp(220px, 21vw, 310px); }
.v3.fastura-pos-restaurantes .mapa-mesas { display: grid; gap: clamp(36px, 5vw, 56px); align-items: center; }
.v3.fastura-pos-restaurantes .mapa-mesas .sec-cab { margin-bottom: 0; }
@media (min-width: 1024px) {
.v3.fastura-pos-restaurantes .mapa-mesas { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.v3.fastura-pos-restaurantes .pantallas--mapa { order: -1; }
}
.v3.fastura-pos-restaurantes .pantallas--mapa { gap: 24px 20px; }
.v3.fastura-pos-restaurantes .pantallas--mapa .pantalla__marco { background: var(--superficie); }
.v3.fastura-pos-restaurantes .estados-mesa { list-style: none; margin: 28px 0 0; padding: 0; display: grid; }
.v3.fastura-pos-restaurantes .estados-mesa > li { padding: 12px 0; border-top: 1px solid var(--borde-suave); }
.v3.fastura-pos-restaurantes .estados-mesa > li:first-child { border-top: 0; padding-top: 0; }
.v3.fastura-pos-restaurantes .estados-mesa .estado { gap: 12px; font: 500 15.5px/1.3 var(--fuente); color: var(--texto); white-space: normal; }
.v3.fastura-pos-restaurantes .estados-mesa .estado::before { width: 11px; height: 11px; background: var(--navy-300); }
.v3.fastura-pos-restaurantes .estados-mesa .estado--ok::before { background: var(--ok); }
.v3.fastura-pos-restaurantes .estados-mesa .estado--error::before { background: var(--error); }
.v3.fastura-pos-restaurantes .estados-mesa .estado--dato::before { background: var(--acento-2); }
.v3.fastura-pos-restaurantes .estados-mesa .estado--info::before { background: var(--info); }
@media (min-width: 600px) and (max-width: 1023px) {
.v3.fastura-pos-restaurantes .estados-mesa { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 32px; }
.v3.fastura-pos-restaurantes .estados-mesa > li:nth-child(2) { border-top: 0; padding-top: 0; }
}
@media (max-width: 1023px) {
.v3.fastura-pos-restaurantes #mapa > .anillos--izq { --an-y: calc(100% - var(--r) - 40px); }
}
@media (max-width: 599px) {
.v3.fastura-pos-restaurantes #mapa > .anillos { --an-r: 180px; --an-y: calc(100% - var(--r) - 56px); }
.v3.fastura-pos-restaurantes .pantallas--mapa { gap: 20px 12px; }
}
.v3.fastura-pos-restaurantes .funciones { display: grid; gap: clamp(36px, 5vw, 56px); align-items: center; }
.v3.fastura-pos-restaurantes .funciones .sec-cab { margin-bottom: 8px; }
@media (min-width: 1024px) {
.v3.fastura-pos-restaurantes .funciones { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
}
@media (min-width: 1024px) and (max-width: 1199px) {
.v3.fastura-pos-restaurantes .funciones__lista { grid-template-columns: minmax(0, 1fr); }
.v3.fastura-pos-restaurantes .funciones__lista > li { padding: 16px 0; }
}
@media (min-width: 1200px) {
.v3.fastura-pos-restaurantes .funciones__lista { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.v3.fastura-pos-restaurantes .bloque .funciones__lista h3:not(.sr) { font-size: 18px; }
.v3.fastura-pos-restaurantes .funciones__foto { width: 100%; max-width: 440px; justify-self: center; }
@media (min-width: 1024px) {
.v3.fastura-pos-restaurantes .funciones__foto { justify-self: end; }
}
.v3.fastura-pos-restaurantes .funciones__notas { margin-top: clamp(28px, 3.5vw, 40px); }
.v3.fastura-pos-restaurantes .funciones__notas .planes-nota { color: var(--texto-2); }
.v3.fastura-pos-restaurantes .funciones__notas .estado { margin-right: 6px; vertical-align: 1px; }
.v3.fastura-pos-restaurantes .funciones__notas .enlace { display: inline-flex; font-size: 13.5px; vertical-align: baseline; }
.v3.fastura-pos-restaurantes .funciones__notas .enlace svg { width: 14px; height: 14px; margin: 0; vertical-align: 0; color: currentColor; }
.v3.fastura-pos-restaurantes .bloque .planes-cab { max-width: none; row-gap: 20px; }
.v3.fastura-pos-restaurantes .bloque .planes-cab > div { max-width: 780px; }
.v3.fastura-pos-restaurantes .planes-nota { white-space: normal; }
.v3.fastura-pos-restaurantes .escalera--pos .escalera__texto { white-space: normal; font-size: 14.5px; line-height: 1.45; color: var(--texto-2); }
.v3.fastura-pos-restaurantes .escalera--pos tbody td { padding: 14px; border-top: 1px solid var(--borde-suave); vertical-align: middle; }
.v3.fastura-pos-restaurantes .escalera--pos tbody tr:first-child td { border-top: 0; }
.v3.fastura-pos-restaurantes .escalera--pos .escalera__precio { white-space: nowrap; }
.v3.fastura-pos-restaurantes .escalera--pos .escalera__accion { white-space: nowrap; }
.v3.fastura-pos-restaurantes .escalera--pos .escalera__accion .enlace svg { flex: none; }
@media (min-width: 900px) and (max-width: 1199px) {
.v3.fastura-pos-restaurantes .escalera--pos tbody th { width: 20%; white-space: normal; }
}
@media (max-width: 899px) {
.v3.fastura-pos-restaurantes .escalera-marco { padding: 4px 6px; }
.v3.fastura-pos-restaurantes .escalera--pos, .v3.fastura-pos-restaurantes .escalera--pos :is(thead, tbody) { display: block; }
.v3.fastura-pos-restaurantes .escalera--pos thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.v3.fastura-pos-restaurantes .escalera--pos thead tr, .v3.fastura-pos-restaurantes .escalera--pos thead :is(th, td) { display: block; overflow: hidden; }
.v3.fastura-pos-restaurantes .escalera--pos tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 16px; row-gap: 10px; align-items: start; padding: 16px 10px; border-top: 1px solid var(--borde-suave); }
.v3.fastura-pos-restaurantes .escalera--pos tbody tr:first-child { border-top: 0; }
.v3.fastura-pos-restaurantes .escalera--pos tbody :is(th, td) { padding: 0; border-top: 0; height: auto; }
.v3.fastura-pos-restaurantes .escalera--pos tbody th { grid-column: 1; grid-row: 1; white-space: normal; }
.v3.fastura-pos-restaurantes .escalera--pos .escalera__precio { grid-column: 2; grid-row: 1; text-align: right; }
.v3.fastura-pos-restaurantes .escalera--pos .escalera__texto { grid-column: 1 / -1; grid-row: auto; font-size: 14px; }
.v3.fastura-pos-restaurantes .escalera--pos .escalera__texto::before { content: attr(data-col); content: attr(data-col) / ""; display: block; margin-bottom: 2px; font: 600 12px/1.3 var(--fuente); color: var(--texto-2); }
.v3.fastura-pos-restaurantes .escalera--pos .escalera__accion { grid-column: 1 / -1; grid-row: auto; align-self: start; text-align: left; margin-top: 2px; }
.v3.fastura-pos-restaurantes .escalera--pos tr.escalera__elegida { margin: 6px 0 0; padding-inline: 10px; border-radius: var(--r-md); background: var(--int-25); }
.v3.fastura-pos-restaurantes .escalera--pos tbody .escalera__elegida :is(th, td) { background: none; }
}
@media (min-width: 600px) and (max-width: 899px) {
.v3.fastura-pos-restaurantes .escalera--pos tbody tr { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 9.5rem; }
.v3.fastura-pos-restaurantes .escalera--pos tbody th { grid-column: 1 / 3; }
.v3.fastura-pos-restaurantes .escalera--pos .escalera__precio { grid-column: 3; }
.v3.fastura-pos-restaurantes .escalera--pos .escalera__texto { grid-column: auto; grid-row: 2; }
.v3.fastura-pos-restaurantes .escalera--pos .escalera__accion { grid-column: 3; grid-row: 2; align-self: end; text-align: right; }
}
.v3.fastura-pos-restaurantes .comparar-tabla { padding: 6px clamp(14px, 2vw, 24px) 10px; border-radius: var(--r-xl); background: var(--superficie); box-shadow: 0 0 0 1px var(--borde-suave); }
.v3.fastura-pos-restaurantes .comparativa--dos thead th { font: 600 15.5px/1.3 var(--fuente); color: var(--texto); }
.v3.fastura-pos-restaurantes .comparativa--dos :is(th, td) { padding: 14px 16px; }
.v3.fastura-pos-restaurantes .comparativa--dos tbody th { width: 38%; }
.v3.fastura-pos-restaurantes .comparativa--dos tfoot b { color: var(--texto); }
.v3.fastura-pos-restaurantes .comparativa--dos tfoot .enlace { font-size: 14.5px; }
@media (max-width: 767px) {
.v3.fastura-pos-restaurantes .comparativa--dos tr { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 16px; }
.v3.fastura-pos-restaurantes .comparativa--dos thead tr, .v3.fastura-pos-restaurantes .comparativa--dos thead :is(th, td) { display: block; overflow: hidden; }
.v3.fastura-pos-restaurantes .comparativa--dos tbody th { width: auto; padding: 14px 0 4px; }
.v3.fastura-pos-restaurantes .comparativa--dos tbody td { padding: 0 0 14px; }
.v3.fastura-pos-restaurantes .comparativa--dos tfoot td:first-child { display: none; }
.v3.fastura-pos-restaurantes .comparativa--dos tfoot td { padding: 14px 0 10px; }
}
.v3.fastura-pos-restaurantes .preguntas .resp a:not([class]) { color: var(--interaccion); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.v3.fastura-pos-restaurantes #cierre { --fondo-banda: var(--blanco); }
.v3.fastura-pos-restaurantes #cierre .cierre-centro > .anillos { --an-r: clamp(150px, 14.5vw, 210px); }
/* v3/fastura-pos-retail.css */
.v3.fastura-pos-retail .hero__antes { margin-top: 14px; max-width: 52ch; font: 500 13.5px/1.5 var(--fuente); color: var(--texto-2); text-wrap: pretty; }
.v3.fastura-pos-retail .hero .acciones { margin-top: 26px; }
.v3.fastura-pos-retail .pos-cifras { padding-top: 11px; border-top: 1px solid var(--borde-suave); }
.v3.fastura-pos-retail .pos-cifras li > span { display: grid; gap: 1px; }
.v3.fastura-pos-retail .pos-cifras b { font: 600 13px/1.3 var(--fuente); color: var(--texto); }
.v3.fastura-pos-retail .pos-cifras small { font: 500 12.5px/1.35 var(--fuente); color: var(--texto-2); }
@media (max-width: 1023px) {
.v3.fastura-pos-retail .hero .imagen-caja { margin-top: 36px; }
}
@container imagen-caja (max-width: 480px) {
.v3.fastura-pos-retail .hero .imagen--piezas { --abajo: 150px; }
.v3.fastura-pos-retail .hero .flota.flota--tarjeta[data-sitio] { bottom: 0; }
}
.v3.fastura-pos-retail .rubros-pos__texto .sec-cab { margin-bottom: 0; }
.v3.fastura-pos-retail .rubros-pos__lista { margin-top: clamp(24px, 3vw, 32px); }
.v3.fastura-pos-retail .rubros-pos__lista ul { gap: 8px 6px; }
.v3.fastura-pos-retail .rubros-pos__lista li { gap: 7px; min-height: 34px; padding: 5px 12px 5px 9px; font-size: 13.5px; }
.v3.fastura-pos-retail .rubro-icono { flex: none; display: block; width: 20px; height: 20px; overflow: hidden; }
.v3.fastura-pos-retail .rubro-icono img { display: block; width: 20px; height: 20px; transform: translateX(-20px); filter: drop-shadow(20px 0 0 var(--interaccion)); }
.v3.fastura-pos-retail .rubros-pos__ilus { width: 100%; max-width: 640px; justify-self: center; pointer-events: none; }
@media (min-width: 1024px) {
.v3.fastura-pos-retail .rubros-pos { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 40px; }
.v3.fastura-pos-retail .rubros-pos__ilus { max-width: none; }
}
.v3.fastura-pos-retail #rubros { overflow: clip; }
.v3.fastura-pos-retail #rubros > .anillos { --an-r: clamp(200px, 18vw, 250px); }
@media (max-width: 1023px) {
.v3.fastura-pos-retail #rubros > .anillos--der { --an-y: calc(100% - var(--r) - 40px); }
}
@media (max-width: 599px) {
.v3.fastura-pos-retail #rubros > .anillos { --an-r: 180px; --an-y: calc(100% - var(--r) - 56px); }
}
.v3.fastura-pos-retail .pantalla-pos { margin: 0; display: grid; gap: 12px; align-content: start; min-width: 0; }
.v3.fastura-pos-retail .pantalla-pos .imagen--ventana { padding: 8px; }
.v3.fastura-pos-retail .pantalla-pos figcaption { font-size: 14.5px; line-height: 1.5; color: var(--texto-2); text-wrap: pretty; }
.v3.fastura-pos-retail .catalogo__cab { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 18px; }
.v3.fastura-pos-retail .catalogo__modo { display: inline-flex; align-items: center; min-height: 26px; padding: 4px 11px; border-radius: var(--r-chip); background: var(--navy-950); color: var(--blanco); font: 600 12.5px/1.2 var(--fuente); }
.v3.fastura-pos-retail .catalogo__pantallas { display: grid; gap: 28px 24px; }
@media (min-width: 768px) {
.v3.fastura-pos-retail .catalogo__pantallas { grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 1064px; }
}
.v3.fastura-pos-retail .vistas .caminos__opcion { grid-template-columns: minmax(0, 1fr) auto; }
.v3.fastura-pos-retail .vistas .caminos__panel { padding: 10px; }
.v3.fastura-pos-retail .vistas__pantalla .imagen__marco { border-radius: var(--r-lg); }
@media (min-width: 1024px) {
.v3.fastura-pos-retail .vistas .caminos__cuerpo { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); align-items: center; }
.v3.fastura-pos-retail .vistas .caminos__paneles { order: -1; }
}
@media (max-width: 1023px) {
.v3.fastura-pos-retail .caminos[data-v3-listo] .caminos__panel { grid-area: auto; }
.v3.fastura-pos-retail .caminos[data-v3-listo] .caminos__panel:not(.is-activo) { display: none; }
}
.v3.fastura-pos-retail .vistas__funciones { margin-top: clamp(36px, 4.5vw, 56px); }
.v3.fastura-pos-retail .vistas__funciones > li { background: var(--int-25); }
@media (min-width: 768px) {
.v3.fastura-pos-retail .vistas__funciones { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.v3.fastura-pos-retail :is(.rejilla, .resp) a:not([class]) { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.v3.fastura-pos-retail #vistas { overflow: clip; }
.v3.fastura-pos-retail #vistas > .anillos { --an-r: clamp(220px, 21vw, 310px); }
@media (min-width: 1024px) {
.v3.fastura-pos-retail #vistas > .anillos--izq { --an-y: 39%; }
}
@media (max-width: 1023px) {
.v3.fastura-pos-retail #vistas > .anillos { display: none; }
}
.v3.fastura-pos-retail .motor .lado__texto .sec-cab { margin-bottom: 0; }
.v3.fastura-pos-retail .motor__filas { margin-top: 18px; }
.v3.fastura-pos-retail .bloque .motor__filas h3:not(.sr) { font: 600 17px/1.3 var(--fuente); letter-spacing: 0; color: var(--texto); }
.v3.fastura-pos-retail .bloque .motor__mesas h3:not(.sr) { font: 600 18px/1.3 var(--fuente); letter-spacing: -0.005em; color: var(--texto); }
.v3.fastura-pos-retail .motor__mesas figcaption { display: grid; gap: 6px; }
@media (min-width: 960px) {
.v3.fastura-pos-retail .motor { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: start; }
}
.v3.fastura-pos-retail .motor__notas { margin-top: clamp(28px, 3.5vw, 40px); }
.v3.fastura-pos-retail .motor__notas .enlace { text-decoration: none; font-size: 13.5px; }
.v3.fastura-pos-retail .motor__estados { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.v3.fastura-pos-retail .motor__estados .estado:not(:first-child) { margin-left: 8px; }
.v3.fastura-pos-retail .bloque .planes-cab { max-width: none; row-gap: 20px; }
.v3.fastura-pos-retail .bloque .planes-cab > div { max-width: 780px; }
.v3.fastura-pos-retail .planes-nota { white-space: normal; }
.v3.fastura-pos-retail .escalera__texto { white-space: normal; font: 400 14.5px/1.45 var(--fuente); color: var(--texto-2); }
@media (min-width: 1200px) {
.v3.fastura-pos-retail .escalera--entregas tbody :is(th, td) { padding-block: 16px; vertical-align: top; }
.v3.fastura-pos-retail .escalera--entregas tbody .escalera__accion { vertical-align: middle; }
.v3.fastura-pos-retail .escalera--entregas .escalera__texto { max-width: 34ch; padding-inline: 14px; }
.v3.fastura-pos-retail .escalera--entregas .escalera__accion { white-space: nowrap; }
}
@media (max-width: 1199px) {
.v3.fastura-pos-retail .escalera-marco { padding: 4px 8px; }
.v3.fastura-pos-retail .escalera--entregas, .v3.fastura-pos-retail .escalera--entregas tbody { display: block; }
.v3.fastura-pos-retail .escalera--entregas thead { display: none; }
.v3.fastura-pos-retail .escalera--entregas tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: 16px; row-gap: 10px; align-items: start; padding: 18px 10px; border-top: 1px solid var(--borde-suave); }
.v3.fastura-pos-retail .escalera--entregas tbody tr:first-child { border-top: 0; }
.v3.fastura-pos-retail .escalera--entregas tbody :is(th, td) { display: block; padding: 0; border-top: 0; height: auto; background: none; }
.v3.fastura-pos-retail .escalera--entregas tbody th { grid-column: 1; grid-row: 1; white-space: normal; }
.v3.fastura-pos-retail .escalera--entregas .escalera__precio { grid-column: 2; grid-row: 1; text-align: right; white-space: nowrap; }
.v3.fastura-pos-retail .escalera--entregas .escalera__texto { grid-column: 1 / -1; grid-row: auto; margin: 0; font-size: 14px; }
.v3.fastura-pos-retail .escalera--entregas .escalera__texto::before { content: attr(data-col); display: block; margin-bottom: 2px; font: 500 12px/1.3 var(--fuente); color: var(--texto-2); }
.v3.fastura-pos-retail .escalera--entregas .escalera__accion { grid-column: 1 / -1; grid-row: auto; text-align: left; margin-top: 4px; }
.v3.fastura-pos-retail .escalera--entregas tr.escalera__elegida { margin-inline: 0; padding-inline: 10px; border-radius: var(--r-lg); background: var(--int-25); }
.v3.fastura-pos-retail .escalera--entregas tr.escalera__elegida + tr { border-top: 0; }
}
.v3.fastura-pos-retail #cierre .cierre-centro > .anillos { --an-r: clamp(150px, 15vw, 210px); }
/* v3/fastura-reseller.css */
.v3.fastura-reseller #marca-blanca .lado__texto .sec-cab { margin-bottom: 0; }
.v3.fastura-reseller #marca-blanca .lado__texto .acciones { margin-top: 30px; }
.v3.fastura-reseller #marca-blanca .lado__foto { width: 100%; max-width: 460px; justify-self: center; }
@media (min-width: 960px) {
.v3.fastura-reseller #marca-blanca .lado__foto { justify-self: end; }
}
.v3.fastura-reseller .lista-check .dato { font-size: .92em; }
.v3.fastura-reseller .dominio-pieza { display: grid; gap: 8px; }
.v3.fastura-reseller .dominio-pieza .tarjeta-hero__titulo { display: flex; align-items: center; gap: 10px; }
.v3.fastura-reseller .dominio-pieza .mosaico { --m: 34px; flex: none; }
.v3.fastura-reseller .dominio-pieza__linea { padding-top: 8px; border-top: 1px solid var(--borde-suave); font: 500 13px/1.35 var(--fuente); color: var(--texto-2); }
.v3.fastura-reseller #recibe .rejilla > li { background: var(--int-25); }
.v3.fastura-reseller .recibe__mas { margin-top: clamp(22px, 3vw, 30px); }
.v3.fastura-reseller .bloque .incluye h3:not(.sr) { font-size: 18px; }
@media (min-width: 700px) {
.v3.fastura-reseller .incluye > li { grid-row: span 3; grid-template-rows: subgrid; row-gap: 8px; }
.v3.fastura-reseller .incluye > li > .mosaico { align-self: start; }
}
.v3.fastura-reseller #empezar { overflow: clip; }
.v3.fastura-reseller #empezar > .anillos { --an-r: clamp(220px, 21vw, 310px); }
.v3.fastura-reseller .empezar .sec-cab { margin-bottom: 8px; }
.v3.fastura-reseller .empezar { grid-template-columns: minmax(0, 1fr); gap: 32px; }
.v3.fastura-reseller .empezar__lado { display: contents; }
.v3.fastura-reseller .empezar .nube-escaparate__ilus { order: 2; width: 100%; max-width: 620px; justify-self: center; }
.v3.fastura-reseller .empezar .certificado-nota { order: 1; }
@media (max-width: 1199px) {
.v3.fastura-reseller .empezar :is(.empezar__texto, .certificado-nota) { max-width: 46rem; }
}
@media (min-width: 1200px) {
.v3.fastura-reseller .empezar { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 72px; }
.v3.fastura-reseller .empezar__lado { order: -1; display: flex; flex-direction: column; justify-content: center; gap: 28px; align-self: stretch; }
.v3.fastura-reseller .empezar .nube-escaparate__ilus { max-width: none; }
.v3.fastura-reseller .empezar .empezar__lado > :is(.nube-escaparate__ilus, .certificado-nota) { order: 0; }
}
@media (max-width: 1199px) {
.v3.fastura-reseller #empezar > .anillos--izq { --an-y: calc(100% - var(--r) - 40px); }
}
@media (max-width: 599px) {
.v3.fastura-reseller #empezar > .anillos { --an-r: 180px; --an-y: calc(100% - var(--r) - 56px); }
}
.v3.fastura-reseller .certificado-nota { padding-top: 22px; border-top: 1px solid var(--borde-suave); }
.v3.fastura-reseller .certificado-nota > p { display: flex; align-items: flex-start; gap: 10px; font: 500 15px/1.5 var(--fuente); color: var(--texto); }
.v3.fastura-reseller .certificado-nota > p svg { flex: none; width: 20px; height: 20px; margin-top: 1px; color: var(--interaccion); }
.v3.fastura-reseller .certificado-nota .acciones { margin-top: 16px; }
.v3.fastura-reseller .bloque .planes-cab { max-width: none; row-gap: 20px; }
.v3.fastura-reseller .bloque .planes-cab > div { max-width: 780px; }
.v3.fastura-reseller .planes-nota { white-space: normal; }
.v3.fastura-reseller .escalera--r :is(th, td) { vertical-align: top; }
.v3.fastura-reseller .escalera--r thead :is(th, td) { vertical-align: middle; }
.v3.fastura-reseller .escalera--r tbody :is(th, td) { padding: 20px 14px; }
.v3.fastura-reseller .escalera--r tbody th { white-space: normal; width: 21%; }
.v3.fastura-reseller .escalera--r tbody td { border-top: 1px solid var(--borde-suave); }
.v3.fastura-reseller .escalera--r tbody tr:first-child td { border-top: 0; }
.v3.fastura-reseller .escalera__plan { white-space: nowrap; }
.v3.fastura-reseller .escalera--r .escalera__marca { display: block; width: fit-content; margin: 8px 0 0; }
.v3.fastura-reseller .escalera__para { display: block; margin-top: 6px; font: 400 14px/1.45 var(--fuente); color: var(--texto-2); }
.v3.fastura-reseller .escalera--r .escalera__incluye { white-space: normal; }
.v3.fastura-reseller .escalera__incluye ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px 24px; }
@media (min-width: 1280px) {
.v3.fastura-reseller .escalera__incluye ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.v3.fastura-reseller .escalera__incluye li { display: flex; gap: 8px; align-items: flex-start; font: 400 14.5px/1.4 var(--fuente); color: var(--texto-2); }
.v3.fastura-reseller .escalera__incluye li svg { flex: none; width: 16px; height: 16px; margin-top: 2px; color: var(--interaccion); }
.v3.fastura-reseller .escalera__fuerte { font-weight: 600; color: var(--texto); }
.v3.fastura-reseller .escalera--r .escalera__precio { width: 15%; white-space: nowrap; }
.v3.fastura-reseller .escalera__resumen { white-space: normal; max-width: 11rem; }
.v3.fastura-reseller .escalera--r .escalera__precio small + small { margin-top: 8px; }
.v3.fastura-reseller .escalera--r .escalera__accion { vertical-align: middle; }
@media (max-width: 1023px) {
.v3.fastura-reseller #planes .escalera-marco { --esc-px: 22px; padding: 4px var(--esc-px); }
.v3.fastura-reseller .escalera--r, .v3.fastura-reseller .escalera--r :is(thead, tbody) { display: block; }
.v3.fastura-reseller .escalera--r thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.v3.fastura-reseller .escalera--r thead :is(tr, th, td) { display: block; overflow: hidden; }
.v3.fastura-reseller .escalera--r tbody tr { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 16px 20px; padding-block: 20px; border-top: 1px solid var(--borde-suave); }
.v3.fastura-reseller .escalera--r tbody tr:first-child { border-top: 0; }
.v3.fastura-reseller .escalera--r tbody :is(th, td) { display: block; width: auto; padding: 0; border-top: 0; height: auto; }
.v3.fastura-reseller .escalera--r tbody th { grid-column: 1; grid-row: 1; }
.v3.fastura-reseller .escalera--r .escalera__precio { grid-column: 2; grid-row: 1; width: auto; text-align: right; }
.v3.fastura-reseller .escalera--r .escalera__resumen { max-width: 13rem; margin-left: auto; }
.v3.fastura-reseller .escalera--r .escalera__incluye { grid-column: 1 / -1; grid-row: 2; }
.v3.fastura-reseller .escalera--r .escalera__accion { grid-column: 1 / -1; grid-row: 3; align-self: start; text-align: left; }
.v3.fastura-reseller .escalera--r tr.escalera__elegida { margin-inline: 0; padding-inline: 0; background: var(--int-25); box-shadow: 0 0 0 var(--esc-px) var(--int-25); clip-path: inset(0 calc(-1 * var(--esc-px))); }
.v3.fastura-reseller .escalera--r tbody .escalera__elegida :is(th, td) { background: none; }
}
@media (min-width: 600px) and (max-width: 1023px) {
.v3.fastura-reseller .escalera__incluye ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 599px) {
.v3.fastura-reseller #planes .escalera-marco { --esc-px: 14px; }
.v3.fastura-reseller .escalera--r .escalera__plan { white-space: normal; }
.v3.fastura-reseller .escalera--r .escalera__resumen { max-width: 9.5rem; }
.v3.fastura-reseller .escalera--r .escalera__accion .btn { width: 100%; }
}
.v3.fastura-reseller .salidas { list-style: none; margin: 0; padding: 0; display: grid; gap: 36px clamp(24px, 3vw, 40px); }
.v3.fastura-reseller .salidas > li { display: grid; gap: 12px; align-content: start; padding-top: 20px; border-top: 2px solid var(--int-200); }
.v3.fastura-reseller .salidas > li > p:not(.salidas__precio) { font-size: 15px; line-height: 1.6; color: var(--texto-2); }
.v3.fastura-reseller .salidas__precio { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 8px; margin-top: 4px; }
.v3.fastura-reseller .salidas__precio b { font: 600 24px/1.1 var(--fuente-datos); letter-spacing: -0.02em; color: var(--texto); white-space: nowrap; }
.v3.fastura-reseller .salidas__precio b.salidas__palabra { font-family: var(--fuente); letter-spacing: -0.012em; }
.v3.fastura-reseller .salidas__precio small { font: 400 13.5px/1.4 var(--fuente); color: var(--texto-2); }
.v3.fastura-reseller .salidas .acciones { margin-top: 4px; }
@media (min-width: 600px) and (max-width: 899px) {
.v3.fastura-reseller .salidas > li { grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); column-gap: 32px; }
.v3.fastura-reseller .salidas > li > :is(h3, p:not(.salidas__precio)) { grid-column: 1; }
.v3.fastura-reseller .salidas > li > h3 { grid-row: 1; }
.v3.fastura-reseller .salidas > li > p:not(.salidas__precio) { grid-row: 2 / span 2; }
.v3.fastura-reseller .salidas__precio { grid-column: 2; grid-row: 1 / span 2; align-self: start; margin-top: 0; }
.v3.fastura-reseller .salidas > li > .acciones { grid-column: 2; grid-row: 3; margin-top: 0; }
}
@media (min-width: 900px) {
.v3.fastura-reseller .salidas { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.v3.fastura-reseller .salidas > li { grid-row: span 4; grid-template-rows: subgrid; row-gap: 12px; }
.v3.fastura-reseller .salidas__precio { align-self: end; }
}
.v3.fastura-reseller #cierre .cierre-centro > .anillos { --an-r: clamp(150px, 13vw, 190px); }
/* v3/fastura-validacion-ose-pse.css */
.v3.fastura-validacion-ose-pse .hero .tarjeta-hero__pasos.seguimiento small { margin-top: 1px; font-size: 12px; line-height: 1.3; }
@container imagen-caja (max-width: 480px) {
.v3.fastura-validacion-ose-pse .hero .imagen--piezas { --abajo: 104px; }
}
.v3.fastura-validacion-ose-pse #conceptos { overflow: clip; }
.v3 .conceptos__cab { display: grid; gap: 28px; margin-bottom: clamp(32px, 4vw, 52px); }
.v3.fastura-validacion-ose-pse .conceptos__cab { overflow-x: clip; }
.v3 .conceptos__cab .sec-cab { margin-bottom: 0; }
.v3 .conceptos__ilus { margin: 0; }
.v3 .conceptos__ilus img { display: block; width: 100%; height: auto; }
.v3.fastura-validacion-ose-pse .conceptos__ilus { width: 140%; margin-inline: -20%; pointer-events: none; }
@media (min-width: 600px) and (max-width: 1023px) {
.v3.fastura-validacion-ose-pse .conceptos__ilus { width: min(140%, 820px); margin-inline: 0; justify-self: center; }
}
@media (min-width: 1024px) {
.v3 .conceptos__cab { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 48px; align-items: center; }
.v3 .conceptos__cab > .conceptos__ilus { order: -1; }
.v3.fastura-validacion-ose-pse .conceptos__ilus { width: 120%; margin-inline: -10%; margin-block: -32px; }
}
.v3.fastura-validacion-ose-pse #conceptos > .anillos { --an-r: clamp(200px, 19vw, 280px); --an-y: calc(clamp(64px, 8vw, 104px) + 21vw); }
@media (max-width: 1023px) {
.v3.fastura-validacion-ose-pse #conceptos > .anillos { --an-r: clamp(180px, 30vw, 240px); --an-y: calc(clamp(64px, 8vw, 104px) + 250px + 30vw); }
}
@media (max-width: 599px) {
.v3.fastura-validacion-ose-pse #conceptos > .anillos { --an-r: 170px; --an-y: calc(64px + 330px + 32vw); }
}
@media (min-width: 1024px) {
.v3.fastura-validacion-ose-pse .concepto { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 48px; }
}
.v3.fastura-validacion-ose-pse .concepto > .lista-check { margin: 0; align-self: center; }
.v3.fastura-validacion-ose-pse .concepto .modulo__texto .enlace { justify-self: start; font-size: 14.5px; }
.v3.fastura-validacion-ose-pse .lista-check li > span b { font-weight: 600; color: var(--texto); }
@media (max-width: 1023px) {
.v3.fastura-validacion-ose-pse .caminos[data-v3-listo] .caminos__panel { grid-area: auto; }
.v3.fastura-validacion-ose-pse .caminos[data-v3-listo] .caminos__panel:not(.is-activo) { display: none; }
}
.v3 .conceptos__nota { display: flex; align-items: flex-start; gap: 10px; margin-top: clamp(24px, 3vw, 32px); font-size: 15px; line-height: 1.55; color: var(--texto-2); }
.v3 .conceptos__nota svg { flex: none; width: 18px; height: 18px; margin-top: 2px; color: var(--interaccion); }
.v3 .conceptos__nota b { font-weight: 600; color: var(--texto); }
.v3.fastura-validacion-ose-pse :is(.modulo__texto, .resp) a:not([class]) { color: var(--interaccion); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.v3 .ahorro { display: grid; gap: 32px; align-items: center; }
@media (min-width: 1024px) {
.v3 .ahorro { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 64px; }
}
.v3.fastura-validacion-ose-pse .ahorro .sec-cab { margin-bottom: 0; }
.v3.fastura-validacion-ose-pse .ahorro .acciones { margin-top: 30px; }
.v3 .ahorro__pieza { display: grid; }
.v3.fastura-validacion-ose-pse .ahorro__cifra { max-width: 440px; }
@media (min-width: 1024px) {
.v3.fastura-validacion-ose-pse .ahorro__cifra { justify-self: end; width: 100%; }
}
.v3 .ahorro__cifra > p { font-size: 15px; line-height: 1.55; color: var(--texto-2); }
@media (min-width: 600px) and (max-width: 1023px) {
.v3.fastura-validacion-ose-pse .ahorro__cifra { max-width: none; grid-template-columns: auto auto minmax(0, 1fr); align-items: center; column-gap: 24px; }
}
.v3 .ahorro__cifra .dato { color: var(--texto); }
.v3 .rutas { display: grid; gap: 20px; }
@media (min-width: 900px) {
.v3 .rutas { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
}
.v3 .rutas__panel { display: grid; gap: 20px; align-content: start; padding: clamp(22px, 3vw, 32px); border-radius: var(--r-xl); background: var(--int-25); }
.v3.fastura-validacion-ose-pse .rutas__panel h3:not(.sr) { font-size: 18px; }
.v3.fastura-validacion-ose-pse .rutas__panel .lista-check { margin: 4px 0 0; padding-top: 18px; border-top: 1px solid var(--borde-suave); }
.v3.fastura-validacion-ose-pse .rutas__panel .lista-check li { font-size: 15px; }
.v3 .barras { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; }
.v3 .barras > li { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "eti valor" "pista pista"; gap: 8px 14px; align-items: center; }
.v3 .barras__eti { grid-area: eti; font: 500 14.5px/1.35 var(--fuente); color: var(--texto); }
.v3 .barras__valor { grid-area: valor; font: 600 15px/1 var(--fuente-datos); color: var(--texto); white-space: nowrap; }
.v3 .barras__pista { grid-area: pista; position: relative; display: block; height: 14px; border-radius: 0 7px 7px 0; background: var(--superficie); box-shadow: inset 0 0 0 1px var(--borde-suave); }
.v3 .barras__pista i { position: absolute; inset: 0 auto 0 0; width: calc(var(--v) * 100%); border-radius: 0 6px 6px 0; background: var(--borde-fuerte); }
.v3 .barras--pse .barras__pista i { background: var(--acento-2); box-shadow: inset 0 0 0 1px var(--acento-2-linea); }
@media (min-width: 1200px) {
.v3 .barras > li { grid-template-columns: minmax(0, 10.5rem) minmax(0, 1fr) 5.5rem; grid-template-areas: "eti pista valor"; }
.v3 .barras__valor { text-align: right; }
}
.v3.fastura-validacion-ose-pse #rutas .velocidad__nota { margin-top: clamp(20px, 2.5vw, 28px); }
.v3.fastura-validacion-ose-pse .quien .sec-cab { margin-bottom: 20px; }
.v3.fastura-validacion-ose-pse .quien__filas h3:not(.sr) { font-size: 18px; }
.v3.fastura-validacion-ose-pse .quien__filas > li > :not(.mosaico) { grid-column: 2; }
.v3.fastura-validacion-ose-pse .quien__filas .incluye__dato { margin-top: 6px; font: 500 13.5px/1.35 var(--fuente); color: var(--interaccion); }
.v3 .quien__ilus { justify-self: center; width: 100%; max-width: 640px; }
@media (max-width: 1023px) {
.v3 .quien__ilus { max-width: 560px; }
}
@media (min-width: 1024px) {
.v3.fastura-validacion-ose-pse .quien { grid-template-columns: minmax(0, 6fr) minmax(0, 6fr); }
}
.v3 .ciclo__cab { display: grid; gap: 32px; align-items: center; margin-bottom: clamp(32px, 4vw, 52px); }
@media (min-width: 1024px) {
.v3 .ciclo__cab { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: 56px; }
}
.v3 .ciclo__cab .sec-cab { margin-bottom: 0; }
.v3 .ciclo { padding: clamp(20px, 2.6vw, 28px); border-radius: var(--r-xl); background: var(--superficie); box-shadow: 0 0 0 1px var(--borde-suave), var(--sombra-1); }
.v3 .ciclo__top { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 16px; margin-bottom: 8px; }
.v3 .ciclo__t { font: 600 15px/1.3 var(--fuente); color: var(--texto); }
.v3 .ciclo__dato { white-space: nowrap; padding: 4px 10px; border-radius: var(--r-chip); background: var(--acento-2-suave); color: var(--acento-2-tinta-suave); font: 600 12.5px/1.2 var(--fuente); }
.v3 .ciclo__lista { list-style: none; margin: 0; padding: 0; display: grid; }
.v3 .ciclo__lista > li { display: grid; grid-template-columns: minmax(0, 1fr) auto 18px; gap: 12px; align-items: center; padding: 12px 0; border-top: 1px solid var(--borde-suave); }
.v3 .ciclo__lista > li:first-child { border-top: 0; }
.v3 .ciclo__lista span { font: 500 14.5px/1.4 var(--fuente); color: var(--texto); }
.v3 .ciclo__lista b { font: 600 13px/1.3 var(--fuente); color: var(--texto-2); text-align: right; }
.v3 .ciclo__lista b.dato { font-family: var(--fuente-datos); font-weight: 500; }
.v3 .ciclo__lista svg { width: 18px; height: 18px; color: var(--interaccion); }
.v3 .ciclo__pie { display: flex; align-items: flex-start; gap: 10px; margin-top: 8px; padding-top: 14px; border-top: 1px solid var(--borde-suave); font-size: 14px; line-height: 1.5; color: var(--texto-2); }
.v3 .ciclo__pie svg { flex: none; width: 18px; height: 18px; margin-top: 1px; color: var(--interaccion); }
.v3 .ciclo__pie b { font-weight: 600; color: var(--texto); }
@media (max-width: 479px) {
.v3 .ciclo__lista > li { grid-template-columns: minmax(0, 1fr) 18px; row-gap: 2px; }
.v3 .ciclo__lista b { grid-column: 1; grid-row: 2; text-align: left; }
.v3 .ciclo__lista svg { grid-column: 2; grid-row: 1 / span 2; }
}
.v3.fastura-validacion-ose-pse #incluye .rejilla > li { background: var(--int-25); }
@media (min-width: 720px) {
.v3.fastura-validacion-ose-pse .empezar__pasos { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
}
.v3.fastura-validacion-ose-pse .empezar__pasos h3:not(.sr) { font-size: 19px; }
.v3 .empezar__pie { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 32px; margin-top: clamp(36px, 4.5vw, 52px); padding-top: 24px; border-top: 1px solid var(--borde-suave); }
.v3 .empezar__pie > p { display: flex; align-items: flex-start; gap: 12px; max-width: 62ch; font: 500 16px/1.5 var(--fuente); color: var(--texto); }
.v3 .empezar__pie > p svg { flex: none; width: 22px; height: 22px; color: var(--interaccion); }
@media (min-width: 700px) {
.v3.fastura-validacion-ose-pse .cotiza__datos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
.v3.fastura-validacion-ose-pse .bloque .incluye h3:not(.sr) { font-size: 18px; }
.v3.fastura-validacion-ose-pse .cotiza__tecnica { margin-top: clamp(20px, 2.5vw, 28px); }
.v3.fastura-validacion-ose-pse .cotiza__marco { margin-top: clamp(28px, 3.5vw, 40px); }
.v3.fastura-validacion-ose-pse .cotiza tbody th { font-weight: 600; }
.v3.fastura-validacion-ose-pse .cotiza :is(tbody th, td) { white-space: normal; }
.v3.fastura-validacion-ose-pse .cotiza .escalera__accion { white-space: nowrap; }
@media (min-width: 700px) {
.v3.fastura-validacion-ose-pse .cotiza tbody th { width: 28%; }
}
.v3.fastura-validacion-ose-pse .cotiza tbody th .dato { font-weight: 600; }
.v3.fastura-validacion-ose-pse .cotiza .num--texto { color: var(--texto-2); }
.v3.fastura-validacion-ose-pse .cotiza thead th:last-child, .v3.fastura-validacion-ose-pse .cotiza .escalera__accion { text-align: right; }
.v3.fastura-validacion-ose-pse .planes-nota { white-space: normal; }
.v3.fastura-validacion-ose-pse .planes-nota b { font-weight: 600; color: var(--texto); }
.v3.fastura-validacion-ose-pse #planes .planes-nota:first-of-type { margin-top: 18px; }
@media (max-width: 699px) {
.v3.fastura-validacion-ose-pse .cotiza tbody th { grid-column: 1 / 3; white-space: normal; }
.v3.fastura-validacion-ose-pse .cotiza .escalera__accion { grid-column: 3; grid-row: 1 / span 2; align-self: center; }
.v3.fastura-validacion-ose-pse .cotiza .num { grid-row: 2; align-self: start; }
}
@media (max-width: 419px) {
.v3.fastura-validacion-ose-pse .cotiza tr { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.v3.fastura-validacion-ose-pse .cotiza tbody th { grid-column: 1 / -1; }
.v3.fastura-validacion-ose-pse .cotiza .escalera__accion { grid-column: 1 / -1; grid-row: 3; margin-top: 12px; text-align: left; }
.v3.fastura-validacion-ose-pse .cotiza .escalera__accion .btn { width: 100%; }
}
.v3 .vs-marco { padding: 8px 20px 12px; border-radius: var(--r-xl); background: var(--superficie); box-shadow: 0 0 0 1px var(--borde-suave); }
.v3.fastura-validacion-ose-pse .vs-tabla thead th { font-size: 14.5px; }
@media (min-width: 768px) {
.v3.fastura-validacion-ose-pse .vs-tabla :is(thead, tbody, tfoot) > tr > :first-child { width: 30%; }
.v3.fastura-validacion-ose-pse .vs-tabla :is(th, td) { padding-block: 14px; }
}
.v3 .vs__aqui { font-weight: 600; color: var(--texto); }
@media (max-width: 767px) {
.v3 .vs-marco { padding: 4px 16px 12px; }
.v3.fastura-validacion-ose-pse .vs-tabla tr { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.v3.fastura-validacion-ose-pse .vs-tabla tfoot td:first-child { display: none; }
.v3.fastura-validacion-ose-pse .vs-tabla tfoot td { padding-top: 12px; }
}
.v3.fastura-validacion-ose-pse #cierre { --fondo-banda: var(--blanco); }
.v3.fastura-validacion-ose-pse #cierre .cierre-centro > .anillos { --an-r: clamp(160px, 14.6vw, 210px); }
/* v3/dominios.css */
.v3 .dom-logo { display: flex; align-items: center; height: 56px; min-width: 0; }
.v3 .dom-logo img { display: block; height: 40px; width: auto; max-width: 150px; object-fit: contain; object-position: left center; }
.v3 .dom-logo--rotulo { font: 800 30px/1 var(--fuente); letter-spacing: -.03em; color: var(--texto); }
.v3 .dom-logo--rotulo i { font-style: normal; color: var(--acento); }
.v3 .dom-logo--grande { height: 96px; }
.v3 .dom-logo--grande img { height: 72px; max-width: 240px; }
.v3 .dom-logo--grande.dom-logo--rotulo { font-size: 64px; }
.v3 .dom-hero { padding: 72px 0 56px; text-align: center; }
.v3 .dom-hero > .contenedor { position: relative; z-index: 1; max-width: 880px; }
.v3 .dom-hero .ruta { display: flex; justify-content: center; }
.v3 .dom-hero .t-lead { margin-inline: auto; max-width: 640px; }
.v3 .dom-hero__alt { margin-top: 18px; }
.v3 .dom-busca {
  display: flex; gap: 10px; flex-wrap: nowrap; margin: 28px auto 0; max-width: 720px;
  background: var(--blanco, #fff); border: 1px solid var(--borde-suave); border-radius: 999px;
  padding: 8px; box-shadow: 0 10px 30px color-mix(in srgb, var(--navy-900, #001144) 7%, transparent);
}
.v3 .dom-busca { align-items: center; }
.v3 .dom-busca .buscador { flex: 1; height: 52px; margin: 0; background: transparent; border: 0; box-shadow: none; padding-left: 14px; }
.v3 .dom-busca .buscador:focus-within { background: transparent; box-shadow: none; }
.v3 .dom-busca input, .v3 .dom-busca input:focus-visible {
  flex: 1; min-width: 0; height: 100%; padding: 0; border: 0; border-radius: 0; background: transparent;
  font: 500 17px/1 var(--fuente); color: var(--texto); outline: 0;
}
.v3 .dom-busca input::placeholder { color: var(--navy-600, #4f5a7a); }
.v3 .dom-busca .btn { border-radius: 999px; }
.v3 .dom-busca:focus-within { border-color: var(--int-200, #b7c6ff); box-shadow: 0 0 0 4px color-mix(in srgb, var(--foco, #1f44d6) 12%, transparent); }
.v3 .dom-busca__sufijo { font: 700 17px/1 var(--fuente); color: var(--interaccion); padding-right: 6px; white-space: nowrap; }
.v3 .dom-logos { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 10px 14px; margin: 22px 0 0; padding: 0; list-style: none; }
.v3 .dom-logos li { display: flex; align-items: center; gap: 10px; background: var(--blanco, #fff); border: 1px solid var(--borde-suave); border-radius: 14px; padding: 6px 14px 6px 10px; }
.v3 .dom-logos .dom-logo { height: 34px; }
.v3 .dom-logos .dom-logo img { height: 24px; max-width: 90px; }
.v3 .dom-logos .dom-logo--rotulo { font-size: 19px; }
.v3 .dom-logos__ext { font: 700 14px/1 var(--fuente); color: var(--texto); }
.v3 .dom-logos [data-precio] { font: 600 14px/1 var(--fuente); color: var(--texto-2); }
.v3 .dom-pestanas .segmentado { margin-bottom: 16px; max-width: 100%; overflow-x: auto; }
.v3 .dom-catalogo { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.v3 .dom-catalogo + .dom-catalogo { margin-top: 16px; }
.v3 .dom-catalogo .tarjeta { display: flex; flex-direction: column; gap: 10px; padding: 18px 18px 16px; }
.v3 .dom-catalogo [hidden] { display: none; }
.v3 .dom-catalogo .dom-logo { height: 52px; }
.v3 .dom-catalogo__ext { font: 700 16px/1.1 var(--fuente); color: var(--texto); letter-spacing: -.01em; }
.v3 .dom-catalogo__uso { margin: 0; min-height: 20px; font-size: 14px; color: var(--texto-2); }
.v3 .dom-catalogo__precio { display: flex; align-items: baseline; gap: 6px; margin: auto 0 0; padding-top: 10px; border-top: 1px solid var(--borde-suave); }
.v3 .dom-catalogo__precio b { font: 700 19px/1 var(--fuente); color: var(--texto); }
.v3 .dom-catalogo__precio small { color: var(--texto-2); }
.v3 .dom-catalogo .enlace { font-size: 14px; }
.v3 .dom-catalogo__pie { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 24px; margin-top: 18px; }
.v3 .dom-nota { color: var(--texto-2); font-size: 14px; }
.v3 .dom-catalogo .tarjeta > b { font: 700 17px/1.25 var(--fuente); color: var(--texto); }
.v3 .dom-ilus { margin: 0; mix-blend-mode: darken; }
.v3 .dom-ilus img, .v3 .dom-ilus .ilus-anim, .v3 .dom-ilus .ilus-anim svg { display: block; width: 100%; height: auto; }
.v3 .dom-pasos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; margin: 8px 0 0; padding: 0; list-style: none; }
.v3 .dom-pasos li { padding-top: 18px; border-top: 2px solid var(--borde-suave); }
.v3 .dom-pasos li:first-child { border-top-color: var(--interaccion); }
.v3 .dom-pasos .mosaico { margin-bottom: 6px; }
.v3 .dom-pasos__n { font: 600 13px/1 var(--fuente); letter-spacing: .02em; color: var(--texto-2); }
.v3 .dom-pasos h3 { margin: 10px 0 8px; font: 700 19px/1.25 var(--fuente); color: var(--texto); }
.v3 .dom-pasos p { margin: 0; font-size: 15.5px; line-height: 1.55; color: var(--texto-2); }
.v3 .dom-lado { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }
.v3 .dom-lado > * { min-width: 0; }
.v3 .dom-gana { display: grid; gap: 18px; margin: 22px 0 0; padding: 0; list-style: none; }
.v3 .dom-gana li { display: grid; grid-template-columns: auto 1fr; gap: 14px; }
.v3 .dom-gana b { display: block; margin-bottom: 3px; font-size: 16.5px; color: var(--texto); }
.v3 .dom-gana span { font-size: 15.5px; line-height: 1.55; color: var(--texto-2); }
.v3 .dom-ciclo { background: var(--blanco, #fff); border: 1px solid var(--borde-suave); border-radius: 24px; padding: 28px 28px 24px; }
.v3 .dom-ciclo__marco { overflow-x: auto; }
.v3 .dom-ciclo__fila { display: grid; grid-template-columns: var(--cols); gap: 6px; align-items: start; }
.v3 .dom-ciclo__fila + .dom-ciclo__fila { margin-top: 10px; }
.v3 .dom-ciclo__tramo { display: flex; flex-direction: column; gap: 8px; min-width: 0; }
.v3 .dom-ciclo__cab { font: 700 14px/1.2 var(--fuente); color: var(--texto); }
.v3 .dom-ciclo__dur { font: 600 13px/1.2 var(--fuente); color: var(--texto-2); }
.v3 .dom-ciclo__barra { height: 12px; border-radius: 999px; background: var(--c); }
.v3 .dom-ciclo__que { margin: 0; font-size: 14px; line-height: 1.45; color: var(--texto-2); }
.v3 .dom-ciclo__hito { padding-left: 8px; border-left: 2px solid var(--borde-suave); font: 600 12px/1.2 var(--fuente); color: var(--texto-2); }
.v3 .dom-ciclo__nota { margin: 18px 0 0; font-size: 14px; color: var(--texto-2); }
.v3 .dom-ciclo .chip { vertical-align: middle; margin-left: 4px; }
.v3 .dom-c--activo { --c: var(--ok, #16a34a); }
.v3 .dom-c--gracia { --c: var(--aviso, #f59e0b); }
.v3 .dom-c--redencion { --c: var(--error, #dc2626); }
.v3 .dom-c--borrado { --c: var(--navy-300, #94a3b8); }
.v3 .dom-c--libre { --c: var(--borde-suave, #e2e8f0); }
.v3 .dom-recuperar { margin-top: 16px; }
.v3 .dom-recuperar > summary { cursor: pointer; font: 700 15px/1.3 var(--fuente); color: var(--interaccion); padding: 6px 0; }
.v3 .dom-recuperar > summary:focus-visible { outline: 2px solid var(--foco, #1f44d6); outline-offset: 3px; border-radius: 6px; }
.v3 .dom-recuperar .tabla-marco { margin-top: 10px; max-width: 560px; }
.v3 .dom-ficha-hero { display: grid; grid-template-columns: 1.15fr .85fr; gap: 48px; align-items: center; padding: 56px 0 48px; position: relative; z-index: 1; }
.v3 .dom-ficha-hero > * { min-width: 0; }
.v3 .dom-ficha-hero h1 { margin-top: 6px; }
.v3 .dom-ficha-hero .dom-busca { margin: 24px 0 0; max-width: none; }
.v3 .dom-datos { padding: 26px 28px; background: var(--blanco, #fff); border: 1px solid var(--borde-suave); border-radius: 24px; box-shadow: 0 12px 32px color-mix(in srgb, var(--navy-900, #001144) 7%, transparent); }
.v3 .dom-datos__etiqueta { display: block; margin-bottom: 8px; font: 600 13px/1 var(--fuente); color: var(--texto-2); }
.v3 .dom-datos__precio { display: flex; align-items: baseline; gap: 8px; margin: 0 0 18px; padding-bottom: 18px; border-bottom: 1px solid var(--borde-suave); }
.v3 .dom-datos__precio b { font: 700 34px/1 var(--fuente); color: var(--texto); }
.v3 .dom-datos__precio small { color: var(--texto-2); }
.v3 .dom-datos dl { display: grid; grid-template-columns: auto 1fr; gap: 12px 18px; margin: 0; }
.v3 .dom-datos dt { font: 600 13px/1.4 var(--fuente); color: var(--texto-2); }
.v3 .dom-datos dd { margin: 0; font: 500 15px/1.4 var(--fuente); color: var(--texto); }
.v3 .dom-datos .lista-check { margin-top: 12px; }
.v3 .dom-dos { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: start; }
.v3 .dom-dos > * { min-width: 0; }
.v3 .dom-dos .tabla-marco { margin-top: 14px; }
.v3 .dom-dos h3 { margin: 6px 0 0; }
.v3 td.dom-celda-logo .dom-logo { height: 30px; }
.v3 td.dom-celda-logo .dom-logo img { height: 22px; max-width: 80px; }
.v3 td.dom-celda-logo .dom-logo--rotulo { font-size: 18px; }
@media (max-width: 1000px) {
.v3 .dom-catalogo { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.v3 .dom-pasos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.v3 .dom-lado, .v3 .dom-ficha-hero, .v3 .dom-dos { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
.v3 .dom-hero { padding: 48px 0 40px; }
.v3 .dom-busca { flex-direction: column; border-radius: 20px; }
.v3 .dom-busca .btn { width: 100%; }
.v3 .dom-catalogo { gap: 10px; }
.v3 .dom-catalogo .tarjeta { padding: 14px; }
.v3 .dom-pasos { grid-template-columns: 1fr; }
.v3 .dom-ciclo { padding: 20px 16px; }
.v3 .dom-ciclo__fila { min-width: 620px; }
.v3 .dom-ficha-hero { padding: 40px 0 32px; }
}
.v3.dominios .bloque:not(.banda) { background: var(--blanco); }
.v3.dominios #cierre { --fondo-banda: var(--blanco); }
.v3.dominios .dudas { grid-template-columns: minmax(0, 1fr); gap: clamp(24px, 3vw, 36px); }
.v3.dominios .dudas__cab { position: static; }
.v3 .dom-normas { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 28px 40px; }
.v3 .dom-normas > div { padding-top: 18px; border-top: 2px solid var(--borde-suave); }
.v3 .dom-normas h3 { margin: 0 0 8px; }
.v3 .dom-normas p { margin: 0; font-size: 15.5px; line-height: 1.6; color: var(--texto-2); }
.v3 .dom-normas__doc { margin: 28px 0 0; font-size: 14px; color: var(--texto-2); }
/* app-fastura.css */
.tiendas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.tiendas .tienda { display: inline-flex; align-items: center; gap: 10px; min-height: 52px; padding: 8px 18px 8px 14px; border-radius: var(--r-boton, 12px); background: var(--navy-950); color: var(--blanco); font: 600 17px/1.1 var(--fuente); text-decoration: none; }
.tiendas .tienda .logo-marca { --lm: 26px; }
.tiendas .tienda > span { display: grid; gap: 2px; }
.tiendas .tienda small { font: 500 11.5px/1 var(--fuente); opacity: .8; }
.tiendas a.tienda:is(:hover, :focus-visible) { background: var(--navy-900); color: var(--blanco); }
.tiendas .tienda--pronto { background: var(--superficie); color: var(--texto-2); box-shadow: inset 0 0 0 1px var(--borde-suave); }
.sfoot__app { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 20px; align-items: center; }
@media (min-width: 900px) {
  .sfoot__top { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .sfoot__app { padding-left: 56px; border-left: 1px solid rgb(255 255 255 / .08); margin-left: -28px; }
}
.sfoot__app-tel { display: block; width: clamp(60px, 6vw, 80px); aspect-ratio: 440 / 956; padding: 3px; border-radius: clamp(11px, 1.2vw, 15px); background: var(--navy-800); box-shadow: 0 0 0 1px rgb(255 255 255 / .14), 0 16px 32px -14px rgb(0 0 0 / .55); }
.sfoot__app-tel img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: calc(clamp(11px, 1.2vw, 15px) - 3px); }
.sfoot__app-texto { min-width: 0; }
.sfoot .sfoot__app-t { margin: 0; font: 600 20px/1.25 var(--fuente); letter-spacing: -0.01em; color: var(--blanco); }
.sfoot__app-t b { font-weight: 800; }
.sfoot__app-texto > p:not(.sfoot__app-t) { margin: 6px 0 0; font: 400 14.5px/1.5 var(--fuente); color: rgb(255 255 255 / .72); text-wrap: pretty; }
.sfoot__app .tiendas { margin-top: 14px; gap: 10px; }
.sfoot__app .tiendas .tienda { min-height: 46px; padding: 6px 16px 6px 12px; font-size: 16px; }
.sfoot .sfoot__app a.tienda { background: var(--blanco); color: var(--navy-950); }
.sfoot .sfoot__app a.tienda:is(:hover, :focus-visible) { background: var(--int-50); color: var(--navy-950); }
.sfoot__app .tienda--pronto { background: transparent; color: rgb(255 255 255 / .72); box-shadow: inset 0 0 0 1px rgb(255 255 255 / .26); }
@media (max-width: 599px) {
  .sfoot__app { row-gap: 0; column-gap: 16px; }
  .sfoot__app-tel { width: 52px; grid-row: 1 / span 2; }
  .sfoot__app-texto { display: contents; }
  .sfoot__app .tiendas { grid-column: 1 / -1; }
  .sfoot__app .tiendas .tienda { flex: 1 1 0; justify-content: center; padding-inline: 10px; }
}