:root{--page-title-display:none;}@media(max-width:767px){.elementor-2768 .elementor-element.elementor-element-04a9536{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS */#site-header, .site-header, #masthead { display: none !important; } /* ========================================= FONDO GLOBAL · EL EQUILIBRIO Nude + Aurora ========================================= */ .aurora-page { position: relative; width: 100%; min-height: 100vh; overflow: clip; background: /* Aurora verde superior izquierda */ radial-gradient( circle at 8% 8%, rgba(132, 214, 174, 0.42) 0%, rgba(132, 214, 174, 0.16) 22%, rgba(132, 214, 174, 0) 47% ), /* Nude superior derecha */ radial-gradient( circle at 92% 22%, rgba(224, 188, 166, 0.50) 0%, rgba(224, 188, 166, 0.18) 25%, rgba(224, 188, 166, 0) 52% ), /* Aurora suave zona media */ radial-gradient( circle at 18% 55%, rgba(174, 225, 199, 0.30) 0%, rgba(174, 225, 199, 0.10) 25%, rgba(174, 225, 199, 0) 50% ), /* Nude zona inferior derecha */ radial-gradient( circle at 88% 78%, rgba(218, 184, 163, 0.34) 0%, rgba(218, 184, 163, 0.10) 27%, rgba(218, 184, 163, 0) 50% ), /* Base continua */ linear-gradient( 180deg, #f9f5f1 0%, #f4ebe4 27%, #f0f4ef 53%, #f5eee8 76%, #eef4ef 100% ); } /* Evita desplazamiento lateral */ html, body { overflow-x: clip; } /* Ajuste del fondo en móvil */ @media (max-width: 767px) { .aurora-page { background: radial-gradient( circle at 0% 8%, rgba(132, 214, 174, 0.34) 0%, rgba(132, 214, 174, 0) 40% ), radial-gradient( circle at 100% 27%, rgba(224, 188, 166, 0.38) 0%, rgba(224, 188, 166, 0) 43% ), linear-gradient( 180deg, #f9f5f1 0%, #f4ece5 34%, #f0f4ef 67%, #f5eee9 100% ); } } /* BOTÓN FINAL · FLECHAS */ .aurora-next-button::after { content: "→ → →"; display: inline-block; margin-left: 16px; font-size: 16px; font-weight: 400; line-height: 1; opacity: 0.7; animation: aurora-arrow-move 1.7s ease-in-out infinite; } @keyframes aurora-arrow-move { 0%, 100% { transform: translateX(0); opacity: 0.55; } 50% { transform: translateX(7px); opacity: 1; } } @media (prefers-reduced-motion: reduce) { .aurora-next-button::after { animation: none; } } .aurora-stats { position: relative; overflow: hidden; isolation: isolate; } .aurora-stats > * { position: relative; z-index: 2; } .aurora-stats > .stats-flow-art { position: absolute; inset: 0; z-index: 0; pointer-events: none; } /* ========================================= VIDEO + DESCUBRIR · HALO ORGÁNICO ========================================= */ .aurora-video-intro { background-color: transparent !important; background-image: radial-gradient( ellipse at 47% 48%, rgba(139, 196, 166, 0.20) 0%, rgba(139, 196, 166, 0.10) 28%, rgba(139, 196, 166, 0) 60% ), radial-gradient( ellipse at 58% 52%, rgba(218, 177, 151, 0.18) 0%, rgba(218, 177, 151, 0.08) 30%, rgba(218, 177, 151, 0) 62% ) !important; background-repeat: no-repeat !important; } /* ========================================= PREGUNTAS · CAMPO DE LUZ ========================================= */ .aurora-question { background: radial-gradient( circle at 18% 42%, rgba(218, 177, 151, 0.13) 0%, rgba(218, 177, 151, 0.06) 22%, rgba(218, 177, 151, 0) 42% ), radial-gradient( circle at 82% 42%, rgba(139, 196, 166, 0.14) 0%, rgba(139, 196, 166, 0.06) 22%, rgba(139, 196, 166, 0) 42% ), radial-gradient( ellipse at 50% 82%, rgba(111, 168, 135, 0.16) 0%, rgba(111, 168, 135, 0.07) 28%, rgba(111, 168, 135, 0) 58% ) !important; background-repeat: no-repeat !important; } /* ========================================= NEXT STEP · PORTAL DE CONTINUIDAD ========================================= */ .aurora-next-step { background: radial-gradient( ellipse at 50% 68%, rgba(124, 190, 156, 0.24) 0%, rgba(124, 190, 156, 0.11) 26%, rgba(124, 190, 156, 0) 58% ), radial-gradient( ellipse at 72% 48%, rgba(218, 177, 151, 0.16) 0%, rgba(218, 177, 151, 0.06) 28%, rgba(218, 177, 151, 0) 55% ) !important; background-repeat: no-repeat !important; } .aurora-brandbar { border-bottom: 1px solid rgba(38, 52, 46, 0.08); } /* ================================================== PÁGINA 2 · LA CONEXIÓN FONDO GLOBAL ================================================== */ .connection-page { position: relative; width: 100%; min-height: 100vh; overflow: clip; background: radial-gradient( circle at 8% 12%, rgba(118, 190, 154, 0.34) 0%, rgba(118, 190, 154, 0.13) 24%, rgba(118, 190, 154, 0) 48% ), radial-gradient( circle at 88% 28%, rgba(224, 188, 166, 0.34) 0%, rgba(224, 188, 166, 0.12) 25%, rgba(224, 188, 166, 0) 50% ), radial-gradient( ellipse at 52% 58%, rgba(146, 205, 174, 0.24) 0%, rgba(146, 205, 174, 0.08) 30%, rgba(146, 205, 174, 0) 58% ), radial-gradient( circle at 15% 84%, rgba(214, 177, 154, 0.22) 0%, rgba(214, 177, 154, 0.07) 27%, rgba(214, 177, 154, 0) 50% ), linear-gradient( 180deg, #F4F7F3 0%, #EDF4EF 28%, #F4EEE8 54%, #EDF5F0 76%, #F6F1EC 100% ) !important; } @media (max-width: 767px) { .connection-page { background: radial-gradient( circle at 0% 10%, rgba(118, 190, 154, 0.28) 0%, rgba(118, 190, 154, 0) 42% ), radial-gradient( circle at 100% 34%, rgba(224, 188, 166, 0.27) 0%, rgba(224, 188, 166, 0) 44% ), radial-gradient( circle at 5% 76%, rgba(139, 199, 168, 0.18) 0%, rgba(139, 199, 168, 0) 42% ), linear-gradient( 180deg, #F4F7F3 0%, #EDF4EF 35%, #F4EEE8 67%, #EEF5F0 100% ) !important; } } /* ================================================== TRANSICIÓN HERO → ENTENDER TU NÚMERO ================================================== */ .connection-ratio-section { position: relative; background: linear-gradient( 180deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.08) 70px, rgba(255,255,255,0) 150px ); } /* línea superior muy sutil */ .connection-ratio-section::before { content: ""; position: absolute; top: 0; left: 60px; right: 60px; height: 1px; background: linear-gradient( 90deg, transparent 0%, rgba(90,102,95,0.13) 20%, rgba(111,168,135,0.18) 50%, rgba(90,102,95,0.13) 80%, transparent 100% ); pointer-events: none; } @media (max-width: 767px) { .connection-ratio-section::before { left: 24px; right: 24px; } }/* End custom CSS */