/* ========================================================== ABA_BRAND_V7_CONTROL_PESO_CANARY_V1 PAGE 528934 - /controldepeso/ Scope: - BrandBook V7 typography and ABA-owned UI color correction. - Mobile hero positioning / clipping correction. - Existing functional form receives visual treatment only. Protected: - No HTML structure changes. - No Elementor source changes. - No AJAX / form behavior changes. - No reCAPTCHA recoloring. ========================================================== */ body.page-id-528934 .elementor-528934 .elementor-widget-heading .elementor-heading-title, body.page-id-528934 .elementor-528934 .elementor-widget-text-editor, body.page-id-528934 .elementor-528934 .elementor-widget-text-editor p, body.page-id-528934 .elementor-528934 .elementor-widget-text-editor li { font-family: var(--aba-font-family, "Elevance Sans", sans-serif) !important; color: var(--aba-brand-charcoal, #2E2E2E) !important; } body.page-id-528934 .elementor-528934 .elementor-element-09324b2 .elementor-heading-title, body.page-id-528934 .elementor-528934 .elementor-element-f038af1 .elementor-heading-title { font-family: var(--aba-font-family, "Elevance Sans", sans-serif) !important; font-weight: var(--aba-font-weight-light, 300) !important; color: var(--aba-brand-charcoal, #2E2E2E) !important; } body.page-id-528934 .elementor-528934 .elementor-element-755f4bb .elementor-heading-title, body.page-id-528934 .elementor-528934 .elementor-element-655f5d0 .elementor-heading-title, body.page-id-528934 .elementor-528934 .elementor-element-50c7b9b .elementor-heading-title, body.page-id-528934 .elementor-528934 .elementor-element-36bf799 .elementor-heading-title { font-family: var(--aba-font-family, "Elevance Sans", sans-serif) !important; font-weight: var(--aba-font-weight-medium, 500) !important; color: var(--aba-brand-salmon, #FB756A) !important; } body.page-id-528934 .elementor-528934 [style*="#0FBDCC"], body.page-id-528934 .elementor-528934 [style*="#0fbdcc"] { color: var(--aba-brand-blue, #00D6FA) !important; } body.page-id-528934 .elementor-528934 [style*="#F46B68"], body.page-id-528934 .elementor-528934 [style*="#f46b68"] { color: var(--aba-brand-salmon, #FB756A) !important; } body.page-id-528934 .elementor-528934 .elementor-element-261da71 { border-color: var(--aba-brand-blue, #00D6FA) !important; } body.page-id-528934 .elementor-528934 .elementor-element-c79d042 .elementor-shape-fill { fill: var(--aba-brand-charcoal, #2E2E2E) !important; } body.page-id-528934 .controlpesoR-register, body.page-id-528934 .controlpesoR-register h4, body.page-id-528934 .controlpesoR-register label, body.page-id-528934 .controlpesoR-register input, body.page-id-528934 .controlpesoR-register textarea, body.page-id-528934 .controlpesoR-register select, body.page-id-528934 .controlpesoR-register .cs_checkbox, body.page-id-528934 .controlpesoR-register .cs_checkbox a, body.page-id-528934 .controlpesR_form_sucess, body.page-id-528934 .controlpesR_form_sucess h2, body.page-id-528934 .controlpesR_form_sucess p { font-family: var(--aba-font-family, "Elevance Sans", sans-serif) !important; } body.page-id-528934 .controlpesoR-register h4, body.page-id-528934 .controlpesoR-register label, body.page-id-528934 .controlpesoR-register .cs_checkbox, body.page-id-528934 .controlpesR_form_sucess h2, body.page-id-528934 .controlpesR_form_sucess p { color: var(--aba-brand-charcoal, #2E2E2E) !important; } body.page-id-528934 .controlpesoR-register .upInputs .form-control { color: var(--aba-brand-charcoal, #2E2E2E) !important; background-color: var(--aba-brand-white, #FFFFFF) !important; border-color: rgba(46, 46, 46, 0.32) !important; } body.page-id-528934 .controlpesoR-register .upInputs .form-control:focus { border-color: var(--aba-brand-blue, #00D6FA) !important; box-shadow: 0 0 0 2px rgba(0, 214, 250, 0.16) !important; outline: none !important; } body.page-id-528934 .controlpesoR-register .upLabel span, body.page-id-528934 .controlpesoR-register .cs_checkbox a:hover, body.page-id-528934 .controlpesoR-register .cs_checkbox a:focus { color: var(--aba-brand-salmon, #FB756A) !important; } body.page-id-528934 .controlpesoR-register #submit_control_btn { font-family: var(--aba-font-family, "Elevance Sans", sans-serif) !important; font-weight: var(--aba-font-weight-bold, 700) !important; color: var(--aba-brand-charcoal, #2E2E2E) !important; background: var(--aba-brand-blue, #00D6FA) !important; border-color: var(--aba-brand-blue, #00D6FA) !important; } body.page-id-528934 .controlpesoR-register #submit_control_btn:hover, body.page-id-528934 .controlpesoR-register #submit_control_btn:focus { color: var(--aba-brand-charcoal, #2E2E2E) !important; background: var(--aba-brand-salmon, #FB756A) !important; border-color: var(--aba-brand-salmon, #FB756A) !important; } @media (max-width: 767px) { body.page-id-528934 .elementor-528934 .elementor-element-713c67b > .elementor-element-populated { margin-left: 0 !important; --e-column-margin-left: 0px !important; } body.page-id-528934 .elementor-528934 .elementor-element-67b0727 { width: 100% !important; max-width: 100% !important; text-align: center !important; } body.page-id-528934 .elementor-528934 .elementor-element-67b0727 img { display: block; width: 100% !important; max-width: 100% !important; height: auto !important; margin-right: auto !important; margin-left: auto !important; object-fit: contain; } body.page-id-528934 .elementor-528934 .elementor-element-09324b2, body.page-id-528934 .elementor-528934 .elementor-element-f038af1 { --container-widget-width: 100% !important; width: 100% !important; max-width: 100% !important; } } /* Third-party / functional exclusion: No rules target .grecaptcha-badge, reCAPTCHA iframe/content, AJAX behavior, or hidden form action fields. */ /* ========================================================== ABA_BRAND_V7_CONTROL_PESO_POLISH_V1B Codex certification corrections: - desktop/tablet hero left clipping - CTA typography/color - mobile lower-heading containment - phone-number fragmentation ========================================================== */ /* ---------------------------------------------------------- HERO: remove legacy left offset at ALL widths. Elementor baseline: .713c67b > .elementor-element-populated margin-left: -60px desktop/tablet ---------------------------------------------------------- */ body.page-id-528934 .elementor-528934 .elementor-element-713c67b > .elementor-element-populated { margin-left: 0 !important; --e-column-margin-left: 0px !important; } /* Keep the hero image itself contained after the offset correction. */ body.page-id-528934 .elementor-528934 .elementor-element-67b0727, body.page-id-528934 .elementor-528934 .elementor-element-67b0727 > .elementor-widget-container, body.page-id-528934 .elementor-528934 .elementor-element-67b0727 img { max-width: 100% !important; } /* ---------------------------------------------------------- CTA TYPOGRAPHY / COLOR Existing page uses .solicita_btn / .reg_recibe_btn on the visible "contáctanos" CTA widgets. Geometry and interaction remain untouched. ---------------------------------------------------------- */ body.page-id-528934 .elementor-528934 .solicita_btn, body.page-id-528934 .elementor-528934 .reg_recibe_btn, body.page-id-528934 .elementor-528934 .solicita_btn *, body.page-id-528934 .elementor-528934 .reg_recibe_btn * { font-family: var(--aba-font-family, "Elevance Sans", sans-serif) !important; } body.page-id-528934 .elementor-528934 .solicita_btn a, body.page-id-528934 .elementor-528934 .solicita_btn p, body.page-id-528934 .elementor-528934 .solicita_btn span, body.page-id-528934 .elementor-528934 .reg_recibe_btn a, body.page-id-528934 .elementor-528934 .reg_recibe_btn p, body.page-id-528934 .elementor-528934 .reg_recibe_btn span { color: var(--aba-brand-blue, #00D6FA) !important; } body.page-id-528934 .elementor-528934 .solicita_btn a:hover, body.page-id-528934 .elementor-528934 .solicita_btn a:focus, body.page-id-528934 .elementor-528934 .reg_recibe_btn a:hover, body.page-id-528934 .elementor-528934 .reg_recibe_btn a:focus { color: var(--aba-brand-salmon, #FB756A) !important; } /* ---------------------------------------------------------- MOBILE TEXT SAFETY Prevent legacy custom widths from forcing lower headings against the viewport edge. ---------------------------------------------------------- */ @media (max-width: 767px) { body.page-id-528934 .elementor-528934 .elementor-widget-heading { --container-widget-width: 100% !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box; } body.page-id-528934 .elementor-528934 .elementor-widget-heading .elementor-heading-title { max-width: 100%; overflow-wrap: normal; word-break: normal; } /* Keep phone numbers intact instead of splitting them into visually awkward fragments. This does not change the href. */ body.page-id-528934 .elementor-528934 a[href^="tel:"] { white-space: nowrap !important; word-break: keep-all !important; overflow-wrap: normal !important; } } /* ========================================================== ABA_BRAND_V7_CONTROL_PESO_PHONE_V1C Exact target: Elementor widget f27bcef Stored title: Llámanos para más información y orientación personalizada: 787-304-4222. Mobile-only containment correction. ========================================================== */ @media (max-width: 767px) { body.page-id-528934 .elementor-528934 .elementor-element-f27bcef { --container-widget-width: 100% !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } body.page-id-528934 .elementor-528934 .elementor-element-f27bcef > .elementor-widget-container { padding-left: 10px !important; padding-right: 10px !important; box-sizing: border-box !important; } body.page-id-528934 .elementor-528934 .elementor-element-f27bcef .elementor-heading-title { max-width: 100% !important; margin: 0 !important; overflow-wrap: normal !important; word-break: normal !important; } body.page-id-528934 .elementor-528934 .elementor-element-f27bcef .elementor-heading-title span { display: inline-block !important; white-space: nowrap !important; word-break: keep-all !important; overflow-wrap: normal !important; } } /* ========================================================== ABA_BRAND_V7_CONTROL_PESO_CTA_BACKGROUND_V1D Exact legacy source being overridden on page 528934: .solicita_btn .shape_morph.blob { background: #0FBDCC; } V1D changes color only. Geometry, animation, links and interaction remain intact. ========================================================== */ body.page-id-528934 .elementor-528934 .solicita_btn .shape_morph.blob, body.page-id-528934 .elementor-528934 .reg_recibe_btn .shape_morph.blob { background: #00D6FA !important; background-color: #00D6FA !important; border-color: #00D6FA !important; color: #FFFFFF !important; } body.page-id-528934 .elementor-528934 .solicita_btn .shape_morph.blob *, body.page-id-528934 .elementor-528934 .reg_recibe_btn .shape_morph.blob * { color: #FFFFFF !important; } body.page-id-528934 .elementor-528934 .solicita_btn .shape_morph.blob:hover, body.page-id-528934 .elementor-528934 .solicita_btn .shape_morph.blob:focus, body.page-id-528934 .elementor-528934 .reg_recibe_btn .shape_morph.blob:hover, body.page-id-528934 .elementor-528934 .reg_recibe_btn .shape_morph.blob:focus { background: #FB756A !important; background-color: #FB756A !important; border-color: #FB756A !important; color: #FFFFFF !important; } body.page-id-528934 .elementor-528934 .solicita_btn .shape_morph.blob:hover *, body.page-id-528934 .elementor-528934 .solicita_btn .shape_morph.blob:focus *, body.page-id-528934 .elementor-528934 .reg_recibe_btn .shape_morph.blob:hover *, body.page-id-528934 .elementor-528934 .reg_recibe_btn .shape_morph.blob:focus * { color: #FFFFFF !important; }