: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; }  section.s4{ background: var(--bg-main) !important; color: var(--text-main) !important; } .s4__wrap{ max-width: 1200px; margin-inline: auto; } .s4__eyebrow{ color: var(--text-secondary) !important; font-family: var(--font-body) !important; letter-spacing: 0.08em; opacity: 0.9; } .s4__title{ font-family: var(--font-heading) !important; color: var(--gold-main) !important; font-size: clamp(2.4rem, 3.2vw, 4.2rem) !important; line-height: 1.12 !important; margin: 0 0 12px 0 !important; } .s4__intro{ color: var(--text-secondary) !important; font-family: var(--font-body) !important; max-width: 72ch; } .s4__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 2vw, 28px); margin-top: clamp(18px, 2.5vw, 28px); } .s4__card{ min-width: 0; background: rgba(255,255,255,0.03) !important; border: 1px solid var(--border-subtle) !important; border-radius: var(--radius-md) !important; padding: clamp(18px, 2.2vw, 26px) !important; backdrop-filter: blur(6px); } .s4__card h3, .s4__card .s4__card-title{ font-family: var(--font-heading) !important; color: var(--gold-main) !important; font-size: clamp(1.7rem, 1.4vw, 2.3rem) !important; line-height: 1.2 !important; margin: 0 0 10px 0 !important; } .s4__card p{ color: var(--text-secondary) !important; font-family: var(--font-body) !important; } .s4__card ul, .s4__card ol{ margin: 14px 0 0; padding: 0; list-style: none; } .s4__card li{ display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 8px 0; color: var(--text-secondary) !important; border-bottom: 1px solid rgba(230,199,122,0.10); } .s4__card li:last-child{ border-bottom: none; } .s4__card li::after{ content: ""; height: 1px; width: 110px; background: rgba(245,243,237,0.28); border-radius: 1px; opacity: 0.9; } .s4__btn, .s4__btn.btn, .s4__btn.btn--primary{ background: var(--gold-main) !important; color: #070B1A !important; border-color: var(--gold-main) !important; font-family: var(--font-body) !important; } .s4__btn:hover{ background: var(--gold-soft) !important; border-color: var(--gold-soft) !important; color: #070B1A !important; transform: translateY(-2px); box-shadow: 0 10px 30px rgba(230, 199, 122, 0.28); } .s4__quote{ color: var(--text-muted) !important; font-style: italic; margin-top: clamp(18px, 2.5vw, 26px); text-align: center; } @media (max-width: 991px){ .s4__grid{ grid-template-columns: 1fr; } .s4__card li::after{ width: 80px; } } @media (max-width: 767px){ .tarjeta-mistica{ padding: 24px; } .tarjeta-mistica:hover{ transform: translateY(-4px); } .btn-principal, .btn-secundario{ width: 100%; padding-left: 22px !important; padding-right: 22px !important; } .s4__title{ font-size: 2.1rem !important; } .s4__card li{ grid-template-columns: 1fr; gap: 8px; } .s4__card li::after{ display: none; } }  .course-hero{ padding-top: 120px; padding-bottom: 40px; } .course-hero__inner{ max-width: 1200px; margin: 0 auto; width: 100%; } .course-hero__content{ text-align: center; max-width: 900px; margin: 0 auto; } .course-hero__content .brxe-post-title, .course-hero__content h1{ margin: 0 0 16px 0 !important; color: #FFFFFF !important; text-align: center !important; text-shadow: 0 4px 20px rgba(230, 199, 122, 0.18); } .course-hero__content p{ color: #D8D8D8; max-width: 760px; margin: 0 auto 24px auto; font-size: 18px; line-height: 1.6; } .course-hero__media{ width: 100%; border-radius: 22px; overflow: hidden; border: 1px solid rgba(230, 199, 122, 0.18); box-shadow: 0 20px 50px rgba(0,0,0,0.28); background: #111111; margin-bottom: 28px; padding: 12px; } .course-hero__media .brxe-image, .course-hero__media figure{ display: block; width: 100%; margin: 0; } .course-hero__media img{ width: 100%; height: auto; display: block; object-fit: contain; border-radius: 14px; } .course-grid{ display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 40px; align-items: start; width: 100%; } .course-main{ width: 100%; min-width: 0; } .course-sidebar{ width: 100%; min-width: 0; align-self: start; position: static !important; } body.single-course .course-grid, body.single-course .course-main, body.single-course .course-sidebar, body.single-course .brxe-section, body.single-course .brxe-container, body.single-course .brxe-div{ overflow: visible !important; } .single-course #brx-content .llms-meta-info, .single-course #brx-content .llms-course-information{ color: #FFFFFF !important; } .single-course #brx-content .llms-meta-info *, .single-course #brx-content .llms-course-information *{ color: #FFFFFF !important; } .single-course #brx-content .llms-syllabus-wrapper, .single-course #brx-content .llms-course-syllabus, .single-course #brx-content .llms-course-outline{ width: 100%; max-width: 100%; background: transparent !important; } .single-course #brx-content .llms-syllabus-wrapper .llms-section-title, .single-course #brx-content .llms-course-syllabus .llms-section-title{ background: var(--bg-soft) !important; color: var(--gold-main) !important; border: 1px solid var(--gold-main) !important; border-radius: 8px !important; padding: 14px 18px !important; margin-bottom: 10px !important; } .single-course #brx-content .llms-syllabus-wrapper .llms-lesson-preview, .single-course #brx-content .llms-course-syllabus .llms-lesson-preview, .single-course #brx-content .llms-syllabus-wrapper .llms-lesson-link, .single-course #brx-content .llms-course-syllabus .llms-lesson-link{ background: var(--bg-soft) !important; color: #FFFFFF !important; border: 1px solid var(--gold-main) !important; border-radius: 0 !important; box-shadow: none !important; } .single-course #brx-content .llms-syllabus-wrapper .llms-lesson-link, .single-course #brx-content .llms-syllabus-wrapper .llms-lesson-link:visited, .single-course #brx-content .llms-syllabus-wrapper .llms-lesson-title, .single-course #brx-content .llms-syllabus-wrapper .llms-lesson-counter, .single-course #brx-content .llms-syllabus-wrapper .llms-meta, .single-course #brx-content .llms-syllabus-wrapper .llms-lesson-preview *, .single-course #brx-content .llms-course-syllabus .llms-lesson-link, .single-course #brx-content .llms-course-syllabus .llms-lesson-link:visited, .single-course #brx-content .llms-course-syllabus .llms-lesson-title, .single-course #brx-content .llms-course-syllabus .llms-lesson-counter, .single-course #brx-content .llms-course-syllabus .llms-meta, .single-course #brx-content .llms-course-syllabus .llms-lesson-preview *{ color: #FFFFFF !important; background: transparent !important; } .single-course #brx-content .llms-syllabus-wrapper .llms-lesson-preview:hover, .single-course #brx-content .llms-syllabus-wrapper .llms-lesson-link:hover, .single-course #brx-content .llms-course-syllabus .llms-lesson-preview:hover, .single-course #brx-content .llms-course-syllabus .llms-lesson-link:hover{ background: #1A1A1A !important; color: #FFFFFF !important; } .single-course #brx-content .llms-lesson-preview, .single-course #brx-content .llms-lesson-link{ min-height: auto !important; } .single-course #brx-content .llms-access-plans, .single-course #brx-content .llms-pricing-table{ width: 100%; max-width: 100%; } .single-course #brx-content .llms-access-plan{ background: var(--bg-soft) !important; border: 1px solid var(--gold-main) !important; border-radius: 8px !important; overflow: hidden !important; color: #FFFFFF !important; box-shadow: none !important; } .single-course #brx-content .llms-access-plan-title{ background: #0A0A0A !important; color: var(--gold-main) !important; border-bottom: 1px solid var(--gold-main) !important; } .single-course #brx-content .llms-access-plan-content, .single-course #brx-content .llms-access-plan-footer, .single-course #brx-content .llms-access-plan-pricing, .single-course #brx-content .llms-access-plan-description{ background: var(--bg-soft) !important; color: #FFFFFF !important; } .single-course #brx-content .llms-access-plan-content *, .single-course #brx-content .llms-access-plan-footer *, .single-course #brx-content .llms-access-plan-pricing *, .single-course #brx-content .llms-access-plan-description *{ color: #FFFFFF !important; } .single-course #brx-content .llms-button-primary, .single-course #brx-content .llms-button-secondary, .single-course #brx-content .llms-button-action{ background: linear-gradient(135deg, var(--gold-main) 0%, var(--gold-dark) 100%) !important; color: #070B1A !important; border: none !important; border-radius: 8px !important; font-weight: 700 !important; text-transform: uppercase; transition: transform 0.3s ease, box-shadow 0.3s ease !important; box-shadow: 0 4px 15px rgba(230, 199, 122, 0.25); } .single-course #brx-content .llms-button-primary:hover, .single-course #brx-content .llms-button-secondary:hover, .single-course #brx-content .llms-button-action:hover{ transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(230, 199, 122, 0.35) !important; color: #070B1A !important; } .single-course #brx-content .llms-instructor-info, .single-course #brx-content .llms-person-profile, .single-course #brx-content .llms-person{ background: var(--bg-soft) !important; border: 1px solid var(--gold-main) !important; border-radius: 8px !important; color: #FFFFFF !important; } .single-course #brx-content .llms-instructor-info *, .single-course #brx-content .llms-person-profile *, .single-course #brx-content .llms-person *{ color: #FFFFFF !important; } body.single-course #primary, body.single-course .content-area, body.single-course .site-main{ width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; } body.single-course #secondary, body.single-course .sidebar, body.single-course aside{ display: none !important; }  body.single-lesson .brxe-section:first-of-type{ padding-top: 120px; padding-bottom: 30px; } .lesson-hero{ max-width: 900px; margin: 0 auto; text-align: center; } .lesson-hero .brxe-post-title, .lesson-hero h1{ color: #FFFFFF !important; text-align: center !important; margin: 0 0 16px 0 !important; text-shadow: 0 4px 20px rgba(230, 199, 122, 0.18); } .lesson-hero p{ color: #D8D8D8 !important; max-width: 760px; margin: 0 auto 18px auto; font-size: 18px; line-height: 1.6; } .lesson-grid{ display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 40px; align-items: start; width: 100%; } .lesson-main{ width: 100%; min-width: 0; } .lesson-sidebar{ width: 100%; min-width: 0; align-self: start; } @media (min-width: 992px){ .lesson-sidebar{ position: sticky; top: 120px; } } body.single-lesson #brx-content .brxe-post-content{ color: #FFFFFF !important; } body.single-lesson #brx-content .brxe-post-content p, body.single-lesson #brx-content .brxe-post-content li, body.single-lesson #brx-content .brxe-post-content span{ color: #D8D8D8 !important; } body.single-lesson #brx-content .brxe-post-content h2, body.single-lesson #brx-content .brxe-post-content h3, body.single-lesson #brx-content .brxe-post-content h4{ color: #E6C77A !important; } body.single-lesson #brx-content .llms-mark-complete, body.single-lesson #brx-content .llms-lesson-button-wrapper, body.single-lesson #brx-content .llms-button-action{ margin-top: 24px; } body.single-lesson #brx-content .llms-course-progress, body.single-lesson #brx-content .llms-course-continue-button, body.single-lesson #brx-content .llms-syllabus-wrapper, body.single-lesson #brx-content .llms-course-syllabus{ background: #111111 !important; border: 1px solid #E6C77A !important; border-radius: 8px !important; padding: 18px !important; margin-bottom: 20px !important; color: #FFFFFF !important; } body.single-lesson #brx-content .llms-course-progress *, body.single-lesson #brx-content .llms-course-continue-button *, body.single-lesson #brx-content .llms-syllabus-wrapper *, body.single-lesson #brx-content .llms-course-syllabus *{ color: #FFFFFF !important; } body.single-lesson #brx-content .llms-section-title{ color: #E6C77A !important; background: #111111 !important; border: 1px solid #E6C77A !important; border-radius: 8px !important; padding: 12px 16px !important; } body.single-lesson #brx-content .llms-lesson-preview, body.single-lesson #brx-content .llms-lesson-link{ background: #111111 !important; color: #FFFFFF !important; border: 1px solid #E6C77A !important; } body.single-lesson #brx-content .llms-button-primary, body.single-lesson #brx-content .llms-button-secondary, body.single-lesson #brx-content .llms-button-action{ background: linear-gradient(135deg, #E6C77A 0%, #C4A14D 100%) !important; color: #070B1A !important; border: none !important; border-radius: 8px !important; font-weight: 700 !important; text-transform: uppercase; } body.single-lesson .lesson-grid, body.single-lesson .lesson-main, body.single-lesson .lesson-sidebar, body.single-lesson .brxe-section, body.single-lesson .brxe-container, body.single-lesson .brxe-div{ overflow: visible !important; }  .lesson-parent-course-link{ display: inline-block; margin: 0 0 14px 0; color: #E6C77A; text-decoration: none; font-size: 15px; letter-spacing: 0.03em; } .lesson-parent-course-link:hover{ opacity: 0.85; } .cty-breadcrumb{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 8px; margin: 0 0 14px 0; font-size: 14px; line-height: 1.4; letter-spacing: 0.02em; } .cty-breadcrumb--elegante{ opacity: 0.95; } .cty-breadcrumb__link{ color: #E6C77A; text-decoration: none; transition: opacity 0.2s ease, color 0.2s ease; } .cty-breadcrumb__link:hover{ opacity: 0.85; color: #F0D998; } .cty-breadcrumb__sep{ color: rgba(230, 199, 122, 0.55); } .cty-breadcrumb__current{ color: #CFCBC1; }  .private-area{ padding-top: 120px; padding-bottom: 90px; } .private-area__inner{ max-width: 1200px; margin: 0 auto; width: 100%; } .private-area .brxe-post-title, .private-area h1, .private-area > h1{ color: #FFFFFF !important; text-align: center !important; margin: 0 0 18px 0 !important; text-shadow: 0 4px 20px rgba(230, 199, 122, 0.18); } .private-area__intro{ max-width: 760px; margin: 0 auto 42px auto; text-align: center; color: #D8D8D8; font-size: 18px; line-height: 1.7; } .private-area__grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; width: 100%; } .private-card{ background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(230, 199, 122, 0.18); border-radius: 20px; padding: 34px 30px; backdrop-filter: blur(8px); box-shadow: 0 18px 40px rgba(0, 0, 0, 0.22); transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; height: 100%; } .private-card:hover{ transform: translateY(-4px); border-color: rgba(230, 199, 122, 0.38); box-shadow: 0 24px 48px rgba(0, 0, 0, 0.28); } .private-card__title{ color: #E6C77A !important; font-family: var(--font-heading) !important; font-size: clamp(28px, 2vw, 36px); line-height: 1.15; margin: 0 0 14px 0 !important; } .private-card__text{ color: #D8D8D8; font-size: 16px; line-height: 1.75; margin: 0 0 24px 0; } .private-card__btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 14px 24px; border-radius: 10px; text-decoration: none !important; font-size: 15px; font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; background: linear-gradient(135deg, #E6C77A 0%, #C4A14D 100%); color: #070B1A !important; box-shadow: 0 6px 18px rgba(230, 199, 122, 0.22); transition: transform 0.25s ease, box-shadow 0.25s ease, opacity 0.25s ease; } .private-card__btn:hover{ transform: translateY(-2px); box-shadow: 0 10px 24px rgba(230, 199, 122, 0.30); opacity: 0.98; } .private-area__footer{ max-width: 760px; margin: 34px auto 0 auto; text-align: center; color: #B8B2A6; font-size: 15px; line-height: 1.7; } .private-area .llms-my-account, .private-area .latepoint, .private-area .latepoint-w{ max-width: 100%; } .private-area form, .private-area .latepoint-login-form-w, .private-area .llms-login{ background: #111111; border: 1px solid rgba(230, 199, 122, 0.18); border-radius: 16px; }  .dashboard-area{ padding-top: 120px; padding-bottom: 90px; } .dashboard-area__inner{ max-width: 1200px; margin: 0 auto; width: 100%; } .dashboard-area__title{ color: #FFFFFF !important; text-align: center; margin: 0 0 18px 0 !important; text-shadow: 0 4px 20px rgba(230, 199, 122, 0.18); } .dashboard-area__intro{ max-width: 760px; margin: 0 auto 34px auto; text-align: center; color: #D8D8D8; font-size: 18px; line-height: 1.7; } .dashboard-embed{ background: rgba(255,255,255,0.03); border: 1px solid rgba(230, 199, 122, 0.18); border-radius: 20px; padding: 28px; backdrop-filter: blur(8px); box-shadow: 0 18px 40px rgba(0,0,0,0.22); overflow: visible; max-width: 960px; margin: 0 auto; } .dashboard-empty{ background: rgba(255,255,255,0.02); border: 1px solid rgba(230, 199, 122, 0.16); border-radius: 16px; padding: 24px; margin-bottom: 24px; text-align: center; } .dashboard-empty__title{ color: #E6C77A !important; margin: 0 0 12px 0 !important; } .dashboard-empty__text{ color: #D8D8D8; max-width: 620px; margin: 0 auto 20px auto; line-height: 1.7; } .dashboard-empty__btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 14px 24px; border-radius: 10px; text-decoration: none !important; font-size: 15px; font-weight: 700; text-transform: uppercase; background: linear-gradient(135deg, #E6C77A 0%, #C4A14D 100%); color: #070B1A !important; box-shadow: 0 6px 18px rgba(230, 199, 122, 0.24); }  .dashboard-embed .llms-my-account, .dashboard-embed .llms-student-dashboard{ background: transparent !important; color: #FFFFFF !important; } .dashboard-embed .llms-student-dashboard{ display: grid !important; grid-template-columns: 260px minmax(0, 1fr); gap: 28px; align-items: start; } .dashboard-embed .llms-student-dashboard .llms-sd-nav{ background: #111111 !important; border: 1px solid #E6C77A !important; border-radius: 16px !important; padding: 18px !important; } .dashboard-embed .llms-student-dashboard .llms-sd-nav ul{ list-style: none !important; padding: 0 !important; margin: 0 !important; display: flex !important; flex-direction: column !important; gap: 10px !important; } .dashboard-embed .llms-student-dashboard .llms-sd-nav li{ margin: 0 !important; } .dashboard-embed .llms-student-dashboard .llms-sd-nav a{ display: block; padding: 10px 14px; border-radius: 10px; color: #D8D8D8 !important; text-decoration: none !important; transition: background 0.2s ease, color 0.2s ease; } .dashboard-embed .llms-student-dashboard .llms-sd-nav a:hover, .dashboard-embed .llms-student-dashboard .llms-sd-nav .current a, .dashboard-embed .llms-student-dashboard .llms-sd-nav .active a{ background: rgba(230, 199, 122, 0.10) !important; color: #E6C77A !important; } .dashboard-embed .llms-student-dashboard .llms-sd-section{ min-width: 0; } .dashboard-embed .llms-student-dashboard .llms-sd-item, .dashboard-embed .llms-card, .dashboard-embed .llms-my-account .llms-loop-item{ background: #111111 !important; border: 1px solid #E6C77A !important; border-radius: 16px !important; padding: 22px !important; margin-bottom: 20px !important; color: #FFFFFF !important; box-shadow: none !important; } .dashboard-embed .llms-my-account h1, .dashboard-embed .llms-my-account h2, .dashboard-embed .llms-my-account h3, .dashboard-embed .llms-my-account h4, .dashboard-embed .llms-my-account h5, .dashboard-embed .llms-my-account h6{ color: #E6C77A !important; } .dashboard-embed .llms-my-account p, .dashboard-embed .llms-my-account li, .dashboard-embed .llms-my-account span, .dashboard-embed .llms-my-account label, .dashboard-embed .llms-my-account strong{ color: #D8D8D8 !important; } .dashboard-embed .llms-my-account input, .dashboard-embed .llms-my-account select, .dashboard-embed .llms-my-account textarea{ background: #0E0E0E !important; color: #FFFFFF !important; border: 1px solid rgba(230, 199, 122, 0.22) !important; border-radius: 10px !important; } .dashboard-embed .llms-my-account .llms-button-primary, .dashboard-embed .llms-my-account .llms-button-secondary, .dashboard-embed .llms-my-account .llms-button-action, .dashboard-embed .llms-my-account button:not(.wp-hide-pw), .dashboard-embed .llms-my-account input[type="submit"]{ background: linear-gradient(135deg, #E6C77A 0%, #C4A14D 100%) !important; color: #070B1A !important; border: none !important; border-radius: 10px !important; font-weight: 700 !important; text-transform: uppercase; box-shadow: 0 6px 18px rgba(230, 199, 122, 0.24); } .dashboard-embed .llms-my-account .llms-button-primary:hover, .dashboard-embed .llms-my-account .llms-button-secondary:hover, .dashboard-embed .llms-my-account .llms-button-action:hover, .dashboard-embed .llms-my-account button:not(.wp-hide-pw):hover, .dashboard-embed .llms-my-account input[type="submit"]:hover{ transform: translateY(-1px); } .dashboard-embed .llms-progress .llms-progress-bar{ background: #1B1B1B !important; border-radius: 999px !important; } .dashboard-embed .llms-progress .progress-bar-complete{ background: #E6C77A !important; border-radius: 999px !important; } .dashboard-embed .llms-my-account table{ width: 100%; border-collapse: collapse; color: #D8D8D8 !important; } .dashboard-embed .llms-my-account th, .dashboard-embed .llms-my-account td{ border-bottom: 1px solid rgba(230, 199, 122, 0.14); padding: 12px 10px; } .dashboard-embed .llms-my-account th{ color: #E6C77A !important; }  .dashboard-embed .latepoint, .dashboard-embed .latepoint-w, .dashboard-embed [class*="latepoint"]{ color: #FFFFFF !important; width: 100%; } .dashboard-embed .latepoint .os-form-block, .dashboard-embed .latepoint-w .os-form-block, .dashboard-embed [class*="latepoint"] .os-form-block, .dashboard-embed .latepoint .customer-dashboard-w, .dashboard-embed .latepoint-w .customer-dashboard-w, .dashboard-embed [class*="latepoint"] .customer-dashboard-w{ background: #111111 !important; border: 1px solid #E6C77A !important; border-radius: 16px !important; box-shadow: none !important; } .dashboard-embed .latepoint .customer-dashboard-w, .dashboard-embed .latepoint-w .customer-dashboard-w, .dashboard-embed [class*="latepoint"] .customer-dashboard-w{ max-width: 820px; margin: 0 auto; } .dashboard-embed .latepoint h1, .dashboard-embed .latepoint h2, .dashboard-embed .latepoint h3, .dashboard-embed .latepoint h4, .dashboard-embed .latepoint-w h1, .dashboard-embed .latepoint-w h2, .dashboard-embed .latepoint-w h3, .dashboard-embed .latepoint-w h4, .dashboard-embed [class*="latepoint"] h1, .dashboard-embed [class*="latepoint"] h2, .dashboard-embed [class*="latepoint"] h3, .dashboard-embed [class*="latepoint"] h4{ color: #E6C77A !important; } .dashboard-embed .latepoint p, .dashboard-embed .latepoint span, .dashboard-embed .latepoint label, .dashboard-embed .latepoint div, .dashboard-embed .latepoint-w p, .dashboard-embed .latepoint-w span, .dashboard-embed .latepoint-w label, .dashboard-embed .latepoint-w div{ color: #D8D8D8 !important; } .dashboard-embed .latepoint input, .dashboard-embed .latepoint select, .dashboard-embed .latepoint textarea, .dashboard-embed .latepoint-w input, .dashboard-embed .latepoint-w select, .dashboard-embed .latepoint-w textarea{ width: 100% !important; box-sizing: border-box; background: #0E0E0E !important; color: #FFFFFF !important; border: 1px solid rgba(230, 199, 122, 0.22) !important; border-radius: 10px !important; box-shadow: none !important; } .dashboard-embed .latepoint .os-btn, .dashboard-embed .latepoint .latepoint-btn, .dashboard-embed .latepoint button, .dashboard-embed .latepoint input[type="submit"], .dashboard-embed .latepoint-w .os-btn, .dashboard-embed .latepoint-w .latepoint-btn, .dashboard-embed .latepoint-w button, .dashboard-embed .latepoint-w input[type="submit"]{ width: 100%; background: linear-gradient(135deg, #E6C77A 0%, #C4A14D 100%) !important; color: #070B1A !important; border: none !important; border-radius: 10px !important; font-weight: 700 !important; box-shadow: 0 6px 18px rgba(230, 199, 122, 0.24); } .dashboard-embed .latepoint .os-tabs-w, .dashboard-embed .latepoint-w .os-tabs-w, .dashboard-embed [class*="latepoint"] .os-tabs-w{ background: transparent !important; border-bottom: 1px solid rgba(230, 199, 122, 0.14); } .dashboard-embed .latepoint .os-tabs-w .os-tab, .dashboard-embed .latepoint-w .os-tabs-w .os-tab, .dashboard-embed [class*="latepoint"] .os-tabs-w .os-tab{ color: #D8D8D8 !important; } .dashboard-embed .latepoint .os-tabs-w .os-tab.active, .dashboard-embed .latepoint-w .os-tabs-w .os-tab.active, .dashboard-embed [class*="latepoint"] .os-tabs-w .os-tab.active{ color: #E6C77A !important; }  .dashboard-embed .llms-login, .dashboard-embed .llms-form, .dashboard-embed .llms-my-account form{ background: #111111 !important; border: 1px solid rgba(230, 199, 122, 0.18) !important; border-radius: 18px !important; padding: 28px !important; box-shadow: none !important; width: 100% !important; max-width: 820px !important; margin: 0 auto !important; } .dashboard-embed .llms-login h2, .dashboard-embed .llms-login h3, .dashboard-embed .llms-my-account h2, .dashboard-embed .llms-my-account h3{ color: #FFFFFF !important; margin: 0 0 20px 0 !important; } .dashboard-embed .llms-login label, .dashboard-embed .llms-my-account label{ display: block; color: #D8D8D8 !important; font-size: 14px; line-height: 1.5; margin-bottom: 8px; } .dashboard-embed .llms-login .llms-form-fields, .dashboard-embed .llms-my-account .llms-form-fields{ display: grid; gap: 16px; } .dashboard-embed .llms-login .llms-field-group, .dashboard-embed .llms-my-account .llms-field-group, .dashboard-embed .llms-login .llms-form-field, .dashboard-embed .llms-my-account .llms-form-field{ width: 100% !important; max-width: 100% !important; box-sizing: border-box; } .dashboard-embed .llms-login .llms-field-group, .dashboard-embed .llms-my-account .llms-field-group{ position: relative; margin: 0 0 16px 0 !important; } .dashboard-embed .llms-login input[type="email"], .dashboard-embed .llms-login input[type="text"], .dashboard-embed .llms-login input[type="password"], .dashboard-embed .llms-my-account input[type="email"], .dashboard-embed .llms-my-account input[type="text"], .dashboard-embed .llms-my-account input[type="password"]{ width: 100% !important; max-width: 100% !important; min-height: 48px; background: #0E0E0E !important; color: #FFFFFF !important; border: 1px solid rgba(230, 199, 122, 0.22) !important; border-radius: 10px !important; padding: 12px 14px !important; box-shadow: none !important; box-sizing: border-box; } .dashboard-embed .llms-login input[type="password"], .dashboard-embed .llms-my-account input[type="password"]{ padding-right: 120px !important; } .dashboard-embed .llms-login input::placeholder, .dashboard-embed .llms-my-account input::placeholder{ color: #8E8E8E !important; } .dashboard-embed .llms-login .llms-checkbox-wrapper, .dashboard-embed .llms-login .llms-remember-me, .dashboard-embed .llms-my-account .llms-checkbox-wrapper, .dashboard-embed .llms-my-account .llms-remember-me{ display: flex; align-items: center; gap: 10px; margin-top: 8px; color: #CFCBC1 !important; width: 100%; } .dashboard-embed .llms-login .llms-remember-me label, .dashboard-embed .llms-my-account .llms-remember-me label{ margin: 0 !important; } .dashboard-embed .llms-login a, .dashboard-embed .llms-my-account a{ color: #E6C77A !important; text-decoration: none !important; } .dashboard-embed .llms-login a:hover, .dashboard-embed .llms-my-account a:hover{ opacity: 0.85; } .dashboard-embed .llms-login .llms-button-action, .dashboard-embed .llms-login .llms-button-primary, .dashboard-embed .llms-my-account .llms-button-action, .dashboard-embed .llms-my-account .llms-button-primary, .dashboard-embed .llms-my-account button:not(.wp-hide-pw), .dashboard-embed .llms-my-account input[type="submit"]{ display: inline-flex; align-items: center; justify-content: center; min-height: 48px; width: 100% !important; max-width: 100% !important; padding: 14px 24px !important; border-radius: 10px !important; background: linear-gradient(135deg, #E6C77A 0%, #C4A14D 100%) !important; color: #070B1A !important; border: none !important; font-weight: 700 !important; text-transform: uppercase; box-shadow: 0 6px 18px rgba(230, 199, 122, 0.24); } .dashboard-embed .llms-login .llms-button-action:hover, .dashboard-embed .llms-login .llms-button-primary:hover, .dashboard-embed .llms-my-account .llms-button-action:hover, .dashboard-embed .llms-my-account .llms-button-primary:hover, .dashboard-embed .llms-my-account button:not(.wp-hide-pw):hover, .dashboard-embed .llms-my-account input[type="submit"]:hover{ transform: translateY(-1px); } .dashboard-embed .llms-login .llms-lost-password, .dashboard-embed .llms-my-account .llms-lost-password{ margin-top: 12px; width: 100%; } .dashboard-embed .llms-login .llms-notice, .dashboard-embed .llms-my-account .llms-notice{ background: rgba(230, 199, 122, 0.08) !important; border: 1px solid rgba(230, 199, 122, 0.18) !important; color: #F5F3ED !important; border-radius: 12px !important; padding: 14px 16px !important; margin-bottom: 18px !important; }  .dashboard-embed .wp-hide-pw, .dashboard-embed button.wp-hide-pw, .dashboard-embed .show-password, .dashboard-embed .toggle-password, .dashboard-embed .llms-toggle-password{ position: absolute !important; top: 14px !important; right: 14px !important; z-index: 30 !important; display: inline-flex !important; align-items: center; gap: 6px; width: auto !important; max-width: none !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; color: #E6C77A !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.2 !important; text-transform: none !important; letter-spacing: normal !important; text-decoration: none !important; white-space: nowrap !important; cursor: pointer; opacity: 1 !important; } .dashboard-embed .wp-hide-pw:hover, .dashboard-embed button.wp-hide-pw:hover, .dashboard-embed .show-password:hover, .dashboard-embed .toggle-password:hover, .dashboard-embed .llms-toggle-password:hover{ color: var(--gold-soft) !important; background: transparent !important; box-shadow: none !important; transform: none !important; } .dashboard-embed .wp-hide-pw *, .dashboard-embed button.wp-hide-pw *, .dashboard-embed .show-password *, .dashboard-embed .toggle-password *, .dashboard-embed .llms-toggle-password *{ color: currentColor !important; opacity: 1 !important; } .dashboard-embed .wp-hide-pw .dashicons, .dashboard-embed button.wp-hide-pw .dashicons{ font-size: 18px !important; width: 18px !important; height: 18px !important; line-height: 18px !important; color: currentColor !important; }  .dashboard-guest{ max-width: 760px; margin: 0 auto; text-align: center; } .dashboard-guest__title{ color: #FFFFFF !important; margin: 0 0 14px 0 !important; } .dashboard-guest__text{ color: #D8D8D8; max-width: 620px; margin: 0 auto 24px auto; line-height: 1.7; } .dashboard-guest .llms-login, .dashboard-guest .llms-form, .dashboard-guest form{ background: #111111 !important; border: 1px solid rgba(230, 199, 122, 0.18) !important; border-radius: 18px !important; padding: 28px !important; box-shadow: none !important; width: 100% !important; max-width: 640px !important; margin: 0 auto !important; text-align: left; } .dashboard-guest .llms-form-fields{ display: grid; gap: 16px; } .dashboard-guest .llms-field-group, .dashboard-guest .llms-form-field{ width: 100% !important; max-width: 100% !important; box-sizing: border-box; } .dashboard-guest .llms-field-group{ position: relative; margin: 0 0 16px 0 !important; } .dashboard-guest input[type="email"], .dashboard-guest input[type="text"], .dashboard-guest input[type="password"]{ width: 100% !important; min-height: 48px; background: #0E0E0E !important; color: #FFFFFF !important; border: 1px solid rgba(230, 199, 122, 0.22) !important; border-radius: 10px !important; padding: 12px 14px !important; box-sizing: border-box; } .dashboard-guest input[type="password"]{ padding-right: 120px !important; } .dashboard-guest label{ color: #D8D8D8 !important; display: block; margin-bottom: 8px; } .dashboard-guest .llms-button-action, .dashboard-guest .llms-button-primary, .dashboard-guest input[type="submit"]{ width: 100% !important; min-height: 48px; border-radius: 10px !important; background: linear-gradient(135deg, #E6C77A 0%, #C4A14D 100%) !important; color: #070B1A !important; border: none !important; font-weight: 700 !important; text-transform: uppercase; }  .dashboard-guest .wp-hide-pw, .dashboard-guest button.wp-hide-pw, .dashboard-guest .show-password, .dashboard-guest .toggle-password, .dashboard-guest .llms-toggle-password{ position: absolute !important; top: 14px !important; right: 14px !important; z-index: 30 !important; display: inline-flex !important; align-items: center; gap: 6px; width: auto !important; max-width: none !important; min-width: 0 !important; height: auto !important; min-height: 0 !important; padding: 0 !important; margin: 0 !important; background: transparent !important; border: none !important; box-shadow: none !important; border-radius: 0 !important; color: #E6C77A !important; font-size: 13px !important; font-weight: 500 !important; line-height: 1.2 !important; text-transform: none !important; letter-spacing: normal !important; text-decoration: none !important; white-space: nowrap !important; cursor: pointer; opacity: 1 !important; } .dashboard-guest .wp-hide-pw:hover, .dashboard-guest button.wp-hide-pw:hover, .dashboard-guest .show-password:hover, .dashboard-guest .toggle-password:hover, .dashboard-guest .llms-toggle-password:hover{ color: var(--gold-soft) !important; background: transparent !important; box-shadow: none !important; transform: none !important; } .dashboard-guest .wp-hide-pw *, .dashboard-guest button.wp-hide-pw *, .dashboard-guest .show-password *, .dashboard-guest .toggle-password *, .dashboard-guest .llms-toggle-password *{ color: currentColor !important; opacity: 1 !important; } .dashboard-guest .wp-hide-pw .dashicons, .dashboard-guest button.wp-hide-pw .dashicons{ font-size: 18px !important; width: 18px !important; height: 18px !important; line-height: 18px !important; color: currentColor !important; }  .dashboard-empty--consultas{ max-width: 760px; margin: 0 auto 24px auto; text-align: center; }  .nivel-cierre{ padding-top: 40px; padding-bottom: 20px; } .nivel-cierre__box{ max-width: 980px; margin: 0 auto; padding: 40px 32px; background: rgba(255,255,255,0.03); border: 1px solid rgba(230, 199, 122, 0.18); border-radius: 24px; backdrop-filter: blur(10px); box-shadow: 0 18px 40px rgba(0,0,0,0.22); text-align: center; } .nivel-cierre__eyebrow{ display: inline-block; margin: 0 0 12px 0; color: #E6C77A; font-size: 13px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; } .nivel-cierre__title{ margin: 0 0 18px 0 !important; color: #FFFFFF !important; font-family: "Marcellus", serif !important; font-size: clamp(34px, 4vw, 54px); line-height: 1.12; text-shadow: 0 4px 20px rgba(230, 199, 122, 0.16); } .nivel-cierre__text{ max-width: 760px; margin: 0 auto 18px auto; color: #D8D8D8; font-size: 17px; line-height: 1.8; } .nivel-cierre__text p{ margin-bottom: 16px; color: inherit; } .nivel-cierre__actions{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 16px; margin-top: 28px; } .nivel-cierre__btn{ display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 14px 26px; border-radius: 12px; text-decoration: none !important; font-size: 15px; font-weight: 700; letter-spacing: 0.03em; text-transform: uppercase; transition: all 0.28s ease; } .nivel-cierre__btn--primary{ background: linear-gradient(135deg, #E6C77A 0%, #C4A14D 100%); color: #070B1A !important; box-shadow: 0 8px 22px rgba(230, 199, 122, 0.24); } .nivel-cierre__btn--primary:hover{ transform: translateY(-2px); box-shadow: 0 12px 26px rgba(230, 199, 122, 0.30); } .nivel-cierre__btn--secondary{ background: transparent; color: #E6C77A !important; border: 1px solid rgba(230, 199, 122, 0.42); } .nivel-cierre__btn--secondary:hover{ background: rgba(230, 199, 122, 0.08); transform: translateY(-2px); } .nivel-cierre__note{ margin-top: 22px; color: #B8B2A6; font-size: 14px; line-height: 1.7; text-align: center; }  .cty-home{ background: var(--bg-main); color: var(--text-main); } .cty-home .cty-section{ padding-top: 96px; padding-bottom: 96px; } .cty-home .cty-container{ width: 100%; max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; } .cty-home .cty-kicker{ color: var(--gold-main) !important; font-size: 13px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; line-height: 1.4; } .cty-home .cty-heading-xl{ font-family: var(--font-heading) !important; color: #FFFFFF !important; font-size: clamp(40px, 6vw, 56px) !important; line-height: 1.08 !important; margin: 0; text-align: center; text-shadow: 0 4px 20px rgba(230, 199, 122, 0.18); } .cty-home .cty-heading-lg{ font-family: var(--font-heading) !important; color: var(--text-main) !important; font-size: clamp(32px, 4vw, 40px) !important; line-height: 1.15 !important; margin: 0; } .cty-home .cty-heading-md{ font-family: var(--font-heading) !important; color: var(--text-main) !important; font-size: clamp(24px, 2.2vw, 28px) !important; line-height: 1.2 !important; margin: 0; } .cty-home .cty-text, .cty-home .cty-text p{ color: var(--text-secondary) !important; font-size: 17px; line-height: 1.75; margin: 0; } .cty-home .cty-text-muted{ color: var(--text-muted) !important; font-size: 15px; line-height: 1.7; } .cty-home .cty-card{ background: rgba(255,255,255,0.03); border: 1px solid var(--border-subtle); border-radius: 20px; padding: 28px; backdrop-filter: blur(8px); box-shadow: 0 18px 40px rgba(0,0,0,0.18); min-width: 0; } .cty-home .cty-card-soft{ background: rgba(255,255,255,0.02); border: 1px solid rgba(230, 199, 122, 0.10); border-radius: 18px; padding: 24px; min-width: 0; } .cty-home .cty-btn-primary, .cty-home .cty-btn-primary.bricks-button, .cty-home .cty-btn-primary a{ display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 16px 30px; border-radius: 999px !important; background: linear-gradient(135deg, var(--gold-main) 0%, var(--gold-dark) 100%) !important; color: #070B1A !important; border: none !important; font-size: 15px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; text-decoration: none !important; box-shadow: 0 8px 24px rgba(230, 199, 122, 0.24); transition: transform 0.28s ease, box-shadow 0.28s ease; } .cty-home .cty-btn-primary:hover, .cty-home .cty-btn-primary.bricks-button:hover, .cty-home .cty-btn-primary a:hover{ transform: translateY(-2px); box-shadow: 0 12px 28px rgba(230, 199, 122, 0.32); color: #070B1A !important; } .cty-home .cty-btn-secondary, .cty-home .cty-btn-secondary.bricks-button, .cty-home .cty-btn-secondary a{ display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 16px 30px; border-radius: 999px !important; background: transparent !important; color: var(--text-main) !important; border: 1px solid rgba(230, 199, 122, 0.35) !important; font-size: 15px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; text-decoration: none !important; transition: transform 0.28s ease, background 0.28s ease; } .cty-home .cty-btn-secondary:hover, .cty-home .cty-btn-secondary.bricks-button:hover, .cty-home .cty-btn-secondary a:hover{ background: rgba(230, 199, 122, 0.08) !important; color: var(--text-main) !important; transform: translateY(-2px); }  .cty-home .cty-hero{ position: relative; overflow: hidden; padding-top: 120px; padding-bottom: 110px; background: radial-gradient(circle at top center, rgba(230,199,122,0.08) 0%, rgba(7,11,26,0) 38%), linear-gradient(180deg, #0A0E1A 0%, #070B1A 100%); background-position: center 28% !important; } .cty-home .cty-hero::before{ content: ""; position: absolute; inset: 0; background: rgba(7, 11, 26, 0.42); z-index: 1; pointer-events: none; } .cty-home .cty-hero::after{ content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 180px; background: linear-gradient( to bottom, rgba(7, 11, 26, 0) 0%, rgba(7, 11, 26, 0.35) 35%, rgba(7, 11, 26, 0.75) 70%, #070B1A 100% ); z-index: 1; pointer-events: none; } .cty-home .cty-hero > .cty-container{ position: relative; z-index: 2; } .cty-home .cty-hero__inner{ max-width: 900px; margin: 0 auto; text-align: center; } .cty-home .cty-hero__title{ max-width: 860px; margin: 0 auto; } .cty-home .cty-hero__text{ max-width: 820px; margin: 0 auto; } .cty-home .cty-hero__actions{ display: flex; justify-content: center; align-items: center; gap: 16px; flex-wrap: wrap; } .cty-home .cty-hero__meta{ color: rgba(245,241,232,0.66) !important; font-size: 14px; line-height: 1.6; } .cty-home .cty-paths{ margin-top: -28px; position: relative; z-index: 3; }  .cty-home .cty-paths__intro{ max-width: 760px; } .cty-home .cty-paths__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .cty-home .cty-path-card h3{ margin-bottom: 12px !important; }  .cty-home .cty-split{ display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr); gap: 40px; align-items: center; } .cty-home .cty-split--reverse{ grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1.15fr); } .cty-home .cty-visual{ min-height: 420px; border-radius: 24px; border: 1px solid rgba(230, 199, 122, 0.15); background: radial-gradient(circle at 30% 20%, rgba(230,199,122,0.10), rgba(230,199,122,0) 30%), linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.02)); box-shadow: 0 20px 50px rgba(0,0,0,0.22); overflow: hidden; } .cty-home .cty-list{ display: grid; gap: 12px; margin-top: 6px; } .cty-home .cty-list__item{ display: flex; align-items: flex-start; gap: 12px; color: var(--text-secondary); line-height: 1.6; } .cty-home .cty-list__item::before{ content: ""; width: 8px; height: 8px; margin-top: 0.55em; border-radius: 50%; background: var(--gold-main); flex: 0 0 8px; box-shadow: 0 0 0 4px rgba(230, 199, 122, 0.10); }  .cty-home .cty-oraculo{ position: relative; } .cty-home .cty-oraculo .cty-split{ display: grid !important; grid-template-columns: minmax(0, 1.1fr) minmax(340px, 460px) !important; gap: 56px !important; align-items: center !important; } .cty-home .cty-oraculo .gap-18{ display: flex !important; flex-direction: column !important; gap: 18px !important; width: 100% !important; max-width: 640px !important; } .cty-home .cty-oraculo .cty-heading-lg{ max-width: 12ch; } .cty-home .cty-oraculo .cty-text{ max-width: 58ch; } .cty-home .cty-oraculo .cty-list{ max-width: 56ch; } .cty-home .cty-oraculo .cty-visual{ width: 100% !important; max-width: 460px !important; min-height: 520px !important; margin-left: auto !important; border-radius: 24px !important; overflow: hidden !important; border: 1px solid rgba(230, 199, 122, 0.15) !important; box-shadow: 0 20px 50px rgba(0,0,0,0.24) !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .cty-home .cty-oraculo .cty-visual > .brxe-image, .cty-home .cty-oraculo .cty-visual > figure, .cty-home .cty-oraculo .cty-visual > img{ display: none !important; }  .cty-home .cty-oracle-grid{ display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, 460px); gap: 56px; align-items: center; } .cty-home .cty-oracle-copy{ width: 100%; max-width: 680px; } .cty-home .cty-oracle-copy .cty-heading-lg{ max-width: 12ch; } .cty-home .cty-oracle-copy .cty-text{ max-width: 60ch; } .cty-home .cty-oracle-tags{ display: flex; flex-wrap: wrap; gap: 12px; } .cty-home .cty-oracle-tag{ display: inline-flex; align-items: center; min-height: 40px; padding: 10px 14px; background: rgba(255,255,255,0.04); border: 1px solid rgba(230, 199, 122, 0.16); border-radius: 999px; color: var(--text-secondary) !important; font-size: 14px; line-height: 1.35; } .cty-home .cty-oracle-media{ width: 100%; max-width: 460px; margin-left: auto; } .cty-home .cty-oracle-image, .cty-home .cty-oracle-image img{ display: block; width: 100% !important; height: auto !important; border-radius: 24px; overflow: hidden; border: 1px solid rgba(230, 199, 122, 0.16); box-shadow: 0 20px 50px rgba(0,0,0,0.24); }  .cty-home .cty-academia{ position: relative; } .cty-home .cty-academy-grid{ display: grid; grid-template-columns: minmax(320px, 460px) minmax(0, 1.05fr); gap: 56px; align-items: center; } .cty-home .cty-academy-media{ width: 100%; max-width: 460px; } .cty-home .cty-academy-image, .cty-home .cty-academy-image img{ display: block; width: 100% !important; height: auto !important; border-radius: 24px; overflow: hidden; border: 1px solid rgba(230, 199, 122, 0.16); box-shadow: 0 20px 50px rgba(0,0,0,0.24); } .cty-home .cty-academy-copy{ width: 100%; max-width: 680px; margin-left: auto; } .cty-home .cty-academy-copy .cty-heading-lg{ max-width: 14ch; } .cty-home .cty-academy-copy .cty-text{ max-width: 60ch; }  .cty-home .cty-pablo{ position: relative; } .cty-home .cty-pablo-grid{ display: grid; grid-template-columns: minmax(320px, 440px) minmax(0, 1.08fr); gap: 56px; align-items: center; } .cty-home .cty-pablo-media{ width: 100%; max-width: 440px; } .cty-home .cty-pablo-image, .cty-home .cty-pablo-image img{ display: block; width: 100% !important; height: auto !important; border-radius: 24px; overflow: hidden; border: 1px solid rgba(230, 199, 122, 0.16); box-shadow: 0 20px 50px rgba(0,0,0,0.24); } .cty-home .cty-pablo-copy{ width: 100%; max-width: 700px; margin-left: auto; } .cty-home .cty-pablo-copy .cty-heading-lg{ max-width: 16ch; } .cty-home .cty-pablo-copy .cty-text{ max-width: 62ch; }  .cty-home .cty-steps__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .cty-home .cty-step__num{ color: var(--gold-main) !important; font-size: 14px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; }  .cty-home .cty-diferencial{ position: relative; } .cty-home .cty-diferencial__intro{ max-width: 760px; } .cty-home .cty-diferencial__grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; } .cty-home .cty-mini-card{ min-height: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 24px; } .cty-home .cty-mini-card .cty-text{ max-width: 20ch; margin: 0 auto; }  .cty-home .cty-claim{ padding-top: 72px; padding-bottom: 72px; } .cty-home .cty-claim__inner{ max-width: 900px; margin: 0 auto; text-align: center; } .cty-home .cty-claim__inner .cty-heading-lg{ max-width: 18ch; margin-left: auto; margin-right: auto; } .cty-home .cty-claim__inner .cty-text{ max-width: 42ch; margin-left: auto; margin-right: auto; }  .cty-home .cty-final-cta{ padding-top: 110px; padding-bottom: 120px; } .cty-home .cty-final-cta__inner{ max-width: 860px; margin: 0 auto; text-align: center; } .cty-home .cty-final-cta__inner .cty-heading-lg{ max-width: 14ch; margin-left: auto; margin-right: auto; } .cty-home .cty-final-cta__inner .cty-text{ max-width: 46ch; margin-left: auto; margin-right: auto; } .cty-home .cty-final-cta__actions{ display: flex; justify-content: center; align-items: center; gap: 16px; flex-wrap: wrap; } .cty-home .cty-final-cta__link, .cty-home .cty-final-cta__link a{ display: inline-block; margin-top: 6px; color: var(--gold-main) !important; font-size: 15px; line-height: 1.5; text-decoration: none !important; transition: opacity 0.25s ease, color 0.25s ease; } .cty-home .cty-final-cta__link:hover, .cty-home .cty-final-cta__link a:hover{ color: var(--gold-soft) !important; opacity: 0.9; }  .cty-home .cty-faq{ position: relative; } .cty-home .cty-faq__inner{ max-width: 900px; margin: 0 auto; } .cty-home .cty-faq__inner .cty-heading-lg{ text-align: center; max-width: 16ch; margin-left: auto; margin-right: auto; } .cty-home .cty-faq__accordion, .cty-home .cty-faq .brxe-accordion{ width: 100%; } .cty-home .cty-faq__accordion .accordion-item, .cty-home .cty-faq__accordion .brx-accordion-item, .cty-home .cty-faq .accordion-item, .cty-home .cty-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; } .cty-home .cty-faq__accordion .accordion-title-wrapper, .cty-home .cty-faq__accordion .brx-accordion-header, .cty-home .cty-faq .accordion-title-wrapper, .cty-home .cty-faq .brx-accordion-header{ padding: 0 !important; } .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{ display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px; width: 100%; min-height: 72px; padding: 18px 22px !important; color: #FFFFFF !important; font-family: var(--font-heading) !important; font-size: clamp(22px, 2.1vw, 28px) !important; line-height: 1.24 !important; text-align: left !important; white-space: normal !important; text-wrap: balance; } .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 *{ margin: 0 !important; color: inherit !important; font: inherit !important; line-height: inherit !important; } .cty-home .cty-faq__accordion .accordion-icon, .cty-home .cty-faq__accordion .brx-accordion-icon, .cty-home .cty-faq__accordion .accordion-title svg, .cty-home .cty-faq__accordion .brx-accordion-title svg, .cty-home .cty-faq .accordion-icon, .cty-home .cty-faq .brx-accordion-icon, .cty-home .cty-faq .accordion-title svg, .cty-home .cty-faq .brx-accordion-title svg{ flex: 0 0 auto; width: 18px; height: 18px; color: var(--gold-main) !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 22px 22px 22px !important; color: var(--text-secondary) !important; font-size: 16px; line-height: 1.75; }  .cty-home .gap-12{ display: flex; flex-direction: column; gap: 12px; } .cty-home .gap-14{ display: flex; flex-direction: column; gap: 14px; } .cty-home .gap-16{ display: flex; flex-direction: column; gap: 16px; } .cty-home .gap-18{ display: flex; flex-direction: column; gap: 18px; } .cty-home .gap-20{ display: flex; flex-direction: column; gap: 20px; } .cty-home .gap-24{ display: flex; flex-direction: column; gap: 24px; } .cty-home .gap-32{ display: flex; flex-direction: column; gap: 32px; } .cty-home .center-text{ text-align: center; } .cty-home .center-block{ margin-left: auto; margin-right: auto; }  .mono-page{ background: var(--bg-main); color: var(--text-main); } .mono-page .mono-section{ padding-top: 96px; padding-bottom: 96px; } .mono-page .mono-container{ width: 100%; max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; } .mono-page .mono-section-title{ font-family: var(--font-heading) !important; color: #FFFFFF !important; font-size: clamp(32px, 4vw, 46px) !important; line-height: 1.12 !important; margin: 0 0 14px 0 !important; } .mono-page .mono-section-text, .mono-page .mono-section-text p{ color: var(--text-secondary) !important; font-size: 17px; line-height: 1.8; margin: 0; } .mono-page .mono-card{ background: rgba(255,255,255,0.03); 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%; } .mono-page .mono-card h3, .mono-page .mono-card h4{ font-family: var(--font-heading) !important; color: var(--gold-main) !important; margin: 0 0 12px 0 !important; line-height: 1.2 !important; } .mono-page .mono-card p, .mono-page .mono-card li{ color: var(--text-secondary) !important; line-height: 1.75; } .mono-page .mono-card ul{ margin: 14px 0 0; padding-left: 18px; }  .mono-page .mono-hero{ padding-top: 120px; padding-bottom: 90px; background: radial-gradient(circle at top center, rgba(230,199,122,0.08) 0%, rgba(7,11,26,0) 38%), linear-gradient(180deg, #0A0E1A 0%, #070B1A 100%); } .mono-page .mono-hero__inner{ display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, 520px); gap: 48px; align-items: center; } .mono-page .mono-hero__content{ max-width: 720px; } .mono-page .mono-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; } .mono-page .mono-hero__title{ margin: 0 0 18px 0 !important; color: #FFFFFF !important; font-family: var(--font-heading) !important; font-size: clamp(42px, 5vw, 68px) !important; line-height: 1.05 !important; text-align: left !important; text-shadow: 0 6px 24px rgba(230,199,122,0.14); } .mono-page .mono-hero__subtitle{ margin: 0 0 16px 0; color: var(--text-main) !important; font-size: 20px; line-height: 1.65; } .mono-page .mono-hero__support{ margin: 0; color: var(--text-secondary) !important; font-size: 16px; line-height: 1.85; max-width: 62ch; } .mono-page .mono-hero__actions{ display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; } .mono-page .mono-hero__media{ width: 100%; min-width: 0; } .mono-page .mono-hero__media img{ width: 100%; height: auto; display: block; border-radius: 24px; border: 1px solid rgba(230,199,122,0.18); box-shadow: 0 20px 50px rgba(0,0,0,0.28); }  .mono-page .mono-problema__intro, .mono-page .mono-programa__intro, .mono-page .mono-transformacion__intro{ max-width: 780px; } .mono-page .mono-problema__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 28px; } .mono-page .mono-transformacion__grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 30px; } .mono-page .mono-transformacion__col{ background: rgba(255,255,255,0.03); border: 1px solid rgba(230, 199, 122, 0.14); border-radius: 20px; padding: 28px; backdrop-filter: blur(8px); } .mono-page .mono-transformacion__label{ font-family: var(--font-heading) !important; color: var(--gold-main) !important; font-size: 30px !important; margin: 0 0 16px 0 !important; } .mono-page .mono-transformacion__col ul{ margin: 0; padding-left: 18px; } .mono-page .mono-transformacion__col li{ color: var(--text-secondary) !important; line-height: 1.85; margin-bottom: 10px; } .mono-page .mono-fit__grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 28px; } .mono-page .mono-aprenderas__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; margin-top: 28px; } .mono-page .mono-aprenderas__card{ min-height: 100%; } .mono-page .mono-programa__list{ display: grid; gap: 16px; margin-top: 28px; } .mono-page .mono-programa__item{ background: rgba(255,255,255,0.03); border: 1px solid rgba(230, 199, 122, 0.14); border-radius: 18px; padding: 24px; } .mono-page .mono-programa__item h3{ margin: 0 0 12px 0 !important; font-family: var(--font-heading) !important; color: var(--gold-main) !important; font-size: clamp(24px, 2vw, 30px) !important; } .mono-page .mono-programa__item ul{ margin: 0; padding-left: 18px; } .mono-page .mono-programa__item li{ color: var(--text-secondary) !important; line-height: 1.8; margin-bottom: 8px; } .mono-page .mono-metodo__grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 28px; } .mono-page .mono-metodo__card{ min-height: 100%; } .mono-page .mono-acceso__grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 28px; } .mono-page .mono-acceso__item{ background: rgba(255,255,255,0.03); border: 1px solid rgba(230, 199, 122, 0.14); border-radius: 18px; padding: 24px; text-align: center; } .mono-page .mono-acceso__item h3{ margin: 0 0 10px 0 !important; font-family: var(--font-heading) !important; color: var(--gold-main) !important; font-size: 24px !important; } .mono-page .mono-acceso__item p{ margin: 0; color: var(--text-secondary) !important; line-height: 1.75; }  .mono-page .mono-precio__inner{ max-width: 760px; margin: 0 auto; } .mono-page .mono-precio__card{ background: rgba(255,255,255,0.04); border: 1px solid rgba(230, 199, 122, 0.18); border-radius: 24px; padding: 40px 32px; backdrop-filter: blur(10px); box-shadow: 0 18px 40px rgba(0,0,0,0.22); text-align: center; } .mono-page .mono-precio__eyebrow{ display: inline-block; margin: 0 0 10px 0; color: var(--gold-main) !important; font-size: 13px; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; } .mono-page .mono-precio__title{ margin: 0 0 10px 0 !important; color: #FFFFFF !important; font-family: var(--font-heading) !important; font-size: clamp(34px, 4vw, 48px) !important; line-height: 1.1 !important; } .mono-page .mono-precio__amount{ margin: 0 0 16px 0; color: var(--gold-main) !important; font-family: var(--font-heading) !important; font-size: clamp(40px, 5vw, 62px); line-height: 1; } .mono-page .mono-precio__support{ max-width: 560px; margin: 0 auto 20px auto; color: var(--text-secondary) !important; line-height: 1.8; } .mono-page .mono-precio__includes{ list-style: none; padding: 0; margin: 0 auto 24px auto; max-width: 520px; } .mono-page .mono-precio__includes li{ color: var(--text-secondary) !important; line-height: 1.8; margin-bottom: 8px; } .mono-page .mono-precio__actions{ display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; margin-top: 20px; }  .mono-page .mono-diferencial__grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 28px; } .mono-page .mono-diferencial__card{ min-height: 100%; text-align: center; }  .mono-page .mono-resultado__inner{ max-width: 860px; } .mono-page .mono-resultado__list{ margin-top: 22px; padding-left: 18px; } .mono-page .mono-resultado__list li{ color: var(--text-secondary) !important; line-height: 1.85; margin-bottom: 10px; }  .mono-page .mono-faq__inner{ max-width: 980px; margin: 0 auto; } .mono-page .mono-faq__accordion, .mono-page .mono-faq .brxe-accordion{ width: 100%; } .mono-page .mono-faq .accordion-item, .mono-page .mono-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; } .mono-page .mono-faq .accordion-title-wrapper, .mono-page .mono-faq .brx-accordion-header{ padding: 0 !important; } .mono-page .mono-faq .accordion-title, .mono-page .mono-faq .brx-accordion-title, .mono-page .mono-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; text-wrap: balance; white-space: normal !important; } .mono-page .mono-faq .accordion-title *, .mono-page .mono-faq .brx-accordion-title *, .mono-page .mono-faq .accordion-item-title *{ margin: 0 !important; color: inherit !important; font: inherit !important; line-height: inherit !important; } .mono-page .mono-faq .accordion-icon, .mono-page .mono-faq .brx-accordion-icon, .mono-page .mono-faq .accordion-title svg, .mono-page .mono-faq .brx-accordion-title svg{ flex: 0 0 auto; width: 18px; height: 18px; color: var(--gold-main) !important; } .mono-page .mono-faq .accordion-content, .mono-page .mono-faq .brx-accordion-content{ padding: 0 24px 24px 24px !important; color: var(--text-secondary) !important; font-size: 16px !important; line-height: 1.8 !important; } .mono-page .mono-faq .accordion-content p:last-child, .mono-page .mono-faq .brx-accordion-content p:last-child{ margin-bottom: 0; }  .mono-page .mono-cta{ padding-top: 110px; padding-bottom: 120px; } .mono-page .mono-cta__inner{ max-width: 860px; margin: 0 auto; } .mono-page .mono-cta__box{ background: rgba(255,255,255,0.04); border: 1px solid rgba(230, 199, 122, 0.18); border-radius: 24px; padding: 42px 32px; backdrop-filter: blur(10px); box-shadow: 0 18px 40px rgba(0,0,0,0.22); text-align: center; } .mono-page .mono-cta__title{ margin: 0 0 14px 0 !important; color: #FFFFFF !important; font-family: var(--font-heading) !important; font-size: clamp(34px, 4vw, 50px) !important; line-height: 1.1 !important; } .mono-page .mono-cta__text{ max-width: 640px; margin: 0 auto 24px auto; color: var(--text-secondary) !important; font-size: 17px; line-height: 1.8; } .mono-page .mono-cta__actions{ display: flex; justify-content: center; flex-wrap: wrap; gap: 14px; } .mono-page .mono-cta__note{ margin-top: 18px; color: var(--text-muted) !important; font-size: 14px; line-height: 1.7; }  .mono-page .btn-principal, .mono-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; }  .academy-page{ background: var(--bg-main); color: var(--text-main); } .academy-page .academy-section{ padding-top: 96px; padding-bottom: 96px; } .academy-page .academy-container{ width: 100%; max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; } .academy-page .academy-section-intro{ max-width: 760px; } .academy-page .academy-section-title{ font-family: var(--font-heading) !important; color: #FFFFFF !important; font-size: clamp(34px, 4vw, 48px) !important; line-height: 1.12 !important; margin: 0 0 14px 0 !important; } .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{ background: rgba(255,255,255,0.03); 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%; } .academy-page .academy-card h3, .academy-page .academy-card h4{ font-family: var(--font-heading) !important; color: var(--gold-main) !important; margin: 0 0 12px 0 !important; line-height: 1.2 !important; } .academy-page .academy-card p, .academy-page .academy-card li{ color: var(--text-secondary) !important; line-height: 1.8; } .academy-page .academy-card ul{ margin: 14px 0 0; padding-left: 18px; }  .academy-page .academy-hero{ padding-top: 120px; padding-bottom: 100px; background: radial-gradient(circle at top center, rgba(230,199,122,0.08) 0%, rgba(7,11,26,0) 38%), linear-gradient(180deg, #0A0E1A 0%, #070B1A 100%); } .academy-page .academy-hero__inner{ max-width: 920px; margin: 0 auto; text-align: center; } .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(42px, 5vw, 68px) !important; line-height: 1.06 !important; text-align: center !important; text-shadow: 0 6px 24px rgba(230,199,122,0.14); } .academy-page .academy-hero__text{ max-width: 760px; margin: 0 auto; color: var(--text-secondary) !important; font-size: 18px; line-height: 1.85; } .academy-page .academy-hero__actions{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 28px; }  .academy-page .academy-structure__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 28px; }  .academy-page .academy-entry__box{ display: grid; grid-template-columns: minmax(0, 1.1fr) 280px; gap: 32px; align-items: center; background: rgba(255,255,255,0.04); 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; }  .academy-page .academy-paths__grid{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; margin-top: 28px; } .academy-page .academy-paths__grid .academy-card{ display: flex; flex-direction: column; justify-content: space-between; } .academy-page .academy-path__status{ display: inline-block; margin-top: 16px; color: var(--gold-main) !important; font-size: 13px; letter-spacing: 0.06em; text-transform: uppercase; opacity: 0.95; }  .academy-page .academy-guide__grid{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; margin-top: 28px; }  .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); } .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-paths__grid, .academy-page .academy-guide__grid{ grid-template-columns: repeat(3, 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: 78px; padding-bottom: 78px; } .academy-page .academy-hero{ padding-top: 108px; padding-bottom: 84px; } .academy-page .academy-structure__grid, .academy-page .academy-paths__grid, .academy-page .academy-guide__grid{ grid-template-columns: 1fr; } .academy-page .academy-entry__box{ grid-template-columns: 1fr; gap: 24px; } .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-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 .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; } }   .oraculo-page{ background: var(--bg-main); color: var(--text-main); overflow-x: hidden; } .oraculo-page .oraculo-container{ width: 100%; max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; } .oraculo-page img{ max-width: 100%; height: auto; display: block; } .oraculo-page .brxe-section, .oraculo-page .brxe-container, .oraculo-page .brxe-div, .oraculo-page .brxe-block{ min-width: 0; } .oraculo-page .oraculo-section-intro, .oraculo-page .oraculo-como-funciona__intro, .oraculo-page .oraculo-guias__intro, .oraculo-page .oraculo-beneficios__intro, .oraculo-page .oraculo-planes__intro{ max-width: 760px; } .oraculo-page .oraculo-section-title{ font-family: var(--font-heading) !important; color: #FFFFFF !important; font-size: clamp(34px, 4vw, 48px) !important; line-height: 1.12 !important; margin: 0 0 14px 0 !important; } .oraculo-page .oraculo-section-text, .oraculo-page .oraculo-section-text p{ color: var(--text-secondary) !important; font-size: 17px; line-height: 1.8; margin: 0; } .oraculo-page .oraculo-card{ background: rgba(255,255,255,0.03); 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%; } .oraculo-page .oraculo-card h3, .oraculo-page .oraculo-card h4{ font-family: var(--font-heading) !important; color: var(--gold-main) !important; margin: 0 0 12px 0 !important; line-height: 1.2 !important; } .oraculo-page .oraculo-card p, .oraculo-page .oraculo-card li{ color: var(--text-secondary) !important; line-height: 1.8; } .oraculo-page .oraculo-card ul{ margin: 14px 0 0; padding-left: 18px; } .oraculo-page .btn-principal, .oraculo-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; }  .oraculo-page .oraculo-hero{ position: relative; overflow: hidden; padding-top: 120px; padding-bottom: 96px; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; } .oraculo-page .oraculo-hero::before{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7,11,26,0.42) 0%, rgba(7,11,26,0.60) 100%); z-index: 1; } .oraculo-page .oraculo-hero::after{ content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 70% 18%, rgba(230,199,122,0.16) 0%, rgba(230,199,122,0) 28%), radial-gradient(circle at 30% 60%, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 30%); z-index: 1; pointer-events: none; } .oraculo-page .oraculo-hero > .oraculo-container, .oraculo-page .oraculo-hero__inner{ position: relative; z-index: 2; } .oraculo-page .oraculo-hero__inner{ width: 100%; max-width: 860px; margin: 0 auto; text-align: center; } .oraculo-page .oraculo-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; } .oraculo-page .oraculo-hero__title{ margin: 0 0 18px 0 !important; color: #FFFFFF !important; font-family: var(--font-heading) !important; font-size: clamp(42px, 5vw, 68px) !important; line-height: 1.06 !important; text-align: center !important; text-shadow: 0 6px 24px rgba(230,199,122,0.14); max-width: 15ch; margin-left: auto !important; margin-right: auto !important; } .oraculo-page .oraculo-hero__text, .oraculo-page .oraculo-hero__text p{ max-width: 68ch; margin: 0 auto; color: #F5F3ED !important; font-size: 18px; line-height: 1.8; } .oraculo-page .oraculo-hero__actions{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 30px; }  .oraculo-page .oraculo-como-funciona__grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 28px; align-items: stretch; } .oraculo-page .oraculo-step{ display: flex; flex-direction: column; min-height: 100%; } .oraculo-page .oraculo-step__num{ display: inline-block; margin: 0 0 12px 0; color: var(--gold-main) !important; font-size: 13px; font-weight: 700; letter-spacing: 0.10em; text-transform: uppercase; line-height: 1.4; }  .oraculo-page .oraculo-guias__grid{ display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 20px; margin-top: 28px; align-items: stretch; }  .oraculo-page .oraculo-beneficios__grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 28px; align-items: stretch; }  .oraculo-page .oraculo-consejo__intro{ max-width: 860px; margin: 0 auto; text-align: center; } .oraculo-page .oraculo-consejo__grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin-top: 30px; align-items: stretch; } .oraculo-page .oraculo-consejo__card{ background: rgba(255,255,255,0.03); border: 1px solid rgba(230, 199, 122, 0.14); border-radius: 20px; padding: 28px 22px; backdrop-filter: blur(8px); box-shadow: 0 18px 40px rgba(0,0,0,0.18); text-align: center; min-height: 100%; display: flex; flex-direction: column; } .oraculo-page .oraculo-consejo__avatar{ width: 150px; max-width: 150px; margin: 0 auto 18px auto; } .oraculo-page .oraculo-consejo__avatar img{ width: 150px !important; height: 150px !important; object-fit: cover; border-radius: 50%; margin: 0 auto; border: 2px solid rgba(230, 199, 122, 0.34); box-shadow: 0 10px 26px rgba(0,0,0,0.24); } .oraculo-page .oraculo-consejo__name{ margin: 0 0 8px 0 !important; font-family: var(--font-heading) !important; color: #FFFFFF !important; font-size: clamp(28px, 2vw, 36px) !important; line-height: 1.12 !important; } .oraculo-page .oraculo-consejo__specialty{ color: var(--gold-main) !important; font-size: 14px; line-height: 1.5; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 10px; opacity: 0.96; } .oraculo-page .oraculo-consejo__text{ color: var(--text-secondary) !important; font-size: 16px; line-height: 1.75; margin-top: auto; } .oraculo-page .oraculo-consejo__note{ max-width: 760px; margin: 22px auto 0 auto; text-align: center; color: var(--text-muted) !important; font-size: 15px; line-height: 1.75; }  .oraculo-page .oraculo-planes__group{ margin-top: 34px; } .oraculo-page .oraculo-planes__group:first-child{ margin-top: 28px; } .oraculo-page .oraculo-planes__group-title{ font-family: var(--font-heading) !important; color: #FFFFFF !important; font-size: clamp(28px, 2.4vw, 36px) !important; line-height: 1.15 !important; margin: 0 0 18px 0 !important; } .oraculo-page .oraculo-planes__grid--subscriptions{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; align-items: stretch; } .oraculo-page .oraculo-planes__grid--tokens{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: stretch; } .oraculo-page .oraculo-plan{ display: flex; flex-direction: column; min-height: 100%; } .oraculo-page .oraculo-plan__label{ display: inline-block; margin: 0 0 12px 0; color: var(--gold-main) !important; font-size: 13px; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; opacity: 0.95; } .oraculo-page .oraculo-plan__title{ margin: 0 0 8px 0 !important; font-family: var(--font-heading) !important; color: #FFFFFF !important; font-size: clamp(28px, 2vw, 36px) !important; line-height: 1.12 !important; } .oraculo-page .oraculo-plan__price{ display: block; margin: 2px 0 14px 0; color: var(--gold-main) !important; font-family: var(--font-heading) !important; font-size: clamp(34px, 3.2vw, 48px) !important; line-height: 1 !important; } .oraculo-page .oraculo-plan__desc{ color: var(--text-secondary) !important; line-height: 1.75; margin: 0 0 14px 0; } .oraculo-page .oraculo-plan ul{ margin: 0 0 22px 0; padding-left: 18px; } .oraculo-page .oraculo-plan li{ color: var(--text-secondary) !important; line-height: 1.75; margin-bottom: 8px; } .oraculo-page .oraculo-plan .btn-principal, .oraculo-page .oraculo-plan .btn-secundario{ margin-top: auto; width: 100%; justify-content: center; } .oraculo-page .oraculo-plan--featured{ border-color: rgba(230, 199, 122, 0.34) !important; box-shadow: 0 18px 40px rgba(230, 199, 122, 0.08); }  .oraculo-page .oraculo-faq__inner{ max-width: 980px; margin: 0 auto; } .oraculo-page .oraculo-faq .accordion-item, .oraculo-page .oraculo-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; } .oraculo-page .oraculo-faq .accordion-title-wrapper, .oraculo-page .oraculo-faq .brx-accordion-header{ padding: 0 !important; } .oraculo-page .oraculo-faq .accordion-title, .oraculo-page .oraculo-faq .brx-accordion-title, .oraculo-page .oraculo-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; } .oraculo-page .oraculo-faq .accordion-title *, .oraculo-page .oraculo-faq .brx-accordion-title *, .oraculo-page .oraculo-faq .accordion-item-title *{ margin: 0 !important; color: inherit !important; font: inherit !important; line-height: inherit !important; } .oraculo-page .oraculo-faq .accordion-icon, .oraculo-page .oraculo-faq .brx-accordion-icon, .oraculo-page .oraculo-faq .accordion-title svg, .oraculo-page .oraculo-faq .brx-accordion-title svg{ flex: 0 0 auto; width: 18px; height: 18px; color: var(--gold-main) !important; } .oraculo-page .oraculo-faq .accordion-content, .oraculo-page .oraculo-faq .brx-accordion-content{ padding: 0 24px 24px 24px !important; color: var(--text-secondary) !important; font-size: 16px !important; line-height: 1.8 !important; }  .oraculo-page .oraculo-cta{ padding-top: 110px; padding-bottom: 120px; } .oraculo-page .oraculo-cta__inner{ max-width: 860px; margin: 0 auto; text-align: center; } .oraculo-page .oraculo-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); } .oraculo-page .oraculo-cta__text{ max-width: 680px; margin: 0 auto; color: var(--text-secondary) !important; font-size: 17px; line-height: 1.85; } .oraculo-page .oraculo-cta__actions{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 28px; }  @media (max-width: 1199px){ .oraculo-page .oraculo-guias__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .oraculo-page .oraculo-consejo__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); } .oraculo-page .oraculo-planes__grid--subscriptions{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .oraculo-page .oraculo-planes__grid--tokens{ grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 991px){ .oraculo-page .oraculo-section{ padding-top: 78px; padding-bottom: 78px; } .oraculo-page .oraculo-container{ padding-left: 28px; padding-right: 28px; } .oraculo-page .oraculo-hero{ padding-top: 108px; padding-bottom: 84px; } .oraculo-page .oraculo-hero__inner{ max-width: 100%; } .oraculo-page .oraculo-hero__title{ font-size: clamp(40px, 7vw, 54px) !important; max-width: 100%; } .oraculo-page .oraculo-hero__text, .oraculo-page .oraculo-hero__text p{ font-size: 17px; line-height: 1.75; max-width: 100%; } .oraculo-page .oraculo-como-funciona__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .oraculo-page .oraculo-guias__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .oraculo-page .oraculo-beneficios__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .oraculo-page .oraculo-consejo__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .oraculo-page .oraculo-cta{ padding-top: 84px; padding-bottom: 96px; } }  @media (max-width: 767px){ .oraculo-page .oraculo-container{ padding-left: 18px; padding-right: 18px; } .oraculo-page .oraculo-section{ padding-top: 64px; padding-bottom: 64px; } .oraculo-page .oraculo-hero{ padding-top: 96px !important; padding-bottom: 72px !important; } .oraculo-page .oraculo-hero__inner{ width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box; } .oraculo-page .oraculo-hero__eyebrow{ display: block; width: 100%; text-align: center !important; font-size: 12px !important; line-height: 1.4 !important; } .oraculo-page .oraculo-hero__title{ font-size: 34px !important; line-height: 1.08 !important; text-align: center !important; max-width: 100% !important; overflow-wrap: anywhere; text-wrap: balance; } .oraculo-page .oraculo-hero__text, .oraculo-page .oraculo-hero__text p, .oraculo-page .oraculo-section-text, .oraculo-page .oraculo-section-text p, .oraculo-page .oraculo-cta__text{ font-size: 16px !important; line-height: 1.7 !important; max-width: 100% !important; overflow-wrap: anywhere; } .oraculo-page .oraculo-hero__actions, .oraculo-page .oraculo-cta__actions{ flex-direction: column; align-items: stretch; gap: 12px; } .oraculo-page .btn-principal, .oraculo-page .btn-secundario{ width: 100%; } .oraculo-page .oraculo-card{ padding: 22px; border-radius: 18px; } .oraculo-page .oraculo-como-funciona__grid, .oraculo-page .oraculo-guias__grid, .oraculo-page .oraculo-beneficios__grid, .oraculo-page .oraculo-consejo__grid, .oraculo-page .oraculo-planes__grid--subscriptions, .oraculo-page .oraculo-planes__grid--tokens{ grid-template-columns: 1fr; gap: 18px; } .oraculo-page .oraculo-consejo__card{ padding: 22px 20px; border-radius: 18px; } .oraculo-page .oraculo-consejo__avatar{ width: 128px; max-width: 128px; } .oraculo-page .oraculo-consejo__avatar img{ width: 128px !important; height: 128px !important; } .oraculo-page .oraculo-consejo__name{ font-size: 30px !important; } .oraculo-page .oraculo-consejo__specialty{ font-size: 13px; } .oraculo-page .oraculo-plan__title{ font-size: 30px !important; } .oraculo-page .oraculo-plan__price{ font-size: 40px !important; } .oraculo-page .oraculo-faq .accordion-title, .oraculo-page .oraculo-faq .brx-accordion-title, .oraculo-page .oraculo-faq .accordion-item-title{ min-height: 64px; padding: 16px 18px !important; font-size: 22px !important; line-height: 1.24 !important; } .oraculo-page .oraculo-faq .accordion-content, .oraculo-page .oraculo-faq .brx-accordion-content{ padding: 0 18px 18px 18px !important; } }  @media (max-width: 479px){ .oraculo-page .oraculo-hero{ padding-top: 88px; padding-bottom: 64px; } .oraculo-page .oraculo-hero__title{ font-size: 30px !important; line-height: 1.1 !important; } .oraculo-page .oraculo-hero__text, .oraculo-page .oraculo-hero__text p{ font-size: 15px !important; line-height: 1.65 !important; } .oraculo-page .oraculo-card{ padding: 20px; } }  .historia-page{ background: var(--bg-main); color: var(--text-main); overflow-x: hidden; } .historia-page .historia-section{ padding-top: 96px; padding-bottom: 96px; } .historia-page .historia-container{ width: 100%; max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; } .historia-page img{ max-width: 100%; height: auto; display: block; } .historia-page .brxe-section, .historia-page .brxe-container, .historia-page .brxe-div, .historia-page .brxe-block{ min-width: 0; }  .historia-page .historia-section-title{ font-family: var(--font-heading) !important; color: #FFFFFF !important; font-size: clamp(34px, 4vw, 48px) !important; line-height: 1.12 !important; margin: 0 0 14px 0 !important; } .historia-page .historia-section-text, .historia-page .historia-section-text p{ color: var(--text-secondary) !important; font-size: 17px; line-height: 1.8; margin: 0; }  .historia-page .historia-card{ background: rgba(255,255,255,0.03); 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%; } .historia-page .historia-card h3, .historia-page .historia-card h4{ font-family: var(--font-heading) !important; color: var(--gold-main) !important; margin: 0 0 12px 0 !important; line-height: 1.2 !important; } .historia-page .historia-card p, .historia-page .historia-card li{ color: var(--text-secondary) !important; line-height: 1.8; } .historia-page .historia-card ul{ margin: 14px 0 0; padding-left: 18px; }  .historia-page .historia-hero{ padding-top: 120px; padding-bottom: 96px; } .historia-page .historia-hero__grid{ display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, 460px); gap: 48px; align-items: center; } .historia-page .historia-hero__copy{ width: 100%; max-width: 720px; } .historia-page .historia-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; } .historia-page .historia-hero__title{ margin: 0 0 18px 0 !important; color: #FFFFFF !important; font-family: var(--font-heading) !important; font-size: clamp(42px, 5vw, 68px) !important; line-height: 1.06 !important; text-align: left !important; text-shadow: 0 6px 24px rgba(230,199,122,0.14); max-width: 14ch; } .historia-page .historia-hero__text, .historia-page .historia-hero__text p{ max-width: 62ch; color: var(--text-secondary) !important; font-size: 18px; line-height: 1.85; margin: 0; } .historia-page .historia-hero__actions{ display: flex; flex-wrap: wrap; gap: 14px; margin-top: 28px; } .historia-page .historia-hero__media{ width: 100%; max-width: 460px; margin-left: auto; } .historia-page .historia-hero__image, .historia-page .historia-hero__image img{ display: block; width: 100% !important; max-width: 100% !important; height: auto !important; border-radius: 24px; overflow: hidden; border: 1px solid rgba(230, 199, 122, 0.16); box-shadow: 0 20px 50px rgba(0,0,0,0.24); }  .historia-page .historia-camino__intro{ max-width: 780px; } .historia-page .historia-camino__grid{ display: grid; grid-template-columns: minmax(320px, 460px) minmax(0, 1fr); gap: 48px; align-items: center; margin-top: 30px; } .historia-page .historia-camino__media{ width: 100%; max-width: 460px; } .historia-page .historia-camino__image, .historia-page .historia-camino__image img{ display: block; width: 100% !important; max-width: 100% !important; height: auto !important; border-radius: 24px; overflow: hidden; border: 1px solid rgba(230, 199, 122, 0.16); box-shadow: 0 20px 50px rgba(0,0,0,0.24); } .historia-page .historia-camino__content{ width: 100%; max-width: 720px; } .historia-page .historia-camino__content p{ color: var(--text-secondary) !important; line-height: 1.85; margin: 0 0 16px 0; } .historia-page .historia-camino__quote{ display: inline-block; margin-top: 8px; color: var(--gold-main) !important; font-family: var(--font-heading) !important; font-size: clamp(24px, 2vw, 30px) !important; line-height: 1.3; }  .historia-page .historia-enfoque__intro{ max-width: 760px; } .historia-page .historia-enfoque__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 28px; }  .historia-page .historia-herramientas__intro{ max-width: 760px; } .historia-page .historia-herramientas__grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 28px; }  .historia-page .historia-testimonios__intro{ max-width: 760px; } .historia-page .historia-testimonios__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 28px; align-items: stretch; } .historia-page .historia-testimonio__meta{ display: inline-block; margin-top: 14px; color: var(--gold-main) !important; font-size: 14px; line-height: 1.5; opacity: 0.95; }  .historia-page .historia-cta{ padding-top: 110px; padding-bottom: 120px; } .historia-page .historia-cta__inner{ max-width: 860px; margin: 0 auto; text-align: center; } .historia-page .historia-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); } .historia-page .historia-cta__text{ max-width: 680px; margin: 0 auto; color: var(--text-secondary) !important; font-size: 17px; line-height: 1.85; } .historia-page .historia-cta__actions{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 28px; } .historia-page .historia-cta .btn-principal, .historia-page .historia-cta .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: 991px){ .historia-page .historia-section{ padding-top: 78px; padding-bottom: 78px; } .historia-page .historia-container{ padding-left: 28px; padding-right: 28px; } .historia-page .historia-hero{ padding-top: 108px; padding-bottom: 84px; } .historia-page .historia-hero__grid, .historia-page .historia-camino__grid{ grid-template-columns: 1fr; gap: 32px; } .historia-page .historia-hero__copy, .historia-page .historia-camino__content{ max-width: 100%; } .historia-page .historia-hero__title{ text-align: center !important; max-width: 100%; } .historia-page .historia-hero__text, .historia-page .historia-hero__text p{ max-width: 100%; text-align: center; } .historia-page .historia-hero__actions{ justify-content: center; } .historia-page .historia-hero__media, .historia-page .historia-camino__media{ max-width: 520px; margin-left: auto; margin-right: auto; } .historia-page .historia-enfoque__grid{ grid-template-columns: 1fr; } .historia-page .historia-herramientas__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); } .historia-page .historia-testimonios__grid{ grid-template-columns: 1fr; gap: 20px; } .historia-page .historia-cta{ padding-top: 84px; padding-bottom: 96px; } }  @media (max-width: 767px){ .historia-page .historia-container{ padding-left: 22px; padding-right: 22px; } .historia-page .historia-section{ padding-top: 64px; padding-bottom: 64px; } .historia-page .historia-hero{ padding-top: 96px; padding-bottom: 72px; } .historia-page .historia-section-text, .historia-page .historia-section-text p, .historia-page .historia-hero__text, .historia-page .historia-hero__text p, .historia-page .historia-cta__text{ font-size: 16px; line-height: 1.75; } .historia-page .historia-hero__actions, .historia-page .historia-cta__actions{ flex-direction: column; align-items: stretch; gap: 12px; } .historia-page .btn-principal, .historia-page .btn-secundario{ width: 100%; } .historia-page .historia-card{ padding: 22px; border-radius: 18px; } .historia-page .historia-hero__image, .historia-page .historia-hero__image img, .historia-page .historia-camino__image, .historia-page .historia-camino__image img{ border-radius: 18px; } .historia-page .historia-herramientas__grid{ grid-template-columns: 1fr; gap: 18px; } }  @media (max-width: 479px){ .historia-page .historia-container{ padding-left: 18px; padding-right: 18px; } .historia-page .historia-hero{ padding-top: 88px; padding-bottom: 64px; } .historia-page .historia-hero__title{ font-size: 30px !important; line-height: 1.1 !important; } }  .eventos-page{ background: var(--bg-main); color: var(--text-main); overflow-x: hidden; } .eventos-page .eventos-section{ padding-top: 96px; padding-bottom: 96px; } .eventos-page .eventos-container{ width: 100%; max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; } .eventos-page .eventos-section-title{ margin: 0 0 14px 0 !important; font-family: var(--font-heading) !important; color: #FFFFFF !important; font-size: clamp(34px, 4vw, 48px) !important; line-height: 1.12 !important; } .eventos-page .eventos-section-text, .eventos-page .eventos-section-text p{ margin: 0; color: var(--text-secondary) !important; font-size: 17px; line-height: 1.8; } .eventos-page .eventos-card{ min-height: 100%; background: rgba(255,255,255,0.03); 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); } .eventos-page .eventos-card h3, .eventos-page .eventos-card h4{ margin: 0 0 12px 0 !important; font-family: var(--font-heading) !important; color: var(--gold-main) !important; line-height: 1.15 !important; } .eventos-page .eventos-card p, .eventos-page .eventos-card li{ color: var(--text-secondary) !important; line-height: 1.8; } .eventos-page .eventos-card ul{ margin: 14px 0 0; padding-left: 18px; }  .eventos-page .eventos-hero{ position: relative; overflow: hidden; padding-top: 120px; padding-bottom: 96px; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; } .eventos-page .eventos-hero::before{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7,11,26,0.42) 0%, rgba(7,11,26,0.66) 100%); z-index: 1; pointer-events: none; } .eventos-page .eventos-hero::after{ content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 72% 18%, rgba(230,199,122,0.14) 0%, rgba(230,199,122,0) 28%), radial-gradient(circle at 28% 60%, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 30%); z-index: 1; pointer-events: none; } .eventos-page .eventos-hero > .eventos-container, .eventos-page .eventos-hero__inner{ position: relative; z-index: 2; } .eventos-page .eventos-hero__inner{ width: 100%; max-width: 920px; margin: 0 auto; text-align: center; } .eventos-page .eventos-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; } .eventos-page .eventos-hero__title{ margin: 0 0 18px 0 !important; font-family: var(--font-heading) !important; color: #FFFFFF !important; font-size: clamp(42px, 5vw, 68px) !important; line-height: 1.06 !important; text-align: center !important; text-shadow: 0 6px 24px rgba(230,199,122,0.14); max-width: 15ch; margin-left: auto !important; margin-right: auto !important; } .eventos-page .eventos-hero__text, .eventos-page .eventos-hero__text p{ max-width: 68ch; margin: 0 auto; color: #F5F3ED !important; font-size: 18px; line-height: 1.8; } .eventos-page .eventos-hero__actions{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 30px; } .eventos-page .eventos-hero .btn-principal, .eventos-page .eventos-hero .btn-secundario{ min-height: 52px; border-radius: 999px !important; padding: 16px 30px !important; }  .eventos-page .eventos-intro__inner{ max-width: 860px; margin: 0 auto; text-align: center; } .eventos-page .eventos-intro .eventos-section-title{ max-width: 16ch; margin-left: auto !important; margin-right: auto !important; } .eventos-page .eventos-intro .eventos-section-text, .eventos-page .eventos-intro .eventos-section-text p{ max-width: 760px; margin-left: auto; margin-right: auto; }  .eventos-page .eventos-grid__intro{ max-width: 760px; } .eventos-page .eventos-grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 28px; align-items: stretch; } .eventos-page .evento-card{ display: flex; flex-direction: column; min-height: 100%; background: rgba(255,255,255,0.03); border: 1px solid rgba(230, 199, 122, 0.14); border-radius: 24px; padding: 30px 26px 24px 26px; backdrop-filter: blur(8px); box-shadow: 0 18px 40px rgba(0,0,0,0.18); } .eventos-page .evento-card__date{ display: inline-block; margin: 0 0 12px 0; color: var(--gold-main) !important; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.4; } .eventos-page .evento-card__title{ margin: 0 0 12px 0 !important; font-family: var(--font-heading) !important; color: #FFFFFF !important; font-size: clamp(28px, 2vw, 38px) !important; line-height: 1.1 !important; text-wrap: balance; } .eventos-page .evento-card__meta{ margin: 0 0 14px 0; color: var(--text-muted) !important; font-size: 14px; line-height: 1.55; } .eventos-page .evento-card__body{ display: flex; flex-direction: column; flex: 1 1 auto; } .eventos-page .evento-card__text, .eventos-page .evento-card__text p{ margin: 0; color: var(--text-secondary) !important; font-size: 16px; line-height: 1.8; } .eventos-page .evento-card__status{ display: inline-block; margin-top: 18px; color: var(--gold-main) !important; font-size: 13px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.4; } .eventos-page .evento-card__footer{ margin-top: auto; padding-top: 22px; } .eventos-page .evento-card .btn-principal, .eventos-page .evento-card .btn-secundario{ width: 100%; min-height: 52px; justify-content: center; border-radius: 999px !important; padding: 15px 24px !important; font-size: 14px; font-weight: 700; text-decoration: none !important; } .eventos-page .evento-card--featured{ border-color: rgba(230, 199, 122, 0.28) !important; box-shadow: 0 18px 40px rgba(230, 199, 122, 0.08); }  .eventos-page .eventos-tipos__intro{ max-width: 760px; } .eventos-page .eventos-tipos__grid{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin-top: 28px; align-items: stretch; } .eventos-page .eventos-tipos__grid .eventos-card{ display: flex; flex-direction: column; justify-content: flex-start; } .eventos-page .eventos-tipos__grid .eventos-card h3{ font-size: clamp(24px, 1.8vw, 32px) !important; }  .eventos-page .eventos-privado__inner{ max-width: 860px; margin: 0 auto; } .eventos-page .eventos-privado__box{ background: rgba(255,255,255,0.04); border: 1px solid rgba(230, 199, 122, 0.18); border-radius: 24px; padding: 42px 32px; backdrop-filter: blur(10px); box-shadow: 0 18px 40px rgba(0,0,0,0.22); text-align: center; } .eventos-page .eventos-privado__title{ margin: 0 0 16px 0 !important; font-family: var(--font-heading) !important; color: #FFFFFF !important; font-size: clamp(36px, 4vw, 52px) !important; line-height: 1.1 !important; text-shadow: 0 4px 20px rgba(230, 199, 122, 0.16); } .eventos-page .eventos-privado__text{ max-width: 680px; margin: 0 auto; color: var(--text-secondary) !important; font-size: 17px; line-height: 1.85; } .eventos-page .eventos-privado__actions{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 28px; }  .eventos-page .eventos-faq__inner{ max-width: 980px; margin: 0 auto; } .eventos-page .eventos-faq__intro{ max-width: 760px; margin: 0 auto 28px auto; text-align: center; } .eventos-page .eventos-faq__accordion, .eventos-page .eventos-faq .brxe-accordion{ width: 100%; } .eventos-page .eventos-faq .accordion-item, .eventos-page .eventos-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; } .eventos-page .eventos-faq .accordion-title-wrapper, .eventos-page .eventos-faq .brx-accordion-header{ padding: 0 !important; } .eventos-page .eventos-faq .accordion-title, .eventos-page .eventos-faq .brx-accordion-title, .eventos-page .eventos-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; } .eventos-page .eventos-faq .accordion-title *, .eventos-page .eventos-faq .brx-accordion-title *, .eventos-page .eventos-faq .accordion-item-title *{ margin: 0 !important; color: inherit !important; font: inherit !important; line-height: inherit !important; } .eventos-page .eventos-faq .accordion-icon, .eventos-page .eventos-faq .brx-accordion-icon, .eventos-page .eventos-faq .accordion-title svg, .eventos-page .eventos-faq .brx-accordion-title svg{ flex: 0 0 auto; width: 18px; height: 18px; color: var(--gold-main) !important; } .eventos-page .eventos-faq .accordion-content, .eventos-page .eventos-faq .brx-accordion-content{ padding: 0 24px 24px 24px !important; color: var(--text-secondary) !important; font-size: 16px !important; line-height: 1.8 !important; } .eventos-page .eventos-faq .accordion-content p:last-child, .eventos-page .eventos-faq .brx-accordion-content p:last-child{ margin-bottom: 0; }  .eventos-page .eventos-cta{ padding-top: 110px; padding-bottom: 120px; } .eventos-page .eventos-cta__inner{ max-width: 860px; margin: 0 auto; text-align: center; } .eventos-page .eventos-cta__box{ background: rgba(255,255,255,0.04); border: 1px solid rgba(230, 199, 122, 0.18); border-radius: 24px; padding: 42px 32px; backdrop-filter: blur(10px); box-shadow: 0 18px 40px rgba(0,0,0,0.22); } .eventos-page .eventos-cta__title{ margin: 0 0 16px 0 !important; font-family: var(--font-heading) !important; color: #FFFFFF !important; font-size: clamp(36px, 4vw, 52px) !important; line-height: 1.1 !important; text-shadow: 0 4px 20px rgba(230, 199, 122, 0.16); } .eventos-page .eventos-cta__text{ max-width: 680px; margin: 0 auto; color: var(--text-secondary) !important; font-size: 17px; line-height: 1.85; } .eventos-page .eventos-cta__actions{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 28px; } .eventos-page .eventos-cta__note{ max-width: 620px; margin: 18px auto 0 auto; color: var(--text-muted) !important; font-size: 14px; line-height: 1.75; }  .eventos-page .btn-principal, .eventos-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: 991px){ .eventos-page .eventos-section{ padding-top: 78px; padding-bottom: 78px; } .eventos-page .eventos-container{ padding-left: 28px; padding-right: 28px; } .eventos-page .eventos-hero{ padding-top: 108px; padding-bottom: 84px; } .eventos-page .eventos-hero__inner, .eventos-page .eventos-intro__inner{ max-width: 100%; } .eventos-page .eventos-hero__title{ font-size: clamp(40px, 7vw, 54px) !important; max-width: 100%; } .eventos-page .eventos-hero__text, .eventos-page .eventos-hero__text p{ font-size: 17px; line-height: 1.75; max-width: 100%; } .eventos-page .eventos-intro .eventos-section-title, .eventos-page .eventos-intro .eventos-section-text, .eventos-page .eventos-intro .eventos-section-text p{ max-width: 100%; } .eventos-page .eventos-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .eventos-page .eventos-tipos__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .eventos-page .evento-card{ padding: 26px 22px 22px 22px; border-radius: 22px; } .eventos-page .eventos-cta{ padding-top: 84px; padding-bottom: 96px; } } @media (max-width: 767px){ .eventos-page .eventos-container{ padding-left: 18px; padding-right: 18px; } .eventos-page .eventos-section{ padding-top: 64px; padding-bottom: 64px; } .eventos-page .eventos-hero{ padding-top: 96px; padding-bottom: 72px; background-position: center center !important; } .eventos-page .eventos-hero__eyebrow{ display: block; width: 100%; text-align: center !important; font-size: 12px !important; line-height: 1.4 !important; } .eventos-page .eventos-hero__title{ font-size: 34px !important; line-height: 1.08 !important; text-align: center !important; max-width: 100% !important; overflow-wrap: anywhere; text-wrap: balance; } .eventos-page .eventos-hero__text, .eventos-page .eventos-hero__text p, .eventos-page .eventos-section-text, .eventos-page .eventos-section-text p, .eventos-page .eventos-privado__text, .eventos-page .eventos-cta__text{ font-size: 16px !important; line-height: 1.7 !important; max-width: 100% !important; } .eventos-page .eventos-hero__actions, .eventos-page .eventos-privado__actions, .eventos-page .eventos-cta__actions{ flex-direction: column; align-items: stretch; gap: 12px; } .eventos-page .btn-principal, .eventos-page .btn-secundario{ width: 100%; } .eventos-page .eventos-grid{ grid-template-columns: 1fr; gap: 18px; } .eventos-page .eventos-tipos__grid{ grid-template-columns: 1fr; gap: 18px; } .eventos-page .eventos-card{ padding: 22px; border-radius: 18px; } .eventos-page .evento-card{ padding: 22px 18px 18px 18px; border-radius: 20px; } .eventos-page .evento-card__date{ font-size: 12px; margin-bottom: 12px; } .eventos-page .evento-card__title{ font-size: 30px !important; line-height: 1.1 !important; } .eventos-page .evento-card__meta{ font-size: 14px; } .eventos-page .evento-card__text, .eventos-page .evento-card__text p{ font-size: 16px; line-height: 1.75; } .eventos-page .eventos-privado__box, .eventos-page .eventos-cta__box{ padding: 28px 22px; border-radius: 18px; } .eventos-page .eventos-faq .accordion-title, .eventos-page .eventos-faq .brx-accordion-title, .eventos-page .eventos-faq .accordion-item-title{ min-height: 64px; padding: 16px 18px !important; font-size: 22px !important; line-height: 1.24 !important; } .eventos-page .eventos-faq .accordion-content, .eventos-page .eventos-faq .brx-accordion-content{ padding: 0 18px 18px 18px !important; } .eventos-page .eventos-cta__note{ font-size: 13px; } } @media (max-width: 479px){ .eventos-page .eventos-hero{ padding-top: 88px; padding-bottom: 64px; } .eventos-page .eventos-hero__title{ font-size: 30px !important; line-height: 1.1 !important; } .eventos-page .eventos-hero__text, .eventos-page .eventos-hero__text p{ font-size: 15px !important; line-height: 1.65 !important; } }  .contacto-page{ background: var(--bg-main); color: var(--text-main); } .contacto-page .contacto-section{ position: relative; } .contacto-page .contacto-container{ width: 100%; max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; } .contacto-page .contacto-hero{ position: relative; overflow: hidden; min-height: 620px; padding-top: 120px; padding-bottom: 100px; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; } .contacto-page .contacto-hero::before{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7,11,26,0.38) 0%, rgba(7,11,26,0.62) 100%); z-index: 1; } .contacto-page .contacto-hero::after{ content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 30% 35%, rgba(230,199,122,0.10) 0%, rgba(230,199,122,0) 35%); z-index: 1; pointer-events: none; } .contacto-page .contacto-hero > .contacto-container, .contacto-page .contacto-hero__inner{ position: relative; z-index: 2; } .contacto-page .contacto-hero__inner{ width: 100%; max-width: 860px; margin: 0 auto; text-align: center; } .contacto-page .contacto-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; } .contacto-page .contacto-hero__title{ margin: 0 0 18px 0 !important; color: #FFFFFF !important; font-family: var(--font-heading) !important; font-size: clamp(42px, 5vw, 68px) !important; line-height: 1.06 !important; text-align: center !important; text-shadow: 0 6px 24px rgba(230,199,122,0.12); max-width: 12ch; margin-left: auto !important; margin-right: auto !important; } .contacto-page .contacto-hero__text, .contacto-page .contacto-hero__text p{ max-width: 62ch; margin: 0 auto; color: #F5F3ED !important; font-size: 18px; line-height: 1.8; } .contacto-page .contacto-hero__actions{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 30px; } .contacto-page .contacto-hero .btn-principal, .contacto-page .contacto-hero .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: 991px){ .contacto-page .contacto-container{ padding-left: 28px; padding-right: 28px; } .contacto-page .contacto-hero{ min-height: 560px; padding-top: 108px; padding-bottom: 84px; } .contacto-page .contacto-hero__inner{ max-width: 100%; } .contacto-page .contacto-hero__title{ font-size: clamp(40px, 7vw, 54px) !important; max-width: 100%; } .contacto-page .contacto-hero__text, .contacto-page .contacto-hero__text p{ font-size: 17px; line-height: 1.75; max-width: 100%; } } @media (max-width: 767px){ .contacto-page .contacto-container{ padding-left: 22px; padding-right: 22px; } .contacto-page .contacto-hero{ min-height: 500px; padding-top: 96px; padding-bottom: 72px; background-position: center center !important; } .contacto-page .contacto-hero__eyebrow{ display: block; width: 100%; text-align: center !important; font-size: 12px !important; line-height: 1.4 !important; } .contacto-page .contacto-hero__title{ font-size: 34px !important; line-height: 1.08 !important; max-width: 100% !important; } .contacto-page .contacto-hero__text, .contacto-page .contacto-hero__text p{ font-size: 16px !important; line-height: 1.7 !important; max-width: 100% !important; } .contacto-page .contacto-hero__actions{ flex-direction: column; align-items: stretch; gap: 12px; } .contacto-page .contacto-hero .btn-principal, .contacto-page .contacto-hero .btn-secundario{ width: 100%; } } @media (max-width: 479px){ .contacto-page .contacto-container{ padding-left: 18px; padding-right: 18px; } .contacto-page .contacto-hero{ min-height: 460px; padding-top: 88px; padding-bottom: 64px; } .contacto-page .contacto-hero__title{ font-size: 30px !important; line-height: 1.1 !important; } .contacto-page .contacto-hero__text, .contacto-page .contacto-hero__text p{ font-size: 15px !important; line-height: 1.65 !important; } }  .contacto-page .contacto-form{ padding-top: 96px; padding-bottom: 96px; } .contacto-page .contacto-form__grid{ display: grid; grid-template-columns: minmax(280px, 380px) minmax(0, 1fr); gap: 40px; align-items: start; } .contacto-page .contacto-form__intro{ min-width: 0; } .contacto-page .contacto-label{ 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; line-height: 1.4; } .contacto-page .contacto-section-title{ margin: 0 0 14px 0 !important; color: #FFFFFF !important; font-family: var(--font-heading) !important; font-size: clamp(32px, 4vw, 46px) !important; line-height: 1.12 !important; } .contacto-page .contacto-section-text, .contacto-page .contacto-section-text p{ color: var(--text-secondary) !important; font-size: 17px; line-height: 1.8; margin: 0; } .contacto-page .contacto-form__methods{ display: flex; flex-direction: column; gap: 10px; padding-top: 4px; } .contacto-page .contacto-method{ color: #F5F3ED !important; text-decoration: none !important; font-size: 16px; line-height: 1.6; transition: color 0.25s ease, opacity 0.25s ease; } .contacto-page .contacto-method:hover{ color: var(--gold-main) !important; opacity: 0.95; } .contacto-page .contacto-form__note{ color: var(--text-muted) !important; font-size: 14px; line-height: 1.75; } .contacto-page .contacto-form__card{ min-width: 0; background: rgba(255,255,255,0.03); border: 1px solid rgba(230, 199, 122, 0.14); border-radius: 24px; padding: 30px; backdrop-filter: blur(8px); box-shadow: 0 18px 40px rgba(0,0,0,0.18); }  .contacto-page .contacto-form__card input, .contacto-page .contacto-form__card textarea, .contacto-page .contacto-form__card select{ width: 100% !important; background: rgba(7,11,26,0.72) !important; color: #FFFFFF !important; border: 1px solid rgba(230, 199, 122, 0.16) !important; border-radius: 12px !important; padding: 14px 16px !important; box-sizing: border-box; box-shadow: none !important; } .contacto-page .contacto-form__card textarea{ min-height: 160px; resize: vertical; } .contacto-page .contacto-form__card input::placeholder, .contacto-page .contacto-form__card textarea::placeholder{ color: rgba(245,243,237,0.55) !important; } .contacto-page .contacto-form__card .btn-principal, .contacto-page .contacto-form__card button, .contacto-page .contacto-form__card input[type="submit"]{ min-height: 48px !important; border-radius: 999px !important; padding: 14px 26px !important; }  @media (max-width: 991px){ .contacto-page .contacto-form{ padding-top: 78px; padding-bottom: 78px; } .contacto-page .contacto-form__grid{ grid-template-columns: 1fr; gap: 28px; } } @media (max-width: 767px){ .contacto-page .contacto-form{ padding-top: 64px; padding-bottom: 64px; } .contacto-page .contacto-section-text, .contacto-page .contacto-section-text p{ font-size: 16px; line-height: 1.75; } .contacto-page .contacto-form__card{ padding: 22px; border-radius: 18px; } .contacto-page .contacto-form__card .btn-principal, .contacto-page .contacto-form__card button, .contacto-page .contacto-form__card input[type="submit"]{ width: 100%; } }  section.cty-contact-cta{ background: var(--bg-main) !important; padding-top: 110px !important; padding-bottom: 120px !important; } section.cty-contact-cta > .brxe-container{ width: 100% !important; max-width: 860px !important; margin: 0 auto !important; padding-left: 24px !important; padding-right: 24px !important; box-sizing: border-box !important; } section.cty-contact-cta .center-text{ text-align: center; } section.cty-contact-cta h2, section.cty-contact-cta .brxe-heading{ 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-align: center !important; text-shadow: 0 4px 20px rgba(230, 199, 122, 0.16); } section.cty-contact-cta p, section.cty-contact-cta .brxe-text-basic{ max-width: 680px !important; margin-left: auto !important; margin-right: auto !important; color: var(--text-secondary) !important; font-size: 17px !important; line-height: 1.85 !important; text-align: center !important; } section.cty-contact-cta .cty-contact-actions{ display: flex !important; justify-content: center !important; align-items: center !important; flex-wrap: wrap !important; gap: 14px !important; margin-top: 28px !important; } section.cty-contact-cta .cty-contact-note{ margin-top: 10px !important; color: var(--text-muted) !important; font-size: 15px !important; line-height: 1.7 !important; text-align: center !important; } section.cty-contact-cta .btn-principal, section.cty-contact-cta .btn-secundario, section.cty-contact-cta .bricks-button{ min-height: 52px !important; border-radius: 999px !important; padding: 16px 30px !important; }  @media (max-width: 991px){ section.cty-contact-cta{ padding-top: 84px !important; padding-bottom: 96px !important; } section.cty-contact-cta > .brxe-container{ padding-left: 22px !important; padding-right: 22px !important; } } @media (max-width: 767px){ section.cty-contact-cta > .brxe-container{ padding-left: 18px !important; padding-right: 18px !important; } section.cty-contact-cta h2, section.cty-contact-cta .brxe-heading{ font-size: 32px !important; line-height: 1.12 !important; } section.cty-contact-cta p, section.cty-contact-cta .brxe-text-basic{ font-size: 16px !important; line-height: 1.7 !important; } section.cty-contact-cta .cty-contact-actions{ flex-direction: column !important; align-items: stretch !important; gap: 12px !important; } section.cty-contact-cta .btn-principal, section.cty-contact-cta .btn-secundario, section.cty-contact-cta .bricks-button{ width: 100% !important; } }  section.cty-contact-faq{ background: var(--bg-main) !important; padding-top: 96px !important; padding-bottom: 96px !important; } section.cty-contact-faq > .brxe-container{ width: 100% !important; max-width: 980px !important; margin: 0 auto !important; padding-left: 24px !important; padding-right: 24px !important; box-sizing: border-box !important; } section.cty-contact-faq .center-text{ text-align: center; } section.cty-contact-faq h2, section.cty-contact-faq .brxe-heading{ 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-align: center !important; text-shadow: 0 4px 20px rgba(230, 199, 122, 0.16); } section.cty-contact-faq p, section.cty-contact-faq .brxe-text-basic{ color: var(--text-secondary) !important; font-size: 17px !important; line-height: 1.85 !important; } section.cty-contact-faq .cty-contact-faq__intro{ max-width: 760px; margin: 0 auto 28px auto; text-align: center; } section.cty-contact-faq .cty-contact-faq__accordion, section.cty-contact-faq .brxe-accordion{ width: 100%; }  section.cty-contact-faq .accordion-item, section.cty-contact-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 !important; }  section.cty-contact-faq .accordion-title-wrapper, section.cty-contact-faq .brx-accordion-header{ padding: 0 !important; }  section.cty-contact-faq .accordion-title, section.cty-contact-faq .brx-accordion-title, section.cty-contact-faq .accordion-item-title{ display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 18px !important; width: 100% !important; min-height: 76px !important; padding: 20px 24px !important; color: #FFFFFF !important; font-family: var(--font-heading) !important; font-size: clamp(22px, 2.1vw, 30px) !important; line-height: 1.22 !important; text-align: left !important; white-space: normal !important; text-wrap: balance !important; } section.cty-contact-faq .accordion-title *, section.cty-contact-faq .brx-accordion-title *, section.cty-contact-faq .accordion-item-title *{ margin: 0 !important; color: inherit !important; font: inherit !important; line-height: inherit !important; }  section.cty-contact-faq .accordion-icon, section.cty-contact-faq .brx-accordion-icon, section.cty-contact-faq .accordion-title svg, section.cty-contact-faq .brx-accordion-title svg{ flex: 0 0 auto !important; width: 18px !important; height: 18px !important; color: var(--gold-main) !important; }  section.cty-contact-faq .accordion-content, section.cty-contact-faq .brx-accordion-content{ padding: 0 24px 24px 24px !important; color: var(--text-secondary) !important; font-size: 16px !important; line-height: 1.8 !important; } section.cty-contact-faq .accordion-content p:last-child, section.cty-contact-faq .brx-accordion-content p:last-child{ margin-bottom: 0 !important; }  @media (max-width: 991px){ section.cty-contact-faq{ padding-top: 78px !important; padding-bottom: 78px !important; } section.cty-contact-faq > .brxe-container{ padding-left: 22px !important; padding-right: 22px !important; } } @media (max-width: 767px){ section.cty-contact-faq{ padding-top: 64px !important; padding-bottom: 64px !important; } section.cty-contact-faq > .brxe-container{ padding-left: 18px !important; padding-right: 18px !important; } section.cty-contact-faq h2, section.cty-contact-faq .brxe-heading{ font-size: 32px !important; line-height: 1.12 !important; } section.cty-contact-faq p, section.cty-contact-faq .brxe-text-basic{ font-size: 16px !important; line-height: 1.7 !important; } section.cty-contact-faq .accordion-title, section.cty-contact-faq .brx-accordion-title, section.cty-contact-faq .accordion-item-title{ min-height: 64px !important; padding: 16px 18px !important; font-size: 22px !important; line-height: 1.24 !important; } section.cty-contact-faq .accordion-content, section.cty-contact-faq .brx-accordion-content{ padding: 0 18px 18px 18px !important; } }   .cty-home{ overflow-x: hidden; } .cty-home .cty-container, .cty-home .brxe-container, .cty-home .brxe-block, .cty-home .brxe-div, .cty-home .brxe-section{ min-width: 0; } .cty-home img{ max-width: 100%; height: auto; display: block; }  @media (max-width: 991px){ .cty-header{ width: 100%; } .cty-header .cty-header__inner{ min-height: 72px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 12px !important; } .cty-header .cty-header__logo{ flex: 0 0 auto !important; min-width: 0 !important; } .cty-header .cty-header__logo img{ height: 42px !important; width: auto !important; }  .cty-header .cty-header__nav > ul, .cty-header .cty-header__nav .bricks-nav-menu > ul, .cty-header .cty-header__nav .menu, .cty-header .cty-header__nav .bricks-menu-list{ display: none !important; }  .cty-header .cty-header__nav{ display: flex !important; align-items: center !important; justify-content: flex-end !important; margin-left: auto !important; width: auto !important; flex: 0 0 auto !important; } #brxe-mamvuq{ display: flex !important; align-items: center !important; justify-content: flex-end !important; width: auto !important; margin-left: auto !important; } #brxe-mamvuq .bricks-mobile-menu-toggle{ display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 42px !important; height: 42px !important; min-width: 42px !important; min-height: 42px !important; padding: 0 !important; border: 1px solid rgba(230,199,122,0.22) !important; border-radius: 999px !important; background: transparent !important; color: var(--gold-main) !important; box-shadow: none !important; } #brxe-mamvuq .bricks-mobile-menu-toggle svg{ width: 20px !important; height: 20px !important; fill: currentColor !important; stroke: currentColor !important; } }  @media (max-width: 991px){ .cty-home .cty-hero{ padding-top: 96px !important; padding-bottom: 72px !important; background-position: center center !important; overflow: hidden !important; } .cty-home .cty-hero > .cty-container{ padding-left: 24px !important; padding-right: 24px !important; } .cty-home .cty-hero__inner{ width: 100% !important; max-width: 100% !important; margin: 0 auto !important; text-align: center !important; } .cty-home .cty-kicker{ display: block !important; width: 100% !important; max-width: 100% !important; text-align: center !important; font-size: 12px !important; line-height: 1.45 !important; letter-spacing: 0.10em !important; white-space: normal !important; overflow-wrap: anywhere !important; } .cty-home .cty-hero__title, .cty-home .cty-heading-xl{ width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; font-size: clamp(34px, 7vw, 46px) !important; line-height: 1.08 !important; text-align: center !important; text-wrap: balance !important; overflow-wrap: anywhere !important; word-break: normal !important; } .cty-home .cty-hero__text, .cty-home .cty-hero__text p{ width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; font-size: 16px !important; line-height: 1.72 !important; text-align: center !important; overflow-wrap: anywhere !important; } .cty-home .cty-hero__actions{ display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important; width: 100% !important; max-width: 420px !important; margin-left: auto !important; margin-right: auto !important; } .cty-home .cty-hero__actions .cty-btn-primary, .cty-home .cty-hero__actions .cty-btn-secondary, .cty-home .cty-hero__actions .btn-principal, .cty-home .cty-hero__actions .btn-secundario{ width: 100% !important; } .cty-home .cty-hero__meta{ width: 100% !important; max-width: 100% !important; text-align: center !important; font-size: 13px !important; line-height: 1.6 !important; }  .cty-home .cty-paths{ margin-top: 0 !important; } }  @media (max-width: 767px){ .cty-home .cty-container{ padding-left: 18px !important; padding-right: 18px !important; } .cty-home .cty-section{ padding-top: 64px !important; padding-bottom: 64px !important; } .cty-home .cty-hero{ padding-top: 88px !important; padding-bottom: 60px !important; background-position: center center !important; } .cty-home .cty-hero::after{ height: 120px !important; } .cty-home .cty-hero__title, .cty-home .cty-heading-xl{ font-size: 32px !important; line-height: 1.10 !important; } .cty-home .cty-hero__text, .cty-home .cty-hero__text p{ font-size: 15px !important; line-height: 1.68 !important; } .cty-home .cty-btn-primary, .cty-home .cty-btn-secondary{ min-height: 48px !important; padding: 14px 20px !important; font-size: 14px !important; } .cty-home .cty-heading-lg{ font-size: 28px !important; line-height: 1.14 !important; } .cty-home .cty-heading-md{ font-size: 22px !important; line-height: 1.18 !important; } .cty-home .cty-text, .cty-home .cty-text p{ font-size: 16px !important; line-height: 1.72 !important; } .cty-home .cty-card, .cty-home .cty-card-soft, .cty-home .cty-mini-card{ padding: 22px !important; border-radius: 18px !important; } .cty-home .cty-paths__grid, .cty-home .cty-steps__grid, .cty-home .cty-diferencial__grid{ grid-template-columns: 1fr !important; gap: 18px !important; } .cty-home .cty-visual{ min-height: 240px !important; border-radius: 18px !important; } .cty-home .cty-oracle-image img, .cty-home .cty-academy-image img, .cty-home .cty-pablo-image img{ border-radius: 18px !important; } .cty-home .cty-claim{ padding-top: 52px !important; padding-bottom: 52px !important; } .cty-home .cty-final-cta{ padding-top: 76px !important; padding-bottom: 84px !important; } }  @media (max-width: 479px){ .cty-home .cty-hero{ padding-top: 84px !important; padding-bottom: 56px !important; } .cty-home .cty-hero__title, .cty-home .cty-heading-xl{ font-size: 30px !important; line-height: 1.12 !important; } .cty-home .cty-hero__text, .cty-home .cty-hero__text p{ font-size: 15px !important; line-height: 1.65 !important; } .cty-home .cty-card, .cty-home .cty-card-soft, .cty-home .cty-mini-card{ padding: 20px !important; } }  .blog-page{ background: var(--bg-main); color: var(--text-main); overflow-x: hidden; } .blog-page img{ max-width: 100%; height: auto; display: block; } .blog-page .brxe-section, .blog-page .brxe-container, .blog-page .brxe-block, .blog-page .brxe-div{ min-width: 0; } .blog-page .blog-section{ padding-top: 96px; padding-bottom: 96px; } .blog-page .blog-container{ width: 100%; max-width: 1240px; margin: 0 auto; padding-left: 24px; padding-right: 24px; box-sizing: border-box; }  .blog-page .blog-hero{ position: relative; overflow: hidden; padding-top: 120px; padding-bottom: 96px; background-position: center center !important; background-size: cover !important; background-repeat: no-repeat !important; } .blog-page .blog-hero::before{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(7,11,26,0.42) 0%, rgba(7,11,26,0.68) 100%); z-index: 1; } .blog-page .blog-hero::after{ content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 50% 24%, rgba(230,199,122,0.14) 0%, rgba(230,199,122,0) 28%), radial-gradient(circle at 24% 70%, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0) 30%); z-index: 1; pointer-events: none; } .blog-page .blog-hero > .blog-container, .blog-page .blog-hero__inner{ position: relative; z-index: 2; } .blog-page .blog-hero__inner{ width: 100%; max-width: 920px; margin: 0 auto; text-align: center; } .blog-page .blog-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; } .blog-page .blog-hero__title{ margin: 0 0 18px 0 !important; color: #FFFFFF !important; font-family: var(--font-heading) !important; font-size: clamp(42px, 5vw, 68px) !important; line-height: 1.06 !important; text-align: center !important; text-shadow: 0 6px 24px rgba(230,199,122,0.14); max-width: 14ch; margin-left: auto !important; margin-right: auto !important; } .blog-page .blog-hero__text, .blog-page .blog-hero__text p{ max-width: 68ch; margin: 0 auto; color: #F5F3ED !important; font-size: 18px; line-height: 1.8; } .blog-page .blog-hero__actions{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 30px; } .blog-page .blog-hero .btn-principal, .blog-page .blog-hero .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; }  .blog-page .blog-intro__inner{ max-width: 900px; margin: 0 auto; text-align: center; } .blog-page .blog-intro__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; line-height: 1.4; } .blog-page .blog-intro__title{ margin: 0 0 16px 0 !important; color: #FFFFFF !important; font-family: var(--font-heading) !important; font-size: clamp(34px, 4vw, 48px) !important; line-height: 1.12 !important; text-align: center !important; } .blog-page .blog-intro__text, .blog-page .blog-intro__text p{ max-width: 760px; margin: 0 auto; color: var(--text-secondary) !important; font-size: 17px; line-height: 1.85; } .blog-page .blog-intro__tags{ display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 28px; } .blog-page .blog-intro__tag, .blog-page .blog-intro__tag a{ display: inline-flex; align-items: center; min-height: 40px; padding: 10px 14px; background: rgba(255,255,255,0.04); border: 1px solid rgba(230, 199, 122, 0.16); border-radius: 999px; color: var(--text-secondary) !important; font-size: 14px; line-height: 1.35; text-decoration: none !important; transition: border-color 0.25s ease, color 0.25s ease, transform 0.25s ease; } .blog-page .blog-intro__tag:hover, .blog-page .blog-intro__tag a:hover{ color: var(--gold-main) !important; border-color: rgba(230, 199, 122, 0.34); transform: translateY(-1px); }  .blog-page .blog-posts__intro{ max-width: 760px; margin-bottom: 28px; } .blog-page .blog-posts__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; line-height: 1.4; } .blog-page .blog-posts__title{ margin: 0 0 14px 0 !important; color: #FFFFFF !important; font-family: var(--font-heading) !important; font-size: clamp(34px, 4vw, 48px) !important; line-height: 1.12 !important; } .blog-page .blog-posts__text, .blog-page .blog-posts__text p{ color: var(--text-secondary) !important; font-size: 17px; line-height: 1.8; margin: 0; } .blog-page .blog-posts__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: stretch; } .blog-page .blog-posts__grid > *{ min-width: 0; height: 100%; } .blog-page .blog-post-card{ display: flex; flex-direction: column; min-height: 100%; background: rgba(255,255,255,0.03); border: 1px solid rgba(230, 199, 122, 0.14); border-radius: 24px; overflow: hidden; backdrop-filter: blur(8px); box-shadow: 0 18px 40px rgba(0,0,0,0.18); transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } .blog-page .blog-post-card:hover{ transform: translateY(-4px); border-color: rgba(230, 199, 122, 0.30); box-shadow: 0 24px 46px rgba(0,0,0,0.24); } .blog-page .blog-post-card__media{ width: 100%; aspect-ratio: 16 / 10; overflow: hidden; background: rgba(255,255,255,0.03); } .blog-page .blog-post-card__media img{ width: 100% !important; height: 100% !important; object-fit: cover; display: block; transition: transform 0.45s ease; } .blog-page .blog-post-card:hover .blog-post-card__media img{ transform: scale(1.04); } .blog-page .blog-post-card__body{ display: flex; flex-direction: column; flex: 1 1 auto; padding: 24px 22px 22px 22px; } .blog-page .blog-post-card__meta{ margin: 0 0 12px 0; color: var(--gold-main) !important; font-size: 12px; font-weight: 600; line-height: 1.4; letter-spacing: 0.08em; text-transform: uppercase; } .blog-page .blog-post-card__meta a{ color: inherit !important; text-decoration: none !important; } .blog-page .blog-post-card__title{ margin: 0 0 12px 0 !important; color: #FFFFFF !important; font-family: var(--font-heading) !important; font-size: clamp(28px, 2vw, 36px) !important; line-height: 1.12 !important; text-wrap: balance; } .blog-page .blog-post-card__title a{ color: inherit !important; text-decoration: none !important; } .blog-page .blog-post-card__excerpt, .blog-page .blog-post-card__excerpt p{ margin: 0; color: var(--text-secondary) !important; font-size: 16px; line-height: 1.8; } .blog-page .blog-post-card__info{ margin-top: 16px; color: var(--text-muted) !important; font-size: 14px; line-height: 1.6; } .blog-page .blog-post-card__link{ display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 20px; color: var(--gold-main) !important; font-size: 14px; font-weight: 700; line-height: 1.4; letter-spacing: 0.04em; text-transform: uppercase; text-decoration: none !important; transition: color 0.25s ease, transform 0.25s ease; } .blog-page .blog-post-card__link:hover{ color: var(--gold-soft) !important; transform: translateX(2px); }  .blog-page .blog-categories__intro{ max-width: 760px; margin-bottom: 28px; } .blog-page .blog-categories__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; line-height: 1.4; } .blog-page .blog-categories__title{ margin: 0 0 14px 0 !important; color: #FFFFFF !important; font-family: var(--font-heading) !important; font-size: clamp(34px, 4vw, 48px) !important; line-height: 1.12 !important; } .blog-page .blog-categories__text, .blog-page .blog-categories__text p{ color: var(--text-secondary) !important; font-size: 17px; line-height: 1.8; margin: 0; } .blog-page .blog-categories__grid{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; align-items: stretch; } .blog-page .blog-category-card{ display: flex; flex-direction: column; min-height: 100%; background: rgba(255,255,255,0.03); border: 1px solid rgba(230, 199, 122, 0.14); border-radius: 20px; padding: 28px 24px; backdrop-filter: blur(8px); box-shadow: 0 18px 40px rgba(0,0,0,0.18); text-decoration: none !important; transition: transform 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease; } .blog-page .blog-category-card:hover{ transform: translateY(-4px); border-color: rgba(230, 199, 122, 0.30); box-shadow: 0 24px 46px rgba(0,0,0,0.24); } .blog-page .blog-category-card__title{ margin: 0 0 12px 0 !important; color: #FFFFFF !important; font-family: var(--font-heading) !important; font-size: clamp(28px, 2vw, 36px) !important; line-height: 1.12 !important; } .blog-page .blog-category-card__text, .blog-page .blog-category-card__text p{ margin: 0; color: var(--text-secondary) !important; line-height: 1.8; } .blog-page .blog-category-card__link{ display: inline-flex; align-items: center; margin-top: auto; padding-top: 18px; color: var(--gold-main) !important; font-size: 14px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; text-decoration: none !important; transition: color 0.25s ease, transform 0.25s ease; } .blog-page .blog-category-card__link:hover{ color: var(--gold-soft) !important; transform: translateX(2px); }  .blog-page .blog-manifesto__box{ max-width: 920px; margin: 0 auto; padding: 42px 34px; background: rgba(255,255,255,0.04); border: 1px solid rgba(230, 199, 122, 0.18); border-radius: 24px; backdrop-filter: blur(10px); box-shadow: 0 18px 40px rgba(0,0,0,0.22); text-align: center; } .blog-page .blog-manifesto__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; line-height: 1.4; } .blog-page .blog-manifesto__title{ margin: 0 0 16px 0 !important; color: #FFFFFF !important; font-family: var(--font-heading) !important; font-size: clamp(34px, 4vw, 50px) !important; line-height: 1.12 !important; text-align: center !important; max-width: 18ch; margin-left: auto !important; margin-right: auto !important; } .blog-page .blog-manifesto__text, .blog-page .blog-manifesto__text p{ max-width: 760px; margin: 0 auto; color: var(--text-secondary) !important; font-size: 17px; line-height: 1.85; } .blog-page .blog-manifesto__note{ max-width: 680px; margin: 22px auto 0 auto; color: var(--gold-main) !important; font-family: var(--font-heading) !important; font-size: clamp(22px, 2vw, 30px) !important; line-height: 1.4; }  .blog-page .blog-cta{ padding-top: 110px; padding-bottom: 120px; } .blog-page .blog-cta__box{ max-width: 860px; margin: 0 auto; padding: 42px 32px; background: rgba(255,255,255,0.04); border: 1px solid rgba(230, 199, 122, 0.18); border-radius: 24px; backdrop-filter: blur(10px); box-shadow: 0 18px 40px rgba(0,0,0,0.22); text-align: center; } .blog-page .blog-cta__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; line-height: 1.4; } .blog-page .blog-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-align: center !important; text-shadow: 0 4px 20px rgba(230, 199, 122, 0.16); } .blog-page .blog-cta__text, .blog-page .blog-cta__text p{ max-width: 680px; margin: 0 auto; color: var(--text-secondary) !important; font-size: 17px; line-height: 1.85; } .blog-page .blog-cta__actions{ display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 28px; } .blog-page .blog-cta__note, .blog-page .blog-cta__note a{ display: inline-block; margin-top: 18px; color: var(--text-muted) !important; font-size: 14px; line-height: 1.7; text-decoration: none !important; } .blog-page .blog-cta__note a:hover{ color: var(--gold-main) !important; }  .blog-page .btn-principal, .blog-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: 991px){ .blog-page .blog-section{ padding-top: 78px; padding-bottom: 78px; } .blog-page .blog-container{ padding-left: 28px; padding-right: 28px; } .blog-page .blog-hero{ padding-top: 108px; padding-bottom: 84px; } .blog-page .blog-hero__inner{ max-width: 100%; } .blog-page .blog-hero__title{ font-size: clamp(40px, 7vw, 54px) !important; max-width: 100%; } .blog-page .blog-hero__text, .blog-page .blog-hero__text p{ font-size: 17px; line-height: 1.75; max-width: 100%; } .blog-page .blog-intro__inner, .blog-page .blog-posts__intro, .blog-page .blog-categories__intro{ max-width: 100%; } .blog-page .blog-posts__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .blog-page .blog-categories__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; } .blog-page .blog-manifesto__box{ padding: 34px 28px; } .blog-page .blog-manifesto__title, .blog-page .blog-manifesto__text, .blog-page .blog-manifesto__text p{ max-width: 100%; } .blog-page .blog-cta{ padding-top: 84px; padding-bottom: 96px; } } @media (max-width: 767px){ .blog-page .blog-container{ padding-left: 18px; padding-right: 18px; } .blog-page .blog-section{ padding-top: 64px; padding-bottom: 64px; } .blog-page .blog-hero{ padding-top: 96px !important; padding-bottom: 72px !important; background-position: center center !important; } .blog-page .blog-hero__eyebrow{ display: block; width: 100%; text-align: center !important; font-size: 12px !important; line-height: 1.4 !important; } .blog-page .blog-hero__title{ font-size: 34px !important; line-height: 1.08 !important; max-width: 100% !important; overflow-wrap: anywhere; text-wrap: balance; } .blog-page .blog-hero__text, .blog-page .blog-hero__text p, .blog-page .blog-intro__text, .blog-page .blog-intro__text p, .blog-page .blog-posts__text, .blog-page .blog-posts__text p, .blog-page .blog-categories__text, .blog-page .blog-categories__text p, .blog-page .blog-manifesto__text, .blog-page .blog-manifesto__text p, .blog-page .blog-cta__text, .blog-page .blog-cta__text p{ font-size: 16px !important; line-height: 1.72 !important; } .blog-page .blog-hero__actions, .blog-page .blog-cta__actions{ flex-direction: column; align-items: stretch; gap: 12px; } .blog-page .btn-principal, .blog-page .btn-secundario{ width: 100%; } .blog-page .blog-intro__tags{ gap: 10px; } .blog-page .blog-posts__grid, .blog-page .blog-categories__grid{ grid-template-columns: 1fr; gap: 18px; } .blog-page .blog-post-card{ border-radius: 20px; } .blog-page .blog-post-card__body{ padding: 22px 18px 18px 18px; } .blog-page .blog-post-card__title{ font-size: 30px !important; line-height: 1.12 !important; } .blog-page .blog-category-card{ padding: 22px 20px; border-radius: 18px; } .blog-page .blog-category-card__title{ font-size: 30px !important; line-height: 1.12 !important; } .blog-page .blog-manifesto__box, .blog-page .blog-cta__box{ padding: 28px 22px; border-radius: 18px; } .blog-page .blog-manifesto__title{ font-size: 32px !important; line-height: 1.14 !important; max-width: 100%; } .blog-page .blog-manifesto__note{ font-size: 24px !important; } } @media (max-width: 479px){ .blog-page .blog-hero{ padding-top: 88px !important; padding-bottom: 64px !important; } .blog-page .blog-hero__title{ font-size: 30px !important; line-height: 1.1 !important; } .blog-page .blog-hero__text, .blog-page .blog-hero__text p{ font-size: 15px !important; line-height: 1.65 !important; } .blog-page .blog-post-card__title, .blog-page .blog-category-card__title{ font-size: 28px !important; } }