html.busco-intro-seen #buscoCinematicIntro:not(.feature-replay){display:none!important}
:root{
--bg:#02050a;--panel:#07101a;--cyan:#18dfff;--cyan2:#89f2ff;
--pink:#ff2fb7;--pink2:#ff77d8;--violet:#9a69ff;--white:#f7fbff;
--muted:#aeb9ca;--line:rgba(154,215,244,.18);--glass:rgba(5,12,22,.42)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:#02050a;color:var(--white);font-family:Inter,"Segoe UI",Arial,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}
::selection{background:#ff2fb766;color:#fff}
body:before{content:"";position:fixed;inset:0;z-index:-5;pointer-events:none;background:
radial-gradient(900px 560px at 82% 9%,rgba(22,153,226,.09),transparent 63%),
radial-gradient(760px 520px at 18% 32%,rgba(255,47,183,.05),transparent 65%),
linear-gradient(180deg,#02050a 0%,#040813 42%,#02050a 100%)}
body:after{content:"";position:fixed;inset:0;z-index:-4;opacity:.09;pointer-events:none;background-image:
linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);
background-size:62px 62px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.cursor-light{position:fixed;width:250px;height:250px;border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);
background:radial-gradient(circle,rgba(255,255,255,.13),rgba(24,223,255,.09) 15%,rgba(255,47,183,.06) 39%,transparent 70%);
filter:blur(9px);mix-blend-mode:screen;opacity:.85}
.wrap{width:min(1440px,calc(100% - 76px));margin:auto}
/* NAV: cristal fino, más transparente y realista */
.nav-shell{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:1000;width:min(1450px,calc(100% - 48px));height:80px;
display:flex;align-items:center;padding:8px 13px 8px 18px;border:1px solid rgba(173,229,252,.20);border-radius:22px;
background:linear-gradient(180deg,rgba(8,17,29,.54),rgba(2,8,16,.43));backdrop-filter:blur(27px) saturate(118%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.075),inset 0 -1px 0 rgba(0,0,0,.26),0 18px 55px rgba(0,0,0,.34),0 0 34px rgba(24,223,255,.026)}
.nav-shell:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:
linear-gradient(110deg,rgba(255,255,255,.04),transparent 26%,transparent 68%,rgba(137,242,255,.025))}
.nav-brand{width:275px;display:flex;align-items:center;flex:0 0 auto;position:relative;z-index:2}
.nav-brand img{width:245px;height:auto;display:block;filter:drop-shadow(0 0 14px rgba(24,223,255,.10))}
.navlinks{display:flex;align-items:center;justify-content:center;gap:8px;margin-left:auto;position:relative;z-index:3}
.navlinks>a,.navdrop-btn,.nav-search{height:44px;display:flex;align-items:center;justify-content:center;border:0;background:transparent;color:#d1dae7;padding:0 13px;border-radius:10px;font-size:13px;font-weight:650;letter-spacing:.012em;transition:.22s}
.navlinks>a:hover,.navdrop-btn:hover,.navdrop.open .navdrop-btn,.nav-search:hover{background:rgba(255,255,255,.043);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.032)}
.navlinks>a.active{color:#fff;position:relative}
.navlinks>a.active:after{content:"";position:absolute;bottom:-4px;left:50%;width:38px;height:1px;transform:translateX(-50%);border-radius:999px;background:linear-gradient(90deg,var(--pink),var(--cyan));box-shadow:0 0 11px rgba(24,223,255,.75)}
.navdrop{position:relative}
.navdrop-btn span{margin-left:7px;color:var(--cyan2);font-size:10px}
.navdrop-menu{position:absolute;top:52px;left:50%;transform:translate(-50%,-8px);width:355px;max-height:70vh;overflow:auto;padding:8px;border:1px solid rgba(121,205,242,.21);border-radius:16px;
background:linear-gradient(160deg,rgba(7,16,29,.93),rgba(2,8,16,.92));box-shadow:0 26px 80px rgba(0,0,0,.62),0 0 30px rgba(24,223,255,.055);
opacity:0;visibility:hidden;transition:.2s;backdrop-filter:blur(26px)}
.navdrop:hover .navdrop-menu,.navdrop.open .navdrop-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.navdrop-menu a{display:grid;grid-template-columns:42px 1fr;gap:10px;padding:11px;border-radius:10px;transition:.18s}
.navdrop-menu a:hover{background:linear-gradient(100deg,rgba(255,47,183,.075),rgba(24,223,255,.075))}
.drop-num{height:35px;width:35px;display:grid;place-items:center;border:1px solid rgba(137,242,255,.20);border-radius:9px;color:#a9ebff;font-size:10px;background:rgba(7,17,29,.55)}
.navdrop-menu b{display:block;font-size:13px;color:#fff}.navdrop-menu small{display:block;margin-top:3px;color:#8797ad;font-size:11px;line-height:1.25}
.nav-search{width:44px;padding:0;border:1px solid rgba(155,215,245,.12)!important;border-radius:50%!important;margin-left:7px}
.nav-search svg{width:18px;height:18px}
/* Contáctanos: solo borde luminoso, interior de cristal */
.contact-cta{position:relative;z-index:4;margin-left:16px;min-width:176px;height:50px;padding:0 22px;border-radius:18px;border:1px solid rgba(128,232,255,.75);
color:#fff;background:linear-gradient(95deg,rgba(255,47,183,.09),rgba(120,79,255,.045) 52%,rgba(24,223,255,.07));
box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 15px rgba(255,47,183,.13),0 0 18px rgba(24,223,255,.16);
font-weight:800;letter-spacing:.03em;display:flex;align-items:center;justify-content:center;gap:10px;transition:.22s}
.contact-cta:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,rgba(255,47,183,.40),transparent 44%,rgba(24,223,255,.48));filter:blur(8px);opacity:.36;z-index:-1}
.contact-cta:hover{transform:translateY(-1px);background:linear-gradient(95deg,rgba(255,47,183,.13),rgba(120,79,255,.065) 52%,rgba(24,223,255,.10));box-shadow:0 0 23px rgba(255,47,183,.18),0 0 26px rgba(24,223,255,.20)}
.mobile-menu{display:none;border:0;background:transparent;color:#fff;font-size:26px;margin-left:auto;position:relative;z-index:4}
/* BUSCO con O-logo */
.busco-word{display:inline-flex;align-items:center;white-space:nowrap;vertical-align:baseline}
.busco-word .letters{display:inline-block}
.busco-word img{height:.92em;width:auto;margin-left:.02em;transform:translateY(.19em);filter:drop-shadow(0 0 .16em rgba(24,223,255,.20))}
/* HERO */
.hero{position:relative;min-height:780px;padding:124px 0 50px;overflow:hidden}
.hero-photo{position:absolute;right:0;top:0;width:59%;height:700px;z-index:1;overflow:hidden}
.hero-photo img{
width:94%;
height:94%;
object-fit:contain;
object-position:center center;
display:block;
position:absolute;
right:1%;
top:5%;
-webkit-mask-image:radial-gradient(ellipse 96% 94% at 52% 48%,#000 0 68%,rgba(0,0,0,.96) 76%,rgba(0,0,0,.62) 87%,transparent 100%);
mask-image:radial-gradient(ellipse 96% 94% at 52% 48%,#000 0 68%,rgba(0,0,0,.96) 76%,rgba(0,0,0,.62) 87%,transparent 100%);
}
.hero-photo:before{content:"";position:absolute;inset:0;z-index:2;background:
linear-gradient(90deg,#02050a 0%,rgba(2,5,10,.94) 9%,rgba(2,5,10,.57) 25%,rgba(2,5,10,.12) 50%,transparent 73%),
linear-gradient(0deg,#02050a 0%,rgba(2,5,10,.30) 12%,rgba(2,5,10,.08) 28%,transparent 46%),
linear-gradient(180deg,rgba(2,5,10,.18) 0%,transparent 15%),
linear-gradient(270deg,rgba(2,5,10,.20) 0%,transparent 14%)}
.hero-photo:after{content:"";position:absolute;inset:0;z-index:3;box-shadow:inset 0 0 105px 35px rgba(2,5,10,.22);pointer-events:none}
.hero-grid{position:relative;z-index:5;display:grid;grid-template-columns:56% 44%;min-height:600px;align-items:center}
.hero-copy{padding:25px 0 48px 18px}
.eyebrow{font-size:10px;font-weight:850;letter-spacing:.27em;color:#87eaff;text-transform:uppercase;margin-bottom:18px;text-shadow:0 0 12px rgba(24,223,255,.13)}
h1{margin:0;max-width:790px;font-size:clamp(49px,5.25vw,80px);line-height:1.01;letter-spacing:-.045em;font-weight:760}
.script-grad{font-family:"Segoe Script","Lucida Handwriting","Brush Script MT",cursive;font-weight:500;letter-spacing:-.055em;background:linear-gradient(90deg,#ff7bdc 0%,#f7fbff 45%,#72ebff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 9px rgba(24,223,255,.065))}
.hero-lead{max-width:690px;margin:23px 0 0;color:#bec9da;font-size:17px;line-height:1.65}.hero-lead strong{color:#fff}
/* Buscador: cristal real, borde iluminado */
.search-wrap{position:relative;margin-top:28px;width:min(770px,100%)}
.searchbar{position:relative;height:68px;display:flex;align-items:center;gap:12px;padding:7px 8px 7px 17px;border:1px solid rgba(84,212,255,.54);border-radius:20px;
background:linear-gradient(180deg,rgba(6,16,29,.45),rgba(2,8,16,.56));backdrop-filter:blur(25px) saturate(112%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.055),inset 0 -1px 0 rgba(0,0,0,.26),0 0 21px rgba(24,223,255,.065),0 13px 38px rgba(0,0,0,.21)}
.searchbar:before{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,rgba(24,223,255,.34),transparent 34%,transparent 67%,rgba(255,47,183,.32));filter:blur(6px);opacity:.36;z-index:-1}
.search-icon{width:25px;height:25px;color:#eefaff;flex:0 0 auto;filter:drop-shadow(0 0 6px rgba(24,223,255,.16))}
.searchbar input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#fff;font-size:16px;padding:0 4px}
.searchbar input::placeholder{color:#9facbd}
.search-btn{position:relative;height:52px;min-width:145px;border-radius:17px;border:1px solid rgba(255,255,255,.25);color:#fff;font-weight:850;
background:linear-gradient(100deg,#30dcff 0%,#8870ff 44%,#ff42bd 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.29),inset 0 -2px 5px rgba(0,0,0,.21),0 0 19px rgba(24,223,255,.13),0 0 20px rgba(255,47,183,.13);transition:.2s}
.search-btn:hover{transform:translateY(-1px);filter:brightness(1.08)}
.search-hints{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px;color:#7890a8;font-size:10px;letter-spacing:.03em}
.search-hints b{font-size:9px;letter-spacing:.15em;font-weight:800;color:#7e91a9;margin-right:2px}
.hint{padding:7px 12px;border:1px solid rgba(135,196,228,.18);border-radius:999px;background:rgba(5,13,23,.35);backdrop-filter:blur(12px);color:#c0cbda;cursor:pointer;transition:.18s}
.hint:hover{color:#fff;border-color:rgba(137,242,255,.34);background:rgba(9,22,37,.52)}
/* TOP INFO CARDS */
.quick-section{position:relative;z-index:12;margin-top:-108px;padding:0 0 70px}
.quick-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}
.quick-card{position:relative;min-height:245px;border:1px solid rgba(100,195,232,.27);border-radius:15px;overflow:hidden;background:rgba(5,14,24,.68);
box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 16px 34px rgba(0,0,0,.28);transition:.25s;cursor:pointer;isolation:isolate}
.quick-card:hover,.quick-card:focus{transform:translateY(-6px);border-color:rgba(119,228,255,.49);box-shadow:0 23px 50px rgba(0,0,0,.40),0 0 24px rgba(24,223,255,.05);outline:none}
.quick-card:nth-child(even){border-color:rgba(255,111,207,.24)}
.quick-img{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.05) contrast(1.08);transform:scale(1.015);z-index:-3}
.quick-card:after{content:"";position:absolute;inset:0;background:
linear-gradient(180deg,rgba(2,7,13,.03) 0%,rgba(2,7,13,.20) 35%,rgba(2,7,13,.88) 69%,rgba(2,7,13,.98) 100%),
linear-gradient(125deg,rgba(24,223,255,.08),transparent 46%,rgba(255,47,183,.08));z-index:-2}
.quick-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 24%,transparent 72%,rgba(137,242,255,.025));z-index:4}
.quick-icon{position:absolute;top:15px;left:16px;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;border:1px solid rgba(151,229,255,.25);background:rgba(2,9,17,.48);backdrop-filter:blur(12px);color:#8aeeff;z-index:3}
.quick-card:nth-child(even) .quick-icon{color:#ff82dc;border-color:rgba(255,116,214,.23)}
.quick-icon svg,.world-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.quick-body{position:absolute;z-index:3;left:18px;right:16px;bottom:14px}
.quick-body h3{margin:0 0 6px;font-size:18px;letter-spacing:-.025em;text-shadow:0 1px 14px rgba(0,0,0,.85)}
.quick-body p{margin:0;color:#b7c2d1;font-size:12px;line-height:1.42;min-height:34px;max-width:205px}
.quick-enter{display:flex;align-items:center;justify-content:space-between;margin-top:11px;color:#7ceeff;font-size:9px;font-weight:850;letter-spacing:.09em}
.info-circle{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(136,235,255,.58);font-size:14px;font-family:Georgia,serif;font-weight:700;background:rgba(2,9,17,.32)}
.ticker{overflow:hidden;border-block:1px solid rgba(255,255,255,.05);background:linear-gradient(90deg,rgba(255,47,183,.018),rgba(24,223,255,.018));height:52px;display:flex;align-items:center;backdrop-filter:blur(10px)}
.track{display:flex;gap:28px;width:max-content;white-space:nowrap;animation:ticker 28s linear infinite;color:#91a5ba;font-size:9px;font-weight:850;letter-spacing:.14em}
.track span:after{content:"✦";margin-left:28px;color:var(--pink);text-shadow:0 0 8px var(--pink)}@keyframes ticker{to{transform:translateX(-50%)}}
/* SECTIONS */
.section{padding:88px 0;position:relative}
.section .eyebrow{margin-bottom:12px}
h2{margin:0;font-size:clamp(33px,3.7vw,51px);line-height:1.10;letter-spacing:-.04em;font-weight:680}
.sub{max-width:820px;color:#aab7c9;font-size:15px;line-height:1.67;margin:16px 0 0}
.glass-panel{border:1px solid rgba(145,215,244,.13);border-radius:18px;background:linear-gradient(145deg,rgba(8,18,31,.45),rgba(2,8,16,.52));backdrop-filter:blur(24px) saturate(112%);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 20px 58px rgba(0,0,0,.22)}
/* Qué es BUSCO: una sola pieza alargada y más fina */
.what-panel{display:grid;grid-template-columns:minmax(0,1fr) 220px;align-items:center;gap:34px;padding:34px 38px;min-height:215px}
.what-copy strong{display:block;font-size:clamp(28px,3.0vw,42px);line-height:1.14;letter-spacing:-.035em}
.what-copy p{max-width:950px;color:#bac5d5;font-size:15px;line-height:1.68;margin:15px 0 0}
.what-mark{position:relative;min-height:145px;display:grid;place-items:center;border-left:1px solid rgba(255,255,255,.055)}
.what-mark:before{content:"";position:absolute;width:125px;height:125px;border-radius:50%;background:radial-gradient(circle,rgba(24,223,255,.10),rgba(255,47,183,.05) 43%,transparent 70%);filter:blur(18px)}
.what-mark img{position:relative;width:145px;max-height:135px;object-fit:contain;filter:drop-shadow(0 16px 28px rgba(0,0,0,.35)) drop-shadow(0 0 18px rgba(24,223,255,.08))}
/* Por qué: más fino y elegante */
.why-head{max-width:900px}
.why-head .script-grad{font-size:.98em}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:28px}
.why-card{position:relative;min-height:188px;padding:23px;border:1px solid rgba(132,202,237,.12);border-radius:14px;background:linear-gradient(155deg,rgba(8,18,31,.43),rgba(2,8,16,.62));overflow:hidden}
.why-card:before{content:"";position:absolute;width:160px;height:160px;right:-48px;top:-54px;border-radius:50%;background:radial-gradient(circle,rgba(24,223,255,.08),transparent 68%);filter:blur(13px)}
.why-card:nth-child(2):before{background:radial-gradient(circle,rgba(255,47,183,.08),transparent 68%)}
.why-ico{height:42px;width:42px;display:grid;place-items:center;border-radius:11px;border:1px solid rgba(142,223,255,.20);background:rgba(4,13,23,.48);color:#83ebff;font-size:19px}
.why-card:nth-child(2) .why-ico{color:#ff83dc;border-color:rgba(255,103,211,.20)}
.why-card h3{margin:17px 0 8px;font-size:19px;letter-spacing:-.025em}.why-card p{margin:0;color:#a9b6c8;line-height:1.58;font-size:13px}
/* Mundos reales / enlaces a comparadores */
.worlds-head{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:38px;margin-bottom:29px}
.worlds-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.world-card{position:relative;min-height:335px;overflow:hidden;border-radius:16px;border:1px solid rgba(113,203,240,.20);background:#05101a;transition:.25s;isolation:isolate}
.world-card:hover{transform:translateY(-5px);border-color:rgba(124,235,255,.43);box-shadow:0 23px 52px rgba(0,0,0,.38),0 0 26px rgba(24,223,255,.045)}
.world-card:nth-child(even){border-color:rgba(255,115,205,.19)}
.world-img{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(1.04) contrast(1.10);transform:scale(1.02);z-index:-3}
.world-card:after{content:"";position:absolute;inset:0;background:
linear-gradient(180deg,rgba(2,6,12,.03),rgba(2,6,12,.18) 35%,rgba(2,6,12,.92) 72%,#02060c 100%),
linear-gradient(140deg,rgba(24,223,255,.06),transparent 45%,rgba(255,47,183,.07));z-index:-2}
.world-icon{position:absolute;top:18px;left:19px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#8ceeff;border:1px solid rgba(142,229,255,.21);background:rgba(2,9,17,.46);backdrop-filter:blur(12px)}
.world-card:nth-child(even) .world-icon{color:#ff82dc;border-color:rgba(255,116,214,.21)}
.world-content{position:absolute;z-index:3;left:20px;right:20px;bottom:18px}
.world-content h3{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:20px;margin:0 0 8px;letter-spacing:-.025em}
.world-content h3 .busco-word{font-size:1em}.world-name{font-weight:700}
.world-content p{margin:0;color:#b1bccb;font-size:12.5px;line-height:1.53;min-height:39px}
.world-link{display:inline-flex;align-items:center;gap:10px;margin-top:14px;border:0;background:transparent;color:#78eaff;font-size:10px;font-weight:850;letter-spacing:.08em;padding:0}
.world-link:hover{color:#fff}
.mini-lupa{width:29px;height:29px;object-fit:contain;filter:drop-shadow(0 0 7px rgba(24,223,255,.30))}
/* Modal informativo */
.info-modal{position:fixed;inset:0;z-index:5000;display:none;align-items:center;justify-content:center;padding:28px;background:rgba(0,3,8,.72);backdrop-filter:blur(12px)}
.info-modal.open{display:flex}
.info-dialog{position:relative;width:min(760px,100%);border:1px solid rgba(139,223,255,.24);border-radius:20px;padding:34px;background:linear-gradient(145deg,rgba(8,18,31,.92),rgba(2,8,16,.94));box-shadow:0 32px 100px rgba(0,0,0,.62),0 0 34px rgba(24,223,255,.06)}
.info-dialog:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.04),transparent 28%,transparent 72%,rgba(255,47,183,.035))}
.info-close{position:absolute;right:16px;top:14px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.035);color:#fff;font-size:22px}
.info-kicker{font-size:9px;letter-spacing:.22em;color:#8ceeff;font-weight:850;margin-bottom:9px}
.info-dialog h3{font-size:31px;margin:0 42px 12px 0;letter-spacing:-.035em}
.info-dialog p{color:#bdc8d8;font-size:15px;line-height:1.65;margin:0}
.info-list{display:grid;gap:8px;margin:22px 0 26px;padding:0;list-style:none}
.info-list li{display:flex;align-items:flex-start;gap:10px;color:#d4dde9;font-size:13px}
.info-list li:before{content:"✦";color:var(--pink);text-shadow:0 0 8px var(--pink)}
.info-go{height:50px;border-radius:15px;border:1px solid rgba(137,242,255,.44);padding:0 17px;display:inline-flex;align-items:center;gap:11px;color:#fff;background:linear-gradient(95deg,rgba(255,47,183,.16),rgba(120,79,255,.10),rgba(24,223,255,.12));font-weight:800}
.info-go img{width:29px;height:29px;object-fit:contain}
/* Toast para rutas futuras */
.toast{position:fixed;right:22px;bottom:22px;z-index:6000;max-width:390px;padding:14px 17px;border-radius:14px;border:1px solid rgba(137,242,255,.24);background:rgba(4,12,22,.88);backdrop-filter:blur(18px);color:#dbe7f4;font-size:13px;line-height:1.45;box-shadow:0 20px 60px rgba(0,0,0,.42);opacity:0;transform:translateY(12px);pointer-events:none;transition:.24s}
.toast.show{opacity:1;transform:none}
.flash{animation:flashCard 1.2s ease}@keyframes flashCard{50%{box-shadow:0 0 0 1px rgba(137,242,255,.62),0 0 42px rgba(24,223,255,.18),0 22px 52px rgba(0,0,0,.4)}}
/* Cierre mínimo, sin logo gigante */
.site-footer{border-top:1px solid rgba(255,255,255,.055);padding:30px 0 42px;color:#77899d;font-size:11px}
.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:center}
.footer-inner strong{color:#b7c4d4;font-weight:700}
@media(max-width:1180px){
.nav-brand{width:205px}.nav-brand img{width:190px}.navlinks{gap:2px}.navlinks>a,.navdrop-btn{padding:0 8px;font-size:12px}.contact-cta{min-width:142px;margin-left:8px}
.hero-grid{grid-template-columns:60% 40%}.quick-grid{grid-template-columns:repeat(3,1fr)}.quick-section{margin-top:-72px}.worlds-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
.wrap{width:min(100% - 30px,1440px)}.nav-shell{width:calc(100% - 24px);height:70px;border-radius:16px}.nav-brand{width:190px}.nav-brand img{width:180px}
.mobile-menu{display:block}.navlinks{display:none;position:absolute;left:12px;right:12px;top:78px;flex-direction:column;align-items:stretch;padding:10px;border:1px solid rgba(137,242,255,.17);border-radius:15px;background:rgba(3,10,18,.93);backdrop-filter:blur(20px)}
.nav-shell.mobile-open .navlinks{display:flex}.navlinks>a,.navdrop-btn{width:100%;justify-content:flex-start}.nav-search{display:none}.navdrop-menu{position:static;transform:none!important;width:100%;max-height:45vh;margin-top:4px}.navdrop.open .navdrop-menu{opacity:1;visibility:visible}
.contact-cta{min-width:126px;height:46px;font-size:12px;margin-left:auto}
.hero{padding-top:105px;min-height:930px}.hero-grid{display:block;min-height:0}.hero-copy{padding-left:0;padding-right:0;max-width:760px}.hero-photo{top:485px;width:100%;height:430px}.hero-photo:before{background:linear-gradient(180deg,#02050a 0%,rgba(2,5,10,.22) 22%,transparent 48%),linear-gradient(90deg,#02050a 0%,transparent 16%,transparent 84%,#02050a 100%)}
.quick-section{margin-top:-30px}.quick-grid{grid-template-columns:repeat(2,1fr)}.what-panel{grid-template-columns:1fr;padding:29px}.what-mark{border-left:0;border-top:1px solid rgba(255,255,255,.055);padding-top:22px}.why-grid{grid-template-columns:1fr}.worlds-head{grid-template-columns:1fr}.worlds-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
.nav-brand img{width:150px}.nav-brand{width:155px}.contact-cta{min-width:105px;padding:0 10px}.contact-cta span.arrow{display:none}
h1{font-size:44px}.hero-lead{font-size:15px}.hero{min-height:900px}.hero-photo{top:520px;height:360px}.searchbar{height:auto;min-height:66px;flex-wrap:wrap;padding:9px 9px 9px 14px}.search-btn{width:100%;min-width:0}
.quick-grid,.worlds-grid{grid-template-columns:1fr}.quick-card{min-height:230px}.section{padding:70px 0}.what-panel{padding:25px}.info-dialog{padding:27px 22px}.footer-inner{flex-direction:column;align-items:flex-start}
}
/* ===== BUSCO · AJUSTE FINO DE CONTROLES Y CUADRÍCULAS ===== */
.contact-cta{
min-width:136px;height:40px;padding:0 16px;border:1px solid transparent;border-radius:999px;
background:linear-gradient(95deg,rgba(4,12,22,.58),rgba(4,10,18,.48)) padding-box,
linear-gradient(100deg,#18dfff 0%,#8e72ff 48%,#ff2fb7 100%) border-box;
box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 0 10px rgba(24,223,255,.20),0 0 12px rgba(255,47,183,.15);
font-size:12px;letter-spacing:.025em
}
.contact-cta:before{inset:-2px;border-radius:999px;background:linear-gradient(100deg,rgba(24,223,255,.55),rgba(142,114,255,.30),rgba(255,47,183,.50));filter:blur(8px);opacity:.24}
.contact-cta:hover{
transform:translateY(-1px);
background:linear-gradient(95deg,rgba(6,15,26,.68),rgba(5,11,20,.58)) padding-box,
linear-gradient(100deg,#4ce7ff 0%,#a88cff 48%,#ff59c8 100%) border-box;
box-shadow:0 0 14px rgba(24,223,255,.24),0 0 16px rgba(255,47,183,.18)
}
.search-wrap{margin-top:24px}
.searchbar{
height:50px;gap:10px;padding:5px 5px 5px 14px;border-radius:999px;border:1px solid rgba(85,214,255,.48);
background:linear-gradient(180deg,rgba(4,13,24,.40),rgba(2,8,16,.48));
box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 0 13px rgba(24,223,255,.08),0 8px 26px rgba(0,0,0,.20)
}
.searchbar:before{inset:-1px;border-radius:999px;filter:blur(5px);opacity:.30}
.search-icon{width:19px;height:19px}
.searchbar input{font-size:14px;padding:0 2px}
.search-btn{
height:38px;min-width:108px;padding:0 18px;border-radius:999px;font-size:12px;font-weight:800;border:1px solid rgba(255,255,255,.20);
background:linear-gradient(100deg,#31ddff 0%,#8d72ff 46%,#ff43bd 100%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 0 13px rgba(24,223,255,.18),0 0 13px rgba(255,47,183,.16)
}
.info-go,.world-link{
min-height:36px;height:36px;border:1px solid transparent;border-radius:999px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#f5fbff;
background:linear-gradient(95deg,rgba(3,11,20,.58),rgba(3,9,17,.48)) padding-box,
linear-gradient(100deg,#18dfff 0%,#9273ff 49%,#ff2fb7 100%) border-box;
box-shadow:0 0 9px rgba(24,223,255,.14),0 0 10px rgba(255,47,183,.11);
font-size:9px;font-weight:850;letter-spacing:.075em;transition:.2s
}
.info-go:hover,.world-link:hover{
color:#fff;transform:translateY(-1px);
background:linear-gradient(95deg,rgba(6,15,26,.70),rgba(5,11,20,.60)) padding-box,
linear-gradient(100deg,#56e9ff 0%,#ad93ff 49%,#ff63cd 100%) border-box
}
.info-go img,.mini-lupa{width:21px;height:21px}
.quick-grid,.worlds-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.world-card{min-height:270px;border-radius:15px}
.world-icon{top:14px;left:14px;width:36px;height:36px;border-radius:10px}
.world-icon svg{width:20px;height:20px}
.world-content{left:15px;right:15px;bottom:14px}
.world-content h3{gap:6px;font-size:16.5px;margin-bottom:6px;line-height:1.15}
.world-content p{font-size:11.2px;line-height:1.45;min-height:32px}
.world-link{margin-top:11px}
@media(max-width:1100px){.worlds-grid,.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){
.contact-cta{min-width:106px;height:38px;padding:0 11px;font-size:11px}
.searchbar{height:48px;min-height:48px;flex-wrap:nowrap;padding:5px 5px 5px 12px}
.searchbar input{font-size:12.5px}.search-btn{width:auto;min-width:86px;height:36px;padding:0 13px}
.worlds-grid,.quick-grid{grid-template-columns:1fr}
}
/* SOLO BOTONES: estilo de referencia, cristal transparente + borde degradado luminoso.
El buscador y su botón Buscar NO se modifican. */
.contact-cta,
.info-go,
.world-link{
position:relative;
border:1px solid transparent !important;
border-radius:999px !important;
color:#f7fbff !important;
background:
linear-gradient(180deg,rgba(3,10,18,.10),rgba(3,9,16,.07)) padding-box,
linear-gradient(100deg,#21dcff 0%,#7f78ff 48%,#ff3fbd 100%) border-box !important;
backdrop-filter:blur(10px) saturate(112%);
-webkit-backdrop-filter:blur(10px) saturate(112%);
box-shadow:
0 0 7px rgba(33,220,255,.34),
0 0 13px rgba(127,120,255,.20),
0 0 10px rgba(255,63,189,.18) !important;
text-shadow:0 0 7px rgba(255,255,255,.10);
transition:transform .2s ease, box-shadow .2s ease, filter .2s ease !important;
}
.contact-cta{
min-width:128px !important;
height:36px !important;
padding:0 15px !important;
font-size:11.5px !important;
gap:8px !important;
}
/* Quitamos el halo relleno antiguo: ahora el brillo vive SOLO alrededor del borde. */
.contact-cta:before{
content:none !important;
}
.info-go,
.world-link{
min-height:34px !important;
height:34px !important;
padding:0 12px !important;
gap:7px !important;
font-size:8.7px !important;
letter-spacing:.07em !important;
}
.contact-cta:hover,
.info-go:hover,
.world-link:hover{
transform:translateY(-1px);
color:#fff !important;
background:
linear-gradient(180deg,rgba(4,12,21,.13),rgba(3,9,17,.09)) padding-box,
linear-gradient(100deg,#54e9ff 0%,#9b8cff 48%,#ff64cb 100%) border-box !important;
box-shadow:
0 0 9px rgba(33,220,255,.45),
0 0 16px rgba(127,120,255,.26),
0 0 13px rgba(255,63,189,.24) !important;
}
.info-go img,.world-link .mini-lupa{
width:20px !important;
height:20px !important;
}
@media(max-width:620px){
.contact-cta{min-width:104px !important;height:34px !important;padding:0 10px !important;font-size:10.5px !important}
.info-go,.world-link{height:32px !important;min-height:32px !important;padding:0 10px !important}
}
/* =========================================================
BOTÓN DE REFERENCIA BUSCO IA
Interior oscuro/transparente.
El color SOLO vive en el borde.
Halo exterior cian/violeta/fucsia.
.search-btn NO SE TOCA.
========================================================= */
.contact-cta,
.info-go,
.world-link{
position:relative !important;
display:inline-flex !important;
align-items:center !important;
justify-content:center !important;
gap:8px !important;
border:1px solid transparent !important;
border-radius:999px !important;
/* 1ª capa = interior negro cristal.
2ª capa = borde degradado.
Así NO aparece ningún borde negro exterior. */
background:
linear-gradient(rgba(3,8,15,.72), rgba(3,8,15,.72)) padding-box,
linear-gradient(100deg,
#22ddff 0%,
#55cfff 28%,
#8d78ff 54%,
#cf5ee8 76%,
#ff3fba 100%
) border-box !important;
color:#fff !important;
backdrop-filter:blur(14px) saturate(112%) !important;
-webkit-backdrop-filter:blur(14px) saturate(112%) !important;
/* Halo como la captura: luminoso alrededor del borde, no relleno */
box-shadow:
0 0 4px rgba(34,221,255,.78),
0 0 9px rgba(34,221,255,.34),
0 0 13px rgba(141,120,255,.22),
0 0 10px rgba(255,63,186,.26),
inset 0 0 8px rgba(34,221,255,.06),
inset 0 0 8px rgba(255,63,186,.05) !important;
text-shadow:0 0 8px rgba(255,255,255,.10) !important;
transition:.18s ease !important;
overflow:visible !important;
isolation:auto !important;
}
/* Neutralizamos completamente los pseudo-elementos anteriores
que estaban creando ese borde negro feo. */
.contact-cta::before,
.contact-cta::after,
.info-go::before,
.info-go::after,
.world-link::before,
.world-link::after{
content:none !important;
display:none !important;
}
/* Tamaño fino, tipo la referencia */
.contact-cta{
min-width:128px !important;
height:38px !important;
padding:0 16px !important;
font-size:11px !important;
font-weight:800 !important;
letter-spacing:.015em !important;
}
.info-go,
.world-link{
min-height:36px !important;
height:36px !important;
padding:0 13px !important;
font-size:9px !important;
font-weight:850 !important;
letter-spacing:.075em !important;
}
/* Hover: no rellenar. Solo aumenta el halo. */
.contact-cta:hover,
.info-go:hover,
.world-link:hover{
background:
linear-gradient(rgba(4,10,18,.78), rgba(4,10,18,.78)) padding-box,
linear-gradient(100deg,
#22ddff 0%,
#55cfff 28%,
#8d78ff 54%,
#cf5ee8 76%,
#ff3fba 100%
) border-box !important;
box-shadow:
0 0 5px rgba(34,221,255,.95),
0 0 12px rgba(34,221,255,.44),
0 0 17px rgba(141,120,255,.28),
0 0 13px rgba(255,63,186,.34),
inset 0 0 9px rgba(34,221,255,.07),
inset 0 0 9px rgba(255,63,186,.06) !important;
transform:translateY(-1px) !important;
}
/* El botón Buscar mantiene exactamente su estilo actual */
.search-btn{
/* sin cambios */
}
/* ===== TARJETAS: oscuras, con neón selectivo y hover luminoso ===== */
.quick-img,
.world-img{
filter:brightness(.68) saturate(.78) contrast(1.20) !important;
opacity:.84 !important;
transition:
filter .34s ease,
opacity .34s ease,
transform .34s ease !important;
}
/* El contraste mantiene cian/fucsia vivos, pero hunde los negros.
Así la imagen acompaña al texto en lugar de comérselo. */
.quick-card:hover .quick-img,
.quick-card:focus .quick-img,
.world-card:hover .world-img{
filter:brightness(.94) saturate(1.04) contrast(1.14) !important;
opacity:.98 !important;
transform:scale(1.04) !important;
}
/* Capa oscura de integración: deja respirar los reflejos de neón */
.quick-card:after{
background:
linear-gradient(180deg,rgba(2,7,13,.16) 0%,rgba(2,7,13,.32) 38%,rgba(2,7,13,.88) 70%,rgba(2,7,13,.98) 100%),
linear-gradient(125deg,rgba(24,223,255,.045),transparent 46%,rgba(255,47,183,.05)) !important;
}
.world-card:after{
background:
linear-gradient(180deg,rgba(2,6,12,.14) 0%,rgba(2,6,12,.30) 38%,rgba(2,6,12,.91) 72%,#02060c 100%),
linear-gradient(140deg,rgba(24,223,255,.04),transparent 45%,rgba(255,47,183,.05)) !important;
}
/* Hover: el neón de la foto despierta, no toda la tarjeta */
.quick-card:hover:after,
.quick-card:focus:after{
background:
linear-gradient(180deg,rgba(2,7,13,.08) 0%,rgba(2,7,13,.21) 38%,rgba(2,7,13,.83) 70%,rgba(2,7,13,.97) 100%),
linear-gradient(125deg,rgba(24,223,255,.07),transparent 46%,rgba(255,47,183,.075)) !important;
}
.world-card:hover:after{
background:
linear-gradient(180deg,rgba(2,6,12,.07) 0%,rgba(2,6,12,.20) 38%,rgba(2,6,12,.86) 72%,#02060c 100%),
linear-gradient(140deg,rgba(24,223,255,.065),transparent 45%,rgba(255,47,183,.075)) !important;
}
/* ===== CABECERA DE LAS TARJETAS SUPERIORES ===== */
.quick-section{
margin-top:-70px !important;
}
.quick-head{
margin-bottom:22px;
padding-left:2px;
}
.quick-head .eyebrow{
margin-bottom:7px;
font-size:9px;
letter-spacing:.24em;
color:#83eaff;
}
.quick-head h2{
margin:0;
font-size:clamp(25px,2.25vw,34px);
line-height:1.08;
font-weight:650;
letter-spacing:-.035em;
}
.quick-head p{
margin:8px 0 0;
max-width:720px;
color:#8f9fb2;
font-size:12px;
line-height:1.55;
}
@media(max-width:900px){
.quick-section{margin-top:-28px !important}
}
/* =========================================================
TARJETAS FLOTANTES
Luz pasiva inferior + borde muy sutil.
Sin aclarar la tarjeta ni convertirla en neón completo.
========================================================= */
.quick-card,
.world-card{
overflow:visible !important;
position:relative !important;
isolation:isolate !important;
}
/* Conservamos el recorte visual del contenido dentro de una capa interna */
.quick-card .quick-img,
.world-card .world-img{
border-radius:inherit;
}
/* Halo pasivo inferior */
.quick-card::after,
.world-card::after{
content:"" !important;
position:absolute !important;
left:8% !important;
right:8% !important;
bottom:-11px !important;
height:24px !important;
border-radius:50% !important;
pointer-events:none !important;
z-index:-6 !important;
background:
radial-gradient(ellipse at center,
rgba(24,223,255,.16) 0%,
rgba(116,104,255,.10) 36%,
rgba(255,47,183,.09) 58%,
transparent 78%) !important;
filter:blur(12px) !important;
opacity:.83 !important;
transition:
opacity .28s ease,
transform .28s ease,
filter .28s ease !important;
}
/* En las pares domina un poco más el fucsia para romper la monotonía */
.quick-card:nth-child(even)::after,
.world-card:nth-child(even)::after{
background:
radial-gradient(ellipse at center,
rgba(255,47,183,.15) 0%,
rgba(145,92,255,.10) 38%,
rgba(24,223,255,.08) 60%,
transparent 79%) !important;
}
/* Borde fino con algo de luz, especialmente abajo */
.quick-card,
.world-card{
box-shadow:
inset 0 1px 0 rgba(255,255,255,.025),
inset 0 -1px 0 rgba(86,220,255,.10),
0 12px 26px rgba(0,0,0,.28),
0 1px 0 rgba(24,223,255,.035) !important;
}
/* Las pares reciben un toque inferior rosa */
.quick-card:nth-child(even),
.world-card:nth-child(even){
box-shadow:
inset 0 1px 0 rgba(255,255,255,.025),
inset 0 -1px 0 rgba(255,75,190,.09),
0 12px 26px rgba(0,0,0,.28),
0 1px 0 rgba(255,47,183,.03) !important;
}
/* Hover: sube levemente y la luz inferior despierta */
.quick-card:hover,
.quick-card:focus,
.world-card:hover{
transform:translateY(-3px) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.04),
inset 0 -1px 0 rgba(103,231,255,.18),
0 18px 34px rgba(0,0,0,.34),
0 0 18px rgba(24,223,255,.045) !important;
}
.quick-card:nth-child(even):hover,
.quick-card:nth-child(even):focus,
.world-card:nth-child(even):hover{
box-shadow:
inset 0 1px 0 rgba(255,255,255,.04),
inset 0 -1px 0 rgba(255,93,204,.17),
0 18px 34px rgba(0,0,0,.34),
0 0 18px rgba(255,47,183,.04) !important;
}
.quick-card:hover::after,
.quick-card:focus::after,
.world-card:hover::after{
opacity:1 !important;
transform:translateY(4px) scaleX(1.08) !important;
filter:blur(14px) !important;
}
/* Abajo lo dejamos un poco más suave que arriba */
.world-card::after{
opacity:.65 !important;
bottom:-9px !important;
height:21px !important;
}
.world-card:hover::after{
opacity:.86 !important;
}
/* Para que el contenido siga recortado visualmente aunque la tarjeta pueda proyectar luz fuera */
.quick-card > .quick-img,
.quick-card > .quick-body,
.quick-card > .quick-icon,
.quick-card > .info-circle,
.world-card > .world-img,
.world-card > .world-content,
.world-card > .world-icon{
position:absolute;
}
/* Recuperamos el recorte de las imágenes, no del halo */
.quick-card .quick-img,
.world-card .world-img{
overflow:hidden;
}
/* =========================================================
SOLO BOTONES DE ACCIÓN
Borde: degradado cian -> violeta -> fucsia, MUY iluminado.
Interior: oscuro/transparente.
El botón Buscar NO se toca.
========================================================= */
.contact-cta,
.info-go,
.world-link{
position:relative !important;
border:1.2px solid transparent !important;
border-radius:999px !important;
/* Interior oscuro/transparente + degradado SOLO en el borde */
background:
linear-gradient(rgba(2,8,15,.48), rgba(2,8,15,.48)) padding-box,
linear-gradient(
105deg,
#16e3ff 0%,
#28d9ff 24%,
#8d79ff 52%,
#d653e8 76%,
#ff39b9 100%
) border-box !important;
color:#fff !important;
backdrop-filter:blur(12px) saturate(105%) !important;
-webkit-backdrop-filter:blur(12px) saturate(105%) !important;
/* Halo exterior siguiendo los dos extremos del degradado */
box-shadow:
0 0 4px rgba(22,227,255,.92),
0 0 10px rgba(22,227,255,.42),
0 0 5px rgba(255,57,185,.78),
0 0 12px rgba(255,57,185,.34),
inset 0 0 0 1px rgba(255,255,255,.015) !important;
text-shadow:none !important;
}
/* Quitar cualquier halo/relleno antiguo que pueda teñir el interior */
.contact-cta::before,
.contact-cta::after,
.info-go::before,
.info-go::after,
.world-link::before,
.world-link::after{
content:none !important;
display:none !important;
}
/* Hover: el interior sigue oscuro; SOLO gana intensidad el borde/halo */
.contact-cta:hover,
.info-go:hover,
.world-link:hover{
background:
linear-gradient(rgba(2,8,15,.53), rgba(2,8,15,.53)) padding-box,
linear-gradient(
105deg,
#16e3ff 0%,
#28d9ff 24%,
#8d79ff 52%,
#d653e8 76%,
#ff39b9 100%
) border-box !important;
box-shadow:
0 0 5px rgba(22,227,255,1),
0 0 13px rgba(22,227,255,.54),
0 0 6px rgba(255,57,185,.92),
0 0 15px rgba(255,57,185,.43),
inset 0 0 0 1px rgba(255,255,255,.02) !important;
}
/* Buscar queda exactamente como estaba */
.search-btn{
/* sin cambios */
}
/* SOLO estos botones. El botón Buscar no se toca. */
.contact-cta,
.info-go,
.world-link{
position:relative !important;
overflow:visible !important;
isolation:isolate !important;
border:0 !important;
border-radius:999px !important;
/* INTERIOR: únicamente negro/transparente */
background:rgba(2,8,15,.28) !important;
color:#fff !important;
backdrop-filter:blur(3px) !important;
-webkit-backdrop-filter:blur(3px) !important;
/* Sin rellenos de color */
box-shadow:
inset 0 1px 0 rgba(255,255,255,.035),
inset 0 -1px 0 rgba(0,0,0,.30) !important;
text-shadow:none !important;
}
/* ARO REAL: el degradado existe SOLO en el borde */
.contact-cta::before,
.info-go::before,
.world-link::before{
content:"" !important;
display:block !important;
position:absolute !important;
inset:-1.2px !important;
padding:1.2px !important;
border-radius:inherit !important;
pointer-events:none !important;
z-index:2 !important;
background:linear-gradient(
105deg,
#13e5ff 0%,
#31d9ff 26%,
#8a78ff 53%,
#d653e8 77%,
#ff38ba 100%
) !important;
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0) !important;
-webkit-mask-composite:xor !important;
mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0) !important;
mask-composite:exclude !important;
filter:none !important;
opacity:1 !important;
}
/* HALO EXTERIOR: también recortado como aro, jamás rellena el centro */
.contact-cta::after,
.info-go::after,
.world-link::after{
content:"" !important;
display:block !important;
position:absolute !important;
inset:-5px !important;
padding:5px !important;
border-radius:inherit !important;
pointer-events:none !important;
z-index:-1 !important;
background:linear-gradient(
105deg,
rgba(19,229,255,.95) 0%,
rgba(49,217,255,.76) 26%,
rgba(138,120,255,.60) 53%,
rgba(214,83,232,.72) 77%,
rgba(255,56,186,.95) 100%
) !important;
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0) !important;
-webkit-mask-composite:xor !important;
mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0) !important;
mask-composite:exclude !important;
filter:blur(5px) !important;
opacity:.72 !important;
}
/* Mantener el contenido por encima del aro */
.contact-cta > *,
.info-go > *,
.world-link > *{
position:relative !important;
z-index:3 !important;
}
/* Hover: interior sigue oscuro; solo aumenta el halo */
.contact-cta:hover,
.info-go:hover,
.world-link:hover{
background:rgba(2,8,15,.34) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.04),
inset 0 -1px 0 rgba(0,0,0,.30) !important;
}
.contact-cta:hover::after,
.info-go:hover::after,
.world-link:hover::after{
opacity:.94 !important;
filter:blur(6px) !important;
}
/* Buscar: intocable */
.search-btn{
/* sin cambios */
}
/* SOLO Contáctanos + Ir a este BUSCO.
Los hacemos realmente transparentes como los de Ir al comparador.
No se toca nada más. */
.contact-cta,
.info-go{
background:rgba(2,8,15,.12) !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
.contact-cta:hover,
.info-go:hover{
background:rgba(2,8,15,.18) !important;
}
/* SOLO integración inferior de la foto del hero.
Difumina el borde de abajo para que no se vea como una imagen pegada. */
.hero-photo::after{
content:"" !important;
position:absolute !important;
inset:0 !important;
z-index:3 !important;
pointer-events:none !important;
background:
linear-gradient(
180deg,
transparent 54%,
rgba(2,5,10,.08) 62%,
rgba(2,5,10,.28) 70%,
rgba(2,5,10,.56) 78%,
rgba(2,5,10,.82) 85%,
rgba(2,5,10,.96) 90%,
#02050a 94%
) !important;
box-shadow:
inset 0 0 105px 35px rgba(2,5,10,.22) !important;
}
/* SOLO CONTÁCTANOS */
.contact-cta{
background:rgba(2,8,15,.06) !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
/* Mantenerlo transparente también al pasar por encima */
.contact-cta:hover{
background:rgba(2,8,15,.10) !important;
}
/* El halo/borde sigue siendo independiente del interior */
.contact-cta::before,
.contact-cta::after{
pointer-events:none !important;
}
/* =========================================================
SOLO CONTÁCTANOS:
1) el botón no tiene relleno alguno;
2) abrimos un hueco real en el cristal de la barra justo detrás
del botón, para que se vea la página/imagen que pasa por debajo.
========================================================= */
/* El botón: centro 100% transparente */
.contact-cta,
.contact-cta:hover{
background:transparent !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
box-shadow:none !important;
}
/* La barra deja de pintar cristal como una pieza única */
.nav-shell{
background:transparent !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
/* Recreamos el cristal a la izquierda del botón */
.nav-shell::before{
content:"" !important;
display:block !important;
position:absolute !important;
left:0 !important;
top:0 !important;
bottom:0 !important;
right:146px !important;
z-index:0 !important;
pointer-events:none !important;
border-radius:22px 0 0 22px !important;
background:
linear-gradient(110deg,rgba(255,255,255,.04),transparent 26%,transparent 68%,rgba(137,242,255,.025)),
linear-gradient(180deg,rgba(8,17,29,.54),rgba(2,8,16,.43)) !important;
backdrop-filter:blur(27px) saturate(118%) !important;
-webkit-backdrop-filter:blur(27px) saturate(118%) !important;
}
/* Pequeño tramo de cristal a la derecha.
Entre ::before y ::after queda el hueco transparente del botón. */
.nav-shell::after{
content:"" !important;
display:block !important;
position:absolute !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
width:8px !important;
z-index:0 !important;
pointer-events:none !important;
border-radius:0 22px 22px 0 !important;
background:linear-gradient(180deg,rgba(8,17,29,.54),rgba(2,8,16,.43)) !important;
backdrop-filter:blur(27px) saturate(118%) !important;
-webkit-backdrop-filter:blur(27px) saturate(118%) !important;
}
/* El contenido de navegación queda por encima del cristal */
.nav-brand,
.navlinks,
.nav-search,
.contact-cta,
.mobile-menu{
position:relative !important;
z-index:3 !important;
}
/* En móvil el botón es más estrecho: ajustamos SOLO el hueco */
@media(max-width:620px){
.nav-shell::before{
right:122px !important;
border-radius:16px 0 0 16px !important;
}
.nav-shell::after{
width:8px !important;
border-radius:0 16px 16px 0 !important;
}
}
/* SOLO CONTÁCTANOS: mismo efecto interior que Ir al comparador */
.contact-cta{
background:rgba(2,8,15,.28) !important;
backdrop-filter:blur(3px) !important;
-webkit-backdrop-filter:blur(3px) !important;
}
.contact-cta:hover{
background:rgba(2,8,15,.34) !important;
backdrop-filter:blur(3px) !important;
-webkit-backdrop-filter:blur(3px) !important;
}
/* =========================================================
PROTOTIPO DE ARQUITECTURA BUSCO
Solo añade/maqueta las nuevas piezas.
NO toca .contact-cta, .world-card, .quick-card ni sus botones.
========================================================= */
#que-es,#por-que,#como-funciona,#mundos,#lo-hacemos{scroll-margin-top:112px}
/* Buscador: añadidos, sin cambiar la barra */
.smart-examples{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:9px 4px 0;color:#6f8298;font-size:9px}
.smart-examples>span{font-weight:850;letter-spacing:.10em;color:#667a91}
.smart-examples button{border:0;background:transparent;color:#8295aa;padding:2px 0;font-size:9px;cursor:pointer}
.smart-examples button:hover{color:#8defff}
.smart-result{display:none;margin-top:11px;padding:15px 16px;border:1px solid rgba(112,219,255,.22);border-radius:14px;background:rgba(3,10,18,.72);backdrop-filter:blur(18px);box-shadow:0 18px 44px rgba(0,0,0,.26),0 0 18px rgba(24,223,255,.035)}
.smart-result.show{display:block;animation:smartIn .22s ease}
@keyframes smartIn{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.smart-result-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}
.smart-kicker{font-size:8px;font-weight:900;letter-spacing:.16em;color:#83eaff}
.smart-destination{font-size:9px;color:#d7e3ef;border:1px solid rgba(255,98,201,.22);padding:5px 8px;border-radius:999px;background:rgba(255,47,183,.035)}
.smart-result>strong{display:block;font-size:15px;letter-spacing:-.015em}
.smart-result>p{margin:5px 0 11px;color:#93a3b6;font-size:11px;line-height:1.45}
.smart-actions{display:flex;gap:8px;flex-wrap:wrap}
.smart-actions button,.engine-help button,.build-secondary{height:32px;padding:0 12px;border-radius:999px;font-size:9px;font-weight:850;letter-spacing:.06em;cursor:pointer}
.smart-primary{border:1px solid transparent;color:#fff;background:linear-gradient(rgba(2,8,15,.35),rgba(2,8,15,.35)) padding-box,linear-gradient(100deg,#16dfff,#8d72ff,#ff3fbd) border-box;box-shadow:0 0 8px rgba(24,223,255,.13),0 0 9px rgba(255,47,183,.10)}
.smart-secondary{border:1px solid rgba(255,255,255,.10);color:#d8e3ef;background:rgba(255,255,255,.025)}
.smart-secondary:hover,.build-secondary:hover{border-color:rgba(137,242,255,.24);color:#fff}
/* Qué es BUSCO */
.intent-chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}
.intent-chips span{padding:7px 10px;border-radius:999px;border:1px solid rgba(123,215,249,.13);background:rgba(5,13,23,.30);color:#8fa2b8;font-size:9px}
/* Antes de 14 pestañas */
.busco-plan-head{max-width:920px}
.noise-compare{display:grid;grid-template-columns:1fr 42px 1fr;align-items:stretch;gap:15px;margin-top:30px}
.noise-panel{position:relative;min-height:270px;padding:24px;border:1px solid rgba(142,215,244,.13);border-radius:18px;background:linear-gradient(145deg,rgba(8,18,31,.38),rgba(2,8,16,.55));overflow:hidden}
.noise-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 28%,transparent 70%,rgba(137,242,255,.018))}
.noise-label{position:relative;z-index:2;font-size:8px;font-weight:900;letter-spacing:.18em;color:#8297ad;margin-bottom:17px}
.fake-tabs{display:flex;gap:5px;overflow:hidden;margin-bottom:18px}
.fake-tabs span{height:25px;min-width:58px;padding:0 8px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.07);border-radius:6px;background:rgba(255,255,255,.025);color:#617286;font-size:8px}
.chaos-lines{display:grid;gap:8px;margin-bottom:24px;opacity:.72}
.chaos-lines i{display:block;height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.09),rgba(255,255,255,.025));filter:blur(.2px)}
.chaos-lines i:nth-child(2){width:82%}.chaos-lines i:nth-child(3){width:91%}.chaos-lines i:nth-child(4){width:67%}.chaos-lines i:nth-child(5){width:76%}
.noise-panel>strong{position:relative;z-index:2;display:block;font-size:20px;letter-spacing:-.02em}
.noise-panel>p{position:relative;z-index:2;margin:8px 0 0;color:#8fa0b3;font-size:12px;line-height:1.55;max-width:480px}
.noise-arrow{display:grid;place-items:center;color:#6fe9ff;font-size:23px;opacity:.7}
.noise-order{border-color:rgba(119,228,255,.19);box-shadow:0 0 35px rgba(24,223,255,.025)}
.need-line{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px;border:1px solid rgba(137,242,255,.17);border-radius:10px;background:rgba(2,9,17,.43)}
.need-prompt{color:#dce7f2;font-size:11px;line-height:1.35}
.need-status{flex:0 0 auto;font-size:7px;font-weight:900;letter-spacing:.13em;color:#7ceeff}
.order-result{display:grid;gap:4px;margin:14px 0 23px;padding:14px;border-left:2px solid #2bdbff;background:linear-gradient(90deg,rgba(24,223,255,.05),transparent)}
.order-result span{font-size:8px;font-weight:850;letter-spacing:.12em;color:#75dff3}.order-result b{font-size:16px}.order-result small{color:#7e91a7;font-size:9px}
/* Motor / comparador */
.busco-engine-section{padding-top:82px!important}
.engine-head{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:end;margin-bottom:28px}
.engine-head .sub{margin:0 0 4px auto;max-width:620px}
.engine-shell{position:relative;border:1px solid rgba(118,218,255,.18);border-radius:20px;padding:18px;background:linear-gradient(145deg,rgba(7,16,28,.80),rgba(2,7,13,.92));box-shadow:0 28px 75px rgba(0,0,0,.30),0 0 35px rgba(24,223,255,.025);overflow:hidden}
.engine-shell:before{content:"";position:absolute;width:420px;height:280px;right:-90px;top:-150px;border-radius:50%;background:radial-gradient(circle,rgba(255,47,183,.08),rgba(24,223,255,.035) 42%,transparent 70%);filter:blur(20px);pointer-events:none}
.engine-topbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:3px 2px 16px;border-bottom:1px solid rgba(255,255,255,.055)}
.engine-brand{display:flex;align-items:center;gap:10px}.engine-dot{width:8px;height:8px;border-radius:50%;background:#31ddff;box-shadow:0 0 12px rgba(49,221,255,.7)}
.engine-brand small{display:block;font-size:7px;letter-spacing:.14em;color:#71859c}.engine-brand strong{display:block;margin-top:2px;font-size:15px}
.engine-ready{font-size:8px;color:#8fefff;border:1px solid rgba(137,242,255,.17);padding:6px 8px;border-radius:999px}
.engine-search{position:relative;z-index:2;display:flex;align-items:center;gap:12px;margin:18px 0 12px;padding:13px 14px;border:1px solid rgba(95,215,255,.22);border-radius:12px;background:rgba(2,9,17,.47)}
.engine-search-icon{font-size:22px;color:#80eaff}.engine-search small{display:block;font-size:7px;letter-spacing:.16em;color:#6e8298}.engine-search strong{display:block;margin-top:3px;font-size:14px}
.engine-chips{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 13px}
.engine-chips button{height:29px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.02);color:#8999ab;font-size:8px;font-weight:800;cursor:pointer}
.engine-chips button:hover,.engine-chips button.active{color:#fff;border-color:rgba(85,222,255,.32);background:linear-gradient(90deg,rgba(24,223,255,.055),rgba(255,47,183,.045))}
.engine-results{display:grid;gap:8px}
.engine-result{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:rgba(255,255,255,.018)}
.engine-result label{position:relative;width:20px;height:20px}.engine-result input{opacity:0;position:absolute}.fake-check{position:absolute;inset:0;border:1px solid rgba(137,242,255,.23);border-radius:6px;background:rgba(2,9,17,.6)}
.engine-result input:checked + .fake-check{background:linear-gradient(135deg,#18dfff,#9a69ff 55%,#ff2fb7);box-shadow:0 0 9px rgba(24,223,255,.18)}
.engine-result input:checked + .fake-check:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:11px;font-weight:900}
.result-main small{display:block;font-size:7px;letter-spacing:.12em;color:#6f8297}.result-main strong{display:block;margin:3px 0;font-size:13px}.result-main p{margin:0;color:#8496a9;font-size:9.5px;line-height:1.4}
.result-tags{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.result-tags span{padding:5px 7px;border-radius:999px;background:rgba(24,223,255,.035);border:1px solid rgba(137,242,255,.10);color:#87a1b5;font-size:7px}
.compare-tray{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px;padding:13px 14px;border-radius:12px;border:1px solid rgba(255,72,189,.16);background:linear-gradient(90deg,rgba(255,47,183,.035),rgba(24,223,255,.035))}
.compare-tray small{display:block;font-size:7px;letter-spacing:.13em;color:#8a779a}.compare-tray strong{display:block;margin-top:3px;font-size:11px}
.compare-tray button{height:32px;padding:0 13px;border:1px solid transparent;border-radius:999px;color:#fff;font-size:8px;font-weight:850;background:linear-gradient(rgba(2,8,15,.30),rgba(2,8,15,.30)) padding-box,linear-gradient(100deg,#16dfff,#8d72ff,#ff3fbd) border-box;cursor:pointer}
.engine-help{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:12px;color:#71849a;font-size:9px}
.engine-help button{border:0;background:transparent;color:#7ceeff;padding:0;height:auto}
/* Lo hacemos por ti */
.build-section{padding-top:76px!important;padding-bottom:100px!important}
.build-shell{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:34px;padding:34px;border:1px solid rgba(143,216,245,.16);border-radius:22px;background:linear-gradient(145deg,rgba(8,18,31,.42),rgba(2,8,16,.62));box-shadow:0 26px 70px rgba(0,0,0,.26);overflow:hidden}
.build-shell:before{content:"";position:absolute;width:390px;height:390px;right:-120px;bottom:-190px;border-radius:50%;background:radial-gradient(circle,rgba(24,223,255,.10),rgba(255,47,183,.045) 45%,transparent 70%);filter:blur(25px)}
.build-copy,.build-preview{position:relative;z-index:2}
.build-copy h2{font-size:clamp(31px,3.4vw,48px)}
.build-copy>p{max-width:720px;color:#9dacbf;font-size:13px;line-height:1.65}
.build-input-label{display:block;margin-top:22px;margin-bottom:7px;font-size:8px;font-weight:900;letter-spacing:.16em;color:#78eaff}
.build-input-wrap{padding:8px;border:1px solid rgba(103,218,255,.19);border-radius:14px;background:rgba(2,8,15,.48)}
.build-input-wrap textarea{display:block;width:100%;min-height:86px;resize:vertical;border:0;outline:0;background:transparent;color:#fff;padding:10px;font:inherit;font-size:12px;line-height:1.5}
.build-input-wrap textarea::placeholder{color:#63758a}
.build-input-wrap button{width:100%;height:38px;border:1px solid transparent;border-radius:999px;color:#fff;font-size:9px;font-weight:900;letter-spacing:.055em;background:linear-gradient(rgba(2,8,15,.30),rgba(2,8,15,.30)) padding-box,linear-gradient(100deg,#16dfff,#8d72ff,#ff3fbd) border-box;box-shadow:0 0 8px rgba(24,223,255,.11),0 0 9px rgba(255,47,183,.09);cursor:pointer}
.build-secondary{margin-top:9px;border:0;background:transparent;color:#7d91a7;padding:0;height:auto}
.build-preview{align-self:stretch;border-left:1px solid rgba(255,255,255,.06);padding-left:32px;display:flex;flex-direction:column;justify-content:center}
.build-preview-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:18px;color:#708399;font-size:7px;font-weight:900;letter-spacing:.14em}
.live-dot{color:#84eaff}
.build-quote{padding:16px;border:1px solid rgba(137,242,255,.13);border-radius:12px;background:rgba(3,10,18,.45);font-size:14px;line-height:1.5;color:#d9e5f0}
.solution-map{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:8px;align-items:center;margin:14px 0}
.solution-map>div{min-height:73px;padding:11px;border-radius:10px;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.018)}
.solution-map small{display:block;font-size:6.5px;letter-spacing:.12em;color:#677a90}.solution-map strong{display:block;margin-top:6px;font-size:10px;line-height:1.35}.solution-map>span{color:#69e8ff;font-size:12px}
.build-note{padding-top:14px;border-top:1px solid rgba(255,255,255,.055)}
.build-note strong{font-size:12px}.build-note p{margin:5px 0 0;color:#8495a9;font-size:9.5px;line-height:1.5}
@media(max-width:1180px){
.noise-compare{grid-template-columns:1fr}
.noise-arrow{transform:rotate(90deg);min-height:22px}
.engine-head,.build-shell{grid-template-columns:1fr}
.build-preview{border-left:0;border-top:1px solid rgba(255,255,255,.06);padding-left:0;padding-top:26px}
}
@media(max-width:900px){
.engine-result{grid-template-columns:28px 1fr}
.result-tags{grid-column:2;justify-content:flex-start}
.solution-map{grid-template-columns:1fr}.solution-map>span{transform:rotate(90deg);text-align:center}
}
@media(max-width:620px){
.smart-result-top,.compare-tray,.engine-help{align-items:flex-start;flex-direction:column}
.smart-actions{width:100%}.smart-actions button{flex:1}
.build-shell{padding:22px}
}
/* SOLO visual del bloque "Qué es BUSCO" */
.what-mark{
overflow:hidden !important;
min-height:175px !important;
border-left:1px solid rgba(255,255,255,.045) !important;
}
.what-mark:before{
width:210px !important;
height:210px !important;
background:radial-gradient(circle,rgba(255,47,183,.13),rgba(24,223,255,.07) 46%,transparent 72%) !important;
filter:blur(24px) !important;
}
.what-mark img{
width:255px !important;
max-height:none !important;
opacity:.34 !important;
transform:scale(1.10) !important;
filter:
blur(1.4px)
saturate(1.18)
drop-shadow(0 0 24px rgba(255,47,183,.15))
drop-shadow(0 0 22px rgba(24,223,255,.10)) !important;
}
/* Separadores entre apartados.
Rosa en una dirección, cian en la contraria. */
.ticker.section-divider{
height:48px !important;
border-block:1px solid rgba(255,255,255,.045) !important;
background:rgba(255,255,255,.012) !important;
}
.ticker.section-divider .track{
font-size:9px !important;
letter-spacing:.14em !important;
}
.ticker.section-divider.pink .track{
animation-direction:normal !important;
}
.ticker.section-divider.pink .track span:after{
color:var(--pink) !important;
text-shadow:0 0 9px rgba(255,47,183,.82) !important;
}
.ticker.section-divider.cyan .track{
animation-direction:reverse !important;
}
.ticker.section-divider.cyan .track span:after{
color:var(--cyan) !important;
text-shadow:0 0 9px rgba(24,223,255,.82) !important;
}
/* =========================================================
KIT DIGITAL · sello nuevo
No modifica botones, tarjetas, colores ni imágenes existentes.
========================================================= */
.kit-badge{
position:relative;
z-index:5;
flex:0 0 auto;
width:132px;
height:45px;
margin-left:2px;
margin-right:10px;
padding:6px 23px 6px 13px;
border:1px solid transparent;
color:#fff;
text-align:left;
cursor:pointer;
transform:rotate(-3.2deg) skewX(-2deg);
transform-origin:center;
clip-path:polygon(5% 0,100% 5%,96% 91%,8% 100%,0 22%);
background:
linear-gradient(145deg,rgba(3,10,18,.88),rgba(4,9,17,.72)) padding-box,
linear-gradient(105deg,#19dfff 0%,#8872ff 50%,#ff3fbd 100%) border-box;
box-shadow:
0 0 8px rgba(24,223,255,.22),
0 0 10px rgba(255,47,183,.14),
0 10px 22px rgba(0,0,0,.25);
transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.kit-badge:before{
content:"";
position:absolute;
inset:3px;
pointer-events:none;
clip-path:inherit;
border:1px dashed rgba(255,255,255,.14);
}
.kit-badge:after{
content:"";
position:absolute;
width:54px;
height:54px;
right:-19px;
top:-26px;
border-radius:50%;
background:radial-gradient(circle,rgba(255,47,183,.20),rgba(24,223,255,.08) 45%,transparent 72%);
filter:blur(10px);
pointer-events:none;
}
.kit-badge-mini{
display:block;
position:relative;
z-index:2;
color:#87eaff;
font-size:6.5px;
font-weight:900;
letter-spacing:.15em;
line-height:1;
}
.kit-badge strong{
display:block;
position:relative;
z-index:2;
margin-top:3px;
font-size:11px;
font-weight:950;
letter-spacing:.075em;
line-height:1;
white-space:nowrap;
}
.kit-badge-arrow{
position:absolute;
z-index:2;
right:11px;
top:15px;
color:#ff74d2;
font-size:13px;
text-shadow:0 0 8px rgba(255,47,183,.5);
}
.kit-badge:hover{
transform:rotate(-1.7deg) skewX(-2deg) translateY(-2px);
filter:brightness(1.08);
box-shadow:
0 0 11px rgba(24,223,255,.34),
0 0 15px rgba(255,47,183,.22),
0 13px 27px rgba(0,0,0,.30);
}
/* MODAL */
.kit-modal{
position:fixed;
inset:0;
z-index:7000;
display:none;
align-items:center;
justify-content:center;
padding:24px;
}
.kit-modal.open{display:flex}
.kit-modal-backdrop{
position:absolute;
inset:0;
background:rgba(0,3,8,.76);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
}
.kit-dialog{
position:relative;
z-index:2;
width:min(720px,100%);
min-height:410px;
padding:44px 46px 38px;
border:1px solid rgba(137,242,255,.22);
border-radius:22px;
overflow:hidden;
background:
radial-gradient(440px 260px at 104% -4%,rgba(24,223,255,.08),transparent 68%),
radial-gradient(390px 250px at -8% 108%,rgba(255,47,183,.07),transparent 67%),
linear-gradient(145deg,rgba(8,18,31,.97),rgba(2,8,16,.985));
box-shadow:
0 36px 110px rgba(0,0,0,.68),
0 0 34px rgba(24,223,255,.06);
}
.kit-dialog:before{
content:"";
position:absolute;
inset:0;
pointer-events:none;
background:linear-gradient(115deg,rgba(255,255,255,.035),transparent 27%,transparent 72%,rgba(255,47,183,.025));
}
.kit-close{
position:absolute;
right:16px;
top:14px;
z-index:4;
width:38px;
height:38px;
border-radius:50%;
border:1px solid rgba(255,255,255,.10);
background:rgba(255,255,255,.025);
color:#fff;
font-size:22px;
}
.kit-stamp{
position:absolute;
right:-22px;
top:52px;
padding:10px 28px 9px;
transform:rotate(8deg);
border:1px solid rgba(255,75,191,.34);
color:rgba(255,120,216,.48);
font-size:18px;
font-weight:950;
letter-spacing:.12em;
background:rgba(255,47,183,.025);
box-shadow:0 0 20px rgba(255,47,183,.05);
}
.kit-copy{position:relative;z-index:3;max-width:590px}
.kit-copy h3{
margin:0;
max-width:570px;
font-size:clamp(30px,4vw,47px);
line-height:1.08;
letter-spacing:-.04em;
}
.kit-copy>p{
max-width:600px;
margin:18px 0 0;
color:#b9c5d5;
font-size:14px;
line-height:1.65;
}
.kit-note{
margin:22px 0 24px;
padding:14px 15px;
border-left:2px solid #69e8ff;
background:linear-gradient(90deg,rgba(24,223,255,.045),transparent);
}
.kit-note span{
display:block;
color:#80eaff;
font-size:7px;
font-weight:900;
letter-spacing:.16em;
}
.kit-note p{
margin:5px 0 0;
color:#91a3b6;
font-size:10px;
line-height:1.55;
}
.kit-contact{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:40px;
padding:0 17px;
border:1px solid transparent;
border-radius:999px;
color:#fff;
font-size:10px;
font-weight:850;
letter-spacing:.055em;
background:
linear-gradient(rgba(2,8,15,.24),rgba(2,8,15,.24)) padding-box,
linear-gradient(105deg,#18dfff,#8d72ff 52%,#ff3fbd) border-box;
box-shadow:
0 0 8px rgba(24,223,255,.22),
0 0 10px rgba(255,47,183,.14);
}
@media(max-width:1180px){
.kit-badge{
width:112px;
margin-right:5px;
padding-left:10px;
}
.kit-badge-mini{font-size:5.8px}
.kit-badge strong{font-size:9.5px}
}
@media(max-width:900px){
.kit-badge{
width:105px;
height:40px;
margin-left:0;
margin-right:4px;
}
.kit-badge-mini{display:none}
.kit-badge strong{font-size:9px;margin-top:0}
.kit-badge-arrow{top:12px}
}
@media(max-width:620px){
.kit-badge{
width:86px;
height:36px;
padding:5px 18px 5px 8px;
transform:rotate(-3deg);
}
.kit-badge strong{font-size:7.8px;letter-spacing:.04em}
.kit-badge-arrow{right:7px;top:10px;font-size:11px}
.kit-dialog{padding:38px 22px 26px}
.kit-stamp{font-size:13px;right:-28px;top:58px}
}
/* =========================================================
1) SELLO KIT DIGITAL: CORTE LIMPIO
Misma idea inclinada, pero sin picos ni "papel" por debajo.
========================================================= */
.kit-badge{
width:150px !important;
height:50px !important;
margin-left:4px !important;
margin-right:12px !important;
padding:7px 26px 7px 15px !important;
border:1px solid transparent !important;
border-radius:10px !important;
clip-path:none !important;
transform:rotate(-3deg) !important;
transform-origin:center !important;
background:
linear-gradient(145deg,rgba(3,10,18,.92),rgba(4,9,17,.80)) padding-box,
linear-gradient(105deg,#19dfff 0%,#8872ff 50%,#ff3fbd 100%) border-box !important;
box-shadow:
0 0 8px rgba(24,223,255,.25),
0 0 12px rgba(255,47,183,.17),
0 10px 22px rgba(0,0,0,.25) !important;
}
/* Línea interior limpia. Nada de formas cortadas ni capas que sobresalgan. */
.kit-badge:before{
content:"" !important;
position:absolute !important;
inset:4px !important;
border:1px dashed rgba(255,255,255,.14) !important;
border-radius:6px !important;
clip-path:none !important;
pointer-events:none !important;
}
/* Quitamos la mancha que podía parecer otra capa/papel debajo. */
.kit-badge:after{
content:none !important;
display:none !important;
}
.kit-badge-mini{
font-size:7px !important;
}
.kit-badge strong{
font-size:12px !important;
}
.kit-badge-arrow{
right:12px !important;
top:17px !important;
font-size:14px !important;
}
.kit-badge:hover{
transform:rotate(-1.8deg) translateY(-2px) !important;
filter:brightness(1.08) !important;
}
/* =========================================================
2) CURSOR / HALO DEL RATÓN
Copiado del ajuste del BUSCO IA antiguo:
más pequeño, definido y con cian/fucsia más visibles.
========================================================= */
.cursor-light{
width:250px !important;
height:250px !important;
background:
radial-gradient(circle,
rgba(255,255,255,.22) 0%,
rgba(124,238,255,.20) 8%,
rgba(17,217,255,.14) 19%,
rgba(255,26,168,.105) 39%,
rgba(255,26,168,.035) 58%,
transparent 72%) !important;
filter:blur(8px) !important;
opacity:.96 !important;
}
@media(max-width:1180px){
.kit-badge{
width:136px !important;
height:47px !important;
margin-right:8px !important;
}
.kit-badge strong{font-size:10.8px !important}
}
@media(max-width:900px){
.kit-badge{
width:112px !important;
height:41px !important;
padding:6px 22px 6px 11px !important;
}
.kit-badge-mini{display:none !important}
.kit-badge strong{font-size:9.4px !important}
.kit-badge-arrow{top:13px !important;right:9px !important}
}
@media(max-width:620px){
.kit-badge{
width:90px !important;
height:36px !important;
padding:5px 18px 5px 8px !important;
border-radius:8px !important;
}
.kit-badge strong{font-size:7.9px !important}
.kit-badge-arrow{top:10px !important;right:7px !important;font-size:11px !important}
}
/* SOLO "Lo hacemos por ti" del navegador.
Esta versión fuerza un cromo MUCHO más visible y un barrido real
cian -> blanco -> fucsia sobre las propias letras. */
.navlinks>a.nav-service-glint{
position:relative !important;
overflow:visible !important;
font-weight:900 !important;
letter-spacing:.01em !important;
color:#eef3f7 !important;
}
/* Plata/cromo base, visible incluso cuando no pasa el reflejo */
.nav-service-metal{
position:relative !important;
display:inline-block !important;
color:transparent !important;
-webkit-text-fill-color:transparent !important;
background-image:
linear-gradient(
180deg,
#ffffff 0%,
#dfe5eb 16%,
#7d8792 36%,
#fdfefe 50%,
#a1abb5 67%,
#f6f8fa 82%,
#737d88 100%
) !important;
background-size:100% 100% !important;
background-position:center !important;
-webkit-background-clip:text !important;
background-clip:text !important;
filter:
drop-shadow(0 0 1px rgba(255,255,255,.38))
drop-shadow(0 0 3px rgba(160,185,205,.15)) !important;
}
/* Reflejo que cruza LAS LETRAS, no el fondo */
.nav-service-metal::after{
content:attr(data-text) !important;
position:absolute !important;
inset:0 !important;
pointer-events:none !important;
color:transparent !important;
-webkit-text-fill-color:transparent !important;
background-image:
linear-gradient(
105deg,
transparent 0%,
transparent 30%,
#25ddff 41%,
#8ff3ff 46%,
#ffffff 50%,
#ffb4e5 54%,
#ff36b6 60%,
transparent 71%,
transparent 100%
) !important;
background-size:320% 100% !important;
background-position:145% 50%;
-webkit-background-clip:text !important;
background-clip:text !important;
opacity:0;
filter:
drop-shadow(0 0 5px rgba(24,223,255,.75))
drop-shadow(0 0 5px rgba(255,47,183,.58)) !important;
animation:buscoServiceGlintV24 3.4s cubic-bezier(.42,0,.58,1) infinite;
}
/* Rayita mínima de apoyo cuando cruza el reflejo */
.navlinks>a.nav-service-glint::after{
content:"" !important;
position:absolute !important;
left:13% !important;
right:13% !important;
bottom:5px !important;
height:1px !important;
border-radius:999px !important;
background:
linear-gradient(
90deg,
transparent 0%,
#26ddff 24%,
rgba(255,255,255,.95) 50%,
#ff39ba 76%,
transparent 100%
) !important;
box-shadow:
0 0 7px rgba(24,223,255,.60),
0 0 8px rgba(255,47,183,.48) !important;
opacity:0;
transform:scaleX(.30);
transform-origin:center;
pointer-events:none !important;
animation:buscoServiceLineV24 3.4s cubic-bezier(.42,0,.58,1) infinite;
}
.navlinks>a.nav-service-glint:hover .nav-service-metal{
filter:
brightness(1.16)
drop-shadow(0 0 2px rgba(255,255,255,.50))
drop-shadow(0 0 5px rgba(24,223,255,.20)) !important;
}
/* Mismo barrido, pero con menos tiempo muerto entre una pasada y la siguiente. */
@keyframes buscoServiceGlintV24{
0%,38%{
background-position:145% 50%;
opacity:0;
}
47%{
opacity:.45;
}
58%{
background-position:82% 50%;
opacity:1;
}
69%{
background-position:35% 50%;
opacity:1;
}
79%{
background-position:-28% 50%;
opacity:.95;
}
87%,100%{
background-position:-65% 50%;
opacity:0;
}
}
@keyframes buscoServiceLineV24{
0%,42%,100%{
opacity:0;
transform:scaleX(.30);
}
60%{
opacity:.92;
transform:scaleX(.78);
}
75%{
opacity:.75;
transform:scaleX(1);
}
87%{
opacity:0;
transform:scaleX(1);
}
}
/* A propósito NO se desactiva con prefers-reduced-motion:
esta llamada visual concreta ha sido solicitada expresamente. */
/* HERO · diferencia BUSCO */
.hero-diff-strip{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:8px;
width:min(770px,100%);
margin-top:19px;
}
.hero-diff-strip>div,
.hero-diff-strip>.hero-kit-inline{
min-height:66px;
padding:11px 12px;
text-align:left;
border:1px solid rgba(137,242,255,.10);
border-radius:12px;
background:rgba(3,10,18,.28);
color:#fff;
}
.hero-diff-strip>.hero-kit-inline{
cursor:pointer;
border-color:rgba(255,85,199,.16);
background:linear-gradient(120deg,rgba(255,47,183,.035),rgba(24,223,255,.025));
}
.hero-diff-strip span{
display:block;
margin-bottom:5px;
color:#72eaff;
font-size:7px;
font-weight:900;
letter-spacing:.15em;
}
.hero-diff-strip strong{
display:block;
font-size:10px;
line-height:1.25;
}
.hero-diff-strip small{
display:block;
margin-top:4px;
color:#8092a6;
font-size:8px;
line-height:1.35;
}
.hero-kit-inline span{color:#ff75d1}
.smart-flow{
display:grid;
grid-template-columns:1fr auto 1fr auto 1.15fr;
gap:9px;
align-items:center;
margin:10px 0 8px;
padding:10px 11px;
border:1px solid rgba(255,255,255,.055);
border-radius:10px;
background:rgba(255,255,255,.015);
}
.smart-flow span small{
display:block;
color:#62758a;
font-size:6.5px;
font-weight:900;
letter-spacing:.14em;
}
.smart-flow span b{
display:block;
margin-top:3px;
color:#dbe6ef;
font-size:9px;
}
.smart-flow i{
color:#6de9ff;
font-style:normal;
font-size:11px;
}
/* Formulario de servicio */
.build-contact-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:8px;
margin-top:20px;
}
.build-contact-grid label span{
display:block;
margin:0 0 6px 4px;
color:#71859a;
font-size:7px;
font-weight:900;
letter-spacing:.12em;
}
.build-contact-grid input{
width:100%;
height:38px;
border:1px solid rgba(137,242,255,.12);
border-radius:10px;
outline:0;
padding:0 11px;
background:rgba(2,8,15,.38);
color:#fff;
font-size:10px;
}
.build-contact-grid input:focus{
border-color:rgba(137,242,255,.30);
}
.build-small-actions{
display:flex;
gap:16px;
flex-wrap:wrap;
align-items:center;
margin-top:9px;
}
.build-kit-link{
border:0;
background:transparent;
color:#d0b5cb;
padding:0;
font-size:8px;
font-weight:800;
letter-spacing:.035em;
cursor:pointer;
}
.build-kit-link:hover{color:#ff83d8}
/* Cómo funciona */
.process-head{margin-bottom:28px}
.process-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}
.process-grid article{
position:relative;
min-height:205px;
padding:22px;
border:1px solid rgba(131,204,236,.12);
border-radius:15px;
background:linear-gradient(145deg,rgba(8,18,31,.38),rgba(2,8,16,.58));
overflow:hidden;
}
.process-grid article:before{
content:"";
position:absolute;
width:150px;height:150px;
right:-60px;top:-70px;
border-radius:50%;
background:radial-gradient(circle,rgba(24,223,255,.07),transparent 68%);
filter:blur(12px);
}
.process-grid .process-accent:before{
background:radial-gradient(circle,rgba(255,47,183,.08),transparent 68%);
}
.process-num{
display:block;
color:#7deaff;
font-size:25px;
font-weight:300;
letter-spacing:-.04em;
}
.process-grid small{
display:block;
margin-top:17px;
color:#6f8298;
font-size:7px;
font-weight:900;
letter-spacing:.15em;
}
.process-grid h3{
margin:7px 0 8px;
font-size:18px;
letter-spacing:-.025em;
}
.process-grid p{
margin:0;
color:#97a7ba;
font-size:11px;
line-height:1.55;
}
/* Contenido SEO */
.seo-solutions{padding-top:78px!important}
.seo-solutions-head{max-width:900px;margin-bottom:28px}
.seo-topic-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:12px;
}
.seo-topic-grid article{
padding:21px;
border:1px solid rgba(255,255,255,.06);
border-radius:14px;
background:rgba(5,13,22,.27);
}
.seo-topic-grid small{
color:#77eaff;
font-size:7px;
font-weight:900;
letter-spacing:.14em;
}
.seo-topic-grid article:nth-child(even) small{color:#ff78d4}
.seo-topic-grid h3{
margin:8px 0;
font-size:17px;
letter-spacing:-.02em;
}
.seo-topic-grid p{
margin:0;
color:#92a3b6;
font-size:10px;
line-height:1.58;
}
.seo-topic-grid a{
display:inline-block;
margin-top:14px;
color:#8ceeff;
font-size:8px;
font-weight:850;
letter-spacing:.05em;
}
.seo-topic-grid a:hover{color:#fff}
.faq-section{padding-top:55px!important}
.faq-head{margin-bottom:20px}
.faq-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:9px;
}
.faq-grid details{
border:1px solid rgba(255,255,255,.06);
border-radius:12px;
background:rgba(4,12,21,.28);
padding:14px 15px;
}
.faq-grid summary{
cursor:pointer;
color:#e3ebf3;
font-size:11px;
font-weight:800;
}
.faq-grid p{
margin:9px 0 0;
color:#899bad;
font-size:9.5px;
line-height:1.55;
}
/* Foco de teclado sin alterar el aspecto normal */
:focus-visible{
outline:1px solid rgba(137,242,255,.75);
outline-offset:3px;
}
@media(max-width:1000px){
.hero-diff-strip,.process-grid,.seo-topic-grid{grid-template-columns:1fr 1fr}
.hero-diff-strip>div:last-child,.hero-diff-strip>.hero-kit-inline:last-child{grid-column:1/-1}
}
@media(max-width:700px){
.hero-diff-strip{display:none}
.process-grid,.seo-topic-grid,.faq-grid,.build-contact-grid{grid-template-columns:1fr}
.smart-flow{grid-template-columns:1fr}
.smart-flow i{transform:rotate(90deg);text-align:center}
}
.live-search-example{
width:min(770px,100%);
min-height:28px;
margin:16px 0 7px;
display:flex;
align-items:center;
gap:9px;
color:#8394a8;
font-size:11px;
line-height:1.35;
white-space:nowrap;
overflow:hidden;
}
.live-search-dot{
width:7px;
height:7px;
flex:0 0 7px;
border-radius:50%;
background:#ff2fb7;
box-shadow:
0 0 5px rgba(255,47,183,.95),
0 0 13px rgba(255,47,183,.48);
animation:buscoLiveDotPulse 1.8s ease-in-out infinite;
}
.live-search-label{
color:#8798aa;
flex:0 0 auto;
}
.live-search-query{
min-width:0;
padding:0;
border:0;
background:transparent;
color:#f4f7fb;
font:inherit;
font-weight:760;
text-align:left;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
cursor:pointer;
opacity:1;
transform:translateY(0);
transition:opacity .28s ease, transform .28s ease, color .18s ease;
}
.live-search-query:hover{
color:#8deeff;
}
.live-search-query.is-changing{
opacity:0;
transform:translateY(4px);
}
@keyframes buscoLiveDotPulse{
0%,100%{
opacity:.65;
transform:scale(.82);
box-shadow:0 0 4px rgba(255,47,183,.72),0 0 9px rgba(255,47,183,.26);
}
50%{
opacity:1;
transform:scale(1.08);
box-shadow:0 0 6px rgba(255,47,183,1),0 0 16px rgba(255,47,183,.58);
}
}
@media(max-width:700px){
.live-search-example{
margin-top:13px;
font-size:9.5px;
gap:7px;
}
.live-search-label{display:none}
.live-search-query{max-width:calc(100vw - 70px)}
}
/* SOLO distribución de los dos botones de las tarjetas inferiores.
Ambos mantienen exactamente el estilo visual .world-link existente. */
.world-actions{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:12px;
align-items:center;
margin-top:12px;
width:100%;
}
.world-actions .world-link{
width:100% !important;
min-width:0 !important;
margin-top:0 !important;
padding-left:9px !important;
padding-right:9px !important;
white-space:nowrap !important;
letter-spacing:.045em !important;
font-size:8.2px !important;
justify-content:center !important;
}
.world-actions .world-compare-link .mini-lupa{
width:18px !important;
height:18px !important;
flex:0 0 18px;
}
@media(max-width:620px){
.world-actions{
grid-template-columns:repeat(2,minmax(0,1fr));
gap:10px;
}
.world-actions .world-link{
font-size:8px !important;
padding-left:7px !important;
padding-right:7px !important;
}
.world-actions .world-compare-link .mini-lupa{
width:17px !important;
height:17px !important;
flex-basis:17px;
}
}
/* ===== QUÉ ES BUSCO · IMAGEN FUNDIDA PERO BRILLANTE =====
Mantiene la integración sin caja, pero recupera color, luz y presencia. */
#que-es .what-panel{
position:relative !important;
display:block !important;
overflow:hidden !important;
min-height:245px !important;
padding:36px 390px 36px 38px !important;
}
#que-es .what-copy{
position:relative !important;
z-index:4 !important;
max-width:none !important;
}
#que-es .what-mark{
position:absolute !important;
right:-32px !important;
top:50% !important;
transform:translateY(-50%) !important;
width:410px !important;
height:285px !important;
min-height:0 !important;
border:0 !important;
padding:0 !important;
margin:0 !important;
display:block !important;
overflow:visible !important;
pointer-events:none !important;
z-index:1 !important;
}
/* Halo luminoso, no oscuro */
#que-es .what-mark::before{
content:"" !important;
position:absolute !important;
inset:8% 0 8% 4% !important;
border-radius:50% !important;
background:
radial-gradient(ellipse at 50% 50%,
rgba(24,223,255,.20) 0%,
rgba(120,98,255,.12) 38%,
rgba(255,47,183,.09) 58%,
transparent 82%) !important;
filter:blur(24px) !important;
opacity:1 !important;
z-index:-1 !important;
}
/* Imagen visible, limpia y brillante. Los bordes siguen fundidos. */
#que-es .what-mark img{
position:absolute !important;
inset:50% auto auto 50% !important;
transform:translate(-50%,-50%) scale(1.18) !important;
width:365px !important;
height:245px !important;
max-width:none !important;
max-height:none !important;
object-fit:cover !important;
object-position:center !important;
opacity:.98 !important;
mix-blend-mode:screen !important;
-webkit-mask-image:
linear-gradient(to right, transparent 0%, rgba(0,0,0,.55) 10%, #000 25%, #000 76%, rgba(0,0,0,.48) 91%, transparent 100%),
linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.50) 9%, #000 24%, #000 76%, rgba(0,0,0,.46) 91%, transparent 100%) !important;
-webkit-mask-composite:source-in !important;
mask-image:
linear-gradient(to right, transparent 0%, rgba(0,0,0,.55) 10%, #000 25%, #000 76%, rgba(0,0,0,.48) 91%, transparent 100%),
linear-gradient(to bottom, transparent 0%, rgba(0,0,0,.50) 9%, #000 24%, #000 76%, rgba(0,0,0,.46) 91%, transparent 100%) !important;
mask-composite:intersect !important;
filter:
brightness(1.12)
saturate(1.18)
contrast(1.05)
drop-shadow(0 0 18px rgba(24,223,255,.18))
drop-shadow(0 0 22px rgba(255,47,183,.12)) !important;
}
/* Sin capa oscura delante de la imagen */
#que-es .what-mark::after{
content:none !important;
display:none !important;
}
@media(max-width:900px){
#que-es .what-panel{
padding:30px 30px 220px 30px !important;
min-height:0 !important;
}
#que-es .what-mark{
right:50% !important;
top:auto !important;
bottom:-28px !important;
transform:translateX(50%) !important;
width:390px !important;
height:220px !important;
}
#que-es .what-mark img{
width:350px !important;
height:210px !important;
opacity:.96 !important;
}
}
@media(max-width:620px){
#que-es .what-panel{
padding:26px 24px 190px 24px !important;
}
#que-es .what-mark{
width:330px !important;
height:190px !important;
bottom:-22px !important;
}
#que-es .what-mark img{
width:305px !important;
height:185px !important;
opacity:.94 !important;
}
}
/* =========================================================
BUSCO! · BUSCADOR + COMPARADOR V38
Aislado con prefijo bc- para no tocar estilos existentes.
========================================================= */
.bc-section{position:relative;padding:94px 0 110px;overflow:hidden;border-top:1px solid rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.045);background:
radial-gradient(900px 480px at 12% 10%,rgba(255,47,183,.045),transparent 65%),
radial-gradient(900px 520px at 88% 15%,rgba(24,223,255,.055),transparent 67%),
linear-gradient(180deg,rgba(2,6,12,.30),rgba(3,9,17,.52) 48%,rgba(2,6,12,.30));}
.bc-head{display:grid;grid-template-columns:1.05fr .7fr;gap:55px;align-items:end;margin-bottom:28px}.bc-head p{margin:0;color:#9eacbd;font-size:14px;line-height:1.7;max-width:600px}.bc-head h2{font-size:clamp(34px,3.8vw,55px)}
.bc-searchbox{position:relative;border:1px solid rgba(112,214,250,.18);border-radius:22px;padding:18px;background:linear-gradient(150deg,rgba(7,17,30,.62),rgba(2,8,16,.52));backdrop-filter:blur(22px);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 22px 70px rgba(0,0,0,.26),0 0 35px rgba(24,223,255,.035)}
.bc-searchline{height:64px;border:1px solid rgba(89,220,255,.46);border-radius:999px;padding:6px 7px 6px 18px;display:flex;gap:10px;align-items:center;background:rgba(2,8,16,.55);box-shadow:0 0 14px rgba(24,223,255,.08),0 0 12px rgba(255,47,183,.045)}
.bc-searchico{font-size:25px;color:#8cecff;transform:rotate(-15deg);line-height:1}.bc-searchline input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:15px}.bc-searchline input::placeholder{color:#7f8ea2}.bc-searchline button{height:50px;min-width:126px;border:1px solid rgba(255,255,255,.20);border-radius:999px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.08em;background:linear-gradient(100deg,#27dfff 0%,#8674ff 48%,#ff3fbb 100%);box-shadow:0 0 13px rgba(24,223,255,.16),0 0 14px rgba(255,47,183,.14)}
.bc-examples{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 4px 0}.bc-examples>span{color:#6f8094;font-size:8px;font-weight:900;letter-spacing:.16em}.bc-examples button{border:1px solid rgba(132,205,235,.12);border-radius:999px;background:rgba(255,255,255,.018);color:#aab8c9;padding:6px 10px;font-size:9px}.bc-examples button:hover{color:#fff;border-color:rgba(137,242,255,.30)}
.bc-understood{margin-top:15px;border:1px solid rgba(255,67,187,.16);border-radius:14px;padding:14px 16px;background:linear-gradient(110deg,rgba(255,47,183,.045),rgba(24,223,255,.035));display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:22px}.bc-understood span{display:block;color:#ff7dd8;font-size:8px;font-weight:900;letter-spacing:.16em;margin-bottom:5px}.bc-understood strong{font-size:14px;color:#fff}.bc-understood p{margin:0;color:#9fb0c3;font-size:12px;line-height:1.5}
.bc-categories{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0 12px}.bc-cat{border:1px solid rgba(137,216,245,.13);border-radius:999px;padding:8px 12px;background:rgba(4,12,21,.45);color:#96a7ba;font-size:9px;font-weight:800}.bc-cat b{color:#6e8196;font-size:8px;margin-left:5px}.bc-cat.active{color:#fff;border-color:rgba(107,230,255,.52);box-shadow:0 0 10px rgba(24,223,255,.12),0 0 9px rgba(255,47,183,.08);background:linear-gradient(100deg,rgba(24,223,255,.08),rgba(255,47,183,.055))}
.bc-controls{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:14px 0 18px;padding:12px 0;border-block:1px solid rgba(255,255,255,.045)}.bc-control-left,.bc-control-right{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.bc-help,.bc-mini-filter,.bc-reset{height:32px;border:1px solid rgba(135,214,246,.15);border-radius:999px;padding:0 11px;background:rgba(5,14,24,.36);color:#a9b7c8;font-size:8.5px;font-weight:850;letter-spacing:.06em}.bc-help{color:#fff;border-color:rgba(255,65,190,.26);background:linear-gradient(100deg,rgba(255,47,183,.055),rgba(24,223,255,.04))}.bc-mini-filter.active{color:#fff;border-color:rgba(101,231,255,.50);box-shadow:0 0 9px rgba(24,223,255,.11)}.bc-control-right>span{font-size:10px;color:#7f91a6;margin-right:4px}.bc-control-right select{height:32px;border:1px solid rgba(135,214,246,.13);border-radius:999px;background:#07111d;color:#bac7d6;padding:0 28px 0 10px;font-size:9px;outline:0}.bc-reset{border-color:rgba(255,255,255,.075);color:#738499}
.bc-guide{border:1px solid rgba(140,221,252,.14);border-radius:18px;padding:20px;margin:0 0 22px;background:linear-gradient(145deg,rgba(8,18,31,.58),rgba(2,8,16,.62));box-shadow:0 18px 55px rgba(0,0,0,.20)}.bc-guide-title span{color:#7feaff;font-size:8px;font-weight:900;letter-spacing:.18em}.bc-guide-title strong{display:block;font-size:22px;margin-top:5px}.bc-guide-title p{color:#8fa0b5;font-size:11.5px;margin:6px 0 0}.bc-guide-grid{display:grid;gap:16px;margin-top:18px}.bc-guide-group small{display:block;color:#71849a;font-size:8px;font-weight:900;letter-spacing:.13em;margin-bottom:8px}.bc-choice-row{display:flex;gap:7px;flex-wrap:wrap}.bc-choice-row button{border:1px solid rgba(137,215,244,.12);border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.018);color:#aab8c8;font-size:9.5px}.bc-choice-row button.active{color:#fff;border-color:rgba(255,75,190,.38);background:linear-gradient(100deg,rgba(24,223,255,.06),rgba(255,47,183,.07));box-shadow:0 0 10px rgba(255,47,183,.07)}.bc-guide-actions{display:flex;gap:8px;margin-top:18px}.bc-guide-actions button{height:34px;border-radius:999px;padding:0 14px;font-size:8.5px;font-weight:900;letter-spacing:.06em}.bc-guide-actions button:first-child{border:1px solid rgba(94,229,255,.44);color:#fff;background:rgba(5,14,24,.52);box-shadow:0 0 10px rgba(24,223,255,.12)}.bc-guide-actions button:last-child{border:1px solid rgba(255,255,255,.08);background:transparent;color:#708297}
.bc-result-intro{display:flex;justify-content:space-between;gap:35px;align-items:end;margin:24px 0 16px}.bc-result-intro span{display:block;color:#7aeaff;font-size:8px;font-weight:900;letter-spacing:.17em;margin-bottom:5px}.bc-result-intro strong{font-size:20px}.bc-result-intro p{max-width:590px;margin:0;color:#8294a9;font-size:11px;line-height:1.55;text-align:right}
.bc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.bc-card{position:relative;min-height:390px;border:1px solid rgba(118,207,242,.15);border-radius:16px;padding:18px;background:linear-gradient(155deg,rgba(8,18,31,.64),rgba(2,8,16,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 38px rgba(0,0,0,.25);display:flex;flex-direction:column;overflow:hidden;transition:.22s}.bc-card:before{content:"";position:absolute;width:185px;height:185px;right:-75px;top:-75px;border-radius:50%;background:radial-gradient(circle,rgba(24,223,255,.085),transparent 70%);filter:blur(10px);pointer-events:none}.bc-card:nth-child(even):before{background:radial-gradient(circle,rgba(255,47,183,.07),transparent 70%)}.bc-card:hover{transform:translateY(-3px);border-color:rgba(118,229,255,.29);box-shadow:0 20px 45px rgba(0,0,0,.30),0 0 18px rgba(24,223,255,.035)}
.bc-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.bc-tool-id{display:flex;gap:10px;align-items:center;min-width:0}.bc-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(134,230,255,.21);background:linear-gradient(145deg,rgba(24,223,255,.08),rgba(255,47,183,.07));font-size:16px;font-weight:850;color:#fff}.bc-tool-id h3{margin:0 0 3px;font-size:18px;letter-spacing:-.02em}.bc-tool-id small{display:block;color:#71849a;font-size:8px;line-height:1.25}.bc-match{flex:0 0 auto;border:1px solid rgba(104,230,255,.24);border-radius:999px;padding:5px 8px;color:#86edff;background:rgba(24,223,255,.035);font-size:7px;font-weight:900;letter-spacing:.08em}.bc-card-desc{color:#aeb9c8;font-size:11.5px;line-height:1.52;margin:14px 0 12px;min-height:52px}.bc-badges{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:13px}.bc-badge{padding:5px 7px;border-radius:999px;border:1px solid rgba(255,255,255,.07);font-size:7.5px;font-weight:850;color:#8fa2b7;background:rgba(255,255,255,.015)}.bc-badge.good{color:#a4f1ff;border-color:rgba(24,223,255,.16)}.bc-badge.pink{color:#ff9de1;border-color:rgba(255,47,183,.14)}
.bc-card-reason{border-top:1px solid rgba(255,255,255,.045);padding-top:11px;margin-top:1px}.bc-card-reason small,.bc-card-note small{display:block;color:#72849a;font-size:7.5px;font-weight:900;letter-spacing:.1em;margin-bottom:5px}.bc-card-reason p,.bc-card-note p{margin:0;color:#c3cedb;font-size:10.5px;line-height:1.45}.bc-card-note{margin-top:10px}.bc-card-note p{color:#8e9db0}.bc-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:auto;padding-top:16px}.bc-card-actions button,.bc-card-actions a{height:34px;border-radius:999px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:8px;font-weight:900;letter-spacing:.055em}.bc-detail-btn{border:1px solid rgba(128,218,250,.17);background:rgba(255,255,255,.02);color:#b9c7d7}.bc-compare-btn{border:1px solid rgba(89,229,255,.42);background:rgba(2,9,17,.30);color:#fff;box-shadow:0 0 8px rgba(24,223,255,.09),0 0 8px rgba(255,47,183,.06)}.bc-compare-btn.selected{border-color:rgba(255,69,190,.50);background:linear-gradient(105deg,rgba(24,223,255,.06),rgba(255,47,183,.075));color:#fff}.bc-web-link{grid-column:1/-1;border:0;color:#6f8499;height:27px!important;font-weight:700!important}.bc-web-link:hover{color:#fff}.bc-more-wrap{text-align:center;margin-top:22px}.bc-show-all{height:38px;border-radius:999px;border:1px solid rgba(108,227,255,.28);background:rgba(3,10,18,.42);color:#d9f8ff;font-size:9px;font-weight:900;letter-spacing:.08em;padding:0 19px;box-shadow:0 0 10px rgba(24,223,255,.08)}
.bc-empty{grid-column:1/-1;padding:42px;border:1px dashed rgba(137,215,244,.15);border-radius:16px;text-align:center;color:#8092a7}.bc-empty strong{display:block;color:#fff;font-size:20px;margin-bottom:7px}.bc-empty p{margin:0;font-size:11px}
.bc-compare-bar{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:4200;width:min(1120px,calc(100% - 34px));border:1px solid rgba(104,226,255,.28);border-radius:18px;background:linear-gradient(145deg,rgba(5,14,25,.92),rgba(2,8,16,.94));backdrop-filter:blur(24px);box-shadow:0 24px 75px rgba(0,0,0,.48),0 0 25px rgba(24,223,255,.07),0 0 18px rgba(255,47,183,.05)}.bc-compare-bar-inner{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 13px 12px 17px}.bc-compare-bar span{font-size:11px;color:#fff;font-weight:850}.bc-compare-bar small{display:block;margin-top:3px;color:#8294a7;font-size:9px;max-width:650px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bc-compare-bar-actions{display:flex;gap:7px}.bc-compare-bar-actions button{height:35px;border-radius:999px;padding:0 13px;font-size:8px;font-weight:900;letter-spacing:.06em}.bc-compare-bar-actions button:first-child{border:1px solid rgba(255,255,255,.08);background:transparent;color:#718399}.bc-compare-bar-actions button:last-child{border:1px solid rgba(83,229,255,.45);background:linear-gradient(100deg,rgba(24,223,255,.08),rgba(255,47,183,.08));color:#fff;box-shadow:0 0 9px rgba(24,223,255,.10)}
.bc-modal{position:fixed;inset:0;z-index:7000;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(0,3,8,.80);backdrop-filter:blur(13px)}.bc-modal.open{display:flex}.bc-modal-shell{position:relative;width:min(1450px,100%);max-height:92vh;overflow:auto;border:1px solid rgba(121,220,255,.22);border-radius:20px;background:linear-gradient(155deg,#07111e,#02070d 72%);box-shadow:0 35px 110px rgba(0,0,0,.68),0 0 32px rgba(24,223,255,.05)}.bc-modal-close{position:sticky;float:right;right:15px;top:14px;z-index:12;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.10);background:rgba(5,13,22,.80);color:#fff;font-size:21px}.bc-modal-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;padding:27px 64px 16px 26px}.bc-modal-heading span{color:#79ebff;font-size:8px;font-weight:900;letter-spacing:.17em}.bc-modal-heading h3{font-size:28px;margin:5px 0 0}.bc-modal-heading label{font-size:9px;color:#93a4b7}.bc-modal-heading input{accent-color:#18dfff}.bc-compare-note{margin:0 26px 15px;padding:10px 12px;border:1px solid rgba(255,255,255,.05);border-radius:10px;color:#8294a7;background:rgba(255,255,255,.015);font-size:9.5px}.bc-table-wrap{overflow:auto;padding:0 18px 24px}.bc-table{border-collapse:separate;border-spacing:0;min-width:100%;font-size:10px}.bc-table th,.bc-table td{min-width:245px;max-width:320px;vertical-align:top;padding:13px;border-right:1px solid rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.045);color:#b7c3d1;line-height:1.5;background:rgba(4,12,21,.36)}.bc-table thead th{position:sticky;top:0;z-index:4;background:#081421;color:#fff;font-size:13px;text-align:left}.bc-table th:first-child,.bc-table td:first-child{position:sticky;left:0;z-index:5;min-width:180px;max-width:180px;background:#050e18;color:#7f93a9;font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.bc-table thead th:first-child{z-index:7}.bc-table .bc-th-sub{display:block;color:#73869a;font-size:8px;margin-top:4px;font-weight:600}.bc-table .bc-remove-tool{float:right;border:0;background:transparent;color:#667a90;font-size:15px}.bc-table .bc-good-text{color:#8cedff}.bc-table .bc-warn-text{color:#e4bfd8}.bc-diff-hidden{display:none}
.bc-detail-shell{width:min(900px,100%);padding-bottom:25px}.bc-detail{padding:30px 34px}.bc-detail-kicker{color:#7ceaff;font-size:8px;font-weight:900;letter-spacing:.17em}.bc-detail h3{font-size:34px;margin:6px 0 4px}.bc-detail-sub{color:#91a3b7;font-size:11px;margin-bottom:17px}.bc-detail-lead{font-size:14px;color:#d2dbe6;line-height:1.65;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.055)}.bc-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:17px}.bc-detail-box{border:1px solid rgba(137,215,244,.09);border-radius:13px;padding:14px;background:rgba(255,255,255,.014)}.bc-detail-box.wide{grid-column:1/-1}.bc-detail-box small{display:block;color:#75889d;font-size:7.5px;font-weight:900;letter-spacing:.08em;margin-bottom:6px}.bc-detail-box strong,.bc-detail-box p{margin:0;color:#c4ceda;font-size:11px;line-height:1.55;font-weight:500}.bc-detail-box.good strong,.bc-detail-box.good p{color:#c9f8ff}.bc-detail-box.warn strong,.bc-detail-box.warn p{color:#d7c0d0}.bc-detail-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.bc-detail-actions a,.bc-detail-actions button{height:36px;border-radius:999px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;font-size:8px;font-weight:900;letter-spacing:.06em}.bc-detail-actions a{border:1px solid rgba(100,231,255,.40);color:#fff;background:rgba(4,13,22,.40)}.bc-detail-actions button{border:1px solid rgba(255,63,187,.32);color:#fff;background:rgba(255,47,183,.035)}
@media(max-width:1100px){.bc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bc-head{grid-template-columns:1fr}.bc-head p{max-width:800px}.bc-controls{align-items:flex-start}.bc-result-intro{align-items:flex-start}.bc-result-intro p{text-align:left}}
@media(max-width:700px){.bc-section{padding:70px 0 90px}.bc-searchbox{padding:11px;border-radius:16px}.bc-searchline{height:auto;min-height:54px;flex-wrap:wrap;border-radius:18px;padding:8px 8px 8px 12px}.bc-searchline input{font-size:12px;min-height:36px}.bc-searchline button{width:100%;height:38px}.bc-understood{grid-template-columns:1fr}.bc-controls,.bc-result-intro,.bc-compare-bar-inner,.bc-modal-heading{flex-direction:column;align-items:stretch}.bc-grid{grid-template-columns:1fr}.bc-result-intro p{text-align:left}.bc-compare-bar small{max-width:65vw}.bc-compare-bar-actions{width:100%}.bc-compare-bar-actions button:last-child{flex:1}.bc-modal{padding:8px}.bc-modal-shell{max-height:96vh;border-radius:15px}.bc-modal-heading{padding:24px 52px 12px 16px}.bc-compare-note{margin:0 16px 12px}.bc-table-wrap{padding:0 10px 16px}.bc-table th,.bc-table td{min-width:220px}.bc-table th:first-child,.bc-table td:first-child{min-width:125px;max-width:125px}.bc-detail{padding:26px 18px}.bc-detail-grid{grid-template-columns:1fr}.bc-detail-box.wide{grid-column:auto}.bc-card{min-height:370px}}
/* ===== BUSCO! · VOZ V40 ===== */
.bc-result-tools{
max-width:650px;
display:flex;
flex-direction:column;
align-items:flex-end;
gap:10px;
}
.bc-result-tools p{max-width:590px!important;margin:0!important}
.bc-audio-btn,
.bc-voice-control{
border:1px solid rgba(105,229,255,.34);
color:#fff;
background:rgba(3,10,18,.42);
box-shadow:0 0 8px rgba(24,223,255,.10),0 0 8px rgba(255,47,183,.06);
transition:.18s ease;
}
.bc-audio-btn:hover,
.bc-voice-control:hover{
border-color:rgba(255,75,190,.42);
box-shadow:0 0 11px rgba(24,223,255,.16),0 0 12px rgba(255,47,183,.12);
transform:translateY(-1px);
}
.bc-audio-btn{
min-height:34px;
border-radius:999px;
padding:0 14px;
font-size:8.5px;
font-weight:900;
letter-spacing:.065em;
}
.bc-card-top-actions{
display:flex;
align-items:center;
justify-content:flex-end;
gap:6px;
flex:0 0 auto;
}
.bc-detail-audio-row{
display:flex;
align-items:center;
gap:8px;
flex-wrap:wrap;
margin:15px 0 4px;
}
.bc-detail-audio-row .bc-audio-btn{height:36px}
.bc-compare-voice-actions{
display:flex;
gap:7px;
align-items:center;
flex-wrap:wrap;
justify-content:flex-end;
margin-top:8px;
}
/* Reproductor: por defecto centrado abajo, nunca pegado a la derecha */
.bc-voice-player{
position:fixed;
left:50%;
right:auto;
bottom:18px;
transform:translateX(-50%);
z-index:9500;
width:min(420px,calc(100% - 34px));
border:1px solid rgba(112,223,255,.34);
border-radius:17px;
background:linear-gradient(145deg,rgba(6,16,28,.97),rgba(2,8,16,.98));
backdrop-filter:blur(24px);
box-shadow:0 24px 75px rgba(0,0,0,.50),0 0 25px rgba(24,223,255,.10),0 0 18px rgba(255,47,183,.08);
padding:11px 12px;
}
.bc-voice-player[hidden]{display:none!important}
/* Cuando hay herramientas seleccionadas, el reproductor vive EN MEDIO de la barra */
.bc-voice-player.bc-voice-docked{
position:relative!important;
left:auto!important;
right:auto!important;
bottom:auto!important;
transform:none!important;
z-index:1!important;
width:350px!important;
max-width:36vw!important;
min-width:290px!important;
border-radius:14px!important;
padding:7px 9px!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.03),
0 0 13px rgba(24,223,255,.08),
0 0 11px rgba(255,47,183,.06)!important;
background:linear-gradient(145deg,rgba(5,14,25,.72),rgba(2,8,16,.78))!important;
}
/* La barra larga se convierte en tres zonas: selección | voz | comparar */
.bc-compare-bar-inner:has(.bc-voice-player.bc-voice-docked){
display:grid!important;
grid-template-columns:minmax(0,1fr) auto auto!important;
gap:16px!important;
}
.bc-compare-bar-inner:has(.bc-voice-player.bc-voice-docked) > :first-child{
min-width:0;
}
.bc-compare-bar-inner:has(.bc-voice-player.bc-voice-docked) .bc-compare-bar-actions{
justify-self:end;
}
/* Reproductor compacto cuando está en la barra */
.bc-voice-player.bc-voice-docked .bc-voice-icon{
width:29px;height:29px;flex-basis:29px;border-radius:9px;font-size:13px
}
.bc-voice-player.bc-voice-docked .bc-voice-copy small{font-size:6.3px;margin-bottom:2px}
.bc-voice-player.bc-voice-docked .bc-voice-copy strong{font-size:9.5px}
.bc-voice-player.bc-voice-docked .bc-voice-copy p{font-size:7.4px;margin-top:2px}
.bc-voice-player.bc-voice-docked .bc-voice-controls{margin-top:6px;gap:5px}
.bc-voice-player.bc-voice-docked .bc-voice-control{
height:25px;padding:0 8px;font-size:6.7px
}
.bc-voice-player.bc-voice-docked .bc-voice-progress{margin-top:6px}
.bc-voice-player-top{
display:flex;
align-items:flex-start;
gap:9px;
}
.bc-voice-icon{
width:34px;height:34px;flex:0 0 34px;border-radius:10px;
display:grid;place-items:center;
border:1px solid rgba(118,230,255,.20);
background:linear-gradient(145deg,rgba(24,223,255,.08),rgba(255,47,183,.07));
font-size:15px;
}
.bc-voice-copy{min-width:0;flex:1}
.bc-voice-copy small{
display:block;color:#70e9ff;font-size:7px;font-weight:900;letter-spacing:.16em;margin-bottom:4px
}
.bc-voice-copy strong{
display:block;color:#fff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis
}
.bc-voice-copy p{
margin:4px 0 0;color:#7f92a7;font-size:8.5px;line-height:1.35
}
.bc-voice-controls{
display:flex;gap:6px;margin-top:9px
}
.bc-voice-control{
height:30px;border-radius:999px;padding:0 10px;
font-size:7.5px;font-weight:900;letter-spacing:.055em
}
.bc-voice-progress{
height:3px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden;margin-top:8px
}
.bc-voice-progress i{
display:block;height:100%;width:0%;
background:linear-gradient(90deg,#18dfff,#9273ff,#ff2fb7);
transition:width .25s ease;
}
@media(max-width:980px){
/* En pantallas estrechas no tapamos el botón comparar:
el reproductor pasa a una segunda fila dentro de la misma barra. */
.bc-compare-bar-inner:has(.bc-voice-player.bc-voice-docked){
grid-template-columns:minmax(0,1fr) auto!important;
}
.bc-voice-player.bc-voice-docked{
grid-column:1/-1!important;
grid-row:2!important;
justify-self:center!important;
width:min(520px,100%)!important;
max-width:100%!important;
}
}
@media(max-width:760px){
.bc-result-intro{align-items:flex-start!important}
.bc-result-tools{align-items:flex-start;max-width:none}
.bc-result-tools p{text-align:left!important}
.bc-compare-voice-actions{justify-content:flex-start}
.bc-voice-player:not(.bc-voice-docked){
width:calc(100% - 24px);
bottom:12px;
}
}
/* Cuando la ventana de comparación está abierta, el reproductor se pone DELANTE
y arriba del comparador para que Pausa / Continuar / Parar sigan accesibles. */
.bc-voice-player.bc-voice-over-compare{
position:fixed!important;
left:50%!important;
right:auto!important;
top:16px!important;
bottom:auto!important;
transform:translateX(-50%)!important;
z-index:12050!important;
width:min(430px,calc(100% - 34px))!important;
max-width:none!important;
min-width:0!important;
border-radius:16px!important;
padding:10px 12px!important;
background:linear-gradient(145deg,rgba(6,16,28,.985),rgba(2,8,16,.99))!important;
box-shadow:0 22px 70px rgba(0,0,0,.62),0 0 28px rgba(24,223,255,.16),0 0 20px rgba(255,47,183,.12)!important;
}
.bc-voice-player.bc-voice-over-compare .bc-voice-icon{
width:33px;height:33px;flex-basis:33px;border-radius:10px;font-size:14px
}
.bc-voice-player.bc-voice-over-compare .bc-voice-copy small{font-size:6.7px}
.bc-voice-player.bc-voice-over-compare .bc-voice-copy strong{font-size:10.5px}
.bc-voice-player.bc-voice-over-compare .bc-voice-copy p{font-size:8px}
.bc-voice-player.bc-voice-over-compare .bc-voice-controls{margin-top:8px}
.bc-voice-player.bc-voice-over-compare .bc-voice-control{
height:28px;padding:0 10px;font-size:7.2px
}
@media(max-width:620px){
.bc-voice-player.bc-voice-over-compare{
top:8px!important;
width:calc(100% - 16px)!important;
}
}
body.busco-intro-lock{overflow:hidden!important}
#buscoCinematicIntro{position:fixed;inset:0;z-index:40000;overflow:hidden;background:#000;font-family:Inter,"Segoe UI",Arial,sans-serif;color:#fff;transition:opacity .4s ease,visibility .4s ease}
#buscoCinematicIntro.hide{opacity:0;visibility:hidden;pointer-events:none}
#buscoParticleCanvas{position:absolute;inset:0;width:100%;height:100%;display:block}
#buscoCinematicIntro .busco-intro-skip{position:absolute;right:24px;top:22px;z-index:30;height:38px;padding:0 18px;border:1px solid #70558a;border-radius:99px;background:#070a11;color:#eff7ff;font-size:10px;font-weight:750;letter-spacing:.1em;cursor:pointer;box-shadow:-3px 0 12px #18dfff18,3px 0 12px #ff2fb722}
#buscoCinematicIntro .busco-intro-skip:hover{border-color:#ec76dc;background:#10131f}
#buscoCinematicIntro .busco-intro-skip:focus-visible{outline:2px solid #18dfff;outline-offset:4px}
#buscoCinematicIntro .busco-intro-heading{position:absolute;z-index:11;left:50%;top:4%;width:min(860px,calc(100% - 260px));transform:translate(-50%,8px);text-align:center;opacity:0;transition:opacity .5s,transform .5s;pointer-events:none}
#buscoCinematicIntro .busco-intro-heading.show{opacity:1;transform:translate(-50%,0)}
#buscoCinematicIntro .kicker{font-size:9px;font-weight:800;letter-spacing:.23em;color:#63ddeb;margin-bottom:10px}
#buscoCinematicIntro h2{margin:0;font-size:clamp(24px,2.5vw,38px);line-height:1.16;letter-spacing:-.035em;font-weight:620;color:#f7fbff}
#buscoCinematicIntro h2 span{background:linear-gradient(95deg,#34deff,#8c8bff 46%,#ff42cb);-webkit-background-clip:text;background-clip:text;color:transparent}
#buscoCinematicIntro .busco-intro-heading p{margin:10px auto 0;max-width:720px;color:#95a4b5;font-size:12px;line-height:1.55}
#buscoCinematicIntro .busco-intro-cards{position:absolute;inset:0;z-index:12;pointer-events:none}
#buscoCinematicIntro .busco-intro-card{position:absolute;box-sizing:border-box;width:min(250px,21vw);padding:18px 18px;border:1px solid #234450;border-radius:12px;background:linear-gradient(140deg,#071018,#03070b);box-shadow:0 12px 40px #0008;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}
#buscoCinematicIntro .busco-intro-card.show{opacity:1;transform:none}
#buscoCinematicIntro .busco-intro-card:nth-child(even){border-color:#49314a}
#buscoCinematicIntro .busco-intro-card small{display:flex;align-items:center;gap:7px;margin-bottom:10px;color:#79c5d5;font-size:8px;line-height:1.4;font-weight:800;letter-spacing:.1em}
#buscoCinematicIntro .busco-intro-card:nth-child(even) small{color:#de8bc8}
#buscoCinematicIntro .busco-intro-card small:before{content:"";flex-shrink:0;width:5px;height:5px;border-radius:50%;background:#18dfff;box-shadow:0 0 8px #18dfff88}
#buscoCinematicIntro .busco-intro-card:nth-child(even) small:before{background:#ff2fb7;box-shadow:0 0 8px #ff2fb788}
#buscoCinematicIntro .busco-intro-card strong{display:block;color:#f4f7fd;font-size:14px;line-height:1.4;margin-bottom:7px;font-weight:620}
#buscoCinematicIntro .busco-intro-card p{margin:0;color:#99a8b9;font-size:11px;line-height:1.6}
#buscoCinematicIntro .busco-intro-card.lt{left:3%;top:30%}
#buscoCinematicIntro .busco-intro-card.rt{right:3%;top:30%}
#buscoCinematicIntro .busco-intro-card.lb{left:3%;bottom:10%}
#buscoCinematicIntro .busco-intro-card.rb{right:3%;bottom:10%}
#buscoCinematicIntro .busco-intro-progress{position:absolute;z-index:16;left:50%;bottom:24px;transform:translateX(-50%);display:flex;gap:8px;align-items:center}
#buscoCinematicIntro .busco-intro-progress i{display:block;width:5px;height:5px;border-radius:99px;background:#ffffff30;transition:.3s}
#buscoCinematicIntro .busco-intro-progress i.on{width:25px;background:linear-gradient(90deg,#18dfff,#a274ff,#ff2fb7);box-shadow:0 0 10px #18dfff44}
#buscoElectricArc{position:absolute;z-index:8;opacity:0;transition:opacity .5s;pointer-events:none;overflow:visible;filter:drop-shadow(0 0 6px rgba(24,223,255,1)) drop-shadow(0 0 12px rgba(24,223,255,.68)) drop-shadow(0 0 9px rgba(255,47,183,.92)) drop-shadow(0 0 18px rgba(255,47,183,.48))}
#buscoElectricArc.on{opacity:1}
#buscoElectricArc path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#buscoElectricArc .bolt2{stroke:url(#buscoArcGrad);stroke-width:3.8;opacity:1}
#buscoElectricArc .bolt3{stroke:#ff5bd3;stroke-width:1.65;opacity:.96;animation:buscoBolt .28s steps(2) infinite alternate}
#buscoElectricArc .bolt1{stroke:#f5ffff;stroke-width:1.55;opacity:1;animation:buscoBolt .17s steps(2) infinite alternate-reverse}
#buscoElectricArc .tip-glow{animation:buscoTipPulse .72s ease-in-out infinite alternate}
#buscoElectricArc .tip-left{fill:url(#buscoTipCyan)}
#buscoElectricArc .tip-right{fill:url(#buscoTipPink)}
#buscoElectricArc .tip-core{fill:#fff;filter:drop-shadow(0 0 3px #fff)}
@keyframes buscoBolt{to{opacity:.42;transform:translateY(.35px)}}
@keyframes buscoTipPulse{to{opacity:.58}}
#buscoCinematicIntro.exploding .busco-intro-heading,#buscoCinematicIntro.exploding .busco-intro-card,#buscoCinematicIntro.exploding .busco-intro-progress,#buscoCinematicIntro.exploding #buscoElectricArc{opacity:0!important}
@media(max-width:1000px) and (min-width:761px){#buscoCinematicIntro .busco-intro-card{padding:13px;width:22vw}#buscoCinematicIntro .busco-intro-card.lt,#buscoCinematicIntro .busco-intro-card.lb{left:2%}#buscoCinematicIntro .busco-intro-card.rt,#buscoCinematicIntro .busco-intro-card.rb{right:2%}#buscoCinematicIntro .busco-intro-card strong{font-size:12px}#buscoCinematicIntro .busco-intro-card p{font-size:10px}}
@media(max-width:760px){
#buscoCinematicIntro .busco-intro-skip{top:12px;right:14px;height:30px;font-size:8px;padding:0 12px}
#buscoCinematicIntro .busco-intro-heading{top:58px;width:calc(100% - 32px)}
#buscoCinematicIntro .kicker{font-size:7px;margin-bottom:8px}
#buscoCinematicIntro h2{font-size:22px}
#buscoCinematicIntro .busco-intro-heading p{font-size:10px;line-height:1.4;margin-top:8px}
#buscoCinematicIntro .busco-intro-cards{inset:auto 14px 40px;display:grid;grid-template-columns:1fr 1fr;gap:9px}
#buscoCinematicIntro .busco-intro-card{position:relative!important;inset:auto!important;width:auto!important;padding:11px;border-radius:9px}
#buscoCinematicIntro .busco-intro-card small{font-size:6.5px;letter-spacing:.04em;margin-bottom:6px;gap:5px}
#buscoCinematicIntro .busco-intro-card strong{font-size:10.5px;line-height:1.3;margin-bottom:4px}
#buscoCinematicIntro .busco-intro-card p{font-size:9px;line-height:1.4}
#buscoCinematicIntro .busco-intro-progress{bottom:17px}
}
/* ===== BUSCO V52 · NAVEGACIÓN EN TRES ACCIONES ===== */
.nav-shell.nav-shell-v52{
height:82px !important;
padding:8px 12px 8px 16px !important;
background:linear-gradient(180deg,rgba(8,17,29,.64),rgba(2,8,16,.56)) !important;
backdrop-filter:blur(27px) saturate(118%) !important;
-webkit-backdrop-filter:blur(27px) saturate(118%) !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.075),inset 0 -1px 0 rgba(0,0,0,.26),0 18px 55px rgba(0,0,0,.34),0 0 34px rgba(24,223,255,.026) !important;
}
/* Anula el antiguo "hueco" transparente detrás de Contáctanos. */
.nav-shell.nav-shell-v52::before{content:none !important;display:none !important}
.nav-shell.nav-shell-v52::after{
content:"" !important;display:block !important;position:absolute !important;inset:0 !important;
width:auto !important;right:0 !important;top:0 !important;bottom:0 !important;
border-radius:inherit !important;pointer-events:none !important;z-index:0 !important;
background:linear-gradient(110deg,rgba(255,255,255,.035),transparent 26%,transparent 68%,rgba(137,242,255,.022)) !important;
backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
}
.nav-shell.nav-shell-v52 .nav-brand{width:235px !important;z-index:3 !important}
.nav-shell.nav-shell-v52 .nav-brand img{width:215px !important}
.nav-action-cards{
flex:1 1 auto !important;display:flex !important;align-items:center !important;justify-content:center !important;
gap:10px !important;margin:0 12px !important;position:relative !important;z-index:3 !important;
}
.nav-action-card{
position:relative;min-width:190px;height:58px;padding:8px 14px 7px;text-align:left;
border:1px solid rgba(122,211,244,.17);border-radius:13px;color:#f5fbff;
background:linear-gradient(145deg,rgba(7,17,29,.50),rgba(2,8,16,.43));
box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.16);
transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
overflow:hidden;
}
.nav-action-card::before{
content:"";position:absolute;inset:0;pointer-events:none;
background:linear-gradient(110deg,rgba(24,223,255,.035),transparent 42%,rgba(255,47,183,.035));
}
.nav-action-card:hover{
transform:translateY(-2px);border-color:rgba(122,231,255,.36);
box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 27px rgba(0,0,0,.22),0 0 16px rgba(24,223,255,.055);
background:linear-gradient(145deg,rgba(9,22,36,.60),rgba(3,10,19,.52));
}
.nav-action-card.nav-action-build{border-color:rgba(196,137,255,.22)}
.nav-action-card.nav-action-kit{border-color:rgba(255,94,196,.20)}
.nav-action-num{position:absolute;right:10px;top:7px;color:#5f758a;font-size:6.5px;font-weight:900;letter-spacing:.14em}
.nav-action-card strong{display:block;position:relative;z-index:2;font-size:10.5px;line-height:1.1;letter-spacing:.055em;font-weight:900}
.nav-action-card small{display:block;position:relative;z-index:2;margin-top:5px;color:#7f91a6;font-size:8px;line-height:1.25;white-space:nowrap}
.nav-action-search strong{color:#8cefff;text-shadow:0 0 9px rgba(24,223,255,.15)}
.nav-action-kit strong{color:#ff83d8;text-shadow:0 0 9px rgba(255,47,183,.13)}
/* Se conserva el reflejo cromado solicitado para LO HACEMOS POR TI. */
.nav-action-build .nav-service-metal{font-size:10.5px !important;letter-spacing:.045em !important}
.nav-action-build::after{
content:"";position:absolute;left:16%;right:16%;bottom:7px;height:1px;border-radius:999px;pointer-events:none;
background:linear-gradient(90deg,transparent,#26ddff 24%,rgba(255,255,255,.95) 50%,#ff39ba 76%,transparent);
box-shadow:0 0 7px rgba(24,223,255,.55),0 0 8px rgba(255,47,183,.42);
opacity:0;transform:scaleX(.30);transform-origin:center;
animation:buscoServiceLineV24 3.4s cubic-bezier(.42,0,.58,1) infinite;
}
/* Contáctanos sigue siendo transparente, pero ahora el cristal de la barra continúa por detrás. */
.nav-shell.nav-shell-v52 .contact-cta,
.nav-shell.nav-shell-v52 .contact-cta:hover{
background:transparent !important;
backdrop-filter:none !important;-webkit-backdrop-filter:none !important;
z-index:4 !important;margin-left:6px !important;flex:0 0 auto !important;
}
/* Al quitar las tres tarjetas repetidas, el buscador queda mucho más arriba y visible al entrar. */
.hero-copy{padding-top:6px !important}
.live-search-example{margin-top:18px !important}
.search-wrap#buscador-principal{margin-top:10px !important;scroll-margin-top:118px}
/* Recuperamos y reforzamos las franjas móviles rosa/cian, alternando dirección. */
.ticker.section-divider{display:flex !important;opacity:1 !important;visibility:visible !important;height:48px !important}
.ticker.section-divider.pink{background:linear-gradient(90deg,rgba(255,47,183,.045),rgba(255,255,255,.008),rgba(255,47,183,.025)) !important}
.ticker.section-divider.cyan{background:linear-gradient(90deg,rgba(24,223,255,.035),rgba(255,255,255,.008),rgba(24,223,255,.05)) !important}
.ticker.section-divider.pink .track{animation-direction:normal !important}
.ticker.section-divider.cyan .track{animation-direction:reverse !important}
/* CTA contextual para las escenas de partículas abiertas desde el navegador. */
#buscoCinematicIntro .busco-intro-action{
position:absolute;z-index:25;left:50%;bottom:27px;transform:translateX(-50%);
min-width:220px;height:42px;padding:0 20px;border:1px solid transparent;border-radius:999px;
color:#fff;font-size:9px;font-weight:900;letter-spacing:.09em;
background:linear-gradient(rgba(4,10,18,.84),rgba(3,8,15,.84)) padding-box,
linear-gradient(100deg,#18dfff,#8d72ff 50%,#ff2fb7) border-box;
box-shadow:0 0 11px rgba(24,223,255,.20),0 0 13px rgba(255,47,183,.16);
}
#buscoCinematicIntro .busco-intro-action:hover{filter:brightness(1.10);transform:translateX(-50%) translateY(-1px)}
#buscoCinematicIntro.feature-replay .busco-intro-progress{display:none !important}
#buscoCinematicIntro.feature-replay .busco-intro-skip{border-color:#3b5162;color:#b7c6d5}
@media(max-width:1240px){
.nav-shell.nav-shell-v52 .nav-brand{width:190px !important}.nav-shell.nav-shell-v52 .nav-brand img{width:175px !important}
.nav-action-cards{gap:7px !important;margin:0 7px !important}.nav-action-card{min-width:160px;padding-left:11px;padding-right:11px}.nav-action-card small{font-size:7.5px}
.nav-shell.nav-shell-v52 .contact-cta{min-width:112px !important;padding:0 11px !important}
}
@media(max-width:980px){
.nav-shell.nav-shell-v52{height:70px !important}
.nav-shell.nav-shell-v52 .nav-brand{width:185px !important}.nav-shell.nav-shell-v52 .nav-brand img{width:175px !important}
.nav-action-cards{display:none !important;position:absolute !important;left:12px !important;right:12px !important;top:78px !important;margin:0 !important;padding:10px !important;flex-direction:column !important;align-items:stretch !important;background:rgba(3,10,18,.96) !important;border:1px solid rgba(137,242,255,.17) !important;border-radius:15px !important;backdrop-filter:blur(20px) !important}
.nav-shell.mobile-open .nav-action-cards{display:flex !important}
.nav-action-card{width:100% !important;min-width:0 !important;height:58px !important}
.nav-shell.nav-shell-v52 .contact-cta{margin-left:auto !important}
}
@media(max-width:620px){
#buscoCinematicIntro .busco-intro-action{bottom:14px;min-width:190px;height:36px;font-size:7.5px}
}
/* ===== V53 · ORDEN INTERIOR + NAVEGACIÓN ===== */
/* Tres acciones del navegador: filo de neón MUY fino, sin competir con Contáctanos. */
.nav-shell.nav-shell-v52 .nav-action-card{
border:1px solid transparent !important;
background:
linear-gradient(145deg,rgba(7,17,29,.53),rgba(2,8,16,.46)) padding-box,
linear-gradient(105deg,rgba(24,223,255,.62),rgba(141,114,255,.38) 52%,rgba(255,47,183,.55)) border-box !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 24px rgba(0,0,0,.16),0 0 7px rgba(24,223,255,.055),0 0 7px rgba(255,47,183,.045) !important;
}
.nav-shell.nav-shell-v52 .nav-action-card:hover{
background:
linear-gradient(145deg,rgba(9,22,36,.61),rgba(3,10,19,.54)) padding-box,
linear-gradient(105deg,rgba(62,232,255,.88),rgba(151,126,255,.58) 52%,rgba(255,75,194,.78)) border-box !important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 10px 27px rgba(0,0,0,.22),0 0 10px rgba(24,223,255,.10),0 0 10px rgba(255,47,183,.08) !important;
}
/* El reflejo cromado de LO HACEMOS POR TI se conserva por encima del nuevo borde. */
.nav-action-build .nav-service-metal{position:relative;z-index:3}
/* Hero limpio: vuelve "Ahora mismo alguien busca" y el buscador entra antes en pantalla. */
.hero{min-height:690px !important;padding-bottom:18px !important}
.hero-grid{min-height:535px !important}
.hero-copy{padding-top:0 !important;padding-bottom:24px !important}
.hero-lead{margin-top:18px !important}
.live-search-example{margin-top:18px !important}
.search-wrap#buscador-principal{margin-top:13px !important}
/* Categorías inmediatamente después de la primera franja. */
.busco-worlds-v53{padding-top:58px !important;padding-bottom:68px !important}
.worlds-head-v53{margin-bottom:30px !important;align-items:end !important}
.worlds-head-v53 h2{max-width:760px}
.worlds-head-v53 .sub{max-width:610px;margin:0 0 4px auto}
/* Kit Digital sustituye al bloque repetitivo de "Cómo funciona". */
.kit-section-v53{padding:78px 0 86px !important}
.kit-panel-v53{
position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:34px;align-items:center;
padding:38px;border:1px solid rgba(137,242,255,.17);border-radius:22px;overflow:hidden;
background:radial-gradient(560px 330px at 100% 0%,rgba(24,223,255,.075),transparent 66%),radial-gradient(460px 300px at 0% 105%,rgba(255,47,183,.06),transparent 67%),linear-gradient(145deg,rgba(8,18,31,.48),rgba(2,8,16,.68));
box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 26px 70px rgba(0,0,0,.25);
}
.kit-panel-v53:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.025),transparent 27%,transparent 72%,rgba(255,47,183,.02))}
.kit-copy-v53,.kit-visual-v53{position:relative;z-index:2}
.kit-copy-v53 h2{font-size:clamp(31px,3.5vw,49px)}
.kit-copy-v53>p{max-width:720px;margin:17px 0 0;color:#aebccd;font-size:14px;line-height:1.65}
.kit-points-v53{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px}
.kit-points-v53>div{padding:15px 14px;border:1px solid rgba(132,210,242,.13);border-radius:13px;background:rgba(3,10,18,.34)}
.kit-points-v53 span{display:block;color:#71879d;font-size:7px;font-weight:950;letter-spacing:.14em}
.kit-points-v53 strong{display:block;margin-top:7px;color:#f6fbff;font-size:11px}
.kit-points-v53 small{display:block;margin-top:5px;color:#8092a6;font-size:9px;line-height:1.45}
.kit-actions-v53{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:22px}
.kit-replay-v53{height:40px;padding:0 16px;border:1px solid rgba(137,242,255,.26);border-radius:999px;background:rgba(3,10,18,.35);color:#9ceeff;font-size:9px;font-weight:900;letter-spacing:.075em;box-shadow:0 0 10px rgba(24,223,255,.08)}
.kit-replay-v53:hover{border-color:rgba(137,242,255,.52);color:#fff;box-shadow:0 0 15px rgba(24,223,255,.14)}
.kit-visual-v53{min-height:360px;display:grid;place-items:center}
.kit-screen-v53{position:relative;z-index:3;width:min(390px,88%);min-height:230px;padding:38px 30px 30px;border:1px solid transparent;border-radius:20px;background:linear-gradient(150deg,rgba(4,12,22,.86),rgba(2,7,14,.92)) padding-box,linear-gradient(125deg,#18dfff,#8776ff 53%,#ff2fb7) border-box;box-shadow:0 26px 55px rgba(0,0,0,.42),0 0 26px rgba(24,223,255,.11),0 0 23px rgba(255,47,183,.08);transform:perspective(850px) rotateY(-5deg) rotateX(2deg)}
.kit-screen-v53:after{content:"";position:absolute;left:12%;right:12%;bottom:-25px;height:18px;border-radius:50%;background:radial-gradient(ellipse,rgba(24,223,255,.18),rgba(141,114,255,.08) 42%,rgba(255,47,183,.08) 60%,transparent 78%);filter:blur(8px)}
.kit-screen-v53 small{display:block;color:#7890a7;font-size:7px;letter-spacing:.14em;font-weight:900}
.kit-screen-v53 strong{display:block;margin-top:42px;font-size:clamp(27px,3vw,40px);letter-spacing:.03em;background:linear-gradient(90deg,#6cecff,#fff 48%,#ff75d3);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(24,223,255,.08)}
.kit-screen-v53 span{display:block;margin-top:14px;color:#8b9caf;font-size:8px;letter-spacing:.11em}
.kit-orbit-v53{position:absolute;border-radius:50%;border:1px solid rgba(115,225,255,.10);box-shadow:0 0 35px rgba(24,223,255,.04)}
.kit-orbit-v53.one{width:330px;height:330px}
.kit-orbit-v53.two{width:250px;height:250px;border-color:rgba(255,83,196,.09)}
.kit-chip-v53{position:absolute;z-index:4;padding:8px 11px;border:1px solid rgba(150,219,245,.16);border-radius:9px;background:rgba(3,10,18,.72);backdrop-filter:blur(12px);color:#9aaec1;font-size:7px;font-weight:900;letter-spacing:.12em}
.kit-chip-v53.k1{left:1%;top:17%;color:#83ecff}.kit-chip-v53.k2{right:0;top:30%;color:#d6b1ff}.kit-chip-v53.k3{right:8%;bottom:13%;color:#ff86d9}
/* El comparador queda como cierre funcional del recorrido. */
.bc-section#comparador{padding-top:82px !important}
@media(max-width:1000px){
.kit-panel-v53{grid-template-columns:1fr}.kit-visual-v53{min-height:300px}
.worlds-head-v53{grid-template-columns:1fr !important}.worlds-head-v53 .sub{margin:12px 0 0}
}
@media(max-width:700px){
.hero{min-height:850px !important}
.kit-panel-v53{padding:26px 18px}.kit-points-v53{grid-template-columns:1fr}.kit-screen-v53{min-height:190px;padding:30px 22px}.kit-visual-v53{min-height:250px}
}
/* SOLO CONTÁCTANOS: SIN relleno negro. El cristal de la barra se ve a través del botón,
igual que en los botones transparentes de las tarjetas. Borde/halo intactos. */
.nav-shell.nav-shell-v52 .contact-cta,
.nav-shell.nav-shell-v52 .contact-cta:hover{
background:transparent !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.028),
inset 0 -1px 0 rgba(255,255,255,.012) !important;
}
/* =========================================================
V54 · SOLO CONTÁCTANOS
Objetivo: que funcione COMO los botones “¿QUÉ BUSCO AQUÍ?”
y “COMPARADOR”: cristal semitransparente que deja VER de verdad
el contenido de la página que pasa por detrás.
Para conseguirlo hay que abrir el cristal de la NAV justo debajo
del botón; si no, el botón transparente solo enseña la propia NAV.
========================================================= */
/* La barra conserva borde y sombra, pero el relleno/backdrop global se retira.
El cristal se reconstruye con ::before dejando libre SOLO la zona de Contacto. */
.nav-shell.nav-shell-v52{
background:transparent !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
/* Cristal de la navegación, desde la izquierda hasta justo antes de Contáctanos. */
.nav-shell.nav-shell-v52::before{
content:"" !important;
display:block !important;
position:absolute !important;
left:0 !important;
top:0 !important;
bottom:0 !important;
right:146px !important;
z-index:0 !important;
pointer-events:none !important;
border-radius:22px 0 0 22px !important;
background:linear-gradient(180deg,rgba(8,17,29,.64),rgba(2,8,16,.56)) !important;
backdrop-filter:blur(27px) saturate(118%) !important;
-webkit-backdrop-filter:blur(27px) saturate(118%) !important;
}
/* Conserva únicamente el pequeño remate derecho de cristal de la barra.
El espacio intermedio queda realmente abierto detrás de Contáctanos. */
.nav-shell.nav-shell-v52::after{
content:"" !important;
display:block !important;
position:absolute !important;
right:0 !important;
top:0 !important;
bottom:0 !important;
left:auto !important;
width:12px !important;
z-index:0 !important;
pointer-events:none !important;
border-radius:0 22px 22px 0 !important;
background:linear-gradient(180deg,rgba(8,17,29,.64),rgba(2,8,16,.56)) !important;
backdrop-filter:blur(27px) saturate(118%) !important;
-webkit-backdrop-filter:blur(27px) saturate(118%) !important;
}
/* Mismo cristal interior que .world-link: deja pasar lo que hay detrás.
NO negro opaco. El borde y halo existentes siguen intactos. */
.nav-shell.nav-shell-v52 .contact-cta,
.nav-shell.nav-shell-v52 .contact-cta:hover{
background:rgba(2,8,15,.28) !important;
backdrop-filter:blur(3px) !important;
-webkit-backdrop-filter:blur(3px) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.035),
inset 0 -1px 0 rgba(0,0,0,.30) !important;
}
.nav-shell.nav-shell-v52 .contact-cta:hover{
background:rgba(2,8,15,.34) !important;
}
/* Mantiene por encima logo, tarjetas y contacto. */
.nav-shell.nav-shell-v52 .nav-brand,
.nav-shell.nav-shell-v52 .nav-action-cards,
.nav-shell.nav-shell-v52 .contact-cta,
.nav-shell.nav-shell-v52 .mobile-menu{
position:relative !important;
z-index:3 !important;
}
@media(max-width:1240px){
.nav-shell.nav-shell-v52::before{right:130px !important}
}
@media(max-width:980px){
.nav-shell.nav-shell-v52::before{right:130px !important;border-radius:16px 0 0 16px !important}
.nav-shell.nav-shell-v52::after{border-radius:0 16px 16px 0 !important}
}
@media(max-width:620px){
.nav-shell.nav-shell-v52::before{right:122px !important}
}
/* V55 · SOLO BLOQUE "LO HACEMOS POR TI" */
.build-shell-v55{
grid-template-columns:1.02fr .98fr;
gap:38px;
padding:38px;
}
.build-shell-v55 .build-copy h2{
max-width:760px;
font-size:clamp(31px,3.45vw,50px);
line-height:1.08;
}
.build-lead-v55{
max-width:740px!important;
margin:12px 0 0!important;
color:#aebdce!important;
font-size:13.5px!important;
line-height:1.68!important;
}
.build-lead-v55 strong{color:#fff}
.build-custom-v55{
margin-top:20px;
padding:17px 18px;
border:1px solid rgba(137,242,255,.13);
border-radius:14px;
background:
linear-gradient(120deg,rgba(24,223,255,.045),transparent 46%,rgba(255,47,183,.045)),
rgba(3,10,18,.38);
box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.build-custom-v55>span{
display:block;
color:#82eaff;
font-size:7px;
font-weight:950;
letter-spacing:.16em;
margin-bottom:7px;
}
.build-custom-v55 strong{
display:block;
color:#f5fbff;
font-size:13px;
line-height:1.4;
}
.build-custom-v55 p{
margin:6px 0 0;
color:#8fa1b5;
font-size:10px;
line-height:1.55;
}
.build-shell-v55 .build-contact-grid{margin-top:20px}
.build-preview-v55{
justify-content:flex-start;
padding-top:2px;
}
.build-examples-v55{
display:grid;
gap:9px;
}
.build-examples-v55 article{
position:relative;
padding:13px 14px 13px 15px;
border:1px solid rgba(255,255,255,.06);
border-radius:12px;
background:
linear-gradient(110deg,rgba(24,223,255,.035),transparent 48%,rgba(255,47,183,.035)),
rgba(255,255,255,.015);
overflow:hidden;
}
.build-examples-v55 article:before{
content:"";
position:absolute;
width:90px;
height:90px;
right:-34px;
top:-44px;
border-radius:50%;
background:radial-gradient(circle,rgba(24,223,255,.08),rgba(255,47,183,.035) 48%,transparent 72%);
filter:blur(12px);
}
.build-examples-v55 article:nth-child(2):before{
background:radial-gradient(circle,rgba(255,47,183,.09),rgba(142,114,255,.035) 48%,transparent 72%);
}
.build-example-head-v55{
display:flex;
align-items:center;
gap:9px;
}
.build-example-head-v55 span{
color:#70e8ff;
font-size:7px;
font-weight:950;
letter-spacing:.13em;
}
.build-example-head-v55 strong{
color:#fff;
font-size:11px;
letter-spacing:.045em;
}
.build-examples-v55 article:nth-child(2) .build-example-head-v55 span{color:#ff72d1}
.build-examples-v55 p{
margin:7px 0 4px;
color:#d7e1eb;
font-size:10.5px;
line-height:1.4;
}
.build-examples-v55 small{
display:block;
color:#7e90a4;
font-size:8.7px;
line-height:1.45;
}
.build-process-v55{
display:grid;
grid-template-columns:repeat(2,minmax(0,1fr));
gap:8px;
margin-top:11px;
}
.build-process-v55>div{
min-height:68px;
padding:10px 11px;
border:1px solid rgba(137,242,255,.08);
border-radius:10px;
background:rgba(2,8,15,.34);
}
.build-process-v55 small{
display:block;
color:#6edfff;
font-size:6.5px;
font-weight:900;
letter-spacing:.08em;
}
.build-process-v55>div:nth-child(even) small{color:#ff70d0}
.build-process-v55 strong{
display:block;
margin-top:6px;
color:#edf6ff;
font-size:9.3px;
line-height:1.35;
}
.build-punch-v55{
margin-top:12px;
padding:13px 14px;
border-top:1px solid rgba(255,255,255,.055);
border-bottom:1px solid rgba(255,255,255,.055);
color:#c5d1df;
font-size:12px;
line-height:1.4;
}
.build-punch-v55 strong{
background:linear-gradient(90deg,#ff77d8,#f7fbff 48%,#78ebff);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}
.build-paths-v55{
display:grid;
grid-template-columns:1fr 1fr;
gap:9px;
margin-top:11px;
}
.build-paths-v55>div{
padding:12px 13px;
border:1px solid rgba(255,255,255,.055);
border-radius:10px;
background:rgba(255,255,255,.012);
}
.build-paths-v55 span{
display:block;
color:#83eaff;
font-size:6.6px;
font-weight:950;
letter-spacing:.11em;
}
.build-paths-v55>div:nth-child(2) span{color:#ff74d1}
.build-paths-v55 p{
margin:6px 0 0;
color:#8496aa;
font-size:8.7px;
line-height:1.45;
}
@media(max-width:1180px){
.build-shell-v55{grid-template-columns:1fr}
.build-preview-v55{padding-top:26px}
}
@media(max-width:720px){
.build-shell-v55{padding:22px}
.build-process-v55,.build-paths-v55{grid-template-columns:1fr}
}
/* V56 · SOLO AJUSTES VISUALES DEL BLOQUE "LO HACEMOS POR TI" */
/* Las dos acciones quedan en la misma línea y ancladas a cada esquina */
.build-shell-v55 .build-small-actions{
width:100%;
display:grid !important;
grid-template-columns:1fr 1fr !important;
align-items:center !important;
gap:18px !important;
margin-top:11px !important;
}
.build-shell-v55 .build-small-actions .build-secondary,
.build-shell-v55 .build-small-actions .build-kit-link{
margin:0 !important;
padding:0 !important;
height:auto !important;
min-height:20px !important;
border:0 !important;
background:transparent !important;
font-size:9px !important;
font-weight:850 !important;
line-height:1.35 !important;
letter-spacing:.035em !important;
white-space:normal !important;
}
.build-shell-v55 .build-small-actions .build-secondary{
justify-self:start !important;
text-align:left !important;
color:#7d91a7 !important;
}
.build-shell-v55 .build-small-actions .build-kit-link{
justify-self:end !important;
text-align:right !important;
color:#d0b5cb !important;
}
.build-shell-v55 .build-small-actions .build-secondary:hover{color:#fff !important}
.build-shell-v55 .build-small-actions .build-kit-link:hover{color:#ff83d8 !important}
/* Panel derecho: aprovechar el hueco y mejorar legibilidad sin cambiar contenido */
.build-preview-v55{
min-height:100% !important;
display:flex !important;
flex-direction:column !important;
justify-content:flex-start !important;
}
.build-process-v55{
gap:10px !important;
margin-top:14px !important;
}
.build-process-v55>div{
min-height:82px !important;
padding:13px 14px !important;
border-radius:11px !important;
}
.build-process-v55 small{
font-size:7.6px !important;
letter-spacing:.085em !important;
}
.build-process-v55 strong{
margin-top:7px !important;
font-size:10.8px !important;
line-height:1.38 !important;
}
.build-punch-v55{
margin-top:14px !important;
padding:15px 15px !important;
font-size:13px !important;
}
.build-paths-v55{
gap:10px !important;
margin-top:14px !important;
}
.build-paths-v55>div{
min-height:102px !important;
padding:15px 15px !important;
border-radius:11px !important;
}
.build-paths-v55 span{
font-size:7.7px !important;
letter-spacing:.105em !important;
}
.build-paths-v55 p{
margin-top:8px !important;
font-size:10px !important;
line-height:1.52 !important;
}
/* Un poco más de aire y tamaño en los ejemplos superiores del panel derecho */
.build-examples-v55{
gap:10px !important;
}
.build-examples-v55 article{
padding:14px 15px !important;
}
.build-example-head-v55 span{
font-size:7.5px !important;
}
.build-example-head-v55 strong{
font-size:11.5px !important;
}
.build-examples-v55 p{
font-size:11px !important;
}
.build-examples-v55 small{
font-size:9.2px !important;
}
@media(max-width:720px){
.build-shell-v55 .build-small-actions{
grid-template-columns:1fr !important;
gap:8px !important;
}
.build-shell-v55 .build-small-actions .build-secondary,
.build-shell-v55 .build-small-actions .build-kit-link{
justify-self:start !important;
text-align:left !important;
}
}
/* V57 · SOLO COLUMNA DERECHA DE "LO HACEMOS POR TI" */
/* Hacemos crecer un poco el contenido útil antes de recurrir al adorno */
.build-preview-v55{
min-height:100% !important;
}
.build-examples-v55 article{
padding-top:15px !important;
padding-bottom:15px !important;
}
.build-process-v55>div{
min-height:88px !important;
padding:14px 15px !important;
}
.build-process-v55 small{
font-size:8px !important;
}
.build-process-v55 strong{
font-size:11.2px !important;
}
.build-paths-v55>div{
min-height:110px !important;
padding:16px !important;
}
.build-paths-v55 span{
font-size:8px !important;
}
.build-paths-v55 p{
font-size:10.4px !important;
line-height:1.55 !important;
}
/* Firma visual inferior: lupa BUSCO + infinito alargado.
Es decorativa y ocupa el hueco sin meter más texto ni ruido comercial. */
.build-signature-v57{
position:relative;
flex:1 1 auto;
min-height:82px;
margin-top:13px;
display:flex;
align-items:center;
justify-content:center;
gap:12px;
overflow:hidden;
border-top:1px solid rgba(255,255,255,.045);
}
.build-signature-v57:before{
content:"";
position:absolute;
left:50%;
bottom:-35px;
width:300px;
height:95px;
transform:translateX(-50%);
border-radius:50%;
background:
radial-gradient(ellipse at center,
rgba(24,223,255,.10) 0%,
rgba(129,104,255,.07) 38%,
rgba(255,47,183,.07) 58%,
transparent 75%);
filter:blur(17px);
pointer-events:none;
}
.build-signature-v57 img{
position:relative;
z-index:2;
width:54px;
height:54px;
object-fit:contain;
opacity:.82;
filter:
drop-shadow(0 0 7px rgba(24,223,255,.26))
drop-shadow(0 0 7px rgba(255,47,183,.17));
}
.build-infinity-v57{
position:relative;
z-index:2;
display:inline-block;
font-family:Georgia,"Times New Roman",serif;
font-size:47px;
line-height:1;
font-weight:400;
letter-spacing:-.08em;
transform:scaleX(1.72);
transform-origin:center;
margin:0 13px;
background:linear-gradient(90deg,#55e9ff 0%,#a48aff 48%,#ff5bc8 100%);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
opacity:.78;
filter:drop-shadow(0 0 9px rgba(115,144,255,.18));
}
.build-signature-line-v57{
position:relative;
z-index:2;
width:min(110px,13vw);
height:1px;
background:linear-gradient(90deg,transparent,rgba(24,223,255,.46));
box-shadow:0 0 8px rgba(24,223,255,.14);
}
.build-signature-line-v57.reverse{
background:linear-gradient(90deg,rgba(255,47,183,.42),transparent);
box-shadow:0 0 8px rgba(255,47,183,.13);
}
@media(max-width:1180px){
.build-signature-v57{min-height:72px}
}
@media(max-width:720px){
.build-signature-v57{min-height:62px}
.build-signature-v57 img{width:44px;height:44px}
.build-infinity-v57{font-size:39px;transform:scaleX(1.52);margin:0 8px}
.build-signature-line-v57{width:48px}
}
/* V58 · SOLO sustituye lupa+infinito por el logo/imagen aportado por Clara */
.build-signature-v58{
gap:16px !important;
min-height:118px !important;
padding:8px 0 2px !important;
}
.build-signature-v58 .build-signature-logo-v58{
position:relative !important;
z-index:2 !important;
width:min(310px,36vw) !important;
height:108px !important;
object-fit:contain !important;
opacity:.96 !important;
filter:
drop-shadow(0 0 8px rgba(24,223,255,.18))
drop-shadow(0 0 9px rgba(255,47,183,.14)) !important;
}
.build-signature-v58 .build-signature-line-v57{
width:min(120px,12vw) !important;
}
.build-signature-v58:before{
width:420px !important;
height:115px !important;
bottom:-42px !important;
}
@media(max-width:720px){
.build-signature-v58{min-height:92px !important}
.build-signature-v58 .build-signature-logo-v58{
width:min(250px,58vw) !important;
height:84px !important;
}
.build-signature-v58 .build-signature-line-v57{
width:38px !important;
}
}
/* V59 · SOLO reorganización del panel derecho de "LO HACEMOS POR TI" */
.build-preview-top-v59{
margin-bottom:11px !important;
}
.build-existing-head-v59{
margin-top:15px;
margin-bottom:9px;
display:flex;
align-items:end;
justify-content:space-between;
gap:14px;
padding:0 2px;
}
.build-existing-head-v59 span{
color:#7ceeff;
font-size:7.7px;
font-weight:950;
letter-spacing:.14em;
}
.build-existing-head-v59 strong{
color:#a9b8c9;
font-size:9.4px;
font-weight:650;
text-align:right;
}
/* El bloque de los cuatro pasos queda claramente asociado a "Ya existe la herramienta" */
.build-preview-v55 .build-process-v55{
margin-top:0 !important;
}
/* Sustituye los dos cuadros inferiores por uno único y más importante */
.build-custom-solution-v59{
position:relative;
margin-top:14px;
padding:18px 19px 17px;
border:1.2px solid transparent;
border-radius:14px;
background:
linear-gradient(rgba(3,9,17,.72),rgba(3,9,17,.72)) padding-box,
linear-gradient(105deg,#21ddff 0%,#8b79ff 52%,#ff3fba 100%) border-box;
box-shadow:
0 0 8px rgba(24,223,255,.13),
0 0 12px rgba(141,120,255,.08),
0 0 9px rgba(255,47,183,.10),
inset 0 1px 0 rgba(255,255,255,.025);
overflow:hidden;
}
.build-custom-solution-v59:before{
content:"";
position:absolute;
width:230px;
height:160px;
right:-90px;
bottom:-90px;
border-radius:50%;
background:radial-gradient(circle,rgba(255,47,183,.12),rgba(118,104,255,.07) 42%,rgba(24,223,255,.05) 62%,transparent 74%);
filter:blur(24px);
pointer-events:none;
}
.build-custom-solution-v59>*{
position:relative;
z-index:2;
}
.build-custom-solution-kicker-v59{
color:#81ebff;
font-size:7.8px;
font-weight:950;
letter-spacing:.14em;
margin-bottom:7px;
}
.build-custom-solution-v59 h3{
margin:0;
color:#fff;
font-size:18px;
line-height:1.2;
letter-spacing:-.025em;
}
.build-custom-solution-v59 p{
margin:8px 0 0;
color:#aebdce;
font-size:10.5px;
line-height:1.55;
}
.build-custom-solution-v59 p strong{
color:#f1f7fc;
}
/* El logo inferior se conserva exactamente en concepto y ocupa el cierre */
.build-signature-v58{
margin-top:12px !important;
}
@media(max-width:720px){
.build-existing-head-v59{
display:block;
}
.build-existing-head-v59 strong{
display:block;
margin-top:4px;
text-align:left;
}
.build-custom-solution-v59{
padding:16px;
}
.build-custom-solution-v59 h3{
font-size:16px;
}
}
/* V60 · SOLO corrige el hueco inferior de la columna izquierda.
No añade otro logo ni cambia el contenido de la V59. */
@media(min-width:1181px){
.build-shell-v55 .build-copy{
display:flex !important;
flex-direction:column !important;
align-self:stretch !important;
height:100% !important;
}
/* El espacio sobrante se convierte en espacio útil para explicar el proyecto,
en lugar de quedar como un hueco vacío debajo. */
.build-shell-v55 .build-input-wrap{
flex:1 1 auto !important;
min-height:155px !important;
display:flex !important;
flex-direction:column !important;
}
.build-shell-v55 .build-input-wrap textarea{
flex:1 1 auto !important;
min-height:105px !important;
}
/* Las dos acciones quedan pegadas al cierre real de la columna izquierda. */
.build-shell-v55 .build-small-actions{
margin-top:11px !important;
flex:0 0 auto !important;
}
}
/* V61 · SOLO formulario "LO HACEMOS POR TI" */
.build-required-v61{
color:#ff5bc8;
font-weight:950;
text-shadow:0 0 8px rgba(255,47,183,.30);
}
/* Líneas guía sutiles, estilo interfaz de trabajo */
.build-input-wrap-v61 textarea{
background:
repeating-linear-gradient(
to bottom,
rgba(3,10,18,.38) 0,
rgba(3,10,18,.38) 31px,
rgba(137,242,255,.085) 32px,
rgba(3,10,18,.38) 33px
) !important;
line-height:32px !important;
padding-top:12px !important;
resize:vertical;
}
.build-input-wrap-v61{position:relative}
.build-input-wrap-v61:before{
content:"";
position:absolute;
left:13px;
right:13px;
top:10px;
bottom:54px;
pointer-events:none;
border-radius:12px;
background:linear-gradient(90deg,rgba(24,223,255,.07),transparent 13%,transparent 87%,rgba(255,47,183,.07));
opacity:.65;
}
.build-write-note-v61{
position:relative;
z-index:2;
margin:8px 3px 10px;
color:#7f91a6;
font-size:9.2px;
line-height:1.45;
letter-spacing:.015em;
}
.build-write-note-v61 strong{
color:#cdd9e6;
font-weight:800;
}
.build-field-error-v61{
border-color:rgba(255,75,190,.95) !important;
box-shadow:0 0 0 1px rgba(255,75,190,.45),0 0 15px rgba(255,47,183,.22) !important;
}
@media(max-width:720px){
.build-write-note-v61{font-size:8.8px}
}
/* V62 · SOLO ajuste de la frase y del brillo lateral del textarea */
.build-input-wrap-v61:before{
left:0 !important;
right:0 !important;
top:10px !important;
bottom:54px !important;
border-radius:12px !important;
background:
linear-gradient(
90deg,
rgba(24,223,255,.11) 0%,
rgba(24,223,255,.055) 1.8%,
transparent 5.5%,
transparent 94.5%,
rgba(255,47,183,.055) 98.2%,
rgba(255,47,183,.11) 100%
) !important;
opacity:.72 !important;
}
/* ===== BUSCO · AVISO DE PRELANZAMIENTO ===== */
body.busco-prelaunch-lock{overflow:hidden!important}
#buscoPrelaunchModal{
position:fixed;inset:0;z-index:39000;display:none;align-items:center;justify-content:center;
padding:24px;background:rgba(0,3,8,.82);backdrop-filter:blur(18px) saturate(115%);
-webkit-backdrop-filter:blur(18px) saturate(115%);
}
#buscoPrelaunchModal.open{display:flex}
#buscoPrelaunchModal .prelaunch-card{
position:relative;width:min(880px,calc(100% - 24px));padding:46px 48px 40px;overflow:hidden;
border:1px solid rgba(92,223,255,.34);border-radius:26px;
background:linear-gradient(145deg,rgba(7,17,30,.97),rgba(2,7,14,.985));
box-shadow:0 38px 120px rgba(0,0,0,.72),-10px 0 44px rgba(24,223,255,.10),10px 0 44px rgba(255,47,183,.10),inset 0 1px 0 rgba(255,255,255,.06);
text-align:center;
}
#buscoPrelaunchModal .prelaunch-card:before{
content:"";position:absolute;inset:-35% -10% auto;height:72%;pointer-events:none;
background:radial-gradient(ellipse at 35% 50%,rgba(24,223,255,.13),transparent 48%),radial-gradient(ellipse at 68% 50%,rgba(255,47,183,.12),transparent 48%);
filter:blur(20px);
}
#buscoPrelaunchModal .prelaunch-badge{
position:relative;display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;padding:9px 15px;
border:1px solid rgba(108,226,255,.28);border-radius:999px;background:rgba(4,13,23,.70);
color:#a8efff;font-size:9px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;
}
#buscoPrelaunchModal .prelaunch-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#ff2fb7;box-shadow:0 0 12px rgba(255,47,183,.95)}
#buscoPrelaunchModal h2{
position:relative;margin:0 auto;max-width:760px;font-size:clamp(34px,5vw,62px);line-height:1.02;letter-spacing:-.05em;font-weight:780;
}
#buscoPrelaunchModal h2 .prelaunch-grad{
background:linear-gradient(95deg,#43e4ff 0%,#f7fbff 47%,#ff4bc2 100%);-webkit-background-clip:text;background-clip:text;color:transparent;
filter:drop-shadow(0 0 18px rgba(24,223,255,.08));
}
#buscoPrelaunchModal .prelaunch-main{
position:relative;max-width:720px;margin:22px auto 0;color:#c3cfdd;font-size:16px;line-height:1.72;
}
#buscoPrelaunchModal .prelaunch-main strong{color:#fff}
#buscoPrelaunchModal .prelaunch-language{
position:relative;margin:14px auto 0;color:#91a5ba;font-size:12px;line-height:1.55;
}
#buscoPrelaunchModal .prelaunch-status{
position:relative;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:24px auto 0;
}
#buscoPrelaunchModal .prelaunch-status span{
padding:8px 11px;border:1px solid rgba(140,215,245,.16);border-radius:999px;background:rgba(5,14,24,.55);
color:#afbdcd;font-size:9px;font-weight:800;letter-spacing:.08em;
}
#buscoPrelaunchModal .prelaunch-status span:nth-child(even){border-color:rgba(255,103,207,.17)}
#buscoPrelaunchModal .prelaunch-note{
position:relative;margin:22px auto 0;max-width:710px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);
color:#7f91a5;font-size:11px;line-height:1.55;
}
#buscoPrelaunchModal .prelaunch-enter{
position:relative;margin-top:25px;height:48px;min-width:230px;padding:0 24px;border:1px solid transparent;border-radius:999px;color:#fff;
background:linear-gradient(rgba(3,9,17,.82),rgba(3,9,17,.82)) padding-box,linear-gradient(100deg,#18dfff 0%,#8d79ff 50%,#ff2fb7 100%) border-box;
box-shadow:0 0 10px rgba(24,223,255,.33),0 0 13px rgba(255,47,183,.22);font-size:11px;font-weight:900;letter-spacing:.08em;transition:.2s;
}
#buscoPrelaunchModal .prelaunch-enter:hover{transform:translateY(-1px);box-shadow:0 0 15px rgba(24,223,255,.45),0 0 18px rgba(255,47,183,.30)}
@media(max-width:620px){
#buscoPrelaunchModal{padding:12px}
#buscoPrelaunchModal .prelaunch-card{width:100%;padding:34px 20px 28px;border-radius:20px}
#buscoPrelaunchModal h2{font-size:34px}
#buscoPrelaunchModal .prelaunch-main{font-size:14px;line-height:1.62}
#buscoPrelaunchModal .prelaunch-status{gap:6px}
#buscoPrelaunchModal .prelaunch-status span{font-size:8px;padding:7px 9px}
}
/* PORTFOLIO · llamada visual dentro de "Entonces lo creamos para ti" */
.build-custom-solution-v59{
animation:portfolioPanelPulseV61 2.8s ease-in-out infinite !important;
}
@keyframes portfolioPanelPulseV61{
0%,100%{
box-shadow:
0 0 8px rgba(24,223,255,.16),
0 0 14px rgba(141,120,255,.10),
0 0 10px rgba(255,47,183,.12),
inset 0 1px 0 rgba(255,255,255,.025);
}
50%{
box-shadow:
0 0 13px rgba(24,223,255,.44),
0 0 24px rgba(141,120,255,.24),
0 0 18px rgba(255,47,183,.34),
0 0 34px rgba(24,223,255,.08),
0 0 38px rgba(255,47,183,.07),
inset 0 1px 0 rgba(255,255,255,.04);
}
}
.portfolio-work-cta-v61{
position:relative;
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
min-height:40px;
margin-top:14px;
padding:0 17px;
border:0;
border-radius:999px;
color:#fff;
background:rgba(2,8,15,.42);
font-size:10px;
font-weight:900;
letter-spacing:.10em;
text-decoration:none;
isolation:isolate;
transition:transform .2s ease,filter .2s ease;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.045),
inset 0 -1px 0 rgba(0,0,0,.30);
}
.portfolio-work-cta-v61::before{
content:"";
position:absolute;
inset:-1.2px;
padding:1.2px;
border-radius:inherit;
background:linear-gradient(105deg,
#13e5ff 0%,
#31d9ff 26%,
#8a78ff 53%,
#d653e8 77%,
#ff38ba 100%);
-webkit-mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
-webkit-mask-composite:xor;
mask:
linear-gradient(#000 0 0) content-box,
linear-gradient(#000 0 0);
mask-composite:exclude;
pointer-events:none;
z-index:2;
}
.portfolio-work-cta-v61::after{
content:"";
position:absolute;
inset:-5px;
border-radius:inherit;
pointer-events:none;
z-index:-1;
box-shadow:
0 0 5px rgba(22,227,255,.72),
0 0 11px rgba(22,227,255,.26),
0 0 6px rgba(255,57,185,.54),
0 0 13px rgba(255,57,185,.20);
opacity:.72;
transition:opacity .2s ease;
}
.portfolio-work-cta-v61:hover{
transform:translateY(-1px);
filter:brightness(1.10);
}
.portfolio-work-cta-v61:hover::after{opacity:1}
.portfolio-work-cta-v61 b{
font-size:16px;
line-height:1;
color:#89f2ff;
text-shadow:0 0 8px rgba(24,223,255,.65);
}
@media(max-width:720px){
.portfolio-work-cta-v61{
width:100%;
margin-top:13px;
}
}
@media(prefers-reduced-motion:reduce){
.build-custom-solution-v59{animation:none!important}
}
/* 1) Logo inferior + rayas: solo 8 px más abajo (~2 mm visuales). */
.build-signature-v58{
margin-top:20px !important;
}
/* 2) La barra de navegación vuelve a ser UNA pieza continua.
El botón Contáctanos sigue siendo transparente. */
.nav-shell.nav-shell-v52{
border:1px solid rgba(173,229,252,.20) !important;
border-radius:22px !important;
background:linear-gradient(180deg,rgba(8,17,29,.64),rgba(2,8,16,.56)) !important;
backdrop-filter:blur(27px) saturate(118%) !important;
-webkit-backdrop-filter:blur(27px) saturate(118%) !important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.075),
inset 0 -1px 0 rgba(0,0,0,.26),
0 18px 55px rgba(0,0,0,.34),
0 0 34px rgba(24,223,255,.026) !important;
overflow:visible !important;
}
.nav-shell.nav-shell-v52::before{
content:none !important;
display:none !important;
}
.nav-shell.nav-shell-v52::after{
content:"" !important;
display:block !important;
position:absolute !important;
inset:0 !important;
width:auto !important;
border-radius:inherit !important;
pointer-events:none !important;
z-index:0 !important;
background:linear-gradient(
110deg,
rgba(255,255,255,.035),
transparent 26%,
transparent 68%,
rgba(137,242,255,.022)
) !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
}
/* El cristal continúa por debajo del botón. El botón, no. */
.nav-shell.nav-shell-v52 .contact-cta,
.nav-shell.nav-shell-v52 .contact-cta:hover{
background:transparent !important;
backdrop-filter:none !important;
-webkit-backdrop-filter:none !important;
z-index:4 !important;
}
.portfolio-work-cta-v61{cursor:pointer !important}
#buscoPortfolioOverlay{
position:fixed;
inset:0;
z-index:20000;
background:#02050a;
opacity:0;
visibility:hidden;
pointer-events:none;
transition:opacity .16s ease,visibility .16s ease;
}
#buscoPortfolioOverlay.open{
opacity:1;
visibility:visible;
pointer-events:auto;
}
#buscoPortfolioFrame{
width:100%;
height:100%;
border:0;
display:block;
background:#02050a;
opacity:0;
transition:opacity .16s ease;
}
#buscoPortfolioOverlay.ready #buscoPortfolioFrame{opacity:1}
#buscoPortfolioLoader{
position:absolute;
inset:0;
display:grid;
place-items:center;
color:#89f2ff;
background:#02050a;
font:850 10px/1 Inter,"Segoe UI",Arial,sans-serif;
letter-spacing:.15em;
text-transform:uppercase;
transition:opacity .16s ease;
}
#buscoPortfolioOverlay.ready #buscoPortfolioLoader{
opacity:0;
pointer-events:none;
}
.bc-guide-grid{grid-template-columns:1fr!important}
.bc-guide-group{padding:13px 14px!important;border:1px solid rgba(137,215,244,.075)!important;border-radius:13px!important;background:linear-gradient(120deg,rgba(24,223,255,.018),rgba(255,47,183,.018))!important}
.bc-guide-group small{color:#8fa5bc!important}
.bc-choice-row button{transition:.18s ease!important}
.bc-choice-row button:hover{color:#fff!important;border-color:rgba(137,242,255,.28)!important;transform:translateY(-1px)!important}
.bc-related{margin-top:18px;padding-top:17px;border-top:1px solid rgba(255,255,255,.055)}
.bc-related-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:10px}
.bc-related-head span{color:#7ceaff;font-size:7.5px;font-weight:900;letter-spacing:.14em}
.bc-related-head strong{display:block;margin-top:4px;color:#fff;font-size:16px}
.bc-related-head small{color:#71849a;font-size:9px}
.bc-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.bc-related-card{border:1px solid rgba(137,215,244,.10);border-radius:12px;padding:11px;background:rgba(255,255,255,.014);min-width:0}
.bc-related-card:nth-child(even){border-color:rgba(255,91,198,.11)}
.bc-related-card b{display:block;color:#fff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bc-related-card p{margin:5px 0 9px;color:#8092a7;font-size:9px;line-height:1.4;min-height:25px}
.bc-related-actions{display:flex;gap:5px}
.bc-related-actions button{flex:1;height:28px;border-radius:999px;border:1px solid rgba(115,226,255,.18);background:rgba(2,9,17,.34);color:#aeefff;font-size:7px;font-weight:900;letter-spacing:.05em}
.bc-related-actions button:last-child{color:#ff9dde;border-color:rgba(255,75,190,.17)}
.bc-profile-match{display:inline-flex;align-items:center;gap:5px;margin-left:5px;padding:4px 7px;border-radius:999px;border:1px solid rgba(154,105,255,.16);background:rgba(154,105,255,.035);color:#c8bfff;font-size:6.8px;font-weight:900;letter-spacing:.07em}
@media(max-width:700px){.bc-related-grid{grid-template-columns:1fr}.bc-related-card p{min-height:0}}
/* BUSCO · estrategia comercial sin alterar el ranking de encaje */
.bc-card.is-featured{
border-color:rgba(255,82,195,.48)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 18px 44px rgba(0,0,0,.31),0 0 18px rgba(255,47,183,.09),0 0 16px rgba(24,223,255,.07)!important;
}
.bc-card.is-featured:after{
content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;
background:linear-gradient(110deg,rgba(24,223,255,.28),transparent 34%,transparent 63%,rgba(255,47,183,.30));
opacity:.42;mix-blend-mode:screen;
}
.bc-commercial-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:7px;font-weight:950;letter-spacing:.08em;border:1px solid rgba(255,255,255,.08);white-space:nowrap}
.bc-commercial-chip.partner{color:#8cefff;border-color:rgba(24,223,255,.22);background:rgba(24,223,255,.035)}
.bc-commercial-chip.featured{color:#ff9ee0;border-color:rgba(255,47,183,.27);background:rgba(255,47,183,.045);box-shadow:0 0 10px rgba(255,47,183,.08)}
.bc-affiliate-link{color:#fff!important;border:1px solid rgba(110,231,255,.24)!important;background:linear-gradient(100deg,rgba(24,223,255,.055),rgba(141,114,255,.045),rgba(255,47,183,.055))!important;height:32px!important;border-radius:999px!important}
.bc-commercial-note{margin-top:9px;color:#667b91;font-size:8px;line-height:1.45}
.bc-service-cta{grid-column:1/-1;position:relative;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:center;padding:22px 24px;border:1px solid rgba(103,225,255,.19);border-radius:17px;background:linear-gradient(120deg,rgba(24,223,255,.035),rgba(5,13,23,.63) 46%,rgba(255,47,183,.035));box-shadow:inset 0 1px 0 rgba(255,255,255,.025),0 16px 34px rgba(0,0,0,.20)}
.bc-service-cta:before{content:"";position:absolute;width:240px;height:180px;right:-70px;top:-80px;border-radius:50%;background:radial-gradient(circle,rgba(255,47,183,.10),rgba(24,223,255,.06) 42%,transparent 72%);filter:blur(16px)}
.bc-service-kicker{color:#79edff;font-size:7.5px;font-weight:950;letter-spacing:.15em}.bc-service-cta h3{margin:6px 0 7px;font-size:21px;letter-spacing:-.025em}.bc-service-cta p{margin:0;color:#aab8c8;font-size:11.5px;line-height:1.55;max-width:760px}.bc-service-actions{position:relative;display:flex;justify-content:flex-end}.bc-service-actions button,.bc-decision-help button,.busco-partner-submit{min-height:38px;border-radius:999px;padding:0 16px;border:1px solid rgba(93,231,255,.36);background:rgba(3,11,20,.50);color:#fff;font-size:8.5px;font-weight:900;letter-spacing:.065em;box-shadow:0 0 10px rgba(24,223,255,.08)}
.bc-service-actions button:hover,.bc-decision-help button:hover,.busco-partner-submit:hover{border-color:rgba(255,87,198,.45);box-shadow:0 0 13px rgba(255,47,183,.10),0 0 13px rgba(24,223,255,.10)}
.bc-decision-help{margin:0 18px 22px;padding:18px 20px;border:1px solid rgba(255,93,203,.18);border-radius:15px;background:linear-gradient(110deg,rgba(255,47,183,.035),rgba(4,12,22,.60) 55%,rgba(24,223,255,.035));display:flex;align-items:center;justify-content:space-between;gap:18px}.bc-decision-help span{display:block;color:#ff8cdb;font-size:7px;font-weight:950;letter-spacing:.14em}.bc-decision-help strong{display:block;margin-top:4px;font-size:15px}.bc-decision-help p{margin:5px 0 0;color:#93a5b8;font-size:10px;line-height:1.5}
.busco-partner-float{position:fixed;right:18px;bottom:18px;z-index:7200;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(101,230,255,.42);background:rgba(3,10,18,.82);backdrop-filter:blur(16px);color:#fff;font-size:8.5px;font-weight:950;letter-spacing:.075em;box-shadow:0 0 14px rgba(24,223,255,.12),0 0 13px rgba(255,47,183,.08)}
.busco-partner-float:hover{transform:translateY(-1px);border-color:rgba(255,80,197,.48)}
.busco-partner-modal{position:fixed;inset:0;z-index:9000;display:none;align-items:center;justify-content:center;padding:22px;background:rgba(0,4,10,.78);backdrop-filter:blur(12px)}.busco-partner-modal.open{display:flex}.busco-partner-dialog{width:min(680px,100%);position:relative;padding:28px;border:1px solid rgba(120,226,255,.24);border-radius:20px;background:linear-gradient(145deg,rgba(8,18,31,.97),rgba(2,8,16,.98));box-shadow:0 30px 90px rgba(0,0,0,.58)}.busco-partner-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025);color:#fff;font-size:22px}.busco-partner-kicker{color:#7ceeff;font-size:8px;font-weight:950;letter-spacing:.16em}.busco-partner-dialog h3{margin:7px 45px 8px 0;font-size:28px;letter-spacing:-.035em}.busco-partner-dialog>p{color:#aebccd;font-size:12px;line-height:1.6}.busco-partner-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.busco-partner-grid label{display:grid;gap:5px;color:#8fa2b7;font-size:8px;font-weight:850;letter-spacing:.045em}.busco-partner-grid label.full{grid-column:1/-1}.busco-partner-grid input,.busco-partner-grid textarea,.busco-partner-grid select{width:100%;border:1px solid rgba(131,208,240,.16);border-radius:11px;background:rgba(3,10,18,.56);color:#fff;padding:11px;outline:none}.busco-partner-grid textarea{min-height:82px;resize:vertical}.busco-partner-rule{margin-top:12px;color:#718499;font-size:8.5px;line-height:1.5}.busco-partner-actions{display:flex;justify-content:flex-end;margin-top:15px}.busco-partner-submit{min-width:180px}
@media(max-width:700px){.bc-service-cta{grid-template-columns:1fr;padding:19px}.bc-service-actions{justify-content:flex-start}.bc-decision-help{flex-direction:column;align-items:flex-start}.busco-partner-grid{grid-template-columns:1fr}.busco-partner-grid label.full{grid-column:auto}.busco-partner-float{right:10px;bottom:10px;max-width:calc(100vw - 20px)}}
/* Comparación BUSCO: servicio visible desde arriba + desplazamiento horizontal inmediato. */
#bcCompareServiceTop .bc-service-cta{
grid-column:auto;
margin:0 18px 12px;
border-color:rgba(255,47,183,.28);
background:linear-gradient(112deg,rgba(255,47,183,.065),rgba(5,13,23,.68) 47%,rgba(24,223,255,.035));
}
#bcCompareServiceTop .bc-service-kicker{color:#ff72d0;text-shadow:0 0 9px rgba(255,47,183,.24)}
.bc-decision-help{margin:0 18px 12px!important}
/* Barra horizontal SUPERIOR: siempre accesible antes de leer la tabla. */
.bc-top-scroll{
position:sticky;
top:0;
z-index:11;
display:none;
height:21px;
margin:0 18px 8px;
overflow-x:auto;
overflow-y:hidden;
border-radius:999px;
background:#0b0310;
border:1px solid rgba(255,47,183,.35);
box-shadow:0 0 12px rgba(255,47,183,.18);
scrollbar-width:auto;
scrollbar-color:#ff00c8 #110217;
}
#bcTopScrollInner{height:1px;min-width:100%}
.bc-table-wrap{
scrollbar-width:auto;
scrollbar-color:#ff00c8 #110217;
}
.bc-top-scroll::-webkit-scrollbar,
.bc-table-wrap::-webkit-scrollbar{height:15px;width:10px}
.bc-top-scroll::-webkit-scrollbar-track,
.bc-table-wrap::-webkit-scrollbar-track{
background:#110217;
border-radius:999px;
box-shadow:inset 0 0 0 1px rgba(255,47,183,.16);
}
.bc-top-scroll::-webkit-scrollbar-thumb,
.bc-table-wrap::-webkit-scrollbar-thumb{
background:#ff00c8;
border-radius:999px;
border:2px solid #110217;
box-shadow:0 0 10px #ff00c8,0 0 22px rgba(255,0,200,.82);
}
.bc-top-scroll::-webkit-scrollbar-thumb:hover,
.bc-table-wrap::-webkit-scrollbar-thumb:hover{
background:#ff00e6;
box-shadow:0 0 12px #ff00e6,0 0 26px rgba(255,0,230,.92);
}
@media(max-width:700px){
#bcCompareServiceTop .bc-service-cta{margin:0 10px 10px}
.bc-decision-help{margin:0 10px 10px!important}
.bc-top-scroll{margin:0 10px 7px}
}
/* =========================================================
BUSCO V7 · METAL + FUCSIA
Ajuste visual: comparador, scrolls, navegación y portfolio.
========================================================= */
/* ---------- Comparación: dos CTAs en paralelo, cortos y con foco en el texto ---------- */
.bc-compare-promos{
display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr);
gap:12px;
margin:0 18px 12px;
}
.bc-compare-promos #bcCompareServiceTop,
.bc-compare-promos .bc-decision-help{min-width:0;margin:0!important}
.bc-compare-promos .bc-service-cta,
.bc-compare-promos .bc-decision-help{
min-height:148px;
height:100%;
padding:18px 19px!important;
border:1px solid rgba(255,47,183,.13)!important;
border-radius:15px!important;
background:
linear-gradient(180deg,rgba(5,10,18,.39),rgba(2,7,13,.27))!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.025),
0 10px 24px rgba(0,0,0,.18)!important;
overflow:hidden;
}
.bc-compare-promos .bc-service-cta{
grid-template-columns:1fr!important;
gap:12px!important;
align-content:space-between;
}
.bc-compare-promos .bc-service-cta:before{opacity:.45!important}
.bc-compare-promos .bc-service-actions{justify-content:flex-start!important}
.bc-compare-promos .bc-decision-help{
display:flex!important;
flex-direction:column!important;
align-items:flex-start!important;
justify-content:space-between!important;
gap:12px!important;
}
.bc-compare-promos .bc-service-kicker,
.bc-compare-promos .bc-decision-help span{
color:#ff4dc2!important;
font-size:7px!important;
letter-spacing:.15em!important;
text-shadow:0 0 9px rgba(255,47,183,.22);
}
.bc-compare-promos .bc-service-cta h3,
.bc-compare-promos .bc-decision-help strong{
margin:5px 0 5px!important;
font-size:19px!important;
line-height:1.08!important;
letter-spacing:-.025em!important;
font-weight:900!important;
color:transparent!important;
-webkit-text-fill-color:transparent!important;
background:
linear-gradient(180deg,
#fff7fc 0%,
#ffb7e7 13%,
#ff2fb7 31%,
#97005f 49%,
#ff16aa 65%,
#ffe6f7 83%,
#ff2fb7 100%)!important;
-webkit-background-clip:text!important;
background-clip:text!important;
filter:drop-shadow(0 0 5px rgba(255,47,183,.18));
}
.bc-compare-promos .bc-service-cta p,
.bc-compare-promos .bc-decision-help p{
margin:0!important;
color:#9facbd!important;
font-size:10px!important;
line-height:1.45!important;
}
.bc-compare-promos .bc-service-actions button,
.bc-compare-promos .bc-decision-help button{
min-height:34px!important;
padding:0 13px!important;
border:1px solid transparent!important;
background:
linear-gradient(rgba(3,9,16,.62),rgba(3,9,16,.62)) padding-box,
linear-gradient(105deg,#ff159f 0%,#ffd1ee 28%,#ffffff 45%,#ff2fb7 62%,#78004c 84%,#ff71d0 100%) border-box!important;
box-shadow:0 0 8px rgba(255,47,183,.13)!important;
font-size:8px!important;
}
/* ---------- Comparación: solo scrollbar horizontal ARRIBA ---------- */
.bc-top-scroll{
height:20px!important;
margin:0 18px 8px!important;
border:0!important;
background:#070008!important;
box-shadow:none!important;
scrollbar-color:#ff2fb7 #10000b!important;
}
.bc-table-wrap::-webkit-scrollbar:horizontal{height:0!important}
.bc-table-wrap::-webkit-scrollbar-thumb:horizontal{background:transparent!important}
.bc-table-wrap::-webkit-scrollbar-track:horizontal{background:transparent!important}
/* ---------- Scrollbars metálicos BUSCO ---------- */
.bc-top-scroll::-webkit-scrollbar{height:13px!important}
.bc-top-scroll::-webkit-scrollbar-track{
background:linear-gradient(180deg,#16000f,#050005)!important;
border-radius:999px!important;
box-shadow:inset 0 0 0 1px rgba(255,47,183,.22)!important;
}
.bc-top-scroll::-webkit-scrollbar-thumb{
border-radius:999px!important;
border:2px solid #12000c!important;
background:
linear-gradient(90deg,
#650040 0%,
#ff0aa8 14%,
#ff7dd5 27%,
#fff4fb 41%,
#ff2fb7 52%,
#8b0058 67%,
#ff4ec4 82%,
#ffd8f1 94%,
#9b0063 100%)!important;
box-shadow:0 0 7px rgba(255,47,183,.82),0 0 13px rgba(255,47,183,.34)!important;
}
/* Scroll vertical dentro de la comparación/modal */
.bc-modal-shell::-webkit-scrollbar,
.bc-table-wrap::-webkit-scrollbar:vertical{
width:12px!important;
}
.bc-modal-shell::-webkit-scrollbar-track,
.bc-table-wrap::-webkit-scrollbar-track:vertical{
background:linear-gradient(90deg,#090006,#16000f,#090006)!important;
}
.bc-modal-shell::-webkit-scrollbar-thumb,
.bc-table-wrap::-webkit-scrollbar-thumb:vertical{
border-radius:999px!important;
border:2px solid #10000b!important;
background:
linear-gradient(180deg,
#6c0045 0%,
#ff0aa8 13%,
#ff73d0 27%,
#fff5fc 42%,
#ff2fb7 54%,
#8a0057 69%,
#ff50c5 84%,
#ffd8f2 96%)!important;
box-shadow:0 0 7px rgba(255,47,183,.75)!important;
}
/* Scroll principal de la página */
html::-webkit-scrollbar,
body::-webkit-scrollbar{width:13px!important}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track{
background:linear-gradient(90deg,#070005,#15000e,#070005)!important;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb{
border-radius:999px!important;
border:2px solid #0d0009!important;
background:
linear-gradient(180deg,
#63003f 0%,
#ff0aa8 12%,
#ff76d2 25%,
#fff5fc 39%,
#ff2fb7 51%,
#850055 67%,
#ff4fc5 82%,
#ffd9f2 95%)!important;
box-shadow:0 0 8px rgba(255,47,183,.78),0 0 14px rgba(255,47,183,.28)!important;
}
html{scrollbar-color:#ff2fb7 #0d0009}
/* ---------- Tres botones superiores: menos relleno, borde y texto metalizados ---------- */
.nav-shell.nav-shell-v52 .nav-action-card{
background:rgba(2,8,15,.29)!important;
backdrop-filter:blur(10px) saturate(108%)!important;
-webkit-backdrop-filter:blur(10px) saturate(108%)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.16)!important;
}
.nav-shell.nav-shell-v52 .nav-action-card::before{
content:""!important;
display:block!important;
position:absolute!important;
inset:-1px!important;
padding:1px!important;
border-radius:inherit!important;
pointer-events:none!important;
z-index:1!important;
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
-webkit-mask-composite:xor!important;
mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
mask-composite:exclude!important;
}
.nav-action-search::before{
background:linear-gradient(105deg,#006a7a 0%,#00eaff 18%,#cfffff 35%,#ffffff 46%,#00d7ef 58%,#005b69 76%,#92f8ff 100%)!important;
box-shadow:0 0 10px rgba(0,234,255,.22);
}
.nav-action-build::before{
background:linear-gradient(105deg,#00dff7 0%,#d7ffff 20%,#ffffff 36%,#9d83ff 53%,#ff2fb7 70%,#76004d 86%,#ffc6eb 100%)!important;
box-shadow:0 0 10px rgba(255,47,183,.18),0 0 9px rgba(0,234,255,.15);
}
.nav-action-kit::before{
background:linear-gradient(105deg,#720049 0%,#ff0aa8 17%,#ff8bda 31%,#fff5fc 45%,#ff2fb7 60%,#8b0059 77%,#ffd4ef 100%)!important;
box-shadow:0 0 10px rgba(255,47,183,.25);
}
.nav-action-search strong{
color:transparent!important;
-webkit-text-fill-color:transparent!important;
background:linear-gradient(180deg,#f7ffff 0%,#8df7ff 20%,#00eaff 40%,#007a89 57%,#d7ffff 75%,#00c9df 100%)!important;
-webkit-background-clip:text!important;background-clip:text!important;
filter:drop-shadow(0 0 3px rgba(0,234,255,.25));
}
.nav-action-kit strong{
color:transparent!important;
-webkit-text-fill-color:transparent!important;
background:linear-gradient(180deg,#fff6fc 0%,#ff9dde 17%,#ff0aa8 34%,#8d005a 51%,#ff32b8 68%,#ffe0f5 84%,#ff0aa8 100%)!important;
-webkit-background-clip:text!important;background-clip:text!important;
filter:drop-shadow(0 0 3px rgba(255,47,183,.28));
}
.nav-action-card small{color:#8d9bad!important}
.nav-action-card:hover{
background:rgba(3,10,18,.38)!important;
transform:translateY(-2px)!important;
filter:brightness(1.08);
}
/* Mantener la luz animada de LO HACEMOS POR TI */
.nav-action-build::after{z-index:4!important}
/* Responsivo */
@media(max-width:820px){
.bc-compare-promos{grid-template-columns:1fr;margin:0 12px 10px}
}
/* =========================================================
BUSCO V8 · METAL TOTAL + MENSAJES MÁS DIRECTOS
========================================================= */
/* Subtexto de los dos mensajes del comparador: fucsia, no blanco/gris. */
.bc-compare-promos .bc-service-cta p,
.bc-compare-promos .bc-decision-help p{
color:transparent!important;
-webkit-text-fill-color:transparent!important;
background:linear-gradient(
180deg,
#ffeaf8 0%,
#ff9cde 18%,
#ff2fb7 38%,
#a50069 56%,
#ff48c2 73%,
#ffc8eb 100%
)!important;
-webkit-background-clip:text!important;
background-clip:text!important;
filter:drop-shadow(0 0 3px rgba(255,47,183,.13));
font-weight:700!important;
}
/* Todos los botones de acción con estética BUSCO metalizada.
Los botones de cerrar/controles mínimos quedan fuera a propósito. */
.search-btn,
.smart-primary,
.smart-secondary,
.build-secondary,
.build-kit-link,
.portfolio-work-cta-v61,
.kit-replay-v53,
.bc-help,
.bc-reset,
.bc-show-all,
.bc-detail-btn,
.bc-compare-btn,
.bc-affiliate-link,
.busco-partner-float,
.busco-partner-submit,
.live-search-query,
.info-go,
.world-link,
.bc-service-actions button,
.bc-decision-help button,
.bc-related-actions button{
border:1px solid transparent!important;
color:#fff!important;
background:
linear-gradient(rgba(2,8,15,.56),rgba(2,8,15,.56)) padding-box,
linear-gradient(
105deg,
#007f91 0%,
#13e5ff 12%,
#d8ffff 23%,
#ffffff 31%,
#8f7aff 48%,
#ff2fb7 65%,
#8a0056 80%,
#ff9ddd 92%,
#ffe6f7 100%
) border-box!important;
box-shadow:
0 0 4px rgba(19,229,255,.32),
0 0 8px rgba(19,229,255,.12),
0 0 5px rgba(255,47,183,.28),
0 0 10px rgba(255,47,183,.12),
inset 0 1px 0 rgba(255,255,255,.07),
inset 0 -1px 0 rgba(0,0,0,.35)!important;
text-shadow:0 1px 1px rgba(0,0,0,.45)!important;
transition:transform .18s ease,filter .18s ease,box-shadow .18s ease!important;
}
.search-btn,
.smart-primary{
background:
linear-gradient(180deg,rgba(255,255,255,.19),rgba(255,255,255,0) 34%,rgba(0,0,0,.18) 62%,rgba(255,255,255,.08) 100%),
linear-gradient(
105deg,
#00899c 0%,
#11e5ff 15%,
#bdfcff 26%,
#8d79ff 48%,
#ff2fb7 70%,
#7a004c 84%,
#ffb3e4 100%
)!important;
border-color:rgba(255,255,255,.18)!important;
}
.search-btn:hover,
.smart-primary:hover,
.smart-secondary:hover,
.build-secondary:hover,
.build-kit-link:hover,
.portfolio-work-cta-v61:hover,
.kit-replay-v53:hover,
.bc-help:hover,
.bc-reset:hover,
.bc-show-all:hover,
.bc-detail-btn:hover,
.bc-compare-btn:hover,
.bc-affiliate-link:hover,
.busco-partner-float:hover,
.busco-partner-submit:hover,
.live-search-query:hover,
.info-go:hover,
.world-link:hover,
.bc-service-actions button:hover,
.bc-decision-help button:hover,
.bc-related-actions button:hover{
transform:translateY(-1px)!important;
filter:brightness(1.10) saturate(1.06)!important;
box-shadow:
0 0 6px rgba(19,229,255,.52),
0 0 12px rgba(19,229,255,.18),
0 0 7px rgba(255,47,183,.48),
0 0 14px rgba(255,47,183,.20),
inset 0 1px 0 rgba(255,255,255,.10)!important;
}
/* Los tres accesos superiores: borde metálico visible en todo el contorno,
manteniendo la luz animada de "Lo hacemos por ti". */
.nav-shell.nav-shell-v52 .nav-action-card{
background:rgba(2,8,15,.25)!important;
border:1px solid rgba(255,255,255,.025)!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.045),
inset 0 -1px 0 rgba(255,255,255,.018),
0 0 8px rgba(19,229,255,.06),
0 0 8px rgba(255,47,183,.055),
0 8px 20px rgba(0,0,0,.17)!important;
}
.nav-shell.nav-shell-v52 .nav-action-card::before{
inset:-1.25px!important;
padding:1.25px!important;
opacity:1!important;
filter:drop-shadow(0 0 3px rgba(255,255,255,.15))
drop-shadow(0 0 5px rgba(24,223,255,.13))
drop-shadow(0 0 5px rgba(255,47,183,.13))!important;
}
.nav-action-search::before{
background:linear-gradient(105deg,#00b8cf 0%,#28edff 15%,#dcffff 30%,#ffffff 42%,#00d7ef 60%,#268da0 78%,#b7fbff 100%)!important;
}
.nav-action-build::before{
background:linear-gradient(105deg,#00bfd7 0%,#38efff 16%,#dcffff 29%,#ffffff 39%,#9d83ff 54%,#ff2fb7 70%,#a00064 84%,#ffd1ef 100%)!important;
}
.nav-action-kit::before{
background:linear-gradient(105deg,#a40068 0%,#ff1bb0 14%,#ff8fda 27%,#fff4fb 39%,#ff2fb7 55%,#9a0061 73%,#ff6aca 87%,#ffe0f4 100%)!important;
}
.nav-action-card:hover{
box-shadow:
inset 0 1px 0 rgba(255,255,255,.055),
0 0 10px rgba(19,229,255,.11),
0 0 11px rgba(255,47,183,.10),
0 9px 22px rgba(0,0,0,.18)!important;
}
/* La animación existente sigue por encima. */
.nav-action-build::after{z-index:4!important}
/* Scroll BUSCO: todavía más metálico y con el fucsia protagonista. */
.bc-top-scroll::-webkit-scrollbar-thumb,
.bc-modal-shell::-webkit-scrollbar-thumb,
.bc-table-wrap::-webkit-scrollbar-thumb:vertical,
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb{
background:
linear-gradient(
180deg,
#5e003b 0%,
#d9008d 9%,
#ff2fb7 20%,
#ff90dc 31%,
#fff7fc 40%,
#ff2fb7 51%,
#8d0059 64%,
#ff2fb7 76%,
#ffc1e9 90%,
#9e0064 100%
)!important;
box-shadow:
0 0 7px rgba(255,47,183,.92),
0 0 15px rgba(255,47,183,.38),
inset 0 1px 0 rgba(255,255,255,.28)!important;
}
.bc-top-scroll::-webkit-scrollbar-thumb{
background:
linear-gradient(
90deg,
#5e003b 0%,
#d9008d 10%,
#ff2fb7 22%,
#ff90dc 34%,
#fff7fc 43%,
#ff2fb7 54%,
#8d0059 68%,
#ff2fb7 80%,
#ffc1e9 93%,
#9e0064 100%
)!important;
}
/* Firefox */
html,
.bc-top-scroll,
.bc-modal-shell,
.bc-table-wrap{
scrollbar-color:#ff2fb7 #0d0009!important;
}
@media(max-width:820px){
.bc-compare-promos{grid-template-columns:1fr!important}
}
/* =========================================================
BUSCO V9 · AJUSTE FINO
- accesos superiores vuelven al acabado V7, más fino
- CTA principales metálicos, secundarios de fichas sobrios
- títulos / mensajes con metal BUSCO
========================================================= */
/* 1) LOS TRES ACCESOS SUPERIORES: restaurar exactamente el acabado fino V7 */
.nav-shell.nav-shell-v52 .nav-action-card{
background:rgba(2,8,15,.29)!important;
border:1px solid transparent!important;
backdrop-filter:blur(10px) saturate(108%)!important;
-webkit-backdrop-filter:blur(10px) saturate(108%)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.16)!important;
}
.nav-shell.nav-shell-v52 .nav-action-card::before{
content:""!important;
display:block!important;
position:absolute!important;
inset:-1px!important;
padding:1px!important;
border-radius:inherit!important;
pointer-events:none!important;
z-index:1!important;
opacity:1!important;
filter:none!important;
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
-webkit-mask-composite:xor!important;
mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;
mask-composite:exclude!important;
}
.nav-action-search::before{
background:linear-gradient(105deg,#006a7a 0%,#00eaff 18%,#cfffff 35%,#ffffff 46%,#00d7ef 58%,#005b69 76%,#92f8ff 100%)!important;
box-shadow:0 0 10px rgba(0,234,255,.22)!important;
}
.nav-action-build::before{
background:linear-gradient(105deg,#00dff7 0%,#d7ffff 20%,#ffffff 36%,#9d83ff 53%,#ff2fb7 70%,#76004d 86%,#ffc6eb 100%)!important;
box-shadow:0 0 10px rgba(255,47,183,.18),0 0 9px rgba(0,234,255,.15)!important;
}
.nav-action-kit::before{
background:linear-gradient(105deg,#720049 0%,#ff0aa8 17%,#ff8bda 31%,#fff5fc 45%,#ff2fb7 60%,#8b0059 77%,#ffd4ef 100%)!important;
box-shadow:0 0 10px rgba(255,47,183,.25)!important;
}
.nav-action-search strong{
color:transparent!important;-webkit-text-fill-color:transparent!important;
background:linear-gradient(180deg,#f7ffff 0%,#8df7ff 20%,#00eaff 40%,#007a89 57%,#d7ffff 75%,#00c9df 100%)!important;
-webkit-background-clip:text!important;background-clip:text!important;
filter:drop-shadow(0 0 3px rgba(0,234,255,.25))!important;
}
.nav-action-kit strong{
color:transparent!important;-webkit-text-fill-color:transparent!important;
background:linear-gradient(180deg,#fff6fc 0%,#ff9dde 17%,#ff0aa8 34%,#8d005a 51%,#ff32b8 68%,#ffe0f5 84%,#ff0aa8 100%)!important;
-webkit-background-clip:text!important;background-clip:text!important;
filter:drop-shadow(0 0 3px rgba(255,47,183,.28))!important;
}
.nav-action-card small{color:#8d9bad!important}
.nav-action-card:hover{
background:rgba(3,10,18,.38)!important;
transform:translateY(-2px)!important;
filter:brightness(1.08)!important;
box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 8px 20px rgba(0,0,0,.16)!important;
}
.nav-action-build::after{z-index:4!important}
/* 2) CONTÁCTANOS: mismo lenguaje metálico relleno que BUSCAR */
.contact-cta{
border:1px solid rgba(255,255,255,.18)!important;
border-radius:999px!important;
color:#fff!important;
background:
linear-gradient(180deg,rgba(255,255,255,.19),rgba(255,255,255,0) 34%,rgba(0,0,0,.18) 62%,rgba(255,255,255,.08) 100%),
linear-gradient(105deg,#00899c 0%,#11e5ff 15%,#bdfcff 26%,#8d79ff 48%,#ff2fb7 70%,#7a004c 84%,#ffb3e4 100%)!important;
box-shadow:0 0 4px rgba(19,229,255,.32),0 0 8px rgba(19,229,255,.12),0 0 5px rgba(255,47,183,.28),0 0 10px rgba(255,47,183,.12),inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(0,0,0,.35)!important;
text-shadow:0 1px 1px rgba(0,0,0,.45)!important;
}
.contact-cta::before,.contact-cta::after{content:none!important;display:none!important}
.contact-cta:hover{transform:translateY(-1px)!important;filter:brightness(1.10) saturate(1.06)!important}
/* 3) CABECERA DEL BUSCADOR: metal BUSCO */
.bc-head h2{
color:transparent!important;-webkit-text-fill-color:transparent!important;
background:linear-gradient(180deg,#ffffff 0%,#c9faff 14%,#6decff 29%,#8e79ff 48%,#d958e8 67%,#fff1fb 84%,#ff58c7 100%)!important;
-webkit-background-clip:text!important;background-clip:text!important;
filter:drop-shadow(0 1px 0 rgba(0,0,0,.65)) drop-shadow(0 0 8px rgba(24,223,255,.10))!important;
}
.bc-head h2 .script-grad{
color:transparent!important;-webkit-text-fill-color:transparent!important;
background:linear-gradient(180deg,#fff7fc 0%,#ffb7e7 13%,#ff2fb7 31%,#97005f 49%,#ff16aa 65%,#ffe6f7 83%,#ff2fb7 100%)!important;
-webkit-background-clip:text!important;background-clip:text!important;
filter:drop-shadow(0 0 5px rgba(255,47,183,.22))!important;
}
/* 4) MODAL PARTNERS: titular fucsia metálico */
.busco-partner-dialog h3{
color:transparent!important;-webkit-text-fill-color:transparent!important;
background:linear-gradient(180deg,#fff5fc 0%,#ffaddf 14%,#ff2fb7 34%,#8b0057 51%,#ff1bab 68%,#ffd5ef 84%,#ff2fb7 100%)!important;
-webkit-background-clip:text!important;background-clip:text!important;
filter:drop-shadow(0 0 6px rgba(255,47,183,.22))!important;
}
/* 5) FICHAS: solo VER OPCIÓN (afiliado) conserva metal. VER FICHA / COMPARAR vuelven sobrios. */
.bc-detail-btn{
border:1px solid rgba(128,218,250,.17)!important;
background:rgba(255,255,255,.02)!important;
color:#b9c7d7!important;
box-shadow:none!important;
text-shadow:none!important;
filter:none!important;
}
.bc-compare-btn{
border:1px solid rgba(89,229,255,.42)!important;
background:rgba(2,9,17,.30)!important;
color:#fff!important;
box-shadow:0 0 8px rgba(24,223,255,.09),0 0 8px rgba(255,47,183,.06)!important;
text-shadow:none!important;
filter:none!important;
}
.bc-detail-btn:hover{background:rgba(255,255,255,.045)!important;border-color:rgba(128,218,250,.30)!important;transform:translateY(-1px)!important;filter:none!important}
.bc-compare-btn:hover{background:rgba(4,14,24,.48)!important;border-color:rgba(89,229,255,.58)!important;transform:translateY(-1px)!important;filter:none!important}
.bc-compare-btn.selected{
border-color:rgba(255,69,190,.50)!important;
background:linear-gradient(105deg,rgba(24,223,255,.06),rgba(255,47,183,.075))!important;
box-shadow:0 0 8px rgba(255,47,183,.08)!important;
}
/* Afiliado: VER OPCIÓN es el CTA comercial protagonista */
.bc-affiliate-link{
border:1px solid rgba(255,255,255,.18)!important;
color:#fff!important;
background:
linear-gradient(180deg,rgba(255,255,255,.17),rgba(255,255,255,0) 33%,rgba(0,0,0,.18) 64%,rgba(255,255,255,.06) 100%),
linear-gradient(105deg,#00899c 0%,#11e5ff 15%,#bdfcff 26%,#8d79ff 48%,#ff2fb7 70%,#7a004c 84%,#ffb3e4 100%)!important;
box-shadow:0 0 4px rgba(19,229,255,.27),0 0 5px rgba(255,47,183,.25),inset 0 1px 0 rgba(255,255,255,.14)!important;
}
@media(max-width:820px){.bc-compare-promos{grid-template-columns:1fr!important}}
/* =========================================================
V10 · SOLO cambios solicitados por Clara
========================================================= */
/* 1. Navegación: CONTÁCTANOS con el mismo metal cromado del Buscar principal. */
.nav-shell.nav-shell-v52 .contact-cta,
.nav-shell.nav-shell-v52 .contact-cta:hover{
border:1px solid rgba(255,255,255,.18)!important;
color:#fff!important;
background:
linear-gradient(180deg,rgba(255,255,255,.19),rgba(255,255,255,0) 34%,rgba(0,0,0,.18) 62%,rgba(255,255,255,.08) 100%),
linear-gradient(105deg,#00899c 0%,#11e5ff 15%,#bdfcff 26%,#8d79ff 48%,#ff2fb7 70%,#7a004c 84%,#ffb3e4 100%)!important;
box-shadow:
0 0 4px rgba(19,229,255,.32),0 0 8px rgba(19,229,255,.12),
0 0 5px rgba(255,47,183,.28),0 0 10px rgba(255,47,183,.12),
inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(0,0,0,.35)!important;
text-shadow:0 1px 1px rgba(0,0,0,.45)!important;
backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
.nav-shell.nav-shell-v52 .contact-cta:hover{
transform:translateY(-1px)!important;filter:brightness(1.10) saturate(1.06)!important;
}
/* 2. Comparador: primera línea blanca y BUSCO hace el resto con el MISMO degradado/tipografía del Kit Digital. */
.bc-head h2{
color:#fff!important;-webkit-text-fill-color:#fff!important;
background:none!important;filter:none!important;
}
.bc-head h2 .script-grad{
font-family:"Segoe Script","Lucida Handwriting","Brush Script MT",cursive!important;
font-weight:500!important;letter-spacing:-.055em!important;
color:transparent!important;-webkit-text-fill-color:transparent!important;
background:linear-gradient(90deg,#ff7bdc 0%,#f7fbff 45%,#72ebff 100%)!important;
-webkit-background-clip:text!important;background-clip:text!important;
filter:drop-shadow(0 0 9px rgba(24,223,255,.065))!important;
}
/* 3. Segundo buscador: BUSCAR idéntico al botón metalizado del buscador principal. */
#bcSearchButton{
border:1px solid rgba(255,255,255,.18)!important;
color:#fff!important;
background:
linear-gradient(180deg,rgba(255,255,255,.19),rgba(255,255,255,0) 34%,rgba(0,0,0,.18) 62%,rgba(255,255,255,.08) 100%),
linear-gradient(105deg,#00899c 0%,#11e5ff 15%,#bdfcff 26%,#8d79ff 48%,#ff2fb7 70%,#7a004c 84%,#ffb3e4 100%)!important;
box-shadow:
0 0 4px rgba(19,229,255,.32),0 0 8px rgba(19,229,255,.12),
0 0 5px rgba(255,47,183,.28),0 0 10px rgba(255,47,183,.12),
inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(0,0,0,.35)!important;
text-shadow:0 1px 1px rgba(0,0,0,.45)!important;
}
#bcSearchButton:hover{transform:translateY(-1px)!important;filter:brightness(1.10) saturate(1.06)!important}
/* 4. Modal de comparación: menos rosa, textos secundarios blancos y halo exterior cian. */
.bc-compare-promos .bc-service-cta,
.bc-compare-promos .bc-decision-help{
border:1px solid rgba(74,229,255,.27)!important;
background:linear-gradient(180deg,rgba(5,10,18,.43),rgba(2,7,13,.31))!important;
box-shadow:
inset 0 1px 0 rgba(255,255,255,.028),
0 10px 24px rgba(0,0,0,.18),
0 0 8px rgba(24,223,255,.18),
0 0 18px rgba(24,223,255,.10)!important;
}
.bc-compare-promos .bc-service-cta:before{
background:radial-gradient(circle,rgba(24,223,255,.14),rgba(24,223,255,.055) 42%,transparent 72%)!important;
opacity:.65!important;
}
.bc-compare-promos .bc-service-kicker,
.bc-compare-promos .bc-decision-help span{
color:#fff!important;text-shadow:none!important;
}
.bc-compare-promos .bc-service-cta p,
.bc-compare-promos .bc-decision-help p{
color:#fff!important;
}
/* Los titulares fucsias y los botones se dejan exactamente como estaban. */
.busco-lang-switcher{
position:relative;z-index:1200;display:inline-flex;align-items:center;margin-left:9px;flex:0 0 auto
}
.busco-lang-button{
height:38px;min-width:132px;padding:0 13px;border:1px solid rgba(137,242,255,.24);border-radius:999px;
display:flex;align-items:center;gap:8px;color:#fff;cursor:pointer;white-space:nowrap;
background:linear-gradient(180deg,rgba(8,17,29,.72),rgba(2,8,16,.62));
backdrop-filter:blur(18px) saturate(112%);-webkit-backdrop-filter:blur(18px) saturate(112%);
box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 8px 24px rgba(0,0,0,.22),0 0 10px rgba(24,223,255,.07);
transition:.2s ease
}
.busco-lang-button:hover,.busco-lang-switcher.open .busco-lang-button{
border-color:rgba(137,242,255,.48);
box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 26px rgba(0,0,0,.25),0 0 13px rgba(24,223,255,.13),0 0 11px rgba(255,47,183,.08)
}
.busco-lang-label{color:#7f91a7;font-size:7.5px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.busco-lang-current{font-size:10px;font-weight:850;letter-spacing:.02em;color:#f7fbff}
.busco-lang-chevron{margin-left:auto;color:#8ceeff;font-size:12px;line-height:1;transform:translateY(-1px);transition:transform .2s ease}
.busco-lang-switcher.open .busco-lang-chevron{transform:rotate(180deg) translateY(1px)}
.busco-lang-menu{
position:absolute;top:46px;right:0;width:158px;padding:7px;border:1px solid rgba(137,242,255,.20);border-radius:15px;
background:linear-gradient(155deg,rgba(8,18,31,.97),rgba(2,8,16,.97));
backdrop-filter:blur(24px) saturate(118%);-webkit-backdrop-filter:blur(24px) saturate(118%);
box-shadow:0 22px 60px rgba(0,0,0,.52),0 0 20px rgba(24,223,255,.07),0 0 16px rgba(255,47,183,.055);
overflow:hidden
}
.busco-lang-menu::before{
content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;
background:linear-gradient(120deg,rgba(24,223,255,.045),transparent 45%,rgba(255,47,183,.045))
}
.busco-lang-option{
position:relative;z-index:1;width:100%;height:36px;border:0;border-radius:10px;padding:0 11px;
display:flex;align-items:center;justify-content:flex-start;background:transparent;color:#b9c7d8;
font-size:10px;font-weight:800;letter-spacing:.02em;text-align:left;cursor:pointer;transition:.18s ease
}
.busco-lang-option:hover{color:#fff;background:linear-gradient(90deg,rgba(24,223,255,.075),rgba(255,47,183,.075));transform:translateX(2px)}
.busco-lang-option.active{color:#fff;background:rgba(255,255,255,.035);box-shadow:inset 2px 0 0 #18dfff}
@media(max-width:1180px){.busco-lang-switcher{margin-left:5px}.busco-lang-button{height:36px;min-width:112px;padding:0 10px}.busco-lang-label{display:none}.busco-lang-menu{top:43px}}
@media(max-width:900px){.busco-lang-switcher{order:3;margin-left:auto}.busco-lang-button{height:34px;min-width:108px}.busco-lang-menu{top:41px}}
@media(max-width:620px){.busco-lang-button{height:32px;min-width:94px;padding:0 9px}.busco-lang-current{font-size:9px}.busco-lang-menu{top:39px;width:146px}}
.busco-partner-float{
overflow:hidden!important;isolation:isolate!important;border:1px solid rgba(255,255,255,.22)!important;
background:
linear-gradient(180deg,rgba(255,255,255,.20),rgba(255,255,255,0) 34%,rgba(0,0,0,.17) 64%,rgba(255,255,255,.08) 100%),
linear-gradient(105deg,#00899c 0%,#11e5ff 15%,#c8fdff 27%,#8d79ff 48%,#ff2fb7 70%,#79004b 84%,#ffb3e4 100%)!important;
box-shadow:0 0 7px rgba(19,229,255,.58),0 0 17px rgba(19,229,255,.24),0 0 8px rgba(255,47,183,.54),0 0 20px rgba(255,47,183,.22),inset 0 1px 0 rgba(255,255,255,.19),inset 0 -1px 0 rgba(0,0,0,.34)!important;
text-shadow:0 1px 1px rgba(0,0,0,.48),0 0 8px rgba(255,255,255,.14)!important;
animation:buscoPartnerGlow 4.8s ease-in-out infinite!important
}
.busco-partner-float::before{
content:""!important;display:block!important;position:absolute!important;top:-35%;bottom:-35%;left:-70%;width:52%;pointer-events:none!important;z-index:1!important;
background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.08) 28%,rgba(255,124,219,.92) 48%,rgba(255,255,255,.90) 54%,rgba(24,223,255,.55) 67%,transparent 100%)!important;
filter:blur(3px)!important;transform:skewX(-18deg)!important;opacity:0;
animation:buscoPartnerSweep 4.8s cubic-bezier(.4,0,.2,1) infinite!important
}
.busco-partner-float::after{
content:""!important;display:block!important;position:absolute!important;inset:-5px!important;border-radius:inherit!important;pointer-events:none!important;z-index:-1!important;
border:1px solid rgba(255,47,183,.0);box-shadow:0 0 0 rgba(255,47,183,0);
animation:buscoPartnerRing 4.8s ease-in-out infinite!important
}
.busco-partner-float:hover{
filter:brightness(1.13) saturate(1.08)!important;
box-shadow:0 0 8px rgba(19,229,255,.72),0 0 22px rgba(19,229,255,.30),0 0 10px rgba(255,47,183,.70),0 0 25px rgba(255,47,183,.30),inset 0 1px 0 rgba(255,255,255,.22)!important
}
@keyframes buscoPartnerSweep{0%,64%{left:-70%;opacity:0}68%{opacity:.92}82%{left:128%;opacity:.88}87%,100%{left:128%;opacity:0}}
@keyframes buscoPartnerGlow{0%,62%,100%{filter:brightness(1)}72%{filter:brightness(1.10) saturate(1.08)}82%{filter:brightness(1.03)}}
@keyframes buscoPartnerRing{0%,64%,100%{border-color:rgba(255,47,183,0);box-shadow:0 0 0 rgba(255,47,183,0)}72%{border-color:rgba(255,72,196,.48);box-shadow:0 0 18px rgba(255,47,183,.30)}82%{border-color:rgba(24,223,255,.28);box-shadow:0 0 13px rgba(24,223,255,.18)}}
@media(prefers-reduced-motion:reduce){.busco-partner-float,.busco-partner-float::before,.busco-partner-float::after{animation:none!important}}
.seo-wrap{width:min(1100px,calc(100% - 40px));margin:40px auto;position:relative;z-index:1}.seo-wrap h1{font-size:clamp(28px,4vw,48px);margin:28px 0}.seo-wrap h2{font-size:24px;margin:28px 0 14px}.seo-wrap p,.seo-wrap li{font-size:16px;line-height:1.7;color:#bec9da}.seo-wrap a{color:#7ceaff}.seo-wrap nav{display:flex;gap:18px;flex-wrap:wrap}.seo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.seo-wrap .bc-detail-box{padding:20px}.seo-wrap table{width:100%;border-collapse:collapse}.seo-wrap td,.seo-wrap th{padding:12px;border:1px solid #263748;text-align:left}.seo-wrap input,.seo-wrap textarea,.seo-wrap select{display:block;width:100%;padding:12px;margin:8px 0 18px;background:#07101a;color:white;border:1px solid #263748}.seo-wrap button{padding:12px 20px;border:1px solid #18dfff;border-radius:24px;background:#07101a;color:white}.seo-wrap [hidden]{display:none!important}
.seo-wrap{overflow-wrap:anywhere}.seo-grid>*{min-width:0}@media(max-width:720px){.seo-wrap h1{font-size:clamp(30px,8.5vw,42px)}.seo-wrap .seo-grid{grid-template-columns:1fr}.seo-wrap nav a,.seo-wrap button{min-height:44px;display:inline-flex;align-items:center}.seo-wrap input:not([type=checkbox]),.seo-wrap select{min-height:48px;font-size:16px}}
/* BUSCO SEO V5 */
.seo-top{width:min(1180px,calc(100% - 32px));margin:18px auto 0;display:flex;align-items:center;gap:22px;padding:10px 14px;border:1px solid rgba(137,242,255,.14);border-radius:18px;background:rgba(3,10,18,.76);backdrop-filter:blur(18px);position:relative;z-index:10}.seo-brand{display:flex;align-items:center;margin-right:auto}.seo-brand img{width:170px;height:auto;display:block}.seo-top nav{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.seo-top nav a{font-size:12px;color:#c7d2df;padding:9px 11px;border-radius:999px}.seo-top nav a:hover{color:#fff;background:rgba(255,255,255,.04)}.seo-top .seo-cta,.seo-primary{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent!important;border-radius:999px!important;padding:11px 17px!important;color:#fff!important;background:linear-gradient(rgba(2,8,15,.6),rgba(2,8,15,.6)) padding-box,linear-gradient(100deg,#18dfff,#8d79ff 52%,#ff3fba) border-box!important;box-shadow:0 0 9px rgba(24,223,255,.15),0 0 10px rgba(255,47,183,.11)}.seo-secondary{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(137,242,255,.22);border-radius:999px;padding:11px 17px;color:#d9f8ff!important;background:rgba(255,255,255,.018)}.seo-v5{margin-top:24px!important}.seo-v5 article,.seo-v5 section{scroll-margin-top:30px}.seo-v5 h1{max-width:960px;line-height:1.06}.seo-v5 h2{margin-top:34px}.seo-lead{font-size:19px!important;line-height:1.65!important;max-width:920px;color:#d3deeb!important}.seo-kicker{color:#74eaff;font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;margin-bottom:10px}.seo-breadcrumb{font-size:12px;color:#8295aa;margin:12px 0 28px}.seo-breadcrumb a{color:#a6dae8}.seo-lang{text-align:right;font-size:12px;color:#7d91a6;margin-bottom:8px}.seo-lang a{color:#91a4b7}.seo-lang a.active{color:#fff;font-weight:800}.seo-meta-row{display:flex;gap:10px 18px;flex-wrap:wrap;align-items:center;margin:18px 0;color:#8294a8;font-size:12px}.seo-pill{display:inline-flex;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,72,192,.32);color:#ffc7ea;background:rgba(255,47,183,.05)}.seo-pill.neutral{border-color:rgba(24,223,255,.25);color:#bcefff;background:rgba(24,223,255,.04)}.seo-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:22px 0}.seo-note,.seo-callout{padding:18px 20px;border:1px solid rgba(137,242,255,.14);border-radius:15px;background:linear-gradient(110deg,rgba(24,223,255,.035),transparent 52%,rgba(255,47,183,.035)),rgba(6,14,24,.62);color:#b9c6d6;line-height:1.6}.seo-hero-v5{padding:12px 0 16px}.seo-card{padding:20px;border:1px solid rgba(137,242,255,.11);border-radius:15px;background:linear-gradient(145deg,rgba(8,18,31,.48),rgba(2,8,16,.66));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}.seo-card h2,.seo-card h3{margin:0 0 10px!important;font-size:20px!important;line-height:1.25}.seo-card p{font-size:14px!important;line-height:1.55!important;margin:8px 0}.seo-mini{color:#8fa2b7!important}.seo-faq{display:grid;gap:10px}.seo-faq details{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;background:rgba(255,255,255,.015)}.seo-faq summary{cursor:pointer;font-weight:800;color:#ecf7ff}.seo-faq p{margin:10px 0 0!important}.seo-disclaimer{margin-top:30px!important;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);font-size:12px!important;color:#7f91a6!important}.seo-filter-label{display:block;margin:0 0 18px;color:#8da0b5;font-size:12px}.seo-filter-label input{max-width:440px;margin-top:8px!important}.seo-footer{width:min(1100px,calc(100% - 40px));margin:50px auto 30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.07);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;color:#6f8398;font-size:12px}.seo-footer a{color:#9eb5c9}
@media(max-width:820px){.seo-top{align-items:flex-start}.seo-top nav{display:none}.seo-brand img{width:150px}.seo-wrap{width:min(100% - 26px,1100px)}.seo-lead{font-size:17px!important}.seo-lang{text-align:left}.seo-actions>a{width:100%}}
/* Ocultar enlace redundante de ficha completa */
.bc-card a[data-seo-link] {
display: none !important;
}
/* BUSCO: botones finos del detalle de herramientas */
/* Alternativas: conservar resumen y botones en paralelo */
.bc-related-actions {
display: flex !important;
flex-direction: row !important;
gap: 5px !important;
}
.bc-related-actions button {
flex: 1 1 0 !important;
min-width: 0 !important;
height: 28px !important;
min-height: 28px !important;
padding: 0 5px !important;
font-size: 7px !important;
border-radius: 999px !important;
}
.bc-related-actions button:first-child {
border-color: rgba(24,223,255,.5) !important;
color: #b8f5ff !important;
}
.bc-related-actions button:last-child {
border-color: rgba(255,47,183,.6) !important;
color: #ffb0e3 !important;
}
/* Pie de TODAS las fichas */
.bc-detail-actions {
display: flex !important;
flex-direction: row !important;
flex-wrap: nowrap !important;
align-items: center !important;
gap: 8px !important;
width: 100% !important;
}
.bc-detail-actions > a[data-seo-link] {
display: none !important;
}
.bc-detail-actions > a:not([data-seo-link]) {
order: 1 !important;
flex: 1 1 auto !important;
min-width: 0 !important;
height: 36px !important;
min-height: 36px !important;
padding: 0 12px !important;
border-radius: 999px !important;
font-size: 8px !important;
text-align: center !important;
}
.bc-detail-actions > button {
order: 2 !important;
flex: 0 0 auto !important;
width: auto !important;
height: 36px !important;
min-height: 36px !important;
padding: 0 14px !important;
border-radius: 999px !important;
font-size: 8px !important;
white-space: nowrap !important;
}