:root{ --bg-main: #070B1A; --bg-soft: #111111; --text-main: #F5F3ED; --text-secondary: #CFCBC1; --text-muted: #B8B2A6; --gold-main: #E6C77A; --gold-soft: #F0D998; --gold-dark: #C4A14D; --border-subtle: rgba(230, 199, 122, 0.14); --radius-md: 16px; --radius-lg: 20px; --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --font-heading: "Marcellus", serif; }  *, *::before, *::after{ box-sizing: border-box; } html{ overflow-x: hidden; -webkit-text-size-adjust: 100%; } body{ margin: 0; overflow-x: hidden; } html, body{ background: var(--bg-main) !important; color: var(--text-main) !important; font-family: var(--font-body) !important; } img, svg, video, canvas, iframe{ max-width: 100%; height: auto; } figure{ margin: 0; } a, button, input, textarea, select{ max-width: 100%; } html body.bricks-body, html body.brx-body{ background-color: var(--bg-main) !important; color: var(--text-main) !important; font-family: var(--font-body) !important; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html body.bricks-body #brx-content, html body.brx-body #brx-content, html body.bricks-body .brx-body, html body.brx-body .brx-body{ background: transparent !important; } .brx-body{ background: transparent !important; color: inherit !important; font-family: inherit !important; } .brxe-container, .brxe-block, .brxe-div, .brxe-section{ min-width: 0; } .brxe-container{ color: inherit !important; }  h1.brxe-heading, .brx-body h1, .brxe-heading[data-j-element-id]{ color: #FFFFFF !important; font-family: var(--font-heading) !important; line-height: 1.12 !important; }  .texto-blanco{ color: #FFFFFF !important; }  .tarjeta-mistica{ background: rgba(7, 11, 26, 0.60) !important; backdrop-filter: blur(10px); border: 1px solid rgba(230, 199, 122, 0.15) !important; padding: 40px; border-radius: 20px; transition: transform 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease; text-align: center; } .tarjeta-mistica:hover{ border-color: var(--gold-main) !important; transform: translateY(-10px); box-shadow: 0 10px 30px rgba(168, 85, 247, 0.20); } .tarjeta-mistica img{ width: 120px !important; height: 120px !important; object-fit: cover !important; border-radius: 50% !important; }  .btn-principal{ display: inline-flex; align-items: center; justify-content: center; min-height: 48px; background: linear-gradient(135deg, var(--gold-main) 0%, var(--gold-dark) 100%) !important; color: #070B1A !important; border: none !important; border-radius: 8px !important; padding: 15px 35px !important; font-family: inherit; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; text-decoration: none !important; cursor: pointer; transition: transform 0.3s ease, box-shadow 0.3s ease !important; box-shadow: 0 4px 15px rgba(230, 199, 122, 0.30); } .btn-principal:hover{ transform: translateY(-3px) !important; box-shadow: 0 8px 25px rgba(230, 199, 122, 0.50); } .btn-secundario{ display: inline-flex; align-items: center; justify-content: center; min-height: 48px; background: transparent !important; color: var(--gold-main) !important; border: 1px solid var(--gold-main) !important; border-radius: 8px !important; padding: 14px 34px !important; font-family: inherit; font-size: 16px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; text-decoration: none !important; cursor: pointer; transition: transform 0.3s ease, background 0.3s ease !important; } .btn-secundario:hover{ background: rgba(230, 199, 122, 0.10) !important; transform: translateY(-3px) !important; }  .academy-page{ background: var(--bg-main); color: var(--text-main); overflow-x: hidden; } .academy-page .academy-section{ position: relative; padding-top: 104px; padding-bottom: 104px; } .academy-page .academy-container{ width: 100%; max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; } .academy-page .academy-section-intro{ max-width: 780px; } .academy-page .academy-section-title{ font-family: var(--font-heading) !important; color: #FFFFFF !important; font-size: clamp(34px, 4vw, 50px) !important; line-height: 1.12 !important; margin: 0 0 14px 0 !important; text-wrap: balance; } .academy-page .academy-section-text, .academy-page .academy-section-text p{ color: var(--text-secondary) !important; font-size: 17px; line-height: 1.8; margin: 0; } .academy-page .academy-card{ display: flex; flex-direction: column; gap: 14px; background: linear-gradient(180deg, rgba(18,24,52,0.88) 0%, rgba(9,13,32,0.96) 100%); border: 1px solid rgba(230, 199, 122, 0.14); border-radius: 20px; padding: 28px; backdrop-filter: blur(8px); box-shadow: 0 18px 40px rgba(0,0,0,0.18); min-height: 100%; transition: transform 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease; } .academy-page .academy-card:hover{ transform: translateY(-4px); border-color: rgba(230, 199, 122, 0.32); box-shadow: 0 22px 44px rgba(0,0,0,0.24); } .academy-page .academy-card h3, .academy-page .academy-card h4{ font-family: var(--font-heading) !important; color: var(--gold-main) !important; margin: 0 !important; font-size: clamp(26px, 2vw, 34px) !important; line-height: 1.16 !important; text-wrap: balance; } .academy-page .academy-card p, .academy-page .academy-card li{ color: var(--text-secondary) !important; line-height: 1.8; margin: 0; } .academy-page .academy-card ul{ margin: 14px 0 0; padding-left: 18px; }  .academy-page .academy-hero{ position: relative; overflow: hidden; padding-top: 132px; padding-bottom: 118px; background: radial-gradient(circle at 50% 0%, rgba(230,199,122,0.10) 0%, rgba(7,11,26,0) 42%), linear-gradient(180deg, rgba(7,11,26,0.24) 0%, rgba(7,11,26,0.62) 100%); } .academy-page .academy-hero::before{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(3,8,20,0.18) 0%, rgba(3,8,20,0.52) 28%, rgba(3,8,20,0.70) 100%), radial-gradient(circle at 50% 18%, rgba(230,199,122,0.12) 0%, rgba(7,11,26,0) 32%); pointer-events: none; z-index: 0; } .academy-page .academy-hero > .academy-container, .academy-page .academy-hero .academy-container, .academy-page .academy-hero__inner{ position: relative; z-index: 1; } .academy-page .academy-hero__inner{ max-width: 920px; margin: 0 auto; padding: 38px 36px; text-align: center; background: linear-gradient(180deg, rgba(8,12,28,0.42) 0%, rgba(8,12,28,0.58) 100%); border: 1px solid rgba(230, 199, 122, 0.16); border-radius: 28px; backdrop-filter: blur(10px); box-shadow: 0 18px 44px rgba(0,0,0,0.24); } .academy-page .academy-hero__eyebrow{ display: inline-block; margin: 0 0 14px 0; color: var(--gold-main) !important; font-size: 13px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; line-height: 1.4; } .academy-page .academy-hero__title{ margin: 0 0 18px 0 !important; color: #FFFFFF !important; font-family: var(--font-heading) !important; font-size: clamp(40px, 5vw, 64px) !important; line-height: 1.04 !important; text-align: center !important; text-shadow: 0 6px 24px rgba(230,199,122,0.14); text-wrap: balance; } .academy-page .academy-hero__text{ max-width: 760px; margin: 0 auto; color: var(--text-secondary) !important; font-size: 18px; line-height: 1.8; } .academy-page .academy-hero__actions{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 30px; }  .academy-page .academy-structure__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 30px; align-items: stretch; }  .academy-page .academy-entry__box{ display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(240px, 280px); gap: 32px; align-items: center; background: linear-gradient(180deg, rgba(18,24,52,0.90) 0%, rgba(9,13,32,0.96) 100%); border: 1px solid rgba(230, 199, 122, 0.18); border-radius: 24px; padding: 36px 32px; backdrop-filter: blur(10px); box-shadow: 0 18px 40px rgba(0,0,0,0.22); } .academy-page .academy-entry__eyebrow{ display: inline-block; margin: 0 0 12px 0; color: var(--gold-main) !important; font-size: 13px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; } .academy-page .academy-entry__copy{ max-width: 760px; } .academy-page .academy-entry__copy ul{ margin: 18px 0 0; padding-left: 18px; } .academy-page .academy-entry__copy li{ color: var(--text-secondary) !important; line-height: 1.8; margin-bottom: 8px; } .academy-page .academy-entry__actions{ display: flex; flex-direction: column; gap: 14px; align-items: stretch; justify-content: center; }  .academy-page .academy-paths__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 32px; align-items: stretch; } .academy-page .academy-paths__grid .academy-card{ height: 100%; } .academy-page .academy-path__status{ display: inline-block; margin-top: auto; padding-top: 18px; color: var(--gold-main) !important; font-size: 12px; font-weight: 600; letter-spacing: 0.10em; text-transform: uppercase; opacity: 0.95; }  .academy-page .academy-guide__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 32px; align-items: stretch; }  .academy-page .academy-faq__inner{ max-width: 980px; margin: 0 auto; } .academy-page .academy-faq .accordion-item, .academy-page .academy-faq .brx-accordion-item{ background: rgba(255,255,255,0.03) !important; border: 1px solid rgba(230, 199, 122, 0.14) !important; border-radius: 18px !important; overflow: hidden !important; margin-bottom: 14px; } .academy-page .academy-faq .accordion-title-wrapper, .academy-page .academy-faq .brx-accordion-header{ padding: 0 !important; } .academy-page .academy-faq .accordion-title, .academy-page .academy-faq .brx-accordion-title, .academy-page .academy-faq .accordion-item-title{ display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px; width: 100%; min-height: 76px; padding: 20px 24px !important; color: #FFFFFF !important; font-family: var(--font-heading) !important; font-size: clamp(22px, 2.2vw, 30px) !important; line-height: 1.22 !important; text-align: left !important; white-space: normal !important; text-wrap: balance; } .academy-page .academy-faq .accordion-title *, .academy-page .academy-faq .brx-accordion-title *, .academy-page .academy-faq .accordion-item-title *{ margin: 0 !important; color: inherit !important; font: inherit !important; line-height: inherit !important; } .academy-page .academy-faq .accordion-icon, .academy-page .academy-faq .brx-accordion-icon, .academy-page .academy-faq .accordion-title svg, .academy-page .academy-faq .brx-accordion-title svg{ flex: 0 0 auto; width: 18px; height: 18px; color: var(--gold-main) !important; } .academy-page .academy-faq .accordion-content, .academy-page .academy-faq .brx-accordion-content{ padding: 0 24px 24px 24px !important; color: var(--text-secondary) !important; font-size: 16px !important; line-height: 1.8 !important; } .academy-page .academy-faq .accordion-content p:last-child, .academy-page .academy-faq .brx-accordion-content p:last-child{ margin-bottom: 0; }  .academy-page .academy-cta{ padding-top: 110px; padding-bottom: 120px; } .academy-page .academy-cta__inner{ max-width: 860px; margin: 0 auto; text-align: center; } .academy-page .academy-cta__title{ margin: 0 0 16px 0 !important; color: #FFFFFF !important; font-family: var(--font-heading) !important; font-size: clamp(36px, 4vw, 52px) !important; line-height: 1.1 !important; text-shadow: 0 4px 20px rgba(230, 199, 122, 0.16); text-wrap: balance; } .academy-page .academy-cta__text{ max-width: 680px; margin: 0 auto; color: var(--text-secondary) !important; font-size: 17px; line-height: 1.85; } .academy-page .academy-cta__actions{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 28px; }  .academy-page .btn-principal, .academy-page .btn-secundario{ min-height: 52px; border-radius: 999px !important; padding: 16px 30px !important; font-size: 15px; font-weight: 700; letter-spacing: 0.04em; text-decoration: none !important; }  @media (max-width: 1199px){ .academy-page .academy-hero__inner{ max-width: 880px; padding: 34px 30px; } .academy-page .academy-paths__grid, .academy-page .academy-guide__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 991px){ .course-hero__media{ border-radius: 16px; padding: 8px; } .course-hero__media img{ border-radius: 10px; } .course-hero__content p, .lesson-hero p, .private-area__intro, .dashboard-area__intro{ font-size: 16px; } .course-grid, .lesson-grid{ grid-template-columns: 1fr; gap: 24px; } .course-sidebar{ margin-top: 24px; } .lesson-sidebar{ position: static !important; top: auto !important; } .private-area{ padding-top: 100px; padding-bottom: 70px; } .private-area__grid{ grid-template-columns: 1fr; gap: 20px; } .private-card{ padding: 26px 22px; border-radius: 16px; } .private-card__title{ font-size: 30px; } .dashboard-area{ padding-top: 100px; padding-bottom: 70px; } .dashboard-embed{ padding: 18px; border-radius: 16px; } .dashboard-embed .llms-student-dashboard{ grid-template-columns: 1fr !important; gap: 20px; } .dashboard-embed .llms-login, .dashboard-embed .llms-form, .dashboard-embed .llms-my-account form{ max-width: 100% !important; padding: 18px !important; } .nivel-cierre__box{ padding: 28px 22px; border-radius: 18px; } .cty-home .cty-section{ padding-top: 78px; padding-bottom: 78px; } .cty-home .cty-hero{ padding-top: 108px; padding-bottom: 88px; } .cty-home .cty-split, .cty-home .cty-split--reverse, .cty-home .cty-oraculo .cty-split, .cty-home .cty-oracle-grid, .cty-home .cty-academy-grid, .cty-home .cty-pablo-grid{ grid-template-columns: 1fr !important; gap: 32px !important; } .cty-home .cty-paths__grid, .cty-home .cty-steps__grid, .cty-home .cty-diferencial__grid{ grid-template-columns: 1fr; } .cty-home .cty-visual{ min-height: 320px; } .cty-home .cty-oraculo .gap-18, .cty-home .cty-oraculo .cty-heading-lg, .cty-home .cty-oraculo .cty-text, .cty-home .cty-oraculo .cty-list, .cty-home .cty-oracle-copy, .cty-home .cty-oracle-copy .cty-heading-lg, .cty-home .cty-oracle-copy .cty-text, .cty-home .cty-academy-copy, .cty-home .cty-academy-copy .cty-heading-lg, .cty-home .cty-academy-copy .cty-text, .cty-home .cty-pablo-copy, .cty-home .cty-pablo-copy .cty-heading-lg, .cty-home .cty-pablo-copy .cty-text, .cty-home .cty-claim__inner .cty-heading-lg, .cty-home .cty-claim__inner .cty-text, .cty-home .cty-final-cta__inner .cty-heading-lg, .cty-home .cty-final-cta__inner .cty-text, .cty-home .cty-faq__inner .cty-heading-lg{ max-width: none !important; } .cty-home .cty-oraculo .cty-visual, .cty-home .cty-oracle-media, .cty-home .cty-academy-media, .cty-home .cty-pablo-media{ max-width: 100% !important; margin-left: 0 !important; } .cty-home .cty-diferencial__grid{ gap: 16px; } .cty-home .cty-mini-card .cty-text{ max-width: none; } .cty-home .cty-claim{ padding-top: 56px; padding-bottom: 56px; } .cty-home .cty-final-cta{ padding-top: 84px; padding-bottom: 96px; } .mono-page .mono-section{ padding-top: 78px; padding-bottom: 78px; } .mono-page .mono-hero{ padding-top: 108px; padding-bottom: 80px; } .mono-page .mono-hero__inner{ grid-template-columns: 1fr; gap: 30px; } .mono-page .mono-hero__title{ text-align: center !important; } .mono-page .mono-hero__content, .mono-page .mono-hero__subtitle, .mono-page .mono-hero__support{ text-align: center; margin-left: auto; margin-right: auto; } .mono-page .mono-hero__actions{ justify-content: center; } .mono-page .mono-problema__grid, .mono-page .mono-aprenderas__grid, .mono-page .mono-fit__grid, .mono-page .mono-transformacion__grid, .mono-page .mono-metodo__grid, .mono-page .mono-acceso__grid, .mono-page .mono-diferencial__grid{ grid-template-columns: 1fr; } .mono-page .mono-cta{ padding-top: 84px; padding-bottom: 96px; } .academy-page .academy-section{ padding-top: 82px; padding-bottom: 82px; } .academy-page .academy-hero{ padding-top: 116px; padding-bottom: 92px; } .academy-page .academy-hero__inner{ padding: 30px 24px; border-radius: 22px; } .academy-page .academy-hero__title{ font-size: clamp(38px, 6vw, 54px) !important; } .academy-page .academy-structure__grid{ grid-template-columns: 1fr; } .academy-page .academy-paths__grid, .academy-page .academy-guide__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .academy-page .academy-entry__box{ grid-template-columns: 1fr; gap: 24px; padding: 30px 26px; } .academy-page .academy-entry__actions{ max-width: 420px; } .academy-page .academy-cta{ padding-top: 84px; padding-bottom: 96px; } } @media (max-width: 767px){ .dashboard-embed .wp-hide-pw, .dashboard-embed button.wp-hide-pw, .dashboard-embed .show-password, .dashboard-embed .toggle-password, .dashboard-embed .llms-toggle-password, .dashboard-guest .wp-hide-pw, .dashboard-guest button.wp-hide-pw, .dashboard-guest .show-password, .dashboard-guest .toggle-password, .dashboard-guest .llms-toggle-password{ top: 16px !important; right: 12px !important; font-size: 12px !important; } .dashboard-embed .llms-login input[type="password"], .dashboard-embed .llms-my-account input[type="password"], .dashboard-guest input[type="password"]{ padding-right: 110px !important; } .nivel-cierre__text{ font-size: 16px; line-height: 1.75; } .nivel-cierre__actions{ flex-direction: column; } .nivel-cierre__btn{ width: 100%; } .cty-home .cty-container{ padding-left: 18px; padding-right: 18px; } .cty-home .cty-heading-xl{ font-size: 38px !important; } .cty-home .cty-heading-lg{ font-size: 30px !important; } .cty-home .cty-text, .cty-home .cty-text p{ font-size: 16px; } .cty-home .cty-hero__actions, .cty-home .cty-final-cta__actions{ flex-direction: column; align-items: stretch; } .cty-home .cty-btn-primary, .cty-home .cty-btn-secondary{ width: 100%; } .cty-home .cty-card, .cty-home .cty-card-soft{ padding: 22px; } .cty-home .cty-faq__accordion .accordion-title, .cty-home .cty-faq__accordion .brx-accordion-title, .cty-home .cty-faq__accordion .accordion-item-title, .cty-home .cty-faq .accordion-title, .cty-home .cty-faq .brx-accordion-title, .cty-home .cty-faq .accordion-item-title{ min-height: 64px; padding: 16px 18px !important; font-size: 22px !important; line-height: 1.24 !important; } .cty-home .cty-faq__accordion .accordion-content, .cty-home .cty-faq__accordion .brx-accordion-content, .cty-home .cty-faq .accordion-content, .cty-home .cty-faq .brx-accordion-content{ padding: 0 18px 18px 18px !important; } .mono-page .mono-container{ padding-left: 18px; padding-right: 18px; } .mono-page .mono-hero__actions, .mono-page .mono-precio__actions, .mono-page .mono-cta__actions{ flex-direction: column; align-items: stretch; } .mono-page .btn-principal, .mono-page .btn-secundario{ width: 100%; } .mono-page .mono-card, .mono-page .mono-transformacion__col, .mono-page .mono-programa__item, .mono-page .mono-acceso__item, .mono-page .mono-precio__card, .mono-page .mono-cta__box{ padding: 22px; border-radius: 18px; } .mono-page .mono-section-title{ font-size: 30px !important; } .mono-page .mono-hero__subtitle, .mono-page .mono-section-text, .mono-page .mono-section-text p, .mono-page .mono-cta__text{ font-size: 16px; } .mono-page .mono-faq .accordion-title, .mono-page .mono-faq .brx-accordion-title, .mono-page .mono-faq .accordion-item-title{ min-height: 64px; padding: 16px 18px !important; font-size: 22px !important; line-height: 1.24 !important; } .mono-page .mono-faq .accordion-content, .mono-page .mono-faq .brx-accordion-content{ padding: 0 18px 18px 18px !important; } .academy-page .academy-container{ padding-left: 18px; padding-right: 18px; } .academy-page .academy-section{ padding-top: 68px; padding-bottom: 68px; } .academy-page .academy-hero{ padding-top: 104px; padding-bottom: 76px; } .academy-page .academy-hero__inner{ padding: 24px 18px; border-radius: 18px; } .academy-page .academy-hero__title{ font-size: 34px !important; line-height: 1.08 !important; } .academy-page .academy-hero__text, .academy-page .academy-section-text, .academy-page .academy-section-text p, .academy-page .academy-cta__text{ font-size: 16px; } .academy-page .academy-hero__actions, .academy-page .academy-cta__actions{ flex-direction: column; align-items: stretch; } .academy-page .academy-paths__grid, .academy-page .academy-guide__grid{ grid-template-columns: 1fr; gap: 18px; } .academy-page .btn-principal, .academy-page .btn-secundario{ width: 100%; } .academy-page .academy-card, .academy-page .academy-entry__box{ padding: 22px; border-radius: 18px; } .academy-page .academy-faq .accordion-title, .academy-page .academy-faq .brx-accordion-title, .academy-page .academy-faq .accordion-item-title{ min-height: 64px; padding: 16px 18px !important; font-size: 22px !important; line-height: 1.24 !important; } .academy-page .academy-faq .accordion-content, .academy-page .academy-faq .brx-accordion-content{ padding: 0 18px 18px 18px !important; } }