/* =========================================================
       ANTI-BUBBLE OVERRIDES (Destruye el espacio blanco sobrante)
       ========================================================= */
    html, body {
      height: auto !important;
      min-height: 100% !important;
      overflow-y: visible !important;
      margin: 0; padding: 0;
      scroll-behavior: smooth;
    }
    
    .main-page, .Page, .bubble-element.Page, .bubble-element.HTML {
      min-height: 0px !important;
      height: auto !important;
      max-height: none !important;
      overflow: visible !important;
      padding-bottom: 0px !important;
      margin-bottom: 0px !important;
    }

    :root {
      --brand-dark: #1A2530;   
      --brand-cyan: #00B4D8;   
      --glass-bg: rgba(255, 255, 255, 0.85);
      --glass-border: rgba(26, 37, 48, 0.1); 
      --w: #ffffff;
      --n: #1d2d42;
      --max: 1180px;
      --r18: 18px;
      --r26: 26px;
      --dot-color: rgba(29, 45, 66, 0.08);
      --shadow: 0 22px 70px rgba(29,45,66,.12);
      --shadow2: 0 14px 40px rgba(29,45,66,.10);
      --line: rgba(29,45,66,.10);
      --muted: rgba(29,45,66,.70);
      --muted2: rgba(29,45,66,.62);
      --f-text: #4a5568;        
      --f-border: #eaeaea;      
      --f-light: #f8fafc;       
      --svg-stroke-light: rgba(29,45,66,.10);
      --svg-stroke-dark: rgba(29,45,66,.75);
      --svg-fill-light: rgba(29,45,66,.05);
      --svg-fill-medium: rgba(29,45,66,.10);
      --svg-fill-dark: rgba(29,45,66,.65);
      --chart-bg: #f8fafc;
      --chart-border: #e2e8f0;
      --chart-grid: #cbd5e1;
      --chart-fill: rgba(100, 116, 139, 0.1);
      --chart-line: #64748b;
      --chart-bar: #8492a6;
      --chart-text: #64748b;
    }

    .menares-landing {
      font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
      color: var(--n);
      background-color: var(--w);
      background-image:
        radial-gradient(900px 520px at 12% 0%, rgba(29,45,66,.06), transparent 60%),
        radial-gradient(820px 520px at 82% 12%, rgba(29,45,66,.05), transparent 62%),
        radial-gradient(var(--dot-color) 1px, transparent 1px);
      background-size: 100% 100%, 100% 100%, 24px 24px;
      width: 100%;
      display: flex;
      flex-direction: column; 
      box-sizing: border-box;
      overflow-x: hidden; 
    }
    
    .menares-landing * { box-sizing: border-box; }
    .menares-landing a { color: inherit; text-decoration: none; }

    /* =========================================================
       ENCABEZADO
       ========================================================= */
    .enterprise-header-wrapper { position: fixed; top: 25px; left: 0; width: 100%; z-index: 9999; padding: 0 4%; display: flex; justify-content: center; pointer-events: none; font-family: 'Montserrat', sans-serif; }
    .enterprise-nav-bar { width: 100%; max-width: 1350px; height: 76px; background: var(--glass-bg); backdrop-filter: blur(20px) saturate(150%); -webkit-backdrop-filter: blur(20px) saturate(150%); border: 1px solid var(--glass-border); border-radius: 24px; box-shadow: 0 15px 35px rgba(26, 37, 48, 0.08); display: flex; justify-content: flex-end; align-items: center; padding: 0 30px; position: relative; pointer-events: auto; }
    .brand-logo { position: absolute; left: 40px; top: -15px; z-index: 100; text-decoration: none; }
    .brand-logo img { height: 110px; width: auto; filter: drop-shadow(0 10px 20px rgba(26, 37, 48, 0.15)); transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.3s ease; }
    .brand-logo:hover img { transform: scale(1.05) translateY(-2px); }
    .nav-links { display: flex; gap: 12px; align-items: center; }
    
    .nav-link { color: var(--brand-dark); text-decoration: none; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; padding: 10px 22px; border: 1.5px solid rgba(26, 37, 48, 0.15); border-radius: 50px; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); display: flex; align-items: center; gap: 8px; }
    .nav-link i { font-size: 14px; color: var(--brand-cyan); transition: transform 0.3s ease; }
    .nav-link:hover { border-color: var(--brand-cyan); color: var(--brand-cyan); background-color: rgba(0, 180, 216, 0.04); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 180, 216, 0.1); }
    .nav-link:hover i { transform: translateX(3px); }

    /* NUEVO: ESTILOS DEL DROPDOWN */
    .dropdown { position: relative; display: flex; align-items: center; }
    .dropdown-menu { position: absolute; top: 120%; left: 0; background: #ffffff; border: 1px solid var(--glass-border); border-radius: 16px; box-shadow: 0 20px 40px rgba(0,0,0,0.15); min-width: 230px; opacity: 0; visibility: hidden; transform: translateY(15px); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); display: flex; flex-direction: column; padding: 10px 0; z-index: 1000; }
    .dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; transform: translateY(0); }
    .dropdown-menu a { color: var(--brand-dark); text-decoration: none; font-size: 11px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.5px; padding: 12px 25px; transition: 0.3s; }
    .dropdown-menu a:hover { background: rgba(0, 180, 216, 0.05); color: var(--brand-cyan); padding-left: 30px; }
    
    .menares-landing.dark-theme .dropdown-menu { background: #0f172a; border-color: rgba(255,255,255,0.1); }
    .menares-landing.dark-theme .dropdown-menu a { color: #f8fafc; }
    .menares-landing.dark-theme .dropdown-menu a:hover { background: rgba(0, 180, 216, 0.15); }

    .theme-toggle { background: none; border: none; font-size: 18px; color: var(--brand-dark); cursor: pointer; padding: 10px; margin-left: 15px; margin-right: 15px; transition: transform 0.3s, color 0.3s; display: flex; align-items: center; justify-content: center; }
    .theme-toggle:hover { transform: scale(1.1); color: var(--brand-cyan); }
    .mobile-menu-btn { display: none; background: none; border: none; cursor: pointer; align-items: center; gap: 10px; }
    .menu-text { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 2px; color: var(--brand-dark); transition: color 0.3s ease; }
    .mobile-menu-btn i { font-size: 24px; color: var(--brand-cyan); transition: transform 0.3s ease; }

    @media (max-width: 1024px) {
      .enterprise-header-wrapper { top: 12px; padding: 0 15px; } 
      .enterprise-nav-bar { height: 65px; padding: 0 20px; border-radius: 16px; justify-content: flex-end; } 
      .brand-logo { left: 20px; top: -5px; } 
      .brand-logo img { height: 75px; } 
      .nav-links { display: none; } 
      .mobile-menu-btn { display: flex; }
      
      .mobile-active .nav-links { display: flex; flex-direction: column; position: absolute; top: 100%; left: 0; width: 100%; background-color: var(--w); border: 1px solid var(--line); border-radius: 16px; margin-top: 12px; padding: 25px; box-shadow: 0 25px 50px rgba(0, 0, 0, 0.2); gap: 15px; z-index: 10000; }
      .mobile-active .nav-link { width: 100%; justify-content: center; padding: 14px; }

      /* DROPDOWN EN MÓVIL */
      .dropdown { flex-direction: column; width: 100%; align-items: stretch; }
      .dropdown > .nav-link { width: 100%; justify-content: center; } 
      .dropdown-menu { display: none; position: static; opacity: 1; visibility: visible; transform: none; box-shadow: none; border: none; background: transparent; padding: 0; margin-top: 10px; width: 100%; flex-direction: column; gap: 8px; }
      .dropdown.mobile-expanded .dropdown-menu { display: flex; animation: slideDown 0.3s ease forwards; }
      .dropdown.mobile-expanded > .nav-link i { transform: rotate(180deg); }
      @keyframes slideDown { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
      .dropdown-menu a { background: rgba(0, 180, 216, 0.05); border-radius: 12px; padding: 12px; font-size: 11px; text-align: center; border: 1px solid rgba(0,180,216,0.1); }
      .dropdown-menu a:hover { padding-left: 12px; background: rgba(0, 180, 216, 0.1); }
      .menares-landing.dark-theme .dropdown-menu { background: transparent; }
      .menares-landing.dark-theme .dropdown-menu a { background: rgba(255,255,255,0.05); border-color: rgba(255,255,255,0.1); }
    }

    /* =========================================================
       CONTENIDO Y ESPACIADOS
       ========================================================= */
    .container { width: min(var(--max), 92vw); margin: 0 auto; }
    .menares-landing section { padding: 65px 0; border-bottom: 1px solid var(--line); position: relative; z-index: 1; width: 100%; overflow: hidden;}
    .menares-landing section:last-of-type { border-bottom: none; }
    .kicker { display: inline-flex; align-items: center; gap: 10px; font-size: 12px; letter-spacing: .18em; text-transform: uppercase; color: var(--muted); font-weight: 800; }
    .kicker:before { content: ""; width: 34px; height: 2px; background: linear-gradient(90deg, var(--n), transparent); border-radius: 999px; }

    .hero { padding: 260px 0 70px 0 !important; position: relative; z-index: 1; margin-top: 0; }
    .hero-bg { position: absolute; inset: -1px; z-index: -1; background: radial-gradient(1100px 520px at 12% 0%, rgba(29,45,66,.08), transparent 62%), radial-gradient(920px 560px at 78% 12%, rgba(29,45,66,.06), transparent 62%); }
    .hero-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 40px; align-items: flex-start; }
    .menares-landing h1 { font-family: "Playfair Display", serif; font-size: 56px; line-height: 1.02; letter-spacing: -.02em; margin: 14px 0 14px; color: var(--n); }
    .hero p { color: var(--muted); font-size: 16px; max-width: 70ch; line-height: 1.75; }
    
    .chips { margin-top: 16px; display: flex; flex-wrap: wrap; gap: 10px; }
    .chip { font-size: 12px; padding: 9px 12px; border-radius: 999px; border: 1px solid var(--line); background: var(--w); box-shadow: 0 10px 30px rgba(0,0,0,.03); user-select: none; color: var(--n); display: flex; align-items: center; transition: all 0.2s ease; cursor: pointer; }
    .chip i { margin-right: 6px; color: var(--brand-cyan); font-size: 14px; }
    .chip:hover { border-color: var(--brand-cyan); transform: translateY(-1px); box-shadow: 0 12px 35px rgba(0,0,0,.05); }

    .hero-card { margin-top: 40px; border-radius: var(--r26); background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%); color: #fff; padding: 26px; box-shadow: var(--shadow); position: relative; overflow: hidden; transition: background 0.3s, border 0.3s, box-shadow 0.3s; }
    .hero-card:before { content: ""; position: absolute; inset: -2px; background: radial-gradient(520px 240px at 18% 18%, rgba(255,255,255,.08), transparent 60%), radial-gradient(520px 240px at 86% 10%, rgba(255,255,255,.06), transparent 62%); pointer-events: none; }
    .hero-card .headline { position: relative; font-family: "Playfair Display", serif; font-size: 32px; line-height: 1.06; letter-spacing: -.02em; color: #fff; }
    .hero-card .subline { position: relative; margin-top: 10px; font-size: 13px; color: rgba(255,255,255,.84); line-height: 1.55; max-width: 60ch; }
    .evidence { position: relative; margin-top: 14px; display: grid; grid-template-columns: 1fr; gap: 10px; }
    .evi { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; padding: 12px 12px; border-radius: 16px; border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.06); transition: background 0.2s ease; cursor: pointer; }
    .evi:hover { background: rgba(255,255,255, 0.09); }
    .evi .left { display: flex; flex-direction: column; gap: 6px; }
    .evi .metric { font-size: 22px; font-weight: 900; letter-spacing: -.01em; color:#fff;}
    .evi .desc { font-size: 12px; color: rgba(255,255,255,.84); line-height: 1.5; max-width: 48ch; }
    .evi a { font-size: 12px; color: #fff; border: 1px solid rgba(255,255,255,.22); background: rgba(255,255,255,.08); padding: 9px 10px; border-radius: 999px; white-space: nowrap; align-self: flex-start; transition: transform .18s ease, background .18s ease; }
    .evi a:hover { transform: translateY(-1px); background: rgba(255,255,255,.12); }

    .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: center; }
    .panel { border-radius: var(--r26); background: var(--w); border: 1px solid var(--line); box-shadow: var(--shadow2); padding: 26px; position: relative; overflow: hidden; transition: all 0.3s ease; }
    .panel:before { content: ""; position: absolute; inset: -2px; background: radial-gradient(520px 220px at 20% 0%, rgba(29,45,66,.06), transparent 62%), radial-gradient(520px 240px at 95% 10%, rgba(29,45,66,.05), transparent 65%); pointer-events: none; }
    .panel .inner { position: relative; }
    .title { font-family: "Playfair Display", serif; font-size: 36px; line-height: 1.08; letter-spacing: -.01em; margin: 12px 0 12px; color: var(--n); }
    .copy { color: var(--muted2); font-size: 15px; line-height: 1.75; max-width: 74ch; }

    .media { border-radius: var(--r26); overflow: hidden; border: 1px solid var(--line); box-shadow: var(--shadow); background: rgba(29,45,66,.03); position: relative; min-height: 320px; isolation: isolate; }
    .media:after { content: ""; position: absolute; inset: 0; background: radial-gradient(620px 260px at 20% 10%, rgba(29,45,66,.10), transparent 60%), radial-gradient(620px 260px at 90% 10%, rgba(29,45,66,.08), transparent 62%); z-index: 1; pointer-events: none; }
    .media img { width: 100%; height: 100%; min-height: 320px; display: block; object-fit: cover; transform: scale(1.03); transition: transform .75s ease, filter .75s ease; filter: saturate(1.0) contrast(1.02); position: relative; z-index: 0; }
    .media:hover img { transform: scale(1.08); }
    .badge { position: absolute; left: 16px; top: 16px; z-index: 2; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--n); background: var(--w); border: 1px solid var(--line); backdrop-filter: blur(10px); padding: 10px 12px; border-radius: 999px; box-shadow: 0 12px 30px rgba(0,0,0,.10); user-select: none; }

    .floating-alert { position: absolute; bottom: 20px; right: 20px; z-index: 5; background: rgba(255, 255, 255, 0.92); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); border: 1px solid var(--line); border-radius: 14px; padding: 14px 20px; box-shadow: 0 20px 40px rgba(0,0,0,0.15); display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; color: var(--n); animation: floatBox 4s ease-in-out infinite; pointer-events: none; }
    .floating-alert i { color: #10b981; font-size: 18px; }
    @keyframes floatBox { 0% { transform: translateY(0px); } 50% { transform: translateY(-12px); } 100% { transform: translateY(0px); } }

    .illustration { width: 100%; height: 100%; min-height: 320px; display: grid; place-items: center; position: relative; z-index: 0; padding: 24px; }
    .illu-card { width: min(520px, 92%); border-radius: 22px; border: 1px solid var(--line); background: var(--w); box-shadow: 0 16px 44px rgba(0,0,0,.08); overflow: hidden; }
    .illu-top { padding: 14px 16px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 10px; }
    .illu-top .t { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted); font-weight: 900; }
    .illu-top .pill { font-size: 12px; padding: 8px 10px; border-radius: 999px; border: 1px solid var(--line); color: var(--muted); background: var(--w); font-weight: 800; white-space: nowrap; }
    .illu-body { padding: 18px; }
    .illu-caption { margin-top: 12px; font-size: 12px; color: var(--muted2); line-height: 1.55; }

    .dash { border-radius: var(--r26); border: 1px solid var(--line); box-shadow: var(--shadow); background: var(--w); overflow: hidden; position: relative; min-height: 320px; transition: all 0.3s ease; }
    .dash:before { content: ""; position: absolute; inset: -2px; background: radial-gradient(620px 260px at 18% 10%, rgba(29,45,66,.08), transparent 62%), radial-gradient(520px 260px at 86% 12%, rgba(29,45,66,.06), transparent 62%); pointer-events: none; }
    .dash .inner { position: relative; padding: 18px; }
    .dash-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 12px; border-bottom: 1px solid var(--line); }
    .dash-pill { font-size: 12px; letter-spacing: .14em; text-transform: uppercase; padding: 10px 12px; border-radius: 999px; border: 1px solid var(--line); background: var(--w); color: var(--muted); font-weight: 900; }
    .dash-id { font-size: 12px; color: var(--muted2); font-weight: 600; }
    .dash-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
    
    .kpi { border-radius: 18px; border: 1px solid var(--line); background: var(--w); padding: 14px; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); cursor: pointer; }
    .kpi:hover { transform: translateY(-3px); box-shadow: 0 16px 44px rgba(0,0,0,.08); border-color: var(--brand-cyan); }
    .kpi .label { font-size: 12px; color: var(--muted); letter-spacing: .08em; text-transform: uppercase; font-weight: 900; }
    .kpi .value { margin-top: 6px; font-size: 22px; font-weight: 900; letter-spacing: -.02em; color: var(--n); transition: color 0.3s ease; }
    .kpi:hover .value { color: var(--brand-cyan); }
    .kpi .sub { margin-top: 8px; font-size: 12px; color: var(--muted2); line-height: 1.4; }
    
    .chart { grid-column: 1 / -1; border-radius: 18px; border: 1px solid var(--line); background: var(--w); padding: 20px; overflow: hidden; transition: all 0.3s ease; }
    .chart .head { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 15px; }
    .chart .head .t { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--chart-text); font-weight: 900; }
    .new-spark { width: 100%; height: 130px; border-radius: 12px; background: var(--chart-bg); border: 1px solid var(--chart-border); position: relative; overflow: hidden; }
    .new-spark svg { position: absolute; inset: 0; width: 100%; height: 100%; }
    .new-bars { display: grid; grid-template-columns: repeat(8, 1fr); gap: 6px; margin-top: 15px; align-items: end; height: 60px; }
    .new-bar { width: 100%; border-radius: 4px; background: var(--chart-bar); transition: transform 0.2s ease, background 0.2s ease; cursor: pointer; transform-origin: bottom; animation: growBars 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards; }
    .new-bar:hover { background: var(--brand-cyan); transform: scaleY(1.06); }
    @keyframes growBars { 0% { height: 0; } 100% { height: var(--wfill); } }

    /* =========================================
       CARRUSEL (Bucle 100% Continuo sin pausas)
       ========================================= */
    .menares-landing .clients-section { padding: 15px 0 35px 0 !important; background: transparent; position: relative; border-bottom: none; width: 100%; }
    .clients-header { text-align: center; margin-bottom: 20px; } 
    
    .marquee-wrapper { width: 100%; display: flex; overflow: hidden; position: relative; transform: translateZ(0); }
    .marquee-wrapper::before, .marquee-wrapper::after { content: ""; position: absolute; top: 0; width: 15vw; height: 100%; z-index: 2; pointer-events: none; }
    .marquee-wrapper::before { left: 0; background: linear-gradient(to right, var(--w) 0%, transparent 100%); }
    .marquee-wrapper::after { right: 0; background: linear-gradient(to left, var(--w) 0%, transparent 100%); }
    
    .marquee-track { display: flex; width: max-content; animation: scrollMarquee 40s linear infinite; }
    .marquee-group { display: flex; align-items: center; gap: 80px; padding-right: 80px; }
    
    .client-logo { width: 140px; height: 55px; object-fit: contain; filter: grayscale(100%) opacity(50%); transition: filter 0.4s ease, transform 0.4s ease; cursor: pointer; }
    .client-logo:hover { filter: grayscale(0%) opacity(100%); transform: scale(1.05); } 
    .logo-prado { mix-blend-mode: multiply; border-radius: 12px; }
    
    @keyframes scrollMarquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

    /* CTA y Botón */
    .menares-landing .cta { padding: 60px 0 80px; text-align: center; background: radial-gradient(1100px 520px at 12% 0%, rgba(29,45,66,.06), transparent 62%), radial-gradient(920px 560px at 78% 12%, rgba(29,45,66,.05), transparent 62%); transition: background 0.3s, border 0.3s; width: 100%; }
    .menares-landing .cta h2 { font-family: "Playfair Display", serif; font-size: 44px; line-height: 1.05; letter-spacing: -.02em; margin: 10px 0 10px; color: var(--n); }
    .cta p { color: var(--muted2); max-width: 78ch; margin: 0 auto 22px; line-height: 1.75; font-size: 15px; }
    .menares-cta-btn { display: inline-flex; justify-content: center; align-items: center; gap: 10px; padding: 16px 36px !important; background-color: var(--brand-dark) !important; color: #ffffff !important; border-radius: 14px; font-weight: 700; font-size: 16px; margin-top: 20px; transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); border: none; text-decoration: none; }
    .menares-cta-btn .arrow-icon { transition: transform 0.3s ease; }
    .menares-cta-btn:hover { transform: translateY(-4px); background-color: var(--brand-cyan) !important; box-shadow: 0 15px 30px rgba(0, 180, 216, 0.25) !important; color: #ffffff !important; }
    .menares-cta-btn:hover .arrow-icon { transform: translateX(5px); }

    /* =========================================================
       FOOTER
       ========================================================= */
    .premium-footer { position: relative; background-color: var(--w); font-family: 'Montserrat', sans-serif; padding: 70px 5% 0px; color: var(--brand-dark); border-top: 1px solid var(--f-border); transform: translateZ(0); width: 100%; box-sizing: border-box; }
    .premium-footer::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, var(--brand-dark), var(--brand-cyan), var(--brand-dark)); background-size: 200% 100%; animation: gradientMove 5s ease infinite; }
    @keyframes gradientMove { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }
    .pf-container { max-width: 1280px; margin: 0 auto; width: 100%; box-sizing: border-box; }
    
    .pf-grid { display: grid; grid-template-columns: 1fr 1.2fr 1.2fr 1.5fr 1.2fr 1.5fr; gap: 30px; margin-bottom: 40px; align-items: start; }
    
    .pf-title { font-size: 13px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; color: var(--n); margin-bottom: 20px; text-align: left; }
    .pf-col ul { list-style: none; padding: 0; margin: 0; text-align: left; }
    .pf-col ul li { margin-bottom: 12px; }
    .pf-link { font-size: 13px; font-weight: 500; color: var(--f-text); text-decoration: none; position: relative; transition: color 0.3s ease; display: inline-block; padding-bottom: 2px; }
    .pf-link::after { content: ''; position: absolute; width: 0; height: 1px; bottom: 0; left: 0; background-color: var(--brand-cyan); transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    .pf-link:hover { color: var(--n); }
    .pf-link:hover::after { width: 100%; }
    .pf-logo-col { text-align: left; }
    .pf-logo-col img { height: 55px; width: auto; margin-bottom: 25px; transition: transform 0.3s ease; }
    .pf-logo-col img:hover { transform: scale(1.02); }
    .pf-socials { display: flex; gap: 10px; justify-content: flex-start; }
    .pf-social-btn { display: inline-flex; align-items: center; justify-content: center; width: 36px; height: 36px; border-radius: 50%; background: var(--f-light); color: var(--n); text-decoration: none; font-size: 16px; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
    .pf-social-btn:hover { background: var(--brand-cyan); color: #ffffff; transform: translateY(-4px); box-shadow: 0 10px 20px rgba(0, 180, 216, 0.2); }
    .pf-contact { text-align: right; }
    .pf-contact .pf-title { text-align: right; }
    .pf-contact p { font-size: 13px; font-weight: 500; color: var(--f-text); line-height: 1.6; margin-bottom: 20px; }
    .pf-contact strong { color: var(--n); display: block; margin-bottom: 5px; font-weight: 700; }
    .pf-contact-link { color: var(--n); font-weight: 600; text-decoration: none; transition: color 0.3s ease; }
    .pf-contact-link:hover { color: var(--brand-cyan); }
    .pf-indicators-bar { background-color: var(--f-light); border-radius: 8px; padding: 15px 20px; display: flex; justify-content: center; align-items: center; gap: 20px; margin-bottom: 30px; font-size: 13px; color: var(--n); border: 1px solid var(--f-border); flex-wrap: wrap; }
    .pf-indicator-item { display: flex; align-items: center; gap: 8px; }
    .pf-indicator-item i { color: var(--brand-cyan); }
    .pf-indicator-item strong { font-weight: 700; }
    .live-ticker { display: inline-flex; align-items: center; gap: 8px; margin-right: 10px; font-weight: 800; color: #10b981; letter-spacing: 1px; }
    .live-dot { width: 8px; height: 8px; border-radius: 50%; background-color: #10b981; box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); animation: pulseDot 2s infinite; }
    @keyframes pulseDot { 0% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); } 70% { transform: scale(1); box-shadow: 0 0 0 8px rgba(16, 185, 129, 0); } 100% { transform: scale(0.95); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); } }
    
    .pf-bottom { 
      display: flex; 
      justify-content: space-between; 
      align-items: center; 
      padding-top: 25px; 
      padding-bottom: 70px; 
      border-top: 1px solid var(--f-border); 
      font-size: 13px; 
      color: var(--f-text); 
      box-sizing: border-box; 
    }
    .pf-bottom a { color: var(--f-text); text-decoration: none; transition: color 0.3s ease; }
    .pf-bottom a:hover { color: var(--brand-cyan); }

    /* RESPONSIVO GENERAL */
    @media (max-width: 1100px) { .pf-grid { grid-template-columns: repeat(3, 1fr); gap: 40px; } .pf-contact, .pf-contact .pf-title { text-align: left; } }
    @media (max-width: 980px) { .hero-grid { grid-template-columns: 1fr; } .hero { padding-top: 140px !important; } .menares-landing h1 { font-size: 42px; } .grid { grid-template-columns: 1fr; } .media, .media img, .illustration, .dash { min-height: 280px; } .dash-grid { grid-template-columns: 1fr; } .menares-landing .cta h2 { font-size: 36px; } }
    
    @media (max-width: 768px) {
      .client-logo { height: 40px; width: 110px; } .marquee-group { gap: 50px; padding-right: 50px; }
      .pf-grid { display: flex; flex-direction: column; gap: 40px; align-items: center; }
      .premium-footer { padding: 50px 5% 0px; }
      .pf-logo-col { display: flex; flex-direction: column; align-items: center; text-align: center; }
      .pf-logo-col img { height: 65px; margin-bottom: 15px; }
      .pf-socials { justify-content: center; }
      .pf-title { text-align: center; font-size: 14px; margin-bottom: 25px; }
      .pf-col { width: 100%; text-align: center; } 
      .pf-col ul { text-align: center; }
      .pf-col ul li { margin-bottom: 18px; } 
      .pf-contact, .pf-contact .pf-title { text-align: center; }
      .pf-indicators-bar { flex-direction: column; gap: 15px; text-align: center; padding: 20px 15px; }
      .pf-bottom { flex-direction: column; gap: 20px; text-align: center; line-height: 1.6; padding-bottom: 25px; } 
    }

    /* MODO OSCURO */
    .menares-landing.dark-theme {
      --w: #0f172a; --n: #f8fafc; --glass-bg: rgba(15, 23, 42, 0.85); --glass-border: rgba(255, 255, 255, 0.08); --shadow: 0 22px 70px rgba(0,0,0,0.5); --shadow2: 0 14px 40px rgba(0,0,0,0.4); --line: rgba(255,255,255,0.08); --muted: #cbd5e1; --muted2: #94a3b8; --brand-dark: #f8fafc; --f-text: #94a3b8; --f-border: rgba(255,255,255,0.08); --f-light: #1e293b; --svg-stroke-light: rgba(255,255,255,.10); --svg-stroke-dark: rgba(255,255,255,.75); --svg-fill-light: rgba(255,255,255,.05); --svg-fill-medium: rgba(255,255,255,.10); --svg-fill-dark: rgba(255,255,255,.80); --chart-bg: #1e293b; --chart-border: var(--line); --chart-grid: rgba(255,255,255,0.1); --chart-fill: rgba(0, 180, 216, 0.15); --chart-line: var(--brand-cyan); --chart-bar: rgba(255,255,255,0.4); --chart-text: #94a3b8; --dot-color: rgba(255, 255, 255, 0.05);
    }
    
    .menares-landing.dark-theme .nav-link { color: #f8fafc; border-color: rgba(255, 255, 255, 0.3); background-color: rgba(255, 255, 255, 0.05); }
    .menares-landing.dark-theme .nav-link:hover { border-color: var(--brand-cyan); background-color: rgba(0, 180, 216, 0.15); }
    .menares-landing.dark-theme .mobile-active .nav-links { background-color: #0f172a; border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 25px 50px rgba(0,0,0,0.8); }

    .menares-landing.dark-theme .chip, .menares-landing.dark-theme .dash-pill, .menares-landing.dark-theme .illu-top .pill, .menares-landing.dark-theme .badge, .menares-landing.dark-theme .evi a { background: rgba(255,255,255,0.08); color: #fff; border-color: rgba(255,255,255,0.15); }
    .menares-landing.dark-theme .theme-toggle { color: #f8fafc; }
    .menares-landing.dark-theme .brand-logo img, .menares-landing.dark-theme .pf-logo-col img { filter: brightness(0) invert(1); }
    .menares-landing.dark-theme .floating-alert { background: rgba(30, 41, 59, 0.92); color: #f8fafc; border-color: rgba(255,255,255,0.1); box-shadow: 0 20px 40px rgba(0,0,0,0.5); }
    .menares-landing.dark-theme .menares-cta-btn { background-color: var(--brand-cyan) !important; color: #fff !important; }
    .menares-landing.dark-theme .menares-cta-btn:hover { background-color: #ffffff !important; color: var(--brand-dark) !important; box-shadow: 0 15px 30px rgba(255, 255, 255, 0.15) !important; }
    .menares-landing.dark-theme .hero-card { background: linear-gradient(180deg, #1e293b 0%, #0f172a 100%); border: 1px solid rgba(0, 180, 216, 0.3); box-shadow: 0 15px 50px rgba(0, 180, 216, 0.15); }
    .menares-landing.dark-theme .cta { background: radial-gradient(1100px 520px at 12% 0%, rgba(0, 180, 216, 0.1), transparent 62%), radial-gradient(920px 560px at 78% 12%, rgba(255,255,255,0.03), transparent 62%); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); box-shadow: 0 0 40px rgba(0, 180, 216, 0.1); }
    .menares-landing.dark-theme .kpi:hover { border-color: var(--brand-cyan); box-shadow: 0 16px 50px rgba(0, 180, 216, 0.2); }
    .menares-landing.dark-theme .kpi:hover .value { color: var(--brand-cyan); }
    .menares-landing.dark-theme .new-bar:hover { background: var(--brand-cyan); box-shadow: 0 0 20px rgba(0, 180, 216, 0.5); }
    .menares-landing.dark-theme .marquee-wrapper::before { background: linear-gradient(to right, var(--w) 0%, transparent 100%); }
    .menares-landing.dark-theme .marquee-wrapper::after { background: linear-gradient(to left, var(--w) 0%, transparent 100%); }
    .menares-landing.dark-theme .client-logo { filter: grayscale(100%) opacity(50%) brightness(200%); }
    .menares-landing.dark-theme .client-logo:hover { filter: grayscale(0%) opacity(100%) brightness(100%); }
    .menares-landing.dark-theme .logo-prado { mix-blend-mode: normal; background-color: #ffffff; padding: 6px; border-radius: 12px; }