ObellyClub \u2014 Escuela online de bellydance con Levana | Preventa fundadoras<\/title>\n<meta name=\"description\" content=\"Escuela online de bellydance con Levana y las mejores referentes del mundo. Comunidad privada, formaci\u00f3n continua y precio de fundadora bloqueado de por vida. Apertura septiembre 2026.\">\n<meta name=\"keywords\" content=\"bellydance online, danza del vientre, escuela bellydance, Levana, ObellyClub, clases bellydance, comunidad bailarinas, Etoiles D'Orient Fest\">\n<meta name=\"author\" content=\"ObellyClub\">\n<meta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\">\n<meta name=\"googlebot\" content=\"index, follow\">\n\n<link rel=\"canonical\" href=\"https:\/\/obellyclub.com\/\">\n\n\n<meta property=\"og:site_name\" content=\"ObellyClub\">\n<meta property=\"og:title\" content=\"ObellyClub \u2014 Escuela online de bellydance con Levana\">\n<meta property=\"og:description\" content=\"Baila y aprende con las mejores referentes del mundo dentro de una comunidad sin l\u00edmites. Preventa de fundadoras con precio bloqueado de por vida.\">\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:url\" content=\"https:\/\/obellyclub.com\/\">\n<meta property=\"og:locale\" content=\"es_ES\">\n<meta property=\"og:image\" content=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a091f158d08689eb277774d.jpg\">\n<meta property=\"og:image:secure_url\" content=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a091f158d08689eb277774d.jpg\">\n<meta property=\"og:image:type\" content=\"image\/jpeg\">\n<meta property=\"og:image:width\" content=\"1343\">\n<meta property=\"og:image:height\" content=\"1050\">\n<meta property=\"og:image:alt\" content=\"Levana, maestra y anfitriona de ObellyClub\">\n\n\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<meta name=\"twitter:title\" content=\"ObellyClub \u2014 Escuela online de bellydance con Levana\">\n<meta name=\"twitter:description\" content=\"Baila y aprende con las mejores referentes del mundo. Preventa de fundadoras con precio bloqueado de por vida.\">\n<meta name=\"twitter:image\" content=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a091f158d08689eb277774d.jpg\">\n<meta name=\"twitter:image:alt\" content=\"Levana, maestra y anfitriona de ObellyClub\">\n<meta name=\"twitter:site\" content=\"@levana_bellydancer\">\n<meta name=\"twitter:creator\" content=\"@levana_bellydancer\">\n\n\n<link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a085ef90a69f1e76693022f.png\">\n<link rel=\"apple-touch-icon\" href=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a085ef90a69f1e76693022f.png\">\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"preconnect\" href=\"https:\/\/assets.cdn.filesafe.space\" crossorigin>\n<link rel=\"dns-prefetch\" href=\"https:\/\/assets.cdn.filesafe.space\">\n\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"EducationalOrganization\",\n \"name\": \"ObellyClub\",\n \"alternateName\": \"Obelly Club\",\n \"url\": \"https:\/\/obellyclub.com\/\",\n \"logo\": \"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a085ef90a69f1e76693022f.png\",\n \"image\": \"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a091f158d08689eb277774d.jpg\",\n \"description\": \"Escuela online de bellydance fundada por Levana. Formaci\u00f3n continua con las mejores referentes del mundo y comunidad privada internacional.\",\n \"founder\": {\n \"@type\": \"Person\",\n \"name\": \"Levana\",\n \"sameAs\": \"https:\/\/www.instagram.com\/levana_bellydancer\/\"\n },\n \"sameAs\": [\n \"https:\/\/www.instagram.com\/levana_bellydancer\/\"\n ]\n}\n<\/script>\n\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"WebSite\",\n \"name\": \"ObellyClub\",\n \"url\": \"https:\/\/obellyclub.com\/\",\n \"inLanguage\": \"es-ES\",\n \"publisher\": {\n \"@type\": \"Organization\",\n \"name\": \"ObellyClub\"\n }\n}\n<\/script>\n\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"\u00bfQu\u00e9 es esto de fundadora?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Unirte ahora a la comunidad te convierte en una bailarina privilegiada en la que tendr\u00e1s una participaci\u00f3n directa sobre los avances de ObellyClub, adem\u00e1s de desbloquear el precio secreto que nunca se va a repetir.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"\u00bfCu\u00e1ndo abre la escuela?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"En septiembre de 2026. Desde ese d\u00eda tienes acceso completo a toda la plataforma, masterclass y comunidad.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"\u00bfY hasta entonces?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Recibir\u00e1s material exclusivo solo para fundadoras: contenido de Levana, avances del club y, cuando se vayan confirmando, las presentaciones de las maestras invitadas antes que nadie.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"\u00bfQu\u00e9 nivel necesito?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"ObellyClub est\u00e1 pensado para bailarinas con base, no para empezar desde cero. Si ya vas a clases regularmente o tienes nivel medio\/avanzado, vas a sacarle todo el partido.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"\u00bfC\u00f3mo se renueva?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Autom\u00e1ticamente cada a\u00f1o al precio de fundadora mientras sigas siendo miembro. Si te das de baja, pierdes ese precio para siempre.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"\u00bfPuedo cancelar?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"S\u00ed. Desde tu cuenta, en cualquier momento. Sin llamadas, sin formularios raros.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"\u00bfQu\u00e9 es la sinergia con Etoiles D'Orient Fest?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Uno de los festivales internacionales m\u00e1s relevantes del bellydance, donde Levana es referencia habitual. Las miembros del club tendr\u00e1n beneficios sorpresa relacionados con el festival, que iremos revelando durante la apertura.\"\n }\n }\n ]\n}\n<\/script>\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap\">\n<\/head>\n<body style=\"margin:0;padding:0;\">\n<style>\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 VARIABLES GLOBALES (escope :root) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n Las repetimos en :root porque dentro de Divi no existe el wrapper .obc\n y entonces var(--brand) etc. resolv\u00edan a vac\u00edo \u2192 elementos sin color. *\/\n :root {\n --brand: #B83A6E;\n --brand-hover: #9B2557;\n --brand-deep: #9B2557;\n --brand-subtle: #2E1219;\n --bg: #0A0A0A;\n --bg-vino: #1A0A12;\n --bg-alt: #161214;\n --bg-card: #161214;\n --bg-card-alt: #1F1518;\n --bg-light: #FFFFFF;\n --bg-light-soft: #FAF6F4;\n --border: #2A2024;\n --border-soft: #1F1418;\n --border-light: rgba(10,10,10,0.08);\n --text: #FFFFFF;\n --text-m: rgba(255,255,255,0.72);\n --text-s: rgba(255,255,255,0.5);\n --text-dark: #0A0A0A;\n --text-dark-m: rgba(10,10,10,0.7);\n --text-dark-s: rgba(10,10,10,0.5);\n --gold: #E8B547;\n --gold-deep: #C99A2F;\n --gold-subtle: #2A1F0A;\n --cream: #FFFFFF;\n --elite: #E8B547;\n --elite-deep: #C99A2F;\n --elite-subtle: #2A1F0A;\n --purple: #6B21A8;\n --purple-l: #A78BFA;\n --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;\n --font-display-it: 'Playfair Display', Georgia, 'Times New Roman', serif;\n --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESET ANTI-DIVI \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n Cuando se monta dentro de Divi 5, su CSS pisa colores\/fuentes\/anchos.\n Esto neutraliza esos overrides para que ObellyClub se vea igual que en local. *\/\n #page-container, #et-main-area, #main-content,\n .et_builder_inner_content, .et_pb_section, .et_pb_row,\n .et_pb_column, .et_pb_module, .et_pb_code, .et_pb_text_inner {\n max-width: 100% !important;\n width: 100% !important;\n padding: 0 !important;\n margin: 0 !important;\n background: transparent !important;\n color: inherit !important;\n font-family: inherit !important;\n }\n \/* Anula font-family por defecto de Divi (NO color \u2014 eso lo gestiona cada bloque) *\/\n .obc, .obc *, .obc-sec, .obc-sec *, .obc-nav, .obc-nav *,\n section[class*=\"obc-\"], section[class*=\"obc-\"] * {\n font-family: inherit;\n }\n \/* Color base sobre fondos oscuros \u2014 Divi mete #666 por defecto *\/\n body, .obc-sec, .obc-hero, .obc-art, .obc-test, .obc-faq, .obc-nav,\n .obc-trailer, .obc-vision, .obc-buy, .obc-form-sec, .obc-transform,\n .obc-wgrid, .obc-offer, .obc-includes, .obc-future,\n section[class*=\"obc-\"]:not([class*=\"--light\"]):not([class*=\"marquee--light\"]) {\n color: #FFFFFF;\n }\n \/* Headings dentro de secciones oscuras = blanco *\/\n .obc-sec h1, .obc-sec h2, .obc-sec h3, .obc-sec h4,\n .obc-hero h1, .obc-hero h2, .obc-hero p,\n .obc-art h1, .obc-art h2, .obc-art h3,\n .obc-test h2, .obc-faq h2, .obc-includes h2, .obc-future h2,\n section[class*=\"obc-\"]:not([class*=\"--light\"]):not([class*=\"marquee--light\"]) h1,\n section[class*=\"obc-\"]:not([class*=\"--light\"]):not([class*=\"marquee--light\"]) h2,\n section[class*=\"obc-\"]:not([class*=\"--light\"]):not([class*=\"marquee--light\"]) h3,\n section[class*=\"obc-\"]:not([class*=\"--light\"]):not([class*=\"marquee--light\"]) h4 {\n color: #FFFFFF;\n }\n \/* Listas \u2014 Divi mete bullets (\u2022) y paddings por defecto *\/\n .obc ul, .obc ol, .obc-sec ul, .obc-sec ul li,\n .obc-nav ul, .obc-nav ul li,\n .obc-nav__menu, .obc-nav__menu li,\n .obc-faq__list, .obc-faq__list li,\n .obc-price__bullets, .obc-price__bullets li,\n ul.obc-nav__menu, ul.obc-price__bullets {\n list-style: none !important;\n list-style-type: none !important;\n padding-left: 0 !important;\n margin-left: 0 !important;\n }\n .obc-nav__menu li::before, .obc-nav__menu li::marker,\n .obc-price__bullets li::marker, .obc-faq__list li::marker {\n content: none !important;\n display: none !important;\n }\n \/* Layout flex del nav \u2014 Divi puede romperlo con display: block *\/\n .obc-nav__inner {\n display: flex !important;\n flex-direction: row !important;\n align-items: center !important;\n justify-content: space-between !important;\n flex-wrap: nowrap !important;\n width: 100% !important;\n max-width: 1200px !important;\n margin: 0 auto !important;\n padding: 12px 40px !important;\n gap: 16px !important;\n }\n .obc-nav__menu {\n display: flex !important;\n flex-direction: row !important;\n align-items: center !important;\n justify-content: flex-end !important;\n gap: 44px !important;\n flex-wrap: nowrap !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n .obc-nav__menu li {\n display: inline-flex !important;\n align-items: center !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: 1 !important;\n }\n .obc-nav__menu a {\n display: inline-block !important;\n text-align: center !important;\n line-height: 1 !important;\n padding: 6px 0 !important;\n }\n @media (max-width: 780px) {\n .obc-nav__menu { display: none !important; }\n }\n .obc-sec h1, .obc-sec h2, .obc-sec h3, .obc-sec h4,\n .obc-nav, .obc-nav a, .obc-nav__menu li a {\n color: #FFFFFF;\n }\n \/* Excepci\u00f3n: secciones claras (fondo blanco) \u2192 texto oscuro\n OJO: NO aplicamos a spans porque pisaba colores espec\u00edficos de cards\n (gold ?, brand 01, status text, etc.). Solo body text. *\/\n .obc-sec--light, .obc-sec--light p, .obc-sec--light li,\n .obc-marquee--light, .obc-marquee--light h1, .obc-marquee--light h2,\n .obc-marquee--light h3, .obc-marquee--light p,\n .obc-marquee-section__title {\n color: #0A0A0A !important;\n }\n \/* Pero los <em> dentro de t\u00edtulos light siguen en henna *\/\n .obc-sec--light h2 em, .obc-sec--light h3 em,\n .obc-marquee--light h2 em, .obc-marquee-section__title em {\n color: #B83A6E !important;\n }\n \/* Inputs\/forms: Divi los re-estiliza salvaje *\/\n .obc input, .obc-sec input, .obc-sec textarea,\n .obc input[type=\"text\"], .obc input[type=\"email\"] {\n background: #F7F4F2 !important;\n color: #0A0A0A !important;\n border: 1px solid rgba(10,10,10,0.08) !important;\n font-family: 'Inter', sans-serif !important;\n }\n \/* Botones: Divi los pinta con su estilo *\/\n .obc button, .obc-sec button {\n font-family: 'Inter', sans-serif !important;\n }\n\n \/* \u2500\u2500 RESET GLOBAL \u2500\u2500 *\/\n *, *::before, *::after { box-sizing: border-box; }\n html {\n margin: 0 !important;\n padding: 0 !important;\n overflow-x: hidden;\n }\n body {\n margin: 0 !important;\n padding: 0 !important;\n background: #0A0A0A !important;\n overflow-x: hidden;\n width: 100%;\n min-height: 100vh;\n }\n \/* GHL specific resets *\/\n .body-wrapper, #wrapper, #section-wrap, .container-fluid,\n .row-fluid, .hl_page-creator--content {\n margin: 0 !important;\n padding: 0 !important;\n max-width: 100% !important;\n }\n\n \/* \u2500\u2500 Twenty Twenty-Five (Block Theme) \u2014 FULL RESET \u2500\u2500 *\/\n .wp-site-blocks,\n .wp-site-blocks > *,\n .wp-block-post-content,\n .wp-block-group,\n .wp-block-template-part,\n .is-layout-constrained,\n .is-layout-flow,\n .is-layout-constrained > *,\n .is-layout-flow > *,\n .has-global-padding,\n .entry-content,\n .post-content,\n .page-content,\n .site-content,\n main, article {\n max-width: 100% !important;\n width: 100% !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n body:has(.obc) .wp-site-blocks {\n gap: 0 !important;\n row-gap: 0 !important;\n padding-block-start: 0 !important;\n padding-block-end: 0 !important;\n min-height: 0 !important;\n }\n .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {\n max-width: 100% !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n }\n body:has(.obc) .wp-block-template-part,\n body:has(.obc) header:not(.obc *),\n body:has(.obc) footer:not(.obc *),\n body:has(.obc) nav:not(.obc-nav):not(.obc *),\n body:has(.obc) .wp-block-site-title,\n body:has(.obc) .wp-block-site-tagline,\n body:has(.obc) .wp-block-navigation,\n body:has(.obc) .wp-block-post-title,\n body:has(.obc) .entry-header,\n body:has(.obc) .entry-footer,\n body:has(.obc) .post-navigation,\n body:has(.obc) .comments-area,\n body:has(.obc) h1:not(.obc *),\n body:has(.obc) h2:not(.obc *) {\n display: none !important;\n }\n .obc * { margin: 0; padding: 0; box-sizing: border-box; }\n .obc {\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n min-width: 0;\n position: relative;\n \/* === Manual de marca ObellyClub === *\/\n --brand: #B83A6E; \/* Henna *\/\n --brand-hover: #9B2557; \/* Henna sombra *\/\n --brand-deep: #9B2557;\n --brand-subtle: #2E1219; \/* henna ultra oscuro *\/\n --bg: #0A0A0A; \/* Negro absoluto *\/\n --bg-vino: #1A0A12; \/* Vino (para gradientes) *\/\n --bg-alt: #161214;\n --bg-card: #161214; \/* Surface oscuro *\/\n --bg-card-alt: #1F1518;\n --bg-light: #FFFFFF; \/* Blanco fondo *\/\n --bg-light-soft: #FAF6F4; \/* Blanco roto c\u00e1lido *\/\n --border: #2A2024;\n --border-soft: #1F1418;\n --border-light: rgba(10,10,10,0.08);\n --text: #FFFFFF; \/* Texto sobre dark *\/\n --text-m: rgba(255,255,255,0.72);\n --text-s: rgba(255,255,255,0.5);\n --text-dark: #0A0A0A; \/* Texto sobre light *\/\n --text-dark-m: rgba(10,10,10,0.7);\n --text-dark-s: rgba(10,10,10,0.5);\n --gold: #E8B547; \/* Dorado vivo (acento premium) *\/\n --gold-deep: #C99A2F;\n --gold-subtle: #2A1F0A;\n --cream: #FFFFFF; \/* alias compat *\/\n --elite: #E8B547; \/* alias compat *\/\n --elite-deep: #C99A2F;\n --elite-subtle: #2A1F0A;\n --purple: #6B21A8;\n --purple-l: #A78BFA;\n --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;\n --font-display-it: 'Playfair Display', Georgia, 'Times New Roman', serif;\n --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n font-family: var(--font-body);\n color: var(--text);\n background: var(--bg);\n line-height: 1.65;\n overflow-x: hidden;\n font-feature-settings: 'ss01' on, 'kern' on, 'liga' on;\n }\n .obc img { max-width: 100%; height: auto; display: block; }\n .obc a { text-decoration: none; color: inherit; }\n\n .obc-w { max-width: 1200px; margin: 0 auto; padding: 0 40px; width: 100%; }\n .obc-tc { text-align: center; }\n .obc-sec { padding: 90px 0; }\n\n .obc-grad {\n background: linear-gradient(135deg, var(--brand) 0%, var(--purple) 50%, var(--brand) 100%);\n background-size: 200% 200%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: obc-gradShift 4s ease infinite;\n }\n @keyframes obc-gradShift {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n .obc-badge {\n display: inline-block;\n background: var(--brand-subtle);\n color: var(--brand);\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 2.5px;\n padding: 6px 18px;\n border-radius: 50px;\n margin-bottom: 18px;\n }\n\n \/* \u2500\u2500 NAVBAR \u2500\u2500 *\/\n .obc-nav {\n position: relative;\n width: 100%;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.92);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border-bottom: 1px solid var(--border);\n border-top: none;\n padding: 0;\n transition: all 0.3s;\n }\n .obc-nav__inner {\n max-width: 1200px;\n margin: 0 auto;\n padding: 12px 40px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n }\n .obc-nav__logo {\n font-size: 18px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n color: var(--text);\n flex-shrink: 0;\n }\n .obc-nav__logo span { color: var(--brand); }\n\n \/* Language toggle *\/\n .obc-lang {\n display: flex;\n align-items: center;\n background: rgba(255,255,255,0.06);\n border: 1px solid var(--border);\n border-radius: 50px;\n padding: 2px;\n gap: 0;\n flex-shrink: 0;\n }\n .obc-lang__btn {\n font-family: 'Inter', sans-serif;\n font-size: 18px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n padding: 8px 14px;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n transition: all 0.3s;\n background: transparent;\n color: var(--text-s);\n }\n .obc-lang__btn.active {\n background: var(--brand);\n color: #fff;\n }\n .obc-lang__btn:hover:not(.active) {\n color: var(--text);\n }\n\n .obc-nav__cta {\n background: var(--brand);\n color: #fff;\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 10px 22px;\n border-radius: 50px;\n border: none;\n cursor: pointer;\n transition: all 0.3s;\n text-decoration: none;\n flex-shrink: 0;\n white-space: nowrap;\n }\n .obc-nav__cta:hover {\n background: var(--brand-hover);\n transform: translateY(-1px);\n box-shadow: 0 4px 16px rgba(184,58,110,0.3);\n }\n\n \/* WordPress admin bar fix *\/\n body.admin-bar .obc-nav { top: 32px; }\n @media (max-width: 782px) {\n body.admin-bar .obc-nav { top: 46px; }\n }\n\n @keyframes obc-pulse-subtle {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.3; }\n }\n\n @media (max-width: 900px) {\n .obc-nav__inner { padding: 10px 16px; gap: 8px; }\n .obc-nav__logo { font-size: 14px; }\n .obc-nav__cta { font-size: 10px; padding: 8px 16px; }\n .obc-lang__btn { font-size: 14px; padding: 5px 8px; }\n .obc-hero { padding: 130px 0 64px; }\n .obc-nav { top: 0; }\n .obc-w { padding: 0 20px !important; }\n .obc-sec { padding: 60px 0 !important; }\n }\n @media (max-width: 768px) {\n .obc-hero__grid,\n .obc-art__grid,\n .obc-price__grid { grid-template-columns: 1fr !important; gap: 28px !important; }\n .obc-how-step {\n grid-template-columns: 1fr !important;\n gap: 24px !important;\n margin-bottom: 48px !important;\n }\n .obc-how-step > div[style*=\"order: 0\"] { order: 1 !important; }\n .obc-how-step > div[style*=\"order: 1\"] { order: 0 !important; }\n .obc-sec div[style*=\"minmax(280px, 420px)\"] {\n grid-template-columns: 1fr 1fr !important;\n max-width: 100% !important;\n }\n .obc-sec div[style*=\"minmax(280px, 420px)\"] > div {\n max-width: 100% !important;\n }\n .obc-sec h2 { font-size: clamp(22px, 6vw, 32px) !important; }\n .obc-sec h3 { font-size: 20px !important; }\n .obc-sec .obc-reveal[style*=\"grid-template-columns\"] > div[style*=\"text-align: left\"] {\n text-align: center !important;\n }\n }\n @media (max-width: 480px) {\n .obc-sec div[style*=\"minmax(280px, 420px)\"] {\n grid-template-columns: 1fr !important;\n max-width: 260px !important;\n margin: 0 auto !important;\n }\n }\n\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n @keyframes obc-fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes obc-float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n @keyframes obc-glow {\n 0%, 100% { box-shadow: 0 0 20px rgba(184,58,110,0.15); }\n 50% { box-shadow: 0 0 40px rgba(184,58,110,0.3); }\n }\n @keyframes obc-shimmer {\n 0% { background-position: -200% center; }\n 100% { background-position: 200% center; }\n }\n @keyframes obc-breathe {\n 0%, 100% { transform: scale(1); opacity: 0.12; }\n 50% { transform: scale(1.15); opacity: 0.22; }\n }\n\n \/* \u2500\u2500 CTA \u2500\u2500 *\/\n .obc-cta {\n display: inline-block;\n background: var(--brand);\n color: #fff;\n font-family: 'Inter', sans-serif;\n font-size: 15px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 16px 44px;\n border-radius: 50px;\n border: none;\n cursor: pointer;\n transition: all 0.3s;\n position: relative;\n overflow: hidden;\n }\n .obc-cta::after {\n content: '';\n position: absolute;\n top: 0; left: -100%; width: 100%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\n animation: obc-shimmer 3s infinite;\n }\n .obc-cta:hover {\n background: var(--brand-hover);\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(184,58,110,0.3);\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-hero {\n padding: 0;\n position: relative;\n overflow: hidden;\n min-height: 100vh;\n display: flex;\n align-items: center;\n }\n .obc-hero__bg {\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, #0A0A0A 0%, #1A0A20 50%, #0A0A0A 100%);\n }\n .obc-hero__bg::before {\n content: '';\n position: absolute;\n inset: 0;\n background:\n radial-gradient(circle at 20% 50%, rgba(184,58,110,0.10) 0%, transparent 50%),\n radial-gradient(circle at 80% 30%, rgba(107,33,168,0.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 80%, rgba(184,58,110,0.06) 0%, transparent 40%);\n animation: obc-heroGlow 8s ease-in-out infinite alternate;\n }\n @keyframes obc-heroGlow {\n 0% { opacity: 0.6; transform: scale(1); }\n 100% { opacity: 1; transform: scale(1.1); }\n }\n .obc-hero__bg::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(\n to right,\n rgba(10,10,10,0.95) 0%,\n rgba(10,10,10,0.8) 40%,\n rgba(10,10,10,0.4) 70%,\n rgba(10,10,10,0.2) 100%\n );\n }\n .obc-hero__grid {\n display: grid;\n grid-template-columns: 4fr 8fr;\n gap: 56px;\n align-items: center;\n position: relative;\n z-index: 1;\n padding: 100px 0 60px;\n }\n .obc-hero__content { text-align: left; }\n .obc-hero__pre {\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: var(--brand);\n margin-bottom: 28px;\n animation: obc-fadeUp 0.6s ease both;\n position: relative;\n display: inline-block;\n }\n .obc-hero__pre::after {\n content: '';\n position: absolute;\n bottom: -6px;\n left: 0;\n height: 2px;\n width: 0;\n background: linear-gradient(90deg, var(--brand), var(--purple));\n animation: obc-lineExpand 1s 0.8s ease forwards;\n }\n @keyframes obc-lineExpand { to { width: 100%; } }\n .obc-hero h1 {\n font-size: clamp(34px, 5.5vw, 56px);\n font-weight: 600;\n text-transform: uppercase;\n line-height: 1.05;\n letter-spacing: -0.01em;\n margin-bottom: 24px;\n animation: obc-fadeUp 0.7s 0.15s ease both;\n }\n .obc-hero__sub {\n font-size: clamp(15px, 2vw, 18px);\n font-weight: 400;\n color: var(--text-m);\n max-width: 500px;\n margin-bottom: 36px;\n line-height: 1.8;\n animation: obc-fadeUp 0.7s 0.3s ease both;\n }\n .obc-hero__cta-wrap { animation: obc-fadeUp 0.7s 0.45s ease both; }\n .obc-hero__visual {\n position: relative;\n z-index: 1;\n animation: obc-heroVisual 1s 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;\n }\n @keyframes obc-heroVisual {\n from { opacity: 0; transform: translateX(40px) scale(0.95); }\n to { opacity: 1; transform: translateX(0) scale(1); }\n }\n\n \/* Particles *\/\n .obc-hero__particles { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; }\n .obc-hero__particles span {\n position: absolute; width: 4px; height: 4px;\n background: var(--brand); border-radius: 50%;\n opacity: 0; animation: obc-particleDrift 10s infinite;\n }\n .obc-hero__particles span:nth-child(1) { left: 10%; top: 80%; animation-delay: 0s; animation-duration: 9s; }\n .obc-hero__particles span:nth-child(2) { left: 30%; top: 90%; animation-delay: 2s; animation-duration: 11s; width: 3px; height: 3px; }\n .obc-hero__particles span:nth-child(3) { left: 55%; top: 85%; animation-delay: 4s; animation-duration: 8s; background: var(--purple-l); }\n .obc-hero__particles span:nth-child(4) { left: 75%; top: 75%; animation-delay: 1s; animation-duration: 12s; width: 5px; height: 5px; }\n .obc-hero__particles span:nth-child(5) { left: 90%; top: 90%; animation-delay: 3s; animation-duration: 10s; background: var(--purple-l); width: 3px; height: 3px; }\n .obc-hero__particles span:nth-child(6) { left: 45%; top: 95%; animation-delay: 5s; animation-duration: 9s; }\n @keyframes obc-particleDrift {\n 0% { opacity: 0; transform: translateY(0) scale(1); }\n 10% { opacity: 0.6; }\n 90% { opacity: 0; }\n 100% { opacity: 0; transform: translateY(-400px) scale(0.3); }\n }\n\n @media (max-width: 900px) {\n .obc-hero { min-height: auto; padding: 0; }\n .obc-hero__grid {\n grid-template-columns: 1fr !important;\n gap: 28px;\n padding: 20px 0 40px;\n }\n .obc-hero__content { text-align: center; }\n .obc-hero__sub { margin-left: auto; margin-right: auto; }\n .obc-hero__bg::after { background: rgba(10,10,10,0.85); }\n .obc-hero h1 { font-size: clamp(28px, 8vw, 42px); }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ARTIST \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-art { background: linear-gradient(180deg, var(--bg) 0%, #0e0e0e 100%); }\n .obc-art h2 {\n font-size: clamp(24px, 4.5vw, 38px);\n font-weight: 600;\n text-transform: uppercase;\n margin-bottom: 10px;\n }\n .obc-art__sub {\n font-size: 16px;\n color: var(--text-m);\n margin-bottom: 52px;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n .obc-art__grid {\n display: grid;\n grid-template-columns: minmax(320px, 540px);\n gap: 28px;\n justify-content: center;\n }\n .obc-art__card {\n border-radius: 14px;\n overflow: hidden;\n border: 2px solid var(--border);\n transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n position: relative;\n }\n .obc-art__card::before {\n content: '';\n position: absolute;\n inset: -3px;\n border-radius: 16px;\n background: conic-gradient(from 0deg, var(--brand), var(--purple), var(--brand), var(--purple), var(--brand));\n animation: obc-cardGlow 6s linear infinite;\n opacity: 0.3;\n filter: blur(12px);\n z-index: -1;\n transition: opacity 0.4s;\n }\n .obc-art__card:hover::before { opacity: 0.7; }\n .obc-art__card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: 0 24px 60px rgba(0,0,0,0.5);\n border-color: var(--brand);\n }\n @keyframes obc-cardGlow {\n 0% { filter: blur(12px) hue-rotate(0deg); }\n 100% { filter: blur(12px) hue-rotate(360deg); }\n }\n .obc-art__card--levana { background: linear-gradient(145deg, #2E1219 0%, #1A0A2E 100%); }\n\n .obc-art__card img {\n transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s;\n filter: brightness(0.85) contrast(1.1);\n }\n .obc-art__card:hover img {\n transform: scale(1.08);\n filter: brightness(1) contrast(1.05);\n }\n\n .obc-art__card .obc-art__overlay {\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 360px;\n background: linear-gradient(180deg, rgba(184,58,110,0.08) 0%, rgba(10,10,10,0.7) 100%);\n pointer-events: none;\n transition: opacity 0.4s;\n z-index: 1;\n }\n .obc-art__card:hover .obc-art__overlay { opacity: 0.3; }\n\n .obc-art__card .obc-art__name-float {\n position: absolute;\n top: 20px;\n left: 20px;\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: var(--brand);\n background: rgba(10,10,10,0.7);\n backdrop-filter: blur(8px);\n padding: 6px 14px;\n border-radius: 50px;\n border: 1px solid var(--brand-deep);\n z-index: 2;\n opacity: 0;\n transform: translateY(-8px);\n transition: all 0.4s;\n }\n .obc-art__card:hover .obc-art__name-float {\n opacity: 1;\n transform: translateY(0);\n }\n .obc-art__body { padding: 28px; }\n .obc-art__name {\n font-size: 24px;\n font-weight: 600;\n text-transform: uppercase;\n color: var(--brand);\n margin-bottom: 4px;\n }\n .obc-art__role {\n font-size: 12px;\n color: var(--text-s);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 14px;\n }\n .obc-art__desc {\n font-size: 15px;\n color: var(--text-m);\n line-height: 1.75;\n }\n\n \/* Vision aside dentro de la secci\u00f3n artists *\/\n .obc-vision {\n margin-top: 64px;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(184,58,110,0.25);\n border-radius: 18px;\n padding: clamp(28px, 4vw, 44px);\n text-align: left;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n }\n .obc-vision__kicker {\n font-size: 11px;\n font-weight: 600;\n color: var(--brand);\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-bottom: 14px;\n display: inline-block;\n }\n .obc-vision__title {\n font-size: clamp(22px, 3.5vw, 32px);\n font-weight: 600;\n text-transform: uppercase;\n margin-bottom: 24px;\n line-height: 1.1;\n }\n .obc-vision p {\n font-size: 15px;\n color: var(--text-m);\n line-height: 1.75;\n margin-bottom: 14px;\n }\n .obc-vision p:last-child { margin-bottom: 0; }\n .obc-vision strong { color: var(--brand); font-weight: 600; }\n .obc-vision__close {\n display: block;\n text-align: center;\n margin-top: 44px;\n font-size: clamp(20px, 3vw, 28px);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.02em;\n background: linear-gradient(135deg, var(--brand), #FF4D85, var(--brand));\n background-size: 200% 200%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: obc-gradShift 4s ease infinite;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 OFFER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-offer { background: var(--bg-card); }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PRICE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-price { position: relative; overflow: hidden; }\n .obc-price__grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n max-width: 1000px;\n margin: 0 auto;\n border-radius: 20px;\n overflow: hidden;\n border: 2px solid var(--border);\n position: relative;\n }\n .obc-price__grid::before {\n content: '';\n position: absolute;\n inset: -2px;\n border-radius: 22px;\n background: conic-gradient(from 0deg, var(--brand), var(--purple), var(--elite), var(--brand));\n animation: obc-cardGlow 6s linear infinite;\n opacity: 0.3;\n filter: blur(16px);\n z-index: -1;\n }\n .obc-price__video {\n position: relative;\n overflow: hidden;\n background: var(--bg-card);\n min-height: 400px;\n }\n .obc-price__video video {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 0.7;\n }\n .obc-price__video-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, rgba(18,18,18,0.4) 0%, rgba(18,18,18,0.3) 50%, rgba(18,18,18,0.95) 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .obc-price__video-text { text-align: center; padding: 20px; }\n .obc-price__video-text p {\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: var(--brand);\n margin-bottom: 12px;\n }\n .obc-price__video-text p:last-child {\n font-size: 28px;\n font-weight: 600;\n text-transform: uppercase;\n line-height: 1.15;\n color: var(--text);\n }\n\n .obc-price__card {\n background: var(--bg-card);\n padding: 48px 40px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n position: relative;\n }\n .obc-price__card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--brand), var(--elite), var(--brand));\n background-size: 200% 100%;\n animation: obc-shimmer 4s linear infinite;\n }\n .obc-price__lifetime {\n display: inline-block;\n background: var(--elite-subtle);\n color: var(--elite);\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n padding: 6px 16px;\n border-radius: 50px;\n margin-bottom: 20px;\n }\n .obc-price__amount {\n font-size: 64px;\n font-weight: 600;\n line-height: 1;\n margin-bottom: 6px;\n }\n .obc-price__per {\n font-size: 13px;\n color: var(--text-s);\n margin-bottom: 28px;\n }\n .obc-price__features {\n list-style: none;\n text-align: left;\n width: 100%;\n margin-bottom: 28px;\n }\n .obc-price__features li {\n font-size: 14px;\n color: var(--text-m);\n padding: 10px 0;\n border-bottom: 1px solid var(--border);\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .obc-price__features li:last-child { border-bottom: none; }\n .obc-price__features li::before {\n content: '\\2714';\n color: var(--brand);\n font-weight: 600;\n font-size: 14px;\n flex-shrink: 0;\n }\n .obc-price__compare {\n font-size: 12px;\n color: var(--text-s);\n margin-bottom: 24px;\n line-height: 1.6;\n }\n .obc-price__compare strong {\n color: var(--brand);\n font-size: 14px;\n }\n\n \/* \u2500\u2500 Email Capture Form \u2500\u2500 *\/\n .obc-capture__label {\n display: block;\n font-size: 13px;\n color: var(--text-s);\n text-align: center;\n margin-bottom: 16px;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n }\n .obc-capture__field { margin-bottom: 14px; }\n .obc-capture__input {\n width: 100%;\n padding: 22px 24px;\n background: rgba(255,255,255,0.95);\n border: 2px solid transparent;\n border-radius: 12px;\n color: #111;\n font-family: 'Inter', sans-serif;\n font-size: 16px;\n font-weight: 500;\n outline: none;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n .obc-capture__input::placeholder { color: #999; font-weight: 400; }\n .obc-capture__input:focus {\n border-color: var(--brand);\n box-shadow: 0 0 0 4px rgba(184,58,110,0.2), 0 4px 20px rgba(184,58,110,0.15);\n background: #fff;\n }\n .obc-capture__btn {\n width: 100%;\n padding: 20px 32px;\n background: linear-gradient(135deg, var(--brand) 0%, var(--brand-deep) 100%);\n color: #fff;\n font-family: 'Inter', sans-serif;\n font-size: 16px;\n font-weight: 600;\n letter-spacing: 1px;\n border: none;\n border-radius: 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n transition: all 0.3s ease;\n position: relative;\n text-transform: uppercase;\n }\n .obc-capture__btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(184,58,110,0.3);\n }\n .obc-capture__btn:active { transform: translateY(0); }\n .obc-capture__trust {\n font-size: 11px;\n color: var(--text-s);\n text-align: center;\n margin-top: 14px;\n opacity: 0.6;\n }\n .obc-price__note {\n font-size: 12px;\n color: var(--text-s);\n margin-top: 12px;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 NUEVO LAYOUT PRECIO (vibe vdance) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-price__layout {\n display: grid;\n grid-template-columns: 1.05fr 1fr;\n gap: 0;\n max-width: 1180px;\n margin: 0 auto;\n border-radius: 24px;\n overflow: hidden;\n box-shadow:\n 0 30px 80px -20px rgba(0,0,0,0.55),\n 0 0 0 1px rgba(184,58,110,0.18),\n 0 0 60px rgba(184,58,110,0.08);\n background: var(--bg-card);\n position: relative;\n }\n\n \/* Foto Levana izq *\/\n .obc-price__photo {\n position: relative;\n overflow: hidden;\n background: #0A0A0A;\n aspect-ratio: 1080 \/ 1388;\n min-height: 100%;\n }\n .obc-price__photo img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center 18%;\n display: block;\n filter: saturate(1.05) contrast(1.02);\n transition: transform 0.8s cubic-bezier(.2,.7,.2,1);\n }\n .obc-price__layout:hover .obc-price__photo img {\n transform: scale(1.03);\n }\n \/* Vignette suave para garantizar legibilidad del tag *\/\n .obc-price__photo::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(10,5,8,0.55) 100%),\n linear-gradient(90deg, rgba(0,0,0,0) 70%, rgba(0,0,0,0.25) 100%);\n pointer-events: none;\n }\n .obc-price__photo-tag {\n position: absolute;\n left: 28px;\n bottom: 28px;\n z-index: 2;\n color: #fff;\n text-align: left;\n line-height: 1;\n }\n .obc-price__photo-tag span {\n display: block;\n font-family: var(--font-body);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.78);\n margin-bottom: 8px;\n }\n .obc-price__photo-tag em {\n font-family: var(--font-display);\n font-style: italic;\n font-weight: 500;\n font-size: clamp(32px, 4vw, 44px);\n color: var(--gold);\n letter-spacing: -0.01em;\n text-shadow: 0 2px 18px rgba(0,0,0,0.45);\n }\n\n \/* Tarjeta blanca dcha *\/\n .obc-price__card-new {\n background: #FFFFFF;\n padding: 48px 44px 44px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n color: var(--text-dark);\n position: relative;\n }\n .obc-price__badge-new,\n .obc-sec--vino .obc-price__badge-new {\n display: block !important;\n background: linear-gradient(135deg, rgba(184,58,110,0.10) 0%, rgba(184,58,110,0.04) 100%) !important;\n color: #B83A6E !important;\n font-family: 'Inter', sans-serif !important;\n font-size: 13px !important;\n font-weight: 600 !important;\n letter-spacing: 0.005em !important;\n text-transform: none !important;\n padding: 12px 18px 12px 38px !important;\n border-radius: 12px !important;\n border: 1px solid rgba(184,58,110,0.18) !important;\n margin: 0 0 22px 0 !important;\n line-height: 1.45 !important;\n text-align: left !important;\n position: relative !important;\n }\n .obc-price__badge-new::before {\n content: \"\u26a1\" !important;\n position: absolute !important;\n left: 14px !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n font-size: 16px !important;\n line-height: 1 !important;\n color: #B83A6E !important;\n }\n .obc-sec--vino .obc-price__card-title,\n .obc-price__card-title {\n font-family: var(--font-display) !important;\n font-weight: 500;\n font-size: clamp(26px, 2.6vw, 32px);\n color: var(--text-dark) !important;\n margin: 0 0 18px;\n letter-spacing: -0.02em;\n line-height: 1.15;\n }\n .obc-sec--vino .obc-price__bullets li { color: var(--text-dark-m) !important; }\n .obc-sec--vino .obc-price__bullets li strong { color: var(--text-dark) !important; }\n .obc-sec--vino .obc-capture-new__label { color: var(--text-dark) !important; }\n .obc-sec--vino .obc-capture-new__trust { color: var(--text-dark-m) !important; }\n .obc-price__bullets {\n list-style: none;\n margin: 0 0 26px;\n padding: 0;\n }\n .obc-price__bullets li {\n font-family: var(--font-body);\n font-size: 14.5px;\n font-weight: 400;\n line-height: 1.55;\n color: var(--text-dark-m);\n padding: 9px 0;\n border-bottom: 1px solid rgba(10,10,10,0.06);\n display: flex;\n align-items: flex-start;\n gap: 12px;\n }\n .obc-price__bullets li:last-child { border-bottom: none; }\n .obc-price__bullets li > span,\n .obc-sec--vino .obc-price__bullets li > span {\n position: static !important;\n flex: 0 0 auto !important;\n color: #B83A6E !important;\n font-weight: 700 !important;\n font-size: 17px !important;\n line-height: 1.55 !important;\n }\n .obc-price__bullets li > div {\n display: flex;\n flex-direction: column;\n gap: 3px;\n color: var(--text-dark-m);\n font-size: 13.5px;\n line-height: 1.5;\n }\n .obc-price__bullets li strong {\n display: block;\n color: var(--text-dark);\n font-family: var(--font-display);\n font-weight: 600;\n font-size: 16px;\n line-height: 1.25;\n letter-spacing: -0.01em;\n }\n .obc-price__divider {\n height: 1px;\n background: linear-gradient(90deg, transparent 0%, rgba(184,58,110,0.25) 50%, transparent 100%);\n margin: 4px 0 22px;\n }\n\n \/* Form nuevo dentro de la tarjeta *\/\n .obc-capture-new {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n .obc-capture-new__label,\n .obc-sec--vino .obc-capture-new__label,\n label.obc-capture-new__label {\n font-family: 'Inter', sans-serif !important;\n font-size: 13px !important;\n font-weight: 600 !important;\n color: #0A0A0A !important;\n text-align: left !important;\n margin-bottom: 4px !important;\n letter-spacing: -0.005em !important;\n display: block !important;\n }\n .obc-capture-new__field { margin: 0; }\n .obc-capture-new__input,\n .obc-sec--vino .obc-capture-new__input,\n input.obc-capture-new__input,\n .obc input.obc-capture-new__input {\n width: 100% !important;\n padding: 14px 16px !important;\n background: #F7F4F2 !important;\n background-color: #F7F4F2 !important;\n background-image: none !important;\n border: 1px solid rgba(10,10,10,0.08) !important;\n border-radius: 10px !important;\n font-family: 'Inter', sans-serif !important;\n font-size: 14.5px !important;\n font-weight: 500 !important;\n color: #0A0A0A !important;\n transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;\n outline: none !important;\n box-shadow: none !important;\n display: block !important;\n height: auto !important;\n line-height: 1.4 !important;\n }\n .obc-capture-new__input::placeholder,\n input.obc-capture-new__input::placeholder {\n color: rgba(10,10,10,0.4) !important;\n font-weight: 400 !important;\n opacity: 1 !important;\n }\n .obc-capture-new__input:focus {\n border-color: var(--brand);\n background: #fff;\n box-shadow: 0 0 0 4px rgba(184,58,110,0.10);\n }\n .obc-capture-new__btn {\n width: 100%;\n margin-top: 6px;\n padding: 16px 20px;\n background: linear-gradient(135deg, var(--brand) 0%, var(--brand-hover) 100%);\n color: #fff !important;\n border: none;\n border-radius: 12px;\n font-family: var(--font-body);\n cursor: pointer;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 2px;\n box-shadow:\n 0 12px 28px -8px rgba(184,58,110,0.55),\n inset 0 1px 0 rgba(255,255,255,0.18);\n transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;\n }\n .obc-capture-new__btn:hover {\n transform: translateY(-2px);\n box-shadow:\n 0 18px 36px -8px rgba(184,58,110,0.65),\n inset 0 1px 0 rgba(255,255,255,0.22);\n filter: brightness(1.05);\n }\n .obc-capture-new__btn:active { transform: translateY(0); }\n .obc-capture-new__btn-line1 {\n display: block;\n font-size: 14px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: #fff !important;\n }\n .obc-capture-new__btn-line2 {\n display: block;\n font-family: var(--font-display);\n font-style: italic;\n font-weight: 500;\n font-size: 13px;\n letter-spacing: 0;\n text-transform: none;\n color: rgba(255,255,255,0.92) !important;\n }\n .obc-capture-new__trust {\n font-family: var(--font-body);\n font-size: 12px;\n font-weight: 400;\n color: var(--text-dark-m);\n text-align: center;\n margin: 12px 0 0;\n line-height: 1.4;\n }\n\n \/* Nota debajo del grid *\/\n .obc-price__note-out {\n font-family: var(--font-body);\n font-size: 13px;\n color: var(--text-m);\n text-align: center;\n margin: 32px auto 0;\n max-width: 580px;\n line-height: 1.55;\n letter-spacing: 0.01em;\n }\n\n \/* Responsive nuevo layout *\/\n @media (max-width: 900px) {\n .obc-price__layout {\n grid-template-columns: 1fr;\n max-width: 560px;\n }\n .obc-price__photo {\n aspect-ratio: 4\/5;\n }\n .obc-price__photo img {\n object-position: center 20%;\n }\n .obc-price__card-new {\n padding: 36px 26px 32px;\n }\n }\n @media (max-width: 480px) {\n .obc-price__layout {\n border-radius: 18px;\n }\n .obc-price__photo {\n aspect-ratio: 1\/1;\n }\n .obc-price__photo-tag { left: 20px; bottom: 20px; }\n .obc-price__photo-tag em { font-size: 30px; }\n .obc-price__card-new { padding: 30px 22px 28px; }\n .obc-price__card-title { font-size: 24px; }\n .obc-price__bullets li { gap: 10px; }\n .obc-price__bullets li > div { font-size: 13px; }\n .obc-price__bullets li strong { font-size: 15px; }\n .obc-price__bullets li > span { font-size: 15px !important; }\n .obc-capture-new__btn-line1 { font-size: 13px; }\n .obc-capture-new__btn-line2 { font-size: 12px; }\n }\n\n @media (max-width: 900px) {\n .obc-price__grid {\n grid-template-columns: 1fr;\n border: none;\n border-radius: 0;\n position: relative;\n overflow: visible;\n }\n .obc-price__grid::before { display: none; }\n .obc-price__video {\n position: absolute;\n inset: 0;\n min-height: 0;\n z-index: 0;\n border-radius: 20px;\n overflow: hidden;\n }\n .obc-price__video video { opacity: 0.3 !important; }\n .obc-price__video-overlay { display: none !important; }\n .obc-price__grid {\n border: 1px solid rgba(184,58,110,0.2);\n border-radius: 20px;\n position: relative;\n box-shadow: 0 0 40px rgba(184,58,110,0.08), inset 0 0 60px rgba(184,58,110,0.03);\n animation: obc-videoGlow 5s ease-in-out infinite;\n }\n .obc-price__card {\n position: relative;\n z-index: 1;\n background: transparent !important;\n padding: 48px 24px;\n }\n .obc-price__card::before { display: none; }\n .obc-capture {\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: 28px 20px !important;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n }\n .obc-price__lifetime { display: none; }\n .obc-price__features { display: none; }\n .obc-price__note { display: none; }\n .obc-price__card > div[style*=\"border-top\"] { display: none; }\n .obc-capture__label {\n font-size: clamp(20px, 5vw, 26px) !important;\n color: var(--text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.02em !important;\n text-transform: none !important;\n margin-bottom: 28px !important;\n line-height: 1.3 !important;\n }\n .obc-capture__input { background: rgba(255,255,255,0.95) !important; }\n }\n @media (max-width: 640px) {\n .obc-price__video { min-height: 180px; }\n .obc-price__video-text p:last-child { font-size: 22px; }\n .obc-price__card { padding: 28px 20px; }\n .obc-price__amount { font-size: 42px; }\n .obc-capture__input { padding: 16px 18px; font-size: 15px; }\n .obc-capture__btn { padding: 16px 24px; font-size: 15px; }\n .obc-capture__label { font-size: 12px; }\n .obc-capture__field { margin-bottom: 10px; }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FAQ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-faq { background: var(--bg-card); }\n .obc-faq h2 {\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 600;\n text-transform: uppercase;\n margin-bottom: 44px;\n }\n .obc-faq__list { max-width: 700px; margin: 0 auto; text-align: left; }\n .obc-faq__item { border-bottom: 1px solid var(--border); }\n .obc-faq__q {\n font-size: 15px;\n font-weight: 600;\n color: var(--text);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n padding: 22px 0;\n transition: color 0.3s;\n }\n .obc-faq__q:hover { color: var(--brand); }\n .obc-faq__q::after {\n content: '+';\n font-size: 24px;\n color: var(--brand);\n flex-shrink: 0;\n transition: transform 0.3s;\n }\n .obc-faq__item.active .obc-faq__q::after { transform: rotate(45deg); }\n .obc-faq__a {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease, padding 0.3s ease;\n }\n .obc-faq__item.active .obc-faq__a { max-height: 360px; padding-bottom: 20px; }\n .obc-faq__a p {\n font-size: 14px;\n color: var(--text-m);\n line-height: 1.75;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TESTIMONIOS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-test { background: linear-gradient(180deg, #0A0A0A 0%, #12101A 50%, #0A0A0A 100%); }\n .obc-test h2 {\n font-size: clamp(24px, 4.5vw, 38px);\n font-weight: 600;\n text-transform: uppercase;\n margin-bottom: 20px;\n }\n .obc-test__sub {\n font-size: 16px;\n color: var(--text-m);\n margin-bottom: 52px;\n max-width: 520px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n .obc-test__grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n max-width: 480px;\n margin: 0 auto;\n }\n .obc-test__card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 14px;\n overflow: hidden;\n transition: all 0.4s;\n }\n .obc-test__card:hover {\n border-color: var(--brand-deep);\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(0,0,0,0.4);\n }\n .obc-test__video {\n width: 100%;\n height: 220px;\n background: var(--bg);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n }\n .obc-test__video-play {\n position: absolute;\n width: 56px;\n height: 56px;\n border-radius: 50%;\n background: rgba(184,58,110,0.9);\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s;\n }\n .obc-test__video-play::after {\n content: '';\n width: 0; height: 0;\n border-style: solid;\n border-width: 10px 0 10px 18px;\n border-color: transparent transparent transparent #fff;\n margin-left: 3px;\n }\n .obc-test__card:hover .obc-test__video-play {\n transform: scale(1.1);\n box-shadow: 0 0 30px rgba(184,58,110,0.4);\n }\n .obc-test__body { padding: 22px 24px; }\n .obc-test__quote {\n font-size: 14px;\n font-style: italic;\n color: var(--text-m);\n line-height: 1.7;\n margin-bottom: 14px;\n }\n .obc-test__author { display: flex; align-items: center; gap: 12px; }\n .obc-test__avatar {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--brand-subtle), var(--purple));\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n font-weight: 600;\n color: var(--brand);\n flex-shrink: 0;\n }\n .obc-test__name {\n font-size: 13px;\n font-weight: 600;\n color: var(--text);\n }\n .obc-test__detail { font-size: 11px; color: var(--text-s); }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FINAL CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-foot {\n text-align: center;\n padding: 28px 20px;\n font-size: 12px;\n color: var(--text-s);\n border-top: 1px solid var(--border);\n }\n .obc-buy__btn {\n display: inline-block;\n background: var(--brand);\n color: #fff;\n font-family: 'Inter', sans-serif;\n font-size: 17px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 20px 56px;\n border-radius: 50px;\n border: none;\n cursor: pointer;\n transition: all 0.3s;\n position: relative;\n overflow: hidden;\n animation: obc-glow 3s ease-in-out infinite;\n }\n .obc-buy__btn::after {\n content: '';\n position: absolute;\n top: 0; left: -100%; width: 100%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\n animation: obc-shimmer 3s infinite;\n }\n .obc-buy__btn:hover {\n background: var(--brand-hover);\n transform: translateY(-3px);\n box-shadow: 0 12px 40px rgba(184,58,110,0.35);\n }\n\n \/* \u2500\u2500 TABLET\/MOBILE EXTRA \u2500\u2500 *\/\n @media (max-width: 900px) {\n .obc-test__grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }\n }\n @media (max-width: 640px) {\n .obc-w { padding: 0 16px; }\n .obc-hero { padding: 0; }\n .obc-sec { padding: 56px 0; }\n .obc-nav__inner { padding: 10px 16px; gap: 8px; }\n .obc-nav__logo { font-size: 14px; }\n .obc-nav__cta { font-size: 10px; padding: 8px 16px; }\n .obc-lang__btn { font-size: 14px; padding: 5px 8px; }\n .obc-hero__grid { grid-template-columns: 1fr; gap: 28px; }\n .obc-hero__content { text-align: center; }\n .obc-hero h1 { font-size: 32px; }\n .obc-hero__sub { font-size: 15px; margin-bottom: 28px; }\n .obc-hero__bg::after { background: rgba(10,10,10,0.85); }\n .obc-test__grid { grid-template-columns: 1fr; }\n .obc-price__card { padding: 32px 20px; margin: 0 8px; }\n .obc-price__amount { font-size: 44px; }\n .obc-buy__btn { font-size: 14px; padding: 16px 36px; }\n .obc-faq__q { font-size: 14px; padding: 18px 0; }\n .obc-cta { font-size: 13px; padding: 14px 32px; }\n }\n @media (max-width: 380px) {\n .obc-hero h1 { font-size: 26px; }\n .obc-nav__logo { font-size: 12px; }\n .obc-price__amount { font-size: 38px; }\n }\n\n \/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\n .obc-reveal { opacity:0; transform:translateY(40px); transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }\n .obc-reveal--left { opacity:0; transform:translateX(-50px); transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }\n .obc-reveal--right { opacity:0; transform:translateX(50px); transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }\n .obc-reveal--scale { opacity:0; transform:scale(.9); transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }\n .obc-reveal.visible, .obc-reveal--left.visible, .obc-reveal--right.visible, .obc-reveal--scale.visible { opacity:1; transform:translateY(0) translateX(0) scale(1); }\n .obc-stagger > * { opacity:0; transform:translateY(30px); transition:opacity .6s cubic-bezier(.16,1,.3,1), transform .6s cubic-bezier(.16,1,.3,1); }\n .obc-stagger.visible > *:nth-child(1) { transition-delay:0s; }\n .obc-stagger.visible > *:nth-child(2) { transition-delay:.1s; }\n .obc-stagger.visible > *:nth-child(3) { transition-delay:.2s; }\n .obc-stagger.visible > *:nth-child(4) { transition-delay:.3s; }\n .obc-stagger.visible > * { opacity:1; transform:translateY(0); }\n\n .obc-hero__visual { position:relative; z-index:1; }\n .obc-hero__visual::before { content:''; position:absolute; inset:-20px; border-radius:24px; background:conic-gradient(from 0deg,var(--brand),var(--purple),var(--brand),var(--purple),var(--brand)); animation:obc-rotateGlow 6s linear infinite; opacity:.4; filter:blur(30px); z-index:-1; }\n .obc-hero__visual::after { content:''; position:absolute; inset:-8px; border-radius:20px; background:conic-gradient(from 180deg,var(--brand),transparent,var(--purple),transparent,var(--brand)); animation:obc-rotateGlow 4s linear infinite; opacity:.2; filter:blur(12px); z-index:-1; }\n @keyframes obc-rotateGlow { 0%{filter:blur(30px) hue-rotate(0deg);} 100%{filter:blur(30px) hue-rotate(360deg);} }\n\n .obc-particles { position:absolute; inset:0; pointer-events:none; overflow:hidden; }\n .obc-particle { position:absolute; width:4px; height:4px; border-radius:50%; background:var(--brand); opacity:0; animation:obc-particleFloat 8s ease-in-out infinite; }\n .obc-particle:nth-child(1){left:10%;top:20%;animation-delay:0s;animation-duration:7s;}\n .obc-particle:nth-child(2){left:25%;top:60%;animation-delay:1.5s;animation-duration:9s;width:3px;height:3px;}\n .obc-particle:nth-child(3){left:70%;top:30%;animation-delay:3s;animation-duration:8s;background:var(--purple-l);}\n .obc-particle:nth-child(4){left:85%;top:70%;animation-delay:2s;animation-duration:10s;width:5px;height:5px;}\n .obc-particle:nth-child(5){left:50%;top:80%;animation-delay:4s;animation-duration:7.5s;background:var(--purple-l);width:3px;height:3px;}\n @keyframes obc-particleFloat { 0%,100%{opacity:0;transform:translateY(0) scale(1);} 10%{opacity:.6;} 50%{opacity:.3;transform:translateY(-60px) scale(1.5);} 90%{opacity:.6;} }\n\n .obc-tilt { transition:transform .4s cubic-bezier(.16,1,.3,1); }\n .obc-tilt:hover { transform:perspective(800px) rotateY(-2deg) rotateX(2deg) translateY(-6px); }\n .obc-cta-pulse { position:relative; }\n .obc-cta-pulse::before { content:''; position:absolute; inset:-4px; border-radius:50px; border:2px solid var(--brand); opacity:0; animation:obc-ctaRing 2.5s ease-out infinite; }\n @keyframes obc-ctaRing { 0%{transform:scale(1);opacity:.5;} 100%{transform:scale(1.15);opacity:0;} }\n .obc-badge { animation:obc-fadeUp .8s ease both; }\n .obc { scroll-behavior:smooth; }\n\n \/* \u2500\u2500\u2500 REGLA: el texto de TODOS los botones SIEMPRE es blanco \u2500\u2500\u2500 *\/\n .obc-cta,\n .obc-buy__btn,\n .obc-nav__cta,\n .obc-capture__btn,\n .obc-future__cta,\n .obc-levana__cta,\n .obc-plan__btn,\n .obc button.button,\n .obc button.button.alt,\n .obc input[type=\"submit\"] {\n color: #FFFFFF !important;\n }\n .obc-cta:visited,\n .obc-buy__btn:visited,\n .obc-future__cta:visited,\n .obc-nav__cta:visited { color: #FFFFFF !important; }\n\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n EDITORIAL OVERRIDE \u2014 Toque ObellyClub\n Sustituye el feel \"urban hip-hop ne\u00f3n\" por uno editorial sofisticado.\n Aplicado al final para mayor specificity sin reescribir reglas previas.\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n \/* Fondo general con tinte cobrizo (sustituye negros planos) *\/\n .obc { background: var(--bg); }\n .obc-art { background: linear-gradient(180deg, var(--bg) 0%, var(--bg-alt) 100%) !important; }\n .obc-offer { background: var(--bg-alt) !important; }\n .obc-faq { background: var(--bg-alt) !important; }\n .obc-test { background: linear-gradient(180deg, var(--bg) 0%, var(--bg-alt) 50%, var(--bg) 100%) !important; }\n\n \/* \u2500\u2500 TIPOGRAF\u00cdA: serif editorial para headlines \u2500\u2500 *\/\n .obc h1,\n .obc h2,\n .obc h3 {\n font-family: var(--font-display);\n font-weight: 500;\n letter-spacing: -0.005em;\n line-height: 1.08;\n text-transform: none;\n }\n .obc h1 em, .obc h2 em, .obc h3 em {\n font-family: var(--font-display-it);\n font-style: italic;\n font-weight: 400;\n letter-spacing: 0;\n }\n \/* Overrides para los inline-styles \"text-transform: uppercase\" que vienen del HTML *\/\n .obc-hero h1,\n .obc-art h2,\n .obc-faq h2,\n .obc-test h2,\n .obc-offer h2,\n .obc-buy h2,\n .obc-trailer__text h2,\n .obc-form-sec h2,\n .obc-transform h2,\n .obc-price h2,\n .obc-wgrid h2,\n .obc-hero h1 *,\n .obc-art h2 *,\n .obc-test h2 *,\n .obc-offer h2 *,\n .obc-faq h2 * { text-transform: none !important; }\n \/* H3 dentro de las cards y steps tampoco uppercase *\/\n .obc h3 { text-transform: none !important; }\n .obc-art__name { text-transform: none !important; font-family: var(--font-display); font-size: 32px; letter-spacing: -.01em; }\n\n \/* Sub paragraphs *\/\n .obc p { font-family: var(--font-body); }\n\n \/* Pre-headings y kickers: Inter caps + gold *\/\n .obc-hero__pre,\n .obc-badge,\n .obc-hero__kicker {\n font-family: var(--font-body);\n color: var(--gold) !important;\n background: transparent !important;\n border: none !important;\n padding: 0 !important;\n border-radius: 0 !important;\n font-size: 11px !important;\n font-weight: 600 !important;\n letter-spacing: .32em !important;\n text-transform: uppercase !important;\n margin-bottom: 22px !important;\n }\n .obc-badge { display: inline-block; }\n .obc-hero__pre::after { background: linear-gradient(90deg, var(--gold), transparent) !important; }\n\n \/* \u2500\u2500 HERO \u2500\u2500 editorial *\/\n .obc-hero__bg { background: linear-gradient(180deg, #1A0A12 0%, #0A0A0A 100%) !important; }\n .obc-hero__bg::before {\n background:\n radial-gradient(circle at 25% 60%, rgba(184,58,110,0.10) 0%, transparent 55%),\n radial-gradient(circle at 75% 30%, rgba(184,58,110,0.06) 0%, transparent 55%) !important;\n animation-duration: 14s !important;\n }\n \/* Grid hero: m\u00e1s espacio para el texto (era 4fr 8fr) *\/\n .obc-hero__grid {\n grid-template-columns: 7fr 8fr !important;\n gap: 64px !important;\n }\n .obc-hero h1 {\n font-size: clamp(34px, 4.2vw, 58px);\n line-height: 1.05;\n margin-bottom: 28px;\n letter-spacing: -0.01em;\n }\n .obc-hero__sub {\n font-family: var(--font-body);\n font-size: clamp(16px, 1.4vw, 18px);\n color: var(--text-m);\n line-height: 1.8;\n max-width: 520px;\n }\n @media (max-width: 1100px) {\n .obc-hero__grid { grid-template-columns: 1fr 1fr !important; }\n }\n @media (max-width: 900px) {\n .obc-hero__grid { grid-template-columns: 1fr !important; }\n .obc-hero h1 { font-size: clamp(32px, 7vw, 44px); }\n }\n \/* Quitar el conic glow del visual hero *\/\n .obc-hero__visual::before,\n .obc-hero__visual::after { display: none !important; }\n .obc-hero__visual video {\n border: 1px solid var(--border) !important;\n border-radius: 4px !important;\n box-shadow: 0 30px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(184,58,110,.08) !important;\n }\n \/* Anular el text-fill transparent del hero h1 (queremos texto s\u00f3lido cream) *\/\n .obc-hero h1 .obc-grad {\n background: none !important;\n -webkit-text-fill-color: var(--cream) !important;\n color: var(--cream) !important;\n animation: none !important;\n -webkit-background-clip: initial !important;\n background-clip: initial !important;\n }\n\n \/* \u2500\u2500 BOTONES editorial \u2500\u2500 *\/\n .obc-cta,\n .obc-buy__btn,\n .obc-nav__cta {\n font-family: var(--font-body) !important;\n border-radius: 4px !important;\n letter-spacing: .2em !important;\n font-weight: 600 !important;\n padding: 16px 38px !important;\n transition: all .35s cubic-bezier(.16,1,.3,1) !important;\n }\n .obc-cta::after,\n .obc-buy__btn::after { display: none !important; }\n .obc-cta {\n background: var(--brand) !important;\n box-shadow: 0 12px 30px rgba(184,58,110,.22), inset 0 0 0 1px rgba(255,255,255,.04) !important;\n animation: none !important;\n }\n .obc-cta:hover {\n background: var(--brand-hover) !important;\n box-shadow: 0 18px 50px rgba(184,58,110,.32), inset 0 0 0 1px rgba(255,255,255,.06) !important;\n }\n .obc-buy__btn {\n background: var(--brand) !important;\n animation: none !important;\n box-shadow: 0 16px 40px rgba(184,58,110,.28) !important;\n }\n .obc-buy__btn:hover {\n background: var(--brand-hover) !important;\n transform: translateY(-2px) !important;\n box-shadow: 0 22px 60px rgba(184,58,110,.38) !important;\n }\n .obc-cta-pulse::before { display: none !important; }\n\n \/* Navbar logo (PNG 1394x334, bien recortada) *\/\n .obc-nav__logo {\n display: inline-flex !important;\n align-items: center !important;\n font-size: 0 !important;\n line-height: 0 !important;\n padding: 0 !important;\n margin: 0 !important;\n text-decoration: none !important;\n }\n .obc-nav__logo img {\n height: 46px !important;\n width: auto !important;\n display: block !important;\n }\n @media (max-width: 780px) {\n .obc-nav__logo img { height: 36px !important; }\n }\n .obc-nav__cta {\n padding: 10px 22px !important;\n font-size: 11px !important;\n }\n \/* Navbar: logo izq + men\u00fa dcha, editorial limpio *\/\n .obc-nav__inner {\n justify-content: space-between !important;\n padding: 18px 40px !important;\n }\n .obc-nav { border-bottom-color: var(--gold-subtle) !important; }\n\n \/* Men\u00fa principal *\/\n .obc-nav__menu {\n display: flex;\n align-items: center;\n gap: 44px;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n .obc-nav__menu li { margin: 0; padding: 0; }\n\n \/* \u2500\u2500 Selector de idioma dentro del nav (versi\u00f3n compacta del pill) \u2500\u2500 *\/\n .obc-nav__lang {\n display: inline-flex !important;\n align-items: center !important;\n margin-left: 10px !important;\n padding: 0 !important;\n list-style: none !important;\n }\n .obc-lang-pill,\n .obc-nav__lang .obc-lang-pill {\n display: inline-flex !important;\n flex-direction: row !important;\n align-items: center !important;\n gap: 4px !important;\n background: rgba(255,255,255,0.04) !important;\n border: 1px solid rgba(232,181,71,0.22) !important;\n border-radius: 100px !important;\n padding: 3px !important;\n line-height: 1 !important;\n width: auto !important;\n max-width: none !important;\n flex-wrap: nowrap !important;\n }\n .obc-lang-pill__btn,\n .obc-nav__lang .obc-lang-pill__btn {\n display: inline-flex !important;\n flex-direction: row !important;\n align-items: center !important;\n justify-content: center !important;\n gap: 8px !important;\n padding: 7px 13px !important;\n background: transparent !important;\n border: none !important;\n border-radius: 100px !important;\n font-family: 'Inter', -apple-system, sans-serif !important;\n font-size: 11px !important;\n font-weight: 600 !important;\n letter-spacing: 0.16em !important;\n text-transform: uppercase !important;\n color: rgba(255,255,255,0.55) !important;\n text-decoration: none !important;\n cursor: pointer !important;\n transition: color .25s ease, background .3s ease, box-shadow .3s ease !important;\n white-space: nowrap !important;\n line-height: 1 !important;\n min-width: 0 !important;\n flex-shrink: 0 !important;\n }\n .obc-lang-pill__btn::after,\n .obc-lang-pill__btn::before,\n .obc-nav__lang .obc-lang-pill__btn::after,\n .obc-nav__lang .obc-lang-pill__btn::before { display: none !important; content: none !important; }\n .obc-lang-pill__btn:hover {\n color: rgba(255,255,255,0.95) !important;\n background: transparent !important;\n }\n .obc-lang-pill__btn--active,\n .obc-nav__lang .obc-lang-pill__btn--active {\n background: linear-gradient(135deg, #B83A6E 0%, #9B2557 100%) !important;\n color: #FFFFFF !important;\n box-shadow: 0 4px 12px -4px rgba(184,58,110,0.55), inset 0 1px 0 rgba(255,255,255,0.16) !important;\n }\n .obc-lang-pill__btn--active:hover {\n color: #FFFFFF !important;\n background: linear-gradient(135deg, #B83A6E 0%, #9B2557 100%) !important;\n }\n \/* Texto ES \/ EN dentro del bot\u00f3n \u2014 Divi mete font-size raros heredados *\/\n .obc-lang-pill__btn > span:not(.obc-lang-pill__flag),\n .obc-nav__lang .obc-lang-pill__btn > span:not(.obc-lang-pill__flag) {\n display: inline-block !important;\n font-size: 11px !important;\n font-weight: 600 !important;\n letter-spacing: 0.16em !important;\n line-height: 1 !important;\n color: inherit !important;\n font-family: 'Inter', -apple-system, sans-serif !important;\n white-space: nowrap !important;\n }\n .obc-lang-pill__flag,\n .obc-nav__lang .obc-lang-pill__flag {\n width: 20px !important;\n height: 14px !important;\n min-width: 20px !important;\n min-height: 14px !important;\n border-radius: 2px !important;\n overflow: hidden !important;\n display: inline-block !important;\n flex-shrink: 0 !important;\n flex-grow: 0 !important;\n box-shadow: 0 0 0 1px rgba(255,255,255,0.12), 0 1px 2px rgba(0,0,0,0.25) !important;\n padding: 0 !important;\n margin: 0 !important;\n line-height: 0 !important;\n }\n .obc-lang-pill__flag svg {\n display: block !important;\n width: 100% !important;\n height: 100% !important;\n max-width: none !important;\n }\n \/* Mobile: el menu normal se oculta, pero el switcher de idioma sigue visible *\/\n @media (max-width: 900px) {\n .obc-nav__menu {\n display: inline-flex !important;\n justify-content: flex-end !important;\n gap: 0 !important;\n }\n .obc-nav__menu > li:not(.obc-nav__lang) {\n display: none !important;\n }\n .obc-nav__lang {\n display: inline-flex !important;\n margin-left: 0 !important;\n }\n .obc-lang-pill__btn {\n padding: 6px 11px !important;\n font-size: 10.5px !important;\n letter-spacing: 0.14em !important;\n gap: 7px !important;\n }\n .obc-lang-pill__btn > span:not(.obc-lang-pill__flag) {\n font-size: 10.5px !important;\n }\n .obc-lang-pill__flag {\n width: 18px !important;\n height: 13px !important;\n min-width: 18px !important;\n min-height: 13px !important;\n }\n }\n @media (max-width: 420px) {\n .obc-lang-pill__btn {\n padding: 6px 9px !important;\n font-size: 10px !important;\n letter-spacing: 0.12em !important;\n gap: 6px !important;\n }\n .obc-lang-pill__btn > span:not(.obc-lang-pill__flag) {\n font-size: 10px !important;\n }\n .obc-lang-pill__flag {\n width: 16px !important;\n height: 11px !important;\n min-width: 16px !important;\n min-height: 11px !important;\n }\n }\n .obc-nav__menu a {\n font-family: var(--font-body);\n font-size: 12px;\n font-weight: 600;\n letter-spacing: .24em;\n text-transform: uppercase;\n color: var(--cream);\n text-decoration: none;\n padding: 6px 0;\n position: relative;\n transition: color .25s ease;\n white-space: nowrap;\n }\n .obc-nav__menu a::after {\n content: '';\n position: absolute;\n left: 50%; bottom: 0;\n width: 0; height: 1px;\n background: var(--gold);\n transition: width .3s ease, left .3s ease;\n }\n .obc-nav__menu a:hover { color: var(--gold); }\n .obc-nav__menu a:hover::after { width: 100%; left: 0; }\n\n @media (max-width: 980px) {\n .obc-nav__menu { gap: 28px; }\n .obc-nav__menu a { font-size: 11px; letter-spacing: .2em; }\n }\n @media (max-width: 780px) {\n .obc-nav__inner { justify-content: space-between !important; padding: 14px 20px !important; }\n }\n\n \/* Language switcher editorial \u2014 solo texto, sin pill, sin banderas *\/\n .obc-lang {\n display: inline-flex !important;\n align-items: center !important;\n gap: 12px !important;\n background: transparent !important;\n border: none !important;\n padding: 0 !important;\n border-radius: 0 !important;\n }\n .obc-lang__btn {\n font-family: var(--font-body) !important;\n font-size: 11px !important;\n font-weight: 600 !important;\n letter-spacing: .22em !important;\n text-transform: uppercase !important;\n color: var(--text-s) !important;\n background: transparent !important;\n border: none !important;\n border-radius: 0 !important;\n padding: 6px 0 !important;\n transition: color .25s ease !important;\n }\n .obc-lang__btn.active {\n color: var(--gold) !important;\n background: transparent !important;\n }\n .obc-lang__btn:hover:not(.active) {\n color: var(--cream) !important;\n }\n .obc-lang__sep {\n color: var(--text-s);\n opacity: .35;\n font-size: 11px;\n user-select: none;\n }\n\n \/* \u2500\u2500 CARDS de artista (Levana) \u2014 sin conic glow \u2500\u2500 *\/\n .obc-art__card::before { display: none !important; }\n .obc-art__card {\n border: 1px solid var(--border) !important;\n border-radius: 6px !important;\n background: var(--bg-card) !important;\n transition: all .5s cubic-bezier(.16,1,.3,1) !important;\n }\n .obc-art__card:hover {\n transform: translateY(-6px) !important;\n border-color: var(--gold-deep) !important;\n box-shadow: 0 30px 70px rgba(0,0,0,.5), 0 0 0 1px rgba(184,58,110,.15) !important;\n }\n .obc-art__card--levana { background: linear-gradient(165deg, var(--bg-card) 0%, #220F15 100%) !important; }\n \/* Foto Levana \u2014 ratio natural de la foto (1343\u00d71050 \u2248 1.28:1), sin zoom ni crop *\/\n .obc-art__card > div:first-child {\n height: auto !important;\n aspect-ratio: 1343 \/ 1050;\n overflow: hidden !important;\n background: #1A0A12 !important;\n }\n .obc-art__card > div:first-child img {\n display: block !important;\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center center !important;\n transform: none !important;\n filter: brightness(0.98) contrast(1.04) saturate(1.05) !important;\n transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s !important;\n }\n .obc-art__card:hover > div:first-child img {\n transform: scale(1.03) !important;\n }\n \/* Quitar overlay oscuro sobre la foto *\/\n .obc-art__card .obc-art__overlay { display: none !important; }\n .obc-art__body { padding: 26px 28px !important; }\n .obc-art { padding: 70px 0 !important; }\n .obc-vision { padding: 30px 32px !important; margin-top: 48px !important; }\n .obc-vision p { font-size: 15px !important; line-height: 1.7 !important; margin-bottom: 12px !important; }\n .obc-vision__title { font-size: clamp(24px, 3vw, 30px) !important; margin-bottom: 18px !important; }\n .obc-vision__close { margin-top: 32px !important; font-size: clamp(20px, 2.6vw, 28px) !important; }\n .obc-art__card .obc-art__name-float {\n background: rgba(14,6,8,.75) !important;\n border: 1px solid var(--gold-deep) !important;\n color: var(--gold) !important;\n letter-spacing: .25em !important;\n }\n .obc-art__name { color: var(--cream) !important; font-style: normal !important; }\n .obc-art__role { color: var(--gold) !important; letter-spacing: .2em !important; }\n .obc-art__desc { color: var(--text-m) !important; font-size: 16px; line-height: 1.8; }\n\n \/* \u2500\u2500 VISI\u00d3N (bloque manifiesto) \u2500\u2500 editorial *\/\n .obc-vision {\n background: rgba(255,255,255,0.025) !important;\n border: 1px solid var(--gold-subtle) !important;\n border-radius: 6px !important;\n }\n .obc-vision__kicker { color: var(--gold) !important; letter-spacing: .32em !important; }\n .obc-vision__title {\n font-family: var(--font-display) !important;\n text-transform: none !important;\n font-weight: 500 !important;\n color: var(--cream) !important;\n }\n .obc-vision p {\n font-family: var(--font-body) !important;\n font-size: 16px !important;\n line-height: 1.85 !important;\n color: var(--text-m) !important;\n }\n .obc-vision p:first-of-type::first-letter {\n font-family: var(--font-display);\n font-size: 56px;\n float: left;\n line-height: .9;\n padding: 4px 12px 0 0;\n color: var(--gold);\n }\n .obc-vision strong { color: var(--gold) !important; font-weight: 600 !important; }\n .obc-vision__close {\n font-family: var(--font-display-it) !important;\n font-style: italic !important;\n font-weight: 400 !important;\n text-transform: none !important;\n color: var(--cream) !important;\n background: none !important;\n -webkit-text-fill-color: initial !important;\n -webkit-background-clip: initial !important;\n animation: none !important;\n letter-spacing: 0 !important;\n font-size: clamp(24px, 3.6vw, 36px) !important;\n }\n\n \/* \u2500\u2500 PREVIEW CARDS \u2014 sin glow ne\u00f3n \u2500\u2500 *\/\n .obc-preview-card {\n border: 1px solid var(--gold-subtle) !important;\n border-radius: 6px !important;\n animation: none !important;\n box-shadow: 0 24px 60px rgba(0,0,0,.5), 0 0 0 1px rgba(184,58,110,.08) !important;\n }\n .obc-preview-card::after { display: none !important; }\n .obc-preview-card:hover {\n border-color: var(--gold) !important;\n box-shadow: 0 36px 90px rgba(0,0,0,.65), 0 0 0 1px rgba(184,58,110,.2) !important;\n }\n .obc-preview-card p {\n font-family: var(--font-display) !important;\n text-transform: none !important;\n font-size: 26px !important;\n font-weight: 500 !important;\n color: var(--cream) !important;\n letter-spacing: 0 !important;\n }\n\n \/* \u2500\u2500 MARQUEE \u2014 editorial, gold y serif italic \u2500\u2500 *\/\n .obc-marquee-item {\n font-family: var(--font-display-it) !important;\n font-style: italic !important;\n font-weight: 400 !important;\n letter-spacing: 0 !important;\n text-transform: none !important;\n font-size: clamp(20px, 3vw, 30px) !important;\n }\n .obc-marquee-item--names { color: var(--cream) !important; }\n .obc-marquee-item--events { color: rgba(184,58,110,.35) !important; }\n .obc-marquee-dot { background: var(--gold) !important; }\n\n \/* \u2500\u2500 PASOS \"C\u00f3mo funciona\" \u2014 n\u00famero en serif gigante gold \u2500\u2500 *\/\n .obc-how-step > div > div[style*=\"border-radius: 50%\"][style*=\"background: var(--brand)\"] {\n background: transparent !important;\n color: var(--gold) !important;\n width: auto !important;\n height: auto !important;\n border-radius: 0 !important;\n font-family: var(--font-display) !important;\n font-size: 96px !important;\n font-weight: 500 !important;\n line-height: 1 !important;\n margin-bottom: 14px !important;\n display: block !important;\n }\n .obc-how-step h3 {\n font-family: var(--font-display) !important;\n text-transform: none !important;\n font-size: 30px !important;\n font-weight: 500 !important;\n color: var(--cream) !important;\n margin-bottom: 14px !important;\n }\n .obc-how-step h3 span { color: var(--gold) !important; font-style: italic; }\n .obc-how-step p {\n font-family: var(--font-body) !important;\n font-size: 16px !important;\n line-height: 1.8 !important;\n color: var(--text-m) !important;\n }\n \/* Mockups: bordes m\u00e1s finos, gold subtle en lugar de glow rosa *\/\n .obc-how-step > div > div[style*=\"aspect-ratio: 16\/10\"] {\n border-color: var(--border) !important;\n border-radius: 6px !important;\n box-shadow: 0 30px 60px rgba(0,0,0,.4), 0 0 0 1px rgba(184,58,110,.08) !important;\n }\n\n \/* \u2500\u2500 TESTIMONIOS editorial \u2500\u2500 *\/\n .obc-test__card {\n background: var(--bg-card) !important;\n border: 1px solid var(--border) !important;\n border-radius: 6px !important;\n }\n .obc-test__card:hover {\n border-color: var(--gold-deep) !important;\n box-shadow: 0 20px 50px rgba(0,0,0,.4) !important;\n }\n .obc-test__quote {\n font-family: var(--font-display-it) !important;\n font-style: italic;\n font-size: 18px !important;\n color: var(--cream) !important;\n line-height: 1.6 !important;\n }\n .obc-test__avatar {\n background: var(--gold-subtle) !important;\n color: var(--gold) !important;\n font-family: var(--font-display) !important;\n font-size: 16px !important;\n }\n .obc-test__name { color: var(--cream) !important; font-weight: 600; }\n .obc-test__video-play { background: rgba(184,58,110,.92) !important; }\n .obc-test__card:hover .obc-test__video-play {\n box-shadow: 0 0 30px rgba(184,58,110,.35) !important;\n }\n\n \/* \u2500\u2500 QU\u00c9 INCLUYE \u2014 editorial sobrio \u2500\u2500 *\/\n .obc-offer__glass {\n background: rgba(255,255,255,0.025) !important;\n border: 1px solid var(--gold-subtle) !important;\n border-radius: 6px !important;\n backdrop-filter: none !important;\n -webkit-backdrop-filter: none !important;\n }\n .obc-offer__glass > div[style*=\"lineSweep\"] { display: none !important; }\n .obc-offer__glass p {\n font-family: var(--font-body) !important;\n font-size: clamp(16px, 1.9vw, 18px) !important;\n line-height: 1.9 !important;\n color: var(--text-m) !important;\n }\n .obc-offer__glass p:first-of-type::first-letter {\n font-family: var(--font-display);\n font-size: 64px;\n float: left;\n line-height: .9;\n padding: 4px 14px 0 0;\n color: var(--gold);\n }\n .obc-offer__quote-wrap p {\n font-family: var(--font-display) !important;\n font-weight: 500 !important;\n text-transform: none !important;\n font-size: clamp(28px, 4.5vw, 46px) !important;\n color: var(--cream) !important;\n letter-spacing: -0.01em !important;\n }\n .obc-offer__quote-wrap p span:last-child {\n background: none !important;\n -webkit-text-fill-color: initial !important;\n color: var(--gold) !important;\n font-style: italic;\n font-family: var(--font-display-it) !important;\n animation: none !important;\n -webkit-background-clip: initial !important;\n background-clip: initial !important;\n }\n .obc-offer__divider-bar { background: var(--gold) !important; opacity: .5; }\n\n \/* \u2500\u2500 PRICE CARD editorial \u2500\u2500 *\/\n .obc-price { padding: 70px 0 !important; }\n .obc-price__grid {\n border-color: var(--border) !important;\n border-radius: 8px !important;\n }\n .obc-price__grid::before {\n background: none !important;\n border: 1px solid var(--gold-deep);\n border-radius: 8px;\n opacity: .25;\n filter: none !important;\n animation: none !important;\n inset: -1px !important;\n }\n .obc-price__card { background: var(--bg-card) !important; padding: 36px 32px !important; }\n .obc-price__video { min-height: 0 !important; }\n .obc-price__features li { padding: 8px 0 !important; font-size: 13px !important; }\n .obc-price__lifetime { margin-bottom: 14px !important; padding: 5px 14px !important; font-size: 10px !important; }\n .obc-capture__field { margin-bottom: 10px !important; }\n .obc-capture__input { padding: 14px 18px !important; font-size: 14px !important; }\n .obc-capture__btn { padding: 14px 24px !important; font-size: 13px !important; }\n .obc-capture__label { margin-bottom: 12px !important; font-size: 11px !important; }\n .obc-price__card::before {\n background: linear-gradient(90deg, transparent, var(--gold), transparent) !important;\n animation: none !important;\n height: 1px !important;\n opacity: .6;\n }\n .obc-price__lifetime {\n background: var(--gold-subtle) !important;\n color: var(--gold) !important;\n border: 1px solid var(--gold-deep) !important;\n letter-spacing: .22em !important;\n font-weight: 600 !important;\n }\n .obc-price__amount {\n font-family: var(--font-display) !important;\n font-weight: 500 !important;\n color: var(--cream) !important;\n }\n .obc-price__video-text p:first-child {\n color: var(--gold) !important;\n font-family: var(--font-body) !important;\n letter-spacing: .3em !important;\n }\n .obc-price__video-text p:last-child {\n font-family: var(--font-display) !important;\n text-transform: none !important;\n font-weight: 500 !important;\n color: var(--cream) !important;\n }\n .obc-price__video-text p:last-child span { color: var(--gold) !important; font-style: italic; }\n .obc-price__features li::before { color: var(--gold) !important; }\n .obc-price__features li { font-family: var(--font-body) !important; color: var(--text-m) !important; }\n .obc-price__features li strong { color: var(--cream) !important; font-weight: 600; }\n\n \/* Email capture form *\/\n .obc-capture__label {\n font-family: var(--font-body) !important;\n color: var(--text-m) !important;\n letter-spacing: .15em !important;\n }\n .obc-capture__input {\n border-radius: 4px !important;\n background: rgba(255,255,255,.95) !important;\n font-family: var(--font-body) !important;\n }\n .obc-capture__input:focus {\n border-color: var(--gold) !important;\n box-shadow: 0 0 0 3px rgba(184,58,110,.2), 0 4px 20px rgba(184,58,110,.15) !important;\n }\n .obc-capture__btn {\n background: var(--brand) !important;\n border-radius: 4px !important;\n font-family: var(--font-body) !important;\n letter-spacing: .2em !important;\n font-weight: 600 !important;\n }\n .obc-capture__btn:hover {\n background: var(--brand-hover) !important;\n box-shadow: 0 18px 50px rgba(184,58,110,.32) !important;\n }\n\n \/* \u2500\u2500 FAQ editorial \u2500\u2500 *\/\n .obc-faq h2 { text-transform: none !important; font-family: var(--font-display) !important; }\n .obc-faq__q {\n font-family: var(--font-display) !important;\n font-size: 20px !important;\n font-weight: 500 !important;\n color: var(--cream) !important;\n padding: 26px 0 !important;\n }\n .obc-faq__q:hover { color: var(--gold) !important; }\n .obc-faq__q::after { color: var(--gold) !important; }\n .obc-faq__a p { font-family: var(--font-body) !important; color: var(--text-m) !important; line-height: 1.85 !important; }\n\n \/* \u2500\u2500 ORNAMENT DIVIDERS \u2500\u2500 *\/\n .obc-ornament {\n display: flex; align-items: center; justify-content: center;\n gap: 18px; margin: 0; padding: 24px 0;\n color: var(--gold); font-size: 13px;\n }\n .obc-ornament__line {\n flex: 0 0 80px; height: 1px;\n background: linear-gradient(90deg, transparent, var(--gold-deep), transparent);\n opacity: .6;\n }\n .obc-ornament__mark {\n font-family: var(--font-display);\n color: var(--gold);\n opacity: .8;\n font-size: 14px;\n }\n \/* Silueta de bailarina tintada via CSS mask (color = background-color) *\/\n .obc-ornament__mark--silueta {\n display: inline-block;\n width: 16px; \/* la silueta es 615x1709, ratio ~1:2.78 *\/\n height: 44px;\n background-color: var(--gold); \/* dorado en secciones dark *\/\n -webkit-mask-image: url('https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a0862628d08689eb2580ab8.png');\n mask-image: url('https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a0862628d08689eb2580ab8.png');\n -webkit-mask-size: contain;\n mask-size: contain;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n opacity: .9;\n transition: opacity .3s ease, transform .4s ease;\n }\n .obc-sec--light .obc-ornament__mark--silueta,\n .obc-sec--light + .obc-ornament .obc-ornament__mark--silueta {\n background-color: var(--brand) !important; \/* henna sobre fondo blanco *\/\n }\n .obc-ornament:hover .obc-ornament__mark--silueta {\n opacity: 1;\n transform: scale(1.08);\n }\n\n \/* Convertir los <div> divider antiguos al estilo gold sutil *\/\n .obc main > div > div[style*=\"linear-gradient(90deg,transparent,var(--elite),transparent)\"] {\n background: linear-gradient(90deg, transparent, var(--gold-deep), transparent) !important;\n opacity: .35 !important;\n }\n\n \/* \u2500\u2500 FOOTER editorial \u2500\u2500 *\/\n .obc-foot span[style*=\"font-weight: 600\"] {\n font-family: var(--font-display) !important;\n font-weight: 500 !important;\n letter-spacing: 0 !important;\n font-size: 18px !important;\n text-transform: none !important;\n }\n .obc-foot a:hover { color: var(--gold) !important; }\n\n \/* \u2500\u2500 ANIMACIONES m\u00e1s lentas y elegantes \u2500\u2500 *\/\n .obc-reveal,\n .obc-reveal--left,\n .obc-reveal--right,\n .obc-reveal--scale {\n transition: opacity 1.2s cubic-bezier(.16,1,.3,1), transform 1.2s cubic-bezier(.16,1,.3,1) !important;\n }\n .obc-hero__pre,\n .obc-hero h1,\n .obc-hero__sub,\n .obc-hero__cta-wrap {\n animation-duration: 1.1s !important;\n }\n\n \/* Eliminar tilt 3D (queda burdo en editorial sobrio) *\/\n .obc-tilt:hover { transform: translateY(-6px) !important; }\n\n \/* Sutil grano de fondo via gradiente (sin imagen) *\/\n .obc::before {\n content: '';\n position: fixed; inset: 0; pointer-events: none; z-index: 0;\n background-image:\n radial-gradient(rgba(255,255,255,.012) 1px, transparent 1px),\n radial-gradient(rgba(255,255,255,.008) 1px, transparent 1px);\n background-size: 3px 3px, 7px 7px;\n background-position: 0 0, 1px 1px;\n opacity: .6;\n }\n\n \/* Quote primera letra estilo editorial en testimonios *\/\n .obc-test__quote::before { content: '\\201C'; color: var(--gold); font-family: Georgia, serif; font-size: 28px; line-height: 0; margin-right: 4px; vertical-align: -6px; }\n .obc-test__quote::after { content: '\\201D'; color: var(--gold); font-family: Georgia, serif; font-size: 28px; line-height: 0; margin-left: 2px; vertical-align: -6px; }\n\n \/* Responsive editorial *\/\n @media (max-width: 860px) {\n .obc-vision p:first-of-type::first-letter,\n .obc-offer__glass p:first-of-type::first-letter { font-size: 48px; }\n .obc-how-step > div > div[style*=\"border-radius: 50%\"][style*=\"background: var(--brand)\"] { font-size: 72px !important; }\n }\n\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n H2 ESTRUCTURAL \u2014 Inter CAPS para secciones plataforma \/ FAQ\n Rompe la monoton\u00eda del Playfair italic y da rol \"informativo\"\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-h2--caps {\n font-family: var(--font-body) !important;\n font-weight: 600 !important;\n font-size: clamp(26px, 3.8vw, 42px) !important;\n line-height: 1.15 !important;\n letter-spacing: .08em !important;\n text-transform: uppercase !important;\n color: var(--text) !important;\n }\n .obc-h2--caps__accent {\n display: block;\n color: var(--brand);\n font-weight: 500;\n letter-spacing: .14em;\n font-size: 0.7em;\n margin-top: 10px;\n opacity: .9;\n }\n \/* En secci\u00f3n light el texto principal pasa a oscuro *\/\n .obc-sec--light .obc-h2--caps { color: var(--text-dark) !important; }\n .obc-sec--light .obc-h2--caps__accent { color: var(--brand) !important; }\n\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n VINO SECTIONS \u2014 Fondo vino #1A0A12 (paleta marca) para secciones\n de plataforma\/producto: feel \"est\u00e1s dentro del club\"\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-sec--vino,\n section.obc-sec--vino {\n background: linear-gradient(180deg, var(--bg-vino) 0%, #14080F 50%, var(--bg-vino) 100%) !important;\n color: var(--text);\n position: relative;\n }\n \/* Hairlines doradas top\/bottom para marcar el \"entras\/sales del producto\" *\/\n .obc-sec--vino::before,\n .obc-sec--vino::after {\n content: '';\n position: absolute;\n left: 0; right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent 15%, var(--gold) 50%, transparent 85%);\n opacity: .55;\n pointer-events: none;\n z-index: 2;\n }\n .obc-sec--vino::before { top: 0; }\n .obc-sec--vino::after { bottom: 0; }\n \/* Textos en vino: blanco\/transl\u00facido *\/\n .obc-sec--vino h1,\n .obc-sec--vino h2,\n .obc-sec--vino h3 { color: var(--text) !important; }\n .obc-sec--vino h2 em,\n .obc-sec--vino h3 em { color: var(--brand) !important; }\n .obc-sec--vino p { color: var(--text-m); }\n \/* Mockups: ya tienen bg oscuro interno, solo refuerzo borde sutil dorado *\/\n .obc-sec--vino .obc-how-step > div > div[style*=\"aspect-ratio: 16\/10\"] {\n border-color: rgba(232,181,71,.18) !important;\n box-shadow: 0 30px 60px rgba(0,0,0,.5), 0 0 0 1px rgba(232,181,71,.08) !important;\n }\n\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n LIGHT SECTIONS \u2014 Fondo blanco para alternar respiraci\u00f3n.\n Se aplica con la clase modifier .obc-sec--light en cualquier <section>.\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-sec--light,\n section.obc-sec--light { background: var(--bg-light) !important; color: var(--text-dark); }\n .obc-sec--light::before,\n .obc-sec--light::after { display: none !important; }\n \/* Eliminar overlays oscuros y radiales de las secciones que originalmente eran dark *\/\n .obc-sec--light > div[style*=\"background:\"][style*=\"radial-gradient\"],\n .obc-sec--light > div[style*=\"position: absolute\"][style*=\"background:\"] {\n display: none !important;\n }\n\n \/* Textos en light *\/\n .obc-sec--light h1,\n .obc-sec--light h2,\n .obc-sec--light h3,\n .obc-sec--light h3 span,\n .obc-sec--light p,\n .obc-sec--light .obc-vision__title,\n .obc-sec--light .obc-vision__close,\n .obc-sec--light .obc-art__name,\n .obc-sec--light .obc-test__name,\n .obc-sec--light .obc-offer__quote-wrap p,\n .obc-sec--light .obc-offer__glass p,\n .obc-sec--light .obc-faq__q { color: var(--text-dark) !important; }\n .obc-sec--light h3 em,\n .obc-sec--light h2 em { color: var(--brand) !important; }\n .obc-sec--light p,\n .obc-sec--light .obc-art__desc,\n .obc-sec--light .obc-offer__glass p,\n .obc-sec--light .obc-vision p,\n .obc-sec--light .obc-faq__a p,\n .obc-sec--light .obc-how-step p { color: var(--text-dark-m) !important; }\n\n \/* Kickers\/badges en light \u2014 gold sobre blanco *\/\n .obc-sec--light .obc-badge,\n .obc-sec--light .obc-kicker,\n .obc-sec--light .obc-vision__kicker { color: var(--brand) !important; }\n\n \/* Cards en light *\/\n .obc-sec--light .obc-art__card {\n background: var(--bg-light-soft) !important;\n border-color: var(--border-light) !important;\n }\n .obc-sec--light .obc-art__card:hover {\n border-color: var(--brand) !important;\n box-shadow: 0 30px 70px rgba(10,10,10,.12), 0 0 0 1px rgba(184,58,110,.2) !important;\n }\n .obc-sec--light .obc-art__card--levana {\n background: linear-gradient(165deg, #FAF6F4 0%, #F2EAE6 100%) !important;\n }\n \/* Placeholder eliminado \u2014 ya hay foto real cargada via background-image en el bloque principal *\/\n .obc-sec--light .obc-art__role { color: var(--brand) !important; }\n\n \/* Visi\u00f3n block en light *\/\n .obc-sec--light .obc-vision {\n background: var(--bg-light-soft) !important;\n border-color: rgba(184,58,110,.15) !important;\n }\n .obc-sec--light .obc-vision strong { color: var(--brand) !important; }\n .obc-sec--light .obc-vision p:first-of-type::first-letter,\n .obc-sec--light .obc-offer__glass p:first-of-type::first-letter { color: var(--brand) !important; }\n .obc-sec--light .obc-vision__close { color: var(--brand) !important; font-style: italic; }\n\n \/* Steps en light *\/\n .obc-sec--light .obc-how-step > div > div[style*=\"border-radius: 50%\"][style*=\"background: var(--brand)\"] {\n color: var(--brand) !important;\n }\n .obc-sec--light .obc-how-step h3 span { color: var(--brand) !important; }\n\n \/* Mockups en light \u2014 a\u00f1adir sombra c\u00e1lida para que respiren *\/\n .obc-sec--light .obc-how-step > div > div[style*=\"aspect-ratio: 16\/10\"] {\n box-shadow: 0 30px 60px rgba(10,10,10,.18), 0 0 0 1px var(--border-light) !important;\n }\n\n \/* Glass offer en light *\/\n .obc-sec--light .obc-offer__glass {\n background: var(--bg-light-soft) !important;\n border-color: rgba(184,58,110,.18) !important;\n }\n .obc-sec--light .obc-offer__quote-wrap p span:last-child { color: var(--brand) !important; }\n .obc-sec--light .obc-offer__divider-bar { background: var(--brand) !important; opacity: .55; }\n\n \/* FAQ en light \u2014 estilo pill (vibe vdance) *\/\n .obc-sec--light .obc-faq__list {\n max-width: 820px !important;\n width: 100% !important;\n margin: 0 auto !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 12px !important;\n text-align: left !important;\n padding: 0 !important;\n }\n .obc-sec--light .obc-faq__item {\n width: 100% !important;\n margin: 0 !important;\n }\n .obc-sec--light .obc-faq__item {\n border-bottom: none !important;\n background: transparent;\n border-radius: 14px;\n overflow: hidden;\n transition: transform 0.25s ease;\n }\n .obc-sec--light .obc-faq__q {\n background: linear-gradient(135deg, var(--brand) 0%, var(--brand-hover) 100%) !important;\n color: #fff !important;\n font-family: var(--font-display) !important;\n font-weight: 500 !important;\n font-size: 19px !important;\n letter-spacing: -0.015em !important;\n padding: 22px 64px 22px 26px !important;\n border-radius: 14px !important;\n border: none !important;\n position: relative !important;\n cursor: pointer;\n line-height: 1.35 !important;\n box-shadow:\n 0 8px 22px -8px rgba(184,58,110,0.55),\n inset 0 1px 0 rgba(255,255,255,0.15);\n transition: filter 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\n }\n .obc-sec--light .obc-faq__q:hover {\n color: #fff !important;\n filter: brightness(1.06);\n transform: translateY(-1px);\n box-shadow:\n 0 12px 28px -8px rgba(184,58,110,0.65),\n inset 0 1px 0 rgba(255,255,255,0.2);\n }\n .obc-sec--light .obc-faq__q::after {\n content: \"\" !important;\n position: absolute !important;\n right: 24px !important;\n top: 50% !important;\n width: 12px !important;\n height: 12px !important;\n border-right: 2px solid #fff !important;\n border-bottom: 2px solid #fff !important;\n transform: translateY(-70%) rotate(45deg) !important;\n transition: transform 0.3s cubic-bezier(.2,.7,.2,1) !important;\n color: transparent !important;\n font-size: 0 !important;\n line-height: 0 !important;\n }\n .obc-sec--light .obc-faq__item.active .obc-faq__q {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n box-shadow:\n 0 4px 0 0 rgba(184,58,110,0.0),\n inset 0 1px 0 rgba(255,255,255,0.18);\n }\n .obc-sec--light .obc-faq__item.active .obc-faq__q::after {\n transform: translateY(-30%) rotate(-135deg) !important;\n }\n .obc-sec--light .obc-faq__a {\n max-height: 0;\n overflow: hidden;\n background: #FFFFFF;\n border-radius: 0;\n transition: max-height 0.4s cubic-bezier(.2,.7,.2,1), padding 0.3s ease;\n padding: 0 26px;\n border-left: 1px solid rgba(184,58,110,0.18);\n border-right: 1px solid rgba(184,58,110,0.18);\n border-bottom: 1px solid rgba(184,58,110,0.18);\n box-shadow: 0 10px 28px -14px rgba(10,10,10,0.18);\n }\n .obc-sec--light .obc-faq__item.active .obc-faq__a {\n max-height: 500px;\n padding: 22px 26px 24px;\n border-bottom-left-radius: 14px;\n border-bottom-right-radius: 14px;\n }\n .obc-sec--light .obc-faq__a p {\n font-family: var(--font-body) !important;\n font-size: 15px !important;\n font-weight: 400 !important;\n line-height: 1.65 !important;\n color: var(--text-dark-m) !important;\n margin: 0 !important;\n }\n @media (max-width: 640px) {\n .obc-sec--light .obc-faq__q {\n font-size: 17px !important;\n padding: 18px 52px 18px 20px !important;\n }\n .obc-sec--light .obc-faq__q::after {\n right: 18px !important;\n width: 10px !important;\n height: 10px !important;\n }\n .obc-sec--light .obc-faq__a { padding: 0 20px; }\n .obc-sec--light .obc-faq__item.active .obc-faq__a { padding: 18px 20px 20px; }\n .obc-sec--light .obc-faq__a p { font-size: 14.5px !important; }\n }\n\n \/* Ornamentos en secci\u00f3n light *\/\n .obc-sec--light + .obc-ornament .obc-ornament__line,\n .obc-sec--light .obc-ornament .obc-ornament__line {\n background: linear-gradient(90deg, transparent, var(--brand), transparent) !important;\n }\n .obc-sec--light .obc-ornament .obc-ornament__mark,\n .obc-sec--light .obc-ornament { color: var(--brand) !important; }\n\n \/* Testimonios en light *\/\n .obc-sec--light .obc-test__card {\n background: var(--bg-light-soft) !important;\n border-color: var(--border-light) !important;\n }\n .obc-sec--light .obc-test__quote { color: var(--text-dark) !important; }\n .obc-sec--light .obc-test__detail { color: var(--text-dark-s) !important; }\n .obc-sec--light .obc-test__avatar {\n background: rgba(184,58,110,.1) !important;\n color: var(--brand) !important;\n }\n .obc-sec--light .obc-test__quote::before,\n .obc-sec--light .obc-test__quote::after { color: var(--brand) !important; }\n\n \/* Marquee en light: invertir colores *\/\n .obc-marquee--light { background: var(--bg-light) !important; }\n\n \/* Header editorial del marquee *\/\n .obc-marquee-section__header {\n text-align: center;\n margin-bottom: 56px;\n }\n .obc-marquee-section__title {\n font-family: var(--font-display);\n font-weight: 500;\n font-size: clamp(34px, 5vw, 56px);\n line-height: 1.05;\n letter-spacing: -0.015em;\n color: var(--text-dark);\n margin: 0;\n text-transform: none !important;\n }\n .obc-marquee-section__title em {\n font-style: italic;\n color: var(--brand);\n font-weight: 500;\n }\n .obc-marquee-section__rule {\n width: 48px;\n height: 1px;\n background: var(--gold);\n opacity: .7;\n margin: 30px auto 0;\n }\n\n \/* Caption editorial al cierre del marquee *\/\n .obc-marquee-section__caption {\n text-align: center;\n margin-top: 56px;\n }\n .obc-marquee-section__caption p {\n font-family: var(--font-display);\n font-weight: 500;\n font-size: clamp(22px, 2.6vw, 30px);\n line-height: 1.4;\n color: var(--text-dark);\n max-width: 720px;\n margin: 0 auto;\n letter-spacing: -0.005em;\n }\n .obc-marquee-section__caption em {\n font-style: italic;\n color: var(--brand);\n }\n .obc-marquee-section__caption strong {\n font-family: var(--font-body);\n font-weight: 600;\n font-size: 0.78em;\n letter-spacing: .12em;\n text-transform: uppercase;\n color: var(--brand);\n margin-left: 6px;\n }\n .obc-marquee-section__stat {\n font-family: var(--font-display);\n font-style: italic;\n font-weight: 500;\n color: var(--gold);\n margin-right: 6px;\n }\n\n @media (max-width: 720px) {\n .obc-marquee-section { padding: 64px 0 56px !important; }\n .obc-marquee-section__header { margin-bottom: 40px; padding: 0 20px; }\n .obc-marquee-section__caption { margin-top: 40px; padding: 0 20px; }\n .obc-marquee-section__caption p { font-size: 19px; }\n .obc-marquee-section__caption strong { display: block; margin-top: 6px; margin-left: 0; }\n }\n .obc-marquee--light .obc-marquee-wrap::before { background: linear-gradient(90deg, var(--bg-light), transparent) !important; }\n .obc-marquee--light .obc-marquee-wrap::after { background: linear-gradient(90deg, transparent, var(--bg-light)) !important; }\n .obc-marquee--light .obc-marquee-item--names { color: var(--text-dark) !important; }\n .obc-marquee--light .obc-marquee-item--events { color: rgba(10,10,10,.35) !important; }\n .obc-marquee--light .obc-marquee-dot { background: var(--brand) !important; }\n .obc-marquee--light > div > span { color: var(--brand) !important; }\n\n \/* Divider gold separator entre secciones (alternancia) *\/\n .obc-sec--light + .obc-ornament .obc-ornament__line {\n background: linear-gradient(90deg, transparent, var(--brand), transparent) !important;\n }\n\n \/* Navbar sticky: cuando se desplaza sobre secci\u00f3n light, debe contrastar *\/\n \/* Lo dejamos siempre dark (negro semitransparente) por consistencia \u2014 el navbar SIEMPRE es dark *\/\n\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n VISION v2 \u2014 Quote editorial protagonista + promesa compacta\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-vision2 {\n max-width: 780px;\n margin: 64px auto 0;\n text-align: center;\n padding: 0 24px;\n }\n .obc-vision2__kicker {\n display: inline-block;\n font-family: var(--font-body);\n font-size: 11px;\n font-weight: 600;\n color: var(--brand);\n letter-spacing: .32em;\n text-transform: uppercase;\n margin-bottom: 32px;\n }\n .obc-vision2__quote {\n font-family: var(--font-display);\n font-weight: 500;\n font-size: clamp(34px, 5.2vw, 60px);\n line-height: 1.1;\n letter-spacing: -0.01em;\n color: var(--text); \/* sobre dark = blanco *\/\n margin: 0;\n padding: 0;\n border: 0;\n quotes: none;\n }\n .obc-vision2__quote em {\n font-style: italic;\n color: var(--brand);\n font-weight: 400;\n }\n .obc-vision2__promise {\n font-family: var(--font-body);\n font-size: clamp(15px, 1.4vw, 17px);\n line-height: 1.85;\n color: var(--text-m);\n max-width: 580px;\n margin: 0 auto;\n }\n .obc-vision2__promise strong {\n color: var(--brand);\n font-weight: 600;\n }\n\n \/* Variant en secci\u00f3n light *\/\n .obc-sec--light .obc-vision2__quote { color: var(--text-dark) !important; }\n .obc-sec--light .obc-vision2__quote em { color: var(--brand) !important; }\n .obc-sec--light .obc-vision2__promise { color: var(--text-dark-m) !important; }\n .obc-sec--light .obc-vision2__promise strong { color: var(--brand) !important; }\n\n @media (max-width: 720px) {\n .obc-vision2 { margin-top: 48px; }\n .obc-vision2__kicker { margin-bottom: 22px; }\n }\n\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BANNER STATEMENT \u2014 Full-width dark dramatic\n Rompe la secci\u00f3n light con un momento de impacto editorial\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-banner-statement {\n position: relative;\n width: 100%;\n padding: 88px 24px;\n background: var(--bg) !important;\n color: var(--text) !important;\n overflow: hidden;\n text-align: center;\n box-sizing: border-box;\n }\n \/* Fondo con radial glow henna sutil *\/\n .obc-banner-statement__bg {\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse at 25% 35%, rgba(184,58,110,.22), transparent 55%),\n radial-gradient(ellipse at 75% 70%, rgba(232,181,71,.10), transparent 55%),\n linear-gradient(135deg, #0A0A0A 0%, #1A0A12 100%);\n pointer-events: none;\n }\n \/* Hairline gold arriba y abajo del banner *\/\n .obc-banner-statement::before,\n .obc-banner-statement::after {\n content: '';\n position: absolute;\n left: 0; right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent 10%, var(--gold) 50%, transparent 90%);\n opacity: .6;\n }\n .obc-banner-statement::before { top: 0; }\n .obc-banner-statement::after { bottom: 0; }\n\n .obc-banner-statement__inner {\n position: relative;\n z-index: 1;\n max-width: 960px;\n margin: 0 auto;\n }\n .obc-banner-statement__pre {\n display: inline-block;\n font-family: var(--font-body);\n font-size: 11px;\n font-weight: 600;\n letter-spacing: .36em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 36px;\n }\n .obc-banner-statement__title {\n font-family: var(--font-display);\n font-weight: 500;\n font-size: clamp(36px, 6.5vw, 72px);\n line-height: 1.05;\n letter-spacing: -0.015em;\n color: var(--text);\n margin: 0;\n text-transform: none !important;\n }\n .obc-banner-statement__title em {\n display: block;\n font-style: italic;\n font-weight: 500;\n color: var(--brand);\n margin-top: 8px;\n }\n .obc-banner-statement__rule {\n width: 64px;\n height: 1px;\n background: var(--gold);\n margin: 40px auto 0;\n opacity: .8;\n }\n\n \/* En secci\u00f3n light, asegurar que el banner mantenga sus colores dark *\/\n .obc-sec--light .obc-banner-statement,\n .obc-sec--light .obc-banner-statement * { color: inherit; }\n .obc-sec--light .obc-banner-statement__title { color: var(--text) !important; }\n .obc-sec--light .obc-banner-statement__title em { color: var(--brand) !important; }\n .obc-sec--light .obc-banner-statement__pre { color: var(--gold) !important; }\n\n @media (max-width: 720px) {\n .obc-banner-statement { padding: 60px 20px; }\n .obc-banner-statement__pre { margin-bottom: 24px; letter-spacing: .28em; }\n .obc-banner-statement__rule { margin-top: 28px; width: 48px; }\n }\n\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n QU\u00c9 INCLUYE \u2014 4 cards horizontales apiladas (ancho > alto)\n Layout: n\u00famero | t\u00edtulo | label arriba, body abajo.\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-includes-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 14px;\n max-width: 1080px;\n margin: 56px auto 0;\n text-align: left;\n padding: 0 24px;\n }\n .obc-includes-card {\n position: relative;\n background: linear-gradient(135deg, #FCF1F4 0%, #FFFFFF 65%);\n border: 1px solid rgba(184,58,110,.25);\n border-radius: 14px;\n padding: 28px 40px 30px;\n overflow: hidden;\n transition: border-color .4s ease, box-shadow .4s ease, transform .4s cubic-bezier(.16,1,.3,1);\n }\n \/* Hairline dorada al top \u2014 aparece en hover (desde la izquierda) *\/\n .obc-includes-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--brand) 0%, var(--gold) 100%);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform .5s cubic-bezier(.16,1,.3,1);\n }\n .obc-includes-card:hover {\n border-color: var(--brand);\n box-shadow: 0 18px 40px -10px rgba(184,58,110,.18);\n transform: translateY(-2px);\n }\n .obc-includes-card:hover::before { transform: scaleX(1); }\n\n \/* TOP ROW: n\u00famero | t\u00edtulo | label *\/\n .obc-includes-card__top {\n display: grid;\n grid-template-columns: auto 1fr auto;\n gap: 32px;\n align-items: center;\n margin-bottom: 14px;\n }\n .obc-includes-card__num {\n font-family: var(--font-display);\n font-style: italic;\n font-weight: 500;\n font-size: 54px;\n color: var(--brand);\n line-height: .85;\n letter-spacing: -0.03em;\n }\n .obc-includes-card__title {\n font-family: var(--font-display);\n font-weight: 500;\n font-size: 28px;\n letter-spacing: -0.01em;\n color: var(--text);\n margin: 0;\n line-height: 1.1;\n text-transform: none !important;\n }\n .obc-includes-card__title em {\n font-style: italic;\n color: var(--brand);\n font-weight: 400;\n display: inline;\n margin: 0;\n }\n .obc-includes-card__label {\n font-family: var(--font-body);\n font-size: 10px;\n font-weight: 600;\n letter-spacing: .3em;\n text-transform: uppercase;\n color: var(--brand);\n opacity: .85;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n white-space: nowrap;\n }\n .obc-includes-card__label::before {\n content: '';\n display: inline-block;\n width: 6px; height: 6px;\n border-radius: 50%;\n background: var(--brand);\n }\n\n \/* BODY ROW: descripci\u00f3n, alineada con el inicio del t\u00edtulo (despu\u00e9s del n\u00famero) *\/\n .obc-includes-card__body {\n font-family: var(--font-body);\n font-size: 14px;\n font-weight: 400;\n line-height: 1.7;\n color: var(--text);\n margin: 0;\n opacity: .72;\n max-width: 78ch;\n padding-left: 84px; \/* alinea con el inicio del t\u00edtulo (54px num + 32px gap = 86px aprox) *\/\n }\n\n \/* Variant en secci\u00f3n light *\/\n .obc-sec--light .obc-includes-card {\n background: linear-gradient(135deg, #FCF1F4 0%, #FFFFFF 65%);\n border-color: rgba(184,58,110,.25) !important;\n }\n .obc-sec--light .obc-includes-card:hover {\n border-color: var(--brand) !important;\n box-shadow: 0 18px 40px -10px rgba(184,58,110,.18);\n }\n .obc-sec--light .obc-includes-card__num { color: var(--brand) !important; }\n .obc-sec--light .obc-includes-card__title { color: var(--text-dark) !important; }\n .obc-sec--light .obc-includes-card__title em { color: var(--brand) !important; }\n .obc-sec--light .obc-includes-card__body { color: var(--text-dark) !important; opacity: .72; }\n .obc-sec--light .obc-includes-card__label { color: var(--brand) !important; }\n\n \/* Cierre emocional *\/\n .obc-includes-close {\n margin: 0 auto;\n max-width: 760px;\n text-align: center;\n font-family: var(--font-display);\n font-weight: 500;\n font-size: clamp(28px, 4.5vw, 46px);\n line-height: 1.15;\n letter-spacing: -0.01em;\n color: var(--text);\n }\n .obc-includes-close em {\n font-style: italic;\n color: var(--brand);\n font-weight: 400;\n }\n .obc-sec--light .obc-includes-close { color: var(--text-dark) !important; }\n .obc-sec--light .obc-includes-close em { color: var(--brand) !important; }\n\n @media (max-width: 720px) {\n .obc-includes-grid { gap: 12px; padding: 0 16px; }\n .obc-includes-card { padding: 22px 26px 24px; }\n .obc-includes-card__top {\n grid-template-columns: auto 1fr;\n gap: 18px;\n margin-bottom: 12px;\n }\n \/* Label fuera de grid \u2192 segunda fila bajo el t\u00edtulo *\/\n .obc-includes-card__label {\n grid-column: 2;\n margin-top: 4px;\n }\n .obc-includes-card__num { font-size: 42px; }\n .obc-includes-card__title { font-size: 22px; }\n .obc-includes-card__body {\n padding-left: 0;\n font-size: 13.5px;\n }\n }\n\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n PRECIO \u2014 Layout 2col redise\u00f1ado (valor + form)\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n \/* Anular el conic glow del grid antiguo *\/\n .obc-price__grid {\n grid-template-columns: 1fr 1fr !important;\n border: 0 !important;\n border-radius: 0 !important;\n overflow: visible !important;\n gap: 0 !important;\n max-width: 1080px !important;\n background: transparent !important;\n }\n .obc-price__grid::before { display: none !important; }\n\n \/* \u2500\u2500 IZQUIERDA: bloque \"Tu plaza incluye\" \u2500\u2500 *\/\n .obc-price__value {\n padding: 48px 56px 48px 0;\n text-align: left;\n border-right: 1px solid rgba(184,58,110,.22);\n align-self: stretch;\n }\n .obc-price__value-kicker {\n display: block;\n font-family: var(--font-body);\n font-size: 11px;\n font-weight: 600;\n color: var(--gold);\n letter-spacing: .32em;\n text-transform: uppercase;\n margin-bottom: 32px;\n }\n .obc-price__valuelist {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n gap: 22px;\n }\n .obc-price__valuelist li {\n display: grid;\n grid-template-columns: 22px 1fr;\n gap: 14px;\n align-items: start;\n }\n .obc-price__valuelist-mark {\n color: var(--brand);\n font-weight: 600;\n font-size: 16px;\n line-height: 1.6;\n }\n .obc-price__valuelist-title {\n font-family: var(--font-body);\n font-size: 12px;\n font-weight: 600;\n letter-spacing: .22em;\n text-transform: uppercase;\n color: var(--text);\n margin: 0 0 6px;\n line-height: 1.4;\n }\n .obc-price__valuelist-body {\n font-family: var(--font-body);\n font-size: 14px;\n line-height: 1.6;\n color: var(--text-m);\n margin: 0;\n }\n .obc-price__valuelist-body strong {\n color: var(--text);\n font-weight: 600;\n }\n .obc-price__value-foot {\n margin: 36px 0 0;\n font-family: var(--font-display);\n font-size: 22px;\n font-weight: 500;\n color: var(--gold);\n font-style: italic;\n line-height: 1.3;\n }\n\n \/* \u2500\u2500 DERECHA: tarjeta del form \u2500\u2500 *\/\n .obc-price__card {\n background: var(--bg-card) !important;\n padding: 36px 36px !important;\n margin-left: 48px;\n border: 1px solid var(--border);\n border-radius: 8px;\n box-shadow: 0 30px 80px rgba(0,0,0,.45), 0 0 0 1px rgba(184,58,110,.08);\n align-self: start;\n }\n .obc-price__card::before {\n background: linear-gradient(90deg, transparent, var(--gold), transparent) !important;\n height: 1px !important;\n opacity: .8;\n }\n\n \/* \u2500\u2500 Nota final centrada debajo \u2500\u2500 *\/\n .obc-price__note-out {\n text-align: center;\n margin: 40px auto 0;\n max-width: 640px;\n font-family: var(--font-body);\n font-size: 14px;\n color: var(--text-s);\n line-height: 1.7;\n font-style: italic;\n }\n\n \/* Mobile: stack vertical, valor primero, form despu\u00e9s *\/\n @media (max-width: 880px) {\n .obc-price__grid { grid-template-columns: 1fr !important; max-width: 560px !important; }\n .obc-price__value {\n padding: 0 0 32px 0;\n border-right: 0;\n border-bottom: 1px solid rgba(184,58,110,.22);\n margin-bottom: 32px;\n }\n .obc-price__card { margin-left: 0; padding: 28px 24px !important; }\n .obc-price__value-foot { font-size: 18px; }\n }\n\n<\/style>\n\n<div class=\"obc\">\n\n \n <nav class=\"obc-nav\">\n <div class=\"obc-nav__inner\">\n <a href=\"\/\" class=\"obc-nav__logo\" aria-label=\"ObellyClub \u2014 Inicio\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a085ef90a69f1e76693022f.png\" alt=\"ObellyClub \u2014 escuela online de bellydance\" width=\"160\" height=\"40\">\n <\/a>\n <ul class=\"obc-nav__menu\">\n <li><a href=\"#levana\">Maestras<\/a><\/li>\n <li><a href=\"#funciona\">Cómo funciona<\/a><\/li>\n <li><a href=\"#incluye\">Incluye<\/a><\/li>\n <li><a href=\"#obc-form\">Precio<\/a><\/li>\n <li><a href=\"#faq\">FAQ<\/a><\/li>\n <li class=\"obc-nav__lang\">\n <div class=\"obc-lang-pill\" role=\"group\" aria-label=\"Selector de idioma\">\n <a href=\"\/\" class=\"obc-lang-pill__btn obc-lang-pill__btn--active\" data-lang=\"es\" aria-current=\"true\">\n <span class=\"obc-lang-pill__flag\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 750 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"none\">\n <rect width=\"750\" height=\"500\" fill=\"#AA151B\"\/>\n <rect y=\"125\" width=\"750\" height=\"250\" fill=\"#F1BF00\"\/>\n <\/svg>\n <\/span>\n <span>ES<\/span>\n <\/a>\n <a href=\"\/en\/\" class=\"obc-lang-pill__btn\" data-lang=\"en\">\n <span class=\"obc-lang-pill__flag\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 60 30\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"none\">\n <clipPath id=\"obc-uk-clip\"><path d=\"M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z\"\/><\/clipPath>\n <rect width=\"60\" height=\"30\" fill=\"#012169\"\/>\n <path d=\"M0,0 L60,30 M60,0 L0,30\" stroke=\"#FFFFFF\" stroke-width=\"6\"\/>\n <path d=\"M0,0 L60,30 M60,0 L0,30\" clip-path=\"url(#obc-uk-clip)\" stroke=\"#C8102E\" stroke-width=\"4\"\/>\n <path d=\"M30,0 v30 M0,15 h60\" stroke=\"#FFFFFF\" stroke-width=\"10\"\/>\n <path d=\"M30,0 v30 M0,15 h60\" stroke=\"#C8102E\" stroke-width=\"6\"\/>\n <\/svg>\n <\/span>\n <span>EN<\/span>\n <\/a>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/nav>\n\n <main>\n\n \n <section class=\"obc-hero\">\n <div class=\"obc-hero__bg\"><\/div>\n <div class=\"obc-w\">\n <div class=\"obc-hero__grid\">\n <div class=\"obc-hero__content\">\n <p class=\"obc-hero__pre\">Conviértete en fundadora este pre-lanzamiento de ObellyClub<\/p>\n <h1>\n Empodera tu bailarina interior\n <em>y brilla encima del escenario.<\/em>\n <\/h1>\n <p class=\"obc-hero__sub\">\n Las clases en vivo no siempre son una opción. <em style=\"font-family:var(--font-display-it);color:var(--cream);\">Baila y aprende con las mejores referentes del mundo dentro de una comunidad sin límites.<\/em>\n <\/p>\n <div class=\"obc-hero__cta-wrap\">\n <a href=\"#obc-form\" class=\"obc-cta\">Reservar mi plaza<\/a>\n <\/div>\n <\/div>\n <div class=\"obc-hero__visual\" style=\"display:flex;justify-content:center;align-items:center;\">\n \n <video\n src=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a0923722e98e28fa14fbb2c.mp4\"\n autoplay muted loop playsinline fetchpriority=\"high\"\n style=\"width:100%;max-width:340px;height:auto;aspect-ratio:9\/16;object-fit:cover;border-radius:12px;border:1px solid var(--border);box-shadow:0 24px 60px rgba(0,0,0,.5), 0 0 0 1px rgba(184,58,110,.1);display:block;\"\n aria-label=\"Levana bailando\"\n ><\/video>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"obc-sec obc-art obc-sec--light obc-levana-section\" id=\"levana\">\n <div class=\"obc-w\">\n\n \n <div class=\"obc-vision2 obc-reveal\" style=\"margin-bottom: 72px;\">\n <blockquote class=\"obc-vision2__quote\">\n ¿Crees que aprender de las mejores<br>\n <em>es imposible?<\/em>\n <\/blockquote>\n\n <div style=\"width:48px; height:1px; background: var(--gold); opacity:.55; margin: 28px auto 24px;\"><\/div>\n\n <p class=\"obc-vision2__promise\">\n Las mejores referentes del mundo estarán en ObellyClub. Las que normalmente solo verías <strong>viajando muy lejos.<\/strong>\n <\/p>\n <\/div>\n\n \n <div class=\"obc-future__grid obc-reveal\" style=\"margin-top: 40px;\">\n\n \n <article class=\"obc-future__card obc-future__card--revealed\">\n <div class=\"obc-future__card-visual\">\n <img decoding=\"async\" src=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a091f158d08689eb277774d.jpg\" alt=\"Levana \u2014 maestra y anfitriona de ObellyClub\" loading=\"lazy\" width=\"1343\" height=\"1050\">\n <\/div>\n <div class=\"obc-future__card-foot\">\n <span class=\"obc-future__card-num\">01<\/span>\n <span class=\"obc-future__card-status obc-future__card-status--revealed\">Levana<\/span>\n <\/div>\n <\/article>\n\n <article class=\"obc-future__card\">\n <div class=\"obc-future__card-visual\">\n <span class=\"obc-future__silhouette\" aria-hidden=\"true\"><\/span>\n <span class=\"obc-future__mark\">?<\/span>\n <\/div>\n <div class=\"obc-future__card-foot\">\n <span class=\"obc-future__card-num\">02<\/span>\n <span class=\"obc-future__card-status\">Por revelar<\/span>\n <\/div>\n <\/article>\n\n <article class=\"obc-future__card\">\n <div class=\"obc-future__card-visual\">\n <span class=\"obc-future__silhouette\" aria-hidden=\"true\"><\/span>\n <span class=\"obc-future__mark\">?<\/span>\n <\/div>\n <div class=\"obc-future__card-foot\">\n <span class=\"obc-future__card-num\">03<\/span>\n <span class=\"obc-future__card-status\">Por revelar<\/span>\n <\/div>\n <\/article>\n\n <article class=\"obc-future__card\">\n <div class=\"obc-future__card-visual\">\n <span class=\"obc-future__silhouette\" aria-hidden=\"true\"><\/span>\n <span class=\"obc-future__mark\">?<\/span>\n <\/div>\n <div class=\"obc-future__card-foot\">\n <span class=\"obc-future__card-num\">04<\/span>\n <span class=\"obc-future__card-status\">Por revelar<\/span>\n <\/div>\n <\/article>\n\n \n <article class=\"obc-future__card\">\n <div class=\"obc-future__card-visual\">\n <span class=\"obc-future__silhouette\" aria-hidden=\"true\"><\/span>\n <span class=\"obc-future__mark\">?<\/span>\n <\/div>\n <div class=\"obc-future__card-foot\">\n <span class=\"obc-future__card-num\">05<\/span>\n <span class=\"obc-future__card-status\">Por revelar<\/span>\n <\/div>\n <\/article>\n\n <article class=\"obc-future__card\">\n <div class=\"obc-future__card-visual\">\n <span class=\"obc-future__silhouette\" aria-hidden=\"true\"><\/span>\n <span class=\"obc-future__mark\">?<\/span>\n <\/div>\n <div class=\"obc-future__card-foot\">\n <span class=\"obc-future__card-num\">06<\/span>\n <span class=\"obc-future__card-status\">Por revelar<\/span>\n <\/div>\n <\/article>\n\n <article class=\"obc-future__card\">\n <div class=\"obc-future__card-visual\">\n <span class=\"obc-future__silhouette\" aria-hidden=\"true\"><\/span>\n <span class=\"obc-future__mark\">?<\/span>\n <\/div>\n <div class=\"obc-future__card-foot\">\n <span class=\"obc-future__card-num\">07<\/span>\n <span class=\"obc-future__card-status\">Por revelar<\/span>\n <\/div>\n <\/article>\n\n <article class=\"obc-future__card obc-future__card--more\">\n <div class=\"obc-future__card-visual\">\n <span class=\"obc-future__plus\">+<\/span>\n <\/div>\n <div class=\"obc-future__card-foot\">\n <span class=\"obc-future__card-num\">∞<\/span>\n <span class=\"obc-future__card-status\">Las que vendrán<\/span>\n <\/div>\n <\/article>\n\n <\/div>\n\n \n <div class=\"obc-future__close obc-reveal\">\n <blockquote class=\"obc-future__quote\">\n «Después de bailar con Levana,\n <span>no te miras igual al espejo.»<\/span>\n <\/blockquote>\n\n <a href=\"#obc-form\" class=\"obc-future__cta\">\n Quiero todo ObellyClub\n <span class=\"obc-future__cta-arrow\">→<\/span>\n <\/a>\n\n <p class=\"obc-future__note\">\n Las fundadoras conocen a cada nueva maestra <strong>antes que nadie.<\/strong>\n <\/p>\n <\/div>\n\n <\/div>\n <\/section>\n\n <style>\n \/* \u2500\u2500\u2500 LEVANA SPREAD \u2014 Conversi\u00f3n, no info \u2500\u2500\u2500 *\/\n .obc-levana-section { text-align: left; }\n .obc-levana__spread {\n display: grid;\n grid-template-columns: 1fr 1.1fr;\n gap: 72px;\n align-items: center;\n max-width: 1140px;\n margin: 0 auto;\n }\n\n \/* IZQUIERDA: foto magn\u00e9tica *\/\n .obc-levana__visual { position: relative; }\n .obc-levana__photo {\n position: relative;\n aspect-ratio: 4\/5;\n overflow: hidden;\n border-radius: 4px;\n box-shadow: 0 30px 80px rgba(10,10,10,.18), 0 0 0 1px rgba(184,58,110,.12);\n }\n .obc-levana__photo img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center 18%;\n display: block;\n filter: brightness(0.97) contrast(1.05) saturate(1.05);\n transition: transform 0.7s cubic-bezier(0.16,1,0.3,1);\n }\n .obc-levana__visual:hover .obc-levana__photo img {\n transform: scale(1.03);\n }\n\n \/* DERECHA: hook + quote + CTA *\/\n .obc-levana__content > .obc-badge { margin-bottom: 26px; display: inline-block; }\n\n .obc-levana__title {\n font-family: var(--font-display);\n font-weight: 500;\n font-size: clamp(38px, 5vw, 60px);\n line-height: 1.05;\n letter-spacing: -0.015em;\n color: var(--text-dark);\n margin: 0 0 36px;\n text-transform: none !important;\n }\n .obc-levana__title em {\n font-style: italic;\n color: var(--brand);\n }\n\n \/* Pull-quote signature *\/\n .obc-levana__quote {\n font-family: var(--font-display);\n font-style: italic;\n font-weight: 500;\n font-size: clamp(20px, 2.2vw, 26px);\n line-height: 1.4;\n color: var(--text-dark);\n margin: 0 0 28px;\n padding-left: 20px;\n border-left: 2px solid var(--brand);\n opacity: .9;\n }\n .obc-levana__quote span {\n display: block;\n color: var(--brand);\n margin-top: 2px;\n }\n\n \/* Rol compacto en una sola l\u00ednea *\/\n .obc-levana__role {\n font-family: var(--font-body);\n font-size: 11px;\n font-weight: 600;\n letter-spacing: .14em;\n text-transform: uppercase;\n color: var(--text-dark);\n opacity: .55;\n margin: 0 0 36px;\n line-height: 1.6;\n }\n\n \/* CTA editorial *\/\n .obc-levana__cta {\n display: inline-flex;\n align-items: center;\n gap: 14px;\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: .22em;\n text-transform: uppercase;\n color: #fff;\n background: var(--brand);\n padding: 18px 32px;\n border-radius: 4px;\n text-decoration: none;\n transition: background .3s ease, transform .3s ease, box-shadow .3s ease;\n box-shadow: 0 12px 30px rgba(184,58,110,.22);\n }\n .obc-levana__cta:hover {\n background: var(--brand-hover);\n transform: translateY(-2px);\n box-shadow: 0 18px 44px rgba(184,58,110,.32);\n }\n .obc-levana__cta-arrow {\n display: inline-block;\n transition: transform .3s ease;\n }\n .obc-levana__cta:hover .obc-levana__cta-arrow {\n transform: translateX(4px);\n }\n\n \/* MOBILE: stack vertical, foto arriba *\/\n @media (max-width: 880px) {\n .obc-levana__spread {\n grid-template-columns: 1fr;\n gap: 40px;\n max-width: 520px;\n padding: 0 20px;\n }\n .obc-levana__photo { aspect-ratio: 1\/1; }\n .obc-levana__title { font-size: clamp(32px, 7vw, 44px); }\n .obc-levana__quote { font-size: 18px; }\n }\n\n\n \/* \u2500\u2500\u2500 FUTURE \/ MYSTERY MAESTRAS \u2500\u2500\u2500 *\/\n .obc-future {\n max-width: 1140px;\n margin: 80px auto 0;\n padding-top: 56px;\n border-top: 1px solid rgba(184,58,110,.18);\n }\n .obc-future__header {\n text-align: center;\n margin-bottom: 44px;\n }\n .obc-future__kicker {\n display: inline-block;\n font-family: var(--font-body);\n font-size: 10px;\n font-weight: 600;\n letter-spacing: .3em;\n text-transform: uppercase;\n color: var(--brand);\n margin-bottom: 16px;\n }\n .obc-future__title {\n font-family: var(--font-display);\n font-weight: 500;\n font-size: clamp(24px, 3.2vw, 36px);\n line-height: 1.15;\n color: var(--text-dark);\n margin: 0;\n letter-spacing: -0.01em;\n text-transform: none !important;\n }\n .obc-future__title em {\n font-style: italic;\n color: var(--brand);\n }\n\n \/* Grid 4 cards *\/\n .obc-future__grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n }\n\n .obc-future__card {\n position: relative;\n aspect-ratio: 4\/5;\n background: linear-gradient(165deg, #1A0A12 0%, #0A0A0A 100%);\n border: 1px solid rgba(184,58,110,.25);\n border-radius: 4px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n transition: border-color .4s ease, transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s ease;\n }\n .obc-future__card:hover {\n border-color: rgba(232,181,71,.45);\n transform: translateY(-3px);\n box-shadow: 0 16px 36px rgba(0,0,0,.3), 0 0 0 1px rgba(232,181,71,.12);\n }\n\n \/* Visual area con silueta + ? *\/\n .obc-future__card-visual {\n position: relative;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n }\n .obc-future__silhouette {\n position: absolute;\n inset: 14% 30% 14% 30%;\n background-color: var(--brand);\n opacity: .14;\n -webkit-mask-image: url('https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a0862628d08689eb2580ab8.png');\n mask-image: url('https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a0862628d08689eb2580ab8.png');\n -webkit-mask-size: contain;\n mask-size: contain;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n transition: opacity .4s ease;\n }\n .obc-future__card:hover .obc-future__silhouette {\n opacity: .22;\n }\n .obc-future__mark,\n .obc-sec--light .obc-future__mark {\n position: relative !important;\n z-index: 1 !important;\n font-family: 'Playfair Display', Georgia, serif !important;\n font-style: italic !important;\n font-weight: 500 !important;\n font-size: clamp(64px, 8vw, 96px) !important;\n color: #E8B547 !important;\n line-height: 1 !important;\n opacity: .85 !important;\n }\n .obc-future__plus,\n .obc-sec--light .obc-future__plus {\n position: relative !important;\n z-index: 1 !important;\n font-family: 'Playfair Display', Georgia, serif !important;\n font-weight: 500 !important;\n font-size: clamp(64px, 8vw, 96px) !important;\n color: #E8B547 !important;\n line-height: 1 !important;\n opacity: .7 !important;\n }\n \/* Variant \"and more\" card *\/\n .obc-future__card--more {\n background: linear-gradient(165deg, #0A0A0A 0%, #1A0A12 100%);\n border-style: dashed;\n border-color: rgba(232,181,71,.3);\n }\n .obc-future__card--more:hover {\n border-style: solid;\n border-color: rgba(232,181,71,.55);\n }\n\n \/* Foot tag de card *\/\n .obc-future__card-foot {\n padding: 14px 16px;\n border-top: 1px solid rgba(184,58,110,.18);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n background: rgba(10,10,10,.4);\n }\n .obc-future__card-num,\n .obc-sec--light .obc-future__card-num {\n font-family: 'Playfair Display', Georgia, serif !important;\n font-style: italic !important;\n font-size: 16px !important;\n color: #B83A6E !important;\n line-height: 1 !important;\n }\n .obc-future__card-status,\n .obc-sec--light .obc-future__card-status {\n font-family: 'Inter', sans-serif !important;\n font-size: 9px !important;\n font-weight: 600 !important;\n letter-spacing: .22em !important;\n text-transform: uppercase !important;\n color: rgba(255,255,255,0.72) !important;\n }\n .obc-future__card-status--revealed,\n .obc-sec--light .obc-future__card-status--revealed {\n color: #E8B547 !important;\n letter-spacing: .18em !important;\n }\n\n \/* CARD LEVANA REVELADA: foto real + tag overlay *\/\n .obc-future__card--revealed {\n background: #1A0A12;\n border-color: rgba(232,181,71,.35);\n }\n .obc-future__card--revealed:hover {\n border-color: var(--gold);\n }\n .obc-future__card--revealed .obc-future__card-visual {\n padding: 0;\n overflow: hidden;\n }\n .obc-future__card--revealed img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center 18%;\n display: block;\n filter: brightness(0.97) contrast(1.05) saturate(1.05);\n transition: transform 0.7s cubic-bezier(0.16,1,0.3,1);\n }\n .obc-future__card--revealed:hover img {\n transform: scale(1.04);\n }\n \/* Tag overlay con nombre (Levana) *\/\n .obc-future__card-tag {\n position: absolute;\n top: 14px;\n left: 14px;\n font-family: var(--font-display);\n font-style: italic;\n font-size: 22px;\n color: #fff;\n background: rgba(10,10,10,.55);\n backdrop-filter: blur(6px);\n -webkit-backdrop-filter: blur(6px);\n padding: 4px 14px 6px;\n border-radius: 999px;\n border: 1px solid rgba(255,255,255,.18);\n letter-spacing: -0.005em;\n z-index: 2;\n }\n \/* Status \"Bailando hoy\" en card revelada *\/\n .obc-future__card-status--live {\n color: var(--gold) !important;\n position: relative;\n padding-left: 14px;\n }\n .obc-future__card-status--live::before {\n content: '';\n position: absolute;\n left: 0; top: 50%;\n transform: translateY(-50%);\n width: 6px; height: 6px;\n border-radius: 50%;\n background: var(--gold);\n box-shadow: 0 0 0 4px rgba(232,181,71,.18);\n animation: obc-future-pulse 2s ease-in-out infinite;\n }\n @keyframes obc-future-pulse {\n 0%, 100% { box-shadow: 0 0 0 4px rgba(232,181,71,.18); }\n 50% { box-shadow: 0 0 0 7px rgba(232,181,71,.06); }\n }\n\n \/* Cierre con quote + CTA *\/\n .obc-future__close {\n margin: 48px auto 0;\n max-width: 720px;\n text-align: center;\n }\n .obc-future__quote {\n font-family: var(--font-display);\n font-style: italic;\n font-weight: 500;\n font-size: clamp(22px, 2.6vw, 30px);\n line-height: 1.4;\n color: var(--text-dark);\n margin: 0 0 32px;\n padding: 0;\n border: 0;\n max-width: 560px;\n margin-left: auto;\n margin-right: auto;\n }\n .obc-future__quote span {\n display: block;\n color: var(--brand);\n margin-top: 4px;\n }\n .obc-future__cta {\n display: inline-flex;\n align-items: center;\n gap: 14px;\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: .22em;\n text-transform: uppercase;\n color: #fff;\n background: var(--brand);\n padding: 18px 32px;\n border-radius: 4px;\n text-decoration: none;\n transition: background .3s ease, transform .3s ease, box-shadow .3s ease;\n box-shadow: 0 12px 30px rgba(184,58,110,.22);\n }\n .obc-future__cta:hover {\n background: var(--brand-hover);\n transform: translateY(-2px);\n box-shadow: 0 18px 44px rgba(184,58,110,.32);\n }\n .obc-future__cta-arrow {\n display: inline-block;\n transition: transform .3s ease;\n }\n .obc-future__cta:hover .obc-future__cta-arrow {\n transform: translateX(4px);\n }\n .obc-future__note {\n margin: 22px auto 0;\n max-width: 520px;\n font-family: var(--font-body);\n font-size: 12px;\n line-height: 1.7;\n color: var(--text-dark);\n opacity: .6;\n letter-spacing: .04em;\n }\n .obc-future__note strong {\n color: var(--brand);\n font-weight: 600;\n }\n\n @media (max-width: 720px) {\n .obc-future { margin-top: 56px; padding-top: 40px; }\n .obc-future__grid { grid-template-columns: 1fr 1fr; gap: 12px; }\n .obc-future__header { margin-bottom: 32px; padding: 0 16px; }\n .obc-future__close { padding: 0 20px; }\n .obc-future__card-tag { font-size: 18px; top: 10px; left: 10px; padding: 3px 12px; }\n }\n <\/style>\n\n \n <section class=\"obc-banner-statement obc-reveal\">\n <div class=\"obc-banner-statement__bg\"><\/div>\n <div class=\"obc-banner-statement__inner\">\n <span class=\"obc-banner-statement__pre\">El momento ha llegado<\/span>\n <h2 class=\"obc-banner-statement__title\">\n La democratización<br>del bellydance<br>\n <em>ha llegado.<\/em>\n <\/h2>\n <div class=\"obc-banner-statement__rule\"><\/div>\n <\/div>\n <\/section>\n\n \n <style>\n @keyframes obc-videoGlow {\n 0%, 100% { box-shadow: 0 0 30px rgba(184,58,110,0.15), 0 8px 40px rgba(0,0,0,0.4); }\n 50% { box-shadow: 0 0 50px rgba(184,58,110,0.25), 0 12px 50px rgba(0,0,0,0.5); }\n }\n .obc-preview-card {\n border-radius: 22px;\n overflow: hidden;\n border: 2px solid rgba(184,58,110,0.4);\n position: relative;\n transition: transform 0.45s ease, border-color 0.45s ease, box-shadow 0.45s ease;\n animation: obc-videoGlow 4s ease-in-out infinite;\n box-shadow: 0 28px 80px rgba(0,0,0,0.55), 0 0 60px rgba(184,58,110,0.22);\n }\n .obc-preview-card::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 22px;\n background: linear-gradient(135deg, rgba(184,58,110,0.14) 0%, transparent 42%, transparent 58%, rgba(184,58,110,0.1) 100%);\n pointer-events: none;\n mix-blend-mode: screen;\n opacity: 0.7;\n }\n .obc-preview-card:nth-child(2) { animation-delay: 2s; }\n .obc-preview-card:hover {\n transform: translateY(-14px) scale(1.04);\n border-color: var(--brand);\n box-shadow: 0 40px 110px rgba(0,0,0,0.7), 0 0 120px rgba(184,58,110,0.5);\n }\n <\/style>\n\n <section class=\"obc-sec\" style=\"padding: 100px 0; position: relative; overflow: hidden;\">\n \n <div style=\"position: absolute; top: 50%; left: 50%; width: 800px; height: 800px; background: radial-gradient(circle, rgba(184,58,110,0.06) 0%, transparent 60%); transform: translate(-50%, -50%); pointer-events: none;\"><\/div>\n\n <div class=\"obc-w\" style=\"position: relative; z-index: 1;\">\n <div class=\"obc-mira__grid\">\n\n \n <div class=\"obc-mira__header obc-reveal\">\n <span class=\"obc-badge\" style=\"margin-bottom: 24px;\">Esto no te lo puedes perder<\/span>\n <h2 style=\"font-size: clamp(38px, 5.2vw, 64px); margin-bottom: 0; line-height: 1.04; letter-spacing: -0.015em;\">\n Esto es lo que te espera dentro.\n <\/h2>\n <\/div>\n\n \n <div class=\"obc-mira__video obc-reveal\">\n <div class=\"obc-preview-card\" style=\"max-width: 360px; width: 100%; margin: 0 auto;\">\n <video playsinline muted loop autoplay preload=\"metadata\" style=\"width: 100%; aspect-ratio: 9\/16; object-fit: cover; display: block;\">\n <source src=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a0923728d08689eb277ecef.mp4\" type=\"video\/mp4\">\n <\/video>\n <\/div>\n <\/div>\n\n \n <div class=\"obc-mira__body obc-reveal\">\n <div class=\"obc-mira__rule\"><\/div>\n\n <p style=\"font-family:var(--font-display-it); font-style:italic; font-size: clamp(20px, 2vw, 24px); color: var(--text); line-height: 1.5; max-width: 520px; margin: 0 0 32px;\">\n Miles de bailarinas aprenden con Levana por el mundo.\n <span style=\"color: var(--brand);\">Ahora puedes bailar con ella<\/span> cuando y donde quieras.\n <\/p>\n\n <div class=\"obc-mira__stats\">\n <div class=\"obc-mira__stat\">\n <span class=\"obc-mira__stat-num\">+15<\/span>\n <span class=\"obc-mira__stat-label\">pa\u00edses<br>recorridos<\/span>\n <\/div>\n <div class=\"obc-mira__stat-divider\"><\/div>\n <div class=\"obc-mira__stat\">\n <span class=\"obc-mira__stat-num\">+10 años<\/span>\n <span class=\"obc-mira__stat-label\">en escenarios<br>internacionales<\/span>\n <\/div>\n <div class=\"obc-mira__stat-divider\"><\/div>\n <div class=\"obc-mira__stat\">\n <span class=\"obc-mira__stat-num\">24\/7<\/span>\n <span class=\"obc-mira__stat-label\">acceso desde<br>cualquier lugar<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <style>\n \/* Secci\u00f3n Mira c\u00f3mo baila \u2014 split 2-col editorial con areas reordenables *\/\n .obc-mira__grid {\n display: grid;\n grid-template-columns: 1fr 1.15fr;\n grid-template-areas:\n \"video header\"\n \"video body\";\n column-gap: 80px;\n row-gap: 28px;\n align-items: center;\n max-width: 1100px;\n margin: 0 auto;\n }\n .obc-mira__header { grid-area: header; text-align: left; align-self: end; }\n .obc-mira__video { grid-area: video; }\n .obc-mira__body { grid-area: body; text-align: left; align-self: start; }\n .obc-mira__rule {\n width: 48px;\n height: 1px;\n background: var(--gold);\n margin-bottom: 28px;\n opacity: .7;\n }\n\n \/* Stats editorial inline *\/\n .obc-mira__stats {\n display: flex;\n align-items: stretch;\n gap: 0;\n padding-top: 8px;\n }\n .obc-mira__stat {\n flex: 0 0 auto;\n padding-right: 28px;\n }\n .obc-mira__stat:not(:first-child) { padding-left: 28px; }\n .obc-mira__stat-num {\n display: block;\n font-family: var(--font-display);\n font-style: italic;\n font-size: 32px;\n color: var(--brand);\n line-height: 1;\n letter-spacing: -0.02em;\n margin-bottom: 6px;\n }\n .obc-mira__stat-label {\n display: block;\n font-family: var(--font-body);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: .14em;\n text-transform: uppercase;\n color: var(--text-m);\n line-height: 1.4;\n }\n .obc-mira__stat-divider {\n flex: 0 0 1px;\n background: rgba(184,58,110,.25);\n align-self: stretch;\n }\n\n \/* Tablet\/Mobile: header \u2192 video \u2192 body en columna \u00fanica *\/\n @media (max-width: 880px) {\n .obc-mira__grid {\n grid-template-columns: 1fr;\n grid-template-areas:\n \"header\"\n \"video\"\n \"body\";\n column-gap: 0;\n row-gap: 36px;\n max-width: 520px;\n padding: 0 20px;\n align-items: stretch;\n }\n .obc-mira__header { text-align: center; align-self: auto; }\n .obc-mira__body { text-align: center; align-self: auto; }\n .obc-mira__body p { max-width: none !important; margin: 0 auto 32px !important; }\n .obc-mira__rule { margin-left: auto; margin-right: auto; }\n\n \/* Stats grid 3 columnas con border separator *\/\n .obc-mira__stats {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 0;\n padding-top: 8px;\n }\n .obc-mira__stat {\n padding: 0 14px !important;\n border-right: 1px solid rgba(184,58,110,.22);\n }\n .obc-mira__stat:last-child { border-right: 0; }\n .obc-mira__stat-divider { display: none; }\n .obc-mira__stat-num { font-size: 26px !important; }\n .obc-mira__stat-label { font-size: 10px !important; letter-spacing: .12em !important; }\n }\n \/* Mobile peque\u00f1o: stats apilados verticales con l\u00edneas horizontales *\/\n @media (max-width: 480px) {\n .obc-mira__stats {\n grid-template-columns: 1fr;\n max-width: 280px;\n margin: 0 auto;\n }\n .obc-mira__stat {\n padding: 18px 0 !important;\n border-right: 0 !important;\n border-bottom: 1px solid rgba(184,58,110,.22);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n text-align: left;\n }\n .obc-mira__stat:last-child { border-bottom: 0; }\n .obc-mira__stat-num {\n margin-bottom: 0 !important;\n flex: 0 0 auto;\n }\n .obc-mira__stat-label {\n text-align: right;\n flex: 1;\n line-height: 1.3 !important;\n }\n }\n <\/style>\n\n \n <style>\n @keyframes obc-marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\n .obc-marquee-wrap { overflow: hidden; position: relative; }\n .obc-marquee-wrap::before, .obc-marquee-wrap::after {\n content: ''; position: absolute; top: 0; bottom: 0; width: 80px; z-index: 2; pointer-events: none;\n }\n .obc-marquee-wrap::before { left: 0; background: linear-gradient(90deg, #0A0A0A, transparent); }\n .obc-marquee-wrap::after { right: 0; background: linear-gradient(90deg, transparent, #0A0A0A); }\n .obc-marquee-track {\n display: flex; width: max-content;\n animation: obc-marquee 25s linear infinite;\n }\n .obc-marquee-track--slow { animation-duration: 35s; }\n .obc-marquee-item {\n display: flex; align-items: center; gap: 16px;\n padding: 0 24px; white-space: nowrap;\n font-size: clamp(18px, 3vw, 28px); font-weight: 600;\n text-transform: uppercase; letter-spacing: 0.02em;\n }\n .obc-marquee-item--names { color: var(--text); }\n .obc-marquee-item--events { color: rgba(255,255,255,0.25); }\n .obc-marquee-dot {\n width: 6px; height: 6px; border-radius: 50%;\n background: var(--brand); flex-shrink: 0;\n }\n <\/style>\n\n <section class=\"obc-marquee--light obc-marquee-section\" style=\"padding: 90px 0 80px; background: var(--bg-light); position: relative; overflow: hidden;\">\n\n \n <div class=\"obc-w obc-marquee-section__header obc-reveal\">\n <span class=\"obc-badge\" style=\"display:inline-block; margin-bottom: 22px;\">Donde ya enseña Levana<\/span>\n <h2 class=\"obc-marquee-section__title\">\n De gira por el mundo,<br>\n <em>ahora en tu pantalla.<\/em>\n <\/h2>\n <div class=\"obc-marquee-section__rule\"><\/div>\n <\/div>\n\n \n <div class=\"obc-marquee-wrap\" style=\"margin-bottom: 12px;\">\n <div class=\"obc-marquee-track\">\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> Ucrania<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> El Cairo<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> Estambul<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> Grecia<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> Buenos Aires<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> México<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> España<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> Ucrania<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> El Cairo<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> Estambul<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> Grecia<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> Buenos Aires<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> México<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> España<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"obc-marquee-wrap\">\n <div class=\"obc-marquee-track obc-marquee-track--slow\" style=\"animation-direction: reverse;\">\n <span class=\"obc-marquee-item obc-marquee-item--events\"><span class=\"obc-marquee-dot\" style=\"background: rgba(255,255,255,0.15);\"><\/span> Jurado internacional<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--events\"><span class=\"obc-marquee-dot\" style=\"background: rgba(255,255,255,0.15);\"><\/span> Workshops Europa<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--events\"><span class=\"obc-marquee-dot\" style=\"background: rgba(255,255,255,0.15);\"><\/span> Galas Latinoamérica<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--events\"><span class=\"obc-marquee-dot\" style=\"background: rgba(255,255,255,0.15);\"><\/span> Festivales Oriente<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--events\"><span class=\"obc-marquee-dot\" style=\"background: rgba(255,255,255,0.15);\"><\/span> Escuelas referentes<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--events\"><span class=\"obc-marquee-dot\" style=\"background: rgba(255,255,255,0.15);\"><\/span> Galas Latinoamérica<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--events\"><span class=\"obc-marquee-dot\" style=\"background: rgba(255,255,255,0.15);\"><\/span> Jurado internacional<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--events\"><span class=\"obc-marquee-dot\" style=\"background: rgba(255,255,255,0.15);\"><\/span> Workshops Europa<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--events\"><span class=\"obc-marquee-dot\" style=\"background: rgba(255,255,255,0.15);\"><\/span> Festivales Oriente<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--events\"><span class=\"obc-marquee-dot\" style=\"background: rgba(255,255,255,0.15);\"><\/span> Escuelas referentes<\/span>\n <\/div>\n <\/div>\n\n <\/section>\n\n \n <style>\n @keyframes obc-howGlow1 {\n 0%, 100% { opacity: 0.07; transform: translate(-60%, -50%) scale(1); }\n 50% { opacity: 0.14; transform: translate(-60%, -50%) scale(1.2); }\n }\n @keyframes obc-howGlow2 {\n 0%, 100% { opacity: 0.05; transform: translate(60%, -40%) scale(1.1); }\n 50% { opacity: 0.1; transform: translate(60%, -40%) scale(0.9); }\n }\n @keyframes obc-howParticle {\n 0%, 100% { opacity: 0; transform: translateY(0) scale(0.5); }\n 15% { opacity: 0.45; }\n 50% { opacity: 0.2; transform: translateY(-100px) scale(1.2); }\n 85% { opacity: 0.45; }\n }\n <\/style>\n\n <section class=\"obc-sec obc-tc obc-sec--vino\" id=\"funciona\" style=\"position: relative; overflow: hidden;\">\n \n <div style=\"position: absolute; top: 50%; left: 50%; width: 800px; height: 800px; background: radial-gradient(circle, rgba(184,58,110,0.12) 0%, transparent 60%); animation: obc-howGlow1 7s ease-in-out infinite; pointer-events: none;\"><\/div>\n <div style=\"position: absolute; top: 40%; left: 50%; width: 600px; height: 600px; background: radial-gradient(circle, rgba(107,33,168,0.06) 0%, transparent 60%); animation: obc-howGlow2 9s ease-in-out 2s infinite; pointer-events: none;\"><\/div>\n\n \n <div style=\"position: absolute; top: 15%; left: 10%; width: 5px; height: 5px; border-radius: 50%; background: var(--brand); animation: obc-howParticle 6s ease-in-out infinite; pointer-events: none;\"><\/div>\n <div style=\"position: absolute; top: 40%; right: 8%; width: 4px; height: 4px; border-radius: 50%; background: var(--brand); animation: obc-howParticle 8s ease-in-out 1.5s infinite; pointer-events: none;\"><\/div>\n <div style=\"position: absolute; top: 65%; left: 6%; width: 3px; height: 3px; border-radius: 50%; background: rgba(184,58,110,0.5); animation: obc-howParticle 7s ease-in-out 3s infinite; pointer-events: none;\"><\/div>\n <div style=\"position: absolute; top: 80%; right: 15%; width: 6px; height: 6px; border-radius: 50%; background: rgba(184,58,110,0.35); animation: obc-howParticle 9s ease-in-out 4s infinite; pointer-events: none;\"><\/div>\n <div style=\"position: absolute; top: 25%; right: 25%; width: 3px; height: 3px; border-radius: 50%; background: rgba(184,58,110,0.4); animation: obc-howParticle 5s ease-in-out 2s infinite; pointer-events: none;\"><\/div>\n\n <div class=\"obc-w\" style=\"position: relative; z-index: 1;\">\n <span class=\"obc-badge obc-reveal\">Un lugar sin límites<\/span>\n <h2 class=\"obc-reveal obc-h2--caps\" style=\"margin-bottom: 18px;\">\n Tu sala de ensayo,<br>\n <span class=\"obc-h2--caps__accent\">donde tú quieras.<\/span>\n <\/h2>\n <p style=\"font-family:var(--font-body); font-size: 17px; color: var(--text-m); margin-bottom: 80px; max-width: 600px; margin-left: auto; margin-right: auto; line-height: 1.8;\">\n Una plataforma pensada para transformar tu baile. Sin horarios, sin desplazamientos, ahorrándote mucho dinero en viajes.\n <\/p>\n\n \n <div class=\"obc-reveal obc-how-step\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; margin-bottom: 96px;\">\n <div style=\"text-align: left;\">\n <div style=\"font-family: var(--font-display); font-size: 96px; color: var(--gold); line-height: 1; margin-bottom: 14px;\">01<\/div>\n <h3 style=\"font-size: 30px; margin-bottom: 14px;\">Evoluciona tu forma de bailar<br><em>con los mejores programas del mundo.<\/em><\/h3>\n <p style=\"font-family: var(--font-body); font-size: 16px; color: var(--text-m); line-height: 1.85;\">Empieza con Levana mejorando todo aquello que necesitas para brillar como siempre has imaginado encima del escenario.<\/p>\n <\/div>\n <div style=\"position: relative; border-radius: 16px; overflow: hidden; border: 2px solid var(--border); aspect-ratio: 16\/10; background: #111;\">\n \n <div style=\"height: 100%; display: flex; flex-direction: column;\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; padding: 8px 14px; background: rgba(20,20,20,0.95); border-bottom: 1px solid var(--border);\">\n <div style=\"display: flex; align-items: center; gap: 6px;\">\n <div style=\"width: 6px; height: 6px; border-radius: 50%; background: var(--elite);\"><\/div>\n <div style=\"width: 6px; height: 6px; border-radius: 50%; background: #F59E0B;\"><\/div>\n <div style=\"width: 6px; height: 6px; border-radius: 50%; background: var(--brand);\"><\/div>\n <\/div>\n <span style=\"font-size: 7px; color: var(--text-s); font-weight: 600;\">app.obellyclub.com<\/span>\n <\/div>\n <div style=\"flex: 1; padding: 12px; display: flex; flex-direction: column; min-height: 0;\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;\">\n <p style=\"font-size: 9px; font-weight: 600; color: var(--text); text-transform: uppercase; letter-spacing: 0.5px;\">Tus masterclass<\/p>\n <div style=\"display: flex; align-items: center; gap: 4px;\">\n <div style=\"width: 18px; height: 18px; border-radius: 50%; background: linear-gradient(135deg, var(--brand-subtle), var(--purple)); display: flex; align-items: center; justify-content: center;\">\n <span style=\"font-size: 7px; font-weight: 600; color: var(--brand);\">M<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div style=\"flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; min-height: 0;\">\n \n <div style=\"background: #000; border-radius: 8px; overflow: hidden; position: relative; border: 1px solid var(--border); cursor: pointer;\">\n <img decoding=\"async\" src=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a091f158d08689eb277774d.jpg\" alt=\"\" role=\"presentation\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover; opacity: 0.6; position: absolute; inset: 0;\">\n <div style=\"position: absolute; inset: 0; background: linear-gradient(transparent 30%, rgba(0,0,0,0.85) 100%);\"><\/div>\n <div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 22px; height: 22px; border-radius: 50%; background: rgba(184,58,110,0.9); display: flex; align-items: center; justify-content: center;\">\n <span style=\"width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 7px; border-color: transparent transparent transparent #fff; margin-left: 1px; display: block;\"><\/span>\n <\/div>\n <div style=\"position: absolute; bottom: 6px; left: 6px; z-index: 1;\">\n <p style=\"font-size: 6px; color: var(--brand);\">Levana<\/p>\n <\/div>\n <div style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: rgba(255,255,255,0.1);\"><div style=\"height: 100%; width: 100%; background: var(--brand);\"><\/div><\/div>\n <\/div>\n \n <div style=\"background: #000; border-radius: 8px; overflow: hidden; position: relative; border: 1px solid var(--border); cursor: pointer;\">\n <img decoding=\"async\" src=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a092ce60a69f1e766b4aa0c.jpg\" alt=\"\" role=\"presentation\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center 15%; opacity: 0.55; position: absolute; inset: 0;\">\n <div style=\"position: absolute; inset: 0; background: linear-gradient(transparent 30%, rgba(0,0,0,0.85) 100%);\"><\/div>\n <div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 22px; height: 22px; border-radius: 50%; background: rgba(184,58,110,0.9); display: flex; align-items: center; justify-content: center;\">\n <span style=\"width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 7px; border-color: transparent transparent transparent #fff; margin-left: 1px; display: block;\"><\/span>\n <\/div>\n <div style=\"position: absolute; bottom: 6px; left: 6px; z-index: 1;\">\n <p style=\"font-size: 6px; color: var(--brand);\">Levana<\/p>\n <\/div>\n <div style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: rgba(255,255,255,0.1);\"><div style=\"height: 100%; width: 45%; background: var(--brand);\"><\/div><\/div>\n <\/div>\n \n <div style=\"background: linear-gradient(135deg, #1A0A12 0%, #4A1830 45%, #B83A6E 100%); border-radius: 8px; overflow: hidden; position: relative; border: 1px solid var(--brand-deep); cursor: pointer; box-shadow: 0 0 16px rgba(184,58,110,0.15);\">\n <div style=\"position: absolute; inset: 0; background: radial-gradient(circle at 30% 35%, rgba(255,255,255,0.10), transparent 55%);\"><\/div>\n <div style=\"position: absolute; inset: 0; background: linear-gradient(transparent 30%, rgba(0,0,0,0.7) 100%);\"><\/div>\n <div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 22px; height: 22px; border-radius: 50%; background: rgba(184,58,110,0.95); display: flex; align-items: center; justify-content: center;\">\n <span style=\"width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 7px; border-color: transparent transparent transparent #fff; margin-left: 1px; display: block;\"><\/span>\n <\/div>\n <div style=\"position: absolute; bottom: 6px; left: 6px; z-index: 1;\">\n <p style=\"font-size: 6px; color: var(--brand);\">Levana<\/p>\n <\/div>\n <div style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: rgba(255,255,255,0.1);\"><div style=\"height: 100%; width: 20%; background: var(--brand);\"><\/div><\/div>\n <\/div>\n \n <div style=\"background: linear-gradient(135deg, #1F1518 0%, #2A1F0A 50%, #C99A2F 100%); border-radius: 8px; overflow: hidden; position: relative; border: 1px solid var(--border); cursor: pointer;\">\n <div style=\"position: absolute; inset: 0; background: radial-gradient(circle at 70% 40%, rgba(232,181,71,0.18), transparent 60%);\"><\/div>\n <div style=\"position: absolute; inset: 0; background: linear-gradient(transparent 30%, rgba(0,0,0,0.8) 100%);\"><\/div>\n <div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 22px; height: 22px; border-radius: 50%; background: rgba(232,181,71,0.85); display: flex; align-items: center; justify-content: center;\">\n <span style=\"width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 7px; border-color: transparent transparent transparent #fff; margin-left: 1px; display: block;\"><\/span>\n <\/div>\n <div style=\"position: absolute; bottom: 6px; left: 6px; z-index: 1;\">\n <p style=\"font-size: 6px; color: var(--gold);\">Invitada<\/p>\n <\/div>\n <div style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: rgba(255,255,255,0.1);\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"obc-reveal obc-how-step\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; margin-bottom: 96px;\">\n <div style=\"position: relative; order: 0;\">\n <div style=\"border-radius: 16px; overflow: hidden; border: 2px solid var(--border); aspect-ratio: 16\/10; background: #111;\">\n <div style=\"height: 100%; display: flex; flex-direction: column;\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; padding: 8px 14px; background: rgba(20,20,20,0.95); border-bottom: 1px solid var(--border);\">\n <div style=\"display: flex; align-items: center; gap: 6px;\">\n <div style=\"width: 6px; height: 6px; border-radius: 50%; background: var(--elite);\"><\/div>\n <div style=\"width: 6px; height: 6px; border-radius: 50%; background: #F59E0B;\"><\/div>\n <div style=\"width: 6px; height: 6px; border-radius: 50%; background: var(--brand);\"><\/div>\n <\/div>\n <span style=\"font-size: 7px; color: var(--text-s); font-weight: 600;\">app.obellyclub.com<\/span>\n <\/div>\n \n <div style=\"flex: 1; display: grid; grid-template-columns: 1fr 140px; min-height: 0;\">\n <div style=\"background: #000; position: relative;\">\n <video src=\"PLACEHOLDER_PLAYER_MOCKUP.mp4\" autoplay muted loop playsinline preload=\"metadata\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.8;\"><\/video>\n <div style=\"position: absolute; bottom: 0; left: 0; right: 0; padding: 8px 10px; background: linear-gradient(transparent, rgba(0,0,0,0.9));\">\n <div style=\"height: 3px; background: rgba(255,255,255,0.15); border-radius: 2px; margin-bottom: 5px;\">\n <div style=\"height: 100%; width: 62%; background: var(--brand); border-radius: 2px; position: relative;\">\n <div style=\"position: absolute; right: -4px; top: -3px; width: 8px; height: 8px; border-radius: 50%; background: var(--brand);\"><\/div>\n <\/div>\n <\/div>\n <div style=\"display: flex; align-items: center; justify-content: space-between;\">\n <div style=\"display: flex; align-items: center; gap: 6px;\">\n <span style=\"width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 7px; border-color: transparent transparent transparent #fff; display: block;\"><\/span>\n <span style=\"font-size: 7px; color: var(--text-s); font-weight: 600;\">2:18 \/ 3:47<\/span>\n <\/div>\n <span style=\"font-size: 7px; color: var(--text-s); background: rgba(255,255,255,0.1); padding: 2px 5px; border-radius: 3px; font-weight: 600;\">1x<\/span>\n <\/div>\n <\/div>\n <div style=\"position: absolute; top: 8px; left: 10px; z-index: 1;\">\n <span style=\"font-size: 7px; color: #fff; background: rgba(0,0,0,0.6); padding: 3px 8px; border-radius: 4px; font-weight: 600;\">Levana — Técnica I<\/span>\n <\/div>\n <\/div>\n \n <div style=\"background: rgba(18,18,18,0.98); border-left: 1px solid var(--border); padding: 10px 8px; overflow: hidden; display: flex; flex-direction: column; gap: 5px;\">\n <p style=\"font-size: 7px; font-weight: 600; color: var(--text-s); text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 2px;\">Clases<\/p>\n <div style=\"background: var(--brand-subtle); border-radius: 5px; padding: 6px 7px; border-left: 2px solid var(--brand); display: flex; align-items: center; gap: 5px;\">\n <span style=\"font-size: 8px; color: var(--brand);\">✓<\/span>\n <div><div style=\"height: 4px; width: 60px; background: var(--border); border-radius: 2px;\"><\/div><div style=\"height: 3px; width: 35px; background: rgba(255,255,255,0.06); border-radius: 2px; margin-top: 3px;\"><\/div><\/div>\n <\/div>\n <div style=\"background: var(--brand-subtle); border-radius: 5px; padding: 6px 7px; border-left: 2px solid var(--brand); display: flex; align-items: center; gap: 5px;\">\n <span style=\"font-size: 8px; color: var(--brand);\">✓<\/span>\n <div><div style=\"height: 4px; width: 50px; background: var(--border); border-radius: 2px;\"><\/div><div style=\"height: 3px; width: 30px; background: rgba(255,255,255,0.06); border-radius: 2px; margin-top: 3px;\"><\/div><\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.06); border-radius: 5px; padding: 6px 7px; border-left: 2px solid var(--purple); display: flex; align-items: center; gap: 5px;\">\n <span style=\"font-size: 7px; color: var(--purple);\">▶<\/span>\n <div><div style=\"height: 4px; width: 55px; background: var(--border); border-radius: 2px;\"><\/div><div style=\"height: 3px; width: 25px; background: rgba(255,255,255,0.06); border-radius: 2px; margin-top: 3px;\"><\/div><\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.02); border-radius: 5px; padding: 6px 7px; display: flex; align-items: center; gap: 5px; opacity: 0.5;\">\n <span style=\"font-size: 8px; color: var(--text-s);\">○<\/span>\n <div><div style=\"height: 4px; width: 45px; background: var(--border); border-radius: 2px;\"><\/div><div style=\"height: 3px; width: 28px; background: rgba(255,255,255,0.06); border-radius: 2px; margin-top: 3px;\"><\/div><\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.02); border-radius: 5px; padding: 6px 7px; display: flex; align-items: center; gap: 5px; opacity: 0.5;\">\n <span style=\"font-size: 8px; color: var(--text-s);\">○<\/span>\n <div><div style=\"height: 4px; width: 52px; background: var(--border); border-radius: 2px;\"><\/div><div style=\"height: 3px; width: 32px; background: rgba(255,255,255,0.06); border-radius: 2px; margin-top: 3px;\"><\/div><\/div>\n <\/div>\n <div style=\"margin-top: auto; padding-top: 6px; border-top: 1px solid var(--border);\">\n <div style=\"display: flex; justify-content: space-between; margin-bottom: 3px;\">\n <span style=\"font-size: 6px; color: var(--text-s); font-weight: 600;\">Progreso<\/span>\n <span style=\"font-size: 6px; color: var(--brand); font-weight: 600;\">45%<\/span>\n <\/div>\n <div style=\"height: 3px; background: var(--border); border-radius: 2px;\">\n <div style=\"height: 100%; width: 45%; background: var(--brand); border-radius: 2px;\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div style=\"position: absolute; bottom: -20px; right: -16px; width: 100px; height: 180px; background: #111; border-radius: 14px; border: 2px solid var(--border); overflow: hidden; box-shadow: 0 12px 40px rgba(0,0,0,0.6); z-index: 2;\">\n <div style=\"width: 36px; height: 4px; background: #222; border-radius: 3px; margin: 5px auto 0;\"><\/div>\n <div style=\"padding: 4px; height: calc(100% - 14px); display: flex; flex-direction: column; gap: 3px;\">\n <div style=\"flex: 1; background: #000; border-radius: 6px; position: relative; overflow: hidden;\">\n <video src=\"PLACEHOLDER_PLAYER_MOCKUP.mp4\" autoplay muted loop playsinline preload=\"metadata\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.7;\"><\/video>\n <div style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: rgba(255,255,255,0.1);\"><div style=\"height: 100%; width: 62%; background: var(--brand);\"><\/div><\/div>\n <\/div>\n <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n <div style=\"display: flex; align-items: center; gap: 3px; padding: 2px 3px; background: var(--brand-subtle); border-radius: 3px;\"><span style=\"font-size: 5px; color: var(--brand);\">✓<\/span><div style=\"height: 2px; width: 50%; background: var(--border); border-radius: 1px;\"><\/div><\/div>\n <div style=\"display: flex; align-items: center; gap: 3px; padding: 2px 3px; background: var(--brand-subtle); border-radius: 3px;\"><span style=\"font-size: 5px; color: var(--brand);\">✓<\/span><div style=\"height: 2px; width: 40%; background: var(--border); border-radius: 1px;\"><\/div><\/div>\n <div style=\"display: flex; align-items: center; gap: 3px; padding: 2px 3px; background: rgba(255,255,255,0.05); border-radius: 3px;\"><span style=\"font-size: 5px; color: var(--purple);\">▶<\/span><div style=\"height: 2px; width: 45%; background: var(--border); border-radius: 1px;\"><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div style=\"text-align: left; order: 1;\">\n <div style=\"font-family: var(--font-display); font-size: 96px; color: var(--gold); line-height: 1; margin-bottom: 14px;\">02<\/div>\n <h3 style=\"font-size: 30px; margin-bottom: 14px;\">Aprende a tu ritmo,<br><em>sin prisa, sin límites.<\/em><\/h3>\n <p style=\"font-family: var(--font-body); font-size: 16px; color: var(--text-m); line-height: 1.85;\">Masterclass desglosadas paso a paso. Pausa, rebobina, repite. Tu progreso queda guardado para que siempre retomes donde lo dejaste.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"obc-reveal obc-how-step\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center;\">\n <div style=\"text-align: left;\">\n <div style=\"font-family: var(--font-display); font-size: 96px; color: var(--gold); line-height: 1; margin-bottom: 14px;\">03<\/div>\n <h3 style=\"font-size: 30px; margin-bottom: 14px;\">Practica con<br><em>modo espejo.<\/em><\/h3>\n <p style=\"font-family: var(--font-body); font-size: 16px; color: var(--text-m); line-height: 1.85;\">Activa tu cámara y mírate bailar al lado del vídeo. Como el espejo de la sala, pero en tu pantalla. Te ves, te corriges, y notas la diferencia.<\/p>\n <\/div>\n <div style=\"position: relative; border-radius: 16px; overflow: hidden; border: 2px solid var(--border); aspect-ratio: 16\/10; background: #111;\">\n <div style=\"height: 100%; display: flex; flex-direction: column;\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; background: rgba(20,20,20,0.95); border-bottom: 1px solid var(--border);\">\n <div style=\"display: flex; align-items: center; gap: 8px;\">\n <div style=\"width: 6px; height: 6px; border-radius: 50%; background: var(--elite);\"><\/div>\n <div style=\"width: 6px; height: 6px; border-radius: 50%; background: #F59E0B;\"><\/div>\n <div style=\"width: 6px; height: 6px; border-radius: 50%; background: var(--brand);\"><\/div>\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 6px;\">\n <span style=\"font-size: 8px; color: var(--brand); background: var(--brand-subtle); padding: 3px 8px; border-radius: 4px; font-weight: 600; border: 1px solid var(--brand-deep);\">🎬 ESPEJO ON<\/span>\n <\/div>\n <\/div>\n \n <div style=\"flex: 1; display: grid; grid-template-columns: 3fr 2fr; gap: 0; min-height: 0;\">\n <div style=\"background: #000; position: relative; display: flex; flex-direction: column;\">\n <div style=\"flex: 1; display: flex; align-items: center; justify-content: center; position: relative;\">\n <video src=\"PLACEHOLDER_MIRROR_MOCKUP.mp4\" autoplay muted loop playsinline preload=\"metadata\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.7;\"><\/video>\n <div style=\"position: absolute; bottom: 0; left: 0; right: 0; padding: 8px 10px; background: linear-gradient(transparent, rgba(0,0,0,0.85));\">\n <div style=\"height: 3px; background: rgba(255,255,255,0.15); border-radius: 2px; margin-bottom: 6px;\">\n <div style=\"height: 100%; width: 38%; background: var(--brand); border-radius: 2px; position: relative;\">\n <div style=\"position: absolute; right: -4px; top: -3px; width: 8px; height: 8px; border-radius: 50%; background: var(--brand);\"><\/div>\n <\/div>\n <\/div>\n <div style=\"display: flex; align-items: center; justify-content: space-between;\">\n <div style=\"display: flex; align-items: center; gap: 8px;\">\n <span style=\"width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #fff; display: block;\"><\/span>\n <span style=\"font-size: 7px; color: var(--text-s); font-weight: 600;\">1:24 \/ 3:47<\/span>\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 6px;\">\n <span style=\"font-size: 7px; color: var(--text-s); background: rgba(255,255,255,0.1); padding: 2px 5px; border-radius: 3px; font-weight: 600;\">1x<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div style=\"padding: 6px 10px; background: rgba(20,20,20,0.95);\">\n <p style=\"font-size: 8px; font-weight: 600; color: var(--text); margin: 0;\">Levana — Técnica I<\/p>\n <p style=\"font-size: 7px; color: var(--text-s); margin: 2px 0 0;\">Clase 3: Run-through completo<\/p>\n <\/div>\n <\/div>\n \n <div style=\"position: relative; overflow: hidden; border-left: 2px solid var(--brand-deep);\">\n <video src=\"PLACEHOLDER_MIRROR_MOCKUP.mp4\" autoplay muted loop playsinline preload=\"metadata\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scaleX(-1); filter: brightness(0.75) saturate(0.85);\"><\/video>\n <div style=\"position: absolute; inset: 0; border: 2px solid rgba(184,58,110,0.25); pointer-events: none;\"><\/div>\n <div style=\"position: absolute; top: 10px; right: 10px; display: flex; align-items: center; gap: 4px; z-index: 1;\">\n <div style=\"width: 6px; height: 6px; border-radius: 50%; background: var(--elite); animation: obc-pulse-subtle 1s ease-in-out infinite;\"><\/div>\n <span style=\"font-size: 7px; font-weight: 600; color: var(--elite); letter-spacing: 0.5px;\">REC<\/span>\n <\/div>\n <div style=\"position: absolute; bottom: 10px; left: 10px; z-index: 1;\">\n <span style=\"font-size: 8px; color: var(--brand); background: rgba(0,0,0,0.6); padding: 3px 8px; border-radius: 4px; font-weight: 600; border: 1px solid var(--brand-deep);\">Tú<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"obc-sec obc-test\" id=\"mundo\">\n <div class=\"obc-w\">\n <div class=\"obc-mundo__grid\">\n\n \n <div class=\"obc-mundo__header obc-reveal\">\n <span class=\"obc-badge\" style=\"margin-bottom: 24px;\">Levana por el mundo<\/span>\n <h2 style=\"font-size: clamp(38px, 5.2vw, 64px); margin-bottom: 0; line-height: 1.04; letter-spacing: -0.015em;\">\n Donde llega Levana,<br>\n las bailarinas <em>cambian.<\/em>\n <\/h2>\n <\/div>\n\n \n <div class=\"obc-mundo__video obc-reveal\">\n <div class=\"obc-cinema__frame\" style=\"position: relative; aspect-ratio: 9\/16; max-width: 360px; margin: 0 auto; background: #000; border-radius: 6px; overflow: hidden; border: 1px solid var(--border); box-shadow: 0 40px 100px rgba(0,0,0,.55), 0 0 0 1px rgba(184,58,110,.1);\">\n <video\n id=\"obc-mundo-video\"\n playsinline muted loop autoplay preload=\"metadata\"\n style=\"width: 100%; height: 100%; object-fit: cover; display: block;\"\n >\n <source src=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a0923720a69f1e766b3a7d4.mp4\" type=\"video\/mp4\">\n <\/video>\n \n <span class=\"obc-cinema__corner obc-cinema__corner--tl\"><\/span>\n <span class=\"obc-cinema__corner obc-cinema__corner--tr\"><\/span>\n <span class=\"obc-cinema__corner obc-cinema__corner--bl\"><\/span>\n <span class=\"obc-cinema__corner obc-cinema__corner--br\"><\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"obc-mundo__body obc-reveal\">\n <div class=\"obc-mundo__rule\"><\/div>\n\n <p style=\"font-family: var(--font-display-it); font-style: italic; font-size: clamp(20px, 2vw, 24px); color: var(--text); line-height: 1.5; max-width: 520px; margin: 0 0 32px;\">\n Workshops, congresos, festivales. País tras país, sala tras sala.\n <span style=\"color: var(--brand);\">Lo que vivirás dentro de ObellyClub ya lo viven sus alumnas presenciales<\/span>, en cualquier rincón del mundo.\n <\/p>\n\n \n <p class=\"obc-mundo__cities\">\n <span class=\"obc-mundo__cities-label\">Donde ya ense\u00f1a<\/span>\n <span class=\"obc-mundo__cities-list\">\n Grecia · El Cairo · Estambul · Ucrania · Buenos Aires\n <\/span>\n <\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <style>\n \/* Secci\u00f3n Levana por el mundo \u2014 split 2-col editorial (texto izq, video dcha) *\/\n .obc-mundo__grid {\n display: grid;\n grid-template-columns: 1.15fr 1fr;\n grid-template-areas:\n \"header video\"\n \"body video\";\n column-gap: 80px;\n row-gap: 28px;\n align-items: center;\n max-width: 1100px;\n margin: 0 auto;\n }\n .obc-mundo__header { grid-area: header; text-align: left; align-self: end; }\n .obc-mundo__video { grid-area: video; }\n .obc-mundo__body { grid-area: body; text-align: left; align-self: start; }\n .obc-mundo__rule {\n width: 48px;\n height: 1px;\n background: var(--gold);\n margin-bottom: 28px;\n opacity: .7;\n }\n .obc-mundo__cities {\n font-family: var(--font-body);\n margin: 0;\n display: flex;\n align-items: baseline;\n gap: 14px;\n flex-wrap: wrap;\n padding-top: 16px;\n border-top: 1px solid rgba(184,58,110,.18);\n }\n .obc-mundo__cities-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: .26em;\n text-transform: uppercase;\n color: var(--brand);\n white-space: nowrap;\n }\n .obc-mundo__cities-list {\n font-family: var(--font-display-it);\n font-style: italic;\n font-size: clamp(15px, 1.5vw, 18px);\n color: var(--text-m);\n }\n\n \/* Tablet\/Mobile: stack header \u2192 video \u2192 body *\/\n @media (max-width: 880px) {\n .obc-mundo__grid {\n grid-template-columns: 1fr;\n grid-template-areas:\n \"header\"\n \"video\"\n \"body\";\n column-gap: 0;\n row-gap: 36px;\n max-width: 520px;\n padding: 0 20px;\n align-items: stretch;\n }\n .obc-mundo__header { text-align: center; align-self: auto; }\n .obc-mundo__body { text-align: center; align-self: auto; }\n .obc-mundo__body p { max-width: none !important; margin: 0 auto 32px !important; }\n .obc-mundo__rule { margin-left: auto; margin-right: auto; }\n .obc-mundo__cities { justify-content: center; flex-direction: column; gap: 10px; }\n }\n <\/style>\n\n <style>\n \/* Detalles cinematogr\u00e1ficos *\/\n .obc-cinema__corner {\n position: absolute;\n width: 22px; height: 22px;\n border: 1px solid var(--gold);\n opacity: .55;\n pointer-events: none;\n }\n .obc-cinema__corner--tl { top: 14px; left: 14px; border-right: 0; border-bottom: 0; }\n .obc-cinema__corner--tr { top: 14px; right: 14px; border-left: 0; border-bottom: 0; }\n .obc-cinema__corner--bl { bottom: 14px; left: 14px; border-right: 0; border-top: 0; }\n .obc-cinema__corner--br { bottom: 14px; right: 14px; border-left: 0; border-top: 0; }\n .obc-cinema__frame:hover { box-shadow: 0 50px 130px rgba(0,0,0,.7), 0 0 0 1px rgba(184,58,110,.25) !important; }\n <\/style>\n\n \n <style>\n @keyframes obc-offerGlow {\n 0%, 100% { opacity: 0.06; transform: translate(-50%, -50%) scale(1); }\n 50% { opacity: 0.12; transform: translate(-50%, -50%) scale(1.15); }\n }\n @keyframes obc-lineSweep {\n 0% { left: -30%; opacity: 0; }\n 20% { opacity: 0.7; }\n 80% { opacity: 0.7; }\n 100% { left: 100%; opacity: 0; }\n }\n @keyframes obc-offerParticle {\n 0%, 100% { opacity: 0; transform: translateY(0) scale(0.5); }\n 15% { opacity: 0.5; }\n 50% { opacity: 0.3; transform: translateY(-80px) scale(1); }\n 85% { opacity: 0.5; }\n }\n @keyframes obc-quoteReveal {\n 0% { opacity: 0; transform: translateY(20px) scale(0.95); }\n 100% { opacity: 1; transform: translateY(0) scale(1); }\n }\n @keyframes obc-gradientText {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n @keyframes obc-dividerGrow {\n 0% { width: 0; opacity: 0; }\n 100% { width: 50px; opacity: 1; }\n }\n .obc-offer.visible .obc-offer__glass { animation: obc-fadeUp 0.8s ease both 0.2s; }\n .obc-offer.visible .obc-offer__quote-wrap { animation: obc-quoteReveal 0.9s ease both 0.6s; }\n .obc-offer.visible .obc-offer__divider-bar { animation: obc-dividerGrow 0.6s ease both 0.5s; }\n .obc-offer__glass p { opacity: 0; animation: obc-fadeUp 0.7s ease both; }\n .obc-offer.visible .obc-offer__glass p:nth-child(1) { animation-delay: 0.3s; }\n .obc-offer.visible .obc-offer__glass p:nth-child(2) { animation-delay: 0.5s; }\n .obc-offer.visible .obc-offer__glass p:nth-child(3) { animation-delay: 0.7s; }\n .obc-offer.visible .obc-offer__glass p:nth-child(4) { animation-delay: 0.9s; }\n <\/style>\n\n <section class=\"obc-sec obc-offer obc-tc obc-reveal obc-sec--light\" id=\"incluye\" style=\"padding: 80px 0 100px; position: relative; overflow: hidden;\">\n <div style=\"position: absolute; inset: 0; background: url('PLACEHOLDER_OFFER_BG.jpg') center center \/ cover no-repeat; opacity: 0.12; pointer-events: none;\"><\/div>\n <div style=\"position: absolute; inset: 0; background: linear-gradient(180deg, var(--bg) 0%, rgba(10,10,10,0.6) 30%, rgba(10,10,10,0.6) 70%, var(--bg) 100%); pointer-events: none;\"><\/div>\n <div style=\"position: absolute; top: 50%; left: 50%; width: 700px; height: 700px; background: radial-gradient(circle, rgba(184,58,110,0.1) 0%, transparent 65%); animation: obc-offerGlow 6s ease-in-out infinite; pointer-events: none;\"><\/div>\n\n <div style=\"position: absolute; top: 30%; left: 15%; width: 6px; height: 6px; border-radius: 50%; background: var(--brand); animation: obc-offerParticle 5s ease-in-out infinite; pointer-events: none;\"><\/div>\n <div style=\"position: absolute; top: 60%; right: 12%; width: 4px; height: 4px; border-radius: 50%; background: var(--brand); animation: obc-offerParticle 7s ease-in-out 1.5s infinite; pointer-events: none;\"><\/div>\n <div style=\"position: absolute; top: 45%; left: 8%; width: 3px; height: 3px; border-radius: 50%; background: rgba(184,58,110,0.6); animation: obc-offerParticle 6s ease-in-out 3s infinite; pointer-events: none;\"><\/div>\n <div style=\"position: absolute; top: 70%; right: 20%; width: 5px; height: 5px; border-radius: 50%; background: rgba(184,58,110,0.4); animation: obc-offerParticle 8s ease-in-out 2s infinite; pointer-events: none;\"><\/div>\n\n <div class=\"obc-w\" style=\"max-width: 800px; position: relative; z-index: 1;\">\n <span class=\"obc-badge obc-reveal\">Qué incluye<\/span>\n <h2 class=\"obc-reveal obc-h2--caps\" style=\"margin-bottom: 20px;\">\n Todo lo que necesitas para<br>\n <span class=\"obc-h2--caps__accent\">marcar la gran diferencia.<\/span>\n <\/h2>\n\n \n <div class=\"obc-includes-grid obc-reveal\">\n\n <article class=\"obc-includes-card\">\n <div class=\"obc-includes-card__top\">\n <span class=\"obc-includes-card__num\">01<\/span>\n <h3 class=\"obc-includes-card__title\">Complemento <em>perfecto<\/em><\/h3>\n <span class=\"obc-includes-card__label\">Para fundadoras<\/span>\n <\/div>\n <p class=\"obc-includes-card__body\">Para complementar tus clases presenciales y congresos. No los sustituye, los suma.<\/p>\n <\/article>\n\n <article class=\"obc-includes-card\">\n <div class=\"obc-includes-card__top\">\n <span class=\"obc-includes-card__num\">02<\/span>\n <h3 class=\"obc-includes-card__title\">Crecimiento <em>continuo<\/em><\/h3>\n <span class=\"obc-includes-card__label\">Para fundadoras<\/span>\n <\/div>\n <p class=\"obc-includes-card__body\">Para bailarinas experimentadas. Crece junto a las mejores del mundo, mes a mes.<\/p>\n <\/article>\n\n <article class=\"obc-includes-card\">\n <div class=\"obc-includes-card__top\">\n <span class=\"obc-includes-card__num\">03<\/span>\n <h3 class=\"obc-includes-card__title\">Maestras <em>referentes<\/em><\/h3>\n <span class=\"obc-includes-card__label\">Para fundadoras<\/span>\n <\/div>\n <p class=\"obc-includes-card__body\">Acceso a las referentes del bellydance mundial sin viajar a congresos.<\/p>\n <\/article>\n\n <article class=\"obc-includes-card\">\n <div class=\"obc-includes-card__top\">\n <span class=\"obc-includes-card__num\">04<\/span>\n <h3 class=\"obc-includes-card__title\">Comunidad <em>privada<\/em><\/h3>\n <span class=\"obc-includes-card__label\">Para fundadoras<\/span>\n <\/div>\n <p class=\"obc-includes-card__body\">Internacional y exclusiva. Bailarinas como tú, en cualquier rincón del mundo.<\/p>\n <\/article>\n\n <\/div>\n\n \n <div style=\"width:48px; height:1px; background: var(--gold); opacity:.5; margin: 56px auto 32px;\"><\/div>\n\n <p class=\"obc-includes-close obc-reveal\">\n <span>Donde tu baile progresa,<\/span><br>\n <em>tu confianza cambia.<\/em>\n <\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"obc-sec obc-price obc-tc obc-sec--vino\" id=\"obc-form\" style=\"padding: 100px 0; position: relative; overflow: hidden;\">\n\n <div class=\"obc-w\" style=\"position: relative; z-index: 1;\">\n <h2 class=\"obc-reveal\" style=\"font-size: clamp(36px, 5.5vw, 64px); margin-bottom: 16px;\"><em>¿Estás lista?<\/em><\/h2>\n <p style=\"font-family:var(--font-display-it); font-style:italic; font-size: 20px; color: var(--text-m); max-width: 580px; margin: 0 auto 48px; line-height: 1.6;\">\n Tu baile a punto de cambiar para siempre. Conviértete hoy en fundadora de ObellyClub.\n <\/p>\n\n \n <div class=\"obc-price__layout obc-reveal\">\n\n \n <div class=\"obc-price__photo\">\n <img decoding=\"async\" src=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a092ce60a69f1e766b4aa0c.jpg\" alt=\"Levana \u2014 Reserva tu plaza de fundadora\" loading=\"lazy\" width=\"1080\" height=\"1388\">\n <\/div>\n\n \n <div class=\"obc-price__card-new\">\n\n <span class=\"obc-price__badge-new\">Entra a la lista prioritaria y convi\u00e9rtete fundadora desbloqueando el precio secreto de lanzamiento<\/span>\n\n <h3 class=\"obc-price__card-title\">Obt\u00e9n todo ObellyClub<\/h3>\n\n <ul class=\"obc-price__bullets\">\n <li>\n <span>»<\/span>\n <div>\n <strong>Precio de fundadora desbloqueado de por vida<\/strong>\n Un precio que nunca volverás a ver. Reserva hoy y empieza en septiembre.\n <\/div>\n <\/li>\n <li>\n <span>»<\/span>\n <div>\n <strong>WhatsApp privado de fundadoras<\/strong>\n El círculo cerrado con Levana donde se cocina ObellyClub. La puerta solo está abierta ahora \u2014 cuando arranque septiembre, se cierra.\n <\/div>\n <\/li>\n <li>\n <span>»<\/span>\n <div>\n <strong>Voz oficial en cómo crece la escuela<\/strong>\n Las fundadoras opinan, piden y deciden junto a Levana lo que viene. Pasas del DM informal a la mesa donde se construye ObellyClub.\n <\/div>\n <\/li>\n <li>\n <span>»<\/span>\n <div>\n <strong>Acceso anticipado a todo<\/strong>\n Cada nueva maestra, taller y novedad antes que el resto de la comunidad.\n <\/div>\n <\/li>\n <li>\n <span>»<\/span>\n <div>\n <strong>Beneficios con Etoiles D'Orient Fest<\/strong>\n Más formación continua con Levana y comunidad internacional de bailarinas.\n <\/div>\n <\/li>\n <\/ul>\n\n <div class=\"obc-price__divider\"><\/div>\n\n <form id=\"obc-email-form\" class=\"obc-capture-new\">\n <label class=\"obc-capture-new__label\">Rellena el formulario y descubre el precio secreto<\/label>\n <div class=\"obc-capture-new__field\">\n <input type=\"text\" name=\"name\" required autocomplete=\"given-name\" placeholder=\"Tu nombre\" class=\"obc-capture-new__input\">\n <\/div>\n <div class=\"obc-capture-new__field\">\n <input type=\"email\" name=\"email\" required autocomplete=\"email\" placeholder=\"tu@email.com\" class=\"obc-capture-new__input\">\n <\/div>\n <button type=\"submit\" class=\"obc-capture-new__btn\">\n <span class=\"obc-capture-new__btn-line1\">DESBLOQUEAR PRECIO<\/span>\n <span class=\"obc-capture-new__btn-line2\">y quedátelo de por vida<\/span>\n <\/button>\n <p class=\"obc-capture-new__trust\">🔒 Shhh esto es secreto. Te avisaremos antes que a nadie.<\/p>\n <\/form>\n\n <\/div>\n <\/div>\n\n \n <p class=\"obc-price__note-out obc-reveal\">\n ⚡ Esto empieza en septiembre. Reserva tu plaza con el mejor precio y quédatelo de por vida.\n <\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"obc-sec obc-faq obc-tc obc-sec--light\" id=\"faq\">\n <div class=\"obc-w\">\n <span class=\"obc-badge obc-reveal\">Dudas<\/span>\n <h2 class=\"obc-reveal obc-h2--caps\">Preguntas frecuentes<\/h2>\n\n <div class=\"obc-faq__list obc-reveal\">\n <div class=\"obc-faq__item\">\n <div class=\"obc-faq__q\" onclick=\"this.parentElement.classList.toggle('active')\">\n ¿Qué es esto de fundadora?\n <\/div>\n <div class=\"obc-faq__a\">\n <p>Unirte ahora a la comunidad te convierte en una bailarina privilegiada en la que tendrás una participación directa sobre los avances de ObellyClub, además de desbloquear el precio secreto que nunca se va a repetir.<\/p>\n <\/div>\n <\/div>\n <div class=\"obc-faq__item\">\n <div class=\"obc-faq__q\" onclick=\"this.parentElement.classList.toggle('active')\">\n ¿Cuándo abre la escuela?\n <\/div>\n <div class=\"obc-faq__a\">\n <p>En septiembre de 2026. Desde ese día tienes acceso completo a toda la plataforma, masterclass y comunidad.<\/p>\n <\/div>\n <\/div>\n <div class=\"obc-faq__item\">\n <div class=\"obc-faq__q\" onclick=\"this.parentElement.classList.toggle('active')\">\n ¿Y hasta entonces?\n <\/div>\n <div class=\"obc-faq__a\">\n <p>Recibirás material exclusivo solo para fundadoras: contenido de Levana, avances del club y, cuando se vayan confirmando, las presentaciones de las maestras invitadas antes que nadie.<\/p>\n <\/div>\n <\/div>\n <div class=\"obc-faq__item\">\n <div class=\"obc-faq__q\" onclick=\"this.parentElement.classList.toggle('active')\">\n ¿Qué nivel necesito?\n <\/div>\n <div class=\"obc-faq__a\">\n <p>ObellyClub está pensado para bailarinas con base, no para empezar desde cero. Si ya vas a clases regularmente o tienes nivel medio\/avanzado, vas a sacarle todo el partido.<\/p>\n <\/div>\n <\/div>\n <div class=\"obc-faq__item\">\n <div class=\"obc-faq__q\" onclick=\"this.parentElement.classList.toggle('active')\">\n ¿Cómo se renueva?\n <\/div>\n <div class=\"obc-faq__a\">\n <p>Automáticamente cada año al precio de fundadora mientras sigas siendo miembro. Si te das de baja, pierdes ese precio para siempre.<\/p>\n <\/div>\n <\/div>\n <div class=\"obc-faq__item\">\n <div class=\"obc-faq__q\" onclick=\"this.parentElement.classList.toggle('active')\">\n ¿Puedo cancelar?\n <\/div>\n <div class=\"obc-faq__a\">\n <p>Sí. Desde tu cuenta, en cualquier momento. Sin llamadas, sin formularios raros.<\/p>\n <\/div>\n <\/div>\n <div class=\"obc-faq__item\">\n <div class=\"obc-faq__q\" onclick=\"this.parentElement.classList.toggle('active')\">\n ¿Qué es la sinergia con Etoiles D'Orient Fest?\n <\/div>\n <div class=\"obc-faq__a\">\n <p>Uno de los festivales internacionales más relevantes del bellydance, donde Levana es referencia habitual. Las miembros del club tendrán beneficios sorpresa relacionados con el festival, que iremos revelando durante la apertura.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"obc-tc\" style=\"padding: 80px 0; position: relative; overflow: hidden;\">\n <video src=\"PLACEHOLDER_FINAL_AMBIENT.mp4\" autoplay muted loop playsinline preload=\"metadata\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.1; z-index: 0; pointer-events: none; filter: blur(4px);\"><\/video>\n <div style=\"position: absolute; inset: 0; background: linear-gradient(180deg, var(--bg) 0%, rgba(10,10,10,0.6) 15%, rgba(10,10,10,0.6) 85%, var(--bg) 100%); z-index: 0; pointer-events: none;\"><\/div>\n <div style=\"position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(184,58,110,0.06) 0%, transparent 60%); pointer-events: none;\"><\/div>\n <div class=\"obc-w\" style=\"position: relative;\">\n <div class=\"obc-ornament\" style=\"margin-bottom:32px;\">\n <span class=\"obc-ornament__line\"><\/span>\n <span class=\"obc-ornament__mark obc-ornament__mark--silueta\" aria-hidden=\"true\"><\/span>\n <span class=\"obc-ornament__line\"><\/span>\n <\/div>\n <h2 class=\"obc-reveal\" style=\"font-size: clamp(36px, 5.5vw, 64px); margin-bottom: 22px;\">\n Tu baile está a punto<br>\n <em>de cambiar para siempre.<\/em>\n <\/h2>\n <p class=\"obc-reveal\" style=\"font-family:var(--font-display-it); font-style:italic; font-size: 22px; color: var(--text-m); max-width: 540px; margin: 0 auto 40px; line-height: 1.6;\">\n Una comunidad de bailarinas que no se conforman.\n <\/p>\n <a href=\"#obc-form\" class=\"obc-buy__btn\">Reservar mi plaza<\/a>\n <\/div>\n <\/section>\n\n <\/main>\n <footer class=\"obc-foot\" style=\"padding: 0;\">\n <div style=\"padding: 32px 20px; display: flex; align-items: center; justify-content: center; gap: 16px;\">\n <div style=\"flex: 1; max-width: 80px; height: 1px; background: linear-gradient(90deg, transparent, var(--border));\"><\/div>\n <div style=\"display: flex; align-items: center; gap: 18px;\">\n <img decoding=\"async\" src=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a085ef90a69f1e76693022f.png\" alt=\"\" role=\"presentation\" loading=\"lazy\" width=\"160\" height=\"40\" style=\"height: 34px; width: auto; opacity: .85;\">\n <span style=\"font-size: 11px; color: var(--text-s); letter-spacing: 0.5px;\">×<\/span>\n <span style=\"font-size: 13px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;\">@levana_bellydancer<\/span>\n <\/div>\n <div style=\"flex: 1; max-width: 80px; height: 1px; background: linear-gradient(90deg, var(--border), transparent);\"><\/div>\n <\/div>\n <div style=\"padding: 16px 20px; border-top: 1px solid var(--border); font-size: 12px; color: var(--text-s);\">\n © 2026 ObellyClub. Todos los derechos reservados. ·\n <a href=\"\/aviso-legal\" style=\"color: var(--text-s);\">Aviso legal<\/a> ·\n <a href=\"\/privacidad\" style=\"color: var(--text-s);\">Privacidad<\/a> ·\n <a href=\"\/cookies\" style=\"color: var(--text-s);\">Cookies<\/a>\n <\/div>\n <\/footer>\n\n<\/div>\n\n<script>\n(function(){\n \/\/ \u2500\u2500 Selector de idioma: marca activo + construye URLs equivalentes \u2500\u2500\n try {\n var path = window.location.pathname;\n var search = window.location.search;\n var hash = window.location.hash;\n var isEN = \/^\\\/en(\\\/|$)\/i.test(path);\n document.querySelectorAll('.obc-lang-pill__btn').forEach(function(btn){\n var lang = btn.getAttribute('data-lang');\n var target;\n if (lang === 'en') {\n target = isEN ? path : ('\/en' + (path === '\/' ? '\/' : path));\n } else {\n target = isEN ? (path.replace(\/^\\\/en\/i, '') || '\/') : path;\n }\n btn.setAttribute('href', target + search + hash);\n var active = (isEN && lang === 'en') || (!isEN && lang === 'es');\n btn.classList.toggle('obc-lang-pill__btn--active', active);\n if (active) btn.setAttribute('aria-current', 'true');\n else btn.removeAttribute('aria-current');\n });\n } catch(e) {}\n\n \/\/ \u2500\u2500 Scroll reveal observer \u2500\u2500\n var reveals = document.querySelectorAll('.obc-reveal, .obc-reveal--left, .obc-reveal--right, .obc-reveal--scale, .obc-stagger, .obc-offer');\n if ('IntersectionObserver' in window) {\n var obs = new IntersectionObserver(function(entries) {\n entries.forEach(function(e) {\n if (e.isIntersecting) {\n e.target.classList.add('visible');\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n reveals.forEach(function(el) { obs.observe(el); });\n } else {\n reveals.forEach(function(el) { el.classList.add('visible'); });\n }\n\n \/\/ \u2500\u2500 Parallax on hero blobs \u2500\u2500\n var hero = document.querySelector('.obc-hero');\n if (hero) {\n window.addEventListener('mousemove', function(e) {\n var x = (e.clientX \/ window.innerWidth - 0.5) * 20;\n var y = (e.clientY \/ window.innerHeight - 0.5) * 20;\n var bg = hero.querySelector('.obc-hero__bg');\n if (bg) {\n bg.style.transform = 'translate(' + x + 'px, ' + y + 'px) scale(1.05)';\n }\n });\n }\n\n \/\/ \u2500\u2500 Navbar background on scroll \u2500\u2500\n var nav = document.querySelector('.obc-nav');\n if (nav) {\n window.addEventListener('scroll', function() {\n if (window.scrollY > 100) {\n nav.style.background = 'rgba(10,10,10,0.97)';\n nav.style.borderBottomColor = 'var(--brand-deep)';\n } else {\n nav.style.background = 'rgba(10,10,10,0.92)';\n nav.style.borderBottomColor = 'var(--border)';\n }\n });\n }\n})();\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ Testimonial video play\/pause\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\ndocument.querySelectorAll('.obc-test__video').forEach(function(wrapper) {\n var video = wrapper.querySelector('video');\n var playBtn = wrapper.querySelector('.obc-test__video-play');\n if (!video || !playBtn) return;\n function togglePlay() {\n if (video.paused) {\n video.play();\n playBtn.style.opacity = '0';\n playBtn.style.pointerEvents = 'none';\n } else {\n video.pause();\n playBtn.style.opacity = '1';\n playBtn.style.pointerEvents = 'auto';\n }\n }\n playBtn.addEventListener('click', togglePlay);\n video.addEventListener('click', togglePlay);\n video.addEventListener('ended', function() {\n playBtn.style.opacity = '1';\n playBtn.style.pointerEvents = 'auto';\n });\n});\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ Email Capture \u2192 Luxora ObellyClub (GHL)\n\/\/ Detecta el plugin luxora-obc por la variable obcGHL.\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n(function(){\n var form = document.getElementById('obc-email-form');\n if (!form) return;\n if (form.dataset.obcHandled) return;\n form.dataset.obcHandled = '1';\n\n function showSuccess(msg) {\n form.innerHTML = '<div style=\"text-align:center;padding:24px 0;\"><p style=\"font-size:32px;margin-bottom:16px;\">✅<\/p><p style=\"font-size:18px;font-weight: 600;margin-bottom:8px;color:#fff;\">¡Apuntada!<\/p><p style=\"font-size:14px;color:var(--text-m);line-height:1.6;\">' + (msg || 'Te redirigimos al checkout en un instante\u2026') + '<\/p><\/div>';\n }\n\n form.addEventListener('submit', function(e) {\n e.preventDefault();\n var nameInput = form.querySelector('input[name=\"name\"]');\n var emailInput = form.querySelector('input[name=\"email\"]');\n var name = nameInput ? nameInput.value.trim() : '';\n var email = emailInput ? emailInput.value.trim() : '';\n if (!email) return;\n\n var btn = form.querySelector('button[type=\"submit\"]');\n var btnSpan = btn ? (btn.querySelector('span') || btn) : null;\n if (btn) btn.disabled = true;\n if (btnSpan) btnSpan.textContent = 'Enviando...';\n\n \/\/ Plugin Luxora ObellyClub activo\n if (typeof obcGHL !== 'undefined' && obcGHL.ajaxUrl) {\n var data = new FormData();\n data.append('action', 'obc_ghl_capture');\n data.append('nonce', obcGHL.nonce);\n data.append('email', email);\n if (name) data.append('name', name);\n\n fetch(obcGHL.ajaxUrl, { method: 'POST', body: data })\n .then(function(r){ return r.json(); })\n .then(function(res){\n if (res && res.success && res.data && res.data.redirect) {\n showSuccess('Te llevamos a tu plaza\u2026');\n setTimeout(function(){ window.location.href = res.data.redirect; }, 600);\n } else {\n showSuccess();\n }\n })\n .catch(function(){\n \/\/ Si la API falla, redirigimos igualmente al checkout configurado\n if (obcGHL.redirect) {\n window.location.href = obcGHL.redirect + (obcGHL.redirect.indexOf('?') > -1 ? '&' : '?') + 'email=' + encodeURIComponent(email);\n } else {\n showSuccess();\n }\n });\n return;\n }\n\n \/\/ Fallback sin plugin: solo mostramos \u00e9xito\n showSuccess();\n });\n})();\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ Schema \u2014 FAQ + Service (SEO)\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n(function(){\n var faq = {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n { \"@type\": \"Question\", \"name\": \"\u00bfQu\u00e9 es esto de fundadora?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Unirte ahora a la comunidad te convierte en una bailarina privilegiada en la que tendr\u00e1s una participaci\u00f3n directa sobre los avances de ObellyClub, adem\u00e1s de desbloquear el precio secreto que nunca se va a repetir.\" }},\n { \"@type\": \"Question\", \"name\": \"\u00bfCu\u00e1ndo abre la escuela?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"En septiembre de 2026. Desde ese d\u00eda tienes acceso completo a toda la plataforma, masterclass y comunidad.\" }},\n { \"@type\": \"Question\", \"name\": \"\u00bfY hasta entonces?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Recibir\u00e1s material exclusivo solo para fundadoras: contenido de Levana, avances del club y, cuando se vayan confirmando, las presentaciones de las maestras invitadas antes que nadie.\" }},\n { \"@type\": \"Question\", \"name\": \"\u00bfQu\u00e9 nivel necesito?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"ObellyClub est\u00e1 pensado para bailarinas con base, no para empezar desde cero. Si ya vas a clases regularmente o tienes nivel medio\/avanzado, vas a sacarle todo el partido.\" }},\n { \"@type\": \"Question\", \"name\": \"\u00bfC\u00f3mo se renueva?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Autom\u00e1ticamente cada a\u00f1o al precio de fundadora mientras sigas siendo miembro. Si te das de baja, pierdes ese precio para siempre.\" }},\n { \"@type\": \"Question\", \"name\": \"\u00bfPuedo cancelar?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"S\u00ed. Desde tu cuenta, en cualquier momento. Sin llamadas, sin formularios raros.\" }},\n { \"@type\": \"Question\", \"name\": \"\u00bfQu\u00e9 es la sinergia con Etoiles D'Orient Fest?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Uno de los festivales internacionales m\u00e1s relevantes del bellydance, donde Levana es referencia habitual. Las miembros del club tendr\u00e1n beneficios sorpresa relacionados con el festival, que iremos revelando durante la apertura.\" }}\n ]\n };\n var svc = {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Service\",\n \"name\": \"ObellyClub \u2014 Escuela online de bellydance\",\n \"description\": \"Escuela online de bellydance con Levana al frente. Preventa de fundadoras con precio bloqueado de por vida y apertura en septiembre de 2026.\",\n \"provider\": { \"@type\": \"Organization\", \"name\": \"ObellyClub\", \"url\": \"https:\/\/obellyclub.com\" },\n \"serviceType\": \"Escuela online de bellydance\",\n \"areaServed\": \"Worldwide\",\n \"url\": \"https:\/\/obellyclub.com\"\n };\n [faq, svc].forEach(function(schema) {\n var s = document.createElement('script');\n s.type = 'application\/ld+json';\n s.textContent = JSON.stringify(schema);\n document.head.appendChild(s);\n });\n})();\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>ObellyClub \u2014 Escuela online de bellydance con Levana | Preventa fundadoras Maestras Cómo funciona Incluye Precio FAQ ES EN Conviértete en fundadora este pre-lanzamiento de ObellyClub Empodera tu bailarina interior y brilla encima del escenario. Las clases en vivo no siempre son una opción. Baila y aprende con las mejores referentes del mundo dentro de […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/obellyclub.com\/en\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/obellyclub.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/obellyclub.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/obellyclub.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/obellyclub.com\/en\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":37,"href":"https:\/\/obellyclub.com\/en\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":70,"href":"https:\/\/obellyclub.com\/en\/wp-json\/wp\/v2\/pages\/7\/revisions\/70"}],"wp:attachment":[{"href":"https:\/\/obellyclub.com\/en\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"WordPress","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":7,"date":"2026-05-17T03:13:09","date_gmt":"2026-05-17T03:13:09","guid":{"rendered":"https:\/\/obellyclub.com\/?page_id=7"},"modified":"2026-05-18T16:16:45","modified_gmt":"2026-05-18T14:16:45","slug":"home","status":"publish","type":"page","link":"https:\/\/obellyclub.com\/en\/","title":{"rendered":"Home"},"content":{"rendered":"\n\n\n\n\n\n\n\n\n\nObellyClub \u2014 Escuela online de bellydance con Levana | Preventa fundadoras<\/title>\n<meta name=\"description\" content=\"Escuela online de bellydance con Levana y las mejores referentes del mundo. Comunidad privada, formaci\u00f3n continua y precio de fundadora bloqueado de por vida. Apertura septiembre 2026.\">\n<meta name=\"keywords\" content=\"bellydance online, danza del vientre, escuela bellydance, Levana, ObellyClub, clases bellydance, comunidad bailarinas, Etoiles D'Orient Fest\">\n<meta name=\"author\" content=\"ObellyClub\">\n<meta name=\"robots\" content=\"index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1\">\n<meta name=\"googlebot\" content=\"index, follow\">\n\n<link rel=\"canonical\" href=\"https:\/\/obellyclub.com\/\">\n\n\n<meta property=\"og:site_name\" content=\"ObellyClub\">\n<meta property=\"og:title\" content=\"ObellyClub \u2014 Escuela online de bellydance con Levana\">\n<meta property=\"og:description\" content=\"Baila y aprende con las mejores referentes del mundo dentro de una comunidad sin l\u00edmites. Preventa de fundadoras con precio bloqueado de por vida.\">\n<meta property=\"og:type\" content=\"website\">\n<meta property=\"og:url\" content=\"https:\/\/obellyclub.com\/\">\n<meta property=\"og:locale\" content=\"es_ES\">\n<meta property=\"og:image\" content=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a091f158d08689eb277774d.jpg\">\n<meta property=\"og:image:secure_url\" content=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a091f158d08689eb277774d.jpg\">\n<meta property=\"og:image:type\" content=\"image\/jpeg\">\n<meta property=\"og:image:width\" content=\"1343\">\n<meta property=\"og:image:height\" content=\"1050\">\n<meta property=\"og:image:alt\" content=\"Levana, maestra y anfitriona de ObellyClub\">\n\n\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<meta name=\"twitter:title\" content=\"ObellyClub \u2014 Escuela online de bellydance con Levana\">\n<meta name=\"twitter:description\" content=\"Baila y aprende con las mejores referentes del mundo. Preventa de fundadoras con precio bloqueado de por vida.\">\n<meta name=\"twitter:image\" content=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a091f158d08689eb277774d.jpg\">\n<meta name=\"twitter:image:alt\" content=\"Levana, maestra y anfitriona de ObellyClub\">\n<meta name=\"twitter:site\" content=\"@levana_bellydancer\">\n<meta name=\"twitter:creator\" content=\"@levana_bellydancer\">\n\n\n<link rel=\"icon\" type=\"image\/png\" href=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a085ef90a69f1e76693022f.png\">\n<link rel=\"apple-touch-icon\" href=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a085ef90a69f1e76693022f.png\">\n\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link rel=\"preconnect\" href=\"https:\/\/assets.cdn.filesafe.space\" crossorigin>\n<link rel=\"dns-prefetch\" href=\"https:\/\/assets.cdn.filesafe.space\">\n\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"EducationalOrganization\",\n \"name\": \"ObellyClub\",\n \"alternateName\": \"Obelly Club\",\n \"url\": \"https:\/\/obellyclub.com\/\",\n \"logo\": \"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a085ef90a69f1e76693022f.png\",\n \"image\": \"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a091f158d08689eb277774d.jpg\",\n \"description\": \"Escuela online de bellydance fundada por Levana. Formaci\u00f3n continua con las mejores referentes del mundo y comunidad privada internacional.\",\n \"founder\": {\n \"@type\": \"Person\",\n \"name\": \"Levana\",\n \"sameAs\": \"https:\/\/www.instagram.com\/levana_bellydancer\/\"\n },\n \"sameAs\": [\n \"https:\/\/www.instagram.com\/levana_bellydancer\/\"\n ]\n}\n<\/script>\n\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"WebSite\",\n \"name\": \"ObellyClub\",\n \"url\": \"https:\/\/obellyclub.com\/\",\n \"inLanguage\": \"es-ES\",\n \"publisher\": {\n \"@type\": \"Organization\",\n \"name\": \"ObellyClub\"\n }\n}\n<\/script>\n\n\n<script type=\"application\/ld+json\">\n{\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n {\n \"@type\": \"Question\",\n \"name\": \"\u00bfQu\u00e9 es esto de fundadora?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Unirte ahora a la comunidad te convierte en una bailarina privilegiada en la que tendr\u00e1s una participaci\u00f3n directa sobre los avances de ObellyClub, adem\u00e1s de desbloquear el precio secreto que nunca se va a repetir.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"\u00bfCu\u00e1ndo abre la escuela?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"En septiembre de 2026. Desde ese d\u00eda tienes acceso completo a toda la plataforma, masterclass y comunidad.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"\u00bfY hasta entonces?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Recibir\u00e1s material exclusivo solo para fundadoras: contenido de Levana, avances del club y, cuando se vayan confirmando, las presentaciones de las maestras invitadas antes que nadie.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"\u00bfQu\u00e9 nivel necesito?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"ObellyClub est\u00e1 pensado para bailarinas con base, no para empezar desde cero. Si ya vas a clases regularmente o tienes nivel medio\/avanzado, vas a sacarle todo el partido.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"\u00bfC\u00f3mo se renueva?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Autom\u00e1ticamente cada a\u00f1o al precio de fundadora mientras sigas siendo miembro. Si te das de baja, pierdes ese precio para siempre.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"\u00bfPuedo cancelar?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"S\u00ed. Desde tu cuenta, en cualquier momento. Sin llamadas, sin formularios raros.\"\n }\n },\n {\n \"@type\": \"Question\",\n \"name\": \"\u00bfQu\u00e9 es la sinergia con Etoiles D'Orient Fest?\",\n \"acceptedAnswer\": {\n \"@type\": \"Answer\",\n \"text\": \"Uno de los festivales internacionales m\u00e1s relevantes del bellydance, donde Levana es referencia habitual. Las miembros del club tendr\u00e1n beneficios sorpresa relacionados con el festival, que iremos revelando durante la apertura.\"\n }\n }\n ]\n}\n<\/script>\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;1,500&display=swap\">\n<\/head>\n<body style=\"margin:0;padding:0;\">\n<style>\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 VARIABLES GLOBALES (escope :root) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n Las repetimos en :root porque dentro de Divi no existe el wrapper .obc\n y entonces var(--brand) etc. resolv\u00edan a vac\u00edo \u2192 elementos sin color. *\/\n :root {\n --brand: #B83A6E;\n --brand-hover: #9B2557;\n --brand-deep: #9B2557;\n --brand-subtle: #2E1219;\n --bg: #0A0A0A;\n --bg-vino: #1A0A12;\n --bg-alt: #161214;\n --bg-card: #161214;\n --bg-card-alt: #1F1518;\n --bg-light: #FFFFFF;\n --bg-light-soft: #FAF6F4;\n --border: #2A2024;\n --border-soft: #1F1418;\n --border-light: rgba(10,10,10,0.08);\n --text: #FFFFFF;\n --text-m: rgba(255,255,255,0.72);\n --text-s: rgba(255,255,255,0.5);\n --text-dark: #0A0A0A;\n --text-dark-m: rgba(10,10,10,0.7);\n --text-dark-s: rgba(10,10,10,0.5);\n --gold: #E8B547;\n --gold-deep: #C99A2F;\n --gold-subtle: #2A1F0A;\n --cream: #FFFFFF;\n --elite: #E8B547;\n --elite-deep: #C99A2F;\n --elite-subtle: #2A1F0A;\n --purple: #6B21A8;\n --purple-l: #A78BFA;\n --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;\n --font-display-it: 'Playfair Display', Georgia, 'Times New Roman', serif;\n --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESET ANTI-DIVI \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n Cuando se monta dentro de Divi 5, su CSS pisa colores\/fuentes\/anchos.\n Esto neutraliza esos overrides para que ObellyClub se vea igual que en local. *\/\n #page-container, #et-main-area, #main-content,\n .et_builder_inner_content, .et_pb_section, .et_pb_row,\n .et_pb_column, .et_pb_module, .et_pb_code, .et_pb_text_inner {\n max-width: 100% !important;\n width: 100% !important;\n padding: 0 !important;\n margin: 0 !important;\n background: transparent !important;\n color: inherit !important;\n font-family: inherit !important;\n }\n \/* Anula font-family por defecto de Divi (NO color \u2014 eso lo gestiona cada bloque) *\/\n .obc, .obc *, .obc-sec, .obc-sec *, .obc-nav, .obc-nav *,\n section[class*=\"obc-\"], section[class*=\"obc-\"] * {\n font-family: inherit;\n }\n \/* Color base sobre fondos oscuros \u2014 Divi mete #666 por defecto *\/\n body, .obc-sec, .obc-hero, .obc-art, .obc-test, .obc-faq, .obc-nav,\n .obc-trailer, .obc-vision, .obc-buy, .obc-form-sec, .obc-transform,\n .obc-wgrid, .obc-offer, .obc-includes, .obc-future,\n section[class*=\"obc-\"]:not([class*=\"--light\"]):not([class*=\"marquee--light\"]) {\n color: #FFFFFF;\n }\n \/* Headings dentro de secciones oscuras = blanco *\/\n .obc-sec h1, .obc-sec h2, .obc-sec h3, .obc-sec h4,\n .obc-hero h1, .obc-hero h2, .obc-hero p,\n .obc-art h1, .obc-art h2, .obc-art h3,\n .obc-test h2, .obc-faq h2, .obc-includes h2, .obc-future h2,\n section[class*=\"obc-\"]:not([class*=\"--light\"]):not([class*=\"marquee--light\"]) h1,\n section[class*=\"obc-\"]:not([class*=\"--light\"]):not([class*=\"marquee--light\"]) h2,\n section[class*=\"obc-\"]:not([class*=\"--light\"]):not([class*=\"marquee--light\"]) h3,\n section[class*=\"obc-\"]:not([class*=\"--light\"]):not([class*=\"marquee--light\"]) h4 {\n color: #FFFFFF;\n }\n \/* Listas \u2014 Divi mete bullets (\u2022) y paddings por defecto *\/\n .obc ul, .obc ol, .obc-sec ul, .obc-sec ul li,\n .obc-nav ul, .obc-nav ul li,\n .obc-nav__menu, .obc-nav__menu li,\n .obc-faq__list, .obc-faq__list li,\n .obc-price__bullets, .obc-price__bullets li,\n ul.obc-nav__menu, ul.obc-price__bullets {\n list-style: none !important;\n list-style-type: none !important;\n padding-left: 0 !important;\n margin-left: 0 !important;\n }\n .obc-nav__menu li::before, .obc-nav__menu li::marker,\n .obc-price__bullets li::marker, .obc-faq__list li::marker {\n content: none !important;\n display: none !important;\n }\n \/* Layout flex del nav \u2014 Divi puede romperlo con display: block *\/\n .obc-nav__inner {\n display: flex !important;\n flex-direction: row !important;\n align-items: center !important;\n justify-content: space-between !important;\n flex-wrap: nowrap !important;\n width: 100% !important;\n max-width: 1200px !important;\n margin: 0 auto !important;\n padding: 12px 40px !important;\n gap: 16px !important;\n }\n .obc-nav__menu {\n display: flex !important;\n flex-direction: row !important;\n align-items: center !important;\n justify-content: flex-end !important;\n gap: 44px !important;\n flex-wrap: nowrap !important;\n margin: 0 !important;\n padding: 0 !important;\n }\n .obc-nav__menu li {\n display: inline-flex !important;\n align-items: center !important;\n margin: 0 !important;\n padding: 0 !important;\n line-height: 1 !important;\n }\n .obc-nav__menu a {\n display: inline-block !important;\n text-align: center !important;\n line-height: 1 !important;\n padding: 6px 0 !important;\n }\n @media (max-width: 780px) {\n .obc-nav__menu { display: none !important; }\n }\n .obc-sec h1, .obc-sec h2, .obc-sec h3, .obc-sec h4,\n .obc-nav, .obc-nav a, .obc-nav__menu li a {\n color: #FFFFFF;\n }\n \/* Excepci\u00f3n: secciones claras (fondo blanco) \u2192 texto oscuro\n OJO: NO aplicamos a spans porque pisaba colores espec\u00edficos de cards\n (gold ?, brand 01, status text, etc.). Solo body text. *\/\n .obc-sec--light, .obc-sec--light p, .obc-sec--light li,\n .obc-marquee--light, .obc-marquee--light h1, .obc-marquee--light h2,\n .obc-marquee--light h3, .obc-marquee--light p,\n .obc-marquee-section__title {\n color: #0A0A0A !important;\n }\n \/* Pero los <em> dentro de t\u00edtulos light siguen en henna *\/\n .obc-sec--light h2 em, .obc-sec--light h3 em,\n .obc-marquee--light h2 em, .obc-marquee-section__title em {\n color: #B83A6E !important;\n }\n \/* Inputs\/forms: Divi los re-estiliza salvaje *\/\n .obc input, .obc-sec input, .obc-sec textarea,\n .obc input[type=\"text\"], .obc input[type=\"email\"] {\n background: #F7F4F2 !important;\n color: #0A0A0A !important;\n border: 1px solid rgba(10,10,10,0.08) !important;\n font-family: 'Inter', sans-serif !important;\n }\n \/* Botones: Divi los pinta con su estilo *\/\n .obc button, .obc-sec button {\n font-family: 'Inter', sans-serif !important;\n }\n\n \/* \u2500\u2500 RESET GLOBAL \u2500\u2500 *\/\n *, *::before, *::after { box-sizing: border-box; }\n html {\n margin: 0 !important;\n padding: 0 !important;\n overflow-x: hidden;\n }\n body {\n margin: 0 !important;\n padding: 0 !important;\n background: #0A0A0A !important;\n overflow-x: hidden;\n width: 100%;\n min-height: 100vh;\n }\n \/* GHL specific resets *\/\n .body-wrapper, #wrapper, #section-wrap, .container-fluid,\n .row-fluid, .hl_page-creator--content {\n margin: 0 !important;\n padding: 0 !important;\n max-width: 100% !important;\n }\n\n \/* \u2500\u2500 Twenty Twenty-Five (Block Theme) \u2014 FULL RESET \u2500\u2500 *\/\n .wp-site-blocks,\n .wp-site-blocks > *,\n .wp-block-post-content,\n .wp-block-group,\n .wp-block-template-part,\n .is-layout-constrained,\n .is-layout-flow,\n .is-layout-constrained > *,\n .is-layout-flow > *,\n .has-global-padding,\n .entry-content,\n .post-content,\n .page-content,\n .site-content,\n main, article {\n max-width: 100% !important;\n width: 100% !important;\n padding: 0 !important;\n margin: 0 !important;\n }\n body:has(.obc) .wp-site-blocks {\n gap: 0 !important;\n row-gap: 0 !important;\n padding-block-start: 0 !important;\n padding-block-end: 0 !important;\n min-height: 0 !important;\n }\n .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {\n max-width: 100% !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n }\n body:has(.obc) .wp-block-template-part,\n body:has(.obc) header:not(.obc *),\n body:has(.obc) footer:not(.obc *),\n body:has(.obc) nav:not(.obc-nav):not(.obc *),\n body:has(.obc) .wp-block-site-title,\n body:has(.obc) .wp-block-site-tagline,\n body:has(.obc) .wp-block-navigation,\n body:has(.obc) .wp-block-post-title,\n body:has(.obc) .entry-header,\n body:has(.obc) .entry-footer,\n body:has(.obc) .post-navigation,\n body:has(.obc) .comments-area,\n body:has(.obc) h1:not(.obc *),\n body:has(.obc) h2:not(.obc *) {\n display: none !important;\n }\n .obc * { margin: 0; padding: 0; box-sizing: border-box; }\n .obc {\n width: 100vw !important;\n max-width: 100vw !important;\n margin-left: calc(-50vw + 50%) !important;\n min-width: 0;\n position: relative;\n \/* === Manual de marca ObellyClub === *\/\n --brand: #B83A6E; \/* Henna *\/\n --brand-hover: #9B2557; \/* Henna sombra *\/\n --brand-deep: #9B2557;\n --brand-subtle: #2E1219; \/* henna ultra oscuro *\/\n --bg: #0A0A0A; \/* Negro absoluto *\/\n --bg-vino: #1A0A12; \/* Vino (para gradientes) *\/\n --bg-alt: #161214;\n --bg-card: #161214; \/* Surface oscuro *\/\n --bg-card-alt: #1F1518;\n --bg-light: #FFFFFF; \/* Blanco fondo *\/\n --bg-light-soft: #FAF6F4; \/* Blanco roto c\u00e1lido *\/\n --border: #2A2024;\n --border-soft: #1F1418;\n --border-light: rgba(10,10,10,0.08);\n --text: #FFFFFF; \/* Texto sobre dark *\/\n --text-m: rgba(255,255,255,0.72);\n --text-s: rgba(255,255,255,0.5);\n --text-dark: #0A0A0A; \/* Texto sobre light *\/\n --text-dark-m: rgba(10,10,10,0.7);\n --text-dark-s: rgba(10,10,10,0.5);\n --gold: #E8B547; \/* Dorado vivo (acento premium) *\/\n --gold-deep: #C99A2F;\n --gold-subtle: #2A1F0A;\n --cream: #FFFFFF; \/* alias compat *\/\n --elite: #E8B547; \/* alias compat *\/\n --elite-deep: #C99A2F;\n --elite-subtle: #2A1F0A;\n --purple: #6B21A8;\n --purple-l: #A78BFA;\n --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;\n --font-display-it: 'Playfair Display', Georgia, 'Times New Roman', serif;\n --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n font-family: var(--font-body);\n color: var(--text);\n background: var(--bg);\n line-height: 1.65;\n overflow-x: hidden;\n font-feature-settings: 'ss01' on, 'kern' on, 'liga' on;\n }\n .obc img { max-width: 100%; height: auto; display: block; }\n .obc a { text-decoration: none; color: inherit; }\n\n .obc-w { max-width: 1200px; margin: 0 auto; padding: 0 40px; width: 100%; }\n .obc-tc { text-align: center; }\n .obc-sec { padding: 90px 0; }\n\n .obc-grad {\n background: linear-gradient(135deg, var(--brand) 0%, var(--purple) 50%, var(--brand) 100%);\n background-size: 200% 200%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: obc-gradShift 4s ease infinite;\n }\n @keyframes obc-gradShift {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n .obc-badge {\n display: inline-block;\n background: var(--brand-subtle);\n color: var(--brand);\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 2.5px;\n padding: 6px 18px;\n border-radius: 50px;\n margin-bottom: 18px;\n }\n\n \/* \u2500\u2500 NAVBAR \u2500\u2500 *\/\n .obc-nav {\n position: relative;\n width: 100%;\n z-index: 1000;\n background: rgba(10, 10, 10, 0.92);\n backdrop-filter: blur(16px);\n -webkit-backdrop-filter: blur(16px);\n border-bottom: 1px solid var(--border);\n border-top: none;\n padding: 0;\n transition: all 0.3s;\n }\n .obc-nav__inner {\n max-width: 1200px;\n margin: 0 auto;\n padding: 12px 40px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n }\n .obc-nav__logo {\n font-size: 18px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n color: var(--text);\n flex-shrink: 0;\n }\n .obc-nav__logo span { color: var(--brand); }\n\n \/* Language toggle *\/\n .obc-lang {\n display: flex;\n align-items: center;\n background: rgba(255,255,255,0.06);\n border: 1px solid var(--border);\n border-radius: 50px;\n padding: 2px;\n gap: 0;\n flex-shrink: 0;\n }\n .obc-lang__btn {\n font-family: 'Inter', sans-serif;\n font-size: 18px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n padding: 8px 14px;\n border: none;\n border-radius: 50px;\n cursor: pointer;\n transition: all 0.3s;\n background: transparent;\n color: var(--text-s);\n }\n .obc-lang__btn.active {\n background: var(--brand);\n color: #fff;\n }\n .obc-lang__btn:hover:not(.active) {\n color: var(--text);\n }\n\n .obc-nav__cta {\n background: var(--brand);\n color: #fff;\n font-family: 'Inter', sans-serif;\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 10px 22px;\n border-radius: 50px;\n border: none;\n cursor: pointer;\n transition: all 0.3s;\n text-decoration: none;\n flex-shrink: 0;\n white-space: nowrap;\n }\n .obc-nav__cta:hover {\n background: var(--brand-hover);\n transform: translateY(-1px);\n box-shadow: 0 4px 16px rgba(184,58,110,0.3);\n }\n\n \/* WordPress admin bar fix *\/\n body.admin-bar .obc-nav { top: 32px; }\n @media (max-width: 782px) {\n body.admin-bar .obc-nav { top: 46px; }\n }\n\n @keyframes obc-pulse-subtle {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.3; }\n }\n\n @media (max-width: 900px) {\n .obc-nav__inner { padding: 10px 16px; gap: 8px; }\n .obc-nav__logo { font-size: 14px; }\n .obc-nav__cta { font-size: 10px; padding: 8px 16px; }\n .obc-lang__btn { font-size: 14px; padding: 5px 8px; }\n .obc-hero { padding: 130px 0 64px; }\n .obc-nav { top: 0; }\n .obc-w { padding: 0 20px !important; }\n .obc-sec { padding: 60px 0 !important; }\n }\n @media (max-width: 768px) {\n .obc-hero__grid,\n .obc-art__grid,\n .obc-price__grid { grid-template-columns: 1fr !important; gap: 28px !important; }\n .obc-how-step {\n grid-template-columns: 1fr !important;\n gap: 24px !important;\n margin-bottom: 48px !important;\n }\n .obc-how-step > div[style*=\"order: 0\"] { order: 1 !important; }\n .obc-how-step > div[style*=\"order: 1\"] { order: 0 !important; }\n .obc-sec div[style*=\"minmax(280px, 420px)\"] {\n grid-template-columns: 1fr 1fr !important;\n max-width: 100% !important;\n }\n .obc-sec div[style*=\"minmax(280px, 420px)\"] > div {\n max-width: 100% !important;\n }\n .obc-sec h2 { font-size: clamp(22px, 6vw, 32px) !important; }\n .obc-sec h3 { font-size: 20px !important; }\n .obc-sec .obc-reveal[style*=\"grid-template-columns\"] > div[style*=\"text-align: left\"] {\n text-align: center !important;\n }\n }\n @media (max-width: 480px) {\n .obc-sec div[style*=\"minmax(280px, 420px)\"] {\n grid-template-columns: 1fr !important;\n max-width: 260px !important;\n margin: 0 auto !important;\n }\n }\n\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n @keyframes obc-fadeUp {\n from { opacity: 0; transform: translateY(24px); }\n to { opacity: 1; transform: translateY(0); }\n }\n @keyframes obc-float {\n 0%, 100% { transform: translateY(0); }\n 50% { transform: translateY(-8px); }\n }\n @keyframes obc-glow {\n 0%, 100% { box-shadow: 0 0 20px rgba(184,58,110,0.15); }\n 50% { box-shadow: 0 0 40px rgba(184,58,110,0.3); }\n }\n @keyframes obc-shimmer {\n 0% { background-position: -200% center; }\n 100% { background-position: 200% center; }\n }\n @keyframes obc-breathe {\n 0%, 100% { transform: scale(1); opacity: 0.12; }\n 50% { transform: scale(1.15); opacity: 0.22; }\n }\n\n \/* \u2500\u2500 CTA \u2500\u2500 *\/\n .obc-cta {\n display: inline-block;\n background: var(--brand);\n color: #fff;\n font-family: 'Inter', sans-serif;\n font-size: 15px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 16px 44px;\n border-radius: 50px;\n border: none;\n cursor: pointer;\n transition: all 0.3s;\n position: relative;\n overflow: hidden;\n }\n .obc-cta::after {\n content: '';\n position: absolute;\n top: 0; left: -100%; width: 100%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\n animation: obc-shimmer 3s infinite;\n }\n .obc-cta:hover {\n background: var(--brand-hover);\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(184,58,110,0.3);\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-hero {\n padding: 0;\n position: relative;\n overflow: hidden;\n min-height: 100vh;\n display: flex;\n align-items: center;\n }\n .obc-hero__bg {\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, #0A0A0A 0%, #1A0A20 50%, #0A0A0A 100%);\n }\n .obc-hero__bg::before {\n content: '';\n position: absolute;\n inset: 0;\n background:\n radial-gradient(circle at 20% 50%, rgba(184,58,110,0.10) 0%, transparent 50%),\n radial-gradient(circle at 80% 30%, rgba(107,33,168,0.08) 0%, transparent 50%),\n radial-gradient(circle at 50% 80%, rgba(184,58,110,0.06) 0%, transparent 40%);\n animation: obc-heroGlow 8s ease-in-out infinite alternate;\n }\n @keyframes obc-heroGlow {\n 0% { opacity: 0.6; transform: scale(1); }\n 100% { opacity: 1; transform: scale(1.1); }\n }\n .obc-hero__bg::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(\n to right,\n rgba(10,10,10,0.95) 0%,\n rgba(10,10,10,0.8) 40%,\n rgba(10,10,10,0.4) 70%,\n rgba(10,10,10,0.2) 100%\n );\n }\n .obc-hero__grid {\n display: grid;\n grid-template-columns: 4fr 8fr;\n gap: 56px;\n align-items: center;\n position: relative;\n z-index: 1;\n padding: 100px 0 60px;\n }\n .obc-hero__content { text-align: left; }\n .obc-hero__pre {\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 3px;\n color: var(--brand);\n margin-bottom: 28px;\n animation: obc-fadeUp 0.6s ease both;\n position: relative;\n display: inline-block;\n }\n .obc-hero__pre::after {\n content: '';\n position: absolute;\n bottom: -6px;\n left: 0;\n height: 2px;\n width: 0;\n background: linear-gradient(90deg, var(--brand), var(--purple));\n animation: obc-lineExpand 1s 0.8s ease forwards;\n }\n @keyframes obc-lineExpand { to { width: 100%; } }\n .obc-hero h1 {\n font-size: clamp(34px, 5.5vw, 56px);\n font-weight: 600;\n text-transform: uppercase;\n line-height: 1.05;\n letter-spacing: -0.01em;\n margin-bottom: 24px;\n animation: obc-fadeUp 0.7s 0.15s ease both;\n }\n .obc-hero__sub {\n font-size: clamp(15px, 2vw, 18px);\n font-weight: 400;\n color: var(--text-m);\n max-width: 500px;\n margin-bottom: 36px;\n line-height: 1.8;\n animation: obc-fadeUp 0.7s 0.3s ease both;\n }\n .obc-hero__cta-wrap { animation: obc-fadeUp 0.7s 0.45s ease both; }\n .obc-hero__visual {\n position: relative;\n z-index: 1;\n animation: obc-heroVisual 1s 0.5s cubic-bezier(0.16, 1, 0.3, 1) both;\n }\n @keyframes obc-heroVisual {\n from { opacity: 0; transform: translateX(40px) scale(0.95); }\n to { opacity: 1; transform: translateX(0) scale(1); }\n }\n\n \/* Particles *\/\n .obc-hero__particles { position: absolute; inset: 0; z-index: 1; pointer-events: none; overflow: hidden; }\n .obc-hero__particles span {\n position: absolute; width: 4px; height: 4px;\n background: var(--brand); border-radius: 50%;\n opacity: 0; animation: obc-particleDrift 10s infinite;\n }\n .obc-hero__particles span:nth-child(1) { left: 10%; top: 80%; animation-delay: 0s; animation-duration: 9s; }\n .obc-hero__particles span:nth-child(2) { left: 30%; top: 90%; animation-delay: 2s; animation-duration: 11s; width: 3px; height: 3px; }\n .obc-hero__particles span:nth-child(3) { left: 55%; top: 85%; animation-delay: 4s; animation-duration: 8s; background: var(--purple-l); }\n .obc-hero__particles span:nth-child(4) { left: 75%; top: 75%; animation-delay: 1s; animation-duration: 12s; width: 5px; height: 5px; }\n .obc-hero__particles span:nth-child(5) { left: 90%; top: 90%; animation-delay: 3s; animation-duration: 10s; background: var(--purple-l); width: 3px; height: 3px; }\n .obc-hero__particles span:nth-child(6) { left: 45%; top: 95%; animation-delay: 5s; animation-duration: 9s; }\n @keyframes obc-particleDrift {\n 0% { opacity: 0; transform: translateY(0) scale(1); }\n 10% { opacity: 0.6; }\n 90% { opacity: 0; }\n 100% { opacity: 0; transform: translateY(-400px) scale(0.3); }\n }\n\n @media (max-width: 900px) {\n .obc-hero { min-height: auto; padding: 0; }\n .obc-hero__grid {\n grid-template-columns: 1fr !important;\n gap: 28px;\n padding: 20px 0 40px;\n }\n .obc-hero__content { text-align: center; }\n .obc-hero__sub { margin-left: auto; margin-right: auto; }\n .obc-hero__bg::after { background: rgba(10,10,10,0.85); }\n .obc-hero h1 { font-size: clamp(28px, 8vw, 42px); }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 ARTIST \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-art { background: linear-gradient(180deg, var(--bg) 0%, #0e0e0e 100%); }\n .obc-art h2 {\n font-size: clamp(24px, 4.5vw, 38px);\n font-weight: 600;\n text-transform: uppercase;\n margin-bottom: 10px;\n }\n .obc-art__sub {\n font-size: 16px;\n color: var(--text-m);\n margin-bottom: 52px;\n max-width: 580px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n .obc-art__grid {\n display: grid;\n grid-template-columns: minmax(320px, 540px);\n gap: 28px;\n justify-content: center;\n }\n .obc-art__card {\n border-radius: 14px;\n overflow: hidden;\n border: 2px solid var(--border);\n transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);\n position: relative;\n }\n .obc-art__card::before {\n content: '';\n position: absolute;\n inset: -3px;\n border-radius: 16px;\n background: conic-gradient(from 0deg, var(--brand), var(--purple), var(--brand), var(--purple), var(--brand));\n animation: obc-cardGlow 6s linear infinite;\n opacity: 0.3;\n filter: blur(12px);\n z-index: -1;\n transition: opacity 0.4s;\n }\n .obc-art__card:hover::before { opacity: 0.7; }\n .obc-art__card:hover {\n transform: translateY(-8px) scale(1.02);\n box-shadow: 0 24px 60px rgba(0,0,0,0.5);\n border-color: var(--brand);\n }\n @keyframes obc-cardGlow {\n 0% { filter: blur(12px) hue-rotate(0deg); }\n 100% { filter: blur(12px) hue-rotate(360deg); }\n }\n .obc-art__card--levana { background: linear-gradient(145deg, #2E1219 0%, #1A0A2E 100%); }\n\n .obc-art__card img {\n transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s;\n filter: brightness(0.85) contrast(1.1);\n }\n .obc-art__card:hover img {\n transform: scale(1.08);\n filter: brightness(1) contrast(1.05);\n }\n\n .obc-art__card .obc-art__overlay {\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 360px;\n background: linear-gradient(180deg, rgba(184,58,110,0.08) 0%, rgba(10,10,10,0.7) 100%);\n pointer-events: none;\n transition: opacity 0.4s;\n z-index: 1;\n }\n .obc-art__card:hover .obc-art__overlay { opacity: 0.3; }\n\n .obc-art__card .obc-art__name-float {\n position: absolute;\n top: 20px;\n left: 20px;\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: var(--brand);\n background: rgba(10,10,10,0.7);\n backdrop-filter: blur(8px);\n padding: 6px 14px;\n border-radius: 50px;\n border: 1px solid var(--brand-deep);\n z-index: 2;\n opacity: 0;\n transform: translateY(-8px);\n transition: all 0.4s;\n }\n .obc-art__card:hover .obc-art__name-float {\n opacity: 1;\n transform: translateY(0);\n }\n .obc-art__body { padding: 28px; }\n .obc-art__name {\n font-size: 24px;\n font-weight: 600;\n text-transform: uppercase;\n color: var(--brand);\n margin-bottom: 4px;\n }\n .obc-art__role {\n font-size: 12px;\n color: var(--text-s);\n text-transform: uppercase;\n letter-spacing: 1.5px;\n margin-bottom: 14px;\n }\n .obc-art__desc {\n font-size: 15px;\n color: var(--text-m);\n line-height: 1.75;\n }\n\n \/* Vision aside dentro de la secci\u00f3n artists *\/\n .obc-vision {\n margin-top: 64px;\n max-width: 760px;\n margin-left: auto;\n margin-right: auto;\n background: rgba(255,255,255,0.03);\n border: 1px solid rgba(184,58,110,0.25);\n border-radius: 18px;\n padding: clamp(28px, 4vw, 44px);\n text-align: left;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n }\n .obc-vision__kicker {\n font-size: 11px;\n font-weight: 600;\n color: var(--brand);\n letter-spacing: 3px;\n text-transform: uppercase;\n margin-bottom: 14px;\n display: inline-block;\n }\n .obc-vision__title {\n font-size: clamp(22px, 3.5vw, 32px);\n font-weight: 600;\n text-transform: uppercase;\n margin-bottom: 24px;\n line-height: 1.1;\n }\n .obc-vision p {\n font-size: 15px;\n color: var(--text-m);\n line-height: 1.75;\n margin-bottom: 14px;\n }\n .obc-vision p:last-child { margin-bottom: 0; }\n .obc-vision strong { color: var(--brand); font-weight: 600; }\n .obc-vision__close {\n display: block;\n text-align: center;\n margin-top: 44px;\n font-size: clamp(20px, 3vw, 28px);\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.02em;\n background: linear-gradient(135deg, var(--brand), #FF4D85, var(--brand));\n background-size: 200% 200%;\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n background-clip: text;\n animation: obc-gradShift 4s ease infinite;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 OFFER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-offer { background: var(--bg-card); }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PRICE \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-price { position: relative; overflow: hidden; }\n .obc-price__grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0;\n max-width: 1000px;\n margin: 0 auto;\n border-radius: 20px;\n overflow: hidden;\n border: 2px solid var(--border);\n position: relative;\n }\n .obc-price__grid::before {\n content: '';\n position: absolute;\n inset: -2px;\n border-radius: 22px;\n background: conic-gradient(from 0deg, var(--brand), var(--purple), var(--elite), var(--brand));\n animation: obc-cardGlow 6s linear infinite;\n opacity: 0.3;\n filter: blur(16px);\n z-index: -1;\n }\n .obc-price__video {\n position: relative;\n overflow: hidden;\n background: var(--bg-card);\n min-height: 400px;\n }\n .obc-price__video video {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n opacity: 0.7;\n }\n .obc-price__video-overlay {\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, rgba(18,18,18,0.4) 0%, rgba(18,18,18,0.3) 50%, rgba(18,18,18,0.95) 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .obc-price__video-text { text-align: center; padding: 20px; }\n .obc-price__video-text p {\n font-size: 13px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 2px;\n color: var(--brand);\n margin-bottom: 12px;\n }\n .obc-price__video-text p:last-child {\n font-size: 28px;\n font-weight: 600;\n text-transform: uppercase;\n line-height: 1.15;\n color: var(--text);\n }\n\n .obc-price__card {\n background: var(--bg-card);\n padding: 48px 40px;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n text-align: center;\n position: relative;\n }\n .obc-price__card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--brand), var(--elite), var(--brand));\n background-size: 200% 100%;\n animation: obc-shimmer 4s linear infinite;\n }\n .obc-price__lifetime {\n display: inline-block;\n background: var(--elite-subtle);\n color: var(--elite);\n font-size: 11px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1.5px;\n padding: 6px 16px;\n border-radius: 50px;\n margin-bottom: 20px;\n }\n .obc-price__amount {\n font-size: 64px;\n font-weight: 600;\n line-height: 1;\n margin-bottom: 6px;\n }\n .obc-price__per {\n font-size: 13px;\n color: var(--text-s);\n margin-bottom: 28px;\n }\n .obc-price__features {\n list-style: none;\n text-align: left;\n width: 100%;\n margin-bottom: 28px;\n }\n .obc-price__features li {\n font-size: 14px;\n color: var(--text-m);\n padding: 10px 0;\n border-bottom: 1px solid var(--border);\n display: flex;\n align-items: center;\n gap: 10px;\n }\n .obc-price__features li:last-child { border-bottom: none; }\n .obc-price__features li::before {\n content: '\\2714';\n color: var(--brand);\n font-weight: 600;\n font-size: 14px;\n flex-shrink: 0;\n }\n .obc-price__compare {\n font-size: 12px;\n color: var(--text-s);\n margin-bottom: 24px;\n line-height: 1.6;\n }\n .obc-price__compare strong {\n color: var(--brand);\n font-size: 14px;\n }\n\n \/* \u2500\u2500 Email Capture Form \u2500\u2500 *\/\n .obc-capture__label {\n display: block;\n font-size: 13px;\n color: var(--text-s);\n text-align: center;\n margin-bottom: 16px;\n letter-spacing: 0.5px;\n text-transform: uppercase;\n }\n .obc-capture__field { margin-bottom: 14px; }\n .obc-capture__input {\n width: 100%;\n padding: 22px 24px;\n background: rgba(255,255,255,0.95);\n border: 2px solid transparent;\n border-radius: 12px;\n color: #111;\n font-family: 'Inter', sans-serif;\n font-size: 16px;\n font-weight: 500;\n outline: none;\n box-sizing: border-box;\n transition: all 0.3s ease;\n }\n .obc-capture__input::placeholder { color: #999; font-weight: 400; }\n .obc-capture__input:focus {\n border-color: var(--brand);\n box-shadow: 0 0 0 4px rgba(184,58,110,0.2), 0 4px 20px rgba(184,58,110,0.15);\n background: #fff;\n }\n .obc-capture__btn {\n width: 100%;\n padding: 20px 32px;\n background: linear-gradient(135deg, var(--brand) 0%, var(--brand-deep) 100%);\n color: #fff;\n font-family: 'Inter', sans-serif;\n font-size: 16px;\n font-weight: 600;\n letter-spacing: 1px;\n border: none;\n border-radius: 12px;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n transition: all 0.3s ease;\n position: relative;\n text-transform: uppercase;\n }\n .obc-capture__btn:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 30px rgba(184,58,110,0.3);\n }\n .obc-capture__btn:active { transform: translateY(0); }\n .obc-capture__trust {\n font-size: 11px;\n color: var(--text-s);\n text-align: center;\n margin-top: 14px;\n opacity: 0.6;\n }\n .obc-price__note {\n font-size: 12px;\n color: var(--text-s);\n margin-top: 12px;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 NUEVO LAYOUT PRECIO (vibe vdance) \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-price__layout {\n display: grid;\n grid-template-columns: 1.05fr 1fr;\n gap: 0;\n max-width: 1180px;\n margin: 0 auto;\n border-radius: 24px;\n overflow: hidden;\n box-shadow:\n 0 30px 80px -20px rgba(0,0,0,0.55),\n 0 0 0 1px rgba(184,58,110,0.18),\n 0 0 60px rgba(184,58,110,0.08);\n background: var(--bg-card);\n position: relative;\n }\n\n \/* Foto Levana izq *\/\n .obc-price__photo {\n position: relative;\n overflow: hidden;\n background: #0A0A0A;\n aspect-ratio: 1080 \/ 1388;\n min-height: 100%;\n }\n .obc-price__photo img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center 18%;\n display: block;\n filter: saturate(1.05) contrast(1.02);\n transition: transform 0.8s cubic-bezier(.2,.7,.2,1);\n }\n .obc-price__layout:hover .obc-price__photo img {\n transform: scale(1.03);\n }\n \/* Vignette suave para garantizar legibilidad del tag *\/\n .obc-price__photo::after {\n content: \"\";\n position: absolute;\n inset: 0;\n background:\n linear-gradient(180deg, rgba(0,0,0,0) 50%, rgba(10,5,8,0.55) 100%),\n linear-gradient(90deg, rgba(0,0,0,0) 70%, rgba(0,0,0,0.25) 100%);\n pointer-events: none;\n }\n .obc-price__photo-tag {\n position: absolute;\n left: 28px;\n bottom: 28px;\n z-index: 2;\n color: #fff;\n text-align: left;\n line-height: 1;\n }\n .obc-price__photo-tag span {\n display: block;\n font-family: var(--font-body);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n color: rgba(255,255,255,0.78);\n margin-bottom: 8px;\n }\n .obc-price__photo-tag em {\n font-family: var(--font-display);\n font-style: italic;\n font-weight: 500;\n font-size: clamp(32px, 4vw, 44px);\n color: var(--gold);\n letter-spacing: -0.01em;\n text-shadow: 0 2px 18px rgba(0,0,0,0.45);\n }\n\n \/* Tarjeta blanca dcha *\/\n .obc-price__card-new {\n background: #FFFFFF;\n padding: 48px 44px 44px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n color: var(--text-dark);\n position: relative;\n }\n .obc-price__badge-new,\n .obc-sec--vino .obc-price__badge-new {\n display: block !important;\n background: linear-gradient(135deg, rgba(184,58,110,0.10) 0%, rgba(184,58,110,0.04) 100%) !important;\n color: #B83A6E !important;\n font-family: 'Inter', sans-serif !important;\n font-size: 13px !important;\n font-weight: 600 !important;\n letter-spacing: 0.005em !important;\n text-transform: none !important;\n padding: 12px 18px 12px 38px !important;\n border-radius: 12px !important;\n border: 1px solid rgba(184,58,110,0.18) !important;\n margin: 0 0 22px 0 !important;\n line-height: 1.45 !important;\n text-align: left !important;\n position: relative !important;\n }\n .obc-price__badge-new::before {\n content: \"\u26a1\" !important;\n position: absolute !important;\n left: 14px !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n font-size: 16px !important;\n line-height: 1 !important;\n color: #B83A6E !important;\n }\n .obc-sec--vino .obc-price__card-title,\n .obc-price__card-title {\n font-family: var(--font-display) !important;\n font-weight: 500;\n font-size: clamp(26px, 2.6vw, 32px);\n color: var(--text-dark) !important;\n margin: 0 0 18px;\n letter-spacing: -0.02em;\n line-height: 1.15;\n }\n .obc-sec--vino .obc-price__bullets li { color: var(--text-dark-m) !important; }\n .obc-sec--vino .obc-price__bullets li strong { color: var(--text-dark) !important; }\n .obc-sec--vino .obc-capture-new__label { color: var(--text-dark) !important; }\n .obc-sec--vino .obc-capture-new__trust { color: var(--text-dark-m) !important; }\n .obc-price__bullets {\n list-style: none;\n margin: 0 0 26px;\n padding: 0;\n }\n .obc-price__bullets li {\n font-family: var(--font-body);\n font-size: 14.5px;\n font-weight: 400;\n line-height: 1.55;\n color: var(--text-dark-m);\n padding: 9px 0;\n border-bottom: 1px solid rgba(10,10,10,0.06);\n display: flex;\n align-items: flex-start;\n gap: 12px;\n }\n .obc-price__bullets li:last-child { border-bottom: none; }\n .obc-price__bullets li > span,\n .obc-sec--vino .obc-price__bullets li > span {\n position: static !important;\n flex: 0 0 auto !important;\n color: #B83A6E !important;\n font-weight: 700 !important;\n font-size: 17px !important;\n line-height: 1.55 !important;\n }\n .obc-price__bullets li > div {\n display: flex;\n flex-direction: column;\n gap: 3px;\n color: var(--text-dark-m);\n font-size: 13.5px;\n line-height: 1.5;\n }\n .obc-price__bullets li strong {\n display: block;\n color: var(--text-dark);\n font-family: var(--font-display);\n font-weight: 600;\n font-size: 16px;\n line-height: 1.25;\n letter-spacing: -0.01em;\n }\n .obc-price__divider {\n height: 1px;\n background: linear-gradient(90deg, transparent 0%, rgba(184,58,110,0.25) 50%, transparent 100%);\n margin: 4px 0 22px;\n }\n\n \/* Form nuevo dentro de la tarjeta *\/\n .obc-capture-new {\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n .obc-capture-new__label,\n .obc-sec--vino .obc-capture-new__label,\n label.obc-capture-new__label {\n font-family: 'Inter', sans-serif !important;\n font-size: 13px !important;\n font-weight: 600 !important;\n color: #0A0A0A !important;\n text-align: left !important;\n margin-bottom: 4px !important;\n letter-spacing: -0.005em !important;\n display: block !important;\n }\n .obc-capture-new__field { margin: 0; }\n .obc-capture-new__input,\n .obc-sec--vino .obc-capture-new__input,\n input.obc-capture-new__input,\n .obc input.obc-capture-new__input {\n width: 100% !important;\n padding: 14px 16px !important;\n background: #F7F4F2 !important;\n background-color: #F7F4F2 !important;\n background-image: none !important;\n border: 1px solid rgba(10,10,10,0.08) !important;\n border-radius: 10px !important;\n font-family: 'Inter', sans-serif !important;\n font-size: 14.5px !important;\n font-weight: 500 !important;\n color: #0A0A0A !important;\n transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;\n outline: none !important;\n box-shadow: none !important;\n display: block !important;\n height: auto !important;\n line-height: 1.4 !important;\n }\n .obc-capture-new__input::placeholder,\n input.obc-capture-new__input::placeholder {\n color: rgba(10,10,10,0.4) !important;\n font-weight: 400 !important;\n opacity: 1 !important;\n }\n .obc-capture-new__input:focus {\n border-color: var(--brand);\n background: #fff;\n box-shadow: 0 0 0 4px rgba(184,58,110,0.10);\n }\n .obc-capture-new__btn {\n width: 100%;\n margin-top: 6px;\n padding: 16px 20px;\n background: linear-gradient(135deg, var(--brand) 0%, var(--brand-hover) 100%);\n color: #fff !important;\n border: none;\n border-radius: 12px;\n font-family: var(--font-body);\n cursor: pointer;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n gap: 2px;\n box-shadow:\n 0 12px 28px -8px rgba(184,58,110,0.55),\n inset 0 1px 0 rgba(255,255,255,0.18);\n transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;\n }\n .obc-capture-new__btn:hover {\n transform: translateY(-2px);\n box-shadow:\n 0 18px 36px -8px rgba(184,58,110,0.65),\n inset 0 1px 0 rgba(255,255,255,0.22);\n filter: brightness(1.05);\n }\n .obc-capture-new__btn:active { transform: translateY(0); }\n .obc-capture-new__btn-line1 {\n display: block;\n font-size: 14px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: #fff !important;\n }\n .obc-capture-new__btn-line2 {\n display: block;\n font-family: var(--font-display);\n font-style: italic;\n font-weight: 500;\n font-size: 13px;\n letter-spacing: 0;\n text-transform: none;\n color: rgba(255,255,255,0.92) !important;\n }\n .obc-capture-new__trust {\n font-family: var(--font-body);\n font-size: 12px;\n font-weight: 400;\n color: var(--text-dark-m);\n text-align: center;\n margin: 12px 0 0;\n line-height: 1.4;\n }\n\n \/* Nota debajo del grid *\/\n .obc-price__note-out {\n font-family: var(--font-body);\n font-size: 13px;\n color: var(--text-m);\n text-align: center;\n margin: 32px auto 0;\n max-width: 580px;\n line-height: 1.55;\n letter-spacing: 0.01em;\n }\n\n \/* Responsive nuevo layout *\/\n @media (max-width: 900px) {\n .obc-price__layout {\n grid-template-columns: 1fr;\n max-width: 560px;\n }\n .obc-price__photo {\n aspect-ratio: 4\/5;\n }\n .obc-price__photo img {\n object-position: center 20%;\n }\n .obc-price__card-new {\n padding: 36px 26px 32px;\n }\n }\n @media (max-width: 480px) {\n .obc-price__layout {\n border-radius: 18px;\n }\n .obc-price__photo {\n aspect-ratio: 1\/1;\n }\n .obc-price__photo-tag { left: 20px; bottom: 20px; }\n .obc-price__photo-tag em { font-size: 30px; }\n .obc-price__card-new { padding: 30px 22px 28px; }\n .obc-price__card-title { font-size: 24px; }\n .obc-price__bullets li { gap: 10px; }\n .obc-price__bullets li > div { font-size: 13px; }\n .obc-price__bullets li strong { font-size: 15px; }\n .obc-price__bullets li > span { font-size: 15px !important; }\n .obc-capture-new__btn-line1 { font-size: 13px; }\n .obc-capture-new__btn-line2 { font-size: 12px; }\n }\n\n @media (max-width: 900px) {\n .obc-price__grid {\n grid-template-columns: 1fr;\n border: none;\n border-radius: 0;\n position: relative;\n overflow: visible;\n }\n .obc-price__grid::before { display: none; }\n .obc-price__video {\n position: absolute;\n inset: 0;\n min-height: 0;\n z-index: 0;\n border-radius: 20px;\n overflow: hidden;\n }\n .obc-price__video video { opacity: 0.3 !important; }\n .obc-price__video-overlay { display: none !important; }\n .obc-price__grid {\n border: 1px solid rgba(184,58,110,0.2);\n border-radius: 20px;\n position: relative;\n box-shadow: 0 0 40px rgba(184,58,110,0.08), inset 0 0 60px rgba(184,58,110,0.03);\n animation: obc-videoGlow 5s ease-in-out infinite;\n }\n .obc-price__card {\n position: relative;\n z-index: 1;\n background: transparent !important;\n padding: 48px 24px;\n }\n .obc-price__card::before { display: none; }\n .obc-capture {\n background: rgba(255,255,255,0.04);\n border: 1px solid rgba(255,255,255,0.08);\n border-radius: 16px;\n padding: 28px 20px !important;\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n }\n .obc-price__lifetime { display: none; }\n .obc-price__features { display: none; }\n .obc-price__note { display: none; }\n .obc-price__card > div[style*=\"border-top\"] { display: none; }\n .obc-capture__label {\n font-size: clamp(20px, 5vw, 26px) !important;\n color: var(--text) !important;\n font-weight: 600 !important;\n letter-spacing: -0.02em !important;\n text-transform: none !important;\n margin-bottom: 28px !important;\n line-height: 1.3 !important;\n }\n .obc-capture__input { background: rgba(255,255,255,0.95) !important; }\n }\n @media (max-width: 640px) {\n .obc-price__video { min-height: 180px; }\n .obc-price__video-text p:last-child { font-size: 22px; }\n .obc-price__card { padding: 28px 20px; }\n .obc-price__amount { font-size: 42px; }\n .obc-capture__input { padding: 16px 18px; font-size: 15px; }\n .obc-capture__btn { padding: 16px 24px; font-size: 15px; }\n .obc-capture__label { font-size: 12px; }\n .obc-capture__field { margin-bottom: 10px; }\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FAQ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-faq { background: var(--bg-card); }\n .obc-faq h2 {\n font-size: clamp(24px, 4vw, 32px);\n font-weight: 600;\n text-transform: uppercase;\n margin-bottom: 44px;\n }\n .obc-faq__list { max-width: 700px; margin: 0 auto; text-align: left; }\n .obc-faq__item { border-bottom: 1px solid var(--border); }\n .obc-faq__q {\n font-size: 15px;\n font-weight: 600;\n color: var(--text);\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n padding: 22px 0;\n transition: color 0.3s;\n }\n .obc-faq__q:hover { color: var(--brand); }\n .obc-faq__q::after {\n content: '+';\n font-size: 24px;\n color: var(--brand);\n flex-shrink: 0;\n transition: transform 0.3s;\n }\n .obc-faq__item.active .obc-faq__q::after { transform: rotate(45deg); }\n .obc-faq__a {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease, padding 0.3s ease;\n }\n .obc-faq__item.active .obc-faq__a { max-height: 360px; padding-bottom: 20px; }\n .obc-faq__a p {\n font-size: 14px;\n color: var(--text-m);\n line-height: 1.75;\n }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TESTIMONIOS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-test { background: linear-gradient(180deg, #0A0A0A 0%, #12101A 50%, #0A0A0A 100%); }\n .obc-test h2 {\n font-size: clamp(24px, 4.5vw, 38px);\n font-weight: 600;\n text-transform: uppercase;\n margin-bottom: 20px;\n }\n .obc-test__sub {\n font-size: 16px;\n color: var(--text-m);\n margin-bottom: 52px;\n max-width: 520px;\n margin-left: auto;\n margin-right: auto;\n line-height: 1.7;\n }\n .obc-test__grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n max-width: 480px;\n margin: 0 auto;\n }\n .obc-test__card {\n background: var(--bg-card);\n border: 1px solid var(--border);\n border-radius: 14px;\n overflow: hidden;\n transition: all 0.4s;\n }\n .obc-test__card:hover {\n border-color: var(--brand-deep);\n transform: translateY(-4px);\n box-shadow: 0 12px 40px rgba(0,0,0,0.4);\n }\n .obc-test__video {\n width: 100%;\n height: 220px;\n background: var(--bg);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n cursor: pointer;\n }\n .obc-test__video-play {\n position: absolute;\n width: 56px;\n height: 56px;\n border-radius: 50%;\n background: rgba(184,58,110,0.9);\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.3s;\n }\n .obc-test__video-play::after {\n content: '';\n width: 0; height: 0;\n border-style: solid;\n border-width: 10px 0 10px 18px;\n border-color: transparent transparent transparent #fff;\n margin-left: 3px;\n }\n .obc-test__card:hover .obc-test__video-play {\n transform: scale(1.1);\n box-shadow: 0 0 30px rgba(184,58,110,0.4);\n }\n .obc-test__body { padding: 22px 24px; }\n .obc-test__quote {\n font-size: 14px;\n font-style: italic;\n color: var(--text-m);\n line-height: 1.7;\n margin-bottom: 14px;\n }\n .obc-test__author { display: flex; align-items: center; gap: 12px; }\n .obc-test__avatar {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n background: linear-gradient(135deg, var(--brand-subtle), var(--purple));\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 14px;\n font-weight: 600;\n color: var(--brand);\n flex-shrink: 0;\n }\n .obc-test__name {\n font-size: 13px;\n font-weight: 600;\n color: var(--text);\n }\n .obc-test__detail { font-size: 11px; color: var(--text-s); }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FINAL CTA \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-foot {\n text-align: center;\n padding: 28px 20px;\n font-size: 12px;\n color: var(--text-s);\n border-top: 1px solid var(--border);\n }\n .obc-buy__btn {\n display: inline-block;\n background: var(--brand);\n color: #fff;\n font-family: 'Inter', sans-serif;\n font-size: 17px;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 1px;\n padding: 20px 56px;\n border-radius: 50px;\n border: none;\n cursor: pointer;\n transition: all 0.3s;\n position: relative;\n overflow: hidden;\n animation: obc-glow 3s ease-in-out infinite;\n }\n .obc-buy__btn::after {\n content: '';\n position: absolute;\n top: 0; left: -100%; width: 100%; height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);\n animation: obc-shimmer 3s infinite;\n }\n .obc-buy__btn:hover {\n background: var(--brand-hover);\n transform: translateY(-3px);\n box-shadow: 0 12px 40px rgba(184,58,110,0.35);\n }\n\n \/* \u2500\u2500 TABLET\/MOBILE EXTRA \u2500\u2500 *\/\n @media (max-width: 900px) {\n .obc-test__grid { grid-template-columns: 1fr; max-width: 480px; margin: 0 auto; }\n }\n @media (max-width: 640px) {\n .obc-w { padding: 0 16px; }\n .obc-hero { padding: 0; }\n .obc-sec { padding: 56px 0; }\n .obc-nav__inner { padding: 10px 16px; gap: 8px; }\n .obc-nav__logo { font-size: 14px; }\n .obc-nav__cta { font-size: 10px; padding: 8px 16px; }\n .obc-lang__btn { font-size: 14px; padding: 5px 8px; }\n .obc-hero__grid { grid-template-columns: 1fr; gap: 28px; }\n .obc-hero__content { text-align: center; }\n .obc-hero h1 { font-size: 32px; }\n .obc-hero__sub { font-size: 15px; margin-bottom: 28px; }\n .obc-hero__bg::after { background: rgba(10,10,10,0.85); }\n .obc-test__grid { grid-template-columns: 1fr; }\n .obc-price__card { padding: 32px 20px; margin: 0 8px; }\n .obc-price__amount { font-size: 44px; }\n .obc-buy__btn { font-size: 14px; padding: 16px 36px; }\n .obc-faq__q { font-size: 14px; padding: 18px 0; }\n .obc-cta { font-size: 13px; padding: 14px 32px; }\n }\n @media (max-width: 380px) {\n .obc-hero h1 { font-size: 26px; }\n .obc-nav__logo { font-size: 12px; }\n .obc-price__amount { font-size: 38px; }\n }\n\n \/* \u2500\u2500 Scroll reveal \u2500\u2500 *\/\n .obc-reveal { opacity:0; transform:translateY(40px); transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }\n .obc-reveal--left { opacity:0; transform:translateX(-50px); transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }\n .obc-reveal--right { opacity:0; transform:translateX(50px); transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }\n .obc-reveal--scale { opacity:0; transform:scale(.9); transition:opacity .8s cubic-bezier(.16,1,.3,1), transform .8s cubic-bezier(.16,1,.3,1); }\n .obc-reveal.visible, .obc-reveal--left.visible, .obc-reveal--right.visible, .obc-reveal--scale.visible { opacity:1; transform:translateY(0) translateX(0) scale(1); }\n .obc-stagger > * { opacity:0; transform:translateY(30px); transition:opacity .6s cubic-bezier(.16,1,.3,1), transform .6s cubic-bezier(.16,1,.3,1); }\n .obc-stagger.visible > *:nth-child(1) { transition-delay:0s; }\n .obc-stagger.visible > *:nth-child(2) { transition-delay:.1s; }\n .obc-stagger.visible > *:nth-child(3) { transition-delay:.2s; }\n .obc-stagger.visible > *:nth-child(4) { transition-delay:.3s; }\n .obc-stagger.visible > * { opacity:1; transform:translateY(0); }\n\n .obc-hero__visual { position:relative; z-index:1; }\n .obc-hero__visual::before { content:''; position:absolute; inset:-20px; border-radius:24px; background:conic-gradient(from 0deg,var(--brand),var(--purple),var(--brand),var(--purple),var(--brand)); animation:obc-rotateGlow 6s linear infinite; opacity:.4; filter:blur(30px); z-index:-1; }\n .obc-hero__visual::after { content:''; position:absolute; inset:-8px; border-radius:20px; background:conic-gradient(from 180deg,var(--brand),transparent,var(--purple),transparent,var(--brand)); animation:obc-rotateGlow 4s linear infinite; opacity:.2; filter:blur(12px); z-index:-1; }\n @keyframes obc-rotateGlow { 0%{filter:blur(30px) hue-rotate(0deg);} 100%{filter:blur(30px) hue-rotate(360deg);} }\n\n .obc-particles { position:absolute; inset:0; pointer-events:none; overflow:hidden; }\n .obc-particle { position:absolute; width:4px; height:4px; border-radius:50%; background:var(--brand); opacity:0; animation:obc-particleFloat 8s ease-in-out infinite; }\n .obc-particle:nth-child(1){left:10%;top:20%;animation-delay:0s;animation-duration:7s;}\n .obc-particle:nth-child(2){left:25%;top:60%;animation-delay:1.5s;animation-duration:9s;width:3px;height:3px;}\n .obc-particle:nth-child(3){left:70%;top:30%;animation-delay:3s;animation-duration:8s;background:var(--purple-l);}\n .obc-particle:nth-child(4){left:85%;top:70%;animation-delay:2s;animation-duration:10s;width:5px;height:5px;}\n .obc-particle:nth-child(5){left:50%;top:80%;animation-delay:4s;animation-duration:7.5s;background:var(--purple-l);width:3px;height:3px;}\n @keyframes obc-particleFloat { 0%,100%{opacity:0;transform:translateY(0) scale(1);} 10%{opacity:.6;} 50%{opacity:.3;transform:translateY(-60px) scale(1.5);} 90%{opacity:.6;} }\n\n .obc-tilt { transition:transform .4s cubic-bezier(.16,1,.3,1); }\n .obc-tilt:hover { transform:perspective(800px) rotateY(-2deg) rotateX(2deg) translateY(-6px); }\n .obc-cta-pulse { position:relative; }\n .obc-cta-pulse::before { content:''; position:absolute; inset:-4px; border-radius:50px; border:2px solid var(--brand); opacity:0; animation:obc-ctaRing 2.5s ease-out infinite; }\n @keyframes obc-ctaRing { 0%{transform:scale(1);opacity:.5;} 100%{transform:scale(1.15);opacity:0;} }\n .obc-badge { animation:obc-fadeUp .8s ease both; }\n .obc { scroll-behavior:smooth; }\n\n \/* \u2500\u2500\u2500 REGLA: el texto de TODOS los botones SIEMPRE es blanco \u2500\u2500\u2500 *\/\n .obc-cta,\n .obc-buy__btn,\n .obc-nav__cta,\n .obc-capture__btn,\n .obc-future__cta,\n .obc-levana__cta,\n .obc-plan__btn,\n .obc button.button,\n .obc button.button.alt,\n .obc input[type=\"submit\"] {\n color: #FFFFFF !important;\n }\n .obc-cta:visited,\n .obc-buy__btn:visited,\n .obc-future__cta:visited,\n .obc-nav__cta:visited { color: #FFFFFF !important; }\n\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n EDITORIAL OVERRIDE \u2014 Toque ObellyClub\n Sustituye el feel \"urban hip-hop ne\u00f3n\" por uno editorial sofisticado.\n Aplicado al final para mayor specificity sin reescribir reglas previas.\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n \/* Fondo general con tinte cobrizo (sustituye negros planos) *\/\n .obc { background: var(--bg); }\n .obc-art { background: linear-gradient(180deg, var(--bg) 0%, var(--bg-alt) 100%) !important; }\n .obc-offer { background: var(--bg-alt) !important; }\n .obc-faq { background: var(--bg-alt) !important; }\n .obc-test { background: linear-gradient(180deg, var(--bg) 0%, var(--bg-alt) 50%, var(--bg) 100%) !important; }\n\n \/* \u2500\u2500 TIPOGRAF\u00cdA: serif editorial para headlines \u2500\u2500 *\/\n .obc h1,\n .obc h2,\n .obc h3 {\n font-family: var(--font-display);\n font-weight: 500;\n letter-spacing: -0.005em;\n line-height: 1.08;\n text-transform: none;\n }\n .obc h1 em, .obc h2 em, .obc h3 em {\n font-family: var(--font-display-it);\n font-style: italic;\n font-weight: 400;\n letter-spacing: 0;\n }\n \/* Overrides para los inline-styles \"text-transform: uppercase\" que vienen del HTML *\/\n .obc-hero h1,\n .obc-art h2,\n .obc-faq h2,\n .obc-test h2,\n .obc-offer h2,\n .obc-buy h2,\n .obc-trailer__text h2,\n .obc-form-sec h2,\n .obc-transform h2,\n .obc-price h2,\n .obc-wgrid h2,\n .obc-hero h1 *,\n .obc-art h2 *,\n .obc-test h2 *,\n .obc-offer h2 *,\n .obc-faq h2 * { text-transform: none !important; }\n \/* H3 dentro de las cards y steps tampoco uppercase *\/\n .obc h3 { text-transform: none !important; }\n .obc-art__name { text-transform: none !important; font-family: var(--font-display); font-size: 32px; letter-spacing: -.01em; }\n\n \/* Sub paragraphs *\/\n .obc p { font-family: var(--font-body); }\n\n \/* Pre-headings y kickers: Inter caps + gold *\/\n .obc-hero__pre,\n .obc-badge,\n .obc-hero__kicker {\n font-family: var(--font-body);\n color: var(--gold) !important;\n background: transparent !important;\n border: none !important;\n padding: 0 !important;\n border-radius: 0 !important;\n font-size: 11px !important;\n font-weight: 600 !important;\n letter-spacing: .32em !important;\n text-transform: uppercase !important;\n margin-bottom: 22px !important;\n }\n .obc-badge { display: inline-block; }\n .obc-hero__pre::after { background: linear-gradient(90deg, var(--gold), transparent) !important; }\n\n \/* \u2500\u2500 HERO \u2500\u2500 editorial *\/\n .obc-hero__bg { background: linear-gradient(180deg, #1A0A12 0%, #0A0A0A 100%) !important; }\n .obc-hero__bg::before {\n background:\n radial-gradient(circle at 25% 60%, rgba(184,58,110,0.10) 0%, transparent 55%),\n radial-gradient(circle at 75% 30%, rgba(184,58,110,0.06) 0%, transparent 55%) !important;\n animation-duration: 14s !important;\n }\n \/* Grid hero: m\u00e1s espacio para el texto (era 4fr 8fr) *\/\n .obc-hero__grid {\n grid-template-columns: 7fr 8fr !important;\n gap: 64px !important;\n }\n .obc-hero h1 {\n font-size: clamp(34px, 4.2vw, 58px);\n line-height: 1.05;\n margin-bottom: 28px;\n letter-spacing: -0.01em;\n }\n .obc-hero__sub {\n font-family: var(--font-body);\n font-size: clamp(16px, 1.4vw, 18px);\n color: var(--text-m);\n line-height: 1.8;\n max-width: 520px;\n }\n @media (max-width: 1100px) {\n .obc-hero__grid { grid-template-columns: 1fr 1fr !important; }\n }\n @media (max-width: 900px) {\n .obc-hero__grid { grid-template-columns: 1fr !important; }\n .obc-hero h1 { font-size: clamp(32px, 7vw, 44px); }\n }\n \/* Quitar el conic glow del visual hero *\/\n .obc-hero__visual::before,\n .obc-hero__visual::after { display: none !important; }\n .obc-hero__visual video {\n border: 1px solid var(--border) !important;\n border-radius: 4px !important;\n box-shadow: 0 30px 80px rgba(0,0,0,.55), 0 0 0 1px rgba(184,58,110,.08) !important;\n }\n \/* Anular el text-fill transparent del hero h1 (queremos texto s\u00f3lido cream) *\/\n .obc-hero h1 .obc-grad {\n background: none !important;\n -webkit-text-fill-color: var(--cream) !important;\n color: var(--cream) !important;\n animation: none !important;\n -webkit-background-clip: initial !important;\n background-clip: initial !important;\n }\n\n \/* \u2500\u2500 BOTONES editorial \u2500\u2500 *\/\n .obc-cta,\n .obc-buy__btn,\n .obc-nav__cta {\n font-family: var(--font-body) !important;\n border-radius: 4px !important;\n letter-spacing: .2em !important;\n font-weight: 600 !important;\n padding: 16px 38px !important;\n transition: all .35s cubic-bezier(.16,1,.3,1) !important;\n }\n .obc-cta::after,\n .obc-buy__btn::after { display: none !important; }\n .obc-cta {\n background: var(--brand) !important;\n box-shadow: 0 12px 30px rgba(184,58,110,.22), inset 0 0 0 1px rgba(255,255,255,.04) !important;\n animation: none !important;\n }\n .obc-cta:hover {\n background: var(--brand-hover) !important;\n box-shadow: 0 18px 50px rgba(184,58,110,.32), inset 0 0 0 1px rgba(255,255,255,.06) !important;\n }\n .obc-buy__btn {\n background: var(--brand) !important;\n animation: none !important;\n box-shadow: 0 16px 40px rgba(184,58,110,.28) !important;\n }\n .obc-buy__btn:hover {\n background: var(--brand-hover) !important;\n transform: translateY(-2px) !important;\n box-shadow: 0 22px 60px rgba(184,58,110,.38) !important;\n }\n .obc-cta-pulse::before { display: none !important; }\n\n \/* Navbar logo (PNG 1394x334, bien recortada) *\/\n .obc-nav__logo {\n display: inline-flex !important;\n align-items: center !important;\n font-size: 0 !important;\n line-height: 0 !important;\n padding: 0 !important;\n margin: 0 !important;\n text-decoration: none !important;\n }\n .obc-nav__logo img {\n height: 46px !important;\n width: auto !important;\n display: block !important;\n }\n @media (max-width: 780px) {\n .obc-nav__logo img { height: 36px !important; }\n }\n .obc-nav__cta {\n padding: 10px 22px !important;\n font-size: 11px !important;\n }\n \/* Navbar: logo izq + men\u00fa dcha, editorial limpio *\/\n .obc-nav__inner {\n justify-content: space-between !important;\n padding: 18px 40px !important;\n }\n .obc-nav { border-bottom-color: var(--gold-subtle) !important; }\n\n \/* Men\u00fa principal *\/\n .obc-nav__menu {\n display: flex;\n align-items: center;\n gap: 44px;\n list-style: none;\n margin: 0;\n padding: 0;\n }\n .obc-nav__menu li { margin: 0; padding: 0; }\n\n \/* \u2500\u2500 Selector de idioma dentro del nav (versi\u00f3n compacta del pill) \u2500\u2500 *\/\n .obc-nav__lang {\n display: inline-flex !important;\n align-items: center !important;\n margin-left: 10px !important;\n padding: 0 !important;\n list-style: none !important;\n }\n .obc-lang-pill,\n .obc-nav__lang .obc-lang-pill {\n display: inline-flex !important;\n flex-direction: row !important;\n align-items: center !important;\n gap: 4px !important;\n background: rgba(255,255,255,0.04) !important;\n border: 1px solid rgba(232,181,71,0.22) !important;\n border-radius: 100px !important;\n padding: 3px !important;\n line-height: 1 !important;\n width: auto !important;\n max-width: none !important;\n flex-wrap: nowrap !important;\n }\n .obc-lang-pill__btn,\n .obc-nav__lang .obc-lang-pill__btn {\n display: inline-flex !important;\n flex-direction: row !important;\n align-items: center !important;\n justify-content: center !important;\n gap: 8px !important;\n padding: 7px 13px !important;\n background: transparent !important;\n border: none !important;\n border-radius: 100px !important;\n font-family: 'Inter', -apple-system, sans-serif !important;\n font-size: 11px !important;\n font-weight: 600 !important;\n letter-spacing: 0.16em !important;\n text-transform: uppercase !important;\n color: rgba(255,255,255,0.55) !important;\n text-decoration: none !important;\n cursor: pointer !important;\n transition: color .25s ease, background .3s ease, box-shadow .3s ease !important;\n white-space: nowrap !important;\n line-height: 1 !important;\n min-width: 0 !important;\n flex-shrink: 0 !important;\n }\n .obc-lang-pill__btn::after,\n .obc-lang-pill__btn::before,\n .obc-nav__lang .obc-lang-pill__btn::after,\n .obc-nav__lang .obc-lang-pill__btn::before { display: none !important; content: none !important; }\n .obc-lang-pill__btn:hover {\n color: rgba(255,255,255,0.95) !important;\n background: transparent !important;\n }\n .obc-lang-pill__btn--active,\n .obc-nav__lang .obc-lang-pill__btn--active {\n background: linear-gradient(135deg, #B83A6E 0%, #9B2557 100%) !important;\n color: #FFFFFF !important;\n box-shadow: 0 4px 12px -4px rgba(184,58,110,0.55), inset 0 1px 0 rgba(255,255,255,0.16) !important;\n }\n .obc-lang-pill__btn--active:hover {\n color: #FFFFFF !important;\n background: linear-gradient(135deg, #B83A6E 0%, #9B2557 100%) !important;\n }\n \/* Texto ES \/ EN dentro del bot\u00f3n \u2014 Divi mete font-size raros heredados *\/\n .obc-lang-pill__btn > span:not(.obc-lang-pill__flag),\n .obc-nav__lang .obc-lang-pill__btn > span:not(.obc-lang-pill__flag) {\n display: inline-block !important;\n font-size: 11px !important;\n font-weight: 600 !important;\n letter-spacing: 0.16em !important;\n line-height: 1 !important;\n color: inherit !important;\n font-family: 'Inter', -apple-system, sans-serif !important;\n white-space: nowrap !important;\n }\n .obc-lang-pill__flag,\n .obc-nav__lang .obc-lang-pill__flag {\n width: 20px !important;\n height: 14px !important;\n min-width: 20px !important;\n min-height: 14px !important;\n border-radius: 2px !important;\n overflow: hidden !important;\n display: inline-block !important;\n flex-shrink: 0 !important;\n flex-grow: 0 !important;\n box-shadow: 0 0 0 1px rgba(255,255,255,0.12), 0 1px 2px rgba(0,0,0,0.25) !important;\n padding: 0 !important;\n margin: 0 !important;\n line-height: 0 !important;\n }\n .obc-lang-pill__flag svg {\n display: block !important;\n width: 100% !important;\n height: 100% !important;\n max-width: none !important;\n }\n \/* Mobile: el menu normal se oculta, pero el switcher de idioma sigue visible *\/\n @media (max-width: 900px) {\n .obc-nav__menu {\n display: inline-flex !important;\n justify-content: flex-end !important;\n gap: 0 !important;\n }\n .obc-nav__menu > li:not(.obc-nav__lang) {\n display: none !important;\n }\n .obc-nav__lang {\n display: inline-flex !important;\n margin-left: 0 !important;\n }\n .obc-lang-pill__btn {\n padding: 6px 11px !important;\n font-size: 10.5px !important;\n letter-spacing: 0.14em !important;\n gap: 7px !important;\n }\n .obc-lang-pill__btn > span:not(.obc-lang-pill__flag) {\n font-size: 10.5px !important;\n }\n .obc-lang-pill__flag {\n width: 18px !important;\n height: 13px !important;\n min-width: 18px !important;\n min-height: 13px !important;\n }\n }\n @media (max-width: 420px) {\n .obc-lang-pill__btn {\n padding: 6px 9px !important;\n font-size: 10px !important;\n letter-spacing: 0.12em !important;\n gap: 6px !important;\n }\n .obc-lang-pill__btn > span:not(.obc-lang-pill__flag) {\n font-size: 10px !important;\n }\n .obc-lang-pill__flag {\n width: 16px !important;\n height: 11px !important;\n min-width: 16px !important;\n min-height: 11px !important;\n }\n }\n .obc-nav__menu a {\n font-family: var(--font-body);\n font-size: 12px;\n font-weight: 600;\n letter-spacing: .24em;\n text-transform: uppercase;\n color: var(--cream);\n text-decoration: none;\n padding: 6px 0;\n position: relative;\n transition: color .25s ease;\n white-space: nowrap;\n }\n .obc-nav__menu a::after {\n content: '';\n position: absolute;\n left: 50%; bottom: 0;\n width: 0; height: 1px;\n background: var(--gold);\n transition: width .3s ease, left .3s ease;\n }\n .obc-nav__menu a:hover { color: var(--gold); }\n .obc-nav__menu a:hover::after { width: 100%; left: 0; }\n\n @media (max-width: 980px) {\n .obc-nav__menu { gap: 28px; }\n .obc-nav__menu a { font-size: 11px; letter-spacing: .2em; }\n }\n @media (max-width: 780px) {\n .obc-nav__inner { justify-content: space-between !important; padding: 14px 20px !important; }\n }\n\n \/* Language switcher editorial \u2014 solo texto, sin pill, sin banderas *\/\n .obc-lang {\n display: inline-flex !important;\n align-items: center !important;\n gap: 12px !important;\n background: transparent !important;\n border: none !important;\n padding: 0 !important;\n border-radius: 0 !important;\n }\n .obc-lang__btn {\n font-family: var(--font-body) !important;\n font-size: 11px !important;\n font-weight: 600 !important;\n letter-spacing: .22em !important;\n text-transform: uppercase !important;\n color: var(--text-s) !important;\n background: transparent !important;\n border: none !important;\n border-radius: 0 !important;\n padding: 6px 0 !important;\n transition: color .25s ease !important;\n }\n .obc-lang__btn.active {\n color: var(--gold) !important;\n background: transparent !important;\n }\n .obc-lang__btn:hover:not(.active) {\n color: var(--cream) !important;\n }\n .obc-lang__sep {\n color: var(--text-s);\n opacity: .35;\n font-size: 11px;\n user-select: none;\n }\n\n \/* \u2500\u2500 CARDS de artista (Levana) \u2014 sin conic glow \u2500\u2500 *\/\n .obc-art__card::before { display: none !important; }\n .obc-art__card {\n border: 1px solid var(--border) !important;\n border-radius: 6px !important;\n background: var(--bg-card) !important;\n transition: all .5s cubic-bezier(.16,1,.3,1) !important;\n }\n .obc-art__card:hover {\n transform: translateY(-6px) !important;\n border-color: var(--gold-deep) !important;\n box-shadow: 0 30px 70px rgba(0,0,0,.5), 0 0 0 1px rgba(184,58,110,.15) !important;\n }\n .obc-art__card--levana { background: linear-gradient(165deg, var(--bg-card) 0%, #220F15 100%) !important; }\n \/* Foto Levana \u2014 ratio natural de la foto (1343\u00d71050 \u2248 1.28:1), sin zoom ni crop *\/\n .obc-art__card > div:first-child {\n height: auto !important;\n aspect-ratio: 1343 \/ 1050;\n overflow: hidden !important;\n background: #1A0A12 !important;\n }\n .obc-art__card > div:first-child img {\n display: block !important;\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n object-position: center center !important;\n transform: none !important;\n filter: brightness(0.98) contrast(1.04) saturate(1.05) !important;\n transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s !important;\n }\n .obc-art__card:hover > div:first-child img {\n transform: scale(1.03) !important;\n }\n \/* Quitar overlay oscuro sobre la foto *\/\n .obc-art__card .obc-art__overlay { display: none !important; }\n .obc-art__body { padding: 26px 28px !important; }\n .obc-art { padding: 70px 0 !important; }\n .obc-vision { padding: 30px 32px !important; margin-top: 48px !important; }\n .obc-vision p { font-size: 15px !important; line-height: 1.7 !important; margin-bottom: 12px !important; }\n .obc-vision__title { font-size: clamp(24px, 3vw, 30px) !important; margin-bottom: 18px !important; }\n .obc-vision__close { margin-top: 32px !important; font-size: clamp(20px, 2.6vw, 28px) !important; }\n .obc-art__card .obc-art__name-float {\n background: rgba(14,6,8,.75) !important;\n border: 1px solid var(--gold-deep) !important;\n color: var(--gold) !important;\n letter-spacing: .25em !important;\n }\n .obc-art__name { color: var(--cream) !important; font-style: normal !important; }\n .obc-art__role { color: var(--gold) !important; letter-spacing: .2em !important; }\n .obc-art__desc { color: var(--text-m) !important; font-size: 16px; line-height: 1.8; }\n\n \/* \u2500\u2500 VISI\u00d3N (bloque manifiesto) \u2500\u2500 editorial *\/\n .obc-vision {\n background: rgba(255,255,255,0.025) !important;\n border: 1px solid var(--gold-subtle) !important;\n border-radius: 6px !important;\n }\n .obc-vision__kicker { color: var(--gold) !important; letter-spacing: .32em !important; }\n .obc-vision__title {\n font-family: var(--font-display) !important;\n text-transform: none !important;\n font-weight: 500 !important;\n color: var(--cream) !important;\n }\n .obc-vision p {\n font-family: var(--font-body) !important;\n font-size: 16px !important;\n line-height: 1.85 !important;\n color: var(--text-m) !important;\n }\n .obc-vision p:first-of-type::first-letter {\n font-family: var(--font-display);\n font-size: 56px;\n float: left;\n line-height: .9;\n padding: 4px 12px 0 0;\n color: var(--gold);\n }\n .obc-vision strong { color: var(--gold) !important; font-weight: 600 !important; }\n .obc-vision__close {\n font-family: var(--font-display-it) !important;\n font-style: italic !important;\n font-weight: 400 !important;\n text-transform: none !important;\n color: var(--cream) !important;\n background: none !important;\n -webkit-text-fill-color: initial !important;\n -webkit-background-clip: initial !important;\n animation: none !important;\n letter-spacing: 0 !important;\n font-size: clamp(24px, 3.6vw, 36px) !important;\n }\n\n \/* \u2500\u2500 PREVIEW CARDS \u2014 sin glow ne\u00f3n \u2500\u2500 *\/\n .obc-preview-card {\n border: 1px solid var(--gold-subtle) !important;\n border-radius: 6px !important;\n animation: none !important;\n box-shadow: 0 24px 60px rgba(0,0,0,.5), 0 0 0 1px rgba(184,58,110,.08) !important;\n }\n .obc-preview-card::after { display: none !important; }\n .obc-preview-card:hover {\n border-color: var(--gold) !important;\n box-shadow: 0 36px 90px rgba(0,0,0,.65), 0 0 0 1px rgba(184,58,110,.2) !important;\n }\n .obc-preview-card p {\n font-family: var(--font-display) !important;\n text-transform: none !important;\n font-size: 26px !important;\n font-weight: 500 !important;\n color: var(--cream) !important;\n letter-spacing: 0 !important;\n }\n\n \/* \u2500\u2500 MARQUEE \u2014 editorial, gold y serif italic \u2500\u2500 *\/\n .obc-marquee-item {\n font-family: var(--font-display-it) !important;\n font-style: italic !important;\n font-weight: 400 !important;\n letter-spacing: 0 !important;\n text-transform: none !important;\n font-size: clamp(20px, 3vw, 30px) !important;\n }\n .obc-marquee-item--names { color: var(--cream) !important; }\n .obc-marquee-item--events { color: rgba(184,58,110,.35) !important; }\n .obc-marquee-dot { background: var(--gold) !important; }\n\n \/* \u2500\u2500 PASOS \"C\u00f3mo funciona\" \u2014 n\u00famero en serif gigante gold \u2500\u2500 *\/\n .obc-how-step > div > div[style*=\"border-radius: 50%\"][style*=\"background: var(--brand)\"] {\n background: transparent !important;\n color: var(--gold) !important;\n width: auto !important;\n height: auto !important;\n border-radius: 0 !important;\n font-family: var(--font-display) !important;\n font-size: 96px !important;\n font-weight: 500 !important;\n line-height: 1 !important;\n margin-bottom: 14px !important;\n display: block !important;\n }\n .obc-how-step h3 {\n font-family: var(--font-display) !important;\n text-transform: none !important;\n font-size: 30px !important;\n font-weight: 500 !important;\n color: var(--cream) !important;\n margin-bottom: 14px !important;\n }\n .obc-how-step h3 span { color: var(--gold) !important; font-style: italic; }\n .obc-how-step p {\n font-family: var(--font-body) !important;\n font-size: 16px !important;\n line-height: 1.8 !important;\n color: var(--text-m) !important;\n }\n \/* Mockups: bordes m\u00e1s finos, gold subtle en lugar de glow rosa *\/\n .obc-how-step > div > div[style*=\"aspect-ratio: 16\/10\"] {\n border-color: var(--border) !important;\n border-radius: 6px !important;\n box-shadow: 0 30px 60px rgba(0,0,0,.4), 0 0 0 1px rgba(184,58,110,.08) !important;\n }\n\n \/* \u2500\u2500 TESTIMONIOS editorial \u2500\u2500 *\/\n .obc-test__card {\n background: var(--bg-card) !important;\n border: 1px solid var(--border) !important;\n border-radius: 6px !important;\n }\n .obc-test__card:hover {\n border-color: var(--gold-deep) !important;\n box-shadow: 0 20px 50px rgba(0,0,0,.4) !important;\n }\n .obc-test__quote {\n font-family: var(--font-display-it) !important;\n font-style: italic;\n font-size: 18px !important;\n color: var(--cream) !important;\n line-height: 1.6 !important;\n }\n .obc-test__avatar {\n background: var(--gold-subtle) !important;\n color: var(--gold) !important;\n font-family: var(--font-display) !important;\n font-size: 16px !important;\n }\n .obc-test__name { color: var(--cream) !important; font-weight: 600; }\n .obc-test__video-play { background: rgba(184,58,110,.92) !important; }\n .obc-test__card:hover .obc-test__video-play {\n box-shadow: 0 0 30px rgba(184,58,110,.35) !important;\n }\n\n \/* \u2500\u2500 QU\u00c9 INCLUYE \u2014 editorial sobrio \u2500\u2500 *\/\n .obc-offer__glass {\n background: rgba(255,255,255,0.025) !important;\n border: 1px solid var(--gold-subtle) !important;\n border-radius: 6px !important;\n backdrop-filter: none !important;\n -webkit-backdrop-filter: none !important;\n }\n .obc-offer__glass > div[style*=\"lineSweep\"] { display: none !important; }\n .obc-offer__glass p {\n font-family: var(--font-body) !important;\n font-size: clamp(16px, 1.9vw, 18px) !important;\n line-height: 1.9 !important;\n color: var(--text-m) !important;\n }\n .obc-offer__glass p:first-of-type::first-letter {\n font-family: var(--font-display);\n font-size: 64px;\n float: left;\n line-height: .9;\n padding: 4px 14px 0 0;\n color: var(--gold);\n }\n .obc-offer__quote-wrap p {\n font-family: var(--font-display) !important;\n font-weight: 500 !important;\n text-transform: none !important;\n font-size: clamp(28px, 4.5vw, 46px) !important;\n color: var(--cream) !important;\n letter-spacing: -0.01em !important;\n }\n .obc-offer__quote-wrap p span:last-child {\n background: none !important;\n -webkit-text-fill-color: initial !important;\n color: var(--gold) !important;\n font-style: italic;\n font-family: var(--font-display-it) !important;\n animation: none !important;\n -webkit-background-clip: initial !important;\n background-clip: initial !important;\n }\n .obc-offer__divider-bar { background: var(--gold) !important; opacity: .5; }\n\n \/* \u2500\u2500 PRICE CARD editorial \u2500\u2500 *\/\n .obc-price { padding: 70px 0 !important; }\n .obc-price__grid {\n border-color: var(--border) !important;\n border-radius: 8px !important;\n }\n .obc-price__grid::before {\n background: none !important;\n border: 1px solid var(--gold-deep);\n border-radius: 8px;\n opacity: .25;\n filter: none !important;\n animation: none !important;\n inset: -1px !important;\n }\n .obc-price__card { background: var(--bg-card) !important; padding: 36px 32px !important; }\n .obc-price__video { min-height: 0 !important; }\n .obc-price__features li { padding: 8px 0 !important; font-size: 13px !important; }\n .obc-price__lifetime { margin-bottom: 14px !important; padding: 5px 14px !important; font-size: 10px !important; }\n .obc-capture__field { margin-bottom: 10px !important; }\n .obc-capture__input { padding: 14px 18px !important; font-size: 14px !important; }\n .obc-capture__btn { padding: 14px 24px !important; font-size: 13px !important; }\n .obc-capture__label { margin-bottom: 12px !important; font-size: 11px !important; }\n .obc-price__card::before {\n background: linear-gradient(90deg, transparent, var(--gold), transparent) !important;\n animation: none !important;\n height: 1px !important;\n opacity: .6;\n }\n .obc-price__lifetime {\n background: var(--gold-subtle) !important;\n color: var(--gold) !important;\n border: 1px solid var(--gold-deep) !important;\n letter-spacing: .22em !important;\n font-weight: 600 !important;\n }\n .obc-price__amount {\n font-family: var(--font-display) !important;\n font-weight: 500 !important;\n color: var(--cream) !important;\n }\n .obc-price__video-text p:first-child {\n color: var(--gold) !important;\n font-family: var(--font-body) !important;\n letter-spacing: .3em !important;\n }\n .obc-price__video-text p:last-child {\n font-family: var(--font-display) !important;\n text-transform: none !important;\n font-weight: 500 !important;\n color: var(--cream) !important;\n }\n .obc-price__video-text p:last-child span { color: var(--gold) !important; font-style: italic; }\n .obc-price__features li::before { color: var(--gold) !important; }\n .obc-price__features li { font-family: var(--font-body) !important; color: var(--text-m) !important; }\n .obc-price__features li strong { color: var(--cream) !important; font-weight: 600; }\n\n \/* Email capture form *\/\n .obc-capture__label {\n font-family: var(--font-body) !important;\n color: var(--text-m) !important;\n letter-spacing: .15em !important;\n }\n .obc-capture__input {\n border-radius: 4px !important;\n background: rgba(255,255,255,.95) !important;\n font-family: var(--font-body) !important;\n }\n .obc-capture__input:focus {\n border-color: var(--gold) !important;\n box-shadow: 0 0 0 3px rgba(184,58,110,.2), 0 4px 20px rgba(184,58,110,.15) !important;\n }\n .obc-capture__btn {\n background: var(--brand) !important;\n border-radius: 4px !important;\n font-family: var(--font-body) !important;\n letter-spacing: .2em !important;\n font-weight: 600 !important;\n }\n .obc-capture__btn:hover {\n background: var(--brand-hover) !important;\n box-shadow: 0 18px 50px rgba(184,58,110,.32) !important;\n }\n\n \/* \u2500\u2500 FAQ editorial \u2500\u2500 *\/\n .obc-faq h2 { text-transform: none !important; font-family: var(--font-display) !important; }\n .obc-faq__q {\n font-family: var(--font-display) !important;\n font-size: 20px !important;\n font-weight: 500 !important;\n color: var(--cream) !important;\n padding: 26px 0 !important;\n }\n .obc-faq__q:hover { color: var(--gold) !important; }\n .obc-faq__q::after { color: var(--gold) !important; }\n .obc-faq__a p { font-family: var(--font-body) !important; color: var(--text-m) !important; line-height: 1.85 !important; }\n\n \/* \u2500\u2500 ORNAMENT DIVIDERS \u2500\u2500 *\/\n .obc-ornament {\n display: flex; align-items: center; justify-content: center;\n gap: 18px; margin: 0; padding: 24px 0;\n color: var(--gold); font-size: 13px;\n }\n .obc-ornament__line {\n flex: 0 0 80px; height: 1px;\n background: linear-gradient(90deg, transparent, var(--gold-deep), transparent);\n opacity: .6;\n }\n .obc-ornament__mark {\n font-family: var(--font-display);\n color: var(--gold);\n opacity: .8;\n font-size: 14px;\n }\n \/* Silueta de bailarina tintada via CSS mask (color = background-color) *\/\n .obc-ornament__mark--silueta {\n display: inline-block;\n width: 16px; \/* la silueta es 615x1709, ratio ~1:2.78 *\/\n height: 44px;\n background-color: var(--gold); \/* dorado en secciones dark *\/\n -webkit-mask-image: url('https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a0862628d08689eb2580ab8.png');\n mask-image: url('https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a0862628d08689eb2580ab8.png');\n -webkit-mask-size: contain;\n mask-size: contain;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n opacity: .9;\n transition: opacity .3s ease, transform .4s ease;\n }\n .obc-sec--light .obc-ornament__mark--silueta,\n .obc-sec--light + .obc-ornament .obc-ornament__mark--silueta {\n background-color: var(--brand) !important; \/* henna sobre fondo blanco *\/\n }\n .obc-ornament:hover .obc-ornament__mark--silueta {\n opacity: 1;\n transform: scale(1.08);\n }\n\n \/* Convertir los <div> divider antiguos al estilo gold sutil *\/\n .obc main > div > div[style*=\"linear-gradient(90deg,transparent,var(--elite),transparent)\"] {\n background: linear-gradient(90deg, transparent, var(--gold-deep), transparent) !important;\n opacity: .35 !important;\n }\n\n \/* \u2500\u2500 FOOTER editorial \u2500\u2500 *\/\n .obc-foot span[style*=\"font-weight: 600\"] {\n font-family: var(--font-display) !important;\n font-weight: 500 !important;\n letter-spacing: 0 !important;\n font-size: 18px !important;\n text-transform: none !important;\n }\n .obc-foot a:hover { color: var(--gold) !important; }\n\n \/* \u2500\u2500 ANIMACIONES m\u00e1s lentas y elegantes \u2500\u2500 *\/\n .obc-reveal,\n .obc-reveal--left,\n .obc-reveal--right,\n .obc-reveal--scale {\n transition: opacity 1.2s cubic-bezier(.16,1,.3,1), transform 1.2s cubic-bezier(.16,1,.3,1) !important;\n }\n .obc-hero__pre,\n .obc-hero h1,\n .obc-hero__sub,\n .obc-hero__cta-wrap {\n animation-duration: 1.1s !important;\n }\n\n \/* Eliminar tilt 3D (queda burdo en editorial sobrio) *\/\n .obc-tilt:hover { transform: translateY(-6px) !important; }\n\n \/* Sutil grano de fondo via gradiente (sin imagen) *\/\n .obc::before {\n content: '';\n position: fixed; inset: 0; pointer-events: none; z-index: 0;\n background-image:\n radial-gradient(rgba(255,255,255,.012) 1px, transparent 1px),\n radial-gradient(rgba(255,255,255,.008) 1px, transparent 1px);\n background-size: 3px 3px, 7px 7px;\n background-position: 0 0, 1px 1px;\n opacity: .6;\n }\n\n \/* Quote primera letra estilo editorial en testimonios *\/\n .obc-test__quote::before { content: '\\201C'; color: var(--gold); font-family: Georgia, serif; font-size: 28px; line-height: 0; margin-right: 4px; vertical-align: -6px; }\n .obc-test__quote::after { content: '\\201D'; color: var(--gold); font-family: Georgia, serif; font-size: 28px; line-height: 0; margin-left: 2px; vertical-align: -6px; }\n\n \/* Responsive editorial *\/\n @media (max-width: 860px) {\n .obc-vision p:first-of-type::first-letter,\n .obc-offer__glass p:first-of-type::first-letter { font-size: 48px; }\n .obc-how-step > div > div[style*=\"border-radius: 50%\"][style*=\"background: var(--brand)\"] { font-size: 72px !important; }\n }\n\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n H2 ESTRUCTURAL \u2014 Inter CAPS para secciones plataforma \/ FAQ\n Rompe la monoton\u00eda del Playfair italic y da rol \"informativo\"\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-h2--caps {\n font-family: var(--font-body) !important;\n font-weight: 600 !important;\n font-size: clamp(26px, 3.8vw, 42px) !important;\n line-height: 1.15 !important;\n letter-spacing: .08em !important;\n text-transform: uppercase !important;\n color: var(--text) !important;\n }\n .obc-h2--caps__accent {\n display: block;\n color: var(--brand);\n font-weight: 500;\n letter-spacing: .14em;\n font-size: 0.7em;\n margin-top: 10px;\n opacity: .9;\n }\n \/* En secci\u00f3n light el texto principal pasa a oscuro *\/\n .obc-sec--light .obc-h2--caps { color: var(--text-dark) !important; }\n .obc-sec--light .obc-h2--caps__accent { color: var(--brand) !important; }\n\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n VINO SECTIONS \u2014 Fondo vino #1A0A12 (paleta marca) para secciones\n de plataforma\/producto: feel \"est\u00e1s dentro del club\"\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-sec--vino,\n section.obc-sec--vino {\n background: linear-gradient(180deg, var(--bg-vino) 0%, #14080F 50%, var(--bg-vino) 100%) !important;\n color: var(--text);\n position: relative;\n }\n \/* Hairlines doradas top\/bottom para marcar el \"entras\/sales del producto\" *\/\n .obc-sec--vino::before,\n .obc-sec--vino::after {\n content: '';\n position: absolute;\n left: 0; right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent 15%, var(--gold) 50%, transparent 85%);\n opacity: .55;\n pointer-events: none;\n z-index: 2;\n }\n .obc-sec--vino::before { top: 0; }\n .obc-sec--vino::after { bottom: 0; }\n \/* Textos en vino: blanco\/transl\u00facido *\/\n .obc-sec--vino h1,\n .obc-sec--vino h2,\n .obc-sec--vino h3 { color: var(--text) !important; }\n .obc-sec--vino h2 em,\n .obc-sec--vino h3 em { color: var(--brand) !important; }\n .obc-sec--vino p { color: var(--text-m); }\n \/* Mockups: ya tienen bg oscuro interno, solo refuerzo borde sutil dorado *\/\n .obc-sec--vino .obc-how-step > div > div[style*=\"aspect-ratio: 16\/10\"] {\n border-color: rgba(232,181,71,.18) !important;\n box-shadow: 0 30px 60px rgba(0,0,0,.5), 0 0 0 1px rgba(232,181,71,.08) !important;\n }\n\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n LIGHT SECTIONS \u2014 Fondo blanco para alternar respiraci\u00f3n.\n Se aplica con la clase modifier .obc-sec--light en cualquier <section>.\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-sec--light,\n section.obc-sec--light { background: var(--bg-light) !important; color: var(--text-dark); }\n .obc-sec--light::before,\n .obc-sec--light::after { display: none !important; }\n \/* Eliminar overlays oscuros y radiales de las secciones que originalmente eran dark *\/\n .obc-sec--light > div[style*=\"background:\"][style*=\"radial-gradient\"],\n .obc-sec--light > div[style*=\"position: absolute\"][style*=\"background:\"] {\n display: none !important;\n }\n\n \/* Textos en light *\/\n .obc-sec--light h1,\n .obc-sec--light h2,\n .obc-sec--light h3,\n .obc-sec--light h3 span,\n .obc-sec--light p,\n .obc-sec--light .obc-vision__title,\n .obc-sec--light .obc-vision__close,\n .obc-sec--light .obc-art__name,\n .obc-sec--light .obc-test__name,\n .obc-sec--light .obc-offer__quote-wrap p,\n .obc-sec--light .obc-offer__glass p,\n .obc-sec--light .obc-faq__q { color: var(--text-dark) !important; }\n .obc-sec--light h3 em,\n .obc-sec--light h2 em { color: var(--brand) !important; }\n .obc-sec--light p,\n .obc-sec--light .obc-art__desc,\n .obc-sec--light .obc-offer__glass p,\n .obc-sec--light .obc-vision p,\n .obc-sec--light .obc-faq__a p,\n .obc-sec--light .obc-how-step p { color: var(--text-dark-m) !important; }\n\n \/* Kickers\/badges en light \u2014 gold sobre blanco *\/\n .obc-sec--light .obc-badge,\n .obc-sec--light .obc-kicker,\n .obc-sec--light .obc-vision__kicker { color: var(--brand) !important; }\n\n \/* Cards en light *\/\n .obc-sec--light .obc-art__card {\n background: var(--bg-light-soft) !important;\n border-color: var(--border-light) !important;\n }\n .obc-sec--light .obc-art__card:hover {\n border-color: var(--brand) !important;\n box-shadow: 0 30px 70px rgba(10,10,10,.12), 0 0 0 1px rgba(184,58,110,.2) !important;\n }\n .obc-sec--light .obc-art__card--levana {\n background: linear-gradient(165deg, #FAF6F4 0%, #F2EAE6 100%) !important;\n }\n \/* Placeholder eliminado \u2014 ya hay foto real cargada via background-image en el bloque principal *\/\n .obc-sec--light .obc-art__role { color: var(--brand) !important; }\n\n \/* Visi\u00f3n block en light *\/\n .obc-sec--light .obc-vision {\n background: var(--bg-light-soft) !important;\n border-color: rgba(184,58,110,.15) !important;\n }\n .obc-sec--light .obc-vision strong { color: var(--brand) !important; }\n .obc-sec--light .obc-vision p:first-of-type::first-letter,\n .obc-sec--light .obc-offer__glass p:first-of-type::first-letter { color: var(--brand) !important; }\n .obc-sec--light .obc-vision__close { color: var(--brand) !important; font-style: italic; }\n\n \/* Steps en light *\/\n .obc-sec--light .obc-how-step > div > div[style*=\"border-radius: 50%\"][style*=\"background: var(--brand)\"] {\n color: var(--brand) !important;\n }\n .obc-sec--light .obc-how-step h3 span { color: var(--brand) !important; }\n\n \/* Mockups en light \u2014 a\u00f1adir sombra c\u00e1lida para que respiren *\/\n .obc-sec--light .obc-how-step > div > div[style*=\"aspect-ratio: 16\/10\"] {\n box-shadow: 0 30px 60px rgba(10,10,10,.18), 0 0 0 1px var(--border-light) !important;\n }\n\n \/* Glass offer en light *\/\n .obc-sec--light .obc-offer__glass {\n background: var(--bg-light-soft) !important;\n border-color: rgba(184,58,110,.18) !important;\n }\n .obc-sec--light .obc-offer__quote-wrap p span:last-child { color: var(--brand) !important; }\n .obc-sec--light .obc-offer__divider-bar { background: var(--brand) !important; opacity: .55; }\n\n \/* FAQ en light \u2014 estilo pill (vibe vdance) *\/\n .obc-sec--light .obc-faq__list {\n max-width: 820px !important;\n width: 100% !important;\n margin: 0 auto !important;\n display: flex !important;\n flex-direction: column !important;\n gap: 12px !important;\n text-align: left !important;\n padding: 0 !important;\n }\n .obc-sec--light .obc-faq__item {\n width: 100% !important;\n margin: 0 !important;\n }\n .obc-sec--light .obc-faq__item {\n border-bottom: none !important;\n background: transparent;\n border-radius: 14px;\n overflow: hidden;\n transition: transform 0.25s ease;\n }\n .obc-sec--light .obc-faq__q {\n background: linear-gradient(135deg, var(--brand) 0%, var(--brand-hover) 100%) !important;\n color: #fff !important;\n font-family: var(--font-display) !important;\n font-weight: 500 !important;\n font-size: 19px !important;\n letter-spacing: -0.015em !important;\n padding: 22px 64px 22px 26px !important;\n border-radius: 14px !important;\n border: none !important;\n position: relative !important;\n cursor: pointer;\n line-height: 1.35 !important;\n box-shadow:\n 0 8px 22px -8px rgba(184,58,110,0.55),\n inset 0 1px 0 rgba(255,255,255,0.15);\n transition: filter 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;\n }\n .obc-sec--light .obc-faq__q:hover {\n color: #fff !important;\n filter: brightness(1.06);\n transform: translateY(-1px);\n box-shadow:\n 0 12px 28px -8px rgba(184,58,110,0.65),\n inset 0 1px 0 rgba(255,255,255,0.2);\n }\n .obc-sec--light .obc-faq__q::after {\n content: \"\" !important;\n position: absolute !important;\n right: 24px !important;\n top: 50% !important;\n width: 12px !important;\n height: 12px !important;\n border-right: 2px solid #fff !important;\n border-bottom: 2px solid #fff !important;\n transform: translateY(-70%) rotate(45deg) !important;\n transition: transform 0.3s cubic-bezier(.2,.7,.2,1) !important;\n color: transparent !important;\n font-size: 0 !important;\n line-height: 0 !important;\n }\n .obc-sec--light .obc-faq__item.active .obc-faq__q {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n box-shadow:\n 0 4px 0 0 rgba(184,58,110,0.0),\n inset 0 1px 0 rgba(255,255,255,0.18);\n }\n .obc-sec--light .obc-faq__item.active .obc-faq__q::after {\n transform: translateY(-30%) rotate(-135deg) !important;\n }\n .obc-sec--light .obc-faq__a {\n max-height: 0;\n overflow: hidden;\n background: #FFFFFF;\n border-radius: 0;\n transition: max-height 0.4s cubic-bezier(.2,.7,.2,1), padding 0.3s ease;\n padding: 0 26px;\n border-left: 1px solid rgba(184,58,110,0.18);\n border-right: 1px solid rgba(184,58,110,0.18);\n border-bottom: 1px solid rgba(184,58,110,0.18);\n box-shadow: 0 10px 28px -14px rgba(10,10,10,0.18);\n }\n .obc-sec--light .obc-faq__item.active .obc-faq__a {\n max-height: 500px;\n padding: 22px 26px 24px;\n border-bottom-left-radius: 14px;\n border-bottom-right-radius: 14px;\n }\n .obc-sec--light .obc-faq__a p {\n font-family: var(--font-body) !important;\n font-size: 15px !important;\n font-weight: 400 !important;\n line-height: 1.65 !important;\n color: var(--text-dark-m) !important;\n margin: 0 !important;\n }\n @media (max-width: 640px) {\n .obc-sec--light .obc-faq__q {\n font-size: 17px !important;\n padding: 18px 52px 18px 20px !important;\n }\n .obc-sec--light .obc-faq__q::after {\n right: 18px !important;\n width: 10px !important;\n height: 10px !important;\n }\n .obc-sec--light .obc-faq__a { padding: 0 20px; }\n .obc-sec--light .obc-faq__item.active .obc-faq__a { padding: 18px 20px 20px; }\n .obc-sec--light .obc-faq__a p { font-size: 14.5px !important; }\n }\n\n \/* Ornamentos en secci\u00f3n light *\/\n .obc-sec--light + .obc-ornament .obc-ornament__line,\n .obc-sec--light .obc-ornament .obc-ornament__line {\n background: linear-gradient(90deg, transparent, var(--brand), transparent) !important;\n }\n .obc-sec--light .obc-ornament .obc-ornament__mark,\n .obc-sec--light .obc-ornament { color: var(--brand) !important; }\n\n \/* Testimonios en light *\/\n .obc-sec--light .obc-test__card {\n background: var(--bg-light-soft) !important;\n border-color: var(--border-light) !important;\n }\n .obc-sec--light .obc-test__quote { color: var(--text-dark) !important; }\n .obc-sec--light .obc-test__detail { color: var(--text-dark-s) !important; }\n .obc-sec--light .obc-test__avatar {\n background: rgba(184,58,110,.1) !important;\n color: var(--brand) !important;\n }\n .obc-sec--light .obc-test__quote::before,\n .obc-sec--light .obc-test__quote::after { color: var(--brand) !important; }\n\n \/* Marquee en light: invertir colores *\/\n .obc-marquee--light { background: var(--bg-light) !important; }\n\n \/* Header editorial del marquee *\/\n .obc-marquee-section__header {\n text-align: center;\n margin-bottom: 56px;\n }\n .obc-marquee-section__title {\n font-family: var(--font-display);\n font-weight: 500;\n font-size: clamp(34px, 5vw, 56px);\n line-height: 1.05;\n letter-spacing: -0.015em;\n color: var(--text-dark);\n margin: 0;\n text-transform: none !important;\n }\n .obc-marquee-section__title em {\n font-style: italic;\n color: var(--brand);\n font-weight: 500;\n }\n .obc-marquee-section__rule {\n width: 48px;\n height: 1px;\n background: var(--gold);\n opacity: .7;\n margin: 30px auto 0;\n }\n\n \/* Caption editorial al cierre del marquee *\/\n .obc-marquee-section__caption {\n text-align: center;\n margin-top: 56px;\n }\n .obc-marquee-section__caption p {\n font-family: var(--font-display);\n font-weight: 500;\n font-size: clamp(22px, 2.6vw, 30px);\n line-height: 1.4;\n color: var(--text-dark);\n max-width: 720px;\n margin: 0 auto;\n letter-spacing: -0.005em;\n }\n .obc-marquee-section__caption em {\n font-style: italic;\n color: var(--brand);\n }\n .obc-marquee-section__caption strong {\n font-family: var(--font-body);\n font-weight: 600;\n font-size: 0.78em;\n letter-spacing: .12em;\n text-transform: uppercase;\n color: var(--brand);\n margin-left: 6px;\n }\n .obc-marquee-section__stat {\n font-family: var(--font-display);\n font-style: italic;\n font-weight: 500;\n color: var(--gold);\n margin-right: 6px;\n }\n\n @media (max-width: 720px) {\n .obc-marquee-section { padding: 64px 0 56px !important; }\n .obc-marquee-section__header { margin-bottom: 40px; padding: 0 20px; }\n .obc-marquee-section__caption { margin-top: 40px; padding: 0 20px; }\n .obc-marquee-section__caption p { font-size: 19px; }\n .obc-marquee-section__caption strong { display: block; margin-top: 6px; margin-left: 0; }\n }\n .obc-marquee--light .obc-marquee-wrap::before { background: linear-gradient(90deg, var(--bg-light), transparent) !important; }\n .obc-marquee--light .obc-marquee-wrap::after { background: linear-gradient(90deg, transparent, var(--bg-light)) !important; }\n .obc-marquee--light .obc-marquee-item--names { color: var(--text-dark) !important; }\n .obc-marquee--light .obc-marquee-item--events { color: rgba(10,10,10,.35) !important; }\n .obc-marquee--light .obc-marquee-dot { background: var(--brand) !important; }\n .obc-marquee--light > div > span { color: var(--brand) !important; }\n\n \/* Divider gold separator entre secciones (alternancia) *\/\n .obc-sec--light + .obc-ornament .obc-ornament__line {\n background: linear-gradient(90deg, transparent, var(--brand), transparent) !important;\n }\n\n \/* Navbar sticky: cuando se desplaza sobre secci\u00f3n light, debe contrastar *\/\n \/* Lo dejamos siempre dark (negro semitransparente) por consistencia \u2014 el navbar SIEMPRE es dark *\/\n\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n VISION v2 \u2014 Quote editorial protagonista + promesa compacta\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-vision2 {\n max-width: 780px;\n margin: 64px auto 0;\n text-align: center;\n padding: 0 24px;\n }\n .obc-vision2__kicker {\n display: inline-block;\n font-family: var(--font-body);\n font-size: 11px;\n font-weight: 600;\n color: var(--brand);\n letter-spacing: .32em;\n text-transform: uppercase;\n margin-bottom: 32px;\n }\n .obc-vision2__quote {\n font-family: var(--font-display);\n font-weight: 500;\n font-size: clamp(34px, 5.2vw, 60px);\n line-height: 1.1;\n letter-spacing: -0.01em;\n color: var(--text); \/* sobre dark = blanco *\/\n margin: 0;\n padding: 0;\n border: 0;\n quotes: none;\n }\n .obc-vision2__quote em {\n font-style: italic;\n color: var(--brand);\n font-weight: 400;\n }\n .obc-vision2__promise {\n font-family: var(--font-body);\n font-size: clamp(15px, 1.4vw, 17px);\n line-height: 1.85;\n color: var(--text-m);\n max-width: 580px;\n margin: 0 auto;\n }\n .obc-vision2__promise strong {\n color: var(--brand);\n font-weight: 600;\n }\n\n \/* Variant en secci\u00f3n light *\/\n .obc-sec--light .obc-vision2__quote { color: var(--text-dark) !important; }\n .obc-sec--light .obc-vision2__quote em { color: var(--brand) !important; }\n .obc-sec--light .obc-vision2__promise { color: var(--text-dark-m) !important; }\n .obc-sec--light .obc-vision2__promise strong { color: var(--brand) !important; }\n\n @media (max-width: 720px) {\n .obc-vision2 { margin-top: 48px; }\n .obc-vision2__kicker { margin-bottom: 22px; }\n }\n\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n BANNER STATEMENT \u2014 Full-width dark dramatic\n Rompe la secci\u00f3n light con un momento de impacto editorial\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-banner-statement {\n position: relative;\n width: 100%;\n padding: 88px 24px;\n background: var(--bg) !important;\n color: var(--text) !important;\n overflow: hidden;\n text-align: center;\n box-sizing: border-box;\n }\n \/* Fondo con radial glow henna sutil *\/\n .obc-banner-statement__bg {\n position: absolute;\n inset: 0;\n background:\n radial-gradient(ellipse at 25% 35%, rgba(184,58,110,.22), transparent 55%),\n radial-gradient(ellipse at 75% 70%, rgba(232,181,71,.10), transparent 55%),\n linear-gradient(135deg, #0A0A0A 0%, #1A0A12 100%);\n pointer-events: none;\n }\n \/* Hairline gold arriba y abajo del banner *\/\n .obc-banner-statement::before,\n .obc-banner-statement::after {\n content: '';\n position: absolute;\n left: 0; right: 0;\n height: 1px;\n background: linear-gradient(90deg, transparent 10%, var(--gold) 50%, transparent 90%);\n opacity: .6;\n }\n .obc-banner-statement::before { top: 0; }\n .obc-banner-statement::after { bottom: 0; }\n\n .obc-banner-statement__inner {\n position: relative;\n z-index: 1;\n max-width: 960px;\n margin: 0 auto;\n }\n .obc-banner-statement__pre {\n display: inline-block;\n font-family: var(--font-body);\n font-size: 11px;\n font-weight: 600;\n letter-spacing: .36em;\n text-transform: uppercase;\n color: var(--gold);\n margin-bottom: 36px;\n }\n .obc-banner-statement__title {\n font-family: var(--font-display);\n font-weight: 500;\n font-size: clamp(36px, 6.5vw, 72px);\n line-height: 1.05;\n letter-spacing: -0.015em;\n color: var(--text);\n margin: 0;\n text-transform: none !important;\n }\n .obc-banner-statement__title em {\n display: block;\n font-style: italic;\n font-weight: 500;\n color: var(--brand);\n margin-top: 8px;\n }\n .obc-banner-statement__rule {\n width: 64px;\n height: 1px;\n background: var(--gold);\n margin: 40px auto 0;\n opacity: .8;\n }\n\n \/* En secci\u00f3n light, asegurar que el banner mantenga sus colores dark *\/\n .obc-sec--light .obc-banner-statement,\n .obc-sec--light .obc-banner-statement * { color: inherit; }\n .obc-sec--light .obc-banner-statement__title { color: var(--text) !important; }\n .obc-sec--light .obc-banner-statement__title em { color: var(--brand) !important; }\n .obc-sec--light .obc-banner-statement__pre { color: var(--gold) !important; }\n\n @media (max-width: 720px) {\n .obc-banner-statement { padding: 60px 20px; }\n .obc-banner-statement__pre { margin-bottom: 24px; letter-spacing: .28em; }\n .obc-banner-statement__rule { margin-top: 28px; width: 48px; }\n }\n\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n QU\u00c9 INCLUYE \u2014 4 cards horizontales apiladas (ancho > alto)\n Layout: n\u00famero | t\u00edtulo | label arriba, body abajo.\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .obc-includes-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 14px;\n max-width: 1080px;\n margin: 56px auto 0;\n text-align: left;\n padding: 0 24px;\n }\n .obc-includes-card {\n position: relative;\n background: linear-gradient(135deg, #FCF1F4 0%, #FFFFFF 65%);\n border: 1px solid rgba(184,58,110,.25);\n border-radius: 14px;\n padding: 28px 40px 30px;\n overflow: hidden;\n transition: border-color .4s ease, box-shadow .4s ease, transform .4s cubic-bezier(.16,1,.3,1);\n }\n \/* Hairline dorada al top \u2014 aparece en hover (desde la izquierda) *\/\n .obc-includes-card::before {\n content: '';\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 2px;\n background: linear-gradient(90deg, var(--brand) 0%, var(--gold) 100%);\n transform: scaleX(0);\n transform-origin: left;\n transition: transform .5s cubic-bezier(.16,1,.3,1);\n }\n .obc-includes-card:hover {\n border-color: var(--brand);\n box-shadow: 0 18px 40px -10px rgba(184,58,110,.18);\n transform: translateY(-2px);\n }\n .obc-includes-card:hover::before { transform: scaleX(1); }\n\n \/* TOP ROW: n\u00famero | t\u00edtulo | label *\/\n .obc-includes-card__top {\n display: grid;\n grid-template-columns: auto 1fr auto;\n gap: 32px;\n align-items: center;\n margin-bottom: 14px;\n }\n .obc-includes-card__num {\n font-family: var(--font-display);\n font-style: italic;\n font-weight: 500;\n font-size: 54px;\n color: var(--brand);\n line-height: .85;\n letter-spacing: -0.03em;\n }\n .obc-includes-card__title {\n font-family: var(--font-display);\n font-weight: 500;\n font-size: 28px;\n letter-spacing: -0.01em;\n color: var(--text);\n margin: 0;\n line-height: 1.1;\n text-transform: none !important;\n }\n .obc-includes-card__title em {\n font-style: italic;\n color: var(--brand);\n font-weight: 400;\n display: inline;\n margin: 0;\n }\n .obc-includes-card__label {\n font-family: var(--font-body);\n font-size: 10px;\n font-weight: 600;\n letter-spacing: .3em;\n text-transform: uppercase;\n color: var(--brand);\n opacity: .85;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n white-space: nowrap;\n }\n .obc-includes-card__label::before {\n content: '';\n display: inline-block;\n width: 6px; height: 6px;\n border-radius: 50%;\n background: var(--brand);\n }\n\n \/* BODY ROW: descripci\u00f3n, alineada con el inicio del t\u00edtulo (despu\u00e9s del n\u00famero) *\/\n .obc-includes-card__body {\n font-family: var(--font-body);\n font-size: 14px;\n font-weight: 400;\n line-height: 1.7;\n color: var(--text);\n margin: 0;\n opacity: .72;\n max-width: 78ch;\n padding-left: 84px; \/* alinea con el inicio del t\u00edtulo (54px num + 32px gap = 86px aprox) *\/\n }\n\n \/* Variant en secci\u00f3n light *\/\n .obc-sec--light .obc-includes-card {\n background: linear-gradient(135deg, #FCF1F4 0%, #FFFFFF 65%);\n border-color: rgba(184,58,110,.25) !important;\n }\n .obc-sec--light .obc-includes-card:hover {\n border-color: var(--brand) !important;\n box-shadow: 0 18px 40px -10px rgba(184,58,110,.18);\n }\n .obc-sec--light .obc-includes-card__num { color: var(--brand) !important; }\n .obc-sec--light .obc-includes-card__title { color: var(--text-dark) !important; }\n .obc-sec--light .obc-includes-card__title em { color: var(--brand) !important; }\n .obc-sec--light .obc-includes-card__body { color: var(--text-dark) !important; opacity: .72; }\n .obc-sec--light .obc-includes-card__label { color: var(--brand) !important; }\n\n \/* Cierre emocional *\/\n .obc-includes-close {\n margin: 0 auto;\n max-width: 760px;\n text-align: center;\n font-family: var(--font-display);\n font-weight: 500;\n font-size: clamp(28px, 4.5vw, 46px);\n line-height: 1.15;\n letter-spacing: -0.01em;\n color: var(--text);\n }\n .obc-includes-close em {\n font-style: italic;\n color: var(--brand);\n font-weight: 400;\n }\n .obc-sec--light .obc-includes-close { color: var(--text-dark) !important; }\n .obc-sec--light .obc-includes-close em { color: var(--brand) !important; }\n\n @media (max-width: 720px) {\n .obc-includes-grid { gap: 12px; padding: 0 16px; }\n .obc-includes-card { padding: 22px 26px 24px; }\n .obc-includes-card__top {\n grid-template-columns: auto 1fr;\n gap: 18px;\n margin-bottom: 12px;\n }\n \/* Label fuera de grid \u2192 segunda fila bajo el t\u00edtulo *\/\n .obc-includes-card__label {\n grid-column: 2;\n margin-top: 4px;\n }\n .obc-includes-card__num { font-size: 42px; }\n .obc-includes-card__title { font-size: 22px; }\n .obc-includes-card__body {\n padding-left: 0;\n font-size: 13.5px;\n }\n }\n\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n PRECIO \u2014 Layout 2col redise\u00f1ado (valor + form)\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n\n \/* Anular el conic glow del grid antiguo *\/\n .obc-price__grid {\n grid-template-columns: 1fr 1fr !important;\n border: 0 !important;\n border-radius: 0 !important;\n overflow: visible !important;\n gap: 0 !important;\n max-width: 1080px !important;\n background: transparent !important;\n }\n .obc-price__grid::before { display: none !important; }\n\n \/* \u2500\u2500 IZQUIERDA: bloque \"Tu plaza incluye\" \u2500\u2500 *\/\n .obc-price__value {\n padding: 48px 56px 48px 0;\n text-align: left;\n border-right: 1px solid rgba(184,58,110,.22);\n align-self: stretch;\n }\n .obc-price__value-kicker {\n display: block;\n font-family: var(--font-body);\n font-size: 11px;\n font-weight: 600;\n color: var(--gold);\n letter-spacing: .32em;\n text-transform: uppercase;\n margin-bottom: 32px;\n }\n .obc-price__valuelist {\n list-style: none;\n padding: 0;\n margin: 0;\n display: grid;\n gap: 22px;\n }\n .obc-price__valuelist li {\n display: grid;\n grid-template-columns: 22px 1fr;\n gap: 14px;\n align-items: start;\n }\n .obc-price__valuelist-mark {\n color: var(--brand);\n font-weight: 600;\n font-size: 16px;\n line-height: 1.6;\n }\n .obc-price__valuelist-title {\n font-family: var(--font-body);\n font-size: 12px;\n font-weight: 600;\n letter-spacing: .22em;\n text-transform: uppercase;\n color: var(--text);\n margin: 0 0 6px;\n line-height: 1.4;\n }\n .obc-price__valuelist-body {\n font-family: var(--font-body);\n font-size: 14px;\n line-height: 1.6;\n color: var(--text-m);\n margin: 0;\n }\n .obc-price__valuelist-body strong {\n color: var(--text);\n font-weight: 600;\n }\n .obc-price__value-foot {\n margin: 36px 0 0;\n font-family: var(--font-display);\n font-size: 22px;\n font-weight: 500;\n color: var(--gold);\n font-style: italic;\n line-height: 1.3;\n }\n\n \/* \u2500\u2500 DERECHA: tarjeta del form \u2500\u2500 *\/\n .obc-price__card {\n background: var(--bg-card) !important;\n padding: 36px 36px !important;\n margin-left: 48px;\n border: 1px solid var(--border);\n border-radius: 8px;\n box-shadow: 0 30px 80px rgba(0,0,0,.45), 0 0 0 1px rgba(184,58,110,.08);\n align-self: start;\n }\n .obc-price__card::before {\n background: linear-gradient(90deg, transparent, var(--gold), transparent) !important;\n height: 1px !important;\n opacity: .8;\n }\n\n \/* \u2500\u2500 Nota final centrada debajo \u2500\u2500 *\/\n .obc-price__note-out {\n text-align: center;\n margin: 40px auto 0;\n max-width: 640px;\n font-family: var(--font-body);\n font-size: 14px;\n color: var(--text-s);\n line-height: 1.7;\n font-style: italic;\n }\n\n \/* Mobile: stack vertical, valor primero, form despu\u00e9s *\/\n @media (max-width: 880px) {\n .obc-price__grid { grid-template-columns: 1fr !important; max-width: 560px !important; }\n .obc-price__value {\n padding: 0 0 32px 0;\n border-right: 0;\n border-bottom: 1px solid rgba(184,58,110,.22);\n margin-bottom: 32px;\n }\n .obc-price__card { margin-left: 0; padding: 28px 24px !important; }\n .obc-price__value-foot { font-size: 18px; }\n }\n\n<\/style>\n\n<div class=\"obc\">\n\n \n <nav class=\"obc-nav\">\n <div class=\"obc-nav__inner\">\n <a href=\"\/\" class=\"obc-nav__logo\" aria-label=\"ObellyClub \u2014 Inicio\">\n <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a085ef90a69f1e76693022f.png\" alt=\"ObellyClub \u2014 escuela online de bellydance\" width=\"160\" height=\"40\">\n <\/a>\n <ul class=\"obc-nav__menu\">\n <li><a href=\"#levana\">Maestras<\/a><\/li>\n <li><a href=\"#funciona\">Cómo funciona<\/a><\/li>\n <li><a href=\"#incluye\">Incluye<\/a><\/li>\n <li><a href=\"#obc-form\">Precio<\/a><\/li>\n <li><a href=\"#faq\">FAQ<\/a><\/li>\n <li class=\"obc-nav__lang\">\n <div class=\"obc-lang-pill\" role=\"group\" aria-label=\"Selector de idioma\">\n <a href=\"\/\" class=\"obc-lang-pill__btn obc-lang-pill__btn--active\" data-lang=\"es\" aria-current=\"true\">\n <span class=\"obc-lang-pill__flag\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 750 500\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"none\">\n <rect width=\"750\" height=\"500\" fill=\"#AA151B\"\/>\n <rect y=\"125\" width=\"750\" height=\"250\" fill=\"#F1BF00\"\/>\n <\/svg>\n <\/span>\n <span>ES<\/span>\n <\/a>\n <a href=\"\/en\/\" class=\"obc-lang-pill__btn\" data-lang=\"en\">\n <span class=\"obc-lang-pill__flag\" aria-hidden=\"true\">\n <svg viewBox=\"0 0 60 30\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" preserveAspectRatio=\"none\">\n <clipPath id=\"obc-uk-clip\"><path d=\"M30,15 h30 v15 z v15 h-30 z h-30 v-15 z v-15 h30 z\"\/><\/clipPath>\n <rect width=\"60\" height=\"30\" fill=\"#012169\"\/>\n <path d=\"M0,0 L60,30 M60,0 L0,30\" stroke=\"#FFFFFF\" stroke-width=\"6\"\/>\n <path d=\"M0,0 L60,30 M60,0 L0,30\" clip-path=\"url(#obc-uk-clip)\" stroke=\"#C8102E\" stroke-width=\"4\"\/>\n <path d=\"M30,0 v30 M0,15 h60\" stroke=\"#FFFFFF\" stroke-width=\"10\"\/>\n <path d=\"M30,0 v30 M0,15 h60\" stroke=\"#C8102E\" stroke-width=\"6\"\/>\n <\/svg>\n <\/span>\n <span>EN<\/span>\n <\/a>\n <\/div>\n <\/li>\n <\/ul>\n <\/div>\n <\/nav>\n\n <main>\n\n \n <section class=\"obc-hero\">\n <div class=\"obc-hero__bg\"><\/div>\n <div class=\"obc-w\">\n <div class=\"obc-hero__grid\">\n <div class=\"obc-hero__content\">\n <p class=\"obc-hero__pre\">Conviértete en fundadora este pre-lanzamiento de ObellyClub<\/p>\n <h1>\n Empodera tu bailarina interior\n <em>y brilla encima del escenario.<\/em>\n <\/h1>\n <p class=\"obc-hero__sub\">\n Las clases en vivo no siempre son una opción. <em style=\"font-family:var(--font-display-it);color:var(--cream);\">Baila y aprende con las mejores referentes del mundo dentro de una comunidad sin límites.<\/em>\n <\/p>\n <div class=\"obc-hero__cta-wrap\">\n <a href=\"#obc-form\" class=\"obc-cta\">Reservar mi plaza<\/a>\n <\/div>\n <\/div>\n <div class=\"obc-hero__visual\" style=\"display:flex;justify-content:center;align-items:center;\">\n \n <video\n src=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a0923722e98e28fa14fbb2c.mp4\"\n autoplay muted loop playsinline fetchpriority=\"high\"\n style=\"width:100%;max-width:340px;height:auto;aspect-ratio:9\/16;object-fit:cover;border-radius:12px;border:1px solid var(--border);box-shadow:0 24px 60px rgba(0,0,0,.5), 0 0 0 1px rgba(184,58,110,.1);display:block;\"\n aria-label=\"Levana bailando\"\n ><\/video>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"obc-sec obc-art obc-sec--light obc-levana-section\" id=\"levana\">\n <div class=\"obc-w\">\n\n \n <div class=\"obc-vision2 obc-reveal\" style=\"margin-bottom: 72px;\">\n <blockquote class=\"obc-vision2__quote\">\n ¿Crees que aprender de las mejores<br>\n <em>es imposible?<\/em>\n <\/blockquote>\n\n <div style=\"width:48px; height:1px; background: var(--gold); opacity:.55; margin: 28px auto 24px;\"><\/div>\n\n <p class=\"obc-vision2__promise\">\n Las mejores referentes del mundo estarán en ObellyClub. Las que normalmente solo verías <strong>viajando muy lejos.<\/strong>\n <\/p>\n <\/div>\n\n \n <div class=\"obc-future__grid obc-reveal\" style=\"margin-top: 40px;\">\n\n \n <article class=\"obc-future__card obc-future__card--revealed\">\n <div class=\"obc-future__card-visual\">\n <img decoding=\"async\" src=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a091f158d08689eb277774d.jpg\" alt=\"Levana \u2014 maestra y anfitriona de ObellyClub\" loading=\"lazy\" width=\"1343\" height=\"1050\">\n <\/div>\n <div class=\"obc-future__card-foot\">\n <span class=\"obc-future__card-num\">01<\/span>\n <span class=\"obc-future__card-status obc-future__card-status--revealed\">Levana<\/span>\n <\/div>\n <\/article>\n\n <article class=\"obc-future__card\">\n <div class=\"obc-future__card-visual\">\n <span class=\"obc-future__silhouette\" aria-hidden=\"true\"><\/span>\n <span class=\"obc-future__mark\">?<\/span>\n <\/div>\n <div class=\"obc-future__card-foot\">\n <span class=\"obc-future__card-num\">02<\/span>\n <span class=\"obc-future__card-status\">Por revelar<\/span>\n <\/div>\n <\/article>\n\n <article class=\"obc-future__card\">\n <div class=\"obc-future__card-visual\">\n <span class=\"obc-future__silhouette\" aria-hidden=\"true\"><\/span>\n <span class=\"obc-future__mark\">?<\/span>\n <\/div>\n <div class=\"obc-future__card-foot\">\n <span class=\"obc-future__card-num\">03<\/span>\n <span class=\"obc-future__card-status\">Por revelar<\/span>\n <\/div>\n <\/article>\n\n <article class=\"obc-future__card\">\n <div class=\"obc-future__card-visual\">\n <span class=\"obc-future__silhouette\" aria-hidden=\"true\"><\/span>\n <span class=\"obc-future__mark\">?<\/span>\n <\/div>\n <div class=\"obc-future__card-foot\">\n <span class=\"obc-future__card-num\">04<\/span>\n <span class=\"obc-future__card-status\">Por revelar<\/span>\n <\/div>\n <\/article>\n\n \n <article class=\"obc-future__card\">\n <div class=\"obc-future__card-visual\">\n <span class=\"obc-future__silhouette\" aria-hidden=\"true\"><\/span>\n <span class=\"obc-future__mark\">?<\/span>\n <\/div>\n <div class=\"obc-future__card-foot\">\n <span class=\"obc-future__card-num\">05<\/span>\n <span class=\"obc-future__card-status\">Por revelar<\/span>\n <\/div>\n <\/article>\n\n <article class=\"obc-future__card\">\n <div class=\"obc-future__card-visual\">\n <span class=\"obc-future__silhouette\" aria-hidden=\"true\"><\/span>\n <span class=\"obc-future__mark\">?<\/span>\n <\/div>\n <div class=\"obc-future__card-foot\">\n <span class=\"obc-future__card-num\">06<\/span>\n <span class=\"obc-future__card-status\">Por revelar<\/span>\n <\/div>\n <\/article>\n\n <article class=\"obc-future__card\">\n <div class=\"obc-future__card-visual\">\n <span class=\"obc-future__silhouette\" aria-hidden=\"true\"><\/span>\n <span class=\"obc-future__mark\">?<\/span>\n <\/div>\n <div class=\"obc-future__card-foot\">\n <span class=\"obc-future__card-num\">07<\/span>\n <span class=\"obc-future__card-status\">Por revelar<\/span>\n <\/div>\n <\/article>\n\n <article class=\"obc-future__card obc-future__card--more\">\n <div class=\"obc-future__card-visual\">\n <span class=\"obc-future__plus\">+<\/span>\n <\/div>\n <div class=\"obc-future__card-foot\">\n <span class=\"obc-future__card-num\">∞<\/span>\n <span class=\"obc-future__card-status\">Las que vendrán<\/span>\n <\/div>\n <\/article>\n\n <\/div>\n\n \n <div class=\"obc-future__close obc-reveal\">\n <blockquote class=\"obc-future__quote\">\n «Después de bailar con Levana,\n <span>no te miras igual al espejo.»<\/span>\n <\/blockquote>\n\n <a href=\"#obc-form\" class=\"obc-future__cta\">\n Quiero todo ObellyClub\n <span class=\"obc-future__cta-arrow\">→<\/span>\n <\/a>\n\n <p class=\"obc-future__note\">\n Las fundadoras conocen a cada nueva maestra <strong>antes que nadie.<\/strong>\n <\/p>\n <\/div>\n\n <\/div>\n <\/section>\n\n <style>\n \/* \u2500\u2500\u2500 LEVANA SPREAD \u2014 Conversi\u00f3n, no info \u2500\u2500\u2500 *\/\n .obc-levana-section { text-align: left; }\n .obc-levana__spread {\n display: grid;\n grid-template-columns: 1fr 1.1fr;\n gap: 72px;\n align-items: center;\n max-width: 1140px;\n margin: 0 auto;\n }\n\n \/* IZQUIERDA: foto magn\u00e9tica *\/\n .obc-levana__visual { position: relative; }\n .obc-levana__photo {\n position: relative;\n aspect-ratio: 4\/5;\n overflow: hidden;\n border-radius: 4px;\n box-shadow: 0 30px 80px rgba(10,10,10,.18), 0 0 0 1px rgba(184,58,110,.12);\n }\n .obc-levana__photo img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center 18%;\n display: block;\n filter: brightness(0.97) contrast(1.05) saturate(1.05);\n transition: transform 0.7s cubic-bezier(0.16,1,0.3,1);\n }\n .obc-levana__visual:hover .obc-levana__photo img {\n transform: scale(1.03);\n }\n\n \/* DERECHA: hook + quote + CTA *\/\n .obc-levana__content > .obc-badge { margin-bottom: 26px; display: inline-block; }\n\n .obc-levana__title {\n font-family: var(--font-display);\n font-weight: 500;\n font-size: clamp(38px, 5vw, 60px);\n line-height: 1.05;\n letter-spacing: -0.015em;\n color: var(--text-dark);\n margin: 0 0 36px;\n text-transform: none !important;\n }\n .obc-levana__title em {\n font-style: italic;\n color: var(--brand);\n }\n\n \/* Pull-quote signature *\/\n .obc-levana__quote {\n font-family: var(--font-display);\n font-style: italic;\n font-weight: 500;\n font-size: clamp(20px, 2.2vw, 26px);\n line-height: 1.4;\n color: var(--text-dark);\n margin: 0 0 28px;\n padding-left: 20px;\n border-left: 2px solid var(--brand);\n opacity: .9;\n }\n .obc-levana__quote span {\n display: block;\n color: var(--brand);\n margin-top: 2px;\n }\n\n \/* Rol compacto en una sola l\u00ednea *\/\n .obc-levana__role {\n font-family: var(--font-body);\n font-size: 11px;\n font-weight: 600;\n letter-spacing: .14em;\n text-transform: uppercase;\n color: var(--text-dark);\n opacity: .55;\n margin: 0 0 36px;\n line-height: 1.6;\n }\n\n \/* CTA editorial *\/\n .obc-levana__cta {\n display: inline-flex;\n align-items: center;\n gap: 14px;\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: .22em;\n text-transform: uppercase;\n color: #fff;\n background: var(--brand);\n padding: 18px 32px;\n border-radius: 4px;\n text-decoration: none;\n transition: background .3s ease, transform .3s ease, box-shadow .3s ease;\n box-shadow: 0 12px 30px rgba(184,58,110,.22);\n }\n .obc-levana__cta:hover {\n background: var(--brand-hover);\n transform: translateY(-2px);\n box-shadow: 0 18px 44px rgba(184,58,110,.32);\n }\n .obc-levana__cta-arrow {\n display: inline-block;\n transition: transform .3s ease;\n }\n .obc-levana__cta:hover .obc-levana__cta-arrow {\n transform: translateX(4px);\n }\n\n \/* MOBILE: stack vertical, foto arriba *\/\n @media (max-width: 880px) {\n .obc-levana__spread {\n grid-template-columns: 1fr;\n gap: 40px;\n max-width: 520px;\n padding: 0 20px;\n }\n .obc-levana__photo { aspect-ratio: 1\/1; }\n .obc-levana__title { font-size: clamp(32px, 7vw, 44px); }\n .obc-levana__quote { font-size: 18px; }\n }\n\n\n \/* \u2500\u2500\u2500 FUTURE \/ MYSTERY MAESTRAS \u2500\u2500\u2500 *\/\n .obc-future {\n max-width: 1140px;\n margin: 80px auto 0;\n padding-top: 56px;\n border-top: 1px solid rgba(184,58,110,.18);\n }\n .obc-future__header {\n text-align: center;\n margin-bottom: 44px;\n }\n .obc-future__kicker {\n display: inline-block;\n font-family: var(--font-body);\n font-size: 10px;\n font-weight: 600;\n letter-spacing: .3em;\n text-transform: uppercase;\n color: var(--brand);\n margin-bottom: 16px;\n }\n .obc-future__title {\n font-family: var(--font-display);\n font-weight: 500;\n font-size: clamp(24px, 3.2vw, 36px);\n line-height: 1.15;\n color: var(--text-dark);\n margin: 0;\n letter-spacing: -0.01em;\n text-transform: none !important;\n }\n .obc-future__title em {\n font-style: italic;\n color: var(--brand);\n }\n\n \/* Grid 4 cards *\/\n .obc-future__grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 16px;\n }\n\n .obc-future__card {\n position: relative;\n aspect-ratio: 4\/5;\n background: linear-gradient(165deg, #1A0A12 0%, #0A0A0A 100%);\n border: 1px solid rgba(184,58,110,.25);\n border-radius: 4px;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n transition: border-color .4s ease, transform .4s cubic-bezier(.16,1,.3,1), box-shadow .4s ease;\n }\n .obc-future__card:hover {\n border-color: rgba(232,181,71,.45);\n transform: translateY(-3px);\n box-shadow: 0 16px 36px rgba(0,0,0,.3), 0 0 0 1px rgba(232,181,71,.12);\n }\n\n \/* Visual area con silueta + ? *\/\n .obc-future__card-visual {\n position: relative;\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n }\n .obc-future__silhouette {\n position: absolute;\n inset: 14% 30% 14% 30%;\n background-color: var(--brand);\n opacity: .14;\n -webkit-mask-image: url('https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a0862628d08689eb2580ab8.png');\n mask-image: url('https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a0862628d08689eb2580ab8.png');\n -webkit-mask-size: contain;\n mask-size: contain;\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n -webkit-mask-position: center;\n mask-position: center;\n transition: opacity .4s ease;\n }\n .obc-future__card:hover .obc-future__silhouette {\n opacity: .22;\n }\n .obc-future__mark,\n .obc-sec--light .obc-future__mark {\n position: relative !important;\n z-index: 1 !important;\n font-family: 'Playfair Display', Georgia, serif !important;\n font-style: italic !important;\n font-weight: 500 !important;\n font-size: clamp(64px, 8vw, 96px) !important;\n color: #E8B547 !important;\n line-height: 1 !important;\n opacity: .85 !important;\n }\n .obc-future__plus,\n .obc-sec--light .obc-future__plus {\n position: relative !important;\n z-index: 1 !important;\n font-family: 'Playfair Display', Georgia, serif !important;\n font-weight: 500 !important;\n font-size: clamp(64px, 8vw, 96px) !important;\n color: #E8B547 !important;\n line-height: 1 !important;\n opacity: .7 !important;\n }\n \/* Variant \"and more\" card *\/\n .obc-future__card--more {\n background: linear-gradient(165deg, #0A0A0A 0%, #1A0A12 100%);\n border-style: dashed;\n border-color: rgba(232,181,71,.3);\n }\n .obc-future__card--more:hover {\n border-style: solid;\n border-color: rgba(232,181,71,.55);\n }\n\n \/* Foot tag de card *\/\n .obc-future__card-foot {\n padding: 14px 16px;\n border-top: 1px solid rgba(184,58,110,.18);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n background: rgba(10,10,10,.4);\n }\n .obc-future__card-num,\n .obc-sec--light .obc-future__card-num {\n font-family: 'Playfair Display', Georgia, serif !important;\n font-style: italic !important;\n font-size: 16px !important;\n color: #B83A6E !important;\n line-height: 1 !important;\n }\n .obc-future__card-status,\n .obc-sec--light .obc-future__card-status {\n font-family: 'Inter', sans-serif !important;\n font-size: 9px !important;\n font-weight: 600 !important;\n letter-spacing: .22em !important;\n text-transform: uppercase !important;\n color: rgba(255,255,255,0.72) !important;\n }\n .obc-future__card-status--revealed,\n .obc-sec--light .obc-future__card-status--revealed {\n color: #E8B547 !important;\n letter-spacing: .18em !important;\n }\n\n \/* CARD LEVANA REVELADA: foto real + tag overlay *\/\n .obc-future__card--revealed {\n background: #1A0A12;\n border-color: rgba(232,181,71,.35);\n }\n .obc-future__card--revealed:hover {\n border-color: var(--gold);\n }\n .obc-future__card--revealed .obc-future__card-visual {\n padding: 0;\n overflow: hidden;\n }\n .obc-future__card--revealed img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: center 18%;\n display: block;\n filter: brightness(0.97) contrast(1.05) saturate(1.05);\n transition: transform 0.7s cubic-bezier(0.16,1,0.3,1);\n }\n .obc-future__card--revealed:hover img {\n transform: scale(1.04);\n }\n \/* Tag overlay con nombre (Levana) *\/\n .obc-future__card-tag {\n position: absolute;\n top: 14px;\n left: 14px;\n font-family: var(--font-display);\n font-style: italic;\n font-size: 22px;\n color: #fff;\n background: rgba(10,10,10,.55);\n backdrop-filter: blur(6px);\n -webkit-backdrop-filter: blur(6px);\n padding: 4px 14px 6px;\n border-radius: 999px;\n border: 1px solid rgba(255,255,255,.18);\n letter-spacing: -0.005em;\n z-index: 2;\n }\n \/* Status \"Bailando hoy\" en card revelada *\/\n .obc-future__card-status--live {\n color: var(--gold) !important;\n position: relative;\n padding-left: 14px;\n }\n .obc-future__card-status--live::before {\n content: '';\n position: absolute;\n left: 0; top: 50%;\n transform: translateY(-50%);\n width: 6px; height: 6px;\n border-radius: 50%;\n background: var(--gold);\n box-shadow: 0 0 0 4px rgba(232,181,71,.18);\n animation: obc-future-pulse 2s ease-in-out infinite;\n }\n @keyframes obc-future-pulse {\n 0%, 100% { box-shadow: 0 0 0 4px rgba(232,181,71,.18); }\n 50% { box-shadow: 0 0 0 7px rgba(232,181,71,.06); }\n }\n\n \/* Cierre con quote + CTA *\/\n .obc-future__close {\n margin: 48px auto 0;\n max-width: 720px;\n text-align: center;\n }\n .obc-future__quote {\n font-family: var(--font-display);\n font-style: italic;\n font-weight: 500;\n font-size: clamp(22px, 2.6vw, 30px);\n line-height: 1.4;\n color: var(--text-dark);\n margin: 0 0 32px;\n padding: 0;\n border: 0;\n max-width: 560px;\n margin-left: auto;\n margin-right: auto;\n }\n .obc-future__quote span {\n display: block;\n color: var(--brand);\n margin-top: 4px;\n }\n .obc-future__cta {\n display: inline-flex;\n align-items: center;\n gap: 14px;\n font-family: var(--font-body);\n font-size: 13px;\n font-weight: 600;\n letter-spacing: .22em;\n text-transform: uppercase;\n color: #fff;\n background: var(--brand);\n padding: 18px 32px;\n border-radius: 4px;\n text-decoration: none;\n transition: background .3s ease, transform .3s ease, box-shadow .3s ease;\n box-shadow: 0 12px 30px rgba(184,58,110,.22);\n }\n .obc-future__cta:hover {\n background: var(--brand-hover);\n transform: translateY(-2px);\n box-shadow: 0 18px 44px rgba(184,58,110,.32);\n }\n .obc-future__cta-arrow {\n display: inline-block;\n transition: transform .3s ease;\n }\n .obc-future__cta:hover .obc-future__cta-arrow {\n transform: translateX(4px);\n }\n .obc-future__note {\n margin: 22px auto 0;\n max-width: 520px;\n font-family: var(--font-body);\n font-size: 12px;\n line-height: 1.7;\n color: var(--text-dark);\n opacity: .6;\n letter-spacing: .04em;\n }\n .obc-future__note strong {\n color: var(--brand);\n font-weight: 600;\n }\n\n @media (max-width: 720px) {\n .obc-future { margin-top: 56px; padding-top: 40px; }\n .obc-future__grid { grid-template-columns: 1fr 1fr; gap: 12px; }\n .obc-future__header { margin-bottom: 32px; padding: 0 16px; }\n .obc-future__close { padding: 0 20px; }\n .obc-future__card-tag { font-size: 18px; top: 10px; left: 10px; padding: 3px 12px; }\n }\n <\/style>\n\n \n <section class=\"obc-banner-statement obc-reveal\">\n <div class=\"obc-banner-statement__bg\"><\/div>\n <div class=\"obc-banner-statement__inner\">\n <span class=\"obc-banner-statement__pre\">El momento ha llegado<\/span>\n <h2 class=\"obc-banner-statement__title\">\n La democratización<br>del bellydance<br>\n <em>ha llegado.<\/em>\n <\/h2>\n <div class=\"obc-banner-statement__rule\"><\/div>\n <\/div>\n <\/section>\n\n \n <style>\n @keyframes obc-videoGlow {\n 0%, 100% { box-shadow: 0 0 30px rgba(184,58,110,0.15), 0 8px 40px rgba(0,0,0,0.4); }\n 50% { box-shadow: 0 0 50px rgba(184,58,110,0.25), 0 12px 50px rgba(0,0,0,0.5); }\n }\n .obc-preview-card {\n border-radius: 22px;\n overflow: hidden;\n border: 2px solid rgba(184,58,110,0.4);\n position: relative;\n transition: transform 0.45s ease, border-color 0.45s ease, box-shadow 0.45s ease;\n animation: obc-videoGlow 4s ease-in-out infinite;\n box-shadow: 0 28px 80px rgba(0,0,0,0.55), 0 0 60px rgba(184,58,110,0.22);\n }\n .obc-preview-card::after {\n content: '';\n position: absolute;\n inset: 0;\n border-radius: 22px;\n background: linear-gradient(135deg, rgba(184,58,110,0.14) 0%, transparent 42%, transparent 58%, rgba(184,58,110,0.1) 100%);\n pointer-events: none;\n mix-blend-mode: screen;\n opacity: 0.7;\n }\n .obc-preview-card:nth-child(2) { animation-delay: 2s; }\n .obc-preview-card:hover {\n transform: translateY(-14px) scale(1.04);\n border-color: var(--brand);\n box-shadow: 0 40px 110px rgba(0,0,0,0.7), 0 0 120px rgba(184,58,110,0.5);\n }\n <\/style>\n\n <section class=\"obc-sec\" style=\"padding: 100px 0; position: relative; overflow: hidden;\">\n \n <div style=\"position: absolute; top: 50%; left: 50%; width: 800px; height: 800px; background: radial-gradient(circle, rgba(184,58,110,0.06) 0%, transparent 60%); transform: translate(-50%, -50%); pointer-events: none;\"><\/div>\n\n <div class=\"obc-w\" style=\"position: relative; z-index: 1;\">\n <div class=\"obc-mira__grid\">\n\n \n <div class=\"obc-mira__header obc-reveal\">\n <span class=\"obc-badge\" style=\"margin-bottom: 24px;\">Esto no te lo puedes perder<\/span>\n <h2 style=\"font-size: clamp(38px, 5.2vw, 64px); margin-bottom: 0; line-height: 1.04; letter-spacing: -0.015em;\">\n Esto es lo que te espera dentro.\n <\/h2>\n <\/div>\n\n \n <div class=\"obc-mira__video obc-reveal\">\n <div class=\"obc-preview-card\" style=\"max-width: 360px; width: 100%; margin: 0 auto;\">\n <video playsinline muted loop autoplay preload=\"metadata\" style=\"width: 100%; aspect-ratio: 9\/16; object-fit: cover; display: block;\">\n <source src=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a0923728d08689eb277ecef.mp4\" type=\"video\/mp4\">\n <\/video>\n <\/div>\n <\/div>\n\n \n <div class=\"obc-mira__body obc-reveal\">\n <div class=\"obc-mira__rule\"><\/div>\n\n <p style=\"font-family:var(--font-display-it); font-style:italic; font-size: clamp(20px, 2vw, 24px); color: var(--text); line-height: 1.5; max-width: 520px; margin: 0 0 32px;\">\n Miles de bailarinas aprenden con Levana por el mundo.\n <span style=\"color: var(--brand);\">Ahora puedes bailar con ella<\/span> cuando y donde quieras.\n <\/p>\n\n <div class=\"obc-mira__stats\">\n <div class=\"obc-mira__stat\">\n <span class=\"obc-mira__stat-num\">+15<\/span>\n <span class=\"obc-mira__stat-label\">pa\u00edses<br>recorridos<\/span>\n <\/div>\n <div class=\"obc-mira__stat-divider\"><\/div>\n <div class=\"obc-mira__stat\">\n <span class=\"obc-mira__stat-num\">+10 años<\/span>\n <span class=\"obc-mira__stat-label\">en escenarios<br>internacionales<\/span>\n <\/div>\n <div class=\"obc-mira__stat-divider\"><\/div>\n <div class=\"obc-mira__stat\">\n <span class=\"obc-mira__stat-num\">24\/7<\/span>\n <span class=\"obc-mira__stat-label\">acceso desde<br>cualquier lugar<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <style>\n \/* Secci\u00f3n Mira c\u00f3mo baila \u2014 split 2-col editorial con areas reordenables *\/\n .obc-mira__grid {\n display: grid;\n grid-template-columns: 1fr 1.15fr;\n grid-template-areas:\n \"video header\"\n \"video body\";\n column-gap: 80px;\n row-gap: 28px;\n align-items: center;\n max-width: 1100px;\n margin: 0 auto;\n }\n .obc-mira__header { grid-area: header; text-align: left; align-self: end; }\n .obc-mira__video { grid-area: video; }\n .obc-mira__body { grid-area: body; text-align: left; align-self: start; }\n .obc-mira__rule {\n width: 48px;\n height: 1px;\n background: var(--gold);\n margin-bottom: 28px;\n opacity: .7;\n }\n\n \/* Stats editorial inline *\/\n .obc-mira__stats {\n display: flex;\n align-items: stretch;\n gap: 0;\n padding-top: 8px;\n }\n .obc-mira__stat {\n flex: 0 0 auto;\n padding-right: 28px;\n }\n .obc-mira__stat:not(:first-child) { padding-left: 28px; }\n .obc-mira__stat-num {\n display: block;\n font-family: var(--font-display);\n font-style: italic;\n font-size: 32px;\n color: var(--brand);\n line-height: 1;\n letter-spacing: -0.02em;\n margin-bottom: 6px;\n }\n .obc-mira__stat-label {\n display: block;\n font-family: var(--font-body);\n font-size: 11px;\n font-weight: 500;\n letter-spacing: .14em;\n text-transform: uppercase;\n color: var(--text-m);\n line-height: 1.4;\n }\n .obc-mira__stat-divider {\n flex: 0 0 1px;\n background: rgba(184,58,110,.25);\n align-self: stretch;\n }\n\n \/* Tablet\/Mobile: header \u2192 video \u2192 body en columna \u00fanica *\/\n @media (max-width: 880px) {\n .obc-mira__grid {\n grid-template-columns: 1fr;\n grid-template-areas:\n \"header\"\n \"video\"\n \"body\";\n column-gap: 0;\n row-gap: 36px;\n max-width: 520px;\n padding: 0 20px;\n align-items: stretch;\n }\n .obc-mira__header { text-align: center; align-self: auto; }\n .obc-mira__body { text-align: center; align-self: auto; }\n .obc-mira__body p { max-width: none !important; margin: 0 auto 32px !important; }\n .obc-mira__rule { margin-left: auto; margin-right: auto; }\n\n \/* Stats grid 3 columnas con border separator *\/\n .obc-mira__stats {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 0;\n padding-top: 8px;\n }\n .obc-mira__stat {\n padding: 0 14px !important;\n border-right: 1px solid rgba(184,58,110,.22);\n }\n .obc-mira__stat:last-child { border-right: 0; }\n .obc-mira__stat-divider { display: none; }\n .obc-mira__stat-num { font-size: 26px !important; }\n .obc-mira__stat-label { font-size: 10px !important; letter-spacing: .12em !important; }\n }\n \/* Mobile peque\u00f1o: stats apilados verticales con l\u00edneas horizontales *\/\n @media (max-width: 480px) {\n .obc-mira__stats {\n grid-template-columns: 1fr;\n max-width: 280px;\n margin: 0 auto;\n }\n .obc-mira__stat {\n padding: 18px 0 !important;\n border-right: 0 !important;\n border-bottom: 1px solid rgba(184,58,110,.22);\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n text-align: left;\n }\n .obc-mira__stat:last-child { border-bottom: 0; }\n .obc-mira__stat-num {\n margin-bottom: 0 !important;\n flex: 0 0 auto;\n }\n .obc-mira__stat-label {\n text-align: right;\n flex: 1;\n line-height: 1.3 !important;\n }\n }\n <\/style>\n\n \n <style>\n @keyframes obc-marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }\n .obc-marquee-wrap { overflow: hidden; position: relative; }\n .obc-marquee-wrap::before, .obc-marquee-wrap::after {\n content: ''; position: absolute; top: 0; bottom: 0; width: 80px; z-index: 2; pointer-events: none;\n }\n .obc-marquee-wrap::before { left: 0; background: linear-gradient(90deg, #0A0A0A, transparent); }\n .obc-marquee-wrap::after { right: 0; background: linear-gradient(90deg, transparent, #0A0A0A); }\n .obc-marquee-track {\n display: flex; width: max-content;\n animation: obc-marquee 25s linear infinite;\n }\n .obc-marquee-track--slow { animation-duration: 35s; }\n .obc-marquee-item {\n display: flex; align-items: center; gap: 16px;\n padding: 0 24px; white-space: nowrap;\n font-size: clamp(18px, 3vw, 28px); font-weight: 600;\n text-transform: uppercase; letter-spacing: 0.02em;\n }\n .obc-marquee-item--names { color: var(--text); }\n .obc-marquee-item--events { color: rgba(255,255,255,0.25); }\n .obc-marquee-dot {\n width: 6px; height: 6px; border-radius: 50%;\n background: var(--brand); flex-shrink: 0;\n }\n <\/style>\n\n <section class=\"obc-marquee--light obc-marquee-section\" style=\"padding: 90px 0 80px; background: var(--bg-light); position: relative; overflow: hidden;\">\n\n \n <div class=\"obc-w obc-marquee-section__header obc-reveal\">\n <span class=\"obc-badge\" style=\"display:inline-block; margin-bottom: 22px;\">Donde ya enseña Levana<\/span>\n <h2 class=\"obc-marquee-section__title\">\n De gira por el mundo,<br>\n <em>ahora en tu pantalla.<\/em>\n <\/h2>\n <div class=\"obc-marquee-section__rule\"><\/div>\n <\/div>\n\n \n <div class=\"obc-marquee-wrap\" style=\"margin-bottom: 12px;\">\n <div class=\"obc-marquee-track\">\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> Ucrania<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> El Cairo<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> Estambul<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> Grecia<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> Buenos Aires<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> México<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> España<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> Ucrania<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> El Cairo<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> Estambul<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> Grecia<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> Buenos Aires<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> México<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--names\"><span class=\"obc-marquee-dot\"><\/span> España<\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"obc-marquee-wrap\">\n <div class=\"obc-marquee-track obc-marquee-track--slow\" style=\"animation-direction: reverse;\">\n <span class=\"obc-marquee-item obc-marquee-item--events\"><span class=\"obc-marquee-dot\" style=\"background: rgba(255,255,255,0.15);\"><\/span> Jurado internacional<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--events\"><span class=\"obc-marquee-dot\" style=\"background: rgba(255,255,255,0.15);\"><\/span> Workshops Europa<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--events\"><span class=\"obc-marquee-dot\" style=\"background: rgba(255,255,255,0.15);\"><\/span> Galas Latinoamérica<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--events\"><span class=\"obc-marquee-dot\" style=\"background: rgba(255,255,255,0.15);\"><\/span> Festivales Oriente<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--events\"><span class=\"obc-marquee-dot\" style=\"background: rgba(255,255,255,0.15);\"><\/span> Escuelas referentes<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--events\"><span class=\"obc-marquee-dot\" style=\"background: rgba(255,255,255,0.15);\"><\/span> Galas Latinoamérica<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--events\"><span class=\"obc-marquee-dot\" style=\"background: rgba(255,255,255,0.15);\"><\/span> Jurado internacional<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--events\"><span class=\"obc-marquee-dot\" style=\"background: rgba(255,255,255,0.15);\"><\/span> Workshops Europa<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--events\"><span class=\"obc-marquee-dot\" style=\"background: rgba(255,255,255,0.15);\"><\/span> Festivales Oriente<\/span>\n <span class=\"obc-marquee-item obc-marquee-item--events\"><span class=\"obc-marquee-dot\" style=\"background: rgba(255,255,255,0.15);\"><\/span> Escuelas referentes<\/span>\n <\/div>\n <\/div>\n\n <\/section>\n\n \n <style>\n @keyframes obc-howGlow1 {\n 0%, 100% { opacity: 0.07; transform: translate(-60%, -50%) scale(1); }\n 50% { opacity: 0.14; transform: translate(-60%, -50%) scale(1.2); }\n }\n @keyframes obc-howGlow2 {\n 0%, 100% { opacity: 0.05; transform: translate(60%, -40%) scale(1.1); }\n 50% { opacity: 0.1; transform: translate(60%, -40%) scale(0.9); }\n }\n @keyframes obc-howParticle {\n 0%, 100% { opacity: 0; transform: translateY(0) scale(0.5); }\n 15% { opacity: 0.45; }\n 50% { opacity: 0.2; transform: translateY(-100px) scale(1.2); }\n 85% { opacity: 0.45; }\n }\n <\/style>\n\n <section class=\"obc-sec obc-tc obc-sec--vino\" id=\"funciona\" style=\"position: relative; overflow: hidden;\">\n \n <div style=\"position: absolute; top: 50%; left: 50%; width: 800px; height: 800px; background: radial-gradient(circle, rgba(184,58,110,0.12) 0%, transparent 60%); animation: obc-howGlow1 7s ease-in-out infinite; pointer-events: none;\"><\/div>\n <div style=\"position: absolute; top: 40%; left: 50%; width: 600px; height: 600px; background: radial-gradient(circle, rgba(107,33,168,0.06) 0%, transparent 60%); animation: obc-howGlow2 9s ease-in-out 2s infinite; pointer-events: none;\"><\/div>\n\n \n <div style=\"position: absolute; top: 15%; left: 10%; width: 5px; height: 5px; border-radius: 50%; background: var(--brand); animation: obc-howParticle 6s ease-in-out infinite; pointer-events: none;\"><\/div>\n <div style=\"position: absolute; top: 40%; right: 8%; width: 4px; height: 4px; border-radius: 50%; background: var(--brand); animation: obc-howParticle 8s ease-in-out 1.5s infinite; pointer-events: none;\"><\/div>\n <div style=\"position: absolute; top: 65%; left: 6%; width: 3px; height: 3px; border-radius: 50%; background: rgba(184,58,110,0.5); animation: obc-howParticle 7s ease-in-out 3s infinite; pointer-events: none;\"><\/div>\n <div style=\"position: absolute; top: 80%; right: 15%; width: 6px; height: 6px; border-radius: 50%; background: rgba(184,58,110,0.35); animation: obc-howParticle 9s ease-in-out 4s infinite; pointer-events: none;\"><\/div>\n <div style=\"position: absolute; top: 25%; right: 25%; width: 3px; height: 3px; border-radius: 50%; background: rgba(184,58,110,0.4); animation: obc-howParticle 5s ease-in-out 2s infinite; pointer-events: none;\"><\/div>\n\n <div class=\"obc-w\" style=\"position: relative; z-index: 1;\">\n <span class=\"obc-badge obc-reveal\">Un lugar sin límites<\/span>\n <h2 class=\"obc-reveal obc-h2--caps\" style=\"margin-bottom: 18px;\">\n Tu sala de ensayo,<br>\n <span class=\"obc-h2--caps__accent\">donde tú quieras.<\/span>\n <\/h2>\n <p style=\"font-family:var(--font-body); font-size: 17px; color: var(--text-m); margin-bottom: 80px; max-width: 600px; margin-left: auto; margin-right: auto; line-height: 1.8;\">\n Una plataforma pensada para transformar tu baile. Sin horarios, sin desplazamientos, ahorrándote mucho dinero en viajes.\n <\/p>\n\n \n <div class=\"obc-reveal obc-how-step\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; margin-bottom: 96px;\">\n <div style=\"text-align: left;\">\n <div style=\"font-family: var(--font-display); font-size: 96px; color: var(--gold); line-height: 1; margin-bottom: 14px;\">01<\/div>\n <h3 style=\"font-size: 30px; margin-bottom: 14px;\">Evoluciona tu forma de bailar<br><em>con los mejores programas del mundo.<\/em><\/h3>\n <p style=\"font-family: var(--font-body); font-size: 16px; color: var(--text-m); line-height: 1.85;\">Empieza con Levana mejorando todo aquello que necesitas para brillar como siempre has imaginado encima del escenario.<\/p>\n <\/div>\n <div style=\"position: relative; border-radius: 16px; overflow: hidden; border: 2px solid var(--border); aspect-ratio: 16\/10; background: #111;\">\n \n <div style=\"height: 100%; display: flex; flex-direction: column;\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; padding: 8px 14px; background: rgba(20,20,20,0.95); border-bottom: 1px solid var(--border);\">\n <div style=\"display: flex; align-items: center; gap: 6px;\">\n <div style=\"width: 6px; height: 6px; border-radius: 50%; background: var(--elite);\"><\/div>\n <div style=\"width: 6px; height: 6px; border-radius: 50%; background: #F59E0B;\"><\/div>\n <div style=\"width: 6px; height: 6px; border-radius: 50%; background: var(--brand);\"><\/div>\n <\/div>\n <span style=\"font-size: 7px; color: var(--text-s); font-weight: 600;\">app.obellyclub.com<\/span>\n <\/div>\n <div style=\"flex: 1; padding: 12px; display: flex; flex-direction: column; min-height: 0;\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px;\">\n <p style=\"font-size: 9px; font-weight: 600; color: var(--text); text-transform: uppercase; letter-spacing: 0.5px;\">Tus masterclass<\/p>\n <div style=\"display: flex; align-items: center; gap: 4px;\">\n <div style=\"width: 18px; height: 18px; border-radius: 50%; background: linear-gradient(135deg, var(--brand-subtle), var(--purple)); display: flex; align-items: center; justify-content: center;\">\n <span style=\"font-size: 7px; font-weight: 600; color: var(--brand);\">M<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <div style=\"flex: 1; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; min-height: 0;\">\n \n <div style=\"background: #000; border-radius: 8px; overflow: hidden; position: relative; border: 1px solid var(--border); cursor: pointer;\">\n <img decoding=\"async\" src=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a091f158d08689eb277774d.jpg\" alt=\"\" role=\"presentation\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover; opacity: 0.6; position: absolute; inset: 0;\">\n <div style=\"position: absolute; inset: 0; background: linear-gradient(transparent 30%, rgba(0,0,0,0.85) 100%);\"><\/div>\n <div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 22px; height: 22px; border-radius: 50%; background: rgba(184,58,110,0.9); display: flex; align-items: center; justify-content: center;\">\n <span style=\"width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 7px; border-color: transparent transparent transparent #fff; margin-left: 1px; display: block;\"><\/span>\n <\/div>\n <div style=\"position: absolute; bottom: 6px; left: 6px; z-index: 1;\">\n <p style=\"font-size: 6px; color: var(--brand);\">Levana<\/p>\n <\/div>\n <div style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: rgba(255,255,255,0.1);\"><div style=\"height: 100%; width: 100%; background: var(--brand);\"><\/div><\/div>\n <\/div>\n \n <div style=\"background: #000; border-radius: 8px; overflow: hidden; position: relative; border: 1px solid var(--border); cursor: pointer;\">\n <img decoding=\"async\" src=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a092ce60a69f1e766b4aa0c.jpg\" alt=\"\" role=\"presentation\" loading=\"lazy\" style=\"width: 100%; height: 100%; object-fit: cover; object-position: center 15%; opacity: 0.55; position: absolute; inset: 0;\">\n <div style=\"position: absolute; inset: 0; background: linear-gradient(transparent 30%, rgba(0,0,0,0.85) 100%);\"><\/div>\n <div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 22px; height: 22px; border-radius: 50%; background: rgba(184,58,110,0.9); display: flex; align-items: center; justify-content: center;\">\n <span style=\"width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 7px; border-color: transparent transparent transparent #fff; margin-left: 1px; display: block;\"><\/span>\n <\/div>\n <div style=\"position: absolute; bottom: 6px; left: 6px; z-index: 1;\">\n <p style=\"font-size: 6px; color: var(--brand);\">Levana<\/p>\n <\/div>\n <div style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: rgba(255,255,255,0.1);\"><div style=\"height: 100%; width: 45%; background: var(--brand);\"><\/div><\/div>\n <\/div>\n \n <div style=\"background: linear-gradient(135deg, #1A0A12 0%, #4A1830 45%, #B83A6E 100%); border-radius: 8px; overflow: hidden; position: relative; border: 1px solid var(--brand-deep); cursor: pointer; box-shadow: 0 0 16px rgba(184,58,110,0.15);\">\n <div style=\"position: absolute; inset: 0; background: radial-gradient(circle at 30% 35%, rgba(255,255,255,0.10), transparent 55%);\"><\/div>\n <div style=\"position: absolute; inset: 0; background: linear-gradient(transparent 30%, rgba(0,0,0,0.7) 100%);\"><\/div>\n <div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 22px; height: 22px; border-radius: 50%; background: rgba(184,58,110,0.95); display: flex; align-items: center; justify-content: center;\">\n <span style=\"width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 7px; border-color: transparent transparent transparent #fff; margin-left: 1px; display: block;\"><\/span>\n <\/div>\n <div style=\"position: absolute; bottom: 6px; left: 6px; z-index: 1;\">\n <p style=\"font-size: 6px; color: var(--brand);\">Levana<\/p>\n <\/div>\n <div style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: rgba(255,255,255,0.1);\"><div style=\"height: 100%; width: 20%; background: var(--brand);\"><\/div><\/div>\n <\/div>\n \n <div style=\"background: linear-gradient(135deg, #1F1518 0%, #2A1F0A 50%, #C99A2F 100%); border-radius: 8px; overflow: hidden; position: relative; border: 1px solid var(--border); cursor: pointer;\">\n <div style=\"position: absolute; inset: 0; background: radial-gradient(circle at 70% 40%, rgba(232,181,71,0.18), transparent 60%);\"><\/div>\n <div style=\"position: absolute; inset: 0; background: linear-gradient(transparent 30%, rgba(0,0,0,0.8) 100%);\"><\/div>\n <div style=\"position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 22px; height: 22px; border-radius: 50%; background: rgba(232,181,71,0.85); display: flex; align-items: center; justify-content: center;\">\n <span style=\"width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 7px; border-color: transparent transparent transparent #fff; margin-left: 1px; display: block;\"><\/span>\n <\/div>\n <div style=\"position: absolute; bottom: 6px; left: 6px; z-index: 1;\">\n <p style=\"font-size: 6px; color: var(--gold);\">Invitada<\/p>\n <\/div>\n <div style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: rgba(255,255,255,0.1);\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"obc-reveal obc-how-step\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; margin-bottom: 96px;\">\n <div style=\"position: relative; order: 0;\">\n <div style=\"border-radius: 16px; overflow: hidden; border: 2px solid var(--border); aspect-ratio: 16\/10; background: #111;\">\n <div style=\"height: 100%; display: flex; flex-direction: column;\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; padding: 8px 14px; background: rgba(20,20,20,0.95); border-bottom: 1px solid var(--border);\">\n <div style=\"display: flex; align-items: center; gap: 6px;\">\n <div style=\"width: 6px; height: 6px; border-radius: 50%; background: var(--elite);\"><\/div>\n <div style=\"width: 6px; height: 6px; border-radius: 50%; background: #F59E0B;\"><\/div>\n <div style=\"width: 6px; height: 6px; border-radius: 50%; background: var(--brand);\"><\/div>\n <\/div>\n <span style=\"font-size: 7px; color: var(--text-s); font-weight: 600;\">app.obellyclub.com<\/span>\n <\/div>\n \n <div style=\"flex: 1; display: grid; grid-template-columns: 1fr 140px; min-height: 0;\">\n <div style=\"background: #000; position: relative;\">\n <video src=\"PLACEHOLDER_PLAYER_MOCKUP.mp4\" autoplay muted loop playsinline preload=\"metadata\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.8;\"><\/video>\n <div style=\"position: absolute; bottom: 0; left: 0; right: 0; padding: 8px 10px; background: linear-gradient(transparent, rgba(0,0,0,0.9));\">\n <div style=\"height: 3px; background: rgba(255,255,255,0.15); border-radius: 2px; margin-bottom: 5px;\">\n <div style=\"height: 100%; width: 62%; background: var(--brand); border-radius: 2px; position: relative;\">\n <div style=\"position: absolute; right: -4px; top: -3px; width: 8px; height: 8px; border-radius: 50%; background: var(--brand);\"><\/div>\n <\/div>\n <\/div>\n <div style=\"display: flex; align-items: center; justify-content: space-between;\">\n <div style=\"display: flex; align-items: center; gap: 6px;\">\n <span style=\"width: 0; height: 0; border-style: solid; border-width: 4px 0 4px 7px; border-color: transparent transparent transparent #fff; display: block;\"><\/span>\n <span style=\"font-size: 7px; color: var(--text-s); font-weight: 600;\">2:18 \/ 3:47<\/span>\n <\/div>\n <span style=\"font-size: 7px; color: var(--text-s); background: rgba(255,255,255,0.1); padding: 2px 5px; border-radius: 3px; font-weight: 600;\">1x<\/span>\n <\/div>\n <\/div>\n <div style=\"position: absolute; top: 8px; left: 10px; z-index: 1;\">\n <span style=\"font-size: 7px; color: #fff; background: rgba(0,0,0,0.6); padding: 3px 8px; border-radius: 4px; font-weight: 600;\">Levana — Técnica I<\/span>\n <\/div>\n <\/div>\n \n <div style=\"background: rgba(18,18,18,0.98); border-left: 1px solid var(--border); padding: 10px 8px; overflow: hidden; display: flex; flex-direction: column; gap: 5px;\">\n <p style=\"font-size: 7px; font-weight: 600; color: var(--text-s); text-transform: uppercase; letter-spacing: 0.8px; margin-bottom: 2px;\">Clases<\/p>\n <div style=\"background: var(--brand-subtle); border-radius: 5px; padding: 6px 7px; border-left: 2px solid var(--brand); display: flex; align-items: center; gap: 5px;\">\n <span style=\"font-size: 8px; color: var(--brand);\">✓<\/span>\n <div><div style=\"height: 4px; width: 60px; background: var(--border); border-radius: 2px;\"><\/div><div style=\"height: 3px; width: 35px; background: rgba(255,255,255,0.06); border-radius: 2px; margin-top: 3px;\"><\/div><\/div>\n <\/div>\n <div style=\"background: var(--brand-subtle); border-radius: 5px; padding: 6px 7px; border-left: 2px solid var(--brand); display: flex; align-items: center; gap: 5px;\">\n <span style=\"font-size: 8px; color: var(--brand);\">✓<\/span>\n <div><div style=\"height: 4px; width: 50px; background: var(--border); border-radius: 2px;\"><\/div><div style=\"height: 3px; width: 30px; background: rgba(255,255,255,0.06); border-radius: 2px; margin-top: 3px;\"><\/div><\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.06); border-radius: 5px; padding: 6px 7px; border-left: 2px solid var(--purple); display: flex; align-items: center; gap: 5px;\">\n <span style=\"font-size: 7px; color: var(--purple);\">▶<\/span>\n <div><div style=\"height: 4px; width: 55px; background: var(--border); border-radius: 2px;\"><\/div><div style=\"height: 3px; width: 25px; background: rgba(255,255,255,0.06); border-radius: 2px; margin-top: 3px;\"><\/div><\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.02); border-radius: 5px; padding: 6px 7px; display: flex; align-items: center; gap: 5px; opacity: 0.5;\">\n <span style=\"font-size: 8px; color: var(--text-s);\">○<\/span>\n <div><div style=\"height: 4px; width: 45px; background: var(--border); border-radius: 2px;\"><\/div><div style=\"height: 3px; width: 28px; background: rgba(255,255,255,0.06); border-radius: 2px; margin-top: 3px;\"><\/div><\/div>\n <\/div>\n <div style=\"background: rgba(255,255,255,0.02); border-radius: 5px; padding: 6px 7px; display: flex; align-items: center; gap: 5px; opacity: 0.5;\">\n <span style=\"font-size: 8px; color: var(--text-s);\">○<\/span>\n <div><div style=\"height: 4px; width: 52px; background: var(--border); border-radius: 2px;\"><\/div><div style=\"height: 3px; width: 32px; background: rgba(255,255,255,0.06); border-radius: 2px; margin-top: 3px;\"><\/div><\/div>\n <\/div>\n <div style=\"margin-top: auto; padding-top: 6px; border-top: 1px solid var(--border);\">\n <div style=\"display: flex; justify-content: space-between; margin-bottom: 3px;\">\n <span style=\"font-size: 6px; color: var(--text-s); font-weight: 600;\">Progreso<\/span>\n <span style=\"font-size: 6px; color: var(--brand); font-weight: 600;\">45%<\/span>\n <\/div>\n <div style=\"height: 3px; background: var(--border); border-radius: 2px;\">\n <div style=\"height: 100%; width: 45%; background: var(--brand); border-radius: 2px;\"><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div style=\"position: absolute; bottom: -20px; right: -16px; width: 100px; height: 180px; background: #111; border-radius: 14px; border: 2px solid var(--border); overflow: hidden; box-shadow: 0 12px 40px rgba(0,0,0,0.6); z-index: 2;\">\n <div style=\"width: 36px; height: 4px; background: #222; border-radius: 3px; margin: 5px auto 0;\"><\/div>\n <div style=\"padding: 4px; height: calc(100% - 14px); display: flex; flex-direction: column; gap: 3px;\">\n <div style=\"flex: 1; background: #000; border-radius: 6px; position: relative; overflow: hidden;\">\n <video src=\"PLACEHOLDER_PLAYER_MOCKUP.mp4\" autoplay muted loop playsinline preload=\"metadata\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.7;\"><\/video>\n <div style=\"position: absolute; bottom: 0; left: 0; right: 0; height: 2px; background: rgba(255,255,255,0.1);\"><div style=\"height: 100%; width: 62%; background: var(--brand);\"><\/div><\/div>\n <\/div>\n <div style=\"display: flex; flex-direction: column; gap: 2px;\">\n <div style=\"display: flex; align-items: center; gap: 3px; padding: 2px 3px; background: var(--brand-subtle); border-radius: 3px;\"><span style=\"font-size: 5px; color: var(--brand);\">✓<\/span><div style=\"height: 2px; width: 50%; background: var(--border); border-radius: 1px;\"><\/div><\/div>\n <div style=\"display: flex; align-items: center; gap: 3px; padding: 2px 3px; background: var(--brand-subtle); border-radius: 3px;\"><span style=\"font-size: 5px; color: var(--brand);\">✓<\/span><div style=\"height: 2px; width: 40%; background: var(--border); border-radius: 1px;\"><\/div><\/div>\n <div style=\"display: flex; align-items: center; gap: 3px; padding: 2px 3px; background: rgba(255,255,255,0.05); border-radius: 3px;\"><span style=\"font-size: 5px; color: var(--purple);\">▶<\/span><div style=\"height: 2px; width: 45%; background: var(--border); border-radius: 1px;\"><\/div><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div style=\"text-align: left; order: 1;\">\n <div style=\"font-family: var(--font-display); font-size: 96px; color: var(--gold); line-height: 1; margin-bottom: 14px;\">02<\/div>\n <h3 style=\"font-size: 30px; margin-bottom: 14px;\">Aprende a tu ritmo,<br><em>sin prisa, sin límites.<\/em><\/h3>\n <p style=\"font-family: var(--font-body); font-size: 16px; color: var(--text-m); line-height: 1.85;\">Masterclass desglosadas paso a paso. Pausa, rebobina, repite. Tu progreso queda guardado para que siempre retomes donde lo dejaste.<\/p>\n <\/div>\n <\/div>\n\n \n <div class=\"obc-reveal obc-how-step\" style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center;\">\n <div style=\"text-align: left;\">\n <div style=\"font-family: var(--font-display); font-size: 96px; color: var(--gold); line-height: 1; margin-bottom: 14px;\">03<\/div>\n <h3 style=\"font-size: 30px; margin-bottom: 14px;\">Practica con<br><em>modo espejo.<\/em><\/h3>\n <p style=\"font-family: var(--font-body); font-size: 16px; color: var(--text-m); line-height: 1.85;\">Activa tu cámara y mírate bailar al lado del vídeo. Como el espejo de la sala, pero en tu pantalla. Te ves, te corriges, y notas la diferencia.<\/p>\n <\/div>\n <div style=\"position: relative; border-radius: 16px; overflow: hidden; border: 2px solid var(--border); aspect-ratio: 16\/10; background: #111;\">\n <div style=\"height: 100%; display: flex; flex-direction: column;\">\n <div style=\"display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; background: rgba(20,20,20,0.95); border-bottom: 1px solid var(--border);\">\n <div style=\"display: flex; align-items: center; gap: 8px;\">\n <div style=\"width: 6px; height: 6px; border-radius: 50%; background: var(--elite);\"><\/div>\n <div style=\"width: 6px; height: 6px; border-radius: 50%; background: #F59E0B;\"><\/div>\n <div style=\"width: 6px; height: 6px; border-radius: 50%; background: var(--brand);\"><\/div>\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 6px;\">\n <span style=\"font-size: 8px; color: var(--brand); background: var(--brand-subtle); padding: 3px 8px; border-radius: 4px; font-weight: 600; border: 1px solid var(--brand-deep);\">🎬 ESPEJO ON<\/span>\n <\/div>\n <\/div>\n \n <div style=\"flex: 1; display: grid; grid-template-columns: 3fr 2fr; gap: 0; min-height: 0;\">\n <div style=\"background: #000; position: relative; display: flex; flex-direction: column;\">\n <div style=\"flex: 1; display: flex; align-items: center; justify-content: center; position: relative;\">\n <video src=\"PLACEHOLDER_MIRROR_MOCKUP.mp4\" autoplay muted loop playsinline preload=\"metadata\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.7;\"><\/video>\n <div style=\"position: absolute; bottom: 0; left: 0; right: 0; padding: 8px 10px; background: linear-gradient(transparent, rgba(0,0,0,0.85));\">\n <div style=\"height: 3px; background: rgba(255,255,255,0.15); border-radius: 2px; margin-bottom: 6px;\">\n <div style=\"height: 100%; width: 38%; background: var(--brand); border-radius: 2px; position: relative;\">\n <div style=\"position: absolute; right: -4px; top: -3px; width: 8px; height: 8px; border-radius: 50%; background: var(--brand);\"><\/div>\n <\/div>\n <\/div>\n <div style=\"display: flex; align-items: center; justify-content: space-between;\">\n <div style=\"display: flex; align-items: center; gap: 8px;\">\n <span style=\"width: 0; height: 0; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #fff; display: block;\"><\/span>\n <span style=\"font-size: 7px; color: var(--text-s); font-weight: 600;\">1:24 \/ 3:47<\/span>\n <\/div>\n <div style=\"display: flex; align-items: center; gap: 6px;\">\n <span style=\"font-size: 7px; color: var(--text-s); background: rgba(255,255,255,0.1); padding: 2px 5px; border-radius: 3px; font-weight: 600;\">1x<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <div style=\"padding: 6px 10px; background: rgba(20,20,20,0.95);\">\n <p style=\"font-size: 8px; font-weight: 600; color: var(--text); margin: 0;\">Levana — Técnica I<\/p>\n <p style=\"font-size: 7px; color: var(--text-s); margin: 2px 0 0;\">Clase 3: Run-through completo<\/p>\n <\/div>\n <\/div>\n \n <div style=\"position: relative; overflow: hidden; border-left: 2px solid var(--brand-deep);\">\n <video src=\"PLACEHOLDER_MIRROR_MOCKUP.mp4\" autoplay muted loop playsinline preload=\"metadata\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scaleX(-1); filter: brightness(0.75) saturate(0.85);\"><\/video>\n <div style=\"position: absolute; inset: 0; border: 2px solid rgba(184,58,110,0.25); pointer-events: none;\"><\/div>\n <div style=\"position: absolute; top: 10px; right: 10px; display: flex; align-items: center; gap: 4px; z-index: 1;\">\n <div style=\"width: 6px; height: 6px; border-radius: 50%; background: var(--elite); animation: obc-pulse-subtle 1s ease-in-out infinite;\"><\/div>\n <span style=\"font-size: 7px; font-weight: 600; color: var(--elite); letter-spacing: 0.5px;\">REC<\/span>\n <\/div>\n <div style=\"position: absolute; bottom: 10px; left: 10px; z-index: 1;\">\n <span style=\"font-size: 8px; color: var(--brand); background: rgba(0,0,0,0.6); padding: 3px 8px; border-radius: 4px; font-weight: 600; border: 1px solid var(--brand-deep);\">Tú<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/section>\n\n \n <section class=\"obc-sec obc-test\" id=\"mundo\">\n <div class=\"obc-w\">\n <div class=\"obc-mundo__grid\">\n\n \n <div class=\"obc-mundo__header obc-reveal\">\n <span class=\"obc-badge\" style=\"margin-bottom: 24px;\">Levana por el mundo<\/span>\n <h2 style=\"font-size: clamp(38px, 5.2vw, 64px); margin-bottom: 0; line-height: 1.04; letter-spacing: -0.015em;\">\n Donde llega Levana,<br>\n las bailarinas <em>cambian.<\/em>\n <\/h2>\n <\/div>\n\n \n <div class=\"obc-mundo__video obc-reveal\">\n <div class=\"obc-cinema__frame\" style=\"position: relative; aspect-ratio: 9\/16; max-width: 360px; margin: 0 auto; background: #000; border-radius: 6px; overflow: hidden; border: 1px solid var(--border); box-shadow: 0 40px 100px rgba(0,0,0,.55), 0 0 0 1px rgba(184,58,110,.1);\">\n <video\n id=\"obc-mundo-video\"\n playsinline muted loop autoplay preload=\"metadata\"\n style=\"width: 100%; height: 100%; object-fit: cover; display: block;\"\n >\n <source src=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a0923720a69f1e766b3a7d4.mp4\" type=\"video\/mp4\">\n <\/video>\n \n <span class=\"obc-cinema__corner obc-cinema__corner--tl\"><\/span>\n <span class=\"obc-cinema__corner obc-cinema__corner--tr\"><\/span>\n <span class=\"obc-cinema__corner obc-cinema__corner--bl\"><\/span>\n <span class=\"obc-cinema__corner obc-cinema__corner--br\"><\/span>\n <\/div>\n <\/div>\n\n \n <div class=\"obc-mundo__body obc-reveal\">\n <div class=\"obc-mundo__rule\"><\/div>\n\n <p style=\"font-family: var(--font-display-it); font-style: italic; font-size: clamp(20px, 2vw, 24px); color: var(--text); line-height: 1.5; max-width: 520px; margin: 0 0 32px;\">\n Workshops, congresos, festivales. País tras país, sala tras sala.\n <span style=\"color: var(--brand);\">Lo que vivirás dentro de ObellyClub ya lo viven sus alumnas presenciales<\/span>, en cualquier rincón del mundo.\n <\/p>\n\n \n <p class=\"obc-mundo__cities\">\n <span class=\"obc-mundo__cities-label\">Donde ya ense\u00f1a<\/span>\n <span class=\"obc-mundo__cities-list\">\n Grecia · El Cairo · Estambul · Ucrania · Buenos Aires\n <\/span>\n <\/p>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <style>\n \/* Secci\u00f3n Levana por el mundo \u2014 split 2-col editorial (texto izq, video dcha) *\/\n .obc-mundo__grid {\n display: grid;\n grid-template-columns: 1.15fr 1fr;\n grid-template-areas:\n \"header video\"\n \"body video\";\n column-gap: 80px;\n row-gap: 28px;\n align-items: center;\n max-width: 1100px;\n margin: 0 auto;\n }\n .obc-mundo__header { grid-area: header; text-align: left; align-self: end; }\n .obc-mundo__video { grid-area: video; }\n .obc-mundo__body { grid-area: body; text-align: left; align-self: start; }\n .obc-mundo__rule {\n width: 48px;\n height: 1px;\n background: var(--gold);\n margin-bottom: 28px;\n opacity: .7;\n }\n .obc-mundo__cities {\n font-family: var(--font-body);\n margin: 0;\n display: flex;\n align-items: baseline;\n gap: 14px;\n flex-wrap: wrap;\n padding-top: 16px;\n border-top: 1px solid rgba(184,58,110,.18);\n }\n .obc-mundo__cities-label {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: .26em;\n text-transform: uppercase;\n color: var(--brand);\n white-space: nowrap;\n }\n .obc-mundo__cities-list {\n font-family: var(--font-display-it);\n font-style: italic;\n font-size: clamp(15px, 1.5vw, 18px);\n color: var(--text-m);\n }\n\n \/* Tablet\/Mobile: stack header \u2192 video \u2192 body *\/\n @media (max-width: 880px) {\n .obc-mundo__grid {\n grid-template-columns: 1fr;\n grid-template-areas:\n \"header\"\n \"video\"\n \"body\";\n column-gap: 0;\n row-gap: 36px;\n max-width: 520px;\n padding: 0 20px;\n align-items: stretch;\n }\n .obc-mundo__header { text-align: center; align-self: auto; }\n .obc-mundo__body { text-align: center; align-self: auto; }\n .obc-mundo__body p { max-width: none !important; margin: 0 auto 32px !important; }\n .obc-mundo__rule { margin-left: auto; margin-right: auto; }\n .obc-mundo__cities { justify-content: center; flex-direction: column; gap: 10px; }\n }\n <\/style>\n\n <style>\n \/* Detalles cinematogr\u00e1ficos *\/\n .obc-cinema__corner {\n position: absolute;\n width: 22px; height: 22px;\n border: 1px solid var(--gold);\n opacity: .55;\n pointer-events: none;\n }\n .obc-cinema__corner--tl { top: 14px; left: 14px; border-right: 0; border-bottom: 0; }\n .obc-cinema__corner--tr { top: 14px; right: 14px; border-left: 0; border-bottom: 0; }\n .obc-cinema__corner--bl { bottom: 14px; left: 14px; border-right: 0; border-top: 0; }\n .obc-cinema__corner--br { bottom: 14px; right: 14px; border-left: 0; border-top: 0; }\n .obc-cinema__frame:hover { box-shadow: 0 50px 130px rgba(0,0,0,.7), 0 0 0 1px rgba(184,58,110,.25) !important; }\n <\/style>\n\n \n <style>\n @keyframes obc-offerGlow {\n 0%, 100% { opacity: 0.06; transform: translate(-50%, -50%) scale(1); }\n 50% { opacity: 0.12; transform: translate(-50%, -50%) scale(1.15); }\n }\n @keyframes obc-lineSweep {\n 0% { left: -30%; opacity: 0; }\n 20% { opacity: 0.7; }\n 80% { opacity: 0.7; }\n 100% { left: 100%; opacity: 0; }\n }\n @keyframes obc-offerParticle {\n 0%, 100% { opacity: 0; transform: translateY(0) scale(0.5); }\n 15% { opacity: 0.5; }\n 50% { opacity: 0.3; transform: translateY(-80px) scale(1); }\n 85% { opacity: 0.5; }\n }\n @keyframes obc-quoteReveal {\n 0% { opacity: 0; transform: translateY(20px) scale(0.95); }\n 100% { opacity: 1; transform: translateY(0) scale(1); }\n }\n @keyframes obc-gradientText {\n 0% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n 100% { background-position: 0% 50%; }\n }\n @keyframes obc-dividerGrow {\n 0% { width: 0; opacity: 0; }\n 100% { width: 50px; opacity: 1; }\n }\n .obc-offer.visible .obc-offer__glass { animation: obc-fadeUp 0.8s ease both 0.2s; }\n .obc-offer.visible .obc-offer__quote-wrap { animation: obc-quoteReveal 0.9s ease both 0.6s; }\n .obc-offer.visible .obc-offer__divider-bar { animation: obc-dividerGrow 0.6s ease both 0.5s; }\n .obc-offer__glass p { opacity: 0; animation: obc-fadeUp 0.7s ease both; }\n .obc-offer.visible .obc-offer__glass p:nth-child(1) { animation-delay: 0.3s; }\n .obc-offer.visible .obc-offer__glass p:nth-child(2) { animation-delay: 0.5s; }\n .obc-offer.visible .obc-offer__glass p:nth-child(3) { animation-delay: 0.7s; }\n .obc-offer.visible .obc-offer__glass p:nth-child(4) { animation-delay: 0.9s; }\n <\/style>\n\n <section class=\"obc-sec obc-offer obc-tc obc-reveal obc-sec--light\" id=\"incluye\" style=\"padding: 80px 0 100px; position: relative; overflow: hidden;\">\n <div style=\"position: absolute; inset: 0; background: url('PLACEHOLDER_OFFER_BG.jpg') center center \/ cover no-repeat; opacity: 0.12; pointer-events: none;\"><\/div>\n <div style=\"position: absolute; inset: 0; background: linear-gradient(180deg, var(--bg) 0%, rgba(10,10,10,0.6) 30%, rgba(10,10,10,0.6) 70%, var(--bg) 100%); pointer-events: none;\"><\/div>\n <div style=\"position: absolute; top: 50%; left: 50%; width: 700px; height: 700px; background: radial-gradient(circle, rgba(184,58,110,0.1) 0%, transparent 65%); animation: obc-offerGlow 6s ease-in-out infinite; pointer-events: none;\"><\/div>\n\n <div style=\"position: absolute; top: 30%; left: 15%; width: 6px; height: 6px; border-radius: 50%; background: var(--brand); animation: obc-offerParticle 5s ease-in-out infinite; pointer-events: none;\"><\/div>\n <div style=\"position: absolute; top: 60%; right: 12%; width: 4px; height: 4px; border-radius: 50%; background: var(--brand); animation: obc-offerParticle 7s ease-in-out 1.5s infinite; pointer-events: none;\"><\/div>\n <div style=\"position: absolute; top: 45%; left: 8%; width: 3px; height: 3px; border-radius: 50%; background: rgba(184,58,110,0.6); animation: obc-offerParticle 6s ease-in-out 3s infinite; pointer-events: none;\"><\/div>\n <div style=\"position: absolute; top: 70%; right: 20%; width: 5px; height: 5px; border-radius: 50%; background: rgba(184,58,110,0.4); animation: obc-offerParticle 8s ease-in-out 2s infinite; pointer-events: none;\"><\/div>\n\n <div class=\"obc-w\" style=\"max-width: 800px; position: relative; z-index: 1;\">\n <span class=\"obc-badge obc-reveal\">Qué incluye<\/span>\n <h2 class=\"obc-reveal obc-h2--caps\" style=\"margin-bottom: 20px;\">\n Todo lo que necesitas para<br>\n <span class=\"obc-h2--caps__accent\">marcar la gran diferencia.<\/span>\n <\/h2>\n\n \n <div class=\"obc-includes-grid obc-reveal\">\n\n <article class=\"obc-includes-card\">\n <div class=\"obc-includes-card__top\">\n <span class=\"obc-includes-card__num\">01<\/span>\n <h3 class=\"obc-includes-card__title\">Complemento <em>perfecto<\/em><\/h3>\n <span class=\"obc-includes-card__label\">Para fundadoras<\/span>\n <\/div>\n <p class=\"obc-includes-card__body\">Para complementar tus clases presenciales y congresos. No los sustituye, los suma.<\/p>\n <\/article>\n\n <article class=\"obc-includes-card\">\n <div class=\"obc-includes-card__top\">\n <span class=\"obc-includes-card__num\">02<\/span>\n <h3 class=\"obc-includes-card__title\">Crecimiento <em>continuo<\/em><\/h3>\n <span class=\"obc-includes-card__label\">Para fundadoras<\/span>\n <\/div>\n <p class=\"obc-includes-card__body\">Para bailarinas experimentadas. Crece junto a las mejores del mundo, mes a mes.<\/p>\n <\/article>\n\n <article class=\"obc-includes-card\">\n <div class=\"obc-includes-card__top\">\n <span class=\"obc-includes-card__num\">03<\/span>\n <h3 class=\"obc-includes-card__title\">Maestras <em>referentes<\/em><\/h3>\n <span class=\"obc-includes-card__label\">Para fundadoras<\/span>\n <\/div>\n <p class=\"obc-includes-card__body\">Acceso a las referentes del bellydance mundial sin viajar a congresos.<\/p>\n <\/article>\n\n <article class=\"obc-includes-card\">\n <div class=\"obc-includes-card__top\">\n <span class=\"obc-includes-card__num\">04<\/span>\n <h3 class=\"obc-includes-card__title\">Comunidad <em>privada<\/em><\/h3>\n <span class=\"obc-includes-card__label\">Para fundadoras<\/span>\n <\/div>\n <p class=\"obc-includes-card__body\">Internacional y exclusiva. Bailarinas como tú, en cualquier rincón del mundo.<\/p>\n <\/article>\n\n <\/div>\n\n \n <div style=\"width:48px; height:1px; background: var(--gold); opacity:.5; margin: 56px auto 32px;\"><\/div>\n\n <p class=\"obc-includes-close obc-reveal\">\n <span>Donde tu baile progresa,<\/span><br>\n <em>tu confianza cambia.<\/em>\n <\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"obc-sec obc-price obc-tc obc-sec--vino\" id=\"obc-form\" style=\"padding: 100px 0; position: relative; overflow: hidden;\">\n\n <div class=\"obc-w\" style=\"position: relative; z-index: 1;\">\n <h2 class=\"obc-reveal\" style=\"font-size: clamp(36px, 5.5vw, 64px); margin-bottom: 16px;\"><em>¿Estás lista?<\/em><\/h2>\n <p style=\"font-family:var(--font-display-it); font-style:italic; font-size: 20px; color: var(--text-m); max-width: 580px; margin: 0 auto 48px; line-height: 1.6;\">\n Tu baile a punto de cambiar para siempre. Conviértete hoy en fundadora de ObellyClub.\n <\/p>\n\n \n <div class=\"obc-price__layout obc-reveal\">\n\n \n <div class=\"obc-price__photo\">\n <img decoding=\"async\" src=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a092ce60a69f1e766b4aa0c.jpg\" alt=\"Levana \u2014 Reserva tu plaza de fundadora\" loading=\"lazy\" width=\"1080\" height=\"1388\">\n <\/div>\n\n \n <div class=\"obc-price__card-new\">\n\n <span class=\"obc-price__badge-new\">Entra a la lista prioritaria y convi\u00e9rtete fundadora desbloqueando el precio secreto de lanzamiento<\/span>\n\n <h3 class=\"obc-price__card-title\">Obt\u00e9n todo ObellyClub<\/h3>\n\n <ul class=\"obc-price__bullets\">\n <li>\n <span>»<\/span>\n <div>\n <strong>Precio de fundadora desbloqueado de por vida<\/strong>\n Un precio que nunca volverás a ver. Reserva hoy y empieza en septiembre.\n <\/div>\n <\/li>\n <li>\n <span>»<\/span>\n <div>\n <strong>WhatsApp privado de fundadoras<\/strong>\n El círculo cerrado con Levana donde se cocina ObellyClub. La puerta solo está abierta ahora \u2014 cuando arranque septiembre, se cierra.\n <\/div>\n <\/li>\n <li>\n <span>»<\/span>\n <div>\n <strong>Voz oficial en cómo crece la escuela<\/strong>\n Las fundadoras opinan, piden y deciden junto a Levana lo que viene. Pasas del DM informal a la mesa donde se construye ObellyClub.\n <\/div>\n <\/li>\n <li>\n <span>»<\/span>\n <div>\n <strong>Acceso anticipado a todo<\/strong>\n Cada nueva maestra, taller y novedad antes que el resto de la comunidad.\n <\/div>\n <\/li>\n <li>\n <span>»<\/span>\n <div>\n <strong>Beneficios con Etoiles D'Orient Fest<\/strong>\n Más formación continua con Levana y comunidad internacional de bailarinas.\n <\/div>\n <\/li>\n <\/ul>\n\n <div class=\"obc-price__divider\"><\/div>\n\n <form id=\"obc-email-form\" class=\"obc-capture-new\">\n <label class=\"obc-capture-new__label\">Rellena el formulario y descubre el precio secreto<\/label>\n <div class=\"obc-capture-new__field\">\n <input type=\"text\" name=\"name\" required autocomplete=\"given-name\" placeholder=\"Tu nombre\" class=\"obc-capture-new__input\">\n <\/div>\n <div class=\"obc-capture-new__field\">\n <input type=\"email\" name=\"email\" required autocomplete=\"email\" placeholder=\"tu@email.com\" class=\"obc-capture-new__input\">\n <\/div>\n <button type=\"submit\" class=\"obc-capture-new__btn\">\n <span class=\"obc-capture-new__btn-line1\">DESBLOQUEAR PRECIO<\/span>\n <span class=\"obc-capture-new__btn-line2\">y quedátelo de por vida<\/span>\n <\/button>\n <p class=\"obc-capture-new__trust\">🔒 Shhh esto es secreto. Te avisaremos antes que a nadie.<\/p>\n <\/form>\n\n <\/div>\n <\/div>\n\n \n <p class=\"obc-price__note-out obc-reveal\">\n ⚡ Esto empieza en septiembre. Reserva tu plaza con el mejor precio y quédatelo de por vida.\n <\/p>\n <\/div>\n <\/section>\n\n \n <section class=\"obc-sec obc-faq obc-tc obc-sec--light\" id=\"faq\">\n <div class=\"obc-w\">\n <span class=\"obc-badge obc-reveal\">Dudas<\/span>\n <h2 class=\"obc-reveal obc-h2--caps\">Preguntas frecuentes<\/h2>\n\n <div class=\"obc-faq__list obc-reveal\">\n <div class=\"obc-faq__item\">\n <div class=\"obc-faq__q\" onclick=\"this.parentElement.classList.toggle('active')\">\n ¿Qué es esto de fundadora?\n <\/div>\n <div class=\"obc-faq__a\">\n <p>Unirte ahora a la comunidad te convierte en una bailarina privilegiada en la que tendrás una participación directa sobre los avances de ObellyClub, además de desbloquear el precio secreto que nunca se va a repetir.<\/p>\n <\/div>\n <\/div>\n <div class=\"obc-faq__item\">\n <div class=\"obc-faq__q\" onclick=\"this.parentElement.classList.toggle('active')\">\n ¿Cuándo abre la escuela?\n <\/div>\n <div class=\"obc-faq__a\">\n <p>En septiembre de 2026. Desde ese día tienes acceso completo a toda la plataforma, masterclass y comunidad.<\/p>\n <\/div>\n <\/div>\n <div class=\"obc-faq__item\">\n <div class=\"obc-faq__q\" onclick=\"this.parentElement.classList.toggle('active')\">\n ¿Y hasta entonces?\n <\/div>\n <div class=\"obc-faq__a\">\n <p>Recibirás material exclusivo solo para fundadoras: contenido de Levana, avances del club y, cuando se vayan confirmando, las presentaciones de las maestras invitadas antes que nadie.<\/p>\n <\/div>\n <\/div>\n <div class=\"obc-faq__item\">\n <div class=\"obc-faq__q\" onclick=\"this.parentElement.classList.toggle('active')\">\n ¿Qué nivel necesito?\n <\/div>\n <div class=\"obc-faq__a\">\n <p>ObellyClub está pensado para bailarinas con base, no para empezar desde cero. Si ya vas a clases regularmente o tienes nivel medio\/avanzado, vas a sacarle todo el partido.<\/p>\n <\/div>\n <\/div>\n <div class=\"obc-faq__item\">\n <div class=\"obc-faq__q\" onclick=\"this.parentElement.classList.toggle('active')\">\n ¿Cómo se renueva?\n <\/div>\n <div class=\"obc-faq__a\">\n <p>Automáticamente cada año al precio de fundadora mientras sigas siendo miembro. Si te das de baja, pierdes ese precio para siempre.<\/p>\n <\/div>\n <\/div>\n <div class=\"obc-faq__item\">\n <div class=\"obc-faq__q\" onclick=\"this.parentElement.classList.toggle('active')\">\n ¿Puedo cancelar?\n <\/div>\n <div class=\"obc-faq__a\">\n <p>Sí. Desde tu cuenta, en cualquier momento. Sin llamadas, sin formularios raros.<\/p>\n <\/div>\n <\/div>\n <div class=\"obc-faq__item\">\n <div class=\"obc-faq__q\" onclick=\"this.parentElement.classList.toggle('active')\">\n ¿Qué es la sinergia con Etoiles D'Orient Fest?\n <\/div>\n <div class=\"obc-faq__a\">\n <p>Uno de los festivales internacionales más relevantes del bellydance, donde Levana es referencia habitual. Las miembros del club tendrán beneficios sorpresa relacionados con el festival, que iremos revelando durante la apertura.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <section class=\"obc-tc\" style=\"padding: 80px 0; position: relative; overflow: hidden;\">\n <video src=\"PLACEHOLDER_FINAL_AMBIENT.mp4\" autoplay muted loop playsinline preload=\"metadata\" style=\"position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0.1; z-index: 0; pointer-events: none; filter: blur(4px);\"><\/video>\n <div style=\"position: absolute; inset: 0; background: linear-gradient(180deg, var(--bg) 0%, rgba(10,10,10,0.6) 15%, rgba(10,10,10,0.6) 85%, var(--bg) 100%); z-index: 0; pointer-events: none;\"><\/div>\n <div style=\"position: absolute; inset: 0; background: radial-gradient(circle at 50% 50%, rgba(184,58,110,0.06) 0%, transparent 60%); pointer-events: none;\"><\/div>\n <div class=\"obc-w\" style=\"position: relative;\">\n <div class=\"obc-ornament\" style=\"margin-bottom:32px;\">\n <span class=\"obc-ornament__line\"><\/span>\n <span class=\"obc-ornament__mark obc-ornament__mark--silueta\" aria-hidden=\"true\"><\/span>\n <span class=\"obc-ornament__line\"><\/span>\n <\/div>\n <h2 class=\"obc-reveal\" style=\"font-size: clamp(36px, 5.5vw, 64px); margin-bottom: 22px;\">\n Tu baile está a punto<br>\n <em>de cambiar para siempre.<\/em>\n <\/h2>\n <p class=\"obc-reveal\" style=\"font-family:var(--font-display-it); font-style:italic; font-size: 22px; color: var(--text-m); max-width: 540px; margin: 0 auto 40px; line-height: 1.6;\">\n Una comunidad de bailarinas que no se conforman.\n <\/p>\n <a href=\"#obc-form\" class=\"obc-buy__btn\">Reservar mi plaza<\/a>\n <\/div>\n <\/section>\n\n <\/main>\n <footer class=\"obc-foot\" style=\"padding: 0;\">\n <div style=\"padding: 32px 20px; display: flex; align-items: center; justify-content: center; gap: 16px;\">\n <div style=\"flex: 1; max-width: 80px; height: 1px; background: linear-gradient(90deg, transparent, var(--border));\"><\/div>\n <div style=\"display: flex; align-items: center; gap: 18px;\">\n <img decoding=\"async\" src=\"https:\/\/assets.cdn.filesafe.space\/Yt9N7KPEmXgNIMQsNGEH\/media\/6a085ef90a69f1e76693022f.png\" alt=\"\" role=\"presentation\" loading=\"lazy\" width=\"160\" height=\"40\" style=\"height: 34px; width: auto; opacity: .85;\">\n <span style=\"font-size: 11px; color: var(--text-s); letter-spacing: 0.5px;\">×<\/span>\n <span style=\"font-size: 13px; color: rgba(255,255,255,0.5); letter-spacing: 0.5px;\">@levana_bellydancer<\/span>\n <\/div>\n <div style=\"flex: 1; max-width: 80px; height: 1px; background: linear-gradient(90deg, var(--border), transparent);\"><\/div>\n <\/div>\n <div style=\"padding: 16px 20px; border-top: 1px solid var(--border); font-size: 12px; color: var(--text-s);\">\n © 2026 ObellyClub. Todos los derechos reservados. ·\n <a href=\"\/aviso-legal\" style=\"color: var(--text-s);\">Aviso legal<\/a> ·\n <a href=\"\/privacidad\" style=\"color: var(--text-s);\">Privacidad<\/a> ·\n <a href=\"\/cookies\" style=\"color: var(--text-s);\">Cookies<\/a>\n <\/div>\n <\/footer>\n\n<\/div>\n\n<script>\n(function(){\n \/\/ \u2500\u2500 Selector de idioma: marca activo + construye URLs equivalentes \u2500\u2500\n try {\n var path = window.location.pathname;\n var search = window.location.search;\n var hash = window.location.hash;\n var isEN = \/^\\\/en(\\\/|$)\/i.test(path);\n document.querySelectorAll('.obc-lang-pill__btn').forEach(function(btn){\n var lang = btn.getAttribute('data-lang');\n var target;\n if (lang === 'en') {\n target = isEN ? path : ('\/en' + (path === '\/' ? '\/' : path));\n } else {\n target = isEN ? (path.replace(\/^\\\/en\/i, '') || '\/') : path;\n }\n btn.setAttribute('href', target + search + hash);\n var active = (isEN && lang === 'en') || (!isEN && lang === 'es');\n btn.classList.toggle('obc-lang-pill__btn--active', active);\n if (active) btn.setAttribute('aria-current', 'true');\n else btn.removeAttribute('aria-current');\n });\n } catch(e) {}\n\n \/\/ \u2500\u2500 Scroll reveal observer \u2500\u2500\n var reveals = document.querySelectorAll('.obc-reveal, .obc-reveal--left, .obc-reveal--right, .obc-reveal--scale, .obc-stagger, .obc-offer');\n if ('IntersectionObserver' in window) {\n var obs = new IntersectionObserver(function(entries) {\n entries.forEach(function(e) {\n if (e.isIntersecting) {\n e.target.classList.add('visible');\n }\n });\n }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n reveals.forEach(function(el) { obs.observe(el); });\n } else {\n reveals.forEach(function(el) { el.classList.add('visible'); });\n }\n\n \/\/ \u2500\u2500 Parallax on hero blobs \u2500\u2500\n var hero = document.querySelector('.obc-hero');\n if (hero) {\n window.addEventListener('mousemove', function(e) {\n var x = (e.clientX \/ window.innerWidth - 0.5) * 20;\n var y = (e.clientY \/ window.innerHeight - 0.5) * 20;\n var bg = hero.querySelector('.obc-hero__bg');\n if (bg) {\n bg.style.transform = 'translate(' + x + 'px, ' + y + 'px) scale(1.05)';\n }\n });\n }\n\n \/\/ \u2500\u2500 Navbar background on scroll \u2500\u2500\n var nav = document.querySelector('.obc-nav');\n if (nav) {\n window.addEventListener('scroll', function() {\n if (window.scrollY > 100) {\n nav.style.background = 'rgba(10,10,10,0.97)';\n nav.style.borderBottomColor = 'var(--brand-deep)';\n } else {\n nav.style.background = 'rgba(10,10,10,0.92)';\n nav.style.borderBottomColor = 'var(--border)';\n }\n });\n }\n})();\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ Testimonial video play\/pause\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\ndocument.querySelectorAll('.obc-test__video').forEach(function(wrapper) {\n var video = wrapper.querySelector('video');\n var playBtn = wrapper.querySelector('.obc-test__video-play');\n if (!video || !playBtn) return;\n function togglePlay() {\n if (video.paused) {\n video.play();\n playBtn.style.opacity = '0';\n playBtn.style.pointerEvents = 'none';\n } else {\n video.pause();\n playBtn.style.opacity = '1';\n playBtn.style.pointerEvents = 'auto';\n }\n }\n playBtn.addEventListener('click', togglePlay);\n video.addEventListener('click', togglePlay);\n video.addEventListener('ended', function() {\n playBtn.style.opacity = '1';\n playBtn.style.pointerEvents = 'auto';\n });\n});\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ Email Capture \u2192 Luxora ObellyClub (GHL)\n\/\/ Detecta el plugin luxora-obc por la variable obcGHL.\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n(function(){\n var form = document.getElementById('obc-email-form');\n if (!form) return;\n if (form.dataset.obcHandled) return;\n form.dataset.obcHandled = '1';\n\n function showSuccess(msg) {\n form.innerHTML = '<div style=\"text-align:center;padding:24px 0;\"><p style=\"font-size:32px;margin-bottom:16px;\">✅<\/p><p style=\"font-size:18px;font-weight: 600;margin-bottom:8px;color:#fff;\">¡Apuntada!<\/p><p style=\"font-size:14px;color:var(--text-m);line-height:1.6;\">' + (msg || 'Te redirigimos al checkout en un instante\u2026') + '<\/p><\/div>';\n }\n\n form.addEventListener('submit', function(e) {\n e.preventDefault();\n var nameInput = form.querySelector('input[name=\"name\"]');\n var emailInput = form.querySelector('input[name=\"email\"]');\n var name = nameInput ? nameInput.value.trim() : '';\n var email = emailInput ? emailInput.value.trim() : '';\n if (!email) return;\n\n var btn = form.querySelector('button[type=\"submit\"]');\n var btnSpan = btn ? (btn.querySelector('span') || btn) : null;\n if (btn) btn.disabled = true;\n if (btnSpan) btnSpan.textContent = 'Enviando...';\n\n \/\/ Plugin Luxora ObellyClub activo\n if (typeof obcGHL !== 'undefined' && obcGHL.ajaxUrl) {\n var data = new FormData();\n data.append('action', 'obc_ghl_capture');\n data.append('nonce', obcGHL.nonce);\n data.append('email', email);\n if (name) data.append('name', name);\n\n fetch(obcGHL.ajaxUrl, { method: 'POST', body: data })\n .then(function(r){ return r.json(); })\n .then(function(res){\n if (res && res.success && res.data && res.data.redirect) {\n showSuccess('Te llevamos a tu plaza\u2026');\n setTimeout(function(){ window.location.href = res.data.redirect; }, 600);\n } else {\n showSuccess();\n }\n })\n .catch(function(){\n \/\/ Si la API falla, redirigimos igualmente al checkout configurado\n if (obcGHL.redirect) {\n window.location.href = obcGHL.redirect + (obcGHL.redirect.indexOf('?') > -1 ? '&' : '?') + 'email=' + encodeURIComponent(email);\n } else {\n showSuccess();\n }\n });\n return;\n }\n\n \/\/ Fallback sin plugin: solo mostramos \u00e9xito\n showSuccess();\n });\n})();\n\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n\/\/ Schema \u2014 FAQ + Service (SEO)\n\/\/ \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n(function(){\n var faq = {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"FAQPage\",\n \"mainEntity\": [\n { \"@type\": \"Question\", \"name\": \"\u00bfQu\u00e9 es esto de fundadora?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Unirte ahora a la comunidad te convierte en una bailarina privilegiada en la que tendr\u00e1s una participaci\u00f3n directa sobre los avances de ObellyClub, adem\u00e1s de desbloquear el precio secreto que nunca se va a repetir.\" }},\n { \"@type\": \"Question\", \"name\": \"\u00bfCu\u00e1ndo abre la escuela?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"En septiembre de 2026. Desde ese d\u00eda tienes acceso completo a toda la plataforma, masterclass y comunidad.\" }},\n { \"@type\": \"Question\", \"name\": \"\u00bfY hasta entonces?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Recibir\u00e1s material exclusivo solo para fundadoras: contenido de Levana, avances del club y, cuando se vayan confirmando, las presentaciones de las maestras invitadas antes que nadie.\" }},\n { \"@type\": \"Question\", \"name\": \"\u00bfQu\u00e9 nivel necesito?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"ObellyClub est\u00e1 pensado para bailarinas con base, no para empezar desde cero. Si ya vas a clases regularmente o tienes nivel medio\/avanzado, vas a sacarle todo el partido.\" }},\n { \"@type\": \"Question\", \"name\": \"\u00bfC\u00f3mo se renueva?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Autom\u00e1ticamente cada a\u00f1o al precio de fundadora mientras sigas siendo miembro. Si te das de baja, pierdes ese precio para siempre.\" }},\n { \"@type\": \"Question\", \"name\": \"\u00bfPuedo cancelar?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"S\u00ed. Desde tu cuenta, en cualquier momento. Sin llamadas, sin formularios raros.\" }},\n { \"@type\": \"Question\", \"name\": \"\u00bfQu\u00e9 es la sinergia con Etoiles D'Orient Fest?\", \"acceptedAnswer\": { \"@type\": \"Answer\", \"text\": \"Uno de los festivales internacionales m\u00e1s relevantes del bellydance, donde Levana es referencia habitual. Las miembros del club tendr\u00e1n beneficios sorpresa relacionados con el festival, que iremos revelando durante la apertura.\" }}\n ]\n };\n var svc = {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"Service\",\n \"name\": \"ObellyClub \u2014 Escuela online de bellydance\",\n \"description\": \"Escuela online de bellydance con Levana al frente. Preventa de fundadoras con precio bloqueado de por vida y apertura en septiembre de 2026.\",\n \"provider\": { \"@type\": \"Organization\", \"name\": \"ObellyClub\", \"url\": \"https:\/\/obellyclub.com\" },\n \"serviceType\": \"Escuela online de bellydance\",\n \"areaServed\": \"Worldwide\",\n \"url\": \"https:\/\/obellyclub.com\"\n };\n [faq, svc].forEach(function(schema) {\n var s = document.createElement('script');\n s.type = 'application\/ld+json';\n s.textContent = JSON.stringify(schema);\n document.head.appendChild(s);\n });\n})();\n<\/script>\n<\/body>\n<\/html>\n\n","protected":false},"excerpt":{"rendered":"<p>ObellyClub \u2014 Escuela online de bellydance con Levana | Preventa fundadoras Maestras Cómo funciona Incluye Precio FAQ ES EN Conviértete en fundadora este pre-lanzamiento de ObellyClub Empodera tu bailarina interior y brilla encima del escenario. Las clases en vivo no siempre son una opción. Baila y aprende con las mejores referentes del mundo dentro de […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-template-blank.php","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/obellyclub.com\/en\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/obellyclub.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/obellyclub.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/obellyclub.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/obellyclub.com\/en\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":37,"href":"https:\/\/obellyclub.com\/en\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":70,"href":"https:\/\/obellyclub.com\/en\/wp-json\/wp\/v2\/pages\/7\/revisions\/70"}],"wp:attachment":[{"href":"https:\/\/obellyclub.com\/en\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"WordPress","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}