.elementor-8288 .elementor-element.elementor-element-76426a2{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-37b0eaa */html{scroll-behavior:smooth} @media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}} /* ---------- Aislamiento anti-Elementor ---------- */ #psicopro-kyra-wrapper { --azul:#2660e1; --azul-claro:#5a8bff; --navy:#113c9a; --navy-oscuro:#061e54; --tinte:#edf1fd; --tinte-2:#ccdeff; --tinte-3:#f6f9ff; --amarillo:#FBF9CF; --melocoton:#ffe5db; --texto:#1c2536; --texto-suave:#5a6478; --blanco:#ffffff; --radio:16px; --radio-lg:24px; --sombra:0 8px 30px rgba(6,30,84,.08); --sombra-sutil:0 4px 18px rgba(6,30,84,.06); font-family: 'Inter', system-ui, sans-serif !important; color: var(--texto) !important; background: var(--blanco) !important; line-height: 1.6 !important; -webkit-font-smoothing: antialiased !important; text-align: left; overflow-x: hidden; font-size: 16px !important; } /* Reset fuerte para todos los elementos dentro del wrapper */ #psicopro-kyra-wrapper *, #psicopro-kyra-wrapper *::before, #psicopro-kyra-wrapper *::after { margin: 0; padding: 0; box-sizing: border-box !important; } #psicopro-kyra-wrapper h1, #psicopro-kyra-wrapper h2, #psicopro-kyra-wrapper h3 { font-family: 'Sora', sans-serif !important; font-weight: 800 !important; font-style: normal !important; line-height: 1.15 !important; letter-spacing: -0.01em !important; text-transform: none !important; color: var(--navy-oscuro) !important; margin: 0; } #psicopro-kyra-wrapper img { max-width: 100% !important; height: auto !important; display: inline-block; } #psicopro-kyra-wrapper a { color: inherit !important; text-decoration: none !important; box-shadow: none !important; } #psicopro-kyra-wrapper ul, #psicopro-kyra-wrapper li { list-style: none !important; margin: 0 !important; padding: 0 !important; } #psicopro-kyra-wrapper p { margin: 0; color: inherit; } #psicopro-kyra-wrapper .contenedor { max-width: 1080px; margin: 0 auto; padding: 0 24px; } /* ---------- Eyebrow / píldora de sección ---------- */ #psicopro-kyra-wrapper .eyebrow { display: inline-flex; align-items: center; gap: 7px; background: var(--tinte) !important; color: var(--azul) !important; font-family: 'Sora', sans-serif !important; font-weight: 700 !important; font-size: .72rem !important; text-transform: uppercase !important; letter-spacing: .1em !important; padding: 7px 16px !important; border-radius: 99px !important; margin-bottom: 20px !important; } #psicopro-kyra-wrapper .eyebrow svg { flex-shrink: 0; } #psicopro-kyra-wrapper .titulo-azul { color: var(--azul) !important; } /* ---------- Banner oferta ---------- */ #psicopro-kyra-wrapper .banner-oferta { background: var(--navy-oscuro) !important; color: var(--blanco) !important; text-align: center; padding: 10px 16px !important; font-size: .92rem !important; font-weight: 500 !important; } #psicopro-kyra-wrapper .banner-oferta strong { background: var(--amarillo) !important; color: var(--navy-oscuro) !important; padding: 2px 10px !important; border-radius: 99px !important; font-weight: 700 !important; margin: 0 6px !important; white-space: nowrap; display: inline-block; } /* ---------- Header mínimo ---------- */ #psicopro-kyra-wrapper header { position: sticky; top: 0; background: rgba(255,255,255,.92) !important; backdrop-filter: blur(8px); border-bottom: 1px solid var(--tinte-2) !important; z-index: 50; } #psicopro-kyra-wrapper .header-int { display: flex; align-items: center; justify-content: space-between; padding: 14px 24px !important; max-width: 1080px; margin: 0 auto; } #psicopro-kyra-wrapper .logo { display: inline-flex !important; align-items: center !important; font-family: 'Sora', sans-serif !important; font-weight: 800 !important; font-size: 1.25rem !important; color: var(--navy-oscuro) !important; text-decoration: none !important; } #psicopro-kyra-wrapper .logo span { color: var(--azul) !important; } #psicopro-kyra-wrapper .logo img { height: 32px !important; width: auto !important; max-width: none !important; display: block !important; } /* ---------- Botones ---------- */ #psicopro-kyra-wrapper .btn { display: inline-block; font-family: 'Sora', sans-serif !important; font-weight: 700 !important; text-decoration: none !important; border-radius: 99px !important; transition: transform .15s ease, box-shadow .15s ease; text-align: center; cursor: pointer; } #psicopro-kyra-wrapper .btn-primario { background: var(--azul) !important; color: var(--blanco) !important; padding: 16px 34px !important; font-size: 1.05rem !important; box-shadow: 0 6px 20px rgba(38,96,225,.35) !important; border: none !important; } #psicopro-kyra-wrapper .btn-primario:hover { transform: translateY(-2px); box-shadow: 0 10px 26px rgba(38,96,225,.45) !important; } #psicopro-kyra-wrapper .btn-header { background: var(--azul) !important; color: var(--blanco) !important; padding: 10px 22px !important; font-size: .92rem !important; border: none !important; } #psicopro-kyra-wrapper .btn-header:hover { background: var(--navy) !important; } #psicopro-kyra-wrapper .btn-secundario { background: var(--blanco) !important; color: var(--navy) !important; border: 2px solid var(--tinte-2) !important; padding: 14px 32px !important; font-size: 1rem !important; } #psicopro-kyra-wrapper .btn-secundario:hover { border-color: var(--azul) !important; color: var(--azul) !important; } /* ---------- Hero ---------- */ #psicopro-kyra-wrapper .hero { background: linear-gradient(180deg,var(--tinte) 0%,var(--blanco) 100%) !important; padding: 64px 0 72px !important; overflow: hidden; } #psicopro-kyra-wrapper .hero-int { display: grid; grid-template-columns: 1.05fr .95fr; gap: 56px; align-items: center; } #psicopro-kyra-wrapper .hero h1 { font-size: clamp(2rem,4.6vw,3.1rem) !important; font-weight: 800 !important; margin-bottom: 18px !important; } #psicopro-kyra-wrapper .hero h1 em { font-style: normal !important; color: var(--azul) !important; } #psicopro-kyra-wrapper .hero p.sub { font-size: 1.15rem !important; color: var(--texto-suave) !important; margin-bottom: 28px !important; max-width: 46ch; } #psicopro-kyra-wrapper .hero-ctas { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; margin-bottom: 20px !important; } #psicopro-kyra-wrapper .garantias { display: flex; gap: 18px; flex-wrap: wrap; font-size: .88rem !important; color: var(--texto-suave) !important; } #psicopro-kyra-wrapper .garantias li { display: flex; align-items: center; gap: 6px; } #psicopro-kyra-wrapper .garantias svg { flex-shrink: 0; } #psicopro-kyra-wrapper .hero p.legal { font-size: .88rem !important; color: var(--texto-suave) !important; max-width: 52ch; margin-top: 18px !important; } /* ---------- Nota clínica animada (firma visual) ---------- */ #psicopro-kyra-wrapper .nota-demo { background: var(--blanco) !important; border: 1px solid var(--tinte-2) !important; border-radius: var(--radio) !important; box-shadow: var(--sombra) !important; overflow: hidden; } #psicopro-kyra-wrapper .nota-cabecera { display: flex; align-items: center; gap: 10px; background: var(--tinte) !important; padding: 12px 18px !important; border-bottom: 1px solid var(--tinte-2) !important; } #psicopro-kyra-wrapper .punto { width: 10px; height: 10px; border-radius: 50%; background: var(--tinte-2) !important; } #psicopro-kyra-wrapper .nota-cabecera .titulo-nota { font-size: .8rem !important; font-weight: 600 !important; color: var(--navy) !important; margin-left: 6px !important; } #psicopro-kyra-wrapper .grabando { margin-left: auto; display: flex; align-items: center; gap: 6px; font-size: .75rem !important; color: var(--azul) !important; font-weight: 600 !important; } #psicopro-kyra-wrapper .grabando::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--azul) !important; animation: pulso 1.4s infinite; } @keyframes pulso { 0%, 100% { opacity: 1; } 50% { opacity: .3; } } #psicopro-kyra-wrapper .nota-cuerpo { padding: 22px 24px !important; font-size: .88rem !important; min-height: 280px; } #psicopro-kyra-wrapper .linea-nota { margin-bottom: 14px !important; opacity: 0; animation: aparecer .5s ease forwards; } #psicopro-kyra-wrapper .linea-nota h4 { font-family: 'Sora', sans-serif !important; font-size: .78rem !important; color: var(--azul) !important; text-transform: uppercase !important; letter-spacing: .06em !important; margin-bottom: 4px !important; } #psicopro-kyra-wrapper .linea-nota p { color: var(--texto-suave) !important; } #psicopro-kyra-wrapper .linea-nota .meta { display: block; font-size: .78rem !important; color: var(--texto-suave) !important; opacity: .75; margin-top: 3px !important; } #psicopro-kyra-wrapper .linea-nota:nth-child(1) { animation-delay: .4s; } #psicopro-kyra-wrapper .linea-nota:nth-child(2) { animation-delay: 1.3s; } #psicopro-kyra-wrapper .linea-nota:nth-child(3) { animation-delay: 2.2s; } #psicopro-kyra-wrapper .linea-nota:nth-child(4) { animation-delay: 3.1s; } #psicopro-kyra-wrapper .nota-lista { opacity: 0; animation: aparecer .5s ease forwards; animation-delay: 4s; display: inline-flex; align-items: center; gap: 8px; background: var(--amarillo) !important; color: var(--navy-oscuro) !important; font-weight: 700 !important; font-size: .82rem !important; padding: 8px 16px !important; border-radius: 99px !important; margin-top: 4px !important; } @keyframes aparecer { to { opacity: 1; } } @media (prefers-reduced-motion: reduce) { #psicopro-kyra-wrapper .linea-nota, #psicopro-kyra-wrapper .nota-lista { animation: none; opacity: 1; } #psicopro-kyra-wrapper .grabando::before { animation: none; } #psicopro-kyra-wrapper .btn:hover { transform: none !important; } } /* ---------- Dolor ---------- */ #psicopro-kyra-wrapper .dolor { padding: 80px 0 !important; background: linear-gradient(180deg,var(--blanco) 0%,var(--tinte-3) 100%) !important; } #psicopro-kyra-wrapper .dolor-int { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; margin-bottom: 52px; } #psicopro-kyra-wrapper .dolor h2 { font-size: clamp(1.9rem,3.8vw,2.6rem) !important; font-weight: 800 !important; margin-bottom: 20px !important; max-width: 15ch; } #psicopro-kyra-wrapper .dolor h2 em { font-style: normal !important; color: var(--azul) !important; } #psicopro-kyra-wrapper .dolor p.intro { color: var(--texto-suave) !important; font-size: 1.08rem !important; max-width: 46ch; } #psicopro-kyra-wrapper .dolor p.intro strong { color: var(--navy) !important; font-weight: 600 !important; } /* Ilustración nota manual */ #psicopro-kyra-wrapper .dolor-visual { position: relative; min-height: 300px; display: flex; justify-content: center; align-items: center; } #psicopro-kyra-wrapper .reloj-bg { position: absolute; top: -6px; right: 6px; width: 96px; height: 96px; opacity: .5; z-index: 0; } #psicopro-kyra-wrapper .nota-papel { position: relative; z-index: 1; background: #fffdf3 !important; border: 1px solid #efe9cf !important; border-radius: 10px !important; box-shadow: 0 14px 40px rgba(6,30,84,.12) !important; padding: 26px 30px !important; width: min(340px,100%); transform: rotate(-2.5deg); } #psicopro-kyra-wrapper .nota-papel .papel-cab { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; border-bottom: 1px dashed #ded7ba !important; padding-bottom: 12px !important; margin-bottom: 14px !important; } #psicopro-kyra-wrapper .nota-papel .papel-titulo { font-family: 'Sora', sans-serif !important; font-style: italic !important; font-weight: 700 !important; font-size: 1.15rem !important; color: var(--navy-oscuro) !important; } #psicopro-kyra-wrapper .nota-papel .papel-tiempo { display: inline-flex; align-items: center; gap: 5px; font-size: .78rem !important; color: #b08900 !important; font-weight: 600 !important; white-space: nowrap; } #psicopro-kyra-wrapper .nota-papel li { display: flex; align-items: center; gap: 10px; font-size: .95rem !important; color: #8a8570 !important; margin-bottom: 12px !important; font-style: italic; } #psicopro-kyra-wrapper .nota-papel li:last-child { margin-bottom: 0 !important; } #psicopro-kyra-wrapper .nota-papel li svg { flex-shrink: 0; } #psicopro-kyra-wrapper .bola-papel { position: absolute; bottom: -14px; right: -6px; width: 78px; height: 78px; z-index: 2; } /* Stats de dolor */ #psicopro-kyra-wrapper .dolor-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; background: var(--blanco) !important; border: 1px solid var(--tinte-2) !important; border-radius: var(--radio-lg) !important; box-shadow: var(--sombra-sutil) !important; padding: 34px 32px !important; } #psicopro-kyra-wrapper .stat { text-align: center; padding: 0 8px !important; } #psicopro-kyra-wrapper .stat .stat-ico { width: 52px; height: 52px; border-radius: 50%; background: var(--tinte) !important; display: flex; align-items: center; justify-content: center; margin: 0 auto 14px !important; } #psicopro-kyra-wrapper .stat h3 { font-size: 1.02rem !important; margin-bottom: 6px !important; } #psicopro-kyra-wrapper .stat p { color: var(--texto-suave) !important; font-size: .9rem !important; } #psicopro-kyra-wrapper .stat p strong { color: var(--azul) !important; font-weight: 600 !important; } /* ---------- Pasos ---------- */ #psicopro-kyra-wrapper .pasos { padding: 80px 0 !important; background: var(--blanco) !important; } #psicopro-kyra-wrapper .pasos-cab { text-align: center; margin-bottom: 52px; } #psicopro-kyra-wrapper .pasos-cab h2 { font-size: clamp(2rem,4vw,2.8rem) !important; font-weight: 800 !important; margin-bottom: 12px !important; } #psicopro-kyra-wrapper .pasos-cab p { color: var(--texto-suave) !important; font-size: 1.08rem !important; } #psicopro-kyra-wrapper .pasos-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 26px; position: relative; } /* Línea punteada conectora (visible en los huecos entre tarjetas) */ #psicopro-kyra-wrapper .pasos-grid::before { content: ""; position: absolute; top: 68px; left: 16.6%; right: 16.6%; border-top: 2px dashed var(--tinte-2) !important; z-index: 0; } #psicopro-kyra-wrapper .paso { position: relative; z-index: 1; background: var(--blanco) !important; border: 1px solid var(--tinte-2) !important; border-radius: var(--radio-lg) !important; padding: 36px 28px 30px !important; text-align: center; overflow: hidden; transition: transform .18s ease, box-shadow .18s ease; } #psicopro-kyra-wrapper .paso:hover { transform: translateY(-4px); box-shadow: var(--sombra) !important; } #psicopro-kyra-wrapper .paso::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 40px; background: no-repeat center bottom / cover url("data:image/svg+xml;utf8,"); opacity: .8; pointer-events: none; } #psicopro-kyra-wrapper .paso-ico { width: 64px; height: 64px; border-radius: 50%; background: var(--blanco) !important; border: 2px solid var(--tinte-2) !important; display: flex; align-items: center; justify-content: center; margin: 0 auto 16px !important; color: var(--azul) !important; } #psicopro-kyra-wrapper .paso .num { font-family: 'Sora', sans-serif !important; font-size: 1.7rem !important; font-weight: 800 !important; color: var(--azul) !important; margin-bottom: 8px !important; line-height: 1 !important; } #psicopro-kyra-wrapper .paso h3 { font-size: 1.12rem !important; margin-bottom: 12px !important; padding-bottom: 12px !important; position: relative; } #psicopro-kyra-wrapper .paso h3::after { content: ""; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 28px; height: 3px; border-radius: 99px; background: var(--azul) !important; } #psicopro-kyra-wrapper .paso p { color: var(--texto-suave) !important; font-size: .93rem !important; position: relative; z-index: 1; } /* Barra de seguridad */ #psicopro-kyra-wrapper .barra-seguridad { display: flex; align-items: center; gap: 16px; justify-content: center; background: var(--tinte) !important; border-radius: var(--radio) !important; padding: 22px 30px !important; margin-top: 40px !important; text-align: left; } #psicopro-kyra-wrapper .barra-seguridad .escudo { width: 42px; height: 42px; border-radius: 12px; background: var(--azul) !important; display: flex; align-items: center; justify-content: center; flex-shrink: 0; } #psicopro-kyra-wrapper .barra-seguridad strong { display: block; font-family: 'Sora', sans-serif !important; color: var(--navy-oscuro) !important; font-size: .98rem !important; font-weight: 700 !important; } #psicopro-kyra-wrapper .barra-seguridad span { color: var(--texto-suave) !important; font-size: .9rem !important; } /* ---------- Beneficios ---------- */ #psicopro-kyra-wrapper .beneficios { padding: 80px 0 !important; background: var(--tinte-3) !important; } #psicopro-kyra-wrapper .beneficios h2 { text-align: center; font-size: clamp(2rem,4vw,2.8rem) !important; font-weight: 800 !important; margin-bottom: 14px !important; } #psicopro-kyra-wrapper .beneficios .sub-seccion { text-align: center; color: var(--texto-suave) !important; max-width: 56ch; margin: 0 auto 48px !important; font-size: 1.05rem !important; } #psicopro-kyra-wrapper .beneficios-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 26px; } #psicopro-kyra-wrapper .beneficio { background: var(--blanco) !important; border: 1px solid var(--tinte-2) !important; border-radius: var(--radio-lg) !important; padding: 34px 30px !important; transition: transform .18s ease, box-shadow .18s ease; } #psicopro-kyra-wrapper .beneficio:hover { transform: translateY(-4px); box-shadow: var(--sombra) !important; } #psicopro-kyra-wrapper .beneficio .icono { width: 52px; height: 52px; border-radius: 14px !important; background: var(--azul) !important; display: flex; align-items: center; justify-content: center; margin-bottom: 20px !important; box-shadow: 0 6px 16px rgba(38,96,225,.3); } #psicopro-kyra-wrapper .beneficio h3 { font-size: 1.12rem !important; margin-bottom: 8px !important; } #psicopro-kyra-wrapper .beneficio p { color: var(--texto-suave) !important; font-size: .95rem !important; } #psicopro-kyra-wrapper .beneficio strong { color: var(--navy) !important; font-weight: 600 !important; } /* ---------- Memoria longitudinal ---------- */ #psicopro-kyra-wrapper .memoria { padding: 80px 0 !important; background: var(--blanco) !important; } #psicopro-kyra-wrapper .memoria-int { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; } #psicopro-kyra-wrapper .memoria h2 { font-size: clamp(2rem,4vw,2.8rem) !important; font-weight: 800 !important; margin-bottom: 18px !important; max-width: 14ch; } #psicopro-kyra-wrapper .memoria p.desc { color: var(--texto-suave) !important; font-size: 1.05rem !important; margin-bottom: 28px !important; max-width: 44ch; } #psicopro-kyra-wrapper .memoria-features li { display: flex; gap: 14px; align-items: flex-start; margin-bottom: 20px !important; } #psicopro-kyra-wrapper .memoria-features li:last-child { margin-bottom: 0 !important; } #psicopro-kyra-wrapper .feat-ico { width: 42px; height: 42px; border-radius: 12px; background: var(--tinte) !important; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: var(--azul) !important; } #psicopro-kyra-wrapper .memoria-features h4 { font-family: 'Sora', sans-serif !important; font-size: .98rem !important; color: var(--navy-oscuro) !important; font-weight: 700 !important; margin-bottom: 2px !important; } #psicopro-kyra-wrapper .memoria-features p { font-size: .9rem !important; color: var(--texto-suave) !important; } #psicopro-kyra-wrapper .timeline-card { background: var(--tinte-3) !important; border: 1px solid var(--tinte-2) !important; border-radius: var(--radio-lg) !important; padding: 30px 28px !important; } #psicopro-kyra-wrapper .sesion-item { display: flex; gap: 18px; position: relative; padding-bottom: 22px !important; } #psicopro-kyra-wrapper .sesion-item:last-child { padding-bottom: 0 !important; } #psicopro-kyra-wrapper .sesion-item::before { content: ""; position: absolute; left: 9px; top: 26px; bottom: 0; width: 2px; background: var(--tinte-2) !important; } #psicopro-kyra-wrapper .sesion-item:last-child::before { display: none !important; } #psicopro-kyra-wrapper .sesion-punto { width: 20px; height: 20px; border-radius: 50%; background: var(--blanco) !important; border: 3px solid var(--tinte-2) !important; flex-shrink: 0; margin-top: 3px; z-index: 1; } #psicopro-kyra-wrapper .sesion-item.actual .sesion-punto { border-color: var(--azul) !important; background: var(--azul) !important; box-shadow: 0 0 0 4px rgba(38,96,225,.18); } #psicopro-kyra-wrapper .sesion-cuerpo { background: var(--blanco) !important; border: 1px solid var(--tinte-2) !important; border-radius: 12px !important; padding: 14px 16px !important; flex-grow: 1; } #psicopro-kyra-wrapper .sesion-item.actual .sesion-cuerpo { border-color: var(--azul) !important; box-shadow: var(--sombra-sutil) !important; } #psicopro-kyra-wrapper .sesion-item h4 { font-family: 'Sora', sans-serif !important; font-size: .72rem !important; color: var(--azul) !important; text-transform: uppercase !important; letter-spacing: .08em !important; margin-bottom: 4px !important; font-weight: 700 !important; } #psicopro-kyra-wrapper .sesion-item p { font-size: .88rem !important; color: var(--texto-suave) !important; } #psicopro-kyra-wrapper .memoria-nota { display: flex; align-items: flex-start; gap: 12px; background: var(--tinte) !important; border-radius: 12px !important; padding: 16px 18px !important; margin-top: 20px !important; } #psicopro-kyra-wrapper .memoria-nota svg { flex-shrink: 0; margin-top: 2px; } #psicopro-kyra-wrapper .memoria-nota strong { display: block; font-family: 'Sora', sans-serif !important; color: var(--navy-oscuro) !important; font-size: .92rem !important; font-weight: 700 !important; } #psicopro-kyra-wrapper .memoria-nota span { color: var(--texto-suave) !important; font-size: .85rem !important; } /* ---------- Testimonio ---------- */ #psicopro-kyra-wrapper .testimonio { padding: 0 0 80px !important; background: var(--blanco) !important; } #psicopro-kyra-wrapper .testimonio-caja { background: var(--melocoton) !important; border-radius: var(--radio-lg) !important; padding: 44px 40px !important; text-align: center; max-width: 760px; margin: 0 auto; } #psicopro-kyra-wrapper .testimonio blockquote { font-family: 'Sora', sans-serif !important; font-size: 1.25rem !important; font-weight: 600 !important; color: var(--navy-oscuro) !important; max-width: 38ch; margin: 0 auto 18px !important; padding: 0 !important; border: none !important; } #psicopro-kyra-wrapper .testimonio cite { font-style: normal !important; color: var(--texto-suave) !important; font-size: .92rem !important; display: block; } /* ---------- Precios ---------- */ #psicopro-kyra-wrapper .precios { background: var(--tinte-3) !important; padding: 80px 0 !important; } #psicopro-kyra-wrapper .precios h2 { text-align: center; font-size: clamp(2rem,4vw,2.8rem) !important; font-weight: 800 !important; margin-bottom: 12px !important; } #psicopro-kyra-wrapper .precios .sub-seccion { text-align: center; color: var(--texto-suave) !important; margin-bottom: 32px !important; font-size: 1.05rem !important; } #psicopro-kyra-wrapper .controls-wrapper { display: flex; justify-content: center; margin-bottom: 36px !important; } #psicopro-kyra-wrapper .currency-select { padding: 7px 16px !important; border-radius: 10px !important; border: 1px solid var(--tinte-2) !important; background: var(--blanco) !important; color: var(--texto) !important; font-size: .92rem !important; font-weight: 500 !important; cursor: pointer; outline: none; transition: border-color .2s ease; appearance: auto; width: auto !important; display: inline-block !important; margin: 0 !important; min-width: 140px; } #psicopro-kyra-wrapper .currency-select:focus { border-color: var(--azul) !important; } #psicopro-kyra-wrapper .precio-ahora .price-num, #psicopro-kyra-wrapper .sym, #psicopro-kyra-wrapper .was-num, #psicopro-kyra-wrapper .promo-old-num { transition: opacity .15s ease; } #psicopro-kyra-wrapper .precios-grid { display: grid; grid-template-columns: repeat(2,minmax(0,380px)); gap: 28px; justify-content: center; } #psicopro-kyra-wrapper .plan { background: var(--blanco) !important; border-radius: var(--radio-lg) !important; padding: 36px 32px !important; box-shadow: var(--sombra) !important; position: relative; display: flex; flex-direction: column; border: 1px solid transparent; } #psicopro-kyra-wrapper .plan.destacado { border: 2px solid var(--azul) !important; } #psicopro-kyra-wrapper .badge-recomendado { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--amarillo) !important; color: var(--navy-oscuro) !important; font-family: 'Sora', sans-serif !important; font-weight: 700 !important; font-size: .78rem !important; padding: 6px 16px !important; border-radius: 99px !important; white-space: nowrap; border: 1px solid #ece9a8; } #psicopro-kyra-wrapper .plan h3 { font-size: 1.25rem !important; margin-bottom: 6px !important; } #psicopro-kyra-wrapper .plan .para-quien { color: var(--texto-suave) !important; font-size: .9rem !important; margin-bottom: 22px !important; } #psicopro-kyra-wrapper .precio-bloque { margin-bottom: 6px !important; display: flex; flex-wrap: wrap; align-items: baseline; row-gap: 4px; max-width: 100%; } #psicopro-kyra-wrapper .precio-antes { color: var(--texto-suave) !important; text-decoration: line-through !important; font-size: 1.05rem !important; margin-right: 10px !important; overflow-wrap: anywhere; } #psicopro-kyra-wrapper .precio-ahora { font-family: 'Sora', sans-serif !important; font-size: clamp(1.7rem, 5.5vw, 2.4rem) !important; font-weight: 800 !important; color: var(--navy-oscuro) !important; line-height: 1.1 !important; overflow-wrap: anywhere; max-width: 100%; } #psicopro-kyra-wrapper .precio-ahora small { font-size: 1rem !important; font-weight: 600 !important; color: var(--texto-suave) !important; margin-left: 4px; } #psicopro-kyra-wrapper .nota-promo { font-size: .82rem !important; color: var(--azul) !important; font-weight: 600 !important; margin-bottom: 22px !important; } #psicopro-kyra-wrapper .plan ul { margin-bottom: 28px !important; flex-grow: 1; } #psicopro-kyra-wrapper .plan li { display: flex; gap: 10px; align-items: flex-start; font-size: .93rem !important; color: var(--texto) !important; margin-bottom: 11px !important; } #psicopro-kyra-wrapper .plan li svg { flex-shrink: 0; margin-top: 3px; } #psicopro-kyra-wrapper .plan .btn { width: 100% !important; } #psicopro-kyra-wrapper .aviso-suite { text-align: center; color: var(--texto-suave) !important; font-size: .9rem !important; margin-top: 32px !important; } #psicopro-kyra-wrapper .aviso-suite a { color: var(--azul) !important; font-weight: 600 !important; text-decoration: underline !important; text-underline-offset: 3px; } /* ---------- FAQ ---------- */ #psicopro-kyra-wrapper .faq { padding: 76px 0 !important; max-width: 720px; margin: 0 auto; } #psicopro-kyra-wrapper .faq h2 { text-align: center; font-size: clamp(1.8rem,3.6vw,2.4rem) !important; font-weight: 800 !important; margin-bottom: 40px !important; } #psicopro-kyra-wrapper .faq details { border: 1px solid var(--tinte-2) !important; border-radius: 12px !important; margin-bottom: 12px !important; background: var(--blanco) !important; overflow: hidden; } #psicopro-kyra-wrapper .faq summary { cursor: pointer; padding: 18px 22px !important; font-family: 'Sora', sans-serif !important; font-weight: 600 !important; color: var(--navy-oscuro) !important; list-style: none !important; display: flex; justify-content: space-between; align-items: center; gap: 12px; margin: 0 !important; outline: none; } #psicopro-kyra-wrapper .faq summary::-webkit-details-marker { display: none; } #psicopro-kyra-wrapper .faq summary::after { content: "+"; font-size: 1.3rem !important; color: var(--azul) !important; font-weight: 400 !important; transition: transform .2s ease; } #psicopro-kyra-wrapper .faq details[open] summary::after { transform: rotate(45deg); } #psicopro-kyra-wrapper .faq .respuesta { padding: 0 22px 20px !important; color: var(--texto-suave) !important; font-size: .95rem !important; margin: 0 !important; } #psicopro-kyra-wrapper .faq .respuesta a { color: var(--azul) !important; text-decoration: underline !important; text-underline-offset: 3px; font-weight: 600 !important; } /* ---------- CTA final ---------- */ #psicopro-kyra-wrapper .cta-final { background: linear-gradient(135deg,var(--navy) 0%,var(--azul) 100%) !important; color: var(--blanco) !important; text-align: center; padding: 76px 24px !important; border-radius: var(--radio-lg) !important; margin: 0 auto 76px !important; max-width: 1032px; } #psicopro-kyra-wrapper .cta-final h2 { color: var(--blanco) !important; font-size: clamp(1.9rem,3.8vw,2.6rem) !important; font-weight: 800 !important; max-width: 22ch; margin: 0 auto 14px !important; } #psicopro-kyra-wrapper .cta-final p { color: var(--tinte-2) !important; font-size: 1.08rem !important; margin-bottom: 30px !important; } #psicopro-kyra-wrapper .cta-final .btn-primario { background: var(--blanco) !important; color: var(--navy) !important; box-shadow: 0 6px 20px rgba(6,30,84,.3) !important; } #psicopro-kyra-wrapper .cta-final .micro { font-size: .85rem !important; color: var(--tinte-2) !important; margin-top: 16px !important; margin-bottom: 0 !important; } /* ---------- Footer ---------- */ #psicopro-kyra-wrapper footer { border-top: 1px solid var(--tinte-2) !important; padding: 28px 24px !important; text-align: center; font-size: .85rem !important; color: var(--texto-suave) !important; background: var(--blanco) !important; } #psicopro-kyra-wrapper footer a { color: var(--texto-suave) !important; text-decoration: none !important; margin: 0 10px !important; } #psicopro-kyra-wrapper footer a:hover { color: var(--azul) !important; } /* ---------- Responsive ---------- */ @media (max-width:860px){ #psicopro-kyra-wrapper .hero-int { grid-template-columns: 1fr; gap: 40px; } #psicopro-kyra-wrapper .dolor-int { grid-template-columns: 1fr; gap: 40px; } #psicopro-kyra-wrapper .memoria-int { grid-template-columns: 1fr; gap: 40px; } #psicopro-kyra-wrapper .pasos-grid, #psicopro-kyra-wrapper .beneficios-grid { grid-template-columns: 1fr; } #psicopro-kyra-wrapper .pasos-grid::before { display: none !important; } #psicopro-kyra-wrapper .dolor-stats { grid-template-columns: 1fr; gap: 26px; } #psicopro-kyra-wrapper .precios-grid { grid-template-columns: 1fr; max-width: 420px; margin: 0 auto; } #psicopro-kyra-wrapper .hero { padding: 44px 0 56px !important; } #psicopro-kyra-wrapper .barra-seguridad { flex-direction: column; text-align: center; } #psicopro-kyra-wrapper .cta-final { margin: 0 24px 76px !important; } } #psicopro-kyra-wrapper a:focus-visible, #psicopro-kyra-wrapper summary:focus-visible { outline: 3px solid var(--azul) !important; outline-offset: 3px !important; border-radius: 6px !important; }/* End custom CSS */