/* buho.la · hoja única del sitio. La genera src/build.py desde las once 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}
/* tokens.css */
@font-face { font-family: 'Olive Display'; font-style: normal; font-weight: 700; font-display: swap; src: url('fonts/OliveDisplay-Bold.otf') format('opentype'), url('fonts/OliveDisplay-Bold.ttf') format('truetype'); }
:root {
  --buho-design-version: "2.5.0"; 
  --buho-navy-950: #001144;   
  --buho-navy-900: #00175D;
  --buho-navy-850: #001D77;
  --buho-navy-800: #012493;
  --buho-navy-750: #022AAF;
  --buho-navy-700: #0330CC;   
  --buho-blue-700: #02259F;
  --buho-blue-600: #0330CC;   
  --buho-blue-500: #3055D5;
  --buho-blue-400: #6D87E1;
  --buho-blue-300: #9FB0EC;
  --buho-blue-200: #CDD6F5;
  --buho-blue-100: #E6EAFA;
  --buho-blue-50:  #F6F8FD;
  --buho-pink-700: #CC0056;
  --buho-pink-600: #FF006F;   
  --buho-pink-500: #FB136E;
  --buho-pink-400: #FF599F;
  --buho-pink-300: #FFABCE;
  --buho-pink-200: #FFCFE0;
  --buho-pink-100: #FFE6EF;
  --buho-lavender-500: #BFB3DB;
  --buho-lavender-300: #D7CFE8;
  --buho-lavender-100: #EDE8F5;
  --buho-cream: #F5F6F7;
  --gray-950: #0B0F1A;
  --gray-900: #111827;
  --gray-800: #272C36;   
  --gray-700: #3B424F;
  --gray-600: #57688B;   
  --gray-500: #6B7280;
  --gray-400: #9AA3B2;
  --gray-300: #D6DAE0;   
  --gray-200: #E5E7EB;
  --gray-150: #EEF0F3;
  --gray-100: #F6F7F8;   
  --gray-50:  #F7F8F9;
  --white:    #FFFFFF;
  --color-bg:          var(--white);
  --color-bg-subtle:   var(--buho-cream);  
  --color-bg-muted:    var(--gray-50);     
  --color-surface:     var(--white);
  --color-surface-2:   var(--buho-cream);
  --color-border:      var(--gray-300);
  --color-border-soft: #EFEFEC;   
  --color-border-strong: var(--gray-400);
  --color-text:        var(--buho-navy-950);
  --color-text-muted:  var(--gray-600);
  --color-text-subtle: var(--gray-500);
  --color-text-inverse: var(--white);
  --color-primary:        var(--buho-navy-950);
  --color-primary-hover:  var(--buho-navy-900);
  --color-primary-contrast: var(--white);
  --color-accent:         var(--buho-pink-600);
  --color-accent-hover:   var(--buho-pink-700);
  --color-accent-subtle:  var(--buho-pink-100);
  --color-highlight:        var(--buho-blue-600);
  --color-highlight-soft:   var(--buho-blue-100);
  --color-highlight-contrast: var(--white);
  --color-brand-blue:     var(--buho-blue-600); 
  --color-brand-blue-subtle: var(--buho-blue-100);
  --color-success:        #17B26A;
  --color-success-bg:     #DCFAE6;
  --color-success-border: #A9EFC5;
  --color-success-ink:    #067647;   
  --color-warning:        #F79009;
  --color-warning-bg:     #FEF0C7;
  --color-warning-border: #FEDF89;
  --color-warning-ink:    #B54708;   
  --color-danger:         #F04438;
  --color-danger-bg:      #FEE4E2;
  --color-danger-border:  #FECDCA;
  --color-danger-ink:     #B42318;   
  --color-info:           #6172F3;
  --color-info-bg:        #E0EAFF;
  --color-info-border:    #C7D7FE;
  --color-info-ink:       #3538CD;   
  --font-sans: 'Figtree', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --font-display-identity: 'Olive Display', 'Figtree', sans-serif;
  --fs-display-2xl: clamp(56px, 6vw, 88px); 
  --fs-display-xl: clamp(44px, 5vw, 72px); 
  --fs-display-lg: clamp(36px, 4vw, 56px); 
  --fs-h1: 44px;
  --fs-h2: 34px;
  --fs-h3: 26px;
  --fs-h4: 20px;
  --fs-h5: 17px;
  --fs-body-lg: 18px;
  --fs-body: 16px;
  --fs-body-sm: 14px;
  --fs-caption: 13px;
  --fs-micro: 11px;
  --lh-tight: 1.05; 
  --lh-snug: 1.2; 
  --lh-normal: 1.45; 
  --lh-relaxed: 1.6; 
  --ls-tight: -0.025em; 
  --ls-snug: -0.015em; 
  --ls-normal: 0; 
  --ls-wide: 0.05em; 
  --ls-eyebrow: 0.12em; 
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-sm: 6px;     
  --radius-md: 12px;    
  --radius-lg: 24px;    
  --radius-full: 9999px; 
  --shadow-xs: 0 1px 2px rgba(0, 17, 68, 0.05);
  --shadow-sm: 0 1px 3px rgba(0, 17, 68, 0.08), 0 1px 2px rgba(0, 17, 68, 0.04);
  --shadow-md: 0 4px 12px rgba(0, 17, 68, 0.08), 0 2px 4px rgba(0, 17, 68, 0.04);
  --shadow-lg: 0 12px 32px rgba(0, 17, 68, 0.10), 0 4px 8px rgba(0, 17, 68, 0.05);
  --shadow-xl: 0 24px 60px rgba(0, 17, 68, 0.14), 0 8px 16px rgba(0, 17, 68, 0.06);
  --shadow-glow-pink: 0 8px 32px rgba(255, 0, 111, 0.22);
  --shadow-glow-blue: 0 8px 32px rgba(3, 48, 204, 0.22);
  --shadow-focus-ring: 0 0 0 3px rgba(3, 48, 204, 0.18);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1); 
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1); 
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); 
  --dur-fast: 120ms; 
  --dur-base: 200ms; 
  --dur-slow: 320ms; 
  --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; 
  --container: 1200px;
  --container-wide: 1360px;
  --density-scale: 1; 
}
[data-density="compact"]  { --density-scale: 0.82;  }
[data-density="comfortable"] { --density-scale: 0.92;  }
[data-density="amplia"]   { --density-scale: 1;  }
[data-theme="dark"] {
  --color-bg:          #0A1030;
  --color-bg-subtle:   #0F1740;
  --color-bg-muted:    #13205C;
  --color-surface:     #0F1740;
  --color-surface-2:   #172460;
  --color-border:      #23326E;
  --color-border-strong: #344585;
  --color-text:        #F4F6FE;
  --color-text-muted:  #A8B6EA;
  --color-text-subtle: #6F87DD;
  --color-text-inverse: var(--buho-navy-950);
  --color-primary:        var(--white);
  --color-primary-hover:  var(--buho-blue-200);
  --color-primary-contrast: var(--buho-navy-950);
  --color-success-bg:     #053321;
  --color-success-border: #085D3A;
  --color-success-ink:    #75E0A7;   
  --color-warning-bg:     #4E1D09;
  --color-warning-border: #93370D;
  --color-warning-ink:    #FEC84B;   
  --color-danger-bg:      #55160C;
  --color-danger-border:  #912018;
  --color-danger-ink:     #FDA29B;   
  --color-info-bg:        #2D3282;
  --color-info-border:    #444CE7;
  --color-info-ink:       #A4BCFD;   
}
*, *::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; }
/* brands.css */
.theme-fastura {
  --fastura-navy:   #001144;  
  --fastura-navy-h: #0A2061;  
  --fastura-teal:   #00BFA5;  
  --fastura-teal-d: #00736A;  
  --fastura-teal-ink: #00796B;
  --fastura-teal-l: #CFEFE9;  
  --fastura-amber:  #FFB400;  
  --fastura-amber-d:#E09E00;  
  --fastura-amber-ink: #946400;
  --fastura-amber-l:#FFE8B0;  
  --fastura-bg:     #F4F8F8;
  --fastura-ink:    #001144;
  --color-primary:        var(--fastura-navy);
  --color-primary-hover:  var(--fastura-navy-h);
  --color-primary-contrast: #fff;
  --color-accent:         var(--fastura-teal);
  --color-accent-hover:   var(--fastura-teal-d);
  --color-accent-subtle:  var(--fastura-teal-l);
  --color-brand-blue:     var(--fastura-teal-d);
  --color-brand-blue-subtle: var(--fastura-teal-l);
  --color-bg-subtle:      var(--fastura-bg);
  --color-text:           var(--fastura-ink);
  --shadow-glow-pink: 0 8px 32px rgba(0, 191, 165, 0.30);
  --shadow-glow-blue: 0 8px 32px rgba(0, 17, 68, 0.22);
  --shadow-focus-ring: 0 0 0 3px rgba(0, 191, 165, 0.30);
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 10px;
  --radius-2xl: 14px;
}
.theme-fastura .btn { border-radius: var(--radius-sm); letter-spacing: 0.02em; }
.theme-fastura .btn--accent {
  background: var(--fastura-teal);
  color: var(--fastura-navy);
  font-weight: 700;
}
.theme-fastura .btn--accent:hover { background: var(--fastura-teal-d); color: #fff; }
.theme-fastura .btn--primary {
  background: var(--fastura-navy);
  color: #fff;
}
.theme-fastura .card { border-radius: var(--radius-lg); }
.theme-waya {
  --waya-green:    #8FD400;   
  --waya-green-d:  #74AD00;   
  --waya-green-ink:#557A00;   
  --waya-green-l:  #B6E84D;   
  --waya-purple:   #6D4AFF;   
  --waya-purple-d: #5333E0;
  --waya-purple-l: #9B82FF;
  --waya-cream:    #F5F6F7;
  --waya-ink:      #001144;   
  --color-primary:        var(--waya-ink);   
  --color-primary-hover:  #0A2061;
  --color-primary-contrast: #fff;
  --color-accent:         var(--waya-green); 
  --color-accent-hover:   var(--waya-green-d);
  --color-accent-subtle:  #E4FBE1;
  --color-brand-blue:     var(--waya-purple); 
  --color-brand-blue-subtle: #ECE4FB;
  --color-bg-subtle:      var(--waya-cream);
  --color-text:           var(--waya-ink);
  --shadow-glow-pink: 0 10px 36px rgba(143, 212, 0, 0.32);
  --shadow-glow-blue: 0 10px 36px rgba(109, 74, 255, 0.28);
  --shadow-focus-ring: 0 0 0 3px rgba(109, 74, 255, 0.22);
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --radius-2xl: 36px;
}
.logo-waya {
  display: inline-block;
  height: 32px;
  aspect-ratio: 2007 / 559;
  background: url(logos/Waya.svg) left center / contain no-repeat;
  font-size: 0;  
}
.logo-waya--light {
  background-image: url(logos/Waya-light.svg);
}
.theme-waya .btn { border-radius: 9999px; font-weight: 700; }
.theme-waya .btn--primary {
  background: var(--waya-purple);
  color: #fff;
}
.theme-waya .btn--accent {
  background: var(--waya-green);
  color: var(--waya-ink);
}
.theme-waya .card { border-radius: var(--radius-xl); }
.theme-buho {
  --color-primary: var(--buho-navy-950);
  --color-primary-hover: var(--buho-navy-900);
  --color-accent: var(--buho-pink-600);
  --color-accent-hover: var(--buho-pink-700);
  --color-brand-blue: var(--buho-blue-600);
}
.brand-chip {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  border-radius: 9999px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-text);
  background: var(--white);
  border: 1px solid var(--color-border);
  text-decoration: none;
  cursor: pointer;
  transition: all var(--dur-base) var(--ease-out);
}
.brand-chip:hover { border-color: var(--gray-500); }
.brand-chip--active {
  background: var(--color-primary);
  color: var(--color-primary-contrast);
  border-color: transparent;
}
.brand-chip .swatches {
  display: inline-flex;
  gap: 2px;
}
.brand-chip .swatches span {
  width: 10px; height: 10px;
  border-radius: 50%;
  border: 1px solid rgba(0,0,0,0.08);
}
/* motivos.css */
:root, .theme-buho, .motif-buho {
  --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);
}
.theme-fastura, .motif-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;
}
.theme-waya, .motif-waya {
  --motif-a: #8FD400; --motif-b: #6D4AFF;
  --motif-a-ink: #557A00; --motif-b-ink: #5333E0;
  --motif-a-soft: #E4FBE1; --motif-b-soft: #ECE4FB;
  --motif-a-light: #B6E84D; --motif-b-light: #9B82FF;
}
.aurora-light { position: relative; }
.aurora-light::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background:
    radial-gradient(120% 90% at 82% -10%, color-mix(in srgb, var(--motif-a) 11%, transparent), transparent 58%),
    radial-gradient(90% 80% at 8% 108%, color-mix(in srgb, var(--motif-b) 9%, transparent), transparent 60%);
}
.aurora-dark { position: relative; background: var(--buho-navy-950); }
.aurora-dark::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 0;
  background:
    radial-gradient(110% 90% at 12% -10%, color-mix(in srgb, var(--motif-a) 30%, transparent), transparent 60%),
    radial-gradient(100% 80% at 92% 112%, color-mix(in srgb, var(--motif-b) 34%, transparent), transparent 62%);
}
.aurora-dark > * { position: relative; z-index: 1; }
.ojo {
  position: absolute; z-index: 0; pointer-events: none;
  width: min(72%, 620px); aspect-ratio: 835 / 720;
  right: -12%; bottom: -38%;
}
.ojo::before, .ojo::after {
  content: ""; position: absolute; inset: 0;
  background: linear-gradient(118deg, var(--motif-a) 12%, var(--motif-b) 96%);
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='-120%20-120%20835%20720'%3E%3Cfilter%20id='b'%20x='-30%25'%20y='-30%25'%20width='160%25'%20height='160%25'%3E%3CfeGaussianBlur%20stdDeviation='34'/%3E%3C/filter%3E%3Cpath%20d='M314.635%2019.0078C394.053%20-2.48435%20472.223%20-3.70311%20536.877%205.24514C549.562%2022.0118%20557.323%2029.2423%20566.568%2049.0645C637.256%20200.622%20571.597%20380.81%20419.915%20451.525C268.233%20522.241%2087.9676%20456.706%2017.2803%20305.148C8.03635%20285.329%204.69303%20283.762%200%20263.272C34.5345%20208.266%2086.9187%20144.548%20154.754%2095.0742C126.948%20139.827%20121.011%20194.199%20144.94%20245.506C182.641%20326.337%20278.782%20361.289%20359.679%20323.574C440.575%20285.859%20475.593%20189.759%20437.894%20108.928C413.888%2057.4589%20367.006%2026.3567%20314.635%2019.0078Z'%20fill='black'%20filter='url(%23b)'/%3E%3C/svg%3E") center / contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='-120%20-120%20835%20720'%3E%3Cfilter%20id='b'%20x='-30%25'%20y='-30%25'%20width='160%25'%20height='160%25'%3E%3CfeGaussianBlur%20stdDeviation='34'/%3E%3C/filter%3E%3Cpath%20d='M314.635%2019.0078C394.053%20-2.48435%20472.223%20-3.70311%20536.877%205.24514C549.562%2022.0118%20557.323%2029.2423%20566.568%2049.0645C637.256%20200.622%20571.597%20380.81%20419.915%20451.525C268.233%20522.241%2087.9676%20456.706%2017.2803%20305.148C8.03635%20285.329%204.69303%20283.762%200%20263.272C34.5345%20208.266%2086.9187%20144.548%20154.754%2095.0742C126.948%20139.827%20121.011%20194.199%20144.94%20245.506C182.641%20326.337%20278.782%20361.289%20359.679%20323.574C440.575%20285.859%20475.593%20189.759%20437.894%20108.928C413.888%2057.4589%20367.006%2026.3567%20314.635%2019.0078Z'%20fill='black'%20filter='url(%23b)'/%3E%3C/svg%3E") center / contain no-repeat;
}
.ojo::before { opacity: .55; transform: scale(1.12); }
.ojo::after  { opacity: .42;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='-120%20-120%20835%20720'%3E%3Cfilter%20id='b'%20x='-30%25'%20y='-30%25'%20width='160%25'%20height='160%25'%3E%3CfeGaussianBlur%20stdDeviation='8'/%3E%3C/filter%3E%3Cpath%20d='M314.635%2019.0078C394.053%20-2.48435%20472.223%20-3.70311%20536.877%205.24514C549.562%2022.0118%20557.323%2029.2423%20566.568%2049.0645C637.256%20200.622%20571.597%20380.81%20419.915%20451.525C268.233%20522.241%2087.9676%20456.706%2017.2803%20305.148C8.03635%20285.329%204.69303%20283.762%200%20263.272C34.5345%20208.266%2086.9187%20144.548%20154.754%2095.0742C126.948%20139.827%20121.011%20194.199%20144.94%20245.506C182.641%20326.337%20278.782%20361.289%20359.679%20323.574C440.575%20285.859%20475.593%20189.759%20437.894%20108.928C413.888%2057.4589%20367.006%2026.3567%20314.635%2019.0078Z'%20fill='black'%20filter='url(%23b)'/%3E%3C/svg%3E");
          mask-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='-120%20-120%20835%20720'%3E%3Cfilter%20id='b'%20x='-30%25'%20y='-30%25'%20width='160%25'%20height='160%25'%3E%3CfeGaussianBlur%20stdDeviation='8'/%3E%3C/filter%3E%3Cpath%20d='M314.635%2019.0078C394.053%20-2.48435%20472.223%20-3.70311%20536.877%205.24514C549.562%2022.0118%20557.323%2029.2423%20566.568%2049.0645C637.256%20200.622%20571.597%20380.81%20419.915%20451.525C268.233%20522.241%2087.9676%20456.706%2017.2803%20305.148C8.03635%20285.329%204.69303%20283.762%200%20263.272C34.5345%20208.266%2086.9187%20144.548%20154.754%2095.0742C126.948%20139.827%20121.011%20194.199%20144.94%20245.506C182.641%20326.337%20278.782%20361.289%20359.679%20323.574C440.575%20285.859%20475.593%20189.759%20437.894%20108.928C413.888%2057.4589%20367.006%2026.3567%20314.635%2019.0078Z'%20fill='black'%20filter='url(%23b)'/%3E%3C/svg%3E"); }
.ojo--izq { right: auto; bottom: auto; left: -14%; top: -40%; transform: scaleX(-1); }
.ojo--sm  { width: min(58%, 440px); }
.ojo--claro::before, .on-light .ojo::before, .aurora-light .ojo::before { opacity: .28; }
.ojo--claro::after,  .on-light .ojo::after,  .aurora-light .ojo::after  { opacity: .22; }
.iris {
  position: absolute; z-index: 0; pointer-events: none; border-radius: 50%;
  width: 620px; height: 620px;
  background: radial-gradient(circle, color-mix(in srgb, var(--motif-a) 30%, transparent),
              color-mix(in srgb, var(--motif-b) 15%, transparent) 48%, transparent 74%);
  filter: blur(90px); animation: motivo-respira 18s ease-in-out infinite;
}
.iris--b {
  background: radial-gradient(circle, color-mix(in srgb, var(--motif-b) 34%, transparent),
              color-mix(in srgb, var(--motif-a) 14%, transparent) 50%, transparent 74%);
}
.bokeh { position: absolute; inset: 0; pointer-events: none; overflow: hidden; z-index: 0; }
.bokeh i {
  position: absolute; border-radius: 50%; filter: blur(30px);
  background: radial-gradient(circle, color-mix(in srgb, var(--motif-a) 42%, transparent), transparent 70%);
  animation: motivo-respira 16s ease-in-out infinite;
}
.bokeh i:nth-child(2n) {
  background: radial-gradient(circle, color-mix(in srgb, var(--motif-b) 46%, transparent), transparent 70%);
  animation-duration: 21s; animation-delay: -4s;
}
.bokeh i:nth-child(1) { width: 220px; height: 220px; left: 6%;  top: 12%; }
.bokeh i:nth-child(2) { width: 150px; height: 150px; left: 34%; top: 62%; }
.bokeh i:nth-child(3) { width: 190px; height: 190px; left: 62%; top: 8%;  }
.bokeh i:nth-child(4) { width: 120px; height: 120px; left: 82%; top: 54%; }
.bokeh i:nth-child(5) { width: 90px;  height: 90px;  left: 20%; top: 84%; }
.bokeh i:nth-child(6) { width: 160px; height: 160px; left: 48%; top: 30%; }
.bokeh i:nth-child(3n) { animation-duration: 24s; animation-delay: -8s; }
.bokeh--light i { filter: blur(38px);
  background: radial-gradient(circle, color-mix(in srgb, var(--motif-a) 20%, transparent), transparent 70%); }
.bokeh--light i:nth-child(2n) {
  background: radial-gradient(circle, color-mix(in srgb, var(--motif-b) 22%, transparent), transparent 70%); }
@keyframes motivo-respira {
  0%, 100% { transform: scale(1);    opacity: .85; }
  50%      { transform: scale(1.06); opacity: 1; }
}
.lente, em.lente { font-style: italic; font-weight: 300; color: var(--motif-a); }
.lente--dark, .on-dark .lente, .aurora-dark .lente, .sec--navy .lente { color: var(--motif-a-light); }
.gw { position: relative; z-index: 0; display: inline-block; white-space: nowrap; font-style: italic; font-weight: 300; }
.gw[data-gw]::before {
  content: attr(data-gw);
  position: absolute; inset: 0; z-index: -1; color: var(--motif-a-light);
  filter: blur(18px); opacity: .75; pointer-events: none;
  font-style: italic; font-weight: 300;
}
.gw .g {
  position: absolute; inset: 0; color: var(--motif-a-light);
  filter: blur(18px); opacity: .75; pointer-events: none;
  font-style: italic; font-weight: 300;
}
.gw .t { position: relative; font-style: italic; font-weight: 300; }
.spot { position: relative; display: inline-block; cursor: default; }
.spot__rev {
  position: absolute; inset: 0; pointer-events: none;
  background-image: linear-gradient(100deg, var(--motif-b), var(--motif-a));
  -webkit-background-clip: text; background-clip: text; 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%, rgba(0, 0, 0, .35) 55%, transparent 78%);
          mask: radial-gradient(circle 170px at var(--mx, 50%) var(--my, 50%), #000 0%, rgba(0, 0, 0, .35) 55%, transparent 78%);
}
.spot__rev * { color: transparent !important; -webkit-text-fill-color: transparent !important; }
.spot:hover .spot__rev { opacity: 1; }
.on-dark .spot__rev, .aurora-dark .spot__rev, .sec--navy .spot__rev, .phero--dark .spot__rev {
  background-image: linear-gradient(100deg, var(--motif-b-light), var(--motif-a-light));
}
@media (hover: none) { .spot__rev { display: none; } }
.cifra { display: inline-grid; gap: 4px; justify-items: start; }
.cifra > b {
  font: 600 clamp(26px, 2.6vw, 34px) / 1 var(--font-mono);
  letter-spacing: -.03em; color: var(--color-text);
  font-variant-numeric: tabular-nums; white-space: nowrap;
}
.cifra > small {
  font: 600 10.5px / 1 var(--font-sans); letter-spacing: .1em;
  text-transform: uppercase; color: var(--color-text-muted);
}
.cifra i, .cifra em { font-style: normal; color: var(--motif-a-ink); }
.cifra--c { justify-items: center; text-align: center; }
.on-dark .cifra > b, .aurora-dark .cifra > b, .sec--navy .cifra > b, .cifra--dark > b { color: #fff; }
.on-dark .cifra i, .aurora-dark .cifra i, .sec--navy .cifra i, .cifra--dark i { color: var(--motif-a-light); }
.on-dark .cifra > small, .aurora-dark .cifra > small, .sec--navy .cifra > small, .cifra--dark > small { color: rgba(255, 255, 255, .66); }
.num-grad {
  font-family: var(--font-mono); font-weight: 600; letter-spacing: -.03em;
  color: var(--color-text); background: none;
  -webkit-text-fill-color: currentColor; font-variant-numeric: tabular-nums;
}
.num-grad i { font-style: normal; color: var(--motif-a-ink); }
.on-dark .num-grad, .aurora-dark .num-grad, .sec--navy .num-grad, .num-grad--dark { color: #fff; }
.on-dark .num-grad i, .aurora-dark .num-grad i, .sec--navy .num-grad i, .num-grad--dark i { color: var(--motif-a-light); }
.capsula {
  display: inline-block; width: 16px; height: 8px; border-radius: 999px; flex-shrink: 0;
  vertical-align: middle; background: linear-gradient(90deg, var(--motif-a), var(--motif-b));
}
.corte {
  height: 3px; width: 160px; border: 0; margin: 0; border-radius: 999px;
  background: linear-gradient(90deg, var(--motif-a), var(--motif-b), transparent);
}
.corte--centro { background: linear-gradient(90deg, transparent, var(--motif-a), var(--motif-b), transparent); }
.activo { position: relative; }
.activo::after {
  content: ""; position: absolute; left: 0; bottom: -1px; width: 16px; height: 8px;
  border-radius: 999px; background: linear-gradient(90deg, var(--motif-a), var(--motif-b));
}
.activo--centro::after { left: 50%; transform: translateX(-50%); }
.pupila { position: relative; overflow: hidden; isolation: isolate; }
.pupila::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);
}
.pupila:hover::after, .pupila:focus-visible::after, .pupila.on::after, .pupila--fija::after {
  opacity: 1; transform: scale(1) rotate(0deg);
}
.on-dark .pupila::after, .aurora-dark .pupila::after, .sec--navy .pupila::after, .pupila--dark::after {
  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%);
}
.icono { display: inline-grid; place-items: center; width: 24px; height: 24px; font-size: 24px; flex-shrink: 0; color: var(--motif-b-ink); }
.icono--a { color: var(--motif-a-ink); }
.icono--sm { width: 20px; height: 20px; font-size: 20px; }
.on-dark .icono, .aurora-dark .icono, .sec--navy .icono { color: var(--motif-a-light); }
.vidrio {
  display: inline-grid; place-items: center; width: 44px; height: 44px;
  border-radius: var(--radius-md); background: rgba(255, 255, 255, .14);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .18);
}
.reticula { position: relative; }
.reticula::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .5;
  background-image: linear-gradient(rgba(0, 17, 68, .045) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(0, 17, 68, .045) 1px, transparent 1px);
  background-size: 44px 44px;
  -webkit-mask: radial-gradient(80% 70% at 50% 40%, #000, transparent 78%);
          mask: radial-gradient(80% 70% at 50% 40%, #000, transparent 78%);
}
.on-dark .reticula::before, .aurora-dark .reticula::before, .sec--navy .reticula::before {
  background-image: linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px);
}
@media (prefers-reduced-motion: no-preference) {
  .ojo::after { animation: ojo-abre 1.1s var(--ease-out) both; }
  @keyframes ojo-abre { from { opacity: 0; transform: scale(.94); } }
}
@media (prefers-reduced-motion: reduce) {
  .iris, .bokeh i { animation: none; }
  .spot__rev { display: none; }
  .pupila::after { transition: opacity .2s linear; transform: none; }
  .pupila:hover::after { transform: none; }
}
/* 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: 76px 0 34px; }
.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: 60px; 
              padding-bottom: 48px; border-bottom: 1px solid rgba(255,255,255,0.08); margin-bottom: 48px; }
.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: 11px; font-size: 14px; }
.fblog { margin-top: 52px; padding-top: 34px; 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 { grid-template-columns: 1fr; } }
.sfoot__legal { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 26px;
                margin-top: 44px; padding-top: 22px; font-size: 13px;
                border-top: 1px solid rgba(255,255,255,0.08); }
.sfoot__legal a { color: rgba(255,255,255,0.58); }
.sfoot__legal a:hover { color: #fff; }
.sfoot__libro { display: inline-flex; align-items: center; gap: 8px;
                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__bar { margin-top: 26px; border-top: 0; padding-top: 0; }
.sfoot__bar { margin-top: 52px; padding-top: 22px; 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; }
.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, .sfoot__cols { grid-template-columns: 1fr; gap: 34px; }
  .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: 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(5, 1fr); 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}
.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; }
}
/* 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;
}