:root{ --blue:#4285f4;--red:#ea4335;--yellow:#fbbc05;--green:#34a853; --ink:#17191d;--muted:#646a73;--line:#e6e9f0;--bg:#f7f9fd;--card:#fff; --shadow:0 18px 50px rgba(32,33,36,.10);--shadow-soft:0 8px 26px rgba(32,33,36,.07); --radius:24px;--radius-sm:16px;--max:1180px;--topbar:66px; } *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink);overflow-x:hidden}body.drawer-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.skip-link{position:absolute;left:12px;top:-60px;background:#fff;padding:10px 14px;border-radius:12px;z-index:200}.skip-link:focus{top:12px} /* CABECERA */ .topbar{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.76);backdrop-filter:blur(20px) saturate(145%);border-bottom:1px solid rgba(230,233,240,.72)} .topbar-inner{width:min(calc(100% - 24px),var(--max));margin:auto;height:var(--topbar);display:flex;align-items:center;justify-content:space-between;gap:16px} .portal-brand{display:flex;align-items:center;gap:11px;min-width:0}.brand-dots{display:grid;grid-template-columns:repeat(2,11px);grid-template-rows:repeat(2,11px);gap:3px;transform:rotate(-7deg);filter:drop-shadow(0 5px 8px rgba(32,33,36,.10))}.brand-dots i{display:block;border-radius:5px}.brand-dots i:nth-child(1){background:var(--blue)}.brand-dots i:nth-child(2){background:var(--red)}.brand-dots i:nth-child(3){background:var(--yellow)}.brand-dots i:nth-child(4){background:var(--green)}.brand-copy{display:grid;line-height:1.04;min-width:0}.brand-copy strong{font-size:.98rem;white-space:nowrap}.brand-copy small{margin-top:5px;color:var(--muted);font-size:.7rem;white-space:nowrap}.top-actions{display:flex;align-items:center;gap:10px}.location-chip{border:1px solid #dfe5ef;background:rgba(255,255,255,.88);border-radius:999px;padding:9px 13px;display:flex;gap:6px;align-items:center;color:#3c4043}.location-chip b{font-size:.82rem}.menu-button{width:43px;height:43px;border:1px solid rgba(214,220,230,.9);border-radius:14px;background:rgba(255,255,255,.92);display:grid;place-content:center;gap:4px;box-shadow:0 7px 20px rgba(32,33,36,.06);transition:.2s}.menu-button span{width:19px;height:2px;border-radius:99px;background:#25272b;display:block;transition:.2s}.menu-button:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(32,33,36,.10)} /* MENÚ LATERAL */ .drawer-overlay{position:fixed;inset:0;z-index:90;background:rgba(17,19,23,.36);backdrop-filter:blur(5px);opacity:0;transition:opacity .28s}.drawer-overlay.show{opacity:1}.side-drawer{position:fixed;z-index:100;top:0;right:0;width:min(88vw,380px);height:100dvh;background:rgba(255,255,255,.96);backdrop-filter:blur(24px) saturate(140%);box-shadow:-25px 0 80px rgba(18,22,31,.18);padding:20px;display:flex;flex-direction:column;transform:translateX(105%);transition:transform .36s cubic-bezier(.2,.8,.2,1)}.side-drawer.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--line)}.drawer-close{width:40px;height:40px;border:0;border-radius:13px;background:#f1f3f6;font-size:1.5rem;color:#3c4043}.drawer-nav{display:grid;gap:5px;padding:18px 0}.drawer-nav a,.drawer-nav button{border:0;background:transparent;border-radius:15px;padding:12px 13px;display:flex;align-items:center;gap:12px;text-align:left;font-weight:800;color:#31343a}.drawer-nav a:hover,.drawer-nav button:hover{background:#f2f5fa}.drawer-nav span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#edf3ff;color:var(--blue)}.drawer-bottom{margin-top:auto;display:grid;gap:12px}.drawer-location{border:0;border-radius:16px;background:#202124;color:#fff;padding:14px;font-weight:900;box-shadow:var(--shadow-soft)}.drawer-merchant{border:1px solid var(--line);border-radius:16px;padding:14px;background:#fff;font-size:.84rem;display:grid;gap:5px;color:var(--muted)}.drawer-merchant b{color:var(--blue)} /* HERO MÍSTICO */ .hero{position:relative;isolation:isolate;min-height:calc(100svh - var(--topbar));overflow:hidden;background:linear-gradient(180deg,#fcfdff 0%,#f6f9ff 54%,#fbfcff 100%);border-bottom:1px solid rgba(226,230,238,.85);display:flex;align-items:center} .mystic-field{position:absolute;inset:-12%;z-index:-2;overflow:hidden;pointer-events:none}.aura{position:absolute;border-radius:50%;filter:blur(58px);opacity:.27;mix-blend-mode:multiply;animation:drift 12s ease-in-out infinite alternate}.aura-blue{width:42vw;height:42vw;min-width:310px;min-height:310px;background:#7eaafc;right:-7%;top:-15%;animation-delay:-3s}.aura-red{width:26vw;height:26vw;min-width:210px;min-height:210px;background:#f6a39c;right:24%;bottom:-12%;animation-delay:-8s}.aura-yellow{width:34vw;height:34vw;min-width:270px;min-height:270px;background:#ffe27d;left:-10%;bottom:-18%;animation-delay:-6s}.aura-green{width:27vw;height:27vw;min-width:220px;min-height:220px;background:#92dfaa;left:28%;top:-18%;animation-delay:-10s}.mystic-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(66,133,244,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(66,133,244,.055) 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle at 50% 45%,#000 0%,transparent 72%);opacity:.6;transform:perspective(700px) rotateX(61deg) translateY(33%);transform-origin:center bottom}.mystic-dust{position:absolute;inset:0;background-image:radial-gradient(circle at 15% 20%,rgba(66,133,244,.32) 0 1px,transparent 1.7px),radial-gradient(circle at 78% 28%,rgba(234,67,53,.22) 0 1px,transparent 1.8px),radial-gradient(circle at 35% 76%,rgba(251,188,5,.28) 0 1.1px,transparent 1.8px),radial-gradient(circle at 88% 77%,rgba(52,168,83,.28) 0 1px,transparent 1.8px);background-size:91px 91px,117px 117px,133px 133px,149px 149px;animation:dustMove 18s linear infinite;opacity:.68} .hero-inner{width:min(calc(100% - 28px),var(--max));margin:auto;padding:26px 0 34px;display:grid;gap:34px;align-items:center;position:relative;z-index:2}.hero-copy{max-width:790px}.eyebrow,.kicker{font-size:.74rem;text-transform:uppercase;letter-spacing:.105em;font-weight:900;color:var(--blue)}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.58);border:1px solid rgba(255,255,255,.82);backdrop-filter:blur(12px);padding:7px 10px;border-radius:999px;box-shadow:0 8px 20px rgba(32,33,36,.05)}.spark-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--yellow),var(--red));box-shadow:0 0 0 5px rgba(251,188,5,.12),0 0 18px rgba(234,67,53,.35)}.hero h1{font-size:clamp(3.15rem,10vw,6.7rem);line-height:.87;letter-spacing:-.065em;margin:13px 0 15px;font-weight:900;max-width:850px}.hero h1 span{background:linear-gradient(90deg,#2258c8 0%,#4285f4 27%,#34a853 55%,#e7a800 75%,#ea4335 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:saturate(1.08)}.hero-copy>p{font-size:clamp(.96rem,2vw,1.25rem);line-height:1.5;color:var(--muted);max-width:650px;margin:0 0 18px}.search-box{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;background:rgba(255,255,255,.76);border:1px solid rgba(213,220,231,.88);border-radius:19px;padding:6px 6px 6px 15px;box-shadow:0 18px 50px rgba(30,51,91,.11),inset 0 1px 0 rgba(255,255,255,.86);max-width:710px;backdrop-filter:blur(16px) saturate(140%);transition:.22s}.search-box:focus-within{border-color:rgba(66,133,244,.7);box-shadow:0 20px 52px rgba(66,133,244,.16),0 0 0 4px rgba(66,133,244,.08)}.search-icon{font-size:1.35rem;color:var(--blue);transform:rotate(-14deg)}.search-box input{min-width:0;border:0;outline:0;padding:12px 4px;background:transparent;font-size:.97rem;color:var(--ink)}.search-submit{border:0;border-radius:13px;background:linear-gradient(135deg,#3979ec,#4a8eff);color:#fff;font-weight:900;padding:12px 18px;box-shadow:0 10px 24px rgba(66,133,244,.26);position:relative}.hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:12px}.location-main{border:1px solid rgba(255,255,255,.9);border-radius:15px;background:linear-gradient(135deg,rgba(33,35,39,.96),rgba(48,51,57,.96));color:#fff;padding:11px 14px;display:inline-flex;align-items:center;gap:7px;font-weight:900;box-shadow:0 12px 28px rgba(32,33,36,.16);position:relative}.location-main .pin{filter:drop-shadow(0 0 7px rgba(251,188,5,.3))}.open-now{border:1px solid rgba(52,168,83,.14);background:rgba(237,248,240,.82);color:#257a3c;border-radius:999px;padding:10px 12px;font-weight:850;backdrop-filter:blur(10px)}.open-now span{color:var(--green)} .hero-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:14px;max-width:710px}.hero-quick-card{border:1px solid rgba(223,228,237,.88);background:rgba(255,255,255,.68);backdrop-filter:blur(14px);border-radius:16px;padding:10px 9px;min-height:67px;display:flex;align-items:center;gap:9px;text-align:left;box-shadow:0 8px 22px rgba(30,51,91,.055);transition:.2s;position:relative}.hero-quick-card:hover{transform:translateY(-2px);background:rgba(255,255,255,.86);box-shadow:0 13px 28px rgba(30,51,91,.09)}.hero-quick-card .quick-icon{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;font-size:1rem;flex:0 0 auto}.hero-quick-card b{font-size:.78rem;line-height:1.15}.hero-scroll{position:absolute;z-index:4;bottom:9px;left:50%;transform:translateX(-50%);width:35px;height:35px;border-radius:50%;display:grid;place-items:center;color:#737985;background:rgba(255,255,255,.62);border:1px solid rgba(218,224,234,.8);backdrop-filter:blur(10px);animation:scrollHint 2s ease-in-out infinite} /* VISUAL ORBIT - SOLO PANTALLAS GRANDES */ .hero-orbit{display:none;position:relative;width:370px;height:370px;justify-self:end}.hero-orbit::before,.hero-orbit::after{content:"";position:absolute;border-radius:50%;inset:20px;border:1px dashed rgba(66,133,244,.2);animation:spin 28s linear infinite}.hero-orbit::after{inset:68px;border-color:rgba(234,67,53,.17);animation-direction:reverse;animation-duration:20s}.orbit-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;border-radius:40px;background:rgba(31,33,36,.94);color:#fff;display:grid;place-content:center;text-align:center;box-shadow:0 30px 80px rgba(25,29,38,.24);backdrop-filter:blur(15px)}.orbit-logo{width:47px;height:47px;border-radius:15px;display:grid;place-items:center;margin:0 auto 9px;background:linear-gradient(135deg,var(--blue),var(--green));font-weight:950}.orbit-core strong{font-size:1rem}.orbit-core small{color:#cdd2db;margin-top:4px}.orbit-card{position:absolute;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);backdrop-filter:blur(14px);box-shadow:0 15px 35px rgba(30,51,91,.10);border-radius:16px;padding:10px 12px;font-weight:850;font-size:.78rem;display:flex;align-items:center;gap:7px;animation:floatCard 4s ease-in-out infinite}.orbit-card b{font-size:.9rem}.orbit-one{top:31px;left:31px;color:#235fc8}.orbit-two{top:54px;right:9px;color:#c83c31;animation-delay:-1s}.orbit-three{bottom:54px;left:6px;color:#9c7600;animation-delay:-2.2s}.orbit-four{bottom:27px;right:37px;color:#277a3e;animation-delay:-3.1s} /* CONTENIDO */ .section{width:min(calc(100% - 28px),var(--max));margin:0 auto;padding:50px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:22px}.section-head.compact{margin-bottom:18px}.section-head h2,.merchant-cta h2{margin:6px 0 0;font-size:clamp(1.65rem,4vw,2.5rem);letter-spacing:-.035em}.section-head p{color:var(--muted);margin:8px 0 0}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.category-card{border:1px solid var(--line);background:#fff;border-radius:20px;padding:18px;display:flex;flex-direction:column;gap:14px;min-height:126px;text-align:left;box-shadow:var(--shadow-soft);transition:.2s}.category-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.category-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-size:1.35rem;font-weight:900}.tone-blue{background:#eef4ff;color:var(--blue)}.tone-red{background:#fff0ef;color:var(--red)}.tone-yellow{background:#fff7db;color:#9a7200}.tone-green{background:#edf8f0;color:var(--green)}.category-card b{font-size:.98rem}.category-card small{color:var(--muted)} .carousel-controls{display:flex;gap:8px}.carousel-controls button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:1.5rem}.board-shell{overflow:hidden}.board-track{display:flex;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.board-slide{min-width:100%;position:relative;border-radius:28px;overflow:hidden;background:#1f2937;min-height:300px;box-shadow:var(--shadow)}.board-slide.has-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,20,29,.58) 0%,rgba(14,20,29,.28) 52%,rgba(14,20,29,.08) 100%)}.board-slide img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(1.1) saturate(1.04)}.board-content{position:relative;z-index:2;color:#fff;padding:34px;max-width:650px;min-height:300px;display:flex;flex-direction:column;justify-content:end}.board-slide.no-image{background:linear-gradient(135deg,#172554,#1d4ed8 52%,#0f766e)}.board-slide.no-image::before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:var(--yellow);right:-40px;top:-70px;opacity:.78}.board-badge{align-self:flex-start;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(8px);padding:8px 12px;border-radius:999px;font-size:.78rem;font-weight:800}.board-content h3{font-size:clamp(1.7rem,5vw,3.35rem);letter-spacing:-.045em;margin:14px 0 8px}.board-content p{font-size:1rem;color:#e5e7eb;margin:0;line-height:1.5}.board-link{margin-top:18px;align-self:flex-start;background:#fff;color:#202124;padding:11px 15px;border-radius:12px;font-weight:800}.board-dots{display:flex;justify-content:center;gap:7px;padding-top:14px}.board-dots button{width:8px;height:8px;border:0;border-radius:999px;background:#cfd5df;padding:0;transition:.2s}.board-dots button.active{width:25px;background:var(--blue)} .useful-grid{display:grid;grid-template-columns:1fr;gap:12px}.useful-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;display:flex;align-items:center;gap:15px;box-shadow:var(--shadow-soft)}.useful-icon{width:50px;height:50px;border-radius:16px;display:grid;place-items:center;font-weight:900;font-size:1.18rem;flex:0 0 auto}.useful-copy{display:grid;gap:4px}.useful-copy b{font-size:1rem}.useful-copy span{font-size:.86rem;color:var(--muted)}.useful-card::after{content:"›";margin-left:auto;color:#98a0aa;font-size:1.5rem} .results-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.text-button{border:0;background:transparent;color:var(--blue);font-weight:800}.business-grid{display:grid;gap:14px}.business-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow-soft);display:grid;grid-template-columns:94px 1fr}.business-image{background:#edf1f5;min-height:128px;overflow:hidden}.business-image img{width:100%;height:100%;object-fit:cover}.business-placeholder{height:100%;display:grid;place-items:center;font-weight:900;font-size:1.6rem;color:#fff;background:linear-gradient(135deg,var(--blue),var(--green))}.business-content{padding:16px;display:grid;gap:8px;min-width:0}.business-top{display:flex;justify-content:space-between;gap:10px}.business-title{min-width:0}.business-title h3{font-size:1.06rem;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.business-title p{font-size:.83rem;color:var(--muted);margin:0}.status-chip{align-self:start;border-radius:999px;background:#edf8f0;color:var(--green);font-size:.72rem;font-weight:900;padding:6px 8px;white-space:nowrap}.business-meta{font-size:.82rem;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap}.business-promo{font-size:.82rem;font-weight:800;color:var(--red)}.business-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:3px}.mini-button{border:1px solid var(--line);border-radius:11px;padding:8px 10px;background:#fff;font-size:.78rem;font-weight:800}.mini-button.primary{background:var(--blue);border-color:var(--blue);color:#fff}.mini-button.green{background:#edf8f0;border-color:#d9eedf;color:#237a3c}.empty-state{border:1px dashed #cfd5df;border-radius:20px;padding:28px;text-align:center;color:var(--muted);display:grid;gap:6px} .direct-section{background:#fff;border:1px solid var(--line);border-radius:30px;margin-top:30px;padding-left:22px;padding-right:22px;box-shadow:var(--shadow-soft)}.direct-list{display:grid;gap:12px}.direct-card{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:18px;padding:13px;background:#fbfcfe}.direct-logo{width:58px;height:58px;border-radius:16px;overflow:hidden;background:#eef2f7;display:grid;place-items:center;font-weight:900;color:var(--blue)}.direct-logo img{width:100%;height:100%;object-fit:cover}.direct-copy{min-width:0}.direct-copy h3{margin:0 0 4px;font-size:1rem}.direct-copy p{margin:0;color:var(--muted);font-size:.82rem}.direct-button{border:0;background:var(--blue);color:#fff;border-radius:13px;padding:11px 13px;font-weight:900;white-space:nowrap} .promo-grid{display:grid;gap:14px}.promo-card{min-height:210px;border-radius:24px;overflow:hidden;position:relative;background:#202124;box-shadow:var(--shadow-soft)}.promo-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.58}.promo-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),rgba(0,0,0,.08))}.promo-copy{position:absolute;z-index:2;left:20px;right:20px;bottom:19px;color:#fff}.promo-copy h3{margin:0 0 5px;font-size:1.3rem}.promo-copy p{margin:0;color:#f4f4f4;line-height:1.45}.promo-copy a{display:inline-flex;margin-top:12px;background:#fff;color:#202124;border-radius:11px;padding:9px 12px;font-weight:900;font-size:.8rem} .merchant-cta{width:min(calc(100% - 28px),var(--max));margin:32px auto 58px;padding:32px;border-radius:30px;background:#202124;color:#fff;display:grid;gap:24px;position:relative;overflow:hidden}.merchant-cta::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-70px;bottom:-80px;background:linear-gradient(135deg,var(--yellow),var(--red));opacity:.9}.merchant-cta>div{position:relative;z-index:1}.merchant-cta .kicker{color:#8ab4f8}.merchant-cta p{color:#cfd2d6;max-width:700px;line-height:1.6}.merchant-actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:13px;font-weight:900}.blue-button{background:var(--blue);color:#fff}.ghost-button{border:1px solid #4d5156;color:#fff}.footer{width:min(calc(100% - 28px),var(--max));margin:auto;padding:28px 0 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.84rem}.toast{position:fixed;z-index:160;left:50%;bottom:22px;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:#202124;color:#fff;padding:11px 15px;border-radius:13px;font-weight:800;font-size:.84rem;box-shadow:var(--shadow);transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)} /* BRASA / HUMO */ .magic-button{position:relative;isolation:isolate}.magic-button.ignite{animation:buttonIgnite .48s cubic-bezier(.2,.9,.2,1)}.magic-button.ignite::after{content:"";position:absolute;inset:-5px;border-radius:inherit;z-index:-1;background:radial-gradient(circle at 50% 70%,rgba(255,214,70,.85),rgba(234,67,53,.55) 34%,rgba(66,133,244,0) 68%);filter:blur(7px);animation:buttonGlow .65s ease-out forwards}.fx-layer{position:fixed;inset:0;z-index:150;pointer-events:none;overflow:hidden}.fx-spark,.fx-smoke{position:fixed;left:var(--x);top:var(--y);pointer-events:none}.fx-spark{width:5px;height:5px;border-radius:50%;background:#ffd54f;box-shadow:0 0 10px #ff8f00,0 0 18px rgba(234,67,53,.65);animation:sparkFly .64s ease-out forwards}.fx-smoke{width:18px;height:18px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.7) 0%,rgba(139,146,160,.34) 45%,rgba(139,146,160,0) 72%);filter:blur(2px);animation:smokeRise .9s ease-out forwards} @keyframes drift{0%{transform:translate3d(-3%,-2%,0) scale(.96)}100%{transform:translate3d(5%,4%,0) scale(1.08)}}@keyframes dustMove{to{background-position:91px 52px,-117px 72px,70px -133px,-95px -149px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes scrollHint{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,5px)}}@keyframes buttonIgnite{0%{transform:scale(1)}42%{transform:scale(.96)}72%{transform:scale(1.025)}100%{transform:scale(1)}}@keyframes buttonGlow{0%{opacity:0;transform:scale(.75)}35%{opacity:1}100%{opacity:0;transform:scale(1.28)}}@keyframes sparkFly{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.2)}}@keyframes smokeRise{0%{opacity:.62;transform:translate(-50%,-50%) scale(.55)}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% - 58px + var(--dy))) scale(2.25)}} @media(min-width:700px){.hero-inner{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);padding:45px 0}.hero-orbit{display:block}.category-grid{grid-template-columns:repeat(3,1fr)}.useful-grid{grid-template-columns:repeat(2,1fr)}.business-grid{grid-template-columns:repeat(2,1fr)}.promo-grid{grid-template-columns:repeat(2,1fr)}.merchant-cta{grid-template-columns:1.5fr auto;align-items:center}} @media(min-width:1000px){.category-grid{grid-template-columns:repeat(6,1fr)}.useful-grid{grid-template-columns:repeat(4,1fr)}.business-grid{grid-template-columns:repeat(3,1fr)}.promo-grid{grid-template-columns:repeat(3,1fr)}.business-card{grid-template-columns:110px 1fr}.merchant-cta{margin-bottom:68px}} @media(max-width:699px){ :root{--topbar:62px}.desktop-location{display:none}.topbar-inner{width:min(calc(100% - 20px),var(--max))}.brand-copy strong{font-size:.92rem}.brand-copy small{font-size:.66rem}.menu-button{width:40px;height:40px;border-radius:13px} .hero{min-height:calc(100svh - var(--topbar));align-items:center}.hero-inner{width:min(calc(100% - 24px),var(--max));padding:20px 0 28px;gap:0}.hero-copy{width:100%}.eyebrow{font-size:.65rem;padding:6px 9px}.hero h1{font-size:clamp(3.05rem,15vw,4.15rem);margin:11px 0 11px;line-height:.86}.hero-copy>p{font-size:.92rem;line-height:1.42;margin-bottom:13px;max-width:94%}.search-box{border-radius:16px;padding:5px 5px 5px 12px;gap:6px}.search-box input{padding:10px 2px;font-size:.91rem}.search-submit{padding:10px 13px;border-radius:11px;font-size:.84rem}.search-icon{font-size:1.2rem}.hero-actions{margin-top:9px;gap:7px}.location-main{padding:9px 11px;border-radius:13px;font-size:.82rem}.open-now{padding:8px 10px;font-size:.78rem}.hero-quick{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:10px}.hero-quick-card{min-height:57px;padding:8px 9px;border-radius:14px}.hero-quick-card .quick-icon{width:31px;height:31px;border-radius:10px;font-size:.9rem}.hero-quick-card b{font-size:.74rem}.hero-scroll{display:none}.aura{filter:blur(48px);opacity:.24}.mystic-lines{background-size:30px 30px} .section{padding:38px 0}.section-head{align-items:center}.carousel-controls{display:none}.board-slide,.board-content{min-height:265px}.board-content{padding:24px}.direct-card{grid-template-columns:52px 1fr}.direct-button{grid-column:1/-1;width:100%}.footer{padding-bottom:30px} } @media(max-width:390px) and (max-height:720px){.hero h1{font-size:2.85rem}.hero-copy>p{font-size:.86rem;margin-bottom:10px}.hero-inner{padding-top:14px}.hero-quick-card{min-height:52px}.location-main{padding:8px 10px}.open-now{padding:7px 9px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.aura,.mystic-dust,.hero-scroll,.orbit-card,.hero-orbit::before,.hero-orbit::after{animation:none!important}.magic-button.ignite,.magic-button.ignite::after,.fx-spark,.fx-smoke{animation:none!important;display:none!important}} /* ========================= V2.1 · MANOS + ÓRBITA VIVA ========================= */ .hero h1{overflow:visible;padding-right:.08em} .hands-line-wrap{position:relative;display:inline-block;isolation:isolate;overflow:visible;padding-right:.11em;padding-bottom:.08em;margin-right:-.04em} .hero h1 .hero-gradient{position:relative;z-index:2;display:inline-block;background:linear-gradient(90deg,#2258c8 0%,#4285f4 27%,#34a853 55%,#e7a800 75%,#ea4335 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:saturate(1.08);padding-right:.055em} .hands-watermark{position:absolute;z-index:1;left:-3%;top:41%;width:108%;height:auto;color:#285ab8;opacity:.105;pointer-events:none;transform:translateY(-4%) scaleY(.9);filter:blur(.15px);mix-blend-mode:multiply} .hero-orbit{display:none;position:relative;width:390px;height:330px;justify-self:end;isolation:isolate} .hero-orbit::before,.hero-orbit::after{content:none!important} .orbit-halo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none} .orbit-halo-outer{width:350px;height:245px;border:1px dashed rgba(66,133,244,.24);box-shadow:0 0 42px rgba(66,133,244,.07),inset 0 0 42px rgba(66,133,244,.035)} .orbit-halo-inner{width:260px;height:182px;border:1px dashed rgba(234,67,53,.18);box-shadow:0 0 36px rgba(234,67,53,.055)} .orbit-core{width:132px;height:132px;border-radius:36px;z-index:3;transition:transform .28s ease,box-shadow .28s ease} .hero-orbit.orbit-active .orbit-core{transform:translate(-50%,-50%) scale(1.035);box-shadow:0 32px 90px rgba(25,29,38,.29),0 0 46px rgba(66,133,244,.12)} .orbit-card{position:absolute;left:50%;top:50%;z-index:5;border:1px solid rgba(255,255,255,.93);background:rgba(255,255,255,.86);backdrop-filter:blur(15px) saturate(135%);box-shadow:0 14px 34px rgba(30,51,91,.11);border-radius:16px;padding:10px 13px;font-weight:900;font-size:.78rem;display:flex;align-items:center;gap:7px;white-space:nowrap;transform:translate(-50%,-50%);transition:box-shadow .2s ease,background .2s ease,filter .2s ease;color:#2d3137;animation:none!important} .orbit-card b{font-size:.9rem}.orbit-card span{line-height:1}.orbit-card:hover,.orbit-card:focus-visible{background:#fff;box-shadow:0 18px 42px rgba(30,51,91,.18),0 0 0 5px rgba(66,133,244,.075);outline:none;filter:saturate(1.12)} .orbit-one{color:#235fc8}.orbit-two{color:#c83c31}.orbit-three{color:#9c7600}.orbit-four{color:#277a3e} .orbit-card::after{content:"";position:absolute;inset:-6px;border-radius:21px;z-index:-1;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.62),transparent 68%);opacity:0;transition:opacity .2s} .orbit-card:hover::after,.orbit-card:focus-visible::after{opacity:1} @media(min-width:700px){.hero-orbit{display:block}} @media(max-width:699px){ .hands-watermark{left:-1%;top:45%;width:103%;opacity:.09;stroke-width:8} .hands-line-wrap{padding-right:.14em} } @media(max-width:390px){.hero h1 .hero-gradient{padding-right:.08em}.hands-line-wrap{padding-right:.18em}} @media(prefers-reduced-motion:reduce){.orbit-card{transition:none!important}.hands-watermark{filter:none}} /* Órbita compacta también en celular, sin comerse la portada */ @media(max-width:699px){ .hero-inner{grid-template-columns:1fr} .hero-orbit{display:block;width:min(286px,82vw);height:168px;justify-self:center;margin:8px auto 0} .orbit-halo-outer{width:258px;height:142px} .orbit-halo-inner{width:188px;height:102px} .orbit-core{width:78px;height:78px;border-radius:23px} .orbit-logo{width:28px;height:28px;border-radius:9px;margin-bottom:4px;font-size:.72rem} .orbit-core strong{font-size:.72rem}.orbit-core small{font-size:.59rem;margin-top:1px} .orbit-card{padding:6px 8px;border-radius:12px;font-size:.62rem;gap:4px;box-shadow:0 9px 23px rgba(30,51,91,.10)} .orbit-card b{font-size:.66rem} } @media(max-width:390px) and (max-height:720px){ .hero-orbit{height:138px;width:260px;margin-top:3px} .orbit-halo-outer{width:232px;height:118px}.orbit-halo-inner{width:168px;height:86px} .orbit-core{width:68px;height:68px}.orbit-card{padding:5px 7px;font-size:.58rem} } /* V2.1.1 · órbita más visible */ .orbit-halo-outer{ border:2px dashed rgba(66,133,244,.42)!important; box-shadow:0 0 42px rgba(66,133,244,.13),inset 0 0 42px rgba(66,133,244,.055)!important; } .orbit-halo-inner{ border:1.5px dashed rgba(234,67,53,.31)!important; box-shadow:0 0 34px rgba(234,67,53,.10)!important; } .orbit-comet{ position:absolute;left:50%;top:50%;width:11px;height:11px;border-radius:50%;z-index:4; background:#fff7cf;box-shadow:0 0 0 4px rgba(251,188,5,.14),0 0 14px #fbbc05,0 0 26px rgba(234,67,53,.55); transform:translate(-50%,-50%);pointer-events:none; } .hero-orbit::after{ content:""!important;position:absolute;left:50%;top:50%;width:72%;height:3px;border-radius:999px; background:linear-gradient(90deg,transparent,rgba(66,133,244,.14),rgba(52,168,83,.18),transparent); transform:translate(-50%,-50%) rotate(-8deg);filter:blur(.2px);opacity:.75;pointer-events:none; } @media(max-width:699px){ .orbit-comet{width:8px;height:8px;box-shadow:0 0 0 3px rgba(251,188,5,.12),0 0 10px #fbbc05,0 0 18px rgba(234,67,53,.42)} } /* ========================= V2.1.2 · CIUDAD VIVA · DÍA/NOCHE · MANOS · HUMO/FUEGO ========================= */ .hero{ transition:background 1.2s ease,color 1.2s ease; } .sky-gradient{position:absolute;inset:0;z-index:-4;transition:background 1.2s ease,opacity 1.2s ease} .celestial{position:absolute;z-index:-1;border-radius:50%;pointer-events:none;transition:opacity 1.1s ease,transform 1.1s ease} .sun-disc{width:clamp(84px,13vw,158px);height:clamp(84px,13vw,158px);right:7%;top:8%;background:radial-gradient(circle at 38% 38%,#fffde7 0 12%,#ffe082 28%,#ffbe2e 58%,rgba(255,169,35,.18) 72%,transparent 74%);filter:drop-shadow(0 0 22px rgba(255,193,7,.42)) drop-shadow(0 0 72px rgba(255,175,55,.2));opacity:.95;animation:sunBreathe 5.5s ease-in-out infinite} .moon-disc{width:clamp(70px,9vw,116px);height:clamp(70px,9vw,116px);right:9%;top:10%;background:radial-gradient(circle at 34% 30%,#fff 0 8%,#f4f6ff 30%,#d6dff8 64%,#a9b6d6 100%);box-shadow:inset -17px -10px 24px rgba(66,82,126,.22),0 0 24px rgba(198,215,255,.55),0 0 78px rgba(92,126,215,.25);opacity:0;transform:translateY(-10px) scale(.9)} .night-stars{position:absolute;inset:0;z-index:-2;opacity:0;transition:opacity 1.2s ease;background-image:radial-gradient(circle at 8% 19%,rgba(255,255,255,.95) 0 1px,transparent 1.7px),radial-gradient(circle at 22% 12%,rgba(255,238,177,.9) 0 1px,transparent 1.8px),radial-gradient(circle at 39% 23%,rgba(205,222,255,.88) 0 1px,transparent 1.8px),radial-gradient(circle at 57% 11%,rgba(255,255,255,.9) 0 1px,transparent 1.6px),radial-gradient(circle at 73% 24%,rgba(255,233,168,.86) 0 1px,transparent 1.9px),radial-gradient(circle at 91% 14%,rgba(222,233,255,.95) 0 1px,transparent 1.7px);background-size:156px 132px,198px 177px,218px 164px,260px 211px,284px 236px,311px 253px;animation:starDrift 28s linear infinite} .cityscape{position:absolute;z-index:-1;left:-3%;bottom:-2px;width:106%;height:min(31vh,270px);color:#8092b8;opacity:.23;filter:drop-shadow(0 -8px 25px rgba(67,95,148,.09));transition:color 1.2s ease,opacity 1.2s ease,filter 1.2s ease;pointer-events:none} .city-ground{fill:currentColor;opacity:.2}.city-windows{fill:#ffd761;opacity:0;transition:opacity 1.2s ease} body.theme-day .hero{background:linear-gradient(180deg,#fffefa 0%,#f7fbff 40%,#f3f8ff 74%,#fbfcff 100%)} body.theme-day .sky-gradient{background:linear-gradient(180deg,rgba(255,246,215,.62) 0%,rgba(221,241,255,.38) 35%,rgba(227,239,255,.28) 64%,rgba(255,255,255,.08) 100%)} body.theme-day .sun-disc{opacity:.98;transform:translateY(0) scale(1)} body.theme-day .moon-disc{opacity:0;transform:translateY(-12px) scale(.85)} body.theme-day .cityscape{color:#7892b4;opacity:.24} body.theme-night{--ink:#f6f8ff;--muted:#c2c9d8;--bg:#0c1220;--card:#111a2d;--line:rgba(213,224,255,.13)} body.theme-night .topbar{background:rgba(11,17,31,.72);border-bottom-color:rgba(205,219,255,.09);color:#fff} body.theme-night .brand-copy small{color:#b9c2d5} body.theme-night .menu-button,body.theme-night .location-chip{background:rgba(19,28,48,.82);border-color:rgba(218,226,255,.14);color:#fff} body.theme-night .menu-button span{background:#fff} body.theme-night .hero{background:linear-gradient(180deg,#08101f 0%,#0c1730 44%,#101a32 72%,#11182b 100%)} body.theme-night .sky-gradient{background:radial-gradient(circle at 82% 8%,rgba(90,122,210,.16),transparent 30%),linear-gradient(180deg,#07101f 0%,#0b1730 50%,#101a32 100%)} body.theme-night .sun-disc{opacity:0;transform:translateY(12px) scale(.82)} body.theme-night .moon-disc{opacity:.94;transform:translateY(0) scale(1)} body.theme-night .night-stars{opacity:.9} body.theme-night .cityscape{color:#47618f;opacity:.5;filter:drop-shadow(0 -10px 35px rgba(56,95,170,.13))} body.theme-night .city-windows{opacity:.72} body.theme-night .eyebrow{background:rgba(21,31,53,.65);border-color:rgba(255,255,255,.1);color:#8ebaff;box-shadow:0 8px 24px rgba(0,0,0,.12)} body.theme-night .search-box{background:rgba(16,26,46,.7);border-color:rgba(213,224,255,.15);box-shadow:0 18px 50px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.05)} body.theme-night .search-box input{color:#f7f9ff}body.theme-night .search-box input::placeholder{color:#aeb8cc} body.theme-night .open-now{background:rgba(24,83,48,.35);border-color:rgba(98,216,135,.18);color:#8ce6a9} body.theme-night .hero-quick-card{background:rgba(16,25,43,.68);border-color:rgba(211,224,255,.12);color:#f8faff;box-shadow:0 12px 34px rgba(0,0,0,.18)} body.theme-night .hero-quick-card:hover{background:rgba(23,35,58,.84)} body.theme-night .orbit-card{background:rgba(17,27,47,.82);border-color:rgba(255,255,255,.12);box-shadow:0 14px 36px rgba(0,0,0,.22)} body.theme-night .orbit-core{background:rgba(8,13,24,.93);box-shadow:0 30px 80px rgba(0,0,0,.36)} body.theme-night .orbit-halo-outer{border-color:rgba(112,163,255,.46)!important;box-shadow:0 0 48px rgba(76,129,244,.18),inset 0 0 42px rgba(66,133,244,.07)!important} body.theme-night .orbit-halo-inner{border-color:rgba(255,116,104,.34)!important;box-shadow:0 0 42px rgba(234,67,53,.12)!important} /* ciudad detrás pero sin competir con el texto */ .hero-inner{z-index:3}.hero-copy{position:relative;z-index:4} /* manos más presentes y agarrando visualmente la m / s */ .hands-line-wrap{position:relative;overflow:visible;padding-right:.2em;padding-bottom:.12em;margin-right:0;isolation:isolate} .hero h1 .hero-gradient{position:relative;z-index:5;padding-right:.09em;filter:saturate(1.12) drop-shadow(0 7px 20px rgba(72,102,172,.08))} .hero-hand{position:absolute;z-index:3;pointer-events:none;overflow:visible;filter:drop-shadow(0 9px 16px rgba(74,87,130,.14));opacity:.64;transition:opacity .7s ease,filter .7s ease} .hero-hand .hand-fill{opacity:.19}.hero-hand .hand-line{fill:none;stroke:rgba(62,82,134,.5);stroke-width:5;stroke-linecap:round;stroke-linejoin:round} .hero-hand-left{width:33%;left:43%;top:42%;transform:translate(-50%,-20%) rotate(-9deg);animation:leftHandFloat 5.8s ease-in-out infinite} .hero-hand-right{width:29%;right:-3%;top:-34%;transform:rotate(8deg);animation:rightHandFloat 6.3s ease-in-out infinite} .letter-grip{position:absolute;z-index:4;border-radius:50%;pointer-events:none;filter:blur(5px);opacity:.32;mix-blend-mode:screen} .grip-m{width:42px;height:32px;left:53%;top:52%;background:radial-gradient(circle,#a7b8ff,rgba(66,133,244,.2) 42%,transparent 72%)} .grip-s{width:38px;height:35px;right:0;top:20%;background:radial-gradient(circle,#ffdba5,rgba(234,67,53,.22) 46%,transparent 74%);animation:sGripPulse 3.2s ease-in-out infinite} body.theme-night .hero-hand{opacity:.76;filter:drop-shadow(0 10px 24px rgba(111,141,221,.18))}.theme-night .hero-hand .hand-line{stroke:rgba(205,218,255,.46)} /* humo ambiente elegante */ .ambient-smoke{position:absolute;z-index:1;border-radius:50%;pointer-events:none;filter:blur(24px);opacity:.16;mix-blend-mode:screen;background:radial-gradient(ellipse at center,rgba(255,255,255,.9) 0%,rgba(176,190,220,.36) 38%,transparent 72%)} .smoke-one{width:320px;height:110px;left:3%;top:45%;transform:rotate(-12deg);animation:ambientSmokeA 13s ease-in-out infinite} .smoke-two{width:360px;height:120px;right:7%;top:56%;transform:rotate(9deg);animation:ambientSmokeB 16s ease-in-out infinite reverse} .smoke-three{width:250px;height:90px;left:40%;bottom:8%;animation:ambientSmokeC 19s ease-in-out infinite} body.theme-night .ambient-smoke{opacity:.21;background:radial-gradient(ellipse at center,rgba(161,183,231,.42) 0%,rgba(102,122,170,.16) 42%,transparent 72%)} /* brasas suaves: visibles, no carnaval */ .ember-field{position:absolute;z-index:2;inset:0;pointer-events:none;opacity:.52;background-image:radial-gradient(circle at 14% 72%,#ffd260 0 1.5px,transparent 2.2px),radial-gradient(circle at 31% 79%,#ff7d4f 0 1.2px,transparent 2px),radial-gradient(circle at 62% 68%,#ffd96a 0 1.2px,transparent 2px),radial-gradient(circle at 76% 75%,#ff8060 0 1.3px,transparent 2.1px),radial-gradient(circle at 89% 63%,#ffd867 0 1.4px,transparent 2.2px);background-size:183px 167px,221px 197px,251px 219px,283px 245px,313px 267px;animation:emberDrift 12s linear infinite} body.theme-night .ember-field{opacity:.72} .location-main::before{content:"";position:absolute;z-index:-1;left:12%;right:12%;bottom:-9px;height:20px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,197,62,.48),rgba(234,67,53,.2) 42%,transparent 72%);filter:blur(7px);opacity:.58;animation:emberGlow 2.7s ease-in-out infinite} .location-main::after{content:"";position:absolute;left:28%;bottom:-4px;width:38%;height:8px;border-radius:50%;background:linear-gradient(90deg,transparent,#ffce4f,#ff754f,transparent);filter:blur(4px);opacity:.45;animation:tinyFlame 2.2s ease-in-out infinite} /* órbita: un poco más luminosa y claramente elíptica */ .orbit-halo-outer{background:radial-gradient(ellipse at center,rgba(66,133,244,.045),transparent 66%)} .orbit-halo-inner{background:radial-gradient(ellipse at center,rgba(234,67,53,.028),transparent 68%)} .orbit-comet::after{content:"";position:absolute;width:46px;height:3px;right:3px;top:50%;transform:translateY(-50%) rotate(-12deg);transform-origin:right center;background:linear-gradient(90deg,transparent,rgba(251,188,5,.8),#fff6c8);filter:blur(.7px);border-radius:99px} /* transición día/noche del resto del sitio: el golpe fuerte queda en el hero */ body.theme-night main>.section,body.theme-night .all-businesses{background:#0c1220;color:#f7f9ff} body.theme-night .section:nth-of-type(even){background:#0f1728} body.theme-night .category-card,body.theme-night .business-card,body.theme-night .direct-card,body.theme-night .promo-card,body.theme-night .useful-card{background:#121d31;border-color:rgba(222,231,255,.1);color:#f8faff;box-shadow:0 14px 38px rgba(0,0,0,.18)} body.theme-night .category-card small,body.theme-night .business-title p,body.theme-night .business-meta,body.theme-night .direct-copy p,body.theme-night .promo-copy p,body.theme-night .useful-copy span,body.theme-night .section-head p{color:#b8c3d8} body.theme-night .merchant-cta{background:linear-gradient(135deg,#0b1730,#15223a);color:#fff} body.theme-night .footer{background:#080d18;color:#aeb9cf} /* el pizarrón pasa más rápido y admite gesto de swipe (JS) */ .board-track{will-change:transform} @keyframes sunBreathe{0%,100%{filter:drop-shadow(0 0 22px rgba(255,193,7,.4)) drop-shadow(0 0 62px rgba(255,175,55,.18));transform:scale(1)}50%{filter:drop-shadow(0 0 28px rgba(255,193,7,.48)) drop-shadow(0 0 86px rgba(255,175,55,.24));transform:scale(1.025)}} @keyframes starDrift{to{background-position:156px 74px,-198px 82px,110px -164px,-140px 211px,146px -236px,-181px 253px}} @keyframes leftHandFloat{0%,100%{transform:translate(-50%,-20%) rotate(-9deg)}50%{transform:translate(-50%,-25%) rotate(-6deg)}} @keyframes rightHandFloat{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(5px) rotate(5deg)}} @keyframes sGripPulse{0%,100%{opacity:.24;transform:scale(.92)}50%{opacity:.44;transform:scale(1.12)}} @keyframes ambientSmokeA{0%,100%{transform:translate3d(-6%,4%,0) rotate(-12deg) scale(.9)}50%{transform:translate3d(18%,-7%,0) rotate(-7deg) scale(1.15)}} @keyframes ambientSmokeB{0%,100%{transform:translate3d(7%,5%,0) rotate(9deg) scale(.92)}50%{transform:translate3d(-16%,-8%,0) rotate(4deg) scale(1.2)}} @keyframes ambientSmokeC{0%,100%{transform:translate3d(-8%,4%,0) scale(.85)}50%{transform:translate3d(16%,-10%,0) scale(1.18)}} @keyframes emberDrift{to{background-position:42px -112px,-51px -137px,63px -154px,-69px -171px,82px -191px}} @keyframes emberGlow{0%,100%{opacity:.38;transform:scaleX(.82)}50%{opacity:.72;transform:scaleX(1.04)}} @keyframes tinyFlame{0%,100%{opacity:.28;transform:translateY(0) scaleX(.8)}50%{opacity:.62;transform:translateY(-2px) scaleX(1.08)}} @media(max-width:699px){ .sun-disc{right:-3%;top:4%;width:92px;height:92px}.moon-disc{right:4%;top:7%;width:74px;height:74px} .cityscape{height:20vh;min-height:130px;bottom:0;opacity:.19} body.theme-night .cityscape{opacity:.42} .hero h1{position:relative;z-index:5;padding-right:.13em} .hands-line-wrap{padding-right:.22em;padding-bottom:.1em} .hero-hand-left{width:42%;left:49%;top:49%;opacity:.58} .hero-hand-right{width:37%;right:-11%;top:-23%;opacity:.6} .grip-m{left:57%;top:55%;width:34px;height:27px}.grip-s{right:-1%;top:23%;width:31px;height:29px} .smoke-one{width:220px;height:80px;left:-22%;top:42%}.smoke-two{width:230px;height:82px;right:-25%;top:58%}.smoke-three{width:180px;height:70px;left:31%;bottom:12%} .ember-field{opacity:.38} body.theme-night .ember-field{opacity:.58} } @media(max-width:390px){ .hero-hand-left{left:52%;width:44%}.hero-hand-right{right:-14%;width:39%} } @media(prefers-reduced-motion:reduce){ .sun-disc,.night-stars,.hero-hand-left,.hero-hand-right,.ambient-smoke,.ember-field,.grip-s,.location-main::before,.location-main::after{animation:none!important} } /* reset del selector general del título para elementos decorativos */ .hero h1 .hands-line-wrap,.hero h1 .letter-grip{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:inherit;filter:none} .hero h1 .letter-grip{color:transparent} /* ========================================================= V2.1.3 — MONTEVIDEO EN TUS MANOS Refuerzo visual: identidad local + manos que sostienen + espectro completo + ciudad viva día/noche. ========================================================= */ .hero h1 .hero-gradient{ background:linear-gradient(90deg, #2563eb 0%, #4285f4 16%, #19b7e8 30%, #22b878 43%, #34a853 52%, #f0c419 65%, #ff8a1f 76%, #ea4335 88%, #d946c8 100%); -webkit-background-clip:text;background-clip:text; color:transparent;-webkit-text-fill-color:transparent; filter:saturate(1.2) drop-shadow(0 8px 24px rgba(39,87,180,.12)); padding-right:.12em; } .hands-line-wrap{padding-bottom:.23em;padding-right:.2em;overflow:visible} .hero-hand{z-index:2;opacity:.83;filter:drop-shadow(0 8px 18px rgba(37,74,155,.18)) drop-shadow(0 0 15px rgba(66,133,244,.08))} .hero-hand .hand-fill{opacity:.37} .hero-hand .hand-line{stroke:rgba(245,249,255,.82);stroke-width:4.2;filter:drop-shadow(0 1px 4px rgba(41,67,125,.26))} .hero-hand-left{width:49%;left:-4%;top:59%;transform:rotate(-5deg);animation:v213LeftHand 6.1s ease-in-out infinite} .hero-hand-right{width:49%;right:-4%;top:59%;transform:scaleX(-1) rotate(-5deg);animation:v213RightHand 6.5s ease-in-out infinite} body.theme-night .hero-hand{opacity:.91;filter:drop-shadow(0 10px 25px rgba(91,145,255,.28)) drop-shadow(0 0 22px rgba(90,125,255,.13))} body.theme-night .hero-hand .hand-fill{opacity:.45} body.theme-night .hero-hand-left{filter:drop-shadow(0 10px 25px rgba(65,135,255,.34))} body.theme-night .hero-hand-right{filter:drop-shadow(0 10px 25px rgba(255,126,70,.28))} .grip-m,.grip-s{opacity:.2} .cityscape-montevideo{height:min(37vh,330px);bottom:-5px;opacity:.35;color:#607da8;filter:drop-shadow(0 -10px 28px rgba(61,88,142,.12))} .cityscape-montevideo .montevideo-mark{fill:currentColor;font:900 24px/1 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.08em;opacity:.36} .cityscape-montevideo .rambla-water{stroke-width:2.2;opacity:.17} .cityscape-montevideo .antel-ring{fill:currentColor;opacity:.74} .cityscape-montevideo .salvo,.cityscape-montevideo .salvo-crown,.cityscape-montevideo .antel-tower{fill:currentColor} body.theme-day .cityscape-montevideo{opacity:.36;color:#607fa6;filter:drop-shadow(0 -12px 32px rgba(70,105,158,.12))} body.theme-day .cityscape-montevideo .montevideo-mark{opacity:.32} body.theme-night .cityscape-montevideo{opacity:.72;color:#7e9bd3;filter:drop-shadow(0 -12px 38px rgba(65,112,203,.2))} body.theme-night .cityscape-montevideo .city-windows{fill:#ffd66c;filter:drop-shadow(0 0 4px rgba(255,199,74,.9));opacity:.95} body.theme-night .cityscape-montevideo .rambla-water{stroke:#8ab9ff;opacity:.28;filter:drop-shadow(0 0 4px rgba(69,131,239,.35))} body.theme-night .cityscape-montevideo .montevideo-mark{fill:#dbe9ff;opacity:.48;filter:drop-shadow(0 0 8px rgba(100,154,255,.32))} /* La órbita se ve viva, pero nunca compite con el título */ .orbit-halo-outer{border-color:rgba(66,133,244,.38)!important;box-shadow:0 0 52px rgba(66,133,244,.12),inset 0 0 42px rgba(66,133,244,.05)!important} .orbit-halo-inner{border-color:rgba(234,67,53,.27)!important;box-shadow:0 0 38px rgba(234,67,53,.08)!important} .orbit-card{box-shadow:0 14px 36px rgba(30,51,91,.14)} @keyframes v213LeftHand{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-5px) rotate(-3deg)}} @keyframes v213RightHand{0%,100%{transform:translateY(0) scaleX(-1) rotate(-5deg)}50%{transform:translateY(-5px) scaleX(-1) rotate(-3deg)}} @media(max-width:699px){ .hero h1 .hero-gradient{padding-right:.15em} .hands-line-wrap{padding-bottom:.28em;padding-right:.25em} .hero-hand-left{width:54%;left:-7%;top:61%;opacity:.88} .hero-hand-right{width:54%;right:-7%;top:61%;opacity:.88} .cityscape-montevideo{height:24vh;min-height:155px;opacity:.34;bottom:0} body.theme-night .cityscape-montevideo{opacity:.62} .cityscape-montevideo .montevideo-mark{font-size:21px;opacity:.38} } @media(max-width:390px){ .hero-hand-left{left:-9%;width:57%;top:63%} .hero-hand-right{right:-9%;width:57%;top:63%} .cityscape-montevideo .montevideo-mark{font-size:18px} } @media(prefers-reduced-motion:reduce){ .hero-hand-left,.hero-hand-right{animation:none!important} } /* ========================================================= V2.1.4 — MONTEVIDEO PROTAGONISTA + BONO COLABORACIÓN ========================================================= */ .theme-toggle{ width:46px;height:38px;border-radius:999px;border:1px solid rgba(218,224,234,.85); background:rgba(255,255,255,.78);display:inline-flex;align-items:center;justify-content:center; gap:1px;box-shadow:0 8px 22px rgba(30,51,91,.06);backdrop-filter:blur(14px);cursor:pointer; color:#273142;position:relative;overflow:hidden } .theme-toggle span{font-size:.9rem;line-height:1;transition:.25s ease}.theme-toggle .theme-sun{color:#f4a900}.theme-toggle .theme-moon{color:#6c7fa8} body.theme-night .theme-toggle{background:rgba(19,28,48,.82);border-color:rgba(218,226,255,.14);color:#fff} body.theme-night .theme-toggle .theme-sun{opacity:.35;transform:scale(.8)}body.theme-night .theme-toggle .theme-moon{color:#dbe7ff;filter:drop-shadow(0 0 8px rgba(178,205,255,.5));transform:scale(1.08)} body.theme-day .theme-toggle .theme-moon{opacity:.38;transform:scale(.8)}body.theme-day .theme-toggle .theme-sun{filter:drop-shadow(0 0 7px rgba(255,178,0,.42));transform:scale(1.08)} .city-photo{position:absolute;z-index:-1;right:-2%;bottom:-2%;width:min(64%,980px);height:78%;background-repeat:no-repeat;background-size:cover;background-position:center bottom;pointer-events:none;transition:opacity 1.15s ease,filter 1.15s ease,transform 1.15s ease;mask-image:linear-gradient(to left,#000 78%,rgba(0,0,0,.88) 88%,transparent 100%),linear-gradient(to top,#000 76%,rgba(0,0,0,.9) 88%,transparent 100%);-webkit-mask-image:linear-gradient(to left,#000 78%,rgba(0,0,0,.88) 88%,transparent 100%)} .city-photo-day{background-image:url('img/montevideo-day.jpg');opacity:.72;filter:saturate(.92) brightness(1.08) contrast(.88)} .city-photo-night{background-image:url('img/montevideo-night.jpg');opacity:0;filter:saturate(1.06) contrast(1.04) brightness(.86)} body.theme-night .city-photo-day{opacity:0}body.theme-night .city-photo-night{opacity:.94;filter:saturate(1.08) contrast(1.08) brightness(.83) drop-shadow(0 -14px 44px rgba(45,95,190,.18))} body.theme-day .city-photo-day{opacity:.78}body.theme-day .city-photo-night{opacity:0} .cityscape-montevideo{opacity:.09!important;filter:none!important} body.theme-night .cityscape-montevideo{opacity:.12!important} .hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,15,30,.04) 0%,transparent 55%),linear-gradient(0deg,rgba(7,15,30,.08),transparent 35%)} body.theme-night .hero::after{background:linear-gradient(90deg,rgba(5,11,24,.38) 0%,rgba(5,11,24,.11) 52%,rgba(3,8,19,.02) 100%),linear-gradient(0deg,rgba(5,11,24,.28),transparent 48%)} .hero-inner{z-index:4} body.theme-night .hero h1{color:#fff;text-shadow:0 8px 30px rgba(0,0,0,.18)} body.theme-night .hero-copy>p{color:#d2d9e7;text-shadow:0 2px 8px rgba(0,0,0,.22)} .hero-bonus{max-width:710px;margin-top:11px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;border:1px solid rgba(226,174,44,.46);background:linear-gradient(135deg,rgba(255,244,196,.86),rgba(255,232,155,.72));color:#704b00;box-shadow:0 12px 30px rgba(205,146,22,.12),inset 0 1px 0 rgba(255,255,255,.75);backdrop-filter:blur(12px);transition:.2s ease} .hero-bonus:hover{transform:translateY(-2px);box-shadow:0 17px 34px rgba(205,146,22,.18)} .hero-bonus .bonus-star{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#ffcf4f,#f3a600);color:#593800;font-size:1.05rem;box-shadow:0 0 20px rgba(255,182,26,.35);flex:0 0 auto} .hero-bonus span:nth-child(2){display:grid;gap:2px;min-width:0}.hero-bonus b{font-size:.82rem}.hero-bonus small{font-size:.72rem;opacity:.85}.hero-bonus .bonus-arrow{margin-left:auto;font-weight:900;font-size:1rem} body.theme-night .hero-bonus{background:linear-gradient(135deg,rgba(71,50,13,.74),rgba(41,30,12,.68));border-color:rgba(255,193,68,.46);color:#ffe19a;box-shadow:0 12px 34px rgba(0,0,0,.18),0 0 28px rgba(255,174,25,.07)} .featured-section{position:relative;overflow:hidden}.featured-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 8% 0%,rgba(251,188,5,.08),transparent 28%)} body.theme-night .featured-section::before{background:radial-gradient(circle at 10% 0%,rgba(251,188,5,.11),transparent 32%)} .business-card.collaborator{border-color:rgba(223,168,36,.48);box-shadow:0 16px 40px rgba(211,151,25,.11),var(--shadow-soft)} body.theme-night .business-card.collaborator{border-color:rgba(255,194,64,.42);box-shadow:0 15px 44px rgba(0,0,0,.23),0 0 28px rgba(255,181,36,.06)} .business-image{position:relative}.collab-badge{position:absolute;left:8px;top:8px;z-index:2;border-radius:999px;padding:5px 8px;background:linear-gradient(135deg,#ffd65d,#f4aa12);color:#563600;font-size:.64rem;font-weight:950;box-shadow:0 7px 18px rgba(139,92,0,.18);white-space:nowrap} @media(max-width:699px){ .top-actions{gap:7px}.theme-toggle{width:40px;height:36px}.desktop-location{max-width:118px} .hero{min-height:calc(100svh - var(--topbar));align-items:flex-start} .hero-inner{padding-top:18px;padding-bottom:42px} .city-photo{right:-18%;bottom:0;width:132%;height:48%;background-position:66% bottom;opacity:.66;mask-image:linear-gradient(to top,#000 67%,rgba(0,0,0,.9) 78%,transparent 100%);-webkit-mask-image:linear-gradient(to top,#000 67%,rgba(0,0,0,.9) 78%,transparent 100%)} body.theme-night .city-photo-night{opacity:.76}body.theme-day .city-photo-day{opacity:.58} .hero::after{background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.02) 44%,rgba(5,11,24,.08) 100%)} body.theme-night .hero::after{background:linear-gradient(180deg,rgba(4,9,20,.18) 0%,rgba(4,9,20,.08) 48%,rgba(4,9,20,.24) 100%)} .hero-bonus{margin-top:9px;padding:9px 10px;border-radius:14px}.hero-bonus .bonus-star{width:32px;height:32px}.hero-bonus b{font-size:.77rem}.hero-bonus small{font-size:.67rem} .collab-badge{font-size:.59rem;padding:4px 7px} } @media(max-width:390px){ .desktop-location{display:none}.theme-toggle{width:42px} .city-photo{right:-28%;width:150%;height:46%;background-position:68% bottom} } /* ========================================================= V2.1.5 — HERO FIRMA: MONTEVIDEO + MANOS + ÓRBITA Referencia visual oficial, mobile-first. ========================================================= */ .v215{background:#07162b} .v215 .topbar{background:rgba(5,17,34,.94);border-bottom:1px solid rgba(109,181,255,.16);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)} .v215 .topbar .portal-brand{color:#fff} .v215 .topbar .brand-copy small{color:#c9d8ee} .v215 .topbar .location-chip{background:rgba(6,29,54,.72);border-color:#4cc7ff;color:#fff} .v215 .topbar .menu-button{background:rgba(6,29,54,.72);border-color:rgba(128,198,255,.3)} .v215 .topbar .menu-button span{background:#fff} .v215 .theme-toggle{display:none!important} .signature-hero{position:relative;background:linear-gradient(180deg,#07152a 0%,#06152a 58%,#07182d 100%);padding:0 0 34px;overflow:hidden} .signature-shell{width:min(100%,980px);margin:0 auto;padding:0 16px} .signature-art{position:relative;border-radius:0 0 28px 28px;overflow:hidden;box-shadow:0 28px 68px rgba(0,0,0,.28),0 0 46px rgba(0,160,255,.08);background:#051326;isolation:isolate} .signature-art>img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none} .signature-art::after{content:"";position:absolute;inset:auto 0 0;height:22%;background:linear-gradient(180deg,transparent,rgba(3,13,28,.12));pointer-events:none} .signature-orbit-motion{position:absolute;left:50%;top:64.5%;width:56%;aspect-ratio:1.62/1;transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;z-index:3;animation:signature-spin 14s linear infinite} .signature-orbit-motion::before{content:"";position:absolute;inset:7%;border:1px solid rgba(120,212,255,.18);border-radius:50%;box-shadow:0 0 24px rgba(53,169,255,.08)} .signature-orbit-motion .runner{position:absolute;width:8px;height:8px;border-radius:50%;box-shadow:0 0 18px currentColor,0 0 5px #fff;background:#fff} .signature-orbit-motion .runner-a{left:50%;top:-2px;color:#4bb5ff} .signature-orbit-motion .runner-b{right:0;top:50%;color:#ff5ac9} .signature-orbit-motion .runner-c{left:50%;bottom:-2px;color:#ffbd2e} .signature-orbit-motion .runner-d{left:0;top:50%;color:#4cff93} @keyframes signature-spin{to{transform:translate(-50%,-50%) rotate(360deg)}} .signature-hotspot{position:absolute;z-index:5;border:0;background:transparent;cursor:pointer;border-radius:999px} .signature-hotspot:focus-visible{outline:3px solid #fff;outline-offset:2px;background:rgba(255,255,255,.06)} .hotspot-search{left:27%;top:45%;width:21%;height:19%} .hotspot-choose{left:55%;top:45%;width:21%;height:19%} .hotspot-find{left:23%;top:66%;width:23%;height:20%} .hotspot-order{left:56%;top:66%;width:22%;height:20%} .signature-controls{display:grid;gap:12px;padding:18px 0 2px} .signature-search{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:#fff;border-radius:20px;padding:8px 9px 8px 16px;box-shadow:0 14px 34px rgba(0,0,0,.25);border:1px solid rgba(158,197,235,.35)} .signature-search-icon{font-size:1.6rem;color:#092748;line-height:1} .signature-search input{min-width:0;border:0;outline:0;background:transparent;color:#34465f;font:inherit;font-size:1rem;padding:8px 0} .signature-search input::placeholder{color:#8e9bb0} .signature-search-submit{border:0;border-radius:15px;padding:13px 20px;background:linear-gradient(135deg,#1575ff,#00b9ff);color:white;font-weight:950;box-shadow:0 0 24px rgba(0,166,255,.34);cursor:pointer} .signature-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px} .signature-location,.signature-open{min-height:52px;border-radius:17px;font-weight:900;font-size:.92rem;cursor:pointer} .signature-location{border:1px solid #2f9cff;background:rgba(8,32,61,.96);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)} .signature-open{border:1px solid #12c684;background:rgba(3,60,53,.72);color:#6fffc6} .signature-open span{color:#14e68b;text-shadow:0 0 12px rgba(20,230,139,.8)} .signature-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px} .v215 .signature-quick .hero-quick-card{min-height:76px;background:rgba(5,27,53,.88);border:1px solid rgba(59,151,238,.48);color:#fff;border-radius:17px;box-shadow:0 10px 24px rgba(0,0,0,.15);padding:10px 7px;display:flex;flex-direction:column;justify-content:center;gap:7px} .v215 .signature-quick .hero-quick-card b{font-size:.78rem;color:#fff} .v215 .signature-quick .quick-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:1.05rem} .signature-collaborator{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:19px;border:1px solid rgba(255,193,61,.8);background:linear-gradient(135deg,rgba(62,39,7,.88),rgba(27,25,28,.93));color:#fff4cc;box-shadow:0 0 25px rgba(255,169,24,.15),inset 0 0 0 1px rgba(255,221,137,.08)} .signature-collab-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#ffdd67,#e99d00);color:#593700;font-size:1.45rem;box-shadow:0 0 18px rgba(255,177,26,.35);flex:none} .signature-collaborator span:nth-child(2){display:grid;gap:3px;min-width:0}.signature-collaborator b{font-size:.95rem;color:#ffd979}.signature-collaborator small{font-size:.76rem;color:#f3f0e8;line-height:1.25}.signature-collab-arrow{margin-left:auto;font-size:1.9rem;color:#fff} .signature-scroll{position:absolute;left:50%;bottom:6px;transform:translateX(-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#d9e9ff;border:1px solid rgba(166,205,255,.25);background:rgba(4,21,42,.8)} /* Secciones posteriores: continuidad con el hero cinematográfico */ .v215 main>.section,.v215 .merchant-cta{background:#f7f9fd} .v215 .featured-section{border-top:1px solid rgba(12,54,92,.08)} .v215 .collab-badge{background:linear-gradient(135deg,#ffd65d,#f4aa12);color:#563600} @media(min-width:700px){ .signature-shell{padding:0 24px}.signature-art{border-radius:0 0 34px 34px}.signature-controls{max-width:820px;margin:0 auto;padding-top:20px}.signature-search{border-radius:22px}.signature-actions{max-width:620px}.signature-quick{max-width:680px}.signature-collaborator{max-width:680px} } @media(max-width:699px){ .signature-shell{padding:0}.signature-art{border-radius:0}.signature-controls{padding:12px 12px 2px;gap:10px}.signature-search{border-radius:18px;padding-left:13px}.signature-search-submit{padding:12px 16px}.signature-actions{gap:8px}.signature-location,.signature-open{min-height:48px;font-size:.82rem}.signature-quick{gap:7px}.v215 .signature-quick .hero-quick-card{min-height:68px;border-radius:15px;padding:8px 5px}.v215 .signature-quick .hero-quick-card b{font-size:.69rem}.signature-collaborator{border-radius:16px;padding:11px 12px}.signature-collab-icon{width:40px;height:40px}.signature-collaborator b{font-size:.86rem}.signature-collaborator small{font-size:.68rem}.signature-orbit-motion{width:57%;top:64.5%} } @media(max-width:390px){ .signature-search input{font-size:.9rem}.signature-search-submit{padding:11px 13px}.signature-location,.signature-open{font-size:.76rem}.signature-quick{grid-template-columns:repeat(4,1fr)}.v215 .signature-quick .hero-quick-card b{font-size:.63rem}.signature-collaborator small{font-size:.64rem} } @media(prefers-reduced-motion:reduce){.signature-orbit-motion{animation:none}} /* V2.2 - imágenes sin recorte por defecto + encuadre configurable */ .fit-contain{object-fit:contain!important}.fit-cover{object-fit:cover!important} .pos-center{object-position:center!important}.pos-top{object-position:center top!important}.pos-bottom{object-position:center bottom!important}.pos-left{object-position:left center!important}.pos-right{object-position:right center!important} .business-image,.direct-logo{background:#eef2f7} .board-slide.has-image{background:#111827} /* ========================= V2.3 · DESTACADOS PROTAGONISTAS ========================= */ .featured-section [data-featured]{ grid-template-columns:1fr; gap:20px; } .featured-section .featured-protagonist{ position:relative; grid-template-columns:minmax(220px,40%) 1fr; min-height:250px; border-radius:28px; overflow:hidden; border:1px solid rgba(66,133,244,.20); box-shadow:0 22px 58px rgba(32,33,36,.13); transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease; } .featured-section .featured-protagonist:hover{ transform:translateY(-3px); box-shadow:0 28px 70px rgba(32,33,36,.17); border-color:rgba(66,133,244,.34); } .featured-section .featured-protagonist:active{transform:translateY(-1px) scale(.995)} .featured-section .featured-protagonist .business-image{ min-height:250px; display:grid; place-items:center; background:linear-gradient(145deg,#eef3fb,#f9fbff); } .featured-section .featured-protagonist .business-image img{ width:100%; height:100%; max-height:320px; } .featured-section .featured-protagonist .business-content{ padding:24px; gap:12px; align-content:center; } .featured-section .featured-protagonist .business-title h3{ font-size:clamp(1.28rem,2vw,1.62rem); white-space:normal; overflow:visible; text-overflow:clip; line-height:1.08; } .featured-section .featured-protagonist .business-title p{font-size:.92rem} .featured-section .featured-protagonist .business-meta{font-size:.9rem;gap:10px} .featured-section .featured-protagonist .business-promo{ font-size:.94rem; line-height:1.35; padding:9px 11px; border-radius:12px; background:#fff6f4; } .featured-section .featured-protagonist .business-actions{gap:9px;margin-top:3px} .featured-section .featured-protagonist .mini-button{ padding:10px 13px; border-radius:12px; font-size:.84rem; } .featured-section .featured-protagonist.collaborator{ border-color:rgba(223,168,36,.68); box-shadow:0 24px 64px rgba(211,151,25,.17),0 10px 28px rgba(32,33,36,.08); } .featured-section .featured-protagonist.collaborator:hover{ border-color:rgba(223,168,36,.9); box-shadow:0 30px 76px rgba(211,151,25,.22),0 12px 30px rgba(32,33,36,.10); } .featured-badge{ position:absolute; left:10px; top:10px; z-index:2; border-radius:999px; padding:6px 9px; background:linear-gradient(135deg,#e8f0ff,#cfe0ff); color:#2459b8; font-size:.68rem; font-weight:950; box-shadow:0 7px 18px rgba(39,86,170,.15); white-space:nowrap; } .featured-section .featured-protagonist .collab-badge{ left:10px; top:10px; padding:6px 9px; font-size:.68rem; } body.theme-night .featured-section .featured-protagonist{ background:#121d31; border-color:rgba(132,171,236,.22); box-shadow:0 24px 66px rgba(0,0,0,.30); } body.theme-night .featured-section .featured-protagonist .business-image{ background:linear-gradient(145deg,#0d1728,#16233a); } body.theme-night .featured-section .featured-protagonist .business-promo{ background:rgba(234,67,53,.10); } body.theme-night .featured-section .featured-protagonist.collaborator{ border-color:rgba(255,194,64,.48); box-shadow:0 26px 70px rgba(0,0,0,.32),0 0 32px rgba(255,181,36,.08); } @media(min-width:920px){ .featured-section [data-featured]{grid-template-columns:repeat(2,minmax(0,1fr))} .featured-section .featured-protagonist{grid-template-columns:minmax(185px,39%) 1fr;min-height:270px} .featured-section .featured-protagonist .business-image{min-height:270px} } @media(max-width:699px){ .featured-section [data-featured]{gap:18px} .featured-section .featured-protagonist{ display:grid; grid-template-columns:1fr; min-height:0; border-radius:24px; } .featured-section .featured-protagonist .business-image{ min-height:0; height:230px; } .featured-section .featured-protagonist .business-image img{max-height:none} .featured-section .featured-protagonist .business-content{padding:18px;gap:10px} .featured-section .featured-protagonist .business-title h3{font-size:1.34rem} .featured-section .featured-protagonist .business-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} .featured-section .featured-protagonist .mini-button{text-align:center;justify-content:center} } @media(max-width:390px){ .featured-section .featured-protagonist .business-image{height:210px} .featured-section .featured-protagonist .business-actions{grid-template-columns:1fr} } /* ========================= V2.4 · DIRECTORIO POR CATEGORÍA La portada no lista comercios infinitamente. Los colaboradores/destacados se vuelven protagonistas SOLO en resultados. ========================= */ .directory-section{background:#f7f9fd} .directory-actions{display:flex;gap:10px;flex-wrap:wrap} .collaborator-button{border:1px solid rgba(223,168,36,.55)!important;background:linear-gradient(135deg,#fff7d8,#ffecaa)!important;color:#6d4900!important} body.theme-night .directory-section{background:#0d1728} body.theme-night .collaborator-button{background:linear-gradient(135deg,rgba(79,55,10,.92),rgba(49,37,16,.96))!important;color:#ffe29b!important;border-color:rgba(255,194,64,.48)!important} .results-section [data-results]{align-items:start} .results-section .result-protagonist{grid-column:1/-1;display:grid;grid-template-columns:minmax(260px,42%) 1fr;border-radius:28px;overflow:hidden;border:1px solid rgba(223,168,36,.60);box-shadow:0 24px 64px rgba(211,151,25,.16),0 10px 28px rgba(32,33,36,.08);position:relative} .results-section .result-protagonist .protagonist-note{grid-column:1/-1;padding:8px 16px;background:linear-gradient(90deg,#fff4c2,#fff9e3);color:#725000;font-size:.72rem;font-weight:850;letter-spacing:.01em;border-bottom:1px solid rgba(223,168,36,.28)} .results-section .result-protagonist .business-image{min-height:280px;height:100%;display:grid;place-items:center;background:#eef2f7} .results-section .result-protagonist .business-image img{width:100%;height:100%;min-height:280px;max-height:360px} .results-section .result-protagonist .business-content{padding:22px;gap:12px;align-content:center} .results-section .result-protagonist .business-title h3{font-size:clamp(1.28rem,2vw,1.62rem);white-space:normal;overflow:visible;text-overflow:clip;line-height:1.08} .results-section .result-protagonist .business-title p{font-size:.92rem} .results-section .result-protagonist .protagonist-meta{display:grid;gap:7px;font-size:.88rem} .results-section .result-protagonist .protagonist-meta span{display:block} .results-section .result-protagonist .protagonist-meta a{color:var(--blue);font-weight:800;text-decoration:underline;text-underline-offset:2px} .results-section .result-protagonist .business-promo{font-size:.94rem;padding:9px 11px;border-radius:12px;background:#fff6f4} .results-section .result-protagonist .business-actions{gap:9px} .results-section .result-protagonist .mini-button{padding:10px 13px;font-size:.84rem} body.theme-night .results-section .result-protagonist{background:#121d31;border-color:rgba(255,194,64,.50);box-shadow:0 26px 70px rgba(0,0,0,.30),0 0 30px rgba(255,181,36,.07)} body.theme-night .results-section .result-protagonist .protagonist-note{background:linear-gradient(90deg,rgba(83,59,15,.96),rgba(52,41,21,.96));color:#ffe4a0;border-color:rgba(255,194,64,.22)} body.theme-night .results-section .result-protagonist .protagonist-meta a{color:#9bc2ff} body.theme-night .results-section .result-protagonist .business-promo{background:rgba(234,67,53,.10)} @media(min-width:700px){ .results-section [data-results]{grid-template-columns:repeat(2,minmax(0,1fr))} } @media(min-width:1000px){ .results-section [data-results]{grid-template-columns:repeat(3,minmax(0,1fr))} } @media(max-width:699px){ .directory-actions{display:grid;grid-template-columns:1fr} .results-section .result-protagonist{grid-template-columns:1fr;border-radius:24px} .results-section .result-protagonist .protagonist-note{padding:8px 12px;font-size:.68rem;line-height:1.25} .results-section .result-protagonist .business-image{height:235px;min-height:235px} .results-section .result-protagonist .business-image img{min-height:235px;max-height:none} .results-section .result-protagonist .business-content{padding:17px;gap:10px} .results-section .result-protagonist .business-title h3{font-size:1.34rem} .results-section .result-protagonist .business-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} .results-section .result-protagonist .mini-button{text-align:center;justify-content:center} } @media(max-width:390px){ .results-section .result-protagonist .business-image{height:215px;min-height:215px} .results-section .result-protagonist .business-image img{min-height:215px} .results-section .result-protagonist .business-actions{grid-template-columns:1fr} } /* ========================= V2.6 · COLABORADORES: ESTRELLA + FICHA AMPLIABLE En resultados todos arrancan compactos. Solo colaboradores/destacados se expanden. ========================= */ .results-section .result-compact{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease} .results-section .result-compact.result-expandable{cursor:pointer} .results-section .result-compact.result-expandable:hover{border-color:rgba(223,168,36,.5);box-shadow:0 14px 34px rgba(32,33,36,.10)} .results-section .result-compact .protagonist-note{display:none} .results-section .result-compact.result-expanded .protagonist-note{display:block} .business-close-button{display:none} .results-section .result-compact.result-expanded .business-close-button{display:block;position:absolute;right:10px;top:48px;z-index:5;border:1px solid rgba(109,73,0,.22);background:rgba(255,255,255,.9);color:#654600;border-radius:999px;padding:6px 9px;font-size:.72rem;font-weight:900;cursor:pointer;box-shadow:0 6px 18px rgba(32,33,36,.10)} body.theme-night .results-section .result-compact.result-expanded .business-close-button{background:rgba(16,24,40,.92);color:#ffe29b;border-color:rgba(255,194,64,.35)} /* La estrella de colaborador es compacta mientras la ficha está cerrada. */ .results-section .result-compact:not(.result-expanded) .collab-badge, .results-section .result-compact:not(.result-expanded) .featured-badge{ width:28px;height:28px;padding:0;display:grid;place-items:center;border-radius:50%;font-size:0;left:7px;top:7px;overflow:hidden } .results-section .result-compact:not(.result-expanded) .collab-badge::after, .results-section .result-compact:not(.result-expanded) .featured-badge::after{content:"★";font-size:.92rem;line-height:1} /* Al abrir, recupera el formato protagonista de V2.4, pero solo para la ficha elegida. */ .results-section .result-compact.result-expanded{grid-column:1/-1;display:grid;grid-template-columns:minmax(260px,42%) 1fr;border-radius:28px;overflow:hidden;border:1px solid rgba(223,168,36,.60);box-shadow:0 24px 64px rgba(211,151,25,.16),0 10px 28px rgba(32,33,36,.08);position:relative;cursor:default} .results-section .result-compact.result-expanded .business-image{min-height:280px;height:100%;display:grid;place-items:center;background:#eef2f7} .results-section .result-compact.result-expanded .business-image img{width:100%;height:100%;min-height:280px;max-height:360px} .results-section .result-compact.result-expanded .business-content{padding:22px;gap:12px;align-content:center} .results-section .result-compact.result-expanded .business-title h3{font-size:clamp(1.28rem,2vw,1.62rem);white-space:normal;overflow:visible;text-overflow:clip;line-height:1.08} .results-section .result-compact.result-expanded .business-title p{font-size:.92rem} .results-section .result-compact.result-expanded .protagonist-meta{display:grid;gap:7px;font-size:.88rem} .results-section .result-compact.result-expanded .protagonist-meta span{display:block} .results-section .result-compact.result-expanded .protagonist-meta a{color:var(--blue);font-weight:800;text-decoration:underline;text-underline-offset:2px} .results-section .result-compact.result-expanded .business-promo{font-size:.94rem;padding:9px 11px;border-radius:12px;background:#fff6f4} .results-section .result-compact.result-expanded .business-actions{gap:9px} .results-section .result-compact.result-expanded .mini-button{padding:10px 13px;font-size:.84rem} .results-section .result-compact.result-expanded .collab-badge, .results-section .result-compact.result-expanded .featured-badge{width:auto;height:auto;padding:6px 9px;border-radius:999px;font-size:.68rem;left:10px;top:10px;display:block;overflow:visible} .results-section .result-compact.result-expanded .collab-badge::after, .results-section .result-compact.result-expanded .featured-badge::after{content:none} body.theme-night .results-section .result-compact.result-expanded{background:#121d31;border-color:rgba(255,194,64,.50);box-shadow:0 26px 70px rgba(0,0,0,.30),0 0 30px rgba(255,181,36,.07)} @media(max-width:699px){ .results-section .result-compact.result-expanded{grid-template-columns:1fr;border-radius:24px} .results-section .result-compact.result-expanded .business-image{height:235px;min-height:235px} .results-section .result-compact.result-expanded .business-image img{min-height:235px;max-height:none} .results-section .result-compact.result-expanded .business-content{padding:17px;gap:10px} .results-section .result-compact.result-expanded .business-title h3{font-size:1.34rem} .results-section .result-compact.result-expanded .business-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))} .results-section .result-compact.result-expanded .mini-button{text-align:center;justify-content:center} } @media(max-width:390px){ .results-section .result-compact.result-expanded .business-image{height:215px;min-height:215px} .results-section .result-compact.result-expanded .business-image img{min-height:215px} .results-section .result-compact.result-expanded .business-actions{grid-template-columns:1fr} } /* ========================= V2.8 · PULIDO MÓVIL + INSTALACIÓN Mantiene colores; agrega aire y evita textos pegados a los bordes. ========================= */ @media(max-width:699px){ .v215 main>.section{ width:min(calc(100% - 20px),var(--max)); padding-left:16px; padding-right:16px; } .v215 .section-head{margin-bottom:20px} .v215 .section-head h2{line-height:1.12} .v215 .section-head p{line-height:1.48} .v215 .category-grid{gap:13px} .v215 .category-card{padding:19px 17px;min-height:132px;gap:15px;line-height:1.28} .v215 .category-card b{line-height:1.22} .v215 .category-card small{line-height:1.3} .v215 .business-content{padding:17px;gap:9px} .v215 .business-title h3{line-height:1.22} .v215 .business-title p,.v215 .business-meta{line-height:1.38} .v215 .useful-card{padding:19px 17px} .v215 .direct-section{padding-left:17px;padding-right:17px} } @media(max-width:390px){ .v215 main>.section{padding-left:14px;padding-right:14px} .v215 .category-card{padding:17px 14px} } /* Cartel propio: solo aparece después de interés real del usuario. */ .install-card{ position:fixed;z-index:145;left:50%;bottom:max(16px,env(safe-area-inset-bottom)); width:min(calc(100% - 24px),560px);transform:translate(-50%,18px); display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px; padding:11px 11px 11px 13px;border-radius:18px;border:1px solid rgba(112,180,255,.28); background:rgba(6,22,43,.96);color:#fff;box-shadow:0 18px 52px rgba(0,0,0,.32),0 0 30px rgba(49,148,255,.10); backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;pointer-events:none; transition:opacity .22s ease,transform .22s ease; } .install-card[hidden]{display:none!important}.install-card.show{opacity:1;pointer-events:auto;transform:translate(-50%,0)} .install-brand{width:42px;height:42px;border-radius:13px;background:#0a1d38;display:grid;grid-template-columns:repeat(2,11px);grid-template-rows:repeat(2,11px);gap:4px;place-content:center;border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 0 20px rgba(44,137,255,.08)} .install-brand span{display:block;border-radius:50%}.install-brand span:nth-child(1){background:var(--blue)}.install-brand span:nth-child(2){background:var(--red)}.install-brand span:nth-child(3){background:var(--yellow)}.install-brand span:nth-child(4){background:var(--green)} .install-copy{display:grid;gap:3px;min-width:0}.install-copy strong{font-size:.86rem;line-height:1.16}.install-copy small{font-size:.70rem;color:#cad7e9;line-height:1.25} .install-main{border:0;border-radius:12px;background:linear-gradient(135deg,#2f80ff,#16a7ff);color:#fff;font-weight:950;font-size:.79rem;padding:10px 12px;box-shadow:0 8px 22px rgba(31,124,255,.24)} .install-dismiss{width:32px;height:32px;border:0;border-radius:10px;background:rgba(255,255,255,.08);color:#dbe6f5;font-size:1.25rem;line-height:1} @media(max-width:430px){ .install-card{grid-template-columns:auto minmax(0,1fr) auto;padding:10px;gap:9px} .install-main{grid-column:2/3;justify-self:start;padding:9px 13px} .install-dismiss{grid-column:3;grid-row:1/3;align-self:start} .install-brand{grid-row:1/3} } /* V2.9 · Servicios útiles flexibles */ .useful-section-head{align-items:center} .useful-section-head p{max-width:680px} .useful-see-all{white-space:nowrap;text-decoration:none} .useful-copy small{font-size:.72rem;color:#8a94a3;font-weight:800;text-transform:uppercase;letter-spacing:.035em} .result-useful-grid{margin:0 0 18px} body.theme-night .useful-copy small{color:#8fa0bd} @media(max-width:699px){.useful-section-head{align-items:flex-start}.useful-see-all{margin-top:6px}} \n\n/* =========================================================\n V2.10 — VALOR DIARIO: RESULTADOS, TRANSPORTE Y JUEGOS\n ========================================================= */\n.daily-section{position:relative;overflow:hidden}\n.daily-section::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 9% 10%,rgba(66,133,244,.08),transparent 27%),radial-gradient(circle at 92% 85%,rgba(52,168,83,.07),transparent 25%)}\n.daily-section-head{position:relative;z-index:1}.daily-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}\n.daily-card{min-height:112px;border:1px solid var(--line);background:var(--card);border-radius:22px;padding:17px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;box-shadow:var(--shadow-soft);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden;position:relative}\n.daily-card::after{content:"";position:absolute;width:145px;height:145px;border-radius:50%;right:-68px;bottom:-83px;opacity:.1;transition:.25s}\n.daily-card:hover{transform:translateY(-3px);box-shadow:0 17px 38px rgba(32,33,36,.11)}.daily-card:hover::after{transform:scale(1.15);opacity:.16}\n.daily-icon{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:1.65rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.55)}\n.daily-copy{display:grid;gap:5px;min-width:0}.daily-copy b{font-size:1rem}.daily-copy small{color:var(--muted);line-height:1.35;font-size:.78rem}.daily-arrow{font-size:1.8rem;font-weight:500;opacity:.5}\n.daily-results .daily-icon{background:#fff2ef}.daily-results::after{background:var(--red)}\n.daily-gold .daily-icon{background:#fff7d8}.daily-gold::after{background:var(--yellow)}\n.daily-bus .daily-icon{background:#eaf2ff}.daily-bus::after{background:var(--blue)}\n.daily-cat .daily-icon{background:#eaf8ef}.daily-cat::after{background:var(--green)}\nbody.theme-night .daily-card{background:#121d31;border-color:rgba(222,231,255,.1);box-shadow:0 14px 38px rgba(0,0,0,.18)}\nbody.theme-night .daily-copy small{color:#b8c3d8}body.theme-night .daily-results .daily-icon{background:rgba(234,67,53,.18)}body.theme-night .daily-gold .daily-icon{background:rgba(251,188,5,.18)}body.theme-night .daily-bus .daily-icon{background:rgba(66,133,244,.18)}body.theme-night .daily-cat .daily-icon{background:rgba(52,168,83,.18)}\n@media(max-width:699px){.daily-grid{grid-template-columns:1fr}.daily-card{min-height:96px;padding:14px}.daily-icon{width:50px;height:50px;border-radius:16px;font-size:1.45rem}.daily-copy b{font-size:.95rem}.daily-copy small{font-size:.75rem}}\n /* V2.11 · Hub de juegos */ .games-section{position:relative}.games-grid{align-items:stretch}.daily-memory .daily-icon{background:#ede7ff}.daily-memory::after{background:#7b61c9}.daily-archery .daily-icon{background:#fff0df}.daily-archery::after{background:#e58a2f}.daily-ttt .daily-icon{background:#ffe8ed}.daily-ttt::after{background:#d84d70}.daily-soup .daily-icon{background:#e3f7f4}.daily-soup::after{background:#2b9a8f}body.theme-night .daily-memory .daily-icon{background:rgba(123,97,201,.22)}body.theme-night .daily-archery .daily-icon{background:rgba(229,138,47,.22)}body.theme-night .daily-ttt .daily-icon{background:rgba(216,77,112,.22)}body.theme-night .daily-soup .daily-icon{background:rgba(43,154,143,.22)}@media(min-width:900px){.games-grid{grid-template-columns:repeat(3,minmax(0,1fr))}} /* V2.12 · accesos prioritarios de utilidad pública */ .useful-featured-links{display:grid;grid-template-columns:1fr;gap:10px;margin:0 0 14px}.useful-featured-links>a{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(135deg,#fff,#f7faff);box-shadow:var(--shadow-soft);min-height:76px}.useful-featured-links>a>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#edf3ff;font-size:1.25rem}.useful-featured-links>a:nth-child(1)>span{background:#e9f8ee}.useful-featured-links a div{display:grid;gap:2px}.useful-featured-links a b{font-size:.98rem}.useful-featured-links a small{color:var(--muted);line-height:1.3}.useful-featured-links a strong{font-size:1.45rem;color:var(--blue)} body.theme-night .useful-featured-links>a{background:linear-gradient(135deg,#121d31,#162238);border-color:rgba(222,231,255,.1);color:#f8faff}body.theme-night .useful-featured-links a small{color:#b8c3d8} @media(min-width:720px){.useful-featured-links{grid-template-columns:repeat(2,1fr)}} /* V2.19 · destacados diarios Juegos + STM */ .daily-games .daily-icon{background:#f3ecff}.daily-games::after{background:#7e57c2}.daily-stm .daily-icon{background:#eaf2ff}.daily-stm::after{background:var(--blue)}body.theme-night .daily-games .daily-icon{background:rgba(126,87,194,.18)}body.theme-night .daily-stm .daily-icon{background:rgba(66,133,244,.18)} /* ========================================================= V2.22 — CLIMA VIVO + COTIZACIONES Información compacta y efectos ambientales sutiles. ========================================================= */ .live-info{position:relative;z-index:5;padding:14px clamp(16px,4vw,42px) 4px;background:var(--surface,#fff)} .live-info-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:12px} .live-card{min-height:86px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px 15px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(247,250,255,.96));box-shadow:var(--shadow-soft);overflow:hidden;position:relative} .live-card::after{content:"";position:absolute;inset:auto -35px -45px auto;width:130px;height:100px;border-radius:50%;background:radial-gradient(circle,rgba(66,133,244,.12),transparent 68%);pointer-events:none} .live-card-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:#edf3ff;font-size:1.45rem;box-shadow:inset 0 0 0 1px rgba(66,133,244,.06)} .weather-card .live-card-icon{background:linear-gradient(145deg,#edf7ff,#fff5d9)} .currency-card .live-card-icon{background:linear-gradient(145deg,#e9f8ee,#f6fff9)} .live-card-main{min-width:0;display:grid;gap:3px}.live-kicker{text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:.65rem;color:var(--blue)} .weather-line{display:flex;align-items:baseline;gap:10px;min-width:0}.weather-line strong{font-size:1.55rem;line-height:1}.weather-line b{font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .live-card-main>small,.live-card-side small,.live-source{color:var(--muted);font-size:.74rem}.live-card-side{display:grid;text-align:right;gap:3px;font-size:.75rem;color:var(--muted);z-index:1}.live-card-side span{font-weight:800;color:var(--text)} .currency-card{grid-template-columns:48px minmax(0,1fr)}.currency-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:2px}.currency-values span{display:grid;gap:1px;padding:5px 7px;border-radius:10px;background:rgba(66,133,244,.055)}.currency-values b{font-size:.72rem}.currency-values small{font-size:.72rem;color:var(--muted);white-space:nowrap} body.theme-night .live-info{background:#0c1220}body.theme-night .live-card{background:linear-gradient(135deg,#121d31,#162238);border-color:rgba(222,231,255,.1);color:#f8faff}body.theme-night .live-card-side span{color:#f8faff}body.theme-night .currency-values span{background:rgba(142,186,255,.08)} .weather-ambient{position:fixed;inset:0;z-index:9997;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .7s ease} body.weather-rain .weather-ambient,body.weather-storm .weather-ambient,body.weather-wind .weather-ambient,body.weather-heat .weather-ambient{opacity:1} /* lluvia: fina y visible solo contra zonas oscuras/medias */ body.weather-rain .weather-ambient::before,body.weather-storm .weather-ambient::before{content:"";position:absolute;inset:-20% -10%;background-image:repeating-linear-gradient(112deg,transparent 0 17px,rgba(175,214,255,.24) 18px,rgba(175,214,255,.24) 19px,transparent 20px 34px);background-size:42px 80px;animation:tupuntoRain .72s linear infinite;filter:blur(.2px);opacity:.48} /* relámpago: breve, nunca estroboscópico */ body.weather-storm .weather-ambient::after{content:"";position:absolute;inset:0;background:rgba(225,236,255,.46);opacity:0;animation:tupuntoLightning 9s ease-in-out infinite} .weather-wisp{display:none;position:absolute;width:32vw;max-width:360px;height:2px;border-radius:99px;background:linear-gradient(90deg,transparent,rgba(220,235,255,.38),transparent);filter:blur(.3px)} body.weather-wind .weather-wisp{display:block}.weather-wisp.w1{top:24%;left:-38%;animation:tupuntoWind 4.8s linear infinite}.weather-wisp.w2{top:47%;left:-48%;animation:tupuntoWind 5.9s 1.2s linear infinite}.weather-wisp.w3{top:72%;left:-42%;animation:tupuntoWind 5.2s 2.5s linear infinite} .heat-cicada{display:none;position:absolute;right:18px;bottom:80px;font-size:1.45rem;opacity:.28;filter:drop-shadow(0 4px 9px rgba(0,0,0,.16))} body.weather-heat .heat-cicada{display:block;animation:tupuntoCicada 2.8s ease-in-out infinite} body.weather-heat .signature-hero::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 60%,rgba(255,178,72,.055));animation:tupuntoHeat 3.8s ease-in-out infinite} @keyframes tupuntoRain{to{transform:translate3d(-35px,110px,0)}} @keyframes tupuntoLightning{0%,91%,94%,100%{opacity:0}92%{opacity:.18}92.4%{opacity:0}93%{opacity:.12}} @keyframes tupuntoWind{to{transform:translateX(165vw)}} @keyframes tupuntoCicada{0%,100%{transform:translateY(0) rotate(-5deg);opacity:.2}50%{transform:translateY(-5px) rotate(7deg);opacity:.36}} @keyframes tupuntoHeat{0%,100%{filter:none}50%{filter:saturate(1.04) brightness(1.01)}} @media(max-width:760px){.live-info{padding:10px 12px 2px}.live-info-inner{grid-template-columns:1fr;gap:8px}.live-card{min-height:76px;padding:10px 12px;border-radius:17px}.live-card-icon{width:42px;height:42px;border-radius:13px;font-size:1.28rem}.weather-line strong{font-size:1.4rem}.weather-line b{font-size:.86rem}.live-card-side{font-size:.7rem}.currency-values{gap:5px}.currency-values span{padding:4px 6px}} @media(max-width:390px){.live-card{grid-template-columns:42px minmax(0,1fr)}.weather-card .live-card-side{grid-column:2;text-align:left;display:flex;gap:8px}.currency-values small{font-size:.67rem}.heat-cicada{right:10px;bottom:68px}} @media(prefers-reduced-motion:reduce){.weather-ambient::before,.weather-ambient::after,.weather-wisp,.heat-cicada,body.weather-heat .signature-hero::after{animation:none!important}.weather-ambient{display:none!important}}