.elementor-8237 .elementor-element.elementor-element-8f85be2{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-8237 .elementor-element.elementor-element-bbf922a .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-8237 .elementor-element.elementor-element-bbf922a .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-8237 .elementor-element.elementor-element-bbf922a .elementor-field-group.recaptcha_v3-bottomleft, .elementor-8237 .elementor-element.elementor-element-bbf922a .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-8237 .elementor-element.elementor-element-bbf922a .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-8237 .elementor-element.elementor-element-bbf922a .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-8237 .elementor-element.elementor-element-bbf922a .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-8237 .elementor-element.elementor-element-bbf922a .elementor-field-type-html{padding-bottom:0px;}.elementor-8237 .elementor-element.elementor-element-bbf922a .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-8237 .elementor-element.elementor-element-bbf922a .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-8237 .elementor-element.elementor-element-bbf922a .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-8237 .elementor-element.elementor-element-bbf922a .elementor-button[type="submit"]{color:#ffffff;}.elementor-8237 .elementor-element.elementor-element-bbf922a .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-8237 .elementor-element.elementor-element-bbf922a .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-8237 .elementor-element.elementor-element-bbf922a .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-8237 .elementor-element.elementor-element-bbf922a .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-8237 .elementor-element.elementor-element-bbf922a .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-8237 .elementor-element.elementor-element-bbf922a .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-8237 .elementor-element.elementor-element-bbf922a{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}#elementor-popup-modal-8237 .dialog-widget-content{animation-duration:1.2s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-8237 .dialog-message{width:420px;height:auto;}#elementor-popup-modal-8237{justify-content:flex-end;align-items:flex-end;}#elementor-popup-modal-8237 .dialog-close-button{display:flex;}/* Start custom CSS *//* ========================================================= CLINICA DR. PEDRO COELHO POPUP WHATSAPP DESKTOP — PREMIUM FINAL EwardSolution Elementor Pro | Custom CSS del popup Ancho recomendado: 420px ========================================================= */ #elementor-popup-modal-8237 { --dpc-navy: #002D72; --dpc-deep: #071A33; --dpc-gold: #C6AA76; --dpc-gold-light: #F4DEA3; --dpc-white: #FFFFFF; --dpc-muted: rgba(255,255,255,.82); --dpc-field-bg: #203A5E; --dpc-field-border: rgba(198,170,118,.62); } /* ========================================================= 01 — VENTANA ========================================================= */ #elementor-popup-modal-8237 .dialog-widget-content { background: linear-gradient( 155deg, rgba(13,48,94,.95) 0%, rgba(6,25,52,.97) 100% ) !important; border: 1px solid rgba(198,170,118,.45); border-radius: 20px; box-shadow: 0 28px 70px rgba(0,10,30,.38), inset 0 1px 0 rgba(255,255,255,.10); -webkit-backdrop-filter: blur(20px) saturate(135%); backdrop-filter: blur(20px) saturate(135%); overflow: hidden; } #elementor-popup-modal-8237 .dialog-message { background: transparent !important; padding: 26px 24px 25px !important; max-height: calc(100dvh - 32px); overflow-x: hidden; overflow-y: auto; box-sizing: border-box; } /* ========================================================= 02 — ENCABEZADO ========================================================= */ #elementor-popup-modal-8237 .elementor-heading-title { color: #FFFFFF !important; font-size: 26px; font-weight: 600; line-height: 1.18; letter-spacing: -.5px; padding-right: 22px; margin: 0; } #elementor-popup-modal-8237 .elementor-widget-heading { margin-bottom: 9px !important; } #elementor-popup-modal-8237 .elementor-widget-text-editor, #elementor-popup-modal-8237 .elementor-widget-text-editor p { color: var(--dpc-muted) !important; font-size: 13px; line-height: 1.6; } #elementor-popup-modal-8237 .elementor-widget-text-editor { margin-top: -10px !important; margin-bottom: 0 !important; } #elementor-popup-modal-8237 .elementor-widget-text-editor p { margin: 0; } /* Separacion intencional entre descripcion y primer campo */ #elementor-popup-modal-8237 .elementor-widget-form { margin-top: -6px !important; } /* ========================================================= 03 — FORMULARIO Y ETIQUETAS ========================================================= */ #elementor-popup-modal-8237 .elementor-form .elementor-field-group { margin-bottom: 11px; } #elementor-popup-modal-8237 .elementor-form .elementor-field-label { display: block; color: #FFFFFF !important; font-size: 12px; font-weight: 600; line-height: 1.4; margin-bottom: 6px; } #elementor-popup-modal-8237 .elementor-form .elementor-mark-required { color: var(--dpc-gold-light) !important; } /* ========================================================= 04 — CAMPOS: BORDE DORADO UNIFICADO ========================================================= */ /* Una sola regla para los cuatro campos: Nome, Telemovel, Motivo y Observacoes. El checkbox queda excluido. */ #elementor-popup-modal-8237 .elementor-form .elementor-field-group input.elementor-field:not([type="checkbox"]), #elementor-popup-modal-8237 .elementor-form .elementor-field-group select, #elementor-popup-modal-8237 .elementor-form .elementor-field-group textarea.elementor-field { width: 100%; min-width: 0; box-sizing: border-box; background-color: var(--dpc-field-bg) !important; color: #FFFFFF !important; border: 1px solid var(--dpc-field-border) !important; border-radius: 10px !important; font-size: 13px; font-weight: 400; line-height: 1.45; padding: 11px 13px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); transition: background-color .22s ease, border-color .22s ease, box-shadow .22s ease; } /* Alturas */ #elementor-popup-modal-8237 .elementor-form input.elementor-field:not([type="checkbox"]), #elementor-popup-modal-8237 .elementor-form select { min-height: 44px; } #elementor-popup-modal-8237 .elementor-form textarea.elementor-field { min-height: 82px; max-height: 140px; resize: vertical; line-height: 1.5; } /* Placeholder */ #elementor-popup-modal-8237 .elementor-form input.elementor-field::placeholder, #elementor-popup-modal-8237 .elementor-form textarea.elementor-field::placeholder { color: rgba(255,255,255,.56) !important; opacity: 1; } /* Hover */ #elementor-popup-modal-8237 .elementor-form .elementor-field-group input.elementor-field:not([type="checkbox"]):hover, #elementor-popup-modal-8237 .elementor-form .elementor-field-group select:hover, #elementor-popup-modal-8237 .elementor-form .elementor-field-group textarea.elementor-field:hover { border-color: rgba(226,196,126,.68) !important; } /* Focus */ #elementor-popup-modal-8237 .elementor-form .elementor-field-group input.elementor-field:not([type="checkbox"]):focus, #elementor-popup-modal-8237 .elementor-form .elementor-field-group select:focus, #elementor-popup-modal-8237 .elementor-form .elementor-field-group textarea.elementor-field:focus { background-color: rgba(255,255,255,.14) !important; border-color: #E2C47E !important; box-shadow: 0 0 0 3px rgba(226,196,126,.16), inset 0 1px 0 rgba(255,255,255,.07) !important; outline: none; } /* ========================================================= 05 — SELECT NATIVO ========================================================= */ /* Sin borde adicional en el contenedor */ #elementor-popup-modal-8237 .elementor-form .elementor-select-wrapper { border: 0 !important; box-shadow: none !important; background: transparent !important; } /* Mantiene el mismo borde que los demás campos */ #elementor-popup-modal-8237 .elementor-form .elementor-field-type-select select, #elementor-popup-modal-8237 .elementor-form .elementor-select-wrapper select { -webkit-appearance: none !important; appearance: none !important; /* El mismo fondo y borde del resto de los campos; solo cambia la flecha. */ background: #203A5E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%23E9D29C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 13px center / 18px 18px no-repeat !important; padding-right: 42px !important; color-scheme: dark; } #elementor-popup-modal-8237 .elementor-form .elementor-select-wrapper .select-caret-down-wrapper { display: none !important; } #elementor-popup-modal-8237 .elementor-form .elementor-field-type-select select option { background-color: #102E55; color: #FFFFFF; } /* ========================================================= 06 — CONSENTIMIENTO: UN SOLO RECUADRO ========================================================= */ /* Único contenedor con borde */ #elementor-popup-modal-8237 .elementor-form .elementor-field-type-acceptance { background: linear-gradient( 135deg, rgba(255,255,255,.09), rgba(255,255,255,.035) ) !important; border: 1px solid rgba(198,170,118,.42) !important; border-radius: 12px !important; padding: 13px 14px !important; margin: 10px 0 15px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 5px 18px rgba(0,0,0,.07) !important; } /* Eliminar bordes internos duplicados */ #elementor-popup-modal-8237 .elementor-form .elementor-field-type-acceptance .elementor-field-subgroup, #elementor-popup-modal-8237 .elementor-form .elementor-field-type-acceptance .elementor-field-option { background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; } /* Alineación del checkbox y texto */ #elementor-popup-modal-8237 .elementor-form .elementor-field-type-acceptance .elementor-field-option { display: flex; align-items: flex-start; gap: 11px; } #elementor-popup-modal-8237 .elementor-form .elementor-field-type-acceptance input[type="checkbox"] { flex: 0 0 17px; width: 17px; height: 17px; margin: 2px 0 0 !important; accent-color: var(--dpc-gold); cursor: pointer; } #elementor-popup-modal-8237 .elementor-form .elementor-field-type-acceptance label { color: rgba(255,255,255,.88) !important; font-size: 11.8px !important; font-weight: 400; line-height: 1.55 !important; } #elementor-popup-modal-8237 .elementor-form .elementor-field-type-acceptance a { color: #E9D29C !important; font-weight: 600; text-decoration: underline !important; text-underline-offset: 3px; } #elementor-popup-modal-8237 .elementor-form .elementor-field-type-acceptance a:hover { color: #FFFFFF !important; } /* ========================================================= 07 — BOTÓN DORADO INSTITUCIONAL ========================================================= */ #elementor-popup-modal-8237 .elementor-form .elementor-field-type-submit { width: 100%; margin-top: 4px; } #elementor-popup-modal-8237 .elementor-form .elementor-button { width: 100%; min-height: 51px; display: inline-flex !important; align-items: center; justify-content: center; gap: 10px; padding: 13px 18px; background: linear-gradient( 180deg, #FBE9BA 0%, #F0D692 23%, #D9AF60 68%, #BD8832 100% ) !important; border: 1px solid rgba(255,235,187,.85) !important; border-radius: 5px !important; color: #071F3E !important; font-size: 12px; font-weight: 700; line-height: 1.35; letter-spacing: 1px; text-transform: uppercase; box-shadow: inset 0 1px 0 rgba(255,255,255,.65), 0 2px 0 rgba(100,65,22,.42), 0 8px 20px rgba(0,0,0,.17); cursor: pointer; transition: transform .22s ease, box-shadow .22s ease, filter .22s ease; } #elementor-popup-modal-8237 .elementor-form .elementor-button .elementor-button-text { color: inherit !important; font: inherit !important; letter-spacing: inherit; text-transform: inherit; } #elementor-popup-modal-8237 .elementor-form .elementor-button:hover { filter: brightness(1.055); transform: translateY(-2px); box-shadow: inset 0 1px 0 rgba(255,255,255,.70), 0 3px 0 rgba(100,65,22,.30), 0 12px 24px rgba(0,0,0,.22); } #elementor-popup-modal-8237 .elementor-form .elementor-button:active { transform: translateY(0); } #elementor-popup-modal-8237 .elementor-form .elementor-button:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 3px; } /* ========================================================= 08 — ICONO WHATSAPP SVG ORIGINAL ========================================================= */ #elementor-popup-modal-8237 .elementor-form .elementor-button::before { content: "" !important; display: inline-block !important; flex: 0 0 21px; width: 21px; height: 21px; background-repeat: no-repeat; background-position: center; background-size: contain; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23002D72' d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51a12.8 12.8 0 0 0-.57-.01c-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 0 1-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 0 1-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 0 1 2.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0 0 12.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 0 0 5.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 0 0-3.48-8.413z'/%3E%3C/svg%3E"); } /* ========================================================= 09 — BOTÓN CERRAR ========================================================= */ #elementor-popup-modal-8237 .dialog-close-button, #elementor-popup-modal-8237 .dialog-lightbox-close-button { position: absolute; top: 17px !important; right: 17px !important; width: 32px; height: 32px; display: flex !important; align-items: center; justify-content: center; padding: 0 !important; background: rgba(198,170,118,.08) !important; border: 1px solid rgba(198,170,118,.45) !important; border-radius: 50% !important; color: #E9D29C !important; opacity: 1 !important; box-shadow: none !important; cursor: pointer; transition: color .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease, transform .22s ease; } #elementor-popup-modal-8237 .dialog-close-button i, #elementor-popup-modal-8237 .dialog-close-button i::before, #elementor-popup-modal-8237 .dialog-lightbox-close-button i, #elementor-popup-modal-8237 .dialog-lightbox-close-button i::before { color: inherit !important; } #elementor-popup-modal-8237 .dialog-close-button svg, #elementor-popup-modal-8237 .dialog-lightbox-close-button svg { width: 15px; height: 15px; color: inherit !important; fill: currentColor !important; } #elementor-popup-modal-8237 .dialog-close-button svg *, #elementor-popup-modal-8237 .dialog-lightbox-close-button svg * { stroke: currentColor !important; } #elementor-popup-modal-8237 .dialog-close-button:hover, #elementor-popup-modal-8237 .dialog-lightbox-close-button:hover { background: rgba(198,170,118,.20) !important; border-color: rgba(244,222,163,.85) !important; color: #FFE3A5 !important; transform: translateY(-1px); box-shadow: 0 0 0 4px rgba(198,170,118,.08) !important; } #elementor-popup-modal-8237 .dialog-close-button:focus-visible, #elementor-popup-modal-8237 .dialog-lightbox-close-button:focus-visible { outline: 2px solid #F4DEA3 !important; outline-offset: 3px; } /* ========================================================= 10 — MENSAJES Y NOTA LEGAL RECAPTCHA ========================================================= */ #elementor-popup-modal-8237 .elementor-form .elementor-message { color: #FFFFFF; font-size: 12px; line-height: 1.5; margin-top: 10px; } #elementor-popup-modal-8237 .dpc-recaptcha-note, #elementor-popup-modal-8237 .dpc-recaptcha-note p { color: rgba(255,255,255,.62) !important; font-size: 10px !important; line-height: 1.45; text-align: center; } #elementor-popup-modal-8237 .dpc-recaptcha-note a { color: #E9D29C !important; text-decoration: underline; } /* ========================================================= 11 — RESPONSIVE ========================================================= */ @media (max-width: 767px) { #elementor-popup-modal-8237 .dialog-message { padding: 22px 18px 20px !important; } #elementor-popup-modal-8237 .elementor-heading-title { font-size: 23px; } #elementor-popup-modal-8237 .elementor-form .elementor-button { font-size: 11px; letter-spacing: .65px; } } /* ========================================================= 12 — ACCESIBILIDAD ========================================================= */ @media (prefers-reduced-motion: reduce) { #elementor-popup-modal-8237 .elementor-form .elementor-button, #elementor-popup-modal-8237 .elementor-form input.elementor-field, #elementor-popup-modal-8237 .elementor-form select, #elementor-popup-modal-8237 .elementor-form textarea.elementor-field, #elementor-popup-modal-8237 .dialog-close-button, #elementor-popup-modal-8237 .dialog-lightbox-close-button { transition: none !important; } } /* ========================================================= 13 — POPUP DE ESCRITORIO ANCLADO AL BOTON FLOTANTE Configuracion Elementor 8254: Layout: Position Horizontal Right / Vertical Bottom Overlay: Hide Entrance Animation: Slide In Up Exit Animation: Slide Out Down Boton: 56px; right:24px; bottom:24px. El margen inferior 96px deja 16px entre boton y popup. ========================================================= */ @media (min-width: 769px) { #elementor-popup-modal-8237 .dialog-widget-content { width: 420px !important; max-width: calc(100vw - 32px) !important; max-height: calc(100dvh - 116px) !important; margin: 0 24px 96px 0 !important; transform-origin: calc(100% - 28px) 100%; } #elementor-popup-modal-8237 .dialog-message { max-height: calc(100dvh - 116px) !important; overflow-y: auto; overscroll-behavior: contain; } } /* Google reCAPTCHA — distintivo oculto. Mantener aviso legal visible en los formularios. */ .grecaptcha-badge { visibility: hidden !important; }/* End custom CSS */