, y el header fijo y el footer como hijos del . */ body:not(.elementor-editor-active) .elementor:has(> .dz-wrap), body:not(.elementor-editor-active) .dz-wrap:not(main), body:not(.elementor-editor-active) .dz-wrap > .e-con-inner, body:not(.elementor-editor-active) .dz-wrap .elementor-widget-html, body:not(.elementor-editor-active) .dz-wrap .elementor-widget-html > .elementor-widget-container, body:not(.elementor-editor-active) .dz-wrap .elementor-widget-shortcode, body:not(.elementor-editor-active) .dz-wrap .elementor-widget-shortcode > .elementor-widget-container, body:not(.elementor-editor-active) .dz-wrap .elementor-shortcode { display: contents; } /*

si es una caja en el prototipo (bloque normal, sin estilos propios): se le quita todo lo que Elementor pone a sus contenedores. */ :root:root:root body:not(.elementor-editor-active) main.dz-wrap { all: revert; } /* Variantes de contenido bloqueado: sin el plugin de miembros activo solo se ve la de visitantes (con el plugin, las demas ni se pintan). */ body:not(.dz-miembros-activo) .dz-sesion-sin-acceso, body:not(.dz-miembros-activo) .dz-con-acceso { display: none !important; } /* Vista de miembros: lo marcado dz-sin-acceso dentro del markup del prototipo desaparece para quien ya tiene acceso (clase del plugin). */ body.dz-con-acceso .dz-sin-acceso { display: none !important; } /* Lo que Elementor impone a todo lo que va dentro de `.elementor` y el prototipo deja al navegador. */ :root .dz-wrap img { max-width: none; } :root .dz-wrap a { box-shadow: revert; text-decoration: revert; } /* En el editor, sin display:contents, los contenedores no deben meter separacion ni relleno propio. */ .elementor-editor-active .dz-wrap { --padding-top:0;--padding-bottom:0;--padding-left:0;--padding-right:0;--gap:0;--row-gap:0;--column-gap:0; } :root .dz-wrap img[height="24"] { height: 24px; } :root .dz-wrap img[height="28"] { height: 28px; } /* ===== CSS comun del prototipo ===== */ :root,body{--dz-breakout:var(--e-global-color-primary,#00E5FF);--dz-take-profit:var(--e-global-color-dztakep,#00C2A8);--dz-order-block:var(--e-global-color-secondary,#007BFF);--dz-alpha:var(--e-global-color-accent,#F0A404);--dz-after-hours:var(--e-global-color-dzafter,#0B1220);--dz-tick:var(--e-global-color-text,#F3F9FF);--dz-stop:var(--e-global-color-dzstopx,#FF5C6C);--dz-bg:var(--e-global-color-dzafter,#0B1220);--dz-black:var(--e-global-color-dzblack,#03060C);--dz-glass:linear-gradient(155deg,rgba(26,40,68,.52),rgba(9,15,28,.42));--dz-glass-2:linear-gradient(155deg,rgba(32,50,84,.62),rgba(12,19,34,.5));--dz-line:rgba(243,249,255,.12);--dz-line-strong:rgba(243,249,255,.24);--dz-edge:inset 0 1px 0 rgba(243,249,255,.09);--dz-depth:0 24px 60px rgba(0,0,0,.38);--dz-text:var(--e-global-color-text,#F3F9FF);--dz-muted:var(--e-global-color-dzmuted,#8DA2BC);--dz-alpha-hover:var(--e-global-color-dzalhov,#FFB81F);--dz-alpha-down:var(--e-global-color-dzaldwn,#D18F03);--dz-breakout-dim:rgba(0,229,255,.10);--dz-take-profit-dim:rgba(0,194,168,.12);--dz-alpha-dim:rgba(240,164,4,.12);--dz-stop-dim:rgba(255,92,108,.12);--dz-font-sans:var(--e-global-typography-text-font-family,'Bricolage Grotesque'),system-ui,sans-serif;--r-sm:10px;--r-md:16px;--r-lg:22px;--r-pill:999px;--dz-ease:cubic-bezier(.16,1,.3,1);--t-fast:120ms;--t-base:220ms;--t-slow:420ms} :where(body:not(.elementor-template-canvas)) *,:root:root:root body:not(.elementor-template-canvas){margin:0;padding:0;box-sizing:border-box} html{scroll-behavior:smooth} :root:root:root body:not(.elementor-template-canvas){color:var(--dz-text);font-family:var(--dz-font-sans);font-weight:300;line-height:1.7;-webkit-font-smoothing:antialiased;background:var(--dz-black)} :root:root:root body:not(.elementor-template-canvas) ::selection{background:var(--dz-breakout);color:var(--dz-after-hours)} :root:root:root body:not(.elementor-template-canvas) :focus-visible{outline:2px solid var(--dz-breakout);outline-offset:2px;border-radius:4px} :root:root:root body:not(.elementor-template-canvas) img,:root:root:root body:not(.elementor-template-canvas) svg{display:inline-block;vertical-align:middle} :root:root:root body:not(.elementor-template-canvas) .container{max-width:1320px;margin-inline:auto;padding-inline:32px} :root:root:root body:not(.elementor-template-canvas) .label{font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase} :root:root:root body:not(.elementor-template-canvas) .mut{color:var(--dz-muted)} :root:root:root body:not(.elementor-template-canvas) .icon{color:inherit} :root:root:root body:not(.elementor-template-canvas) .skip{position:absolute;left:-999px;top:0;background:var(--dz-alpha);color:var(--dz-after-hours);padding:10px 18px;z-index:99;font-size:12px;font-weight:600;border-radius:0 0 var(--r-sm) 0} :root:root:root body:not(.elementor-template-canvas) .skip:focus{left:0} :root:root:root body:not(.elementor-template-canvas) header{position:fixed;top:0;left:0;right:0;z-index:50;background:transparent;border-bottom:1px solid transparent;transition:background var(--t-base) var(--dz-ease),border-color var(--t-base) var(--dz-ease)} :root:root:root body:not(.elementor-template-canvas) header.scrolled{background:rgba(8,13,24,.85);backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom-color:rgba(243,249,255,.08)} :root:root:root body:not(.elementor-template-canvas) .hd{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px} :root:root:root body:not(.elementor-template-canvas) .hd nav{display:flex;gap:28px;align-items:center} :root:root:root body:not(.elementor-template-canvas) .hd nav a{color:var(--dz-muted);text-decoration:none;font-size:15px;font-weight:400;text-transform:none;letter-spacing:0;transition:color var(--t-fast) var(--dz-ease)} :root:root:root body:not(.elementor-template-canvas) .hd nav a:hover{color:var(--dz-tick)} :root:root:root body:not(.elementor-template-canvas) .hd nav a.act{color:var(--dz-breakout)} :root:root:root body:not(.elementor-template-canvas) .hd nav{gap:24px} :root:root:root body:not(.elementor-template-canvas) .dd{position:relative;padding:26px 0;margin:-26px 0} :root:root:root body:not(.elementor-template-canvas) .dd-t{display:inline-flex;align-items:center;gap:6px} :root:root:root body:not(.elementor-template-canvas) .dd-t svg{width:11px;height:11px;transition:transform var(--t-base) var(--dz-ease)} :root:root:root body:not(.elementor-template-canvas) .dd:hover .dd-t svg,:root:root:root body:not(.elementor-template-canvas) .dd:focus-within .dd-t svg{transform:rotate(180deg)} :root:root:root body:not(.elementor-template-canvas) .dd-m{position:absolute;top:calc(100% - 10px);left:-18px;min-width:250px;padding:8px;border-radius:14px;background:rgba(8,13,24,.97);border:1px solid var(--dz-line-strong);box-shadow:0 18px 40px rgba(0,0,0,.5);opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity var(--t-base) var(--dz-ease),transform var(--t-base) var(--dz-ease),visibility var(--t-base)} :root:root:root body:not(.elementor-template-canvas) .dd:hover .dd-m,:root:root:root body:not(.elementor-template-canvas) .dd:focus-within .dd-m{opacity:1;visibility:visible;transform:none} :root:root:root body:not(.elementor-template-canvas) .hd nav .dd-m a{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;border-radius:9px;font-size:14.5px} :root:root:root body:not(.elementor-template-canvas) .hd nav .dd-m a:hover{background:rgba(243,249,255,.06);color:var(--dz-tick)} :root:root:root body:not(.elementor-template-canvas) .dd-l{display:block;font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:rgba(141,162,188,.7);padding:8px 12px 4px} :root:root:root body:not(.elementor-template-canvas) .dd-sep{height:1px;background:var(--dz-line);margin:6px 8px} :root:root:root body:not(.elementor-template-canvas) .hd nav .dd-m a.act{color:var(--dz-breakout)} :root:root:root body:not(.elementor-template-canvas) .dd-m em{font-style:normal;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--dz-alpha);border:1px solid rgba(240,164,4,.4);border-radius:99px;padding:2px 8px} @media (max-width:1240px){:root:root:root body:not(.elementor-template-canvas) .hd nav{gap:18px} :root:root:root body:not(.elementor-template-canvas) .hd nav a{font-size:14px}} :root:root:root body:not(.elementor-template-canvas) .hd .logo img{height:24px;width:auto;display:block} :root:root:root body:not(.elementor-template-canvas) .hd-r{display:flex;align-items:center;gap:22px} :root:root:root body:not(.elementor-template-canvas) .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 30px;font-family:var(--dz-font-sans);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:1px solid transparent;background:none;color:var(--dz-tick);border-radius:var(--r-pill);transition:all var(--t-fast) var(--dz-ease);white-space:nowrap} :root:root:root body:not(.elementor-template-canvas) .btn.sm{height:42px;padding:0 22px;font-size:12px} :root:root:root body:not(.elementor-template-canvas) .btn-primary{background:var(--dz-alpha);color:var(--dz-after-hours);font-weight:700} :root:root:root body:not(.elementor-template-canvas) .btn-primary:hover{background:var(--dz-alpha-hover)} :root:root:root body:not(.elementor-template-canvas) .btn-ghost{color:var(--dz-muted);padding:0 12px} :root:root:root body:not(.elementor-template-canvas) .btn-ghost:hover{color:var(--dz-breakout)} :root:root:root body:not(.elementor-template-canvas) footer{border-top:1px solid var(--dz-line);padding:80px 0 0;background:linear-gradient(180deg,rgba(7,12,22,.4),var(--dz-black) 70%)} :root:root:root body:not(.elementor-template-canvas) .ft{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:40px;padding-bottom:60px} :root:root:root body:not(.elementor-template-canvas) .ft h4{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dz-muted);font-weight:600;margin-bottom:20px} :root:root:root body:not(.elementor-template-canvas) .ft ul{list-style:none;display:grid;gap:12px} :root:root:root body:not(.elementor-template-canvas) .ft a{color:var(--dz-muted);text-decoration:none;font-size:14px;transition:color var(--t-fast) var(--dz-ease)} :root:root:root body:not(.elementor-template-canvas) .ft a:hover{color:var(--dz-breakout)} :root:root:root body:not(.elementor-template-canvas) .ft .brand p{color:var(--dz-muted);font-size:13px;max-width:34ch;margin-top:18px} :root:root:root body:not(.elementor-template-canvas) .ft-base{border-top:1px solid var(--dz-line);padding:22px 0;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--dz-muted);font-size:10px} :root:root:root body:not(.elementor-template-canvas) .ft-legal{display:flex;gap:20px} :root:root:root body:not(.elementor-template-canvas) .ft-legal a{color:var(--dz-muted);text-decoration:none} :root:root:root body:not(.elementor-template-canvas) .ft-legal a:hover{color:var(--dz-tick)} :root:root:root body:not(.elementor-template-canvas) .disc{border-top:1px solid var(--dz-line);padding:20px 0;color:rgba(141,162,188,.7);font-size:11px;line-height:1.6} @media (max-width:1024px){:root:root:root body:not(.elementor-template-canvas) .ft{grid-template-columns:1fr 1fr}} @media (max-width:768px){:root:root:root body:not(.elementor-template-canvas) .hd nav{display:none} :root:root:root body:not(.elementor-template-canvas) .container{padding-inline:20px}} @media (min-width:1241px){:root:root:root body:not(.elementor-template-canvas) .hd nav{gap:46px} :root:root:root body:not(.elementor-template-canvas) .hd nav>a,:root:root:root body:not(.elementor-template-canvas) .hd nav>.dd>.dd-t{font-size:16.5px}} :root:root:root body:not(.elementor-template-canvas) .dd-m em{white-space:nowrap;flex-shrink:0} :root:root:root body:not(.elementor-template-canvas) .dd-m a{white-space:nowrap} :root:root:root body:not(.elementor-template-canvas) .burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--dz-line-strong);background:rgba(243,249,255,.04);color:var(--dz-tick);cursor:pointer;align-items:center;justify-content:center;padding:0} :root:root:root body:not(.elementor-template-canvas) .burger span,:root:root:root body:not(.elementor-template-canvas) .burger span::before,:root:root:root body:not(.elementor-template-canvas) .burger span::after{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;position:relative;transition:transform .22s var(--dz-ease),background .15s} :root:root:root body:not(.elementor-template-canvas) .burger span::before,:root:root:root body:not(.elementor-template-canvas) .burger span::after{content:'';position:absolute;left:0} :root:root:root body:not(.elementor-template-canvas) .burger span::before{top:-6px} :root:root:root body:not(.elementor-template-canvas) .burger span::after{top:6px} :root:root:root body:not(.elementor-template-canvas) header.open .burger span{background:transparent} :root:root:root body:not(.elementor-template-canvas) header.open .burger span::before{top:0;transform:rotate(45deg)} :root:root:root body:not(.elementor-template-canvas) header.open .burger span::after{top:0;transform:rotate(-45deg)} :root:root:root body:not(.elementor-template-canvas) .nav-cta{display:none} @media (max-width:960px){:root:root:root body:not(.elementor-template-canvas) .hd{gap:12px} :root:root:root body:not(.elementor-template-canvas) .hd-r>.btn{display:none} :root:root:root body:not(.elementor-template-canvas) .burger{display:inline-flex} :root:root:root body:not(.elementor-template-canvas) header.open{background:rgba(8,13,24,.98);border-bottom-color:rgba(243,249,255,.08)} :root:root:root body:not(.elementor-template-canvas) header .hd nav{display:none;position:absolute;top:72px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:2px 20px 22px;background:rgba(8,13,24,.98);border-bottom:1px solid var(--dz-line);max-height:calc(100vh - 72px);max-height:calc(100dvh - 72px);overflow-y:auto} :root:root:root body:not(.elementor-template-canvas) header.open .hd nav{display:flex} :root:root:root body:not(.elementor-template-canvas) header .hd nav>a,:root:root:root body:not(.elementor-template-canvas) header .hd nav .dd-t{padding:12px 0;font-size:16.5px;color:var(--dz-tick);border-bottom:1px solid var(--dz-line)} :root:root:root body:not(.elementor-template-canvas) header .hd nav a.act{color:var(--dz-breakout)} :root:root:root body:not(.elementor-template-canvas) .dd{padding:0;margin:0} :root:root:root body:not(.elementor-template-canvas) .dd-t{display:flex;width:100%} :root:root:root body:not(.elementor-template-canvas) .dd-t svg{display:none} :root:root:root body:not(.elementor-template-canvas) .dd-m{position:static;min-width:0;padding:4px 0 8px 14px;background:none;border:0;box-shadow:none;border-radius:0;opacity:1;visibility:visible;transform:none;border-left:1px solid var(--dz-line);margin:4px 0 8px 2px} :root:root:root body:not(.elementor-template-canvas) header .hd nav .dd-m a{padding:8px 10px;font-size:15px;color:var(--dz-muted)} :root:root:root body:not(.elementor-template-canvas) header .hd nav .dd-m a.act{color:var(--dz-breakout)} :root:root:root body:not(.elementor-template-canvas) .dd-l{padding:6px 10px 2px} :root:root:root body:not(.elementor-template-canvas) .nav-cta{display:flex;flex-direction:column;gap:10px;margin-top:16px} :root:root:root body:not(.elementor-template-canvas) header .hd nav .nav-cta a{display:flex;justify-content:center;align-items:center;height:50px;padding:0 24px;border-radius:99px;font-size:14px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--dz-line-strong);color:var(--dz-tick)} :root:root:root body:not(.elementor-template-canvas) header .hd nav .nav-cta a.p{background:var(--dz-alpha);border-color:var(--dz-alpha);color:var(--dz-after-hours)}} @media (max-width:480px){:root:root:root body:not(.elementor-template-canvas) .btn{white-space:normal;text-align:center;height:auto;min-height:50px;padding:10px 22px;line-height:1.25} :root:root:root body:not(.elementor-template-canvas) .btn.sm{min-height:0;padding:9px 16px} :root:root:root body:not(.elementor-template-canvas) main [class*="grid"],:root:root:root body:not(.elementor-template-canvas) main .price-wrap,:root:root:root body:not(.elementor-template-canvas) main .split,:root:root:root body:not(.elementor-template-canvas) main .statement,:root:root:root body:not(.elementor-template-canvas) main .matrix,:root:root:root body:not(.elementor-template-canvas) main .notes,:root:root:root body:not(.elementor-template-canvas) main .feats,:root:root:root body:not(.elementor-template-canvas) main .bento{grid-template-columns:minmax(0,1fr)} :root:root:root body:not(.elementor-template-canvas) main [class*="grid"]>*,:root:root:root body:not(.elementor-template-canvas) main .price-wrap>*,:root:root:root body:not(.elementor-template-canvas) main .split>*,:root:root:root body:not(.elementor-template-canvas) main .statement>*,:root:root:root body:not(.elementor-template-canvas) main .matrix>*,:root:root:root body:not(.elementor-template-canvas) main .notes>*,:root:root:root body:not(.elementor-template-canvas) main .feats>*,:root:root:root body:not(.elementor-template-canvas) main .bento>*{min-width:0}}/* End custom CSS */