/* ================================================================= INVERSIÓN EXTRANJERA — Tema "Global Premium" (solo esta página) Se activa con . No afecta a las demás páginas. ================================================================= */ body.inv{ background:#080b10;color:#e8edf3; --txt:#eef2f7;--txt2:#9aa6b4;--line:rgba(255,255,255,.10); --bg:#080b10;--bg2:#0d1218;--panel:#0e141b; } body.inv #loader{background:#080b10} body.inv #loader .lg{color:#fff} /* halo de fondo global */ body.inv::before{ content:"";position:fixed;inset:0;z-index:-2;pointer-events:none; background: radial-gradient(60vw 60vw at 78% -10%, rgba(216,35,42,.16), transparent 60%), radial-gradient(55vw 55vw at 12% 8%, rgba(40,90,150,.18), transparent 60%), linear-gradient(180deg,#080b10,#0a0f15 40%,#080b10); } body.inv::after{ content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.5; background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(180deg,transparent,#000 20%,#000 80%,transparent); } /* texto claro en componentes que por defecto eran oscuros */ body.inv .sec-head h2,body.inv .split h3,body.inv h2,body.inv h3,body.inv h4{color:#fff} body.inv .sec-head p,body.inv .split p{color:var(--txt2)} body.inv .stats{background:rgba(255,255,255,.02);border-color:var(--line)} body.inv .stat{border-color:var(--line)} body.inv .stat b{color:#fff} body.inv .stat small{color:var(--txt2)} body.inv .split .frame{background:rgba(255,255,255,.03);border-color:var(--line);box-shadow:0 30px 70px rgba(0,0,0,.5)} body.inv .chips span{background:rgba(255,255,255,.04);color:#cfd8e2;border-color:var(--line);box-shadow:none} body.inv .chips span:hover{border-color:var(--accent);color:#fff;background:rgba(216,35,42,.12)} /* ===== HERO cinematográfico ===== */ .inv-hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:#05080c} .inv-hero video,.inv-hero .ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0} .inv-hero .veil{position:absolute;inset:0;z-index:1; background:linear-gradient(110deg,rgba(5,8,12,.92) 0%,rgba(5,8,12,.7) 38%,rgba(5,8,12,.35) 70%,rgba(5,8,12,.6) 100%);} .inv-hero .grain{position:absolute;inset:0;z-index:1;opacity:.5; background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:38px 38px; mask-image:radial-gradient(80% 80% at 30% 50%,#000,transparent);} .inv-hero .wrap{position:relative;z-index:3;width:100%} .inv-badge{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1.6rem; font-family:var(--mono);font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:#fff; border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.5rem 1rem;backdrop-filter:blur(6px); background:rgba(255,255,255,.04);opacity:0;transform:translateY(14px);animation:inUp .8s .15s forwards cubic-bezier(.16,1,.3,1)} .inv-badge i{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:blink 1.8s infinite} .inv-hero h1{font-family:'Space Grotesk';font-weight:700;line-height:.98;text-transform:uppercase;letter-spacing:.005em; font-size:clamp(2.6rem,7vw,6rem);color:#fff;max-width:18ch;margin-bottom:1.5rem} .inv-hero h1 .w{display:inline-block;opacity:0;transform:translateY(40px) rotate(2deg); animation:inWord .9s forwards cubic-bezier(.16,1,.3,1)} .inv-hero h1 .accent{color:transparent;-webkit-text-stroke:1.5px var(--accent); background:linear-gradient(120deg,#ff5a60,#d8232a);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:0} .inv-hero .lead{max-width:60ch;color:#d7dee6;font-size:clamp(1rem,1.35vw,1.18rem);margin-bottom:2.4rem; opacity:0;transform:translateY(18px);animation:inUp .9s .5s forwards cubic-bezier(.16,1,.3,1)} .inv-hero .btn-row{opacity:0;transform:translateY(18px);animation:inUp .9s .65s forwards cubic-bezier(.16,1,.3,1)} .inv-hero .btn-solid{background:var(--accent);color:#fff;border:1px solid var(--accent)} .inv-hero .btn-solid:hover{background:#fff;color:#000;border-color:#fff} .inv-hero .btn-ghost{border:1px solid rgba(255,255,255,.45);color:#fff} .inv-hero .btn-ghost:hover{background:#fff;color:#000;border-color:#fff} /* franja de stats del hero */ .inv-hstats{display:flex;gap:2.6rem;flex-wrap:wrap;margin-top:3rem; opacity:0;transform:translateY(18px);animation:inUp 1s .85s forwards cubic-bezier(.16,1,.3,1)} .inv-hstats .it{position:relative;padding-left:1.1rem} .inv-hstats .it::before{content:"";position:absolute;left:0;top:.15em;bottom:.15em;width:2px;background:var(--accent)} .inv-hstats b{display:block;font-family:'Space Grotesk';font-weight:700;font-size:clamp(1.5rem,2.6vw,2.2rem);color:#fff;line-height:1} .inv-hstats span{font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--txt2)} @keyframes inUp{to{opacity:1;transform:none}} @keyframes inWord{to{opacity:1;transform:none}} /* línea de marcas globales */ .inv-trust{padding:3.2rem 4.5vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.015)} .inv-trust .lab{text-align:center;font-family:var(--mono);font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:var(--txt2);margin-bottom:1.6rem} .inv-marq{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)} .inv-marq .t{display:flex;gap:3.4rem;width:max-content;animation:marq 34s linear infinite} .inv-marq:hover .t{animation-play-state:paused} .inv-marq i{font-style:normal;font-family:'Space Grotesk';font-weight:600;font-size:1.18rem;letter-spacing:.1em;color:#7d8896;white-space:nowrap;transition:color .3s} .inv-marq i:hover{color:#fff} /* ===== MAPA GLOBAL interactivo ===== */ .inv-map-sec{padding:7rem 4.5vw;position:relative} .inv-map-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:3.5rem;align-items:center;max-width:var(--max);margin:0 auto} .inv-mapwrap{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden; background:linear-gradient(160deg,rgba(20,30,42,.6),rgba(8,12,18,.6));box-shadow:0 30px 80px rgba(0,0,0,.45)} .inv-mapwrap svg{display:block;width:100%;height:auto} .inv-arc{fill:none;stroke:url(#invArc);stroke-width:1.6;stroke-linecap:round; stroke-dasharray:6 8;animation:flow 2.4s linear infinite;opacity:.55;transition:opacity .3s,stroke-width .3s} .inv-arc.hot{opacity:1;stroke-width:2.6;stroke:#ff6b70} @keyframes flow{to{stroke-dashoffset:-28}} .inv-node{fill:#7fb2ff;transition:r .3s,fill .3s;filter:drop-shadow(0 0 5px rgba(127,178,255,.8))} .inv-node.hot{fill:#fff;r:6} .inv-mx{fill:var(--accent);filter:drop-shadow(0 0 12px rgba(216,35,42,.9))} .inv-pulse{fill:none;stroke:var(--accent);stroke-width:2;opacity:0;transform-origin:center;animation:pulse 2.6s ease-out infinite} @keyframes pulse{0%{opacity:.7;r:8}80%{opacity:0;r:46}100%{opacity:0;r:46}} .inv-legend{display:flex;flex-direction:column;gap:.5rem} .inv-legend .ll{font-family:var(--mono);font-size:.62rem;letter-spacing:.24em;text-transform:uppercase;color:var(--accent);margin-bottom:.4rem} .inv-clist{display:flex;flex-wrap:wrap;gap:.55rem} .inv-clist button{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer; font-family:'Inter',sans-serif;font-size:.86rem;color:#d2dae3; background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:999px;padding:.5rem .95rem;transition:all .22s} .inv-clist button .dot{width:8px;height:8px;border-radius:50%;background:#7fb2ff;flex:none} .inv-clist button:hover,.inv-clist button.hot{border-color:var(--accent);color:#fff;background:rgba(216,35,42,.12);transform:translateY(-2px)} /* ===== Tarjetas premium ===== */ body.inv .card{background:linear-gradient(165deg,rgba(255,255,255,.05),rgba(255,255,255,.015)); border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.4);backdrop-filter:blur(4px)} body.inv .card h4{color:#fff} body.inv .card p{color:var(--txt2)} body.inv .card:hover{border-color:rgba(216,35,42,.5);box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px rgba(216,35,42,.25)} body.inv .card .tag{color:#ff6b70} .inv-cardnum{position:absolute;right:1rem;top:.4rem;font-family:'Space Grotesk';font-weight:700;font-size:4.2rem; color:rgba(255,255,255,.04);line-height:1;pointer-events:none} /* tiles de sectores */ .inv-sectors{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem} .inv-tile{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:10px;padding:1.6rem 1.3rem; background:rgba(255,255,255,.025);transition:transform .35s,border-color .35s,background .35s;cursor:default} .inv-tile:hover{transform:translateY(-6px);border-color:rgba(216,35,42,.5);background:rgba(216,35,42,.08)} .inv-tile .ic{width:34px;height:34px;margin-bottom:.9rem;color:var(--accent);opacity:.9} .inv-tile .ic svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5} .inv-tile span{font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#e7edf3;display:block} .inv-tile::after{content:"";position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--accent);transition:width .4s} .inv-tile:hover::after{width:100%} /* split con imagen + parallax */ body.inv .split .media img{filter:saturate(1.05) contrast(1.02)} .inv-imgtag{position:absolute;left:1rem;bottom:1rem;z-index:3;font-family:var(--mono);font-size:.6rem;letter-spacing:.2em; text-transform:uppercase;color:#fff;background:rgba(8,12,18,.6);border:1px solid rgba(255,255,255,.2); border-radius:999px;padding:.4rem .8rem;backdrop-filter:blur(6px)} /* CTA con borde animado */ body.inv .cta-band{background:linear-gradient(120deg,#0c1118,#10161e)} body.inv .cta-band .bgimg{opacity:.22} .inv-cta-glow{position:absolute;inset:0;z-index:1;pointer-events:none; background:radial-gradient(40vw 40vw at 80% 120%,rgba(216,35,42,.35),transparent 60%); animation:ctaGlow 6s ease-in-out infinite alternate} @keyframes ctaGlow{from{transform:translate(0,0)}to{transform:translate(-6%,-8%)}} /* reveal extra (más expresivo que .rv) */ .inv-rv{opacity:0;transform:translateY(40px) scale(.985); transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1s cubic-bezier(.16,1,.3,1)} .inv-rv.on{opacity:1;transform:none} .inv-rv.d1{transition-delay:.1s}.inv-rv.d2{transition-delay:.2s}.inv-rv.d3{transition-delay:.3s} @media(max-width:900px){ .inv-map-grid{grid-template-columns:1fr;gap:2rem} .inv-sectors{grid-template-columns:1fr 1fr} .inv-hstats{gap:1.6rem} } [dir="rtl"] .inv-hero .veil{background:linear-gradient(250deg,rgba(5,8,12,.92) 0%,rgba(5,8,12,.7) 38%,rgba(5,8,12,.35) 70%,rgba(5,8,12,.6) 100%)} [dir="rtl"] .inv-hstats .it{padding-left:0;padding-right:1.1rem} [dir="rtl"] .inv-hstats .it::before{left:auto;right:0}