inside the HTML widget or to the Elementor parent container (Advanced → CSS Classes). All .elementor-6144 .elementor-element.elementor-element-315becfbs are descendant-only, so both placements work. SHARED RESPONSIVE SCALE (keep in sync across all sponsor-page blocks) --------------------------------------------------------------------- Tablet (<=1024) Mobile (<=767) Side padding 32px 16px H2 section title clamp(2.25rem,5vw,2.75rem) clamp(1.75rem,7.8vw,2.125rem) lh 1.12 / ls -0.015em lh 1.15 / ls -0.01em Sub-title / card ttl 1.375rem (22px) lh 1.3 1.25rem (20px) lh 1.3 Body text 1rem (16px) lh 1.55 0.9375rem (15px) lh 1.55 Icons 52px 44px --------------------------------------------------------------------- Block-specific additions: CTA button 1.0625rem (17px), 52px tall 1rem (16px), 52px tall ========================================================================= */ /* ========================================================================= TABLET (768px – 1024px) ========================================================================= */ @media (max-width: 1024px) { /* Side padding */ .tb-band__email .tb-band__inner { padding-left: 32px !important; padding-right: 32px !important; } /* Section title */ .tb-band__email .tb-band__title { font-size: clamp(2.25rem, 5vw, 2.75rem) !important; /* ~36–44px */ line-height: 1.12 !important; letter-spacing: -0.015em; margin: 0 0 16px !important; text-wrap: balance; } /* Supporting copy (body scale) */ .tb-band__email .tb-band__sub { font-size: 1rem !important; /* 16px */ line-height: 1.55 !important; text-wrap: pretty; } /* CTA */ .tb-band__email .tb-band__cta { min-height: 52px; font-size: 1.0625rem !important; /* 17px */ line-height: 1.2 !important; } .tb-band__img { height: 600px !important; } } /* ========================================================================= MOBILE (<= 767px) ========================================================================= */ @media (max-width: 767px) { /* Side padding */ .tb-band__email .tb-band__inner { padding-left: 16px !important; padding-right: 16px !important; } /* Section title */ .tb-band__title { font-size: clamp(1.75rem, 7.8vw, 2.125rem) !important; /* ~28–34px */ line-height: 1.15 !important; letter-spacing: -0.01em; margin: 0 0 12px !important; } /* Supporting copy */ .tb-band__sub { font-size: 0.9375rem !important; /* 15px */ } /* CTA: full width, thumb-friendly */ .tb-band__cta { width: 100%; font-size: 1rem !important; /* 16px */ font-weight: 600; } .tb-band__img { height: 600px !important; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-19a84e2a *//* ===== Milestone deliverable ===== */ .steps-details-values.is-milestone { display: inline-block !important; padding: 6px 14px 6px 34px; background-color: #FFF6DE; background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2014%2014%22%3E%3Cpath%20d=%22M7%200%2014%207%207%2014%200%207z%22%20fill=%22%23FFB000%22%20fill-opacity=%22.22%22/%3E%3Cpath%20d=%22M7%202.5%2011.5%207%207%2011.5%202.5%207z%22%20fill=%22%23FFB000%22/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: 12px center; background-size: 14px 14px; border: 1px solid #FFD77A; border-radius: 8px; color: #1F1F1F; font-weight: 600; line-height: 1.35; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-19a84e2a *//* ===== Milestone deliverable ===== */ .steps-details-values.is-milestone { display: inline-block !important; padding: 6px 14px 6px 34px; background-color: #FFF6DE; background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2014%2014%22%3E%3Cpath%20d=%22M7%200%2014%207%207%2014%200%207z%22%20fill=%22%23FFB000%22%20fill-opacity=%22.22%22/%3E%3Cpath%20d=%22M7%202.5%2011.5%207%207%2011.5%202.5%207z%22%20fill=%22%23FFB000%22/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: 12px center; background-size: 14px 14px; border: 1px solid #FFD77A; border-radius: 8px; color: #1F1F1F; font-weight: 600; line-height: 1.35; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-19a84e2a *//* ===== Milestone deliverable ===== */ .steps-details-values.is-milestone { display: inline-block !important; padding: 6px 14px 6px 34px; background-color: #FFF6DE; background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2014%2014%22%3E%3Cpath%20d=%22M7%200%2014%207%207%2014%200%207z%22%20fill=%22%23FFB000%22%20fill-opacity=%22.22%22/%3E%3Cpath%20d=%22M7%202.5%2011.5%207%207%2011.5%202.5%207z%22%20fill=%22%23FFB000%22/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: 12px center; background-size: 14px 14px; border: 1px solid #FFD77A; border-radius: 8px; color: #1F1F1F; font-weight: 600; line-height: 1.35; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-19a84e2a *//* ===== Milestone deliverable ===== */ .steps-details-values.is-milestone { display: inline-block !important; padding: 6px 14px 6px 34px; background-color: #FFF6DE; background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2014%2014%22%3E%3Cpath%20d=%22M7%200%2014%207%207%2014%200%207z%22%20fill=%22%23FFB000%22%20fill-opacity=%22.22%22/%3E%3Cpath%20d=%22M7%202.5%2011.5%207%207%2011.5%202.5%207z%22%20fill=%22%23FFB000%22/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: 12px center; background-size: 14px 14px; border: 1px solid #FFD77A; border-radius: 8px; color: #1F1F1F; font-weight: 600; line-height: 1.35; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-19a84e2a *//* ===== Milestone deliverable ===== */ .steps-details-values.is-milestone { display: inline-block !important; padding: 6px 14px 6px 34px; background-color: #FFF6DE; background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2014%2014%22%3E%3Cpath%20d=%22M7%200%2014%207%207%2014%200%207z%22%20fill=%22%23FFB000%22%20fill-opacity=%22.22%22/%3E%3Cpath%20d=%22M7%202.5%2011.5%207%207%2011.5%202.5%207z%22%20fill=%22%23FFB000%22/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: 12px center; background-size: 14px 14px; border: 1px solid #FFD77A; border-radius: 8px; color: #1F1F1F; font-weight: 600; line-height: 1.35; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-19a84e2a *//* ===== Milestone deliverable ===== */ .steps-details-values.is-milestone { display: inline-block !important; padding: 6px 14px 6px 34px; background-color: #FFF6DE; background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2014%2014%22%3E%3Cpath%20d=%22M7%200%2014%207%207%2014%200%207z%22%20fill=%22%23FFB000%22%20fill-opacity=%22.22%22/%3E%3Cpath%20d=%22M7%202.5%2011.5%207%207%2011.5%202.5%207z%22%20fill=%22%23FFB000%22/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: 12px center; background-size: 14px 14px; border: 1px solid #FFD77A; border-radius: 8px; color: #1F1F1F; font-weight: 600; line-height: 1.35; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-19a84e2a *//* ===== Milestone deliverable ===== */ .steps-details-values.is-milestone { display: inline-block !important; padding: 6px 14px 6px 34px; background-color: #FFF6DE; background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2014%2014%22%3E%3Cpath%20d=%22M7%200%2014%207%207%2014%200%207z%22%20fill=%22%23FFB000%22%20fill-opacity=%22.22%22/%3E%3Cpath%20d=%22M7%202.5%2011.5%207%207%2011.5%202.5%207z%22%20fill=%22%23FFB000%22/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: 12px center; background-size: 14px 14px; border: 1px solid #FFD77A; border-radius: 8px; color: #1F1F1F; font-weight: 600; line-height: 1.35; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-19a84e2a *//* ===== Milestone deliverable ===== */ .steps-details-values.is-milestone { display: inline-block !important; padding: 6px 14px 6px 34px; background-color: #FFF6DE; background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2014%2014%22%3E%3Cpath%20d=%22M7%200%2014%207%207%2014%200%207z%22%20fill=%22%23FFB000%22%20fill-opacity=%22.22%22/%3E%3Cpath%20d=%22M7%202.5%2011.5%207%207%2011.5%202.5%207z%22%20fill=%22%23FFB000%22/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: 12px center; background-size: 14px 14px; border: 1px solid #FFD77A; border-radius: 8px; color: #1F1F1F; font-weight: 600; line-height: 1.35; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-19a84e2a *//* ===== Milestone deliverable ===== */ .steps-details-values.is-milestone { display: inline-block !important; padding: 6px 14px 6px 34px; background-color: #FFF6DE; background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2014%2014%22%3E%3Cpath%20d=%22M7%200%2014%207%207%2014%200%207z%22%20fill=%22%23FFB000%22%20fill-opacity=%22.22%22/%3E%3Cpath%20d=%22M7%202.5%2011.5%207%207%2011.5%202.5%207z%22%20fill=%22%23FFB000%22/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: 12px center; background-size: 14px 14px; border: 1px solid #FFD77A; border-radius: 8px; color: #1F1F1F; font-weight: 600; line-height: 1.35; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-19a84e2a *//* ===== Milestone deliverable ===== */ .steps-details-values.is-milestone { display: inline-block !important; padding: 6px 14px 6px 34px; background-color: #FFF6DE; background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2014%2014%22%3E%3Cpath%20d=%22M7%200%2014%207%207%2014%200%207z%22%20fill=%22%23FFB000%22%20fill-opacity=%22.22%22/%3E%3Cpath%20d=%22M7%202.5%2011.5%207%207%2011.5%202.5%207z%22%20fill=%22%23FFB000%22/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: 12px center; background-size: 14px 14px; border: 1px solid #FFD77A; border-radius: 8px; color: #1F1F1F; font-weight: 600; line-height: 1.35; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-19a84e2a *//* ===== Milestone deliverable ===== */ .steps-details-values.is-milestone { display: inline-block !important; padding: 6px 14px 6px 34px; background-color: #FFF6DE; background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2014%2014%22%3E%3Cpath%20d=%22M7%200%2014%207%207%2014%200%207z%22%20fill=%22%23FFB000%22%20fill-opacity=%22.22%22/%3E%3Cpath%20d=%22M7%202.5%2011.5%207%207%2011.5%202.5%207z%22%20fill=%22%23FFB000%22/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: 12px center; background-size: 14px 14px; border: 1px solid #FFD77A; border-radius: 8px; color: #1F1F1F; font-weight: 600; line-height: 1.35; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-19a84e2a *//* ===== Milestone deliverable ===== */ .steps-details-values.is-milestone { display: inline-block !important; padding: 6px 14px 6px 34px; background-color: #FFF6DE; background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2014%2014%22%3E%3Cpath%20d=%22M7%200%2014%207%207%2014%200%207z%22%20fill=%22%23FFB000%22%20fill-opacity=%22.22%22/%3E%3Cpath%20d=%22M7%202.5%2011.5%207%207%2011.5%202.5%207z%22%20fill=%22%23FFB000%22/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: 12px center; background-size: 14px 14px; border: 1px solid #FFD77A; border-radius: 8px; color: #1F1F1F; font-weight: 600; line-height: 1.35; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-19a84e2a *//* ===== Milestone deliverable ===== */ .steps-details-values.is-milestone { display: inline-block !important; padding: 6px 14px 6px 34px; background-color: #FFF6DE; background-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2014%2014%22%3E%3Cpath%20d=%22M7%200%2014%207%207%2014%200%207z%22%20fill=%22%23FFB000%22%20fill-opacity=%22.22%22/%3E%3Cpath%20d=%22M7%202.5%2011.5%207%207%2011.5%202.5%207z%22%20fill=%22%23FFB000%22/%3E%3C/svg%3E); background-repeat: no-repeat; background-position: 12px center; background-size: 14px 14px; border: 1px solid #FFD77A; border-radius: 8px; color: #1F1F1F; font-weight: 600; line-height: 1.35; }/* End custom CSS */ /* Start custom CSS for nested-tabs, class: .elementor-element-4e4c0d43 *//* ========================================================================= Tigerblocks · Sponsors · Process tabs (3 phases · 9 steps) Fix: step numbers showing "1" on every item in mobile SCOPE: #steps-tabs (ID already set on the Nested Tabs widget 2702aaae) Why: CSS counters depend on the tab list being one continuous box tree. In mobile (accordion) mode (.e-n-tabs-mobile) the DOM stays the same, but Elementor sets the heading and content wrappers to display: contents and interleaves titles with panels via order (--n-tabs-title-order), which breaks the counter scope, so every title restarts at 1. This file drops the counter and maps each step to a fixed number via data-tab-index, which Elementor keeps in every layout. Index map (phase headers are tabs too: 1, 5, 9): 2→1 3→2 4→3 | 6→4 7→5 8→6 | 10→7 11→8 12→9 ASSUMPTION: the number circle is rendered on the button's ::before. If your current CSS draws it on .e-n-tab-title-text::before (or ::after), change the pseudo-element in the .elementor-6144 .elementor-element.elementor-element-4e4c0d43s below accordingly. ========================================================================= */ #steps-tabs .e-n-tab-title::before { counter-increment: none !important; } #steps-tabs .e-n-tab-title[data-tab-index="2"]::before { content: "1" !important; } #steps-tabs .e-n-tab-title[data-tab-index="3"]::before { content: "2" !important; } #steps-tabs .e-n-tab-title[data-tab-index="4"]::before { content: "3" !important; } #steps-tabs .e-n-tab-title[data-tab-index="6"]::before { content: "4" !important; } #steps-tabs .e-n-tab-title[data-tab-index="7"]::before { content: "5" !important; } #steps-tabs .e-n-tab-title[data-tab-index="8"]::before { content: "6" !important; } #steps-tabs .e-n-tab-title[data-tab-index="10"]::before { content: "7" !important; } #steps-tabs .e-n-tab-title[data-tab-index="11"]::before { content: "8" !important; } #steps-tabs .e-n-tab-title[data-tab-index="12"]::before { content: "9" !important; } /* ========================================================================= Tigerblocks · Sponsors · Process tabs — step panel content Responsive: Tablet (<=1024px) and Mobile (<=767px) SCOPE: #steps-tabs (Nested Tabs widget 2702aaae) SHARED RESPONSIVE SCALE (keep in sync across all sponsor-page blocks) --------------------------------------------------------------------- Tablet (<=1024) Mobile (<=767) Side padding 32px 16px Hero title clamp(2.75rem,6.5vw,3.5rem) clamp(2.25rem,10vw,2.75rem) lh 1.08 / ls -0.02em lh 1.1 / ls -0.02em Hero lead 1.25rem (20px) lh 1.5 1.0625rem (17px) lh 1.5 H2 section title clamp(2.25rem,5vw,2.75rem) clamp(1.75rem,7.8vw,2.125rem) lh 1.12 / ls -0.015em lh 1.15 / ls -0.01em Sub-title / card ttl 1.375rem (22px) lh 1.3 1.25rem (20px) lh 1.3 Minor heading 1.125rem (18px) lh 1.35 1.0625rem (17px) lh 1.35 Inline label — 1rem (16px) lh 1.4 Body text 1rem (16px) lh 1.55 0.9375rem (15px) lh 1.55 Eyebrow / meta label 0.8125rem (13px) 0.8125rem (13px) Caption / disclaimer 0.75rem (12px) lh 1.5 0.75rem (12px) lh 1.5 Icons (feature) 52px 44px Icons (inline) — 24px, 12px gap to label CTA button 1.0625rem (17px), 52px tall 1rem (16px), 52px tall --------------------------------------------------------------------- Notes: - Panel nesting depth differs between steps (some panels are boxed with .e-con-inner, some are full width), so .elementor-6144 .elementor-element.elementor-element-4e4c0d43s rely on the custom classes already in the markup (.step-title, .steps-description, .steps-details-*, .tab-img, .tabs-bullets, .steps-disclaimer) instead of container structure. - The meta row container (Duration / Deliverable / Reviewed by) is found with :has(.steps-details-values), because .steps-details is also reused inside the bullets block. ========================================================================= */ /* ========================================================================= TABLET (768px – 1024px) ========================================================================= */ @media (max-width: 1024px) { /* Eyebrow: "STEP 1 · Phase 1 Evaluation" */ #steps-tabs .elementor-widget-text-editor:has(+ .step-title) .elementor-widget-container, #steps-tabs .elementor-widget-text-editor:has(+ .step-title) .elementor-widget-container * { font-size: 0.8125rem !important; /* 13px */ line-height: 1.4 !important; } /* Step title */ #steps-tabs .step-title .elementor-widget-container, #steps-tabs .step-title .elementor-widget-container * { font-size: 1.375rem !important; /* 22px */ line-height: 1.3 !important; } /* Step description */ #steps-tabs .steps-description p { font-size: 1rem !important; /* 16px */ line-height: 1.55 !important; } /* Meta row */ #steps-tabs .steps-details-labels { font-size: 0.8125rem !important; /* 13px */ line-height: 1.4 !important; } #steps-tabs .steps-details-values { font-size: 1rem !important; /* 16px */ line-height: 1.4 !important; } /* "What happens in this step" */ #steps-tabs .steps-bullets-labels { font-size: 1.125rem !important; /* 18px */ line-height: 1.35 !important; } #steps-tabs .tabs-bullets li { font-size: 1rem !important; /* 16px */ line-height: 1.5 !important; } #steps-tabs .steps-disclaimer { font-size: 0.75rem !important; /* 12px */ line-height: 1.5 !important; } .steps-content { border-style: unset; border-width: 0; border-color: unset; --border-radius: 0; } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title[aria-selected=true] { margin-block-end: 0px !important; } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tab-title[aria-selected=true] { margin-block-end: 0px !important; } } /* ========================================================================= MOBILE (<= 767px) ========================================================================= */ @media (max-width: 767px) { .steps-content { border-style: unset; border-width: 0; border-color: unset; --border-radius: 0; } /* Panel: inner padding so content no longer touches the card edge */ #steps-tabs [role="tabpanel"] { --padding-top: 20px !important; --padding-bottom: 24px !important; --padding-left: 16px !important; --padding-right: 16px !important; overflow-x: clip; } /* Nested containers: no extra side padding, full width */ #steps-tabs [role="tabpanel"] .e-con { --padding-left: 0px !important; --padding-right: 0px !important; max-width: 100% !important; } /* Fixed-width widgets (width-initial) were pushing past the viewport */ #steps-tabs .elementor-widget__width-initial { width: 100% !important; max-width: 100% !important; --container-widget-width: 100% !important; } /* Step title */ #steps-tabs .step-title .elementor-widget-container, #steps-tabs .step-title .elementor-widget-container * { font-size: 1.25rem !important; /* 20px */ } /* Step description */ #steps-tabs .steps-description p { font-size: 0.9375rem !important; /* 15px */ margin: 0 !important; } /* --------------------------------------------------------------------- Meta row → compact key/value list Was three stacked blocks with ~90px gaps; now three tight rows with dividers, label column on the left, value on the right. --------------------------------------------------------------------- */ #steps-tabs .e-con:has(> .elementor-widget-html .steps-details-values) { --flex-direction: column !important; flex-direction: column !important; --gap: 0px !important; gap: 0 !important; --row-gap: 0px !important; row-gap: 0 !important; margin: 4px 0 8px !important; } #steps-tabs .e-con:has(> .elementor-widget-html .steps-details-values) > .elementor-widget-html { width: 100% !important; margin: 0 !important; } #steps-tabs .e-con:has(> .elementor-widget-html .steps-details-values) .steps-details { display: grid !important; grid-template-columns: 7.5rem 1fr; column-gap: 12px; align-items: baseline; padding: 10px 0 !important; margin: 0 !important; border-top: 1px solid rgba(0, 0, 0, .08); } #steps-tabs .e-con:has(> .elementor-widget-html .steps-details-values) > .elementor-widget-html:last-child .steps-details { border-bottom: 1px solid rgba(0, 0, 0, .08); } #steps-tabs .steps-details-labels { margin: 0 !important; } #steps-tabs .steps-details-values { font-size: 0.9375rem !important; /* 15px */ margin: 0 !important; } /* --------------------------------------------------------------------- Media + bullets --------------------------------------------------------------------- */ #steps-tabs .e-con:has(> .tab-img) { --flex-direction: column !important; flex-direction: column !important; gap: 20px !important; } #steps-tabs .tab-img, #steps-tabs .tab-img img { width: 100% !important; max-width: 100% !important; height: auto !important; } #steps-tabs .steps-bullets-labels { display: block; font-size: 1.0625rem !important; /* 17px */ margin-bottom: 8px !important; } #steps-tabs .tabs-bullets ul { margin: 0 !important; } #steps-tabs .tabs-bullets li { font-size: 0.9375rem !important; /* 15px */ } #steps-tabs .steps-disclaimer { margin-top: 16px !important; } } /* Mobile: drop the card border and tighten the gap under the active tab */ @media (max-width: 767px) { #steps-tabs [role="tabpanel"] { --padding-top: 8px !important; } :where( .elementor-5735 .elementor-element.elementor-element-2702aaae.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content ) > .e-con { border: 0 !important; border-radius: 0 !important; box-shadow: none !important; margin-top: 0 !important; --margin-top: 0px !important; --padding-top: 0px !important; background: transparent !important; } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-mobile .e-n-tab-title[aria-selected=true] { margin-block-end: 0px !important; } .elementor.elementor .elementor-widget-n-tabs.e-n-tabs-tablet .e-n-tab-title[aria-selected=true] { margin-block-end: 0px !important; } .steps-description { margin-bottom: 8px !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2f84572b *//* ========================================================= STEPS TABS — Elementor Pro (widget e-n-tabs) Scope: #steps-tabs Ancho fijo 340px, filas de 45px, esquinas redondeadas solo en primero/último, numeración automática 1–9. ⚠️ Los encabezados de fase son las tabs en las posiciones 1, 5 y 9. Si reordenás o agregás tabs en Elementor, hay que actualizar esos índices en TODOS los bloques marcados con "ÍNDICES DE FASE". ========================================================= */ #steps-tabs .e-n-tabs-heading { width: 340px; min-width: 340px; border-radius: 8px; overflow: hidden; counter-reset: step; } #steps-tabs .e-n-tabs-heading .e-n-tab-title { display: flex; align-items: center; gap: 12px; width: 100%; height: 45px; min-height: 45px; box-sizing: border-box; padding: 0 20px; text-align: left; } /* Badge numérico — contador CSS en lugar de data-tab-index, para que los encabezados de fase no consuman número. */ #steps-tabs .e-n-tabs-heading .e-n-tab-title::before { content: counter(step); display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 24px; height: 24px; border-radius: 50%; font-family: 'Inter', sans-serif; font-size: 13px; font-weight: 700; background: #EDEBE6; color: #1A1D20; } /* ÍNDICES DE FASE — solo los pasos incrementan el contador */ #steps-tabs .e-n-tabs-heading .e-n-tab-title:not([data-tab-index="1"]):not([data-tab-index="5"]):not([data-tab-index="9"])::before { counter-increment: step; } /* Estado activo */ #steps-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"]::before { background: #FFFFFF; color: #1A1D20; } #steps-tabs .e-n-tabs-heading .e-n-tab-title[aria-selected="true"] { color: #333333; } #steps-tabs .e-n-tabs-heading .e-n-tab-title:first-of-type { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; } #steps-tabs .e-n-tabs-heading .e-n-tab-title:last-of-type { border-bottom-left-radius: 8px !important; border-bottom-right-radius: 8px !important; } #steps-tabs .e-n-tabs-content { background-color: #FFFFFF; } /* ========================================================= Encabezados de fase (no clicables, sin contenido) ÍNDICES DE FASE: 1, 5, 9 ========================================================= */ #steps-tabs .e-n-tabs-heading .e-n-tab-title[data-tab-index="1"], #steps-tabs .e-n-tabs-heading .e-n-tab-title[data-tab-index="5"], #steps-tabs .e-n-tabs-heading .e-n-tab-title[data-tab-index="9"] { height: 42px; min-height: 42px; background: #333333 !important; color: #FFFFFF !important; pointer-events: none; cursor: default; user-select: none; } /* Sin badge numérico en los encabezados */ #steps-tabs .e-n-tabs-heading .e-n-tab-title[data-tab-index="1"]::before, #steps-tabs .e-n-tabs-heading .e-n-tab-title[data-tab-index="5"]::before, #steps-tabs .e-n-tabs-heading .e-n-tab-title[data-tab-index="9"]::before { content: none; display: none; } #steps-tabs .e-n-tabs-heading .e-n-tab-title[data-tab-index="1"] .e-n-tab-title-text, #steps-tabs .e-n-tabs-heading .e-n-tab-title[data-tab-index="5"] .e-n-tab-title-text, #steps-tabs .e-n-tabs-heading .e-n-tab-title[data-tab-index="9"] .e-n-tab-title-text { font-family: 'Inter', sans-serif; font-size: 12px !important; font-weight: 700 !important; letter-spacing: 1.2px; text-transform: uppercase; line-height: 1.3 !important; } /* Neutralizar el estado activo si Elementor llega a marcarlos */ #steps-tabs .e-n-tabs-heading .e-n-tab-title[data-tab-index="1"][aria-selected="true"], #steps-tabs .e-n-tabs-heading .e-n-tab-title[data-tab-index="5"][aria-selected="true"], #steps-tabs .e-n-tabs-heading .e-n-tab-title[data-tab-index="9"][aria-selected="true"] { background: #333333 !important; color: #FFFFFF !important; } /* Ocultar el panel de contenido de los encabezados */ #steps-tabs .e-n-tabs-content > [data-tab-index="1"], #steps-tabs .e-n-tabs-content > [data-tab-index="5"], #steps-tabs .e-n-tabs-content > [data-tab-index="9"] { display: none !important; } /* ========================================================= Bullet list con check circular — clase guía: tabs-bullets ========================================================= */ #steps-tabs .tabs-bullets ul { list-style: none; margin: .5rem 0 0 0; padding: 0; display: flex; flex-direction: column; gap: 12px; } #steps-tabs .tabs-bullets ul li { display: flex; align-items: center; gap: 10px; color: #1A1D20; font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 400; line-height: 24px; } #steps-tabs .tabs-bullets ul li::before { content: ""; display: inline-block; /* sin esto, mismo bug de siempre: el pseudo-elemento nace inline y width/height no aplican */ flex-shrink: 0; width: 20px; height: 20px; border-radius: 50%; background-color: #E3F3FB; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMCIgdmlld0JveD0iMCAwIDEyIDEwIiBmaWxsPSJub25lIj48cGF0aCBkPSJNMSA1TDQuNSA4LjVMMTEgMSIgc3Ryb2tlPSIjRkRBRDAxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPjwvc3ZnPg=="); background-repeat: no-repeat; background-position: center; } /* ========================================================= Contenido de los pasos — clases guía ========================================================= */ #steps-tabs .steps-details { width: 100%; padding: 1rem 0; } #steps-tabs .steps-details-labels { display: block; font-size: 13px; color: #808080; line-height: 14px; } #steps-tabs .steps-details-values { font-size: 16px; display: block; } #steps-tabs .step-title { font-size: 20px; font-weight: 600; } #steps-tabs .steps-description p { font-size: 16px; line-height: 20px; color: #4E4E4E; } #steps-tabs .steps-description-wrapper { display: flex; flex-direction: column; align-items: center; justify-content: center; } #steps-tabs .steps-bullets-labels { font-size: 18px; color: #333; font-weight: 600; line-height: 32px; display: block; } #steps-tabs .steps-disclaimer { margin-top: 2rem !important; font-size: 12px !important; line-height: 16px !important; font-style: italic; color: #808080; } @media (max-width: 767px) { .elementor-6144 .elementor-element.elementor-element-54013625 { line-height: 40px; } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-b7f25f0 */.m-0 p{ margin:0 !important; } .p-0 p{ padding:0 !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-7b1cf8e2 */.sponsor-quote { border-left: 4px solid #FDAD01; padding-left: 24px; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .my-4 { margin-top: 2rem; margin-bottom: 2rem; margin-block-end: 2rem; } .margin-block-0 p { margin-block-end: 0; margin-block-start: 0; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-5a08c832 */.mt-8 { margin-top: 2rem; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4d14b3ba */.p-0 { padding: 0 !important; } .m-0 { margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2c99310d */.m-0 p{ margin:0 !important; } .p-0 p{ padding:0 !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3115cbb1 */.sponsor-quote { border-left: 4px solid #FDAD01; padding-left: 24px; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .my-4 { margin-top: 2rem; margin-bottom: 2rem; margin-block-end: 2rem; } .margin-block-0 p { margin-block-end: 0; margin-block-start: 0; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-379eec79 */.mt-8 { margin-top: 2rem; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-5645c948 */.m-0 p{ margin:0 !important; } .p-0 p{ padding:0 !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-36de6de1 */.sponsor-quote { border-left: 4px solid #FDAD01; padding-left: 24px; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .my-4 { margin-top: 2rem; margin-bottom: 2rem; margin-block-end: 2rem; } .margin-block-0 p { margin-block-end: 0; margin-block-start: 0; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2b765be7 */.mt-8 { margin-top: 2rem; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-b7f25f0 */.m-0 p{ margin:0 !important; } .p-0 p{ padding:0 !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-7b1cf8e2 */.sponsor-quote { border-left: 4px solid #FDAD01; padding-left: 24px; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .my-4 { margin-top: 2rem; margin-bottom: 2rem; margin-block-end: 2rem; } .margin-block-0 p { margin-block-end: 0; margin-block-start: 0; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-5a08c832 */.mt-8 { margin-top: 2rem; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4d14b3ba */.p-0 { padding: 0 !important; } .m-0 { margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2c99310d */.m-0 p{ margin:0 !important; } .p-0 p{ padding:0 !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3115cbb1 */.sponsor-quote { border-left: 4px solid #FDAD01; padding-left: 24px; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .my-4 { margin-top: 2rem; margin-bottom: 2rem; margin-block-end: 2rem; } .margin-block-0 p { margin-block-end: 0; margin-block-start: 0; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-379eec79 */.mt-8 { margin-top: 2rem; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-5645c948 */.m-0 p{ margin:0 !important; } .p-0 p{ padding:0 !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-36de6de1 */.sponsor-quote { border-left: 4px solid #FDAD01; padding-left: 24px; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .my-4 { margin-top: 2rem; margin-bottom: 2rem; margin-block-end: 2rem; } .margin-block-0 p { margin-block-end: 0; margin-block-start: 0; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2b765be7 */.mt-8 { margin-top: 2rem; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-b7f25f0 */.m-0 p{ margin:0 !important; } .p-0 p{ padding:0 !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-7b1cf8e2 */.sponsor-quote { border-left: 4px solid #FDAD01; padding-left: 24px; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .my-4 { margin-top: 2rem; margin-bottom: 2rem; margin-block-end: 2rem; } .margin-block-0 p { margin-block-end: 0; margin-block-start: 0; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-5a08c832 */.mt-8 { margin-top: 2rem; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4d14b3ba */.p-0 { padding: 0 !important; } .m-0 { margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2c99310d */.m-0 p{ margin:0 !important; } .p-0 p{ padding:0 !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3115cbb1 */.sponsor-quote { border-left: 4px solid #FDAD01; padding-left: 24px; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .my-4 { margin-top: 2rem; margin-bottom: 2rem; margin-block-end: 2rem; } .margin-block-0 p { margin-block-end: 0; margin-block-start: 0; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-379eec79 */.mt-8 { margin-top: 2rem; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-5645c948 */.m-0 p{ margin:0 !important; } .p-0 p{ padding:0 !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-36de6de1 */.sponsor-quote { border-left: 4px solid #FDAD01; padding-left: 24px; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .my-4 { margin-top: 2rem; margin-bottom: 2rem; margin-block-end: 2rem; } .margin-block-0 p { margin-block-end: 0; margin-block-start: 0; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2b765be7 */.mt-8 { margin-top: 2rem; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-b7f25f0 */.m-0 p{ margin:0 !important; } .p-0 p{ padding:0 !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-7b1cf8e2 */.sponsor-quote { border-left: 4px solid #FDAD01; padding-left: 24px; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .my-4 { margin-top: 2rem; margin-bottom: 2rem; margin-block-end: 2rem; } .margin-block-0 p { margin-block-end: 0; margin-block-start: 0; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-5a08c832 */.mt-8 { margin-top: 2rem; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-4d14b3ba */.p-0 { padding: 0 !important; } .m-0 { margin: 0 !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2c99310d */.m-0 p{ margin:0 !important; } .p-0 p{ padding:0 !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-3115cbb1 */.sponsor-quote { border-left: 4px solid #FDAD01; padding-left: 24px; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .my-4 { margin-top: 2rem; margin-bottom: 2rem; margin-block-end: 2rem; } .margin-block-0 p { margin-block-end: 0; margin-block-start: 0; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-379eec79 */.mt-8 { margin-top: 2rem; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-5645c948 */.m-0 p{ margin:0 !important; } .p-0 p{ padding:0 !important; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-36de6de1 */.sponsor-quote { border-left: 4px solid #FDAD01; padding-left: 24px; } .py-4 { padding-top: 1rem; padding-bottom: 1rem; } .my-4 { margin-top: 2rem; margin-bottom: 2rem; margin-block-end: 2rem; } .margin-block-0 p { margin-block-end: 0; margin-block-start: 0; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2b765be7 */.mt-8 { margin-top: 2rem; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-600043e */.text-lg { font-size: 18px; } .mb-0 p { margin-bottom: 0; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-55628929 */.text-lg { font-size: 18px; } .mb-0 p { margin-bottom: 0; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-41aa61b5 */#form-header .subheader{ font-size: 31px !important; font-weight: 400; line-height: 55px; color: #FFF; }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-2cb09937 */.form-disclaimer { background: #FFDF99; border-radius: 12px; padding: 16px 16px 4px 16px; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-76c636e6 */#submit-cta { border-radius: 4px; background: #FDAD01; color: #000; font-family: Inter; font-size: 16px; font-style: normal; font-weight: 600; line-height: normal; margin-top: 2rem; } .form-headings { display: inline-block; width: 100%; padding-bottom: 12px; align-items: flex-start; align-self: stretch; border-bottom: 2px solid #D1D5DB; color: #1A1D20; font-family: Inter; font-size: 18px; font-style: normal; font-weight: 600; line-height: normal; margin: 24px 0 8px 0; } .form-headings-helper { display: block; font-weight: 400; font-size: 13px; margin-top: .25rem; } .required-section { color: #DC2626; } /* ========================================================= Checkboxes tipo "pill" — Elementor Form (page-wide) Grid de 4 columnas, 100% de ancho, sin huecos laterales ========================================================= */ .elementor-field-type-checkbox .elementor-field-subgroup { display: grid !important; /* reemplaza el display:flex anterior */ grid-template-columns: repeat(4, 1fr); gap: 12px; } .elementor-field-type-checkbox .elementor-field-option { margin: 0; position: relative; display: flex; /* permite que el label estire a la altura completa de la celda */ /* nota: ya no lleva flex-basis/max-width — esas propiedades eran para cuando el padre era flex; bajo grid no aplican */ } .elementor-field-type-checkbox .elementor-field-option input[type="checkbox"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .elementor-field-type-checkbox .elementor-field-option label { display: flex !important; flex-wrap: wrap; align-content: center; align-items: flex-start; position: relative; justify-content: space-between !important; gap: 8px; width: 100%; box-sizing: border-box; padding: 14px 16px; border-radius: 6px; border: 2px solid #E4E4E7; background: #FFFFFF; cursor: pointer; transition: background-color .15s ease, border-color .15s ease; color: #1A1D20; font-family: 'Inter', sans-serif; font-size: 14px; font-style: normal; font-weight: 600; line-height: normal; white-space: normal; overflow-wrap: break-word; } .elementor-field-type-checkbox .elementor-field-option label::after { content: ""; display: inline-block; flex-shrink: 0; width: 16px; height: 16px; background-repeat: no-repeat; background-position: center; background-size: contain; } .elementor-field-type-checkbox .elementor-field-option input[type="checkbox"]:not(:checked) + label::after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj48Y2lyY2xlIGN4PSI4IiBjeT0iOCIgcj0iNyIgc3Ryb2tlPSIjRDRENEQ4IiBzdHJva2Utd2lkdGg9IjEuNSIvPjwvc3ZnPg=="); } .elementor-field-type-checkbox .elementor-field-option input[type="checkbox"]:checked + label::after { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2IiBmaWxsPSJub25lIj48ZyBjbGlwLXBhdGg9InVybCgjY2xpcDBfNTgwNTJfNjM5KSI+PHBhdGggZD0iTTE0LjUzMzYgNi42NjY2NkMxNC44MzggOC4xNjA4NiAxNC42MjExIDkuNzE0MjggMTMuOTE4OCAxMS4wNjc5QzEzLjIxNjYgMTIuNDIxNCAxMi4wNzE1IDEzLjQ5MzQgMTAuNjc0NiAxNC4xMDQ5QzkuMjc3NjcgMTQuNzE2NCA3LjcxMzMzIDE0LjgzMDUgNi4yNDI0NCAxNC40MjgyQzQuNzcxNTYgMTQuMDI2IDMuNDgzMDQgMTMuMTMxNiAyLjU5MTc2IDExLjg5NDNDMS43MDA0OSAxMC42NTcgMS4yNjAzMyA5LjE1MTQ4IDEuMzQ0NjkgNy42Mjg5MkMxLjQyOTA1IDYuMTA2MzUgMi4wMzI4MyA0LjY1ODcyIDMuMDU1MzUgMy41Mjc0NEM0LjA3Nzg2IDIuMzk2MTYgNS40NTczIDEuNjQ5NjEgNi45NjM2MiAxLjQxMjNDOC40Njk5NSAxLjE3NDk4IDEwLjAxMjEgMS40NjEyMyAxMS4zMzI5IDIuMjIzMzNNNS45OTk4NCA3LjMzMzAxTDcuOTk5ODQgOS4zMzMwMUwxNC42NjY1IDIuNjY2MzQiIHN0cm9rZT0iI0ZEQUQwMSIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L2c+PGRlZnM+PGNsaXBQYXRoIGlkPSJjbGlwMF81ODA1Ml82MzkiPjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4="); } .elementor-field-type-checkbox .elementor-field-option input[type="checkbox"]:checked + label { border-color: #FDAD01; background: #FFDF99; } .elementor-field-type-checkbox .elementor-field-option input[type="checkbox"]:focus-visible + label { outline: 2px solid #FDAD01; outline-offset: 2px; } .elementor-field-type-checkbox .elementor-field-option input[type="checkbox"]:not(:checked):hover + label { border-color: #D4D4D8; } /* INPUT TEXT */ /* ========================================================= Text/Email Fields — Elementor Form (page-wide) ========================================================= */ /* Contenedor label+input: columna, gap fijo (SIN flex-basis/flex-grow — eso rompe el width % que Elementor usa para las proporciones col-50/col-30/col-20/col-100) */ .elementor-field-type-text.elementor-field-group, .elementor-field-type-email.elementor-field-group { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; flex-wrap: nowrap; } /* Label */ .elementor-field-type-text .elementor-field-label, .elementor-field-type-email .elementor-field-label { margin: 0; color: #1A1D20; font-family: 'Inter', sans-serif; font-size: 13px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; } /* Asterisco rojo */ .elementor-field-type-text.elementor-field-required .elementor-field-label::after, .elementor-field-type-email.elementor-field-required .elementor-field-label::after { content: " *"; color: #DC2626; } /* Input */ .elementor-field-type-text .elementor-field, .elementor-field-type-email .elementor-field { display: flex; padding: 12px 16px; align-items: center; align-self: stretch; box-sizing: border-box; width: 100%; max-height: 46px; border-radius: 4px; border: 1px solid #D1D5DB; background: #FFF; color: #1A1D20; font-family: 'Inter', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; line-height: 20px; } /* Selects */ /* ========================================================= Select Fields — Elementor Form (page-wide) Fix: reset defensivo del por su cuenta (border, padding, min-height, box-shadow), no solo lo visual "de interés" */ .elementor-field-type-select select.elementor-field-textual.elementor-size-sm { appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; background: transparent !important; margin: 0 !important; padding: 0 !important; padding-right: 24px !important; height: auto !important; min-height: 0 !important; line-height: 20px !important; width: 100%; outline: none; cursor: pointer; color: #1A1D20; font-family: 'Inter', sans-serif; font-size: 14px; font-style: normal; font-weight: 400; } .elementor-field-type-select .select-caret-down-wrapper { position: absolute; right: 16px; top: 50%; transform: translateY(-50%); display: flex; align-items: center; pointer-events: none; color: #6B7280; font-size: 14px; } .tb-field-error.elementor-field-textual, .elementor-field-textual[aria-invalid="true"] { border: 1px solid #DF1C24; background: #FDF2F2 !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-13cc98a6 *//* ========================================================================= Tigerblocks · Sponsors · Form header "Start the Conversation" Responsive: Tablet (<=1024px) and Mobile (<=767px) SCOPE: #sponsors-form (header widget: #form-header) Scale used (see shared scale in previous blocks): Title → H2 section title Subheader → Minor heading size, regular weight Tablet 1.125rem (18px) / Mobile 1.0625rem (17px) Anatomy: one text-editor with two

: title (first) + p.subheader. ========================================================================= */ /* ========================================================================= TABLET (768px – 1024px) ========================================================================= */ @media (max-width: 1024px) { /* Title */ #sponsors-form #form-header .elementor-widget-container > p:first-child { font-size: clamp(2.25rem, 5vw, 2.75rem) !important; /* ~36–44px */ line-height: 1.12 !important; letter-spacing: -0.015em !important; margin: 0 0 12px !important; text-wrap: balance; } /* Subheader */ #sponsors-form #form-header .subheader { font-size: 1.125rem !important; /* 18px */ line-height: 1.45 !important; margin: 0 !important; text-wrap: balance; } .elementor-6144 .elementor-element.elementor-element-76c636e6 { --width: 90% !important; } } /* ========================================================================= MOBILE (<= 767px) ========================================================================= */ @media (max-width: 767px) { /* width-initial widget: use the full column on small screens */ #sponsors-form #form-header { width: 100% !important; max-width: 100% !important; --container-widget-width: 100% !important; } /* Title */ #sponsors-form #form-header .elementor-widget-container > p:first-child { font-size: clamp(1.75rem, 7.8vw, 2.125rem) !important; /* ~28–34px */ line-height: 1.15 !important; letter-spacing: -0.01em !important; margin: 0 0 8px !important; } /* Subheader */ #sponsors-form #form-header .subheader { font-size: 1.0625rem !important; /* 17px */ } .elementor-5735 .elementor-element.elementor-element-4c0c8316 { box-shadow: unset !important; } .elementor-5735 .elementor-element.elementor-element-33d7b5e7 { --padding-bottom: 0 !important; } #sponsors-form .elementor-field-type-checkbox .elementor-field-subgroup { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; gap: 10px !important; } #sponsors-form .elementor-field-type-checkbox .elementor-field-option { min-width: 0 !important; width: 100% !important; } .form-headings { font-size: 15px; } #sponsors-form .e-con:has(> .elementor-widget-image img[src*="lock-icon"]) { --flex-direction: row !important; flex-direction: row !important; --flex-wrap: nowrap !important; flex-wrap: nowrap !important; --justify-content: flex-start !important; justify-content: flex-start !important; --align-items: flex-start !important; align-items: flex-start !important; gap: 10px !important; } #sponsors-form .e-con:has(> .elementor-widget-image img[src*="lock-icon"]) > .elementor-widget-image { flex: 0 0 14px !important; width: 14px !important; margin: 3px 0 0 !important; /* centers the 14px icon on a ~19.5px first line */ } #sponsors-form .e-con:has(> .elementor-widget-image img[src*="lock-icon"]) > .elementor-widget-text-editor { flex: 1 1 auto !important; width: auto !important; margin: 0 !important; } /* Overrides the inline text-align: center on the

*/ #sponsors-form .e-con:has(> .elementor-widget-image img[src*="lock-icon"]) > .elementor-widget-text-editor p { text-align: left !important; font-size: 0.8125rem !important; /* 13px · meta scale */ line-height: 1.5 !important; margin: 0 !important; } }/* End custom CSS */