/* ═══════════════════════════════════════════════════════════════════════════ * BIKOLAB — CSS MAESTRO UNIFICADO (VERSION OFICIAL 1.0) * Sitio: https://bikolab.co/ * Tipografías: Poppins (Titulares/Textos) + Google Sans Code (Métricas/Código) * Paleta: #57a672 (Verde) | #013237 / #0b3137 (Bosque) | #edf6f0 (Menta) | #ffffff * ═══════════════════════════════════════════════════════════════════════════ */ /* ── 00. VARIABLES Y DESIGN TOKENS GLOBALES ── */ :root { --biko-dark: #0b3137; --biko-dark-deep: #013237; --biko-green: #57a672; --biko-green-hover: #468c5e; --biko-light: #edf6f0; --biko-white: #ffffff; --biko-gray: #647a7d; --biko-border: #dce7e3; --biko-radius-btn: 100px; --biko-radius-card: 20px; --biko-font-sans: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; --biko-font-mono: 'Google Sans Code', 'JetBrains Mono', monospace; } @import url('https://fonts.googleapis.com/css2?family=Google+Sans+Code:wght@400;500;600;700&family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,600&display=swap'); /* ── 00.B NORMATIVA DE MARCA UNIVERSAL (PALABRA 'bikolab') ── */ .biko-brand-name, .bikolab-word, .biko-brand-light { font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important; font-weight: 800 !important; letter-spacing: -0.03em !important; color: #013237 !important; /* 'biko' en Verde Bosque Oscuro sobre fondo claro */ display: inline-block !important; text-transform: none !important; line-height: inherit !important; white-space: nowrap !important; } .biko-brand-name span, .bikolab-word span, .biko-brand-light span { color: #57a672 !important; /* 'lab' inalterable en Verde Vibrante */ font-weight: 400 !important; text-transform: none !important; } .biko-brand-dark, .bikolab-word.dark, .biko-brand-name.dark, .dark .biko-brand-name, .dark .bikolab-word, [data-theme="dark"] .biko-brand-name, [data-theme="dark"] .bikolab-word, header.biko-hdr.top .biko-lnk .biko-brand-name, .biko-mob-menu .biko-brand-name, .bk-footer .biko-brand-name, .bk-footer .bk-ft-brand-name, .bk-footer .bk-brand-dark { color: #ffffff !important; /* 'biko' en Blanco Puro sobre fondo oscuro */ } .biko-brand-dark span, .bikolab-word.dark span, .biko-brand-name.dark span, .dark .biko-brand-name span, .dark .bikolab-word span, [data-theme="dark"] .biko-brand-name span, [data-theme="dark"] .bikolab-word span, header.biko-hdr.top .biko-lnk .biko-brand-name span, .biko-mob-menu .biko-brand-name span, .bk-footer .biko-brand-name span, .bk-footer .bk-ft-brand-name span, .bk-footer .bk-brand-dark span { color: #57a672 !important; /* 'lab' inalterable en Verde Vibrante */ font-weight: 400 !important; } /* ═══════════════════════════════════════════════════════════════════════════ * SECCIÓN 00_SHIELD: RESETS GLOBALES Y AISLAMIENTO DE TEMA * ═══════════════════════════════════════════════════════════════════════════ */ /* ========================================================================== * BIKO NUCLEAR SHIELD - WORDPRESS / HOSTINGER AI THEME ISOLATION * Ubicacion recomendada: WordPress -> Apariencia -> Personalizar -> CSS Adicional * Proposito: Eliminar headers/footers fantasma y permitir paginas 100% full-width limpias. * ========================================================================== */ /* ═══════════════════════════════════════════════════════════════════════════ * SECCIÓN S01: S01: HEADER MASTER Y MODAL PRE-CALIFICADOR * ═══════════════════════════════════════════════════════════════════════════ */ :root{--biko-dark:#0b3137;--biko-green:#57a672;--biko-green-dark:#0b3137;--biko-light:#edf6f0;--biko-white:#ffffff;--biko-gray:#647a7d;--biko-border:#dce7e3;--biko-radius:100px;} /* ══ BLINDAJE ABSOLUTO CONTRA HEADER/FOOTER DE TEMAS FSE (HOSTINGER AI) ══ */ header.wp-block-template-part,footer.wp-block-template-part,a.skip-link,.wp-block-template-part[data-type="header"],.wp-block-template-part[data-type="footer"],.wp-block-navigation,.wp-block-social-links{display:none !important;visibility:hidden !important;height:0 !important;margin:0 !important;padding:0 !important;overflow:hidden !important;} body .wp-site-blocks{padding:0 !important;margin:0 !important;max-width:100% !important;width:100% !important;} header.biko-hdr,header.biko-hdr *,header.biko-hdr *:before,header.biko-hdr *:after,.biko-mob-menu,.biko-mob-menu *{box-sizing:border-box !important;margin:0;padding:0;list-style:none !important;text-decoration:none !important;font-family:'Poppins',sans-serif !important;} /* ══ BLINDAJE ABSOLUTO CONTRA WPAUTOP Y TEMAS DE WORDPRESS ══ */ header.biko-hdr br,.biko-mega br,.biko-mob-menu br{display:none !important;} header.biko-hdr p:empty,.biko-mega p:empty,.biko-mob-menu p:empty{display:none !important;margin:0 !important;padding:0 !important;width:0 !important;height:0 !important;} header.biko-hdr p,.biko-mega p{margin:0 !important;padding:0 !important;} header.biko-hdr ul,header.biko-hdr ol{margin:0 !important;padding:0 !important;list-style:none !important;} header.biko-hdr li{margin:0 !important;padding:0 !important;list-style:none !important;display:flex !important;align-items:center !important;} header.biko-hdr button{border:none !important;background:transparent !important;box-shadow:none !important;outline:none !important;font-family:inherit !important;cursor:pointer !important;} /* ══ ESTRUCTURA BASE HEADER ══ */ header.biko-hdr{height:76px !important;position:fixed !important;top:0 !important;left:0 !important;right:0 !important;width:100% !important;max-width:100% !important;display:flex !important;align-items:center !important;justify-content:center !important;z-index:99999999 !important;transition:background-color 0.35s ease,border-color 0.35s ease,box-shadow 0.35s ease !important;} body.admin-bar header.biko-hdr,.admin-bar header.biko-hdr{top:32px !important;} @media (max-width:782px){body.admin-bar header.biko-hdr,.admin-bar header.biko-hdr{top:46px !important;}} header.biko-hdr.top{background-color:#0b3137 !important;border-bottom:1px solid rgba(255,255,255,0.08) !important;box-shadow:none !important;} header.biko-hdr.scrl{background-color:rgba(255,255,255,0.98) !important;backdrop-filter:blur(14px) !important;-webkit-backdrop-filter:blur(14px) !important;border-bottom:1px solid #dce7e3 !important;box-shadow:0 4px 25px rgba(0,0,0,0.06) !important;} header.biko-hdr .biko-nav-in{display:flex !important;align-items:center !important;justify-content:space-between !important;width:100% !important;max-width:1300px !important;padding:0 32px !important;margin:0 auto !important;height:100% !important;} header.biko-hdr .biko-brand{display:flex !important;align-items:center !important;position:relative !important;height:36px !important;cursor:pointer !important;} header.biko-hdr .biko-brand img{height:36px !important;width:auto !important;max-height:36px !important;display:block !important;} header.biko-hdr.top .biko-brand .logo-normal{display:none !important;} header.biko-hdr.top .biko-brand .logo-hover{display:block !important;} header.biko-hdr.scrl .biko-brand .logo-normal{display:block !important;} header.biko-hdr.scrl .biko-brand .logo-hover{display:none !important;} header.biko-hdr .biko-nav-list{display:flex !important;align-items:center !important;gap:8px !important;} header.biko-hdr .biko-lnk{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;height:40px !important;padding:0 20px !important;border-radius:100px !important;font-size:14px !important;font-weight:600 !important;cursor:pointer !important;transition:all 0.25s ease !important;white-space:nowrap !important;background:transparent !important;border:none !important;line-height:1 !important;vertical-align:middle !important;} header.biko-hdr.top .biko-lnk{color:rgba(255,255,255,0.85) !important;} header.biko-hdr.top .biko-lnk:hover{color:#ffffff !important;background:rgba(255,255,255,0.14) !important;} header.biko-hdr.scrl .biko-lnk{color:#647a7d !important;} header.biko-hdr.scrl .biko-lnk:hover{color:#57a672 !important;background:#edf6f0 !important;} .biko-brand-name{font-family:'Poppins',sans-serif !important;font-weight:800 !important;letter-spacing:-0.03em !important;display:inline-block !important;} header.biko-hdr.top .biko-lnk .biko-brand-name{color:#ffffff !important;} header.biko-hdr.top .biko-lnk .biko-brand-name span{color:#57a672 !important;font-weight:400 !important;} header.biko-hdr.scrl .biko-lnk .biko-brand-name{color:#0b3137 !important;} header.biko-hdr.scrl .biko-lnk .biko-brand-name span{color:#57a672 !important;font-weight:400 !important;} .biko-mob-menu .biko-brand-name{color:#ffffff !important;} .biko-mob-menu .biko-brand-name span{color:#57a672 !important;font-weight:400 !important;} header.biko-hdr .biko-mega-li{position:relative !important;display:flex !important;align-items:center !important;} header.biko-hdr .biko-mega{position:absolute !important;top:calc(100% + 14px) !important;left:50% !important;transform:translateX(-50%) translateY(10px) !important;background:#ffffff !important;border-radius:20px !important;box-shadow:0 30px 60px rgba(11, 49, 55,0.16) !important;border:1px solid #dce7e3 !important;display:flex !important;opacity:0 !important;visibility:hidden !important;transition:all 0.25s ease !important;z-index:200 !important;overflow:hidden !important;min-width:640px !important;} header.biko-hdr .biko-mega-li:hover .biko-mega,header.biko-hdr .biko-mega-li.active .biko-mega{opacity:1 !important;visibility:visible !important;transform:translateX(-50%) translateY(0) !important;} header.biko-hdr .biko-mc{padding:28px 24px !important;flex:1 !important;border-right:1px solid #dce7e3 !important;text-align:left !important;} header.biko-hdr .biko-mc:last-child{border-right:none !important;} header.biko-hdr .biko-mt{font-size:11px !important;font-weight:800 !important;color:#9CA3AF !important;text-transform:uppercase !important;letter-spacing:.12em !important;margin-bottom:16px !important;display:block !important;} header.biko-hdr .biko-mi{display:flex !important;align-items:center !important;gap:14px !important;padding:12px 14px !important;border-radius:14px !important;transition:all 0.2s ease !important;margin-bottom:6px !important;background:transparent !important;} header.biko-hdr .biko-mi:hover{background:#edf6f0 !important;transform:translateX(4px) !important;} header.biko-hdr .biko-mi-cta{background:#f1f7f4 !important;border:1px solid #dce7e3 !important;} header.biko-hdr .biko-mi-cta:hover{background:#edf6f0 !important;border-color:#57a672 !important;transform:translateX(4px) !important;} header.biko-hdr .biko-mi-tag{background:rgba(87, 166, 114,0.14) !important;color:#0b3137 !important;font-size:10px !important;font-weight:700 !important;padding:2px 6px !important;border-radius:4px !important;margin-left:4px !important;display:inline-block !important;} header.biko-hdr .biko-mic{color:#57a672 !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;} header.biko-hdr .biko-mi p{font-size:14px !important;font-weight:700 !important;color:#0b3137 !important;margin:0 !important;line-height:1.2 !important;} header.biko-hdr .biko-mi small{font-size:12px !important;color:#647a7d !important;display:block !important;margin-top:3px !important;} header.biko-hdr .biko-nav-right{display:flex !important;align-items:center !important;} header.biko-hdr .biko-btn-p{display:inline-flex !important;align-items:center !important;justify-content:center !important;position:relative !important;padding:0 24px !important;border-radius:100px !important;font-size:14px !important;font-weight:700 !important;cursor:pointer !important;overflow:hidden !important;user-select:none !important;text-decoration:none !important;transition:all 0.3s ease !important;z-index:1 !important;line-height:1 !important;height:42px !important;} header.biko-hdr.top .biko-btn-p{border:2px solid #ffffff !important;color:#ffffff !important;background:transparent !important;} header.biko-hdr.top .biko-btn-p:hover{background:#57a672 !important;border-color:#57a672 !important;color:#ffffff !important;transform:translateY(-2px) !important;box-shadow:0 8px 20px rgba(87, 166, 114,0.3) !important;} header.biko-hdr.scrl .biko-btn-p{border:2px solid #0b3137 !important;color:#0b3137 !important;background:transparent !important;} header.biko-hdr.scrl .biko-btn-p:hover{background:#57a672 !important;border-color:#57a672 !important;color:#ffffff !important;transform:translateY(-2px) !important;box-shadow:0 8px 20px rgba(87, 166, 114,0.3) !important;} header.biko-hdr .biko-btn-p-content{position:relative !important;z-index:2 !important;display:inline-flex !important;align-items:center !important;gap:8px !important;line-height:1 !important;} header.biko-hdr .biko-burger{display:none !important;flex-direction:column !important;gap:6px !important;cursor:pointer !important;background:transparent !important;border:none !important;width:32px !important;padding:4px !important;z-index:1000000000 !important;} header.biko-hdr .biko-burger span{width:100% !important;height:2px !important;background:currentColor !important;transition:0.3s !important;display:block !important;} header.biko-hdr.top .biko-burger{color:#ffffff !important;} header.biko-hdr.scrl .biko-burger{color:#0b3137 !important;} header.biko-hdr .biko-burger.open span:nth-child(1){transform:translateY(8px) rotate(45deg) !important;color:#ffffff !important;} header.biko-hdr .biko-burger.open span:nth-child(2){opacity:0 !important;} header.biko-hdr .biko-burger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg) !important;color:#ffffff !important;} .biko-mob-menu{position:fixed !important;top:0 !important;right:-105% !important;width:100% !important;max-width:100% !important;height:100vh !important;background:#0b3137 !important;z-index:999999999 !important;padding:90px 28px 40px !important;display:flex !important;flex-direction:column !important;gap:16px !important;transition:right 0.4s cubic-bezier(0.83,0,0.17,1), visibility 0.4s ease, opacity 0.4s ease !important;overflow-y:auto !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;} .biko-mob-menu.open{right:0 !important;visibility:visible !important;opacity:1 !important;pointer-events:auto !important;} .biko-mob-menu .biko-mob-lnk{font-size:24px !important;font-weight:800 !important;color:#ffffff !important;display:block !important;text-decoration:none !important;} .biko-mob-menu .biko-mob-lnk span{color:#57a672 !important;} .biko-mob-menu .biko-mob-sub{display:flex !important;flex-direction:column !important;gap:10px !important;padding-left:12px !important;margin-top:4px !important;margin-bottom:8px !important;border-left:2px solid rgba(87, 166, 114,0.4) !important;} .biko-mob-menu .biko-mob-sub a{font-size:15px !important;font-weight:500 !important;color:rgba(255,255,255,0.75) !important;display:flex !important;align-items:center !important;gap:8px !important;} .biko-mob-menu .biko-btn-p{border:2px solid #ffffff !important;color:#ffffff !important;} .biko-mob-menu .biko-btn-p:hover{background-color:#57a672 !important;color:#ffffff !important;border-color:#57a672 !important;} @media (max-width:1024px){header.biko-hdr .biko-nav-list,header.biko-hdr .biko-nav-right{display:none !important;}header.biko-hdr .biko-burger{display:flex !important;}header.biko-hdr .biko-nav-in{padding:0 20px !important;}} /* ══ MODAL DE PRE-CALIFICACIÓN & SEGMENTACIÓN COMERCIAL ══ */ .bk-pcal-overlay{position:fixed !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;background:rgba(11,49,55,0.72) !important;backdrop-filter:blur(10px) !important;-webkit-backdrop-filter:blur(10px) !important;z-index:9999999999 !important;display:none !important;align-items:center !important;justify-content:center !important;padding:20px !important;box-sizing:border-box !important;} .bk-pcal-overlay.open{display:flex !important;} .bk-pcal-dialog{background:#ffffff !important;border-radius:24px !important;max-width:560px !important;width:100% !important;padding:34px 30px 26px !important;box-shadow:0 30px 70px rgba(11,49,55,0.28) !important;border:1px solid #dce7e3 !important;position:relative !important;box-sizing:border-box !important;max-height:90vh !important;overflow-y:auto !important;text-align:left !important;} .bk-pcal-close{position:absolute !important;top:18px !important;right:18px !important;width:34px !important;height:34px !important;border-radius:50% !important;background:#edf6f0 !important;color:#0b3137 !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:18px !important;cursor:pointer !important;border:none !important;transition:all .2s ease !important;line-height:1 !important;padding:0 !important;} .bk-pcal-close:hover{background:#0b3137 !important;color:#ffffff !important;} .bk-pcal-badge{font-family:'Google Sans Code',monospace !important;font-size:11px !important;font-weight:700 !important;color:#57a672 !important;background:rgba(87,166,114,0.14) !important;padding:4px 10px !important;border-radius:6px !important;display:inline-block !important;margin-bottom:12px !important;letter-spacing:0.04em !important;text-transform:uppercase !important;} .bk-pcal-title{font-size:21px !important;font-weight:800 !important;color:#0b3137 !important;line-height:1.28 !important;margin-bottom:6px !important;text-align:left !important;} .bk-pcal-sub{font-size:13px !important;color:#647a7d !important;line-height:1.5 !important;margin-bottom:22px !important;text-align:left !important;} .bk-pcal-step{display:none !important;} .bk-pcal-step.active{display:block !important;} .bk-pcal-q{font-size:14px !important;font-weight:700 !important;color:#0b3137 !important;margin-bottom:12px !important;text-align:left !important;display:flex !important;align-items:center !important;gap:8px !important;} .bk-pcal-q-num{font-family:'Google Sans Code',monospace !important;font-size:11px !important;background:#0b3137 !important;color:#ffffff !important;padding:2px 7px !important;border-radius:4px !important;} .bk-pcal-opts{display:flex !important;flex-direction:column !important;gap:9px !important;margin-bottom:18px !important;} .bk-pcal-btn-opt{width:100% !important;padding:12px 16px !important;border-radius:14px !important;border:1.5px solid #dce7e3 !important;background:#ffffff !important;color:#0b3137 !important;font-size:13px !important;font-weight:600 !important;cursor:pointer !important;text-align:left !important;display:flex !important;align-items:center !important;justify-content:space-between !important;transition:all .2s ease !important;box-sizing:border-box !important;} .bk-pcal-btn-opt:hover{border-color:#57a672 !important;background:#edf6f0 !important;transform:translateX(3px) !important;} .bk-pcal-opt-txt{display:flex !important;flex-direction:column !important;gap:2px !important;} .bk-pcal-opt-title{font-size:13px !important;font-weight:700 !important;color:#0b3137 !important;} .bk-pcal-opt-desc{font-size:11px !important;color:#647a7d !important;font-weight:400 !important;} .bk-pcal-res-card{border-radius:18px !important;padding:22px !important;margin-bottom:18px !important;text-align:left !important;} .bk-pcal-res-card.integral{background:#0b3137 !important;color:#ffffff !important;border:1px solid rgba(87,166,114,0.4) !important;} .bk-pcal-res-card.agil{background:#edf6f0 !important;color:#0b3137 !important;border:1.5px solid rgba(87,166,114,0.4) !important;} .bk-pcal-res-tag{font-family:'Google Sans Code',monospace !important;font-size:10px !important;font-weight:700 !important;padding:3px 8px !important;border-radius:6px !important;display:inline-block !important;margin-bottom:10px !important;text-transform:uppercase !important;letter-spacing:0.04em !important;} .bk-pcal-res-card.integral .bk-pcal-res-tag{background:rgba(87,166,114,0.2) !important;color:#6ee7b7 !important;} .bk-pcal-res-card.agil .bk-pcal-res-tag{background:rgba(11,49,55,0.08) !important;color:#0b3137 !important;} .bk-pcal-res-h{font-size:16px !important;font-weight:800 !important;margin-bottom:8px !important;line-height:1.3 !important;} .bk-pcal-res-card.integral .bk-pcal-res-h{color:#ffffff !important;} .bk-pcal-res-card.agil .bk-pcal-res-h{color:#0b3137 !important;} .bk-pcal-res-p{font-size:12px !important;line-height:1.55 !important;margin-bottom:16px !important;} .bk-pcal-res-card.integral .bk-pcal-res-p{color:rgba(255,255,255,0.82) !important;} .bk-pcal-res-card.agil .bk-pcal-res-p{color:#2a5047 !important;} .bk-pcal-actions{display:flex !important;flex-direction:column !important;gap:9px !important;} .bk-pcal-btn-main{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;padding:12px 20px !important;border-radius:100px !important;font-weight:700 !important;font-size:13px !important;text-decoration:none !important;transition:all .2s ease !important;cursor:pointer !important;border:none !important;text-align:center !important;} .bk-pcal-btn-main.cal{background:#57a672 !important;color:#ffffff !important;} .bk-pcal-btn-main.cal:hover{background:#468c5e !important;transform:translateY(-1px) !important;} .bk-pcal-btn-main.wa{background:#25D366 !important;color:#ffffff !important;} .bk-pcal-btn-main.wa:hover{background:#20ba59 !important;transform:translateY(-1px) !important;} .bk-pcal-btn-sec{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:6px !important;padding:10px 16px !important;border-radius:100px !important;font-weight:600 !important;font-size:12px !important;color:#647a7d !important;background:#ffffff !important;text-decoration:none !important;transition:all .2s ease !important;border:1px solid #dce7e3 !important;} .bk-pcal-btn-sec:hover{color:#0b3137 !important;border-color:#57a672 !important;} .bk-pcal-footer{margin-top:18px !important;padding-top:14px !important;border-top:1px solid #dce7e3 !important;display:flex !important;align-items:center !important;justify-content:space-between !important;font-size:11px !important;color:#647a7d !important;flex-wrap:wrap !important;gap:8px !important;} .bk-pcal-back{background:none !important;border:none !important;color:#57a672 !important;font-size:11px !important;font-weight:700 !important;cursor:pointer !important;display:inline-flex !important;align-items:center !important;gap:4px !important;padding:0 !important;} .bk-pcal-back:hover{text-decoration:underline !important;} .bk-pcal-social-links{display:flex !important;align-items:center !important;gap:12px !important;} .bk-pcal-social-links a{color:#647a7d !important;display:inline-flex !important;align-items:center !important;gap:4px !important;font-size:11px !important;font-weight:600 !important;transition:color .2s ease !important;} .bk-pcal-social-links a:hover{color:#57a672 !important;} @media (max-width:640px){.bk-pcal-dialog{padding:24px 18px 18px !important;border-radius:20px !important;}.bk-pcal-title{font-size:18px !important;}.bk-pcal-footer{flex-direction:column !important;align-items:flex-start !important;gap:10px !important;}} /* ═══════════════════════════════════════════════════════════════════════════ * SECCIÓN S02: S02: HERO SECTION Y MOCKUP INTERACTIVO * ═══════════════════════════════════════════════════════════════════════════ */ :root{--biko-dark:#0b3137;--biko-green:#57a672;--biko-green-dark:#0b3137;--biko-light:#edf6f0;--biko-white:#ffffff;--biko-gray:#647a7d;--biko-border:#dce7e3;--biko-radius:100px;} .bk-hero,.bk-hero *, .bk-hero *:before, .bk-hero *:after{box-sizing:border-box !important;margin:0;padding:0;font-family:'Poppins',sans-serif !important;} /* ══ BLINDAJE NUCLEAR CONTRA WPAUTOP Y TEMAS ══ */ .bk-hero br{display:none !important;} .bk-hero p:empty{display:none !important;margin:0 !important;padding:0 !important;width:0 !important;height:0 !important;} .bk-hero p{margin:0 !important;padding:0 !important;} .bk-hero a{text-decoration:none !important;} .bk-hero button{border:none !important;background:transparent !important;outline:none !important;cursor:pointer !important;} /* ══ LAYOUT HERO SECTION (DOS CAPAS: SECTION FULL-WIDTH + WRAP CENTRADO) ══ */ .bk-hero{padding:100px 24px 60px !important;background:#ffffff !important;width:100% !important;position:relative !important;} .bk-hero-wrap{max-width:1280px !important;margin:0 auto !important;display:grid !important;grid-template-columns:1.05fr 1fr !important;gap:70px !important;align-items:center !important;} @media (max-width:1024px){.bk-hero{padding:92px 24px 56px !important;text-align:center !important;}.bk-hero-wrap{grid-template-columns:1fr !important;gap:50px !important;}} /* ══ COLUMNA IZQUIERDA ══ */ .bk-hero-left{display:flex !important;flex-direction:column !important;align-items:flex-start !important;} @media (max-width:1024px){.bk-hero-left{align-items:center !important;}} .bk-badge{display:inline-flex !important;align-items:center !important;gap:8px !important;background:#edf6f0 !important;border:1px solid rgba(87, 166, 114,0.3) !important;color:#0b3137 !important;padding:8px 18px !important;border-radius:100px !important;font-size:13px !important;font-weight:600 !important;margin-bottom:24px !important;text-decoration:none !important;transition:all 0.3s ease !important;line-height:1 !important;} .bk-badge:hover{background:#0b3137 !important;color:#ffffff !important;border-color:#0b3137 !important;} .bk-bdot{width:8px !important;height:8px !important;background:#57a672 !important;border-radius:50% !important;display:inline-block !important;animation:bkBlink 1.4s ease-in-out infinite !important;} @keyframes bkBlink{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(1.4);}} .bk-hero h1{font-size:clamp(34px, 4.6vw, 62px) !important;font-weight:900 !important;line-height:1.08 !important;letter-spacing:-.035em !important;color:#0b3137 !important;margin-bottom:22px !important;text-align:left !important;} @media (max-width:1024px){.bk-hero h1{text-align:center !important;}} .bk-hero h1 em{color:#57a672 !important;font-style:normal !important;} .bk-sub{font-size:17px !important;color:#647a7d !important;line-height:1.65 !important;margin-bottom:34px !important;max-width:560px !important;text-align:left !important;} @media (max-width:1024px){.bk-sub{text-align:center !important;margin-left:auto !important;margin-right:auto !important;}} .bk-btns{display:flex !important;gap:14px !important;flex-wrap:wrap !important;align-items:center !important;} @media (max-width:1024px){.bk-btns{justify-content:center !important;}} .bk-btn-p{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;background:#57a672 !important;color:#ffffff !important;font-weight:700 !important;padding:0 30px !important;height:50px !important;border-radius:100px !important;font-size:15px !important;transition:all 0.3s ease !important;cursor:pointer !important;border:none !important;box-shadow:0 6px 20px rgba(87, 166, 114,0.3) !important;line-height:1 !important;} .bk-btn-p:hover{background:#0b3137 !important;color:#ffffff !important;transform:translateY(-2px) !important;box-shadow:0 10px 25px rgba(11, 49, 55,0.25) !important;} .bk-btn-g{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;background:transparent !important;border:1.5px solid #57a672 !important;color:#57a672 !important;font-weight:600 !important;padding:0 26px !important;height:50px !important;border-radius:100px !important;font-size:15px !important;transition:all 0.3s ease !important;cursor:pointer !important;line-height:1 !important;} .bk-btn-g:hover{color:#0b3137 !important;border-color:#0b3137 !important;background:rgba(11, 49, 55,0.04) !important;} .bk-proof{display:inline-flex !important;align-items:center !important;gap:14px !important;padding:12px 20px !important;background:#F4F7F6 !important;border-radius:16px !important;margin-top:34px !important;border:1px solid #dce7e3 !important;transition:all 0.3s ease !important;} .bk-proof:hover{background:#edf6f0 !important;border-color:rgba(87, 166, 114,0.3) !important;} @media (max-width:1024px){.bk-proof{margin:34px auto 0 !important;}} .bk-stars{color:#FBBF24 !important;letter-spacing:2px !important;font-size:15px !important;line-height:1 !important;} .bk-proof-text{text-align:left !important;} .bk-proof-num{font-size:13px !important;font-weight:800 !important;color:#0b3137 !important;line-height:1.2 !important;} .bk-proof-sub{font-size:11px !important;color:#647a7d !important;display:block !important;} .bk-proof-div{width:1px !important;height:32px !important;background:#dce7e3 !important;} .bk-proof-badge{display:flex !important;align-items:center !important;gap:6px !important;font-size:12px !important;font-weight:700 !important;color:#0b3137 !important;} /* ══ COLUMNA DERECHA (MOCKUP INTERACTIVO) ══ */ .bk-hero-right{position:relative !important;width:100% !important;max-width:620px !important;margin:0 auto !important;} .bk-mock-shell{background:#ffffff !important;border-radius:24px !important;padding:14px !important;border:1px solid #dce7e3 !important;box-shadow:0 35px 70px -15px rgba(11, 49, 55,0.14) !important;position:relative !important;} .bk-mock-inner{background:linear-gradient(145deg, #0b3137 0%, #0b3137 100%) !important;border-radius:18px !important;overflow:hidden !important;padding:24px 22px !important;color:#ffffff !important;} .bk-mock-top{display:flex !important;align-items:center !important;justify-content:space-between !important;border-bottom:1px solid rgba(255,255,255,0.1) !important;padding-bottom:14px !important;margin-bottom:18px !important;} .bk-mock-dots{display:flex !important;gap:6px !important;} .bk-mock-dot{width:10px !important;height:10px !important;border-radius:50% !important;} .bk-mock-title{font-size:12px !important;font-weight:600 !important;color:rgba(255,255,255,0.7) !important;letter-spacing:0.02em !important;} .bk-mock-status{display:flex !important;align-items:center !important;gap:6px !important;background:rgba(87, 166, 114,0.2) !important;padding:4px 10px !important;border-radius:100px !important;font-size:11px !important;font-weight:700 !important;color:#57a672 !important;} .bk-flow{display:flex !important;flex-direction:column !important;gap:12px !important;} .bk-flow-step{background:rgba(255,255,255,0.06) !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:12px !important;padding:12px 14px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;transition:all 0.25s ease !important;} .bk-flow-step:hover{background:rgba(255,255,255,0.12) !important;transform:translateX(4px) !important;} .bk-flow-left{display:flex !important;align-items:center !important;gap:12px !important;} .bk-flow-icon{width:36px !important;height:36px !important;border-radius:10px !important;background:#57a672 !important;color:#ffffff !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;} .bk-flow-h{font-size:13px !important;font-weight:700 !important;color:#ffffff !important;margin:0 !important;line-height:1.2 !important;text-align:left !important;} .bk-flow-s{font-size:11px !important;color:rgba(255,255,255,0.65) !important;margin-top:2px !important;display:block !important;text-align:left !important;} .bk-flow-badge{font-size:10px !important;font-weight:800 !important;color:#57a672 !important;background:rgba(87, 166, 114,0.15) !important;padding:4px 8px !important;border-radius:6px !important;text-transform:uppercase !important;} /* ══ PANEL DE MÉTRICAS OPERATIVAS (CERO OCLUSIÓN) ══ */ .bk-mock-metrics{display:grid !important;grid-template-columns:1fr 1fr !important;gap:12px !important;margin-top:16px !important;padding-top:16px !important;border-top:1px solid rgba(255,255,255,0.1) !important;} .bk-mock-metric-card{background:rgba(255,255,255,0.06) !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:12px !important;padding:12px 14px !important;text-align:left !important;transition:all 0.25s ease !important;} .bk-mock-metric-card:hover{background:rgba(255,255,255,0.12) !important;border-color:rgba(87, 166, 114,0.4) !important;transform:translateY(-2px) !important;} .bk-fc-label{font-size:10px !important;color:#6ee7b7 !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.08em !important;margin-bottom:3px !important;display:block !important;} .bk-fc-val{font-size:17px !important;font-weight:900 !important;color:#ffffff !important;line-height:1.2 !important;} .bk-fc-val em{color:#57a672 !important;font-style:normal !important;} .bk-fc-sub{font-size:11px !important;color:rgba(255,255,255,0.65) !important;display:block !important;margin-top:2px !important;} @media (max-width:520px){.bk-mock-metrics{grid-template-columns:1fr !important;gap:8px !important;}} /* ═══════════════════════════════════════════════════════════════════════════ * SECCIÓN S03: S03: ECOSISTEMA E INTEGRACIONES CLOUD * ═══════════════════════════════════════════════════════════════════════════ */ :root{--biko-dark:#0b3137;--biko-green:#57a672;--biko-green-dark:#0b3137;--biko-light:#edf6f0;--biko-white:#ffffff;--biko-gray:#647a7d;--biko-border:#dce7e3;} .bk-eco,.bk-eco *, .bk-eco *:before, .bk-eco *:after{box-sizing:border-box !important;margin:0;padding:0;font-family:'Poppins',sans-serif !important;} /* ══ BLINDAJE NUCLEAR CONTRA WPAUTOP Y TEMAS ══ */ .bk-eco br{display:none !important;} .bk-eco p:empty{display:none !important;margin:0 !important;padding:0 !important;width:0 !important;height:0 !important;} .bk-eco p{margin:0 !important;padding:0 !important;} /* ══ ESTRUCTURA DEL CONTENEDOR ══ */ .bk-eco{padding:40px 0 !important;overflow:hidden !important;position:relative !important;border-top:1px solid #dce7e3 !important;border-bottom:1px solid #dce7e3 !important;background:#ffffff !important;width:100% !important;} .bk-eco-label{text-align:center !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.15em !important;text-transform:uppercase !important;color:#9ca3af !important;margin-bottom:24px !important;display:block !important;} .bk-eco-wrap{overflow:hidden !important;position:relative !important;width:100% !important;} .bk-eco-track{display:flex !important;gap:65px !important;align-items:center !important;width:max-content !important;animation:bkScrollX 36s linear infinite !important;} .bk-eco-track:hover{animation-play-state:paused !important;} @keyframes bkScrollX{0%{transform:translateX(0);}100%{transform:translateX(-50%);}} /* ══ LOGOS E INTEGRACIONES LIBRES (SIN PÍLDORAS NI MARCOS) ══ */ .bk-eco-item{display:inline-flex !important;align-items:center !important;gap:12px !important;padding:0 !important;background:transparent !important;border:none !important;box-shadow:none !important;filter:grayscale(0.55) opacity(.78) !important;transition:all .3s cubic-bezier(0.16,1,0.3,1) !important;cursor:pointer !important;user-select:none !important;text-decoration:none !important;flex-shrink:0 !important;} .bk-eco-item:hover{filter:grayscale(0) opacity(1) !important;transform:scale(1.08) !important;} .bk-eco-name{font-size:15px !important;font-weight:700 !important;color:#4a686d !important;letter-spacing:-.01em !important;white-space:nowrap !important;transition:color .25s ease !important;} .bk-eco-item:hover .bk-eco-name{color:#0b3137 !important;} .bk-eco-logo{height:28px !important;width:28px !important;display:block !important;flex-shrink:0 !important;} /* ══ FADES LATERALES DE DESVANECIMIENTO ══ */ .bk-eco-wrap::before,.bk-eco-wrap::after{content:'' !important;position:absolute !important;top:0 !important;height:100% !important;width:220px !important;z-index:2 !important;pointer-events:none !important;} .bk-eco-wrap::before{left:0 !important;background:linear-gradient(to right, #ffffff 20%, rgba(255,255,255,0) 100%) !important;} .bk-eco-wrap::after{right:0 !important;background:linear-gradient(to left, #ffffff 20%, rgba(255,255,255,0) 100%) !important;} @media (max-width:768px){ .bk-eco{padding:28px 0 !important;} .bk-eco-track{gap:35px !important;} .bk-eco-item{gap:8px !important;} .bk-eco-name{font-size:13px !important;} .bk-eco-logo{height:22px !important;width:22px !important;} .bk-eco-wrap::before,.bk-eco-wrap::after{width:60px !important;} } /* ═══════════════════════════════════════════════════════════════════════════ * SECCIÓN S04: S04: BENTO GRID DE SERVICIOS CORE * ═══════════════════════════════════════════════════════════════════════════ */ :root{--biko-dark:#0b3137;--biko-green:#57a672;--biko-green-dark:#0b3137;--biko-light:#edf6f0;--biko-white:#ffffff;--biko-gray:#647a7d;--biko-border:#dce7e3;} .bk-bg-sec,.bk-bg-sec *, .bk-bg-sec *:before, .bk-bg-sec *:after{box-sizing:border-box !important;margin:0;padding:0;font-family:'Poppins',sans-serif !important;} /* ══ BLINDAJE NUCLEAR CONTRA WPAUTOP Y TEMAS ══ */ .bk-bg-sec br{display:none !important;} .bk-bg-sec p:empty{display:none !important;margin:0 !important;padding:0 !important;width:0 !important;height:0 !important;} .bk-bg-sec p{margin:0 !important;padding:0 !important;} .bk-bg-sec a{text-decoration:none !important;} .bk-bg-sec button{border:none !important;background:transparent !important;outline:none !important;cursor:pointer !important;} /* ══ ESTRUCTURA DE SECCIÓN ══ */ .bk-bg-sec{padding:72px 24px !important;background:#F4F7F6 !important;width:100% !important;position:relative !important;} .bk-bg-head{text-align:center !important;margin-bottom:42px !important;max-width:760px !important;margin-left:auto !important;margin-right:auto !important;} .bk-bg-lbl{font-size:12px !important;font-weight:800 !important;letter-spacing:.15em !important;text-transform:uppercase !important;color:#57a672 !important;display:block !important;margin-bottom:12px !important;} .bk-bg-sec h2{font-size:clamp(28px, 3.5vw, 44px) !important;font-weight:800 !important;letter-spacing:-.03em !important;color:#0b3137 !important;margin-bottom:14px !important;line-height:1.15 !important;} .bk-bg-sec h2 em{color:#57a672 !important;font-style:normal !important;} .bk-bg-sub{font-size:16px !important;color:#647a7d !important;line-height:1.6 !important;} /* ══ BENTO GRID ══ */ .bk-bg-grid{display:grid !important;grid-template-columns:repeat(4, 1fr) !important;gap:22px !important;max-width:1400px !important;margin:0 auto !important;} @media (max-width:1100px){.bk-bg-grid{grid-template-columns:repeat(2, 1fr) !important;}} @media (max-width:640px){ .bk-bg-grid{grid-template-columns:1fr !important;} .bk-card{height:auto !important;min-height:340px !important;padding:24px !important;} .bk-bg-sec{padding:48px 18px 56px !important;} } /* ══ TARJETAS ══ */ .bk-card{background:#ffffff !important;border-radius:22px !important;padding:28px !important;min-height:440px !important;height:100% !important;display:flex !important;flex-direction:column !important;overflow:hidden !important;position:relative !important;text-decoration:none !important;transition:all .35s ease !important;border:1px solid #dce7e3 !important;} .bk-card:hover{transform:translateY(-6px) !important;box-shadow:0 24px 50px rgba(11, 49, 55, 0.1) !important;border-color:rgba(87, 166, 114, 0.4) !important;} .bk-card-dark{background:linear-gradient(155deg, #0b3137 0%, #0b3137 100%) !important;border:1px solid rgba(87, 166, 114, 0.3) !important;} .bk-card-dark:hover{border-color:#57a672 !important;box-shadow:0 24px 50px rgba(11, 49, 55, 0.25) !important;} .bk-cbody{position:relative !important;z-index:2 !important;height:100% !important;display:flex !important;flex-direction:column !important;} .bk-cicon-wrap{width:48px !important;height:48px !important;border-radius:14px !important;background:#edf6f0 !important;display:flex !important;align-items:center !important;justify-content:center !important;margin-bottom:16px !important;color:#57a672 !important;flex-shrink:0 !important;} .bk-card-dark .bk-cicon-wrap{background:rgba(87, 166, 114, 0.18) !important;color:#57a672 !important;border:1px solid rgba(87, 166, 114, 0.3) !important;} .bk-ctag{font-size:11px !important;font-weight:800 !important;background:#edf6f0 !important;color:#57a672 !important;padding:4px 10px !important;border-radius:6px !important;width:fit-content !important;text-transform:uppercase !important;letter-spacing:.06em !important;margin-bottom:12px !important;} .bk-card-dark .bk-ctag{background:rgba(87, 166, 114, 0.18) !important;color:#6ee7b7 !important;} .bk-card h3{font-size:20px !important;font-weight:700 !important;line-height:1.25 !important;color:#0b3137 !important;margin-bottom:10px !important;} .bk-card-dark h3{color:#ffffff !important;margin-top:0 !important;margin-bottom:10px !important;} .bk-cdesc{font-size:13px !important;color:#647a7d !important;line-height:1.55 !important;margin-bottom:16px !important;} .bk-clink{font-size:13px !important;font-weight:700 !important;color:#0b3137 !important;margin-top:auto !important;display:inline-flex !important;align-items:center !important;gap:6px !important;transition:all .25s ease !important;text-decoration:none !important;} .bk-card:hover .bk-clink{color:#57a672 !important;gap:10px !important;} .bk-cbtn{background:#57a672 !important;color:#ffffff !important;font-weight:700 !important;padding:10px 20px !important;border-radius:100px !important;font-size:13px !important;transition:all .3s ease !important;border:none !important;display:inline-flex !important;align-items:center !important;gap:8px !important;text-decoration:none !important;width:fit-content !important;cursor:pointer !important;line-height:1 !important;} .bk-cbtn:hover{background:#ffffff !important;color:#0b3137 !important;box-shadow:0 8px 20px rgba(0,0,0,0.15) !important;} .bk-sprint-perks{display:flex !important;flex-direction:column !important;gap:8px !important;margin-bottom:18px !important;padding:0 !important;list-style:none !important;} .bk-sprint-perks li{display:flex !important;align-items:flex-start !important;gap:8px !important;font-size:12px !important;color:rgba(255,255,255,0.9) !important;line-height:1.35 !important;} .bk-sprint-perks li svg{flex-shrink:0 !important;margin-top:2px !important;} .bk-sprint-foot{display:flex !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:10px !important;margin-top:auto !important;} .bk-sprint-badge{font-family:'Google Sans Code',monospace !important;font-size:11px !important;font-weight:700 !important;color:#6ee7b7 !important;background:rgba(87,166,114,0.18) !important;padding:4px 8px !important;border-radius:6px !important;letter-spacing:.02em !important;} /* ══ BLOQUE MICRO-CASOS: ANTES VS. DESPUÉS (TASK-08) ══ */ .bk-cases-wrap{margin-top:80px !important;padding-top:70px !important;border-top:1px solid #dce7e3 !important;} .bk-cases-head{text-align:center !important;margin-bottom:46px !important;max-width:780px !important;margin-left:auto !important;margin-right:auto !important;} .bk-cases-head h3 em{color:#57a672 !important;font-style:normal !important;} .bk-cases-head .bk-bg-lbl{font-size:12px !important;font-weight:800 !important;letter-spacing:.15em !important;text-transform:uppercase !important;color:#57a672 !important;display:block !important;margin-bottom:12px !important;} .bk-cases-grid{display:grid !important;grid-template-columns:repeat(3, 1fr) !important;gap:24px !important;max-width:1400px !important;margin:0 auto !important;} @media (max-width:1024px){.bk-cases-grid{grid-template-columns:1fr !important;max-width:620px !important;margin:0 auto !important;}} .bk-case-card{background:#ffffff !important;border:1px solid #dce7e3 !important;border-radius:24px !important;padding:28px !important;display:flex !important;flex-direction:column !important;box-shadow:0 10px 30px rgba(11,49,55,0.04) !important;transition:all .3s ease !important;text-align:left !important;} .bk-case-card:hover{transform:translateY(-4px) !important;box-shadow:0 20px 45px rgba(11,49,55,0.08) !important;border-color:rgba(87,166,114,0.4) !important;} .bk-case-top{display:flex !important;align-items:center !important;justify-content:space-between !important;margin-bottom:16px !important;flex-wrap:wrap !important;gap:8px !important;} .bk-case-tag{font-family:'Google Sans Code',monospace !important;font-size:11px !important;font-weight:700 !important;color:#0b3137 !important;background:#edf6f0 !important;border:1px solid rgba(87,166,114,0.3) !important;padding:4px 10px !important;border-radius:6px !important;letter-spacing:.04em !important;} .bk-case-time{font-family:'Google Sans Code',monospace !important;font-size:11px !important;font-weight:700 !important;color:#647a7d !important;} .bk-case-title{font-size:18px !important;font-weight:800 !important;color:#0b3137 !important;margin-bottom:18px !important;line-height:1.3 !important;} .bk-case-flow{display:flex !important;flex-direction:column !important;gap:12px !important;margin-bottom:20px !important;} .bk-case-state{padding:14px 16px !important;border-radius:14px !important;display:flex !important;flex-direction:column !important;gap:4px !important;} .bk-case-state.before{background:#f8faf9 !important;border-left:4px solid #ef4444 !important;} .bk-case-state.after{background:#edf6f0 !important;border-left:4px solid #57a672 !important;} .bk-case-lbl{font-family:'Google Sans Code',monospace !important;font-size:11px !important;font-weight:700 !important;letter-spacing:.02em !important;display:flex !important;align-items:center !important;gap:6px !important;} .bk-case-state.before .bk-case-lbl{color:#dc2626 !important;} .bk-case-state.after .bk-case-lbl{color:#0b3137 !important;} .bk-case-desc{font-size:13px !important;line-height:1.5 !important;color:#2a5047 !important;margin:0 !important;} .bk-case-state.before .bk-case-desc{color:#647a7d !important;} .bk-case-kpi{margin-top:auto !important;padding:12px 16px !important;border-radius:12px !important;background:#0b3137 !important;color:#ffffff !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:8px !important;} .bk-case-kpi-txt{font-family:'Google Sans Code',monospace !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.02em !important;} .bk-case-kpi-txt em{color:#57a672 !important;font-style:normal !important;} .bk-case-kpi-ico{color:#57a672 !important;display:flex !important;align-items:center !important;} .bk-brand-light{font-family:'Poppins',sans-serif !important;font-weight:800 !important;color:#0b3137 !important;text-transform:none !important;letter-spacing:-0.03em !important;display:inline-block !important;} .bk-brand-light span{color:#57a672 !important;font-weight:400 !important;text-transform:none !important;} /* ═══════════════════════════════════════════════════════════════════════════ * SECCIÓN S04B: S04B: CÓMO TRABAJAMOS (CUSTOMER JOURNEY 4 FASES) * ═══════════════════════════════════════════════════════════════════════════ */ :root{--biko-dark:#0b3137;--biko-green:#57a672;--biko-green-dark:#0b3137;--biko-light:#edf6f0;--biko-white:#ffffff;--biko-gray:#647a7d;--biko-border:#dce7e3;} .bk-jour-sec,.bk-jour-sec *, .bk-jour-sec *:before, .bk-jour-sec *:after{box-sizing:border-box !important;margin:0;padding:0;font-family:'Poppins',sans-serif !important;} /* ══ BLINDAJE NUCLEAR CONTRA WPAUTOP Y TEMAS ══ */ .bk-jour-sec br{display:none !important;} .bk-jour-sec p:empty{display:none !important;margin:0 !important;padding:0 !important;width:0 !important;height:0 !important;} .bk-jour-sec p{margin:0 !important;padding:0 !important;} .bk-jour-sec a{text-decoration:none !important;} /* ══ ESTRUCTURA BASE ══ */ .bk-jour-sec{padding:72px 24px !important;background:#ffffff !important;color:#0b3137 !important;width:100% !important;position:relative !important;border-bottom:1px solid #dce7e3 !important;} .bk-jour-wrap{max-width:1280px !important;margin:0 auto !important;} .bk-jour-head{text-align:center !important;max-width:760px !important;margin:0 auto 42px !important;} .bk-jour-lbl{font-family:'Google Sans Code',monospace !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#57a672 !important;background:#edf6f0 !important;padding:5px 14px !important;border-radius:100px !important;display:inline-block !important;margin-bottom:16px !important;border:1px solid rgba(87, 166, 114,0.3) !important;} .bk-jour-head h2{font-size:clamp(28px, 3.8vw, 44px) !important;font-weight:900 !important;letter-spacing:-.03em !important;line-height:1.15 !important;color:#0b3137 !important;margin-bottom:14px !important;} .bk-jour-head h2 em{color:#57a672 !important;font-style:normal !important;} .bk-brand-light{font-family:'Poppins',sans-serif !important;font-weight:800 !important;color:#0b3137 !important;text-transform:none !important;letter-spacing:-0.03em !important;display:inline-block !important;} .bk-brand-light span{color:#57a672 !important;font-weight:400 !important;text-transform:none !important;} .bk-jour-sub{color:#647a7d !important;font-size:16px !important;line-height:1.6 !important;} /* ══ STEPPER HORIZONTAL 4 PASOS ══ */ .bk-jour-grid{display:grid !important;grid-template-columns:repeat(4, 1fr) !important;gap:20px !important;position:relative !important;margin-bottom:48px !important;} .bk-jour-card{background:#f1f7f4 !important;border:1.5px solid #dce7e3 !important;border-radius:20px !important;padding:28px 22px !important;display:flex !important;flex-direction:column !important;position:relative !important;transition:all .35s ease !important;text-align:left !important;} .bk-jour-card:hover{background:#ffffff !important;border-color:rgba(87,166,114,0.55) !important;box-shadow:0 16px 36px rgba(11,49,55,0.08) !important;transform:translateY(-4px) !important;} .bk-jour-card-top{display:flex !important;align-items:center !important;justify-content:space-between !important;margin-bottom:18px !important;} .bk-jour-step-num{font-family:'Google Sans Code',monospace !important;font-size:13px !important;font-weight:800 !important;color:#57a672 !important;background:#edf6f0 !important;border:1px solid rgba(87,166,114,0.35) !important;padding:4px 10px !important;border-radius:8px !important;letter-spacing:.04em !important;} .bk-jour-time{font-family:'Google Sans Code',monospace !important;font-size:11px !important;font-weight:700 !important;color:#647a7d !important;} .bk-jour-icon-wrap{width:46px !important;height:46px !important;border-radius:12px !important;background:#ffffff !important;border:1px solid #dce7e3 !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#0b3137 !important;margin-bottom:18px !important;box-shadow:0 6px 16px rgba(11,49,55,0.04) !important;transition:transform .3s ease, background .3s ease, color .3s ease, border-color .3s ease !important;} .bk-jour-card:hover .bk-jour-icon-wrap{background:#0b3137 !important;color:#57a672 !important;border-color:#0b3137 !important;transform:scale(1.08) !important;} .bk-jour-title{font-size:17px !important;font-weight:800 !important;color:#0b3137 !important;margin-bottom:10px !important;line-height:1.3 !important;} .bk-jour-desc{font-size:13px !important;color:#647a7d !important;line-height:1.55 !important;margin-bottom:18px !important;flex:1 !important;} .bk-jour-deliverable{background:#ffffff !important;border:1px dashed rgba(87,166,114,0.4) !important;border-radius:10px !important;padding:10px 12px !important;margin-top:auto !important;} .bk-jour-del-label{font-family:'Google Sans Code',monospace !important;font-size:10px !important;font-weight:800 !important;text-transform:uppercase !important;color:#57a672 !important;letter-spacing:.06em !important;display:block !important;margin-bottom:4px !important;} .bk-jour-del-txt{font-size:12px !important;font-weight:600 !important;color:#0b3137 !important;line-height:1.4 !important;display:flex !important;align-items:flex-start !important;gap:6px !important;} .bk-jour-del-txt svg{flex-shrink:0 !important;margin-top:2px !important;color:#57a672 !important;} /* ══ BARRA DE COMPROMISO & GARANTÍA ══ */ .bk-jour-footer{background:#0b3137 !important;border-radius:22px !important;padding:26px 32px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:24px !important;flex-wrap:wrap !important;color:#ffffff !important;box-shadow:0 14px 40px rgba(11,49,55,0.14) !important;} .bk-jour-foot-left{display:flex !important;align-items:center !important;gap:16px !important;} .bk-jour-foot-badge{width:44px !important;height:44px !important;border-radius:12px !important;background:rgba(87,166,114,0.18) !important;border:1px solid rgba(87,166,114,0.35) !important;display:flex !important;align-items:center !important;justify-content:center !important;color:#57a672 !important;flex-shrink:0 !important;} .bk-jour-foot-title{font-size:15px !important;font-weight:700 !important;color:#ffffff !important;margin-bottom:3px !important;} .bk-jour-foot-desc{font-size:13px !important;color:rgba(255,255,255,0.7) !important;} .bk-jour-foot-btns{display:flex !important;align-items:center !important;gap:12px !important;flex-wrap:wrap !important;} .bk-btn-jour-p{background:#57a672 !important;color:#ffffff !important;font-weight:700 !important;padding:0 22px !important;height:44px !important;border-radius:100px !important;font-size:13.5px !important;transition:all .3s ease !important;display:inline-flex !important;align-items:center !important;gap:8px !important;line-height:1 !important;white-space:nowrap !important;box-shadow:0 6px 18px rgba(87,166,114,0.25) !important;} .bk-btn-jour-p:hover{background:#ffffff !important;color:#0b3137 !important;transform:translateY(-2px) !important;} .bk-btn-jour-g{background:transparent !important;border:1px solid rgba(255,255,255,0.25) !important;color:#ffffff !important;font-weight:600 !important;padding:0 18px !important;height:44px !important;border-radius:100px !important;font-size:13.5px !important;transition:all .3s ease !important;display:inline-flex !important;align-items:center !important;line-height:1 !important;white-space:nowrap !important;} .bk-btn-jour-g:hover{border-color:#57a672 !important;color:#57a672 !important;background:rgba(87,166,114,0.08) !important;} @media (max-width:1080px){ .bk-jour-grid{grid-template-columns:repeat(2, 1fr) !important;gap:18px !important;} } @media (max-width:768px){ .bk-jour-sec{padding:48px 18px 56px !important;} .bk-jour-grid{grid-template-columns:1fr !important;gap:16px !important;} .bk-jour-footer{flex-direction:column !important;text-align:center !important;padding:22px 18px !important;} .bk-jour-foot-left{flex-direction:column !important;text-align:center !important;} .bk-jour-foot-btns{width:100% !important;justify-content:center !important;flex-direction:column !important;} .bk-btn-jour-p, .bk-btn-jour-g{width:100% !important;justify-content:center !important;} } /* ═══════════════════════════════════════════════════════════════════════════ * SECCIÓN S05: S05: ESTADÍSTICAS DE IMPACTO OPERATIVO * ═══════════════════════════════════════════════════════════════════════════ */ :root{--biko-dark:#0b3137;--biko-green:#57a672;--biko-green-dark:#0b3137;--biko-light:#edf6f0;--biko-white:#ffffff;--biko-gray:#647a7d;--biko-border:#dce7e3;} .bk-stats-sec,.bk-stats-sec *, .bk-stats-sec *:before, .bk-stats-sec *:after{box-sizing:border-box !important;margin:0;padding:0;font-family:'Poppins',sans-serif !important;} /* ══ BLINDAJE NUCLEAR CONTRA WPAUTOP Y TEMAS ══ */ .bk-stats-sec br{display:none !important;} .bk-stats-sec p:empty{display:none !important;margin:0 !important;padding:0 !important;width:0 !important;height:0 !important;} .bk-stats-sec p{margin:0 !important;padding:0 !important;} /* ══ ESTRUCTURA BASE ══ */ .bk-stats-sec{background:#0b3137 !important;padding:80px 24px !important;color:#ffffff !important;width:100% !important;position:relative !important;} .bk-stats-wrap{max-width:1200px !important;margin:0 auto !important;} .bk-stats-head{text-align:center !important;margin-bottom:42px !important;max-width:760px !important;margin-left:auto !important;margin-right:auto !important;} .bk-stats-lbl{font-size:12px !important;font-weight:800 !important;letter-spacing:.15em !important;text-transform:uppercase !important;color:#57a672 !important;display:block !important;margin-bottom:12px !important;} .bk-stats-head h2{font-size:clamp(28px, 4vw, 44px) !important;font-weight:800 !important;letter-spacing:-.03em !important;color:#ffffff !important;margin-bottom:14px !important;line-height:1.15 !important;} .bk-stats-head h2 em{color:#57a672 !important;font-style:normal !important;} .bk-stats-sub{color:rgba(255, 255, 255, .6) !important;font-size:16px !important;line-height:1.6 !important;} /* ══ GRID DE 3 TARJETAS PRINCIPALES ══ */ .bk-stats-grid{display:grid !important;grid-template-columns:repeat(3, 1fr) !important;gap:24px !important;margin-bottom:46px !important;} @media (max-width:900px){.bk-stats-grid{grid-template-columns:1fr !important;gap:20px !important;}} .bk-stat-card{background:rgba(255, 255, 255, .05) !important;border:1px solid rgba(255, 255, 255, .1) !important;border-radius:24px !important;padding:40px 32px !important;display:flex !important;flex-direction:column !important;gap:14px !important;transition:all .35s ease !important;text-align:left !important;} .bk-stat-card:hover{background:rgba(87, 166, 114, .12) !important;border-color:rgba(87, 166, 114, .3) !important;transform:translateY(-4px) !important;} .bk-stat-metric{display:flex !important;align-items:baseline !important;gap:4px !important;} .bk-stat-num{font-size:clamp(52px, 5.5vw, 68px) !important;font-weight:900 !important;line-height:1 !important;letter-spacing:-.05em !important;color:#ffffff !important;} .bk-stat-unit{font-size:32px !important;font-weight:700 !important;color:#57a672 !important;line-height:1 !important;margin-left:2px !important;} .bk-stat-ico{display:inline-flex !important;align-items:center !important;margin-left:8px !important;color:#57a672 !important;} .bk-stat-title{font-size:17px !important;font-weight:700 !important;color:#ffffff !important;line-height:1.3 !important;} .bk-stat-desc{color:rgba(255, 255, 255, .6) !important;font-size:14px !important;line-height:1.6 !important;} /* ══ BARRA INFERIOR DE MÉTRICAS COMPLEMENTARIAS ══ */ .bk-stats-sep{border-top:1px solid rgba(255, 255, 255, .1) !important;padding-top:44px !important;display:flex !important;justify-content:space-around !important;align-items:center !important;flex-wrap:wrap !important;gap:30px !important;} .bk-sep-item{text-align:center !important;} .bk-sep-val{font-size:clamp(26px, 3vw, 34px) !important;font-weight:800 !important;color:#ffffff !important;line-height:1.1 !important;} .bk-sep-lbl{font-size:12px !important;font-weight:600 !important;color:rgba(255, 255, 255, .5) !important;text-transform:uppercase !important;letter-spacing:.1em !important;margin-top:6px !important;display:block !important;} .bk-brand-dark{font-family:'Poppins',sans-serif !important;font-weight:800 !important;color:#ffffff !important;text-transform:none !important;letter-spacing:-0.03em !important;display:inline-block !important;} .bk-brand-dark span{color:#57a672 !important;font-weight:400 !important;text-transform:none !important;} @media (max-width:768px){ .bk-stats-sec{padding:48px 18px 56px !important;} .bk-stats-sep{display:grid !important;grid-template-columns:repeat(2, 1fr) !important;gap:24px !important;} } /* ═══════════════════════════════════════════════════════════════════════════ * SECCIÓN S06: S06: CALCULADORA INTERACTIVA DE ROI * ═══════════════════════════════════════════════════════════════════════════ */ :root{--biko-dark:#0b3137;--biko-green:#57a672;--biko-bg-page:#f4f7f6;--biko-bg-subtle:#f1f7f4;--biko-light:#edf6f0;--biko-white:#ffffff;--biko-gray:#4a686d;--biko-border:#dce7e3;} .bk-calc-sec, .bk-calc-sec *, .bk-calc-sec *:before, .bk-calc-sec *:after{box-sizing:border-box !important;margin:0;padding:0;font-family:'Poppins',sans-serif !important;} /* ══ BLINDAJE NUCLEAR CONTRA WPAUTOP Y TEMAS ══ */ .bk-calc-sec br{display:none !important;} .bk-calc-sec p:empty{display:none !important;margin:0 !important;padding:0 !important;width:0 !important;height:0 !important;} .bk-calc-sec p{margin:0 !important;padding:0 !important;} .bk-calc-sec a{text-decoration:none !important;} .bk-calc-sec button{border:none !important;outline:none !important;cursor:pointer !important;} /* ══ ESTRUCTURA DE LA SECCIÓN ══ */ .bk-calc-sec{padding:72px 24px !important;background:#f4f7f6 !important;width:100% !important;position:relative !important;} .bk-calc-box{max-width:1240px !important;margin:0 auto !important;background:linear-gradient(135deg, #edf6f0 0%, #e3f2ea 100%) !important;border:1px solid rgba(87,166,114,0.3) !important;border-radius:36px !important;padding:56px !important;display:grid !important;grid-template-columns:1.05fr 1.15fr !important;gap:48px !important;align-items:start !important;position:relative !important;box-shadow:0 30px 60px -15px rgba(11,49,55,0.08) !important;} @media (max-width:1024px){.bk-calc-box{grid-template-columns:1fr !important;padding:40px 24px !important;gap:36px !important;}} @media (max-width:640px){.bk-calc-sec{padding:48px 18px 56px !important;}.bk-calc-box{border-radius:24px !important;padding:28px 18px !important;}.bk-calc-mets{grid-template-columns:1fr !important;gap:14px !important;}} /* ══ COLUMNA IZQUIERDA ══ */ .bk-calc-left{text-align:left !important;} .bk-calc-badge{display:inline-flex !important;align-items:center !important;gap:8px !important;background:#ffffff !important;color:#0b3137 !important;border:1px solid rgba(87,166,114,0.35) !important;padding:8px 18px !important;border-radius:100px !important;font-size:12px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:.08em !important;margin-bottom:22px !important;line-height:1 !important;box-shadow:0 2px 8px rgba(11,49,55,0.04) !important;} .bk-calc-left h2{font-size:clamp(28px, 3.8vw, 42px) !important;font-weight:900 !important;letter-spacing:-.03em !important;color:#0b3137 !important;line-height:1.15 !important;margin-bottom:16px !important;} .bk-calc-left h2 em{color:#57a672 !important;font-style:normal !important;} .bk-calc-desc{color:#2a5047 !important;font-size:15px !important;line-height:1.65 !important;margin-bottom:30px !important;max-width:520px !important;} .bk-brand-light{font-family:'Poppins',sans-serif !important;font-weight:800 !important;color:#0b3137 !important;text-transform:none !important;letter-spacing:-0.03em !important;display:inline-block !important;} .bk-brand-light span{color:#57a672 !important;font-weight:400 !important;text-transform:none !important;} .bk-calc-features{display:flex !important;flex-direction:column !important;gap:12px !important;margin-bottom:34px !important;} .bk-calc-feat-item{display:flex !important;align-items:center !important;gap:10px !important;font-size:13px !important;font-weight:600 !important;color:#0b3137 !important;} .bk-calc-feat-icon{width:22px !important;height:22px !important;border-radius:50% !important;background:#57a672 !important;color:#ffffff !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;font-size:12px !important;} .bk-calc-mets{display:grid !important;grid-template-columns:repeat(3, 1fr) !important;gap:16px !important;border-top:1px solid rgba(11,49,55,0.12) !important;padding-top:24px !important;} .bk-cmet{text-align:left !important;} .bk-cmet-val{font-size:22px !important;font-weight:900 !important;color:#0b3137 !important;line-height:1.1 !important;} .bk-cmet-lbl{font-size:11px !important;color:#2a5047 !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.06em !important;margin-top:4px !important;display:block !important;} /* ══ COLUMNA DERECHA: TARJETA SIMULADORA ══ */ .bk-calc-card{background:#ffffff !important;border-radius:28px !important;padding:34px !important;box-shadow:0 24px 50px rgba(11,49,55,0.09) !important;border:1px solid rgba(87,166,114,0.25) !important;text-align:left !important;} @media (max-width:640px){.bk-calc-card{padding:22px 16px !important;}} .bk-calc-head{display:flex !important;align-items:center !important;justify-content:space-between !important;margin-bottom:22px !important;padding-bottom:14px !important;border-bottom:1px solid #dce7e3 !important;} .bk-calc-title{font-size:14px !important;font-weight:800 !important;color:#0b3137 !important;text-transform:uppercase !important;letter-spacing:.08em !important;display:flex !important;align-items:center !important;gap:8px !important;} .bk-calc-tag-live{background:#edf6f0 !important;color:#57a672 !important;font-size:11px !important;font-weight:700 !important;padding:4px 10px !important;border-radius:100px !important;display:inline-flex !important;align-items:center !important;gap:6px !important;} .bk-calc-dot{width:6px !important;height:6px !important;border-radius:50% !important;background:#57a672 !important;animation:bkPulse 1.5s infinite !important;} @keyframes bkPulse{0%,100%{transform:scale(1);opacity:1;}50%{transform:scale(1.4);opacity:0.5;}} /* Sliders y Controles */ .bk-calc-controls{display:flex !important;flex-direction:column !important;gap:20px !important;margin-bottom:24px !important;} .bk-control-group{background:#f1f7f4 !important;border:1px solid #dce7e3 !important;border-radius:16px !important;padding:14px 18px !important;} .bk-control-header{display:flex !important;justify-content:space-between !important;align-items:center !important;margin-bottom:10px !important;} .bk-control-label{font-size:13px !important;color:#4a686d !important;font-weight:600 !important;} .bk-control-val{font-size:14px !important;font-weight:800 !important;color:#0b3137 !important;background:#ffffff !important;padding:3px 10px !important;border-radius:8px !important;border:1px solid #dce7e3 !important;} .bk-range-slider{width:100% !important;height:6px !important;border-radius:6px !important;background:#dce7e3 !important;outline:none !important;cursor:pointer !important;accent-color:#57a672 !important;} /* Caja de Resultados (Horas + Dinero en USD) */ .bk-calc-result-box{background:linear-gradient(135deg, #0b3137 0%, #124047 100%) !important;border-radius:20px !important;padding:22px 20px !important;color:#ffffff !important;text-align:center !important;margin-bottom:22px !important;box-shadow:0 12px 30px rgba(11,49,55,0.18) !important;} .bk-result-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:16px !important;align-items:center !important;margin-bottom:12px !important;padding-bottom:12px !important;border-bottom:1px solid rgba(255,255,255,0.12) !important;} .bk-res-col{text-align:center !important;} .bk-res-col:first-child{border-right:1px solid rgba(255,255,255,0.12) !important;} .bk-res-lbl{font-size:11px !important;font-weight:600 !important;color:rgba(255,255,255,0.75) !important;text-transform:uppercase !important;letter-spacing:.08em !important;margin-bottom:4px !important;display:block !important;} .bk-res-val-hours{font-size:clamp(24px, 3vw, 32px) !important;font-weight:900 !important;color:#edf6f0 !important;line-height:1 !important;} .bk-res-val-money{font-size:clamp(24px, 3vw, 32px) !important;font-weight:900 !important;color:#57a672 !important;line-height:1 !important;} .bk-res-subtext{font-size:12px !important;color:rgba(255,255,255,0.75) !important;line-height:1.4 !important;} .bk-res-subtext strong{color:#ffffff !important;} /* Bloque Lead Magnet */ .bk-lead-magnet{background:#f1f7f4 !important;border:1px dashed #57a672 !important;border-radius:18px !important;padding:18px 20px !important;text-align:left !important;} .bk-lm-head{display:flex !important;align-items:center !important;gap:8px !important;margin-bottom:6px !important;} .bk-lm-title{font-size:13px !important;font-weight:800 !important;color:#0b3137 !important;} .bk-lm-desc{font-size:12px !important;color:#4a686d !important;line-height:1.4 !important;margin-bottom:12px !important;} .bk-lm-form{display:flex !important;gap:8px !important;} @media (max-width:640px){.bk-lm-form{flex-direction:column !important;}} .bk-lm-input{flex:1 !important;padding:10px 14px !important;border-radius:10px !important;border:1px solid #dce7e3 !important;background:#ffffff !important;font-size:13px !important;color:#0b3137 !important;outline:none !important;} .bk-lm-input:focus{border-color:#57a672 !important;} .bk-lm-btn{background:#0b3137 !important;color:#ffffff !important;border:none !important;border-radius:10px !important;padding:0 16px !important;font-size:12px !important;font-weight:700 !important;cursor:pointer !important;white-space:nowrap !important;transition:background .2s ease !important;height:42px !important;} .bk-lm-btn:hover{background:#57a672 !important;} .bk-lm-success{display:none;background:#edf6f0 !important;border:1px solid #57a672 !important;border-radius:12px !important;padding:12px 16px !important;color:#0b3137 !important;font-size:12px !important;font-weight:600 !important;text-align:center !important;} .bk-lm-cta-cal{margin-top:10px !important;display:inline-flex !important;align-items:center !important;gap:6px !important;color:#57a672 !important;font-weight:700 !important;text-decoration:underline !important;font-size:12px !important;cursor:pointer !important;} /* ═══════════════════════════════════════════════════════════════════════════ * SECCIÓN S07: S07: CENTRO DE RECURSOS Y PLANTILLAS * ═══════════════════════════════════════════════════════════════════════════ */ :root{--biko-dark:#0b3137;--biko-green:#57a672;--biko-green-dark:#0b3137;--biko-light:#edf6f0;--biko-white:#ffffff;--biko-gray:#647a7d;--biko-border:#dce7e3;} .bk-res-sec,.bk-res-sec *, .bk-res-sec *:before, .bk-res-sec *:after{box-sizing:border-box !important;margin:0;padding:0;font-family:'Poppins',sans-serif !important;} /* ══ BLINDAJE NUCLEAR CONTRA WPAUTOP Y TEMAS ══ */ .bk-res-sec br{display:none !important;} .bk-res-sec p:empty{display:none !important;margin:0 !important;padding:0 !important;width:0 !important;height:0 !important;} .bk-res-sec p{margin:0 !important;padding:0 !important;} .bk-res-sec a{text-decoration:none !important;} /* ══ ESTRUCTURA DE LA SECCIÓN ══ */ .bk-res-sec{padding:72px 24px !important;background:#ffffff !important;width:100% !important;position:relative !important;} .bk-res-head{text-align:center !important;max-width:760px !important;margin:0 auto 42px !important;} .bk-res-lbl{font-size:12px !important;font-weight:800 !important;letter-spacing:.15em !important;text-transform:uppercase !important;color:#57a672 !important;display:block !important;margin-bottom:12px !important;} .bk-res-head h2{font-size:clamp(28px, 3.5vw, 42px) !important;font-weight:800 !important;letter-spacing:-.03em !important;color:#0b3137 !important;margin-bottom:12px !important;line-height:1.15 !important;} .bk-res-head h2 em{color:#57a672 !important;font-style:normal !important;} .bk-res-sub{font-size:16px !important;color:#647a7d !important;line-height:1.6 !important;} /* ══ CUADRÍCULA DE 4 RECURSOS ══ */ .bk-res-grid{max-width:1400px !important;margin:0 auto !important;display:grid !important;grid-template-columns:repeat(4, 1fr) !important;gap:24px !important;} @media (max-width:1100px){.bk-res-grid{grid-template-columns:repeat(2, 1fr) !important;}} @media (max-width:640px){.bk-res-grid{grid-template-columns:1fr !important;}.bk-res-sec{padding:48px 18px 56px !important;}} /* ══ TARJETA DE RECURSO ══ */ .bk-res-card{background:#f1f7f4 !important;border-radius:22px !important;overflow:hidden !important;transition:all 0.35s ease !important;border:1px solid #dce7e3 !important;display:flex !important;flex-direction:column !important;} .bk-res-card:hover{transform:translateY(-6px) !important;box-shadow:0 20px 45px rgba(11, 49, 55,0.09) !important;border-color:rgba(87, 166, 114,0.4) !important;} .bk-res-cover{height:170px !important;position:relative !important;display:flex !important;align-items:center !important;justify-content:center !important;overflow:hidden !important;} .bk-res-badge-icon{width:56px !important;height:56px !important;border-radius:16px !important;background:#ffffff !important;box-shadow:0 10px 25px rgba(11, 49, 55,0.12) !important;display:flex !important;align-items:center !important;justify-content:center !important;position:relative !important;z-index:2 !important;transition:transform .3s ease !important;} .bk-res-card:hover .bk-res-badge-icon{transform:scale(1.1) !important;} .bk-res-body{padding:26px 24px !important;flex:1 !important;display:flex !important;flex-direction:column !important;} .bk-res-tag{font-size:11px !important;font-weight:800 !important;color:#57a672 !important;background:#edf6f0 !important;padding:4px 10px !important;border-radius:6px !important;width:fit-content !important;text-transform:uppercase !important;letter-spacing:0.06em !important;margin-bottom:12px !important;} .bk-res-card h3{font-size:18px !important;font-weight:700 !important;color:#0b3137 !important;margin-bottom:10px !important;line-height:1.35 !important;} .bk-res-desc{font-size:13px !important;color:#647a7d !important;line-height:1.55 !important;margin-bottom:20px !important;} .bk-res-link{margin-top:auto !important;font-size:13px !important;font-weight:700 !important;color:#0b3137 !important;display:inline-flex !important;align-items:center !important;gap:6px !important;transition:all 0.25s ease !important;text-decoration:none !important;} .bk-res-card:hover .bk-res-link{color:#57a672 !important;gap:10px !important;} /* ══ BIFURCACIÓN DE DOBLE AUDIENCIA (TASK-09) ══ */ .bk-res-audiences{max-width:1400px !important;margin:38px auto 0 !important;display:grid !important;grid-template-columns:1fr 1fr !important;gap:24px !important;} @media (max-width:860px){.bk-res-audiences{grid-template-columns:1fr !important;}} .bk-res-aud-card{border-radius:20px !important;padding:28px 30px !important;text-align:left !important;display:flex !important;flex-direction:column !important;justify-content:space-between !important;transition:all 0.3s ease !important;} .bk-res-aud-card.teams{background:#edf6f0 !important;border:1.5px solid rgba(87,166,114,0.35) !important;} .bk-res-aud-card.enterprise{background:#0b3137 !important;color:#ffffff !important;border:1px solid rgba(87,166,114,0.4) !important;box-shadow:0 14px 35px rgba(11,49,55,0.14) !important;} .bk-res-aud-tag{font-family:'Google Sans Code',monospace !important;font-size:11px !important;font-weight:700 !important;padding:3px 10px !important;border-radius:6px !important;display:inline-block !important;width:fit-content !important;margin-bottom:12px !important;text-transform:uppercase !important;letter-spacing:0.04em !important;} .bk-res-aud-card.teams .bk-res-aud-tag{background:#ffffff !important;color:#0b3137 !important;} .bk-res-aud-card.enterprise .bk-res-aud-tag{background:rgba(87,166,114,0.2) !important;color:#6ee7b7 !important;} .bk-res-aud-h{font-size:18px !important;font-weight:800 !important;margin-bottom:8px !important;line-height:1.3 !important;} .bk-res-aud-card.teams .bk-res-aud-h{color:#0b3137 !important;} .bk-res-aud-card.enterprise .bk-res-aud-h{color:#ffffff !important;} .bk-res-aud-p{font-size:13px !important;line-height:1.6 !important;margin-bottom:20px !important;} .bk-res-aud-card.teams .bk-res-aud-p{color:#4a686d !important;} .bk-res-aud-card.enterprise .bk-res-aud-p{color:rgba(255,255,255,0.78) !important;} .bk-res-aud-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;padding:12px 22px !important;border-radius:100px !important;font-size:13px !important;font-weight:700 !important;text-decoration:none !important;transition:all 0.25s ease !important;width:fit-content !important;} .bk-res-aud-card.teams .bk-res-aud-btn{background:#ffffff !important;color:#0b3137 !important;border:1px solid #dce7e3 !important;} .bk-res-aud-card.teams .bk-res-aud-btn:hover{background:#57a672 !important;color:#ffffff !important;border-color:#57a672 !important;transform:translateY(-2px) !important;} .bk-res-aud-card.enterprise .bk-res-aud-btn{background:#57a672 !important;color:#ffffff !important;box-shadow:0 6px 20px rgba(87,166,114,0.3) !important;} .bk-res-aud-card.enterprise .bk-res-aud-btn:hover{background:#ffffff !important;color:#0b3137 !important;transform:translateY(-2px) !important;} /* ═══════════════════════════════════════════════════════════════════════════ * SECCIÓN S08: S08: BIKOLAB PRO & PARTNERS * ═══════════════════════════════════════════════════════════════════════════ */ :root{--biko-dark:#0b3137;--biko-green:#57a672;--biko-green-dark:#0b3137;--biko-light:#edf6f0;--biko-white:#ffffff;--biko-gray:#647a7d;--biko-border:#dce7e3;} .bk-pro-sec,.bk-pro-sec *, .bk-pro-sec *:before, .bk-pro-sec *:after{box-sizing:border-box !important;margin:0;padding:0;font-family:'Poppins',sans-serif !important;} /* ══ BLINDAJE NUCLEAR CONTRA WPAUTOP Y TEMAS ══ */ .bk-pro-sec br{display:none !important;} .bk-pro-sec p:empty{display:none !important;margin:0 !important;padding:0 !important;width:0 !important;height:0 !important;} .bk-pro-sec p{margin:0 !important;padding:0 !important;} .bk-pro-sec a{text-decoration:none !important;} /* ══ ESTRUCTURA BASE ══ */ .bk-pro-sec{padding:80px 24px !important;background:#0b3137 !important;color:#ffffff !important;width:100% !important;position:relative !important;overflow:hidden !important;} .bk-pro-wrap{max-width:1240px !important;margin:0 auto !important;} .bk-pro-box{display:grid !important;grid-template-columns:1.1fr 1fr !important;gap:60px !important;align-items:center !important;margin-bottom:48px !important;} @media (max-width:1024px){.bk-pro-box{grid-template-columns:1fr !important;gap:40px !important;text-align:center !important;}} /* ══ COLUMNA IZQUIERDA ══ */ .bk-pro-left{text-align:left !important;} @media (max-width:1024px){.bk-pro-left{text-align:center !important;}} .bk-pro-lbl{font-size:12px !important;font-weight:800 !important;letter-spacing:.15em !important;text-transform:uppercase !important;color:#57a672 !important;display:block !important;margin-bottom:16px !important;} .bk-pro-left h2{font-size:clamp(30px, 4vw, 50px) !important;font-weight:900 !important;letter-spacing:-.035em !important;line-height:1.12 !important;color:#ffffff !important;margin-bottom:20px !important;} .bk-pro-left h2 em{color:#57a672 !important;font-style:normal !important;} .bk-brand-dark{font-family:'Poppins',sans-serif !important;font-weight:800 !important;color:#ffffff !important;text-transform:none !important;letter-spacing:-0.03em !important;display:inline-block !important;} .bk-brand-dark span{color:#57a672 !important;font-weight:400 !important;text-transform:none !important;} .bk-pro-desc{color:rgba(255, 255, 255, .65) !important;font-size:16px !important;line-height:1.65 !important;margin-bottom:34px !important;max-width:540px !important;} @media (max-width:1024px){.bk-pro-desc{margin-left:auto !important;margin-right:auto !important;}} .bk-pro-btns{display:flex !important;gap:14px !important;flex-wrap:wrap !important;align-items:center !important;} @media (max-width:1024px){.bk-pro-btns{justify-content:center !important;}} .bk-btn-pro-p{background:#57a672 !important;color:#ffffff !important;font-weight:700 !important;padding:0 30px !important;height:50px !important;border-radius:100px !important;font-size:15px !important;transition:all .3s ease !important;display:inline-flex !important;align-items:center !important;gap:10px !important;box-shadow:0 8px 25px rgba(87, 166, 114,0.3) !important;line-height:1 !important;} .bk-btn-pro-p:hover{background:#ffffff !important;color:#0b3137 !important;transform:translateY(-2px) !important;box-shadow:0 12px 30px rgba(0,0,0,0.2) !important;} .bk-btn-pro-g{background:transparent !important;border:1.5px solid rgba(255,255,255,0.3) !important;color:#ffffff !important;font-weight:600 !important;padding:0 24px !important;height:50px !important;border-radius:100px !important;font-size:15px !important;transition:all .3s ease !important;display:inline-flex !important;align-items:center !important;gap:8px !important;line-height:1 !important;} .bk-btn-pro-g:hover{border-color:#57a672 !important;color:#57a672 !important;background:rgba(87, 166, 114,0.08) !important;} /* ══ COLUMNA DERECHA (TARJETA PARTNER BENEFITS) ══ */ .bk-pro-right{position:relative !important;width:100% !important;} .bk-pro-card{background:linear-gradient(145deg, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0.02) 100%) !important;border:1px solid rgba(255,255,255,0.12) !important;border-radius:28px !important;padding:34px 30px !important;backdrop-filter:blur(10px) !important;text-align:left !important;box-shadow:0 24px 60px rgba(0,0,0,0.25) !important;} .bk-pro-chead{display:flex !important;align-items:center !important;justify-content:space-between !important;margin-bottom:24px !important;padding-bottom:16px !important;border-bottom:1px solid rgba(255,255,255,0.1) !important;} .bk-pro-ctag{background:rgba(87, 166, 114,0.2) !important;color:#57a672 !important;font-size:11px !important;font-weight:800 !important;padding:5px 12px !important;border-radius:100px !important;text-transform:uppercase !important;letter-spacing:.06em !important;} .bk-pro-cstatus{display:flex !important;align-items:center !important;gap:6px !important;font-size:12px !important;color:rgba(255,255,255,0.6) !important;} .bk-pro-cstatus-dot{width:7px !important;height:7px !important;border-radius:50% !important;background:#57a672 !important;} .bk-pro-perks{display:flex !important;flex-direction:column !important;gap:18px !important;} .bk-pro-perk{display:flex !important;align-items:flex-start !important;gap:14px !important;} .bk-perk-ico{width:36px !important;height:36px !important;border-radius:10px !important;background:rgba(87, 166, 114,0.15) !important;color:#57a672 !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;margin-top:2px !important;} .bk-perk-title{font-size:15px !important;font-weight:700 !important;color:#ffffff !important;line-height:1.3 !important;margin-bottom:2px !important;} .bk-perk-desc{font-size:13px !important;color:rgba(255,255,255,0.6) !important;line-height:1.5 !important;} /* ══ BLOQUE: RUTA DE CONTRATACIÓN SIN RIESGO (TASK-05) ══ */ .bk-pro-roadmap{margin-bottom:60px !important;padding-bottom:50px !important;border-bottom:1px solid rgba(255,255,255,0.1) !important;} .bk-roadmap-head{text-align:center !important;margin-bottom:36px !important;} .bk-roadmap-head h3{font-size:clamp(22px, 3vw, 32px) !important;font-weight:800 !important;color:#ffffff !important;margin-bottom:8px !important;letter-spacing:-0.02em !important;} .bk-roadmap-head h3 em{color:#57a672 !important;font-style:normal !important;} .bk-roadmap-head p{font-size:14px !important;color:rgba(255,255,255,0.65) !important;max-width:680px !important;margin:0 auto !important;} .bk-roadmap-grid{display:grid !important;grid-template-columns:repeat(3, 1fr) !important;gap:20px !important;} @media (max-width:900px){.bk-roadmap-grid{grid-template-columns:1fr !important;}} .bk-road-card{background:rgba(255,255,255,0.04) !important;border:1px solid rgba(255,255,255,0.1) !important;border-radius:20px !important;padding:26px 22px !important;text-align:left !important;transition:all .3s ease !important;display:flex !important;flex-direction:column !important;} .bk-road-card:hover{background:rgba(255,255,255,0.08) !important;border-color:rgba(87,166,114,0.4) !important;transform:translateY(-3px) !important;} .bk-road-card.featured{background:rgba(87,166,114,0.08) !important;border-color:rgba(87,166,114,0.4) !important;} .bk-road-num{font-family:'Google Sans Code',monospace !important;font-size:11px !important;font-weight:700 !important;color:#6ee7b7 !important;background:rgba(87,166,114,0.18) !important;padding:3px 8px !important;border-radius:6px !important;width:fit-content !important;margin-bottom:12px !important;letter-spacing:.04em !important;} .bk-road-title{font-size:16px !important;font-weight:800 !important;color:#ffffff !important;margin-bottom:8px !important;line-height:1.3 !important;} .bk-road-desc{font-size:13px !important;color:rgba(255,255,255,0.65) !important;line-height:1.5 !important;margin-bottom:16px !important;} .bk-road-tag{font-family:'Google Sans Code',monospace !important;font-size:11px !important;font-weight:700 !important;color:#57a672 !important;margin-top:auto !important;display:inline-flex !important;align-items:center !important;gap:6px !important;} /* ══ BARRA INFERIOR DE PERFILES ALIADOS ══ */ .bk-pro-profiles{border-top:1px solid rgba(255, 255, 255, .1) !important;padding-top:40px !important;display:flex !important;justify-content:space-around !important;align-items:center !important;flex-wrap:wrap !important;gap:24px !important;} .bk-prof-item{display:flex !important;align-items:center !important;gap:10px !important;font-size:14px !important;font-weight:600 !important;color:rgba(255,255,255,0.8) !important;} .bk-prof-dot{color:#57a672 !important;font-size:18px !important;} /* ══ COMPROMISO DE ESTABILIDAD & SLA (TASK-11) ══ */ .bk-pro-sla-box{background:rgba(255,255,255,0.03) !important;border:1px solid rgba(87,166,114,0.3) !important;border-radius:22px !important;padding:26px 28px !important;margin:42px 0 0 !important;text-align:left !important;} .bk-sla-top{display:flex !important;align-items:center !important;justify-content:space-between !important;flex-wrap:wrap !important;gap:12px !important;margin-bottom:18px !important;padding-bottom:14px !important;border-bottom:1px solid rgba(255,255,255,0.08) !important;} .bk-sla-badge{font-family:'Google Sans Code',monospace !important;font-size:11px !important;font-weight:700 !important;color:#6ee7b7 !important;background:rgba(87,166,114,0.18) !important;padding:4px 10px !important;border-radius:6px !important;text-transform:uppercase !important;letter-spacing:0.04em !important;display:inline-flex !important;align-items:center !important;gap:6px !important;} .bk-sla-title{font-size:17px !important;font-weight:800 !important;color:#ffffff !important;margin:0 !important;} .bk-sla-grid{display:grid !important;grid-template-columns:repeat(3, 1fr) !important;gap:20px !important;} @media (max-width:900px){.bk-sla-grid{grid-template-columns:1fr !important;}} .bk-sla-item{display:flex !important;align-items:flex-start !important;gap:12px !important;} .bk-sla-ico{width:34px !important;height:34px !important;border-radius:8px !important;background:rgba(87,166,114,0.15) !important;color:#57a672 !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;margin-top:2px !important;} .bk-sla-ih{font-size:14px !important;font-weight:700 !important;color:#ffffff !important;margin-bottom:4px !important;line-height:1.3 !important;} .bk-sla-ip{font-size:12px !important;color:rgba(255,255,255,0.65) !important;line-height:1.5 !important;margin:0 !important;} /* ══ MODELOS DE CONTRATACIÓN (TASK-15) ══ */ .bk-pro-models{margin-top:54px !important;margin-bottom:60px !important;padding-bottom:50px !important;border-bottom:1px solid rgba(255,255,255,0.1) !important;} .bk-models-head{text-align:center !important;margin-bottom:36px !important;} .bk-models-head h3{font-size:clamp(22px, 3vw, 34px) !important;font-weight:800 !important;color:#ffffff !important;margin-bottom:8px !important;letter-spacing:-0.02em !important;} .bk-models-head h3 em{color:#57a672 !important;font-style:normal !important;} .bk-models-head p{font-size:14px !important;color:rgba(255,255,255,0.65) !important;max-width:680px !important;margin:0 auto !important;} .bk-models-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:24px !important;max-width:1100px !important;margin:0 auto !important;} @media (max-width:860px){.bk-models-grid{grid-template-columns:1fr !important;}} .bk-model-card{background:rgba(255,255,255,0.04) !important;border:1px solid rgba(255,255,255,0.12) !important;border-radius:24px !important;padding:32px 28px !important;text-align:left !important;display:flex !important;flex-direction:column !important;transition:all .3s ease !important;position:relative !important;} .bk-model-card:hover{transform:translateY(-3px) !important;border-color:rgba(87,166,114,0.5) !important;background:rgba(255,255,255,0.07) !important;} .bk-model-card.featured{background:linear-gradient(145deg, rgba(87,166,114,0.12) 0%, rgba(11,49,55,0.4) 100%) !important;border:1.5px solid rgba(87,166,114,0.45) !important;box-shadow:0 16px 40px rgba(0,0,0,0.25) !important;} .bk-model-badge{font-family:'Google Sans Code',monospace !important;font-size:11px !important;font-weight:700 !important;color:rgba(255,255,255,0.85) !important;background:rgba(255,255,255,0.08) !important;padding:4px 10px !important;border-radius:6px !important;width:fit-content !important;margin-bottom:14px !important;letter-spacing:0.04em !important;text-transform:uppercase !important;} .bk-model-badge.featured{color:#6ee7b7 !important;background:rgba(87,166,114,0.22) !important;} .bk-model-name{font-size:22px !important;font-weight:800 !important;color:#ffffff !important;margin-bottom:10px !important;line-height:1.25 !important;} .bk-model-desc{font-size:13px !important;color:rgba(255,255,255,0.65) !important;line-height:1.55 !important;margin-bottom:24px !important;} .bk-model-specs{display:flex !important;flex-direction:column !important;gap:12px !important;margin-bottom:28px !important;flex:1 !important;} .bk-model-spec{display:flex !important;align-items:flex-start !important;gap:10px !important;font-size:13px !important;color:rgba(255,255,255,0.85) !important;line-height:1.4 !important;} .bk-model-spec svg{color:#57a672 !important;flex-shrink:0 !important;margin-top:2px !important;} .bk-model-spec strong{color:#ffffff !important;} .bk-model-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;gap:8px !important;height:48px !important;border-radius:100px !important;font-size:14px !important;font-weight:700 !important;text-decoration:none !important;transition:all 0.25s ease !important;width:100% !important;box-sizing:border-box !important;} .bk-model-btn.sec{background:transparent !important;color:#ffffff !important;border:1.5px solid rgba(255,255,255,0.3) !important;} .bk-model-btn.sec:hover{border-color:#57a672 !important;color:#57a672 !important;background:rgba(87,166,114,0.1) !important;} .bk-model-btn.main{background:#57a672 !important;color:#ffffff !important;border:none !important;box-shadow:0 8px 20px rgba(87,166,114,0.3) !important;} .bk-model-btn.main:hover{background:#ffffff !important;color:#0b3137 !important;} @media (max-width:768px){ .bk-pro-sec{padding:48px 18px 56px !important;} .bk-pro-profiles{display:grid !important;grid-template-columns:repeat(2, 1fr) !important;gap:20px !important;text-align:left !important;} .bk-pro-sla-box{padding:22px 18px !important;} .bk-model-card{padding:24px 20px !important;} } /* ═══════════════════════════════════════════════════════════════════════════ * SECCIÓN S09: S09: BANNER DE REFERIDOS * ═══════════════════════════════════════════════════════════════════════════ */ :root{--biko-dark:#0b3137;--biko-green:#57a672;--biko-green-dark:#0b3137;--biko-light:#edf6f0;--biko-white:#ffffff;--biko-gray:#647a7d;--biko-border:#dce7e3;} .bk-ref-banner,.bk-ref-banner *, .bk-ref-banner *:before, .bk-ref-banner *:after{box-sizing:border-box !important;margin:0;padding:0;font-family:'Poppins',sans-serif !important;} /* ══ BLINDAJE NUCLEAR CONTRA WPAUTOP Y TEMAS ══ */ .bk-ref-banner br{display:none !important;} .bk-ref-banner p:empty{display:none !important;margin:0 !important;padding:0 !important;width:0 !important;height:0 !important;} .bk-ref-banner p{margin:0 !important;padding:0 !important;} .bk-ref-banner a{text-decoration:none !important;} /* ══ ESTILOS DEL BANNER ══ */ .bk-ref-banner{background:#edf6f0 !important;padding:22px 24px !important;text-align:center !important;border-bottom:1px solid #dce7e3 !important;border-top:1px solid #dce7e3 !important;width:100% !important;} .bk-ref-in{max-width:1200px !important;margin:0 auto !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:20px !important;flex-wrap:wrap !important;} .bk-ref-txt{font-size:14px !important;font-weight:600 !important;color:#0b3137 !important;display:inline-flex !important;align-items:center !important;gap:10px !important;line-height:1.4 !important;} .bk-ref-txt strong{color:#0b3137 !important;font-weight:800 !important;} .bk-ref-btn{background:#0b3137 !important;color:#ffffff !important;padding:8px 22px !important;border-radius:100px !important;font-size:12px !important;font-weight:700 !important;transition:all .3s ease !important;display:inline-flex !important;align-items:center !important;gap:6px !important;line-height:1 !important;white-space:nowrap !important;box-shadow:0 4px 14px rgba(11, 49, 55,0.15) !important;} .bk-ref-btn:hover{background:#57a672 !important;color:#ffffff !important;transform:translateY(-1px) !important;box-shadow:0 6px 18px rgba(87, 166, 114,0.25) !important;} .bk-brand-light{font-family:'Poppins',sans-serif !important;font-weight:800 !important;color:#0b3137 !important;text-transform:none !important;letter-spacing:-0.03em !important;display:inline-block !important;} .bk-brand-light span{color:#57a672 !important;font-weight:400 !important;text-transform:none !important;} @media (max-width:768px){ .bk-ref-txt{font-size:13px !important;text-align:center !important;} .bk-ref-banner{padding:18px 16px !important;} } /* ═══════════════════════════════════════════════════════════════════════════ * SECCIÓN S10: S10: CERTIFICACIONES Y SOBERANÍA DE DATOS * ═══════════════════════════════════════════════════════════════════════════ */ :root{--biko-dark:#0b3137;--biko-green:#57a672;--biko-green-dark:#0b3137;--biko-light:#edf6f0;--biko-white:#ffffff;--biko-gray:#647a7d;--biko-border:#dce7e3;} .bk-certs-sec,.bk-certs-sec *, .bk-certs-sec *:before, .bk-certs-sec *:after{box-sizing:border-box !important;margin:0;padding:0;font-family:'Poppins',sans-serif !important;} /* ══ BLINDAJE NUCLEAR CONTRA WPAUTOP Y TEMAS ══ */ .bk-certs-sec br{display:none !important;} .bk-certs-sec p:empty{display:none !important;margin:0 !important;padding:0 !important;width:0 !important;height:0 !important;} .bk-certs-sec p{margin:0 !important;padding:0 !important;} /* ══ ESTILOS DE CERTIFICACIONES ══ */ .bk-certs-sec{padding:60px 24px 40px !important;background:#ffffff !important;text-align:center !important;width:100% !important;border-top:1px solid #dce7e3 !important;} .bk-certs-head{max-width:800px !important;margin:0 auto 24px !important;} .bk-certs-lbl{font-size:11px !important;text-transform:uppercase !important;letter-spacing:0.18em !important;color:#9ca3af !important;font-weight:800 !important;display:block !important;margin-bottom:8px !important;} .bk-certs-list{display:flex !important;justify-content:center !important;align-items:center !important;gap:28px !important;flex-wrap:wrap !important;max-width:1160px !important;margin:0 auto !important;} .bk-cert-item{display:inline-flex !important;align-items:center !important;gap:10px !important;padding:12px 20px !important;background:#f1f7f4 !important;border:1px solid #dce7e3 !important;border-radius:14px !important;transition:all .3s ease !important;cursor:default !important;user-select:none !important;} .bk-cert-item:hover{border-color:#57a672 !important;background:#edf6f0 !important;transform:translateY(-2px) !important;box-shadow:0 10px 25px rgba(11, 49, 55,0.06) !important;} .bk-cert-txt{font-size:13px !important;font-weight:700 !important;color:#0b3137 !important;letter-spacing:-.01em !important;} /* ══ TARJETA DE SOBERANÍA DE DATOS & ZERO-STORAGE (TASK-12) ══ */ .bk-zero-storage-card{background:#f1f7f4 !important;border:1px solid #dce7e3 !important;border-radius:22px !important;padding:32px 36px !important;max-width:960px !important;margin:36px auto 0 !important;text-align:left !important;box-shadow:0 12px 32px rgba(11,49,55,0.04) !important;transition:border-color .3s ease !important;} .bk-zero-storage-card:hover{border-color:rgba(87,166,114,0.4) !important;} .bk-zs-badge{font-family:'Google Sans Code',monospace !important;font-size:11px !important;font-weight:700 !important;color:#0b3137 !important;background:#edf6f0 !important;border:1px solid rgba(87,166,114,0.35) !important;padding:4px 12px !important;border-radius:6px !important;display:inline-flex !important;align-items:center !important;gap:6px !important;margin-bottom:14px !important;} .bk-zs-title{font-size:20px !important;font-weight:800 !important;color:#0b3137 !important;margin-bottom:10px !important;line-height:1.25 !important;} .bk-zs-desc{font-size:14px !important;color:#4a686d !important;line-height:1.6 !important;margin-bottom:20px !important;} .bk-zs-pillars{display:grid !important;grid-template-columns:repeat(4, 1fr) !important;gap:12px !important;} .bk-zs-pillar{background:#ffffff !important;border:1px solid #dce7e3 !important;border-radius:12px !important;padding:12px 14px !important;display:flex !important;align-items:center !important;gap:8px !important;font-family:'Google Sans Code',monospace !important;font-size:12px !important;font-weight:700 !important;color:#0b3137 !important;} .bk-zs-pillar svg{color:#57a672 !important;flex-shrink:0 !important;} .bk-brand-light{font-family:'Poppins',sans-serif !important;font-weight:800 !important;color:#0b3137 !important;text-transform:none !important;letter-spacing:-0.03em !important;display:inline-block !important;} .bk-brand-light span{color:#57a672 !important;font-weight:400 !important;text-transform:none !important;} @media (max-width:1024px){.bk-zs-pillars{grid-template-columns:repeat(2, 1fr) !important;}} @media (max-width:768px){ .bk-certs-sec{padding:50px 18px 56px !important;} .bk-certs-list{gap:12px !important;} .bk-cert-item{width:100% !important;max-width:340px !important;justify-content:center !important;} .bk-zero-storage-card{padding:24px 20px !important;} .bk-zs-pillars{grid-template-columns:1fr !important;gap:10px !important;} } /* ═══════════════════════════════════════════════════════════════════════════ * SECCIÓN S10B: S10B: PREGUNTAS FRECUENTES (FAQ) * ═══════════════════════════════════════════════════════════════════════════ */ :root{--biko-dark:#0b3137;--biko-green:#57a672;--biko-green-dark:#0b3137;--biko-light:#edf6f0;--biko-white:#ffffff;--biko-gray:#647a7d;--biko-border:#dce7e3;} .bk-faq-sec,.bk-faq-sec *, .bk-faq-sec *:before, .bk-faq-sec *:after{box-sizing:border-box !important;margin:0;padding:0;font-family:'Poppins',sans-serif !important;} /* ══ BLINDAJE NUCLEAR CONTRA WPAUTOP Y TEMAS ══ */ .bk-faq-sec br{display:none !important;} .bk-faq-sec p:empty{display:none !important;margin:0 !important;padding:0 !important;width:0 !important;height:0 !important;} .bk-faq-sec p{margin:0 !important;padding:0 !important;} .bk-faq-sec a{text-decoration:none !important;} /* ══ ESTRUCTURA BASE ══ */ .bk-faq-sec{padding:40px 24px 72px !important;background:#ffffff !important;color:#0b3137 !important;width:100% !important;position:relative !important;border-bottom:1px solid #dce7e3 !important;} .bk-faq-wrap{max-width:960px !important;margin:0 auto !important;} .bk-faq-head{text-align:center !important;margin-bottom:36px !important;} .bk-faq-lbl{font-family:'Google Sans Code',monospace !important;font-size:12px !important;font-weight:700 !important;letter-spacing:.12em !important;text-transform:uppercase !important;color:#57a672 !important;background:#edf6f0 !important;padding:5px 14px !important;border-radius:100px !important;display:inline-block !important;margin-bottom:16px !important;border:1px solid rgba(87, 166, 114,0.3) !important;} .bk-faq-head h2{font-size:clamp(28px, 3.8vw, 42px) !important;font-weight:900 !important;letter-spacing:-.03em !important;line-height:1.16 !important;color:#0b3137 !important;margin-bottom:14px !important;} .bk-faq-head h2 em{color:#57a672 !important;font-style:normal !important;} .bk-brand-light{font-family:'Poppins',sans-serif !important;font-weight:800 !important;color:#0b3137 !important;text-transform:none !important;letter-spacing:-0.03em !important;display:inline-block !important;} .bk-brand-light span{color:#57a672 !important;font-weight:400 !important;text-transform:none !important;} .bk-faq-sub{color:#647a7d !important;font-size:16px !important;line-height:1.6 !important;max-width:640px !important;margin:0 auto !important;} /* ══ LISTA DE PREGUNTAS (ACORDEÓN DETAILS/SUMMARY) ══ */ .bk-faq-list{display:flex !important;flex-direction:column !important;gap:16px !important;margin-bottom:50px !important;} .bk-faq-item{background:#f1f7f4 !important;border:1.5px solid #dce7e3 !important;border-radius:18px !important;overflow:hidden !important;transition:all .3s ease !important;} .bk-faq-item:hover{border-color:rgba(87,166,114,0.5) !important;box-shadow:0 8px 24px rgba(11,49,55,0.05) !important;} .bk-faq-item[open]{border-color:#57a672 !important;background:#ffffff !important;box-shadow:0 12px 30px rgba(11,49,55,0.08) !important;} .bk-faq-q{padding:22px 26px !important;font-size:16px !important;font-weight:700 !important;color:#0b3137 !important;cursor:pointer !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:16px !important;list-style:none !important;user-select:none !important;line-height:1.35 !important;} .bk-faq-q::-webkit-details-marker{display:none !important;} .bk-faq-q-left{display:flex !important;align-items:center !important;gap:14px !important;text-align:left !important;} .bk-faq-num{font-family:'Google Sans Code',monospace !important;font-size:12px !important;font-weight:700 !important;color:#57a672 !important;background:#edf6f0 !important;width:28px !important;height:28px !important;border-radius:8px !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;} .bk-faq-item[open] .bk-faq-num{background:#0b3137 !important;color:#ffffff !important;} .bk-faq-ico{width:32px !important;height:32px !important;border-radius:50% !important;background:#ffffff !important;border:1px solid #dce7e3 !important;color:#0b3137 !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-shrink:0 !important;transition:transform .3s ease, background .3s ease, color .3s ease !important;} .bk-faq-item[open] .bk-faq-ico{transform:rotate(180deg) !important;background:#57a672 !important;border-color:#57a672 !important;color:#ffffff !important;} .bk-faq-a{padding:0 26px 26px 68px !important;font-size:14.5px !important;color:#4a686d !important;line-height:1.65 !important;text-align:left !important;} .bk-faq-a strong{color:#0b3137 !important;font-weight:700 !important;} .bk-faq-highlight{background:#edf6f0 !important;border-left:3px solid #57a672 !important;padding:12px 16px !important;border-radius:0 10px 10px 0 !important;margin-top:12px !important;font-size:13.5px !important;color:#0b3137 !important;} /* ══ BANNER FINAL DE CIERRE DE DUDAS ══ */ .bk-faq-cta{background:#0b3137 !important;color:#ffffff !important;border-radius:24px !important;padding:36px 32px !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:28px !important;flex-wrap:wrap !important;box-shadow:0 18px 45px rgba(11,49,55,0.18) !important;} .bk-faq-cta-left{max-width:540px !important;text-align:left !important;} .bk-faq-cta-tag{font-family:'Google Sans Code',monospace !important;font-size:11px !important;font-weight:700 !important;color:#6ee7b7 !important;letter-spacing:.08em !important;text-transform:uppercase !important;display:block !important;margin-bottom:8px !important;} .bk-faq-cta-h{font-size:22px !important;font-weight:800 !important;color:#ffffff !important;margin-bottom:8px !important;line-height:1.25 !important;} .bk-faq-cta-p{font-size:14px !important;color:rgba(255,255,255,0.7) !important;line-height:1.5 !important;} .bk-faq-cta-btns{display:flex !important;align-items:center !important;gap:12px !important;flex-wrap:wrap !important;} .bk-btn-faq-p{background:#57a672 !important;color:#ffffff !important;font-weight:700 !important;padding:0 24px !important;height:48px !important;border-radius:100px !important;font-size:14px !important;transition:all .3s ease !important;display:inline-flex !important;align-items:center !important;gap:8px !important;box-shadow:0 8px 20px rgba(87,166,114,0.3) !important;line-height:1 !important;white-space:nowrap !important;} .bk-btn-faq-p:hover{background:#ffffff !important;color:#0b3137 !important;transform:translateY(-2px) !important;} .bk-btn-faq-w{background:rgba(255,255,255,0.08) !important;border:1.5px solid rgba(255,255,255,0.25) !important;color:#ffffff !important;font-weight:600 !important;padding:0 20px !important;height:48px !important;border-radius:100px !important;font-size:14px !important;transition:all .3s ease !important;display:inline-flex !important;align-items:center !important;gap:8px !important;line-height:1 !important;white-space:nowrap !important;} .bk-btn-faq-w:hover{border-color:#25D366 !important;color:#25D366 !important;background:rgba(37,211,102,0.1) !important;} @media (max-width:768px){ .bk-faq-sec{padding:36px 18px 56px !important;} .bk-faq-a{padding:0 20px 20px 20px !important;} .bk-faq-q{padding:18px 20px !important;} .bk-faq-cta{flex-direction:column !important;text-align:center !important;padding:28px 20px !important;} .bk-faq-cta-left{text-align:center !important;} .bk-faq-cta-btns{width:100% !important;justify-content:center !important;flex-direction:column !important;} .bk-btn-faq-p, .bk-btn-faq-w{width:100% !important;justify-content:center !important;} } /* ═══════════════════════════════════════════════════════════════════════════ * SECCIÓN S11: S11: MEGA FOOTER INSTITUCIONAL * ═══════════════════════════════════════════════════════════════════════════ */ :root{--biko-dark:#0b3137;--biko-dark-deep:#0b3137;--biko-green:#57a672;--biko-green-hover:#57a672;--biko-green-dark:#0b3137;--biko-light:#edf6f0;--biko-white:#ffffff;--biko-gray:#647a7d;--biko-border-dark:rgba(255,255,255,0.09);} .bk-footer,.bk-footer *, .bk-footer *:before, .bk-footer *:after{box-sizing:border-box !important;margin:0;padding:0;font-family:'Poppins',sans-serif !important;} /* ══ BLINDAJE NUCLEAR CONTRA WPAUTOP Y TEMAS ══ */ .bk-footer br{display:none !important;} .bk-footer p:empty{display:none !important;margin:0 !important;padding:0 !important;width:0 !important;height:0 !important;} .bk-footer p{margin:0 !important;padding:0 !important;} .bk-footer a{text-decoration:none !important;} /* ══ ESTILOS DEL FOOTER ══ */ .bk-footer{background:#0b3137 !important;color:#ffffff !important;padding:70px 24px 36px !important;border-top:4px solid #57a672 !important;width:100% !important;} .bk-ft-wrap{max-width:1240px !important;margin:0 auto !important;} .bk-ft-top{display:grid !important;grid-template-columns:360px 1fr 1fr 1fr !important;gap:50px !important;padding-bottom:56px !important;border-bottom:1px solid rgba(255,255,255,0.09) !important;} .bk-ft-brand{display:flex !important;flex-direction:column !important;gap:20px !important;} .bk-ft-logo-link{display:inline-flex !important;align-items:center !important;gap:10px !important;} .bk-ft-logo-icon{background:#57a672 !important;color:#ffffff !important;padding:7px !important;border-radius:10px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;} .bk-ft-brand-name{font-size:24px !important;font-weight:800 !important;letter-spacing:-0.04em !important;color:#ffffff !important;} .bk-ft-brand-name span{color:#57a672 !important;font-weight:400 !important;} .bk-brand-dark{font-family:'Poppins',sans-serif !important;font-weight:800 !important;color:#ffffff !important;text-transform:none !important;letter-spacing:-0.03em !important;display:inline-block !important;} .bk-brand-dark span{color:#57a672 !important;font-weight:400 !important;text-transform:none !important;} .bk-ft-desc{font-size:13px !important;color:rgba(255,255,255,0.7) !important;line-height:1.65 !important;} .bk-ft-form{display:flex !important;flex-direction:column !important;gap:10px !important;margin-top:4px !important;} .bk-ft-form-label{font-size:12px !important;font-weight:600 !important;color:rgba(255,255,255,0.9) !important;} .bk-ft-form-row{display:flex !important;gap:8px !important;} .bk-ft-input{flex:1 !important;padding:11px 14px !important;border-radius:10px !important;border:1px solid rgba(255,255,255,0.09) !important;background:rgba(255,255,255,0.06) !important;font-size:13px !important;color:#ffffff !important;outline:none !important;transition:border-color .2s ease, background .2s ease !important;} .bk-ft-input::placeholder{color:rgba(255,255,255,0.4) !important;} .bk-ft-input:focus{border-color:#57a672 !important;background:rgba(255,255,255,0.1) !important;} .bk-ft-submit{background:#57a672 !important;color:#ffffff !important;padding:0 18px !important;border-radius:10px !important;font-weight:700 !important;font-size:13px !important;cursor:pointer !important;border:none !important;white-space:nowrap !important;transition:background .2s ease, transform .2s ease !important;} .bk-ft-submit:hover{background:#57a672 !important;transform:translateY(-1px) !important;} .bk-ft-privacy{font-size:11px !important;color:rgba(255,255,255,0.45) !important;line-height:1.4 !important;} .bk-ft-privacy a{color:#57a672 !important;text-decoration:underline !important;} .bk-ft-col h4{font-size:14px !important;font-weight:800 !important;text-transform:uppercase !important;letter-spacing:0.08em !important;color:#57a672 !important;margin-bottom:22px !important;} .bk-ft-col ul{list-style:none !important;display:flex !important;flex-direction:column !important;gap:12px !important;} .bk-ft-col a{font-size:13px !important;color:rgba(255,255,255,0.7) !important;transition:color .2s ease, transform .2s ease !important;display:inline-flex !important;align-items:center !important;gap:6px !important;} .bk-ft-col a:hover{color:#ffffff !important;transform:translateX(2px) !important;} .bk-badge-tag{background:rgba(87, 166, 114,0.2) !important;color:#57a672 !important;font-size:9px !important;font-weight:800 !important;padding:2px 6px !important;border-radius:4px !important;text-transform:uppercase !important;letter-spacing:0.05em !important;} .bk-ft-trust{padding:30px 0 !important;border-bottom:1px solid rgba(255,255,255,0.09) !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:20px !important;flex-wrap:wrap !important;} .bk-ft-trust-card{display:inline-flex !important;align-items:center !important;gap:10px !important;padding:10px 18px !important;background:rgba(255,255,255,0.04) !important;border:1px solid rgba(255,255,255,0.09) !important;border-radius:12px !important;transition:all .2s ease !important;} .bk-ft-trust-card:hover{background:rgba(255,255,255,0.08) !important;border-color:rgba(87, 166, 114,0.4) !important;} .bk-ft-stars{color:#FBBF24 !important;font-size:13px !important;letter-spacing:2px !important;} .bk-ft-trust-txt{font-size:12px !important;font-weight:600 !important;color:#ffffff !important;} .bk-ft-cities{text-align:center !important;font-size:12px !important;font-weight:700 !important;color:rgba(255,255,255,0.5) !important;letter-spacing:0.12em !important;text-transform:uppercase !important;margin:28px 0 20px !important;} .bk-ft-socials{display:flex !important;justify-content:center !important;gap:12px !important;margin-bottom:30px !important;} .bk-ft-soc-btn{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:40px !important;height:40px !important;border-radius:10px !important;background:rgba(255,255,255,0.06) !important;border:1px solid rgba(255,255,255,0.09) !important;color:#ffffff !important;transition:all .2s ease !important;} .bk-ft-soc-btn:hover{background:#57a672 !important;color:#ffffff !important;border-color:#57a672 !important;transform:translateY(-2px) !important;} .bk-ft-legal{display:flex !important;flex-wrap:wrap !important;align-items:center !important;justify-content:space-between !important;gap:16px !important;padding-top:24px !important;border-top:1px solid rgba(255,255,255,0.09) !important;font-size:12px !important;color:rgba(255,255,255,0.45) !important;} .bk-ft-copy{color:rgba(255,255,255,0.45) !important;} .bk-ft-legal-links{display:flex !important;flex-wrap:wrap !important;gap:20px !important;} .bk-ft-legal-links a{color:rgba(255,255,255,0.45) !important;transition:color .2s ease !important;} .bk-ft-legal-links a:hover{color:#ffffff !important;text-decoration:underline !important;} .bk-ft-country{display:inline-flex !important;align-items:center !important;gap:6px !important;color:rgba(255,255,255,0.45) !important;} @media (max-width:1024px){ .bk-ft-top{grid-template-columns:1fr 1fr !important;gap:40px !important;} .bk-ft-brand{grid-column:span 2 !important;} } @media (max-width:640px){ .bk-footer{padding:48px 18px 30px !important;} .bk-ft-top{grid-template-columns:1fr !important;gap:34px !important;} .bk-ft-brand{grid-column:span 1 !important;} .bk-ft-form-row{flex-direction:column !important;} .bk-ft-submit{padding:12px !important;} .bk-ft-legal{flex-direction:column !important;text-align:center !important;gap:14px !important;} .bk-ft-legal-links{justify-content:center !important;} .bk-ft-trust{gap:10px !important;} .bk-ft-trust-card{width:100% !important;justify-content:center !important;} }