.elementor-2078 .elementor-element.elementor-element-2abd5f5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:0;}.elementor-2078 .elementor-element.elementor-element-940bd0e{--display:flex;--min-height:90vh;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.elementor-2078 .elementor-element.elementor-element-940bd0e::before, .elementor-2078 .elementor-element.elementor-element-940bd0e > .elementor-background-video-container::before, .elementor-2078 .elementor-element.elementor-element-940bd0e > .e-con-inner > .elementor-background-video-container::before, .elementor-2078 .elementor-element.elementor-element-940bd0e > .elementor-background-slideshow::before, .elementor-2078 .elementor-element.elementor-element-940bd0e > .e-con-inner > .elementor-background-slideshow::before, .elementor-2078 .elementor-element.elementor-element-940bd0e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://iberdrola-bppulse.es/wp-content/uploads/2026/03/kv-facturacion-scaled.webp");--background-overlay:'';background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-2078 .elementor-element.elementor-element-d6bf591{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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 );color:var( --e-global-color-primary );}.elementor-2078 .elementor-element.elementor-element-f773dc7{width:var( --container-widget-width, 95% );max-width:95%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 80px) 0px;--container-widget-width:95%;--container-widget-flex-grow:0;text-align:center;}.elementor-2078 .elementor-element.elementor-element-f773dc7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:65px;font-weight:300;line-height:70px;color:#FFFFFF;}.elementor-2078 .elementor-element.elementor-element-e82649d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2078 .elementor-element.elementor-element-e82649d:not(.elementor-motion-effects-element-type-background), .elementor-2078 .elementor-element.elementor-element-e82649d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2078 .elementor-element.elementor-element-b2dc467{width:100%;max-width:100%;z-index:2;text-align:start;}.elementor-2078 .elementor-element.elementor-element-b2dc467.elementor-element{--align-self:center;}.elementor-2078 .elementor-element.elementor-element-b2dc467 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:300;line-height:14px;color:#364C67;}.elementor-2078 .elementor-element.elementor-element-68132912{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:40px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2078 .elementor-element.elementor-element-68132912:not(.elementor-motion-effects-element-type-background), .elementor-2078 .elementor-element.elementor-element-68132912 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2078 .elementor-element.elementor-element-68132912.e-con{--align-self:center;}.elementor-2078 .elementor-element.elementor-element-27d8d0ca{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-2078 .elementor-element.elementor-element-27d8d0ca.e-con{--align-self:center;}.elementor-2078 .elementor-element.elementor-element-606d3be8{--display:flex;--min-height:394px;--justify-content:flex-end;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-2078 .elementor-element.elementor-element-606d3be8:not(.elementor-motion-effects-element-type-background), .elementor-2078 .elementor-element.elementor-element-606d3be8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://iberdrola-bppulse.es/wp-content/uploads/2026/03/fact-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2078 .elementor-element.elementor-element-606d3be8::before, .elementor-2078 .elementor-element.elementor-element-606d3be8 > .elementor-background-video-container::before, .elementor-2078 .elementor-element.elementor-element-606d3be8 > .e-con-inner > .elementor-background-video-container::before, .elementor-2078 .elementor-element.elementor-element-606d3be8 > .elementor-background-slideshow::before, .elementor-2078 .elementor-element.elementor-element-606d3be8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2078 .elementor-element.elementor-element-606d3be8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2078 .elementor-element.elementor-element-11d44aff.elementor-element{--align-self:flex-start;}.elementor-2078 .elementor-element.elementor-element-11d44aff .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:700;line-height:30px;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2078 .elementor-element.elementor-element-35ae7230{width:var( --container-widget-width, 832px );max-width:832px;--container-widget-width:832px;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:20px;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-2078 .elementor-element.elementor-element-bcd587c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:2;}.elementor-2078 .elementor-element.elementor-element-bcd587c .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2078 .elementor-element.elementor-element-bcd587c .elementor-button .elementor-button-content-wrapper{gap:15px;}.elementor-2078 .elementor-element.elementor-element-bcd587c .elementor-button{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;border-radius:70px 70px 70px 70px;padding:15px 25px 15px 25px;}.elementor-2078 .elementor-element.elementor-element-d80a190{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}body:not(.rtl) .elementor-2078 .elementor-element.elementor-element-8542194{right:0px;}body.rtl .elementor-2078 .elementor-element.elementor-element-8542194{left:0px;}.elementor-2078 .elementor-element.elementor-element-8542194{top:-350px;}.elementor-2078 .elementor-element.elementor-element-713ebd3a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-2078 .elementor-element.elementor-element-713ebd3a:not(.elementor-motion-effects-element-type-background), .elementor-2078 .elementor-element.elementor-element-713ebd3a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2078 .elementor-element.elementor-element-4641e3c1{z-index:3;}.elementor-2078 .elementor-element.elementor-element-f1e3994{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:30px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-2078 .elementor-element.elementor-element-f1e3994:not(.elementor-motion-effects-element-type-background), .elementor-2078 .elementor-element.elementor-element-f1e3994 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2078 .elementor-element.elementor-element-f1e3994.e-con{--align-self:center;}.elementor-2078 .elementor-element.elementor-element-f5d2f96{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:2;}.elementor-2078 .elementor-element.elementor-element-f5d2f96.e-con{--align-self:center;}.elementor-2078 .elementor-element.elementor-element-bb70d87{--display:flex;--min-height:394px;--justify-content:flex-end;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-2078 .elementor-element.elementor-element-bb70d87:not(.elementor-motion-effects-element-type-background), .elementor-2078 .elementor-element.elementor-element-bb70d87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://iberdrola-bppulse.es/wp-content/uploads/2026/03/fact-2.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2078 .elementor-element.elementor-element-bb70d87::before, .elementor-2078 .elementor-element.elementor-element-bb70d87 > .elementor-background-video-container::before, .elementor-2078 .elementor-element.elementor-element-bb70d87 > .e-con-inner > .elementor-background-video-container::before, .elementor-2078 .elementor-element.elementor-element-bb70d87 > .elementor-background-slideshow::before, .elementor-2078 .elementor-element.elementor-element-bb70d87 > .e-con-inner > .elementor-background-slideshow::before, .elementor-2078 .elementor-element.elementor-element-bb70d87 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2078 .elementor-element.elementor-element-07a4688.elementor-element{--align-self:flex-start;}.elementor-2078 .elementor-element.elementor-element-07a4688 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:700;line-height:30px;color:#FFFFFF;}.elementor-2078 .elementor-element.elementor-element-3475a85{width:var( --container-widget-width, 832px );max-width:832px;--container-widget-width:832px;--container-widget-flex-grow:0;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:20px;color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2078 .elementor-element.elementor-element-d6bf591{--width:1200px;}.elementor-2078 .elementor-element.elementor-element-e82649d{--content-width:1200px;}.elementor-2078 .elementor-element.elementor-element-27d8d0ca{--width:1200px;}.elementor-2078 .elementor-element.elementor-element-606d3be8{--width:1200px;}.elementor-2078 .elementor-element.elementor-element-713ebd3a{--content-width:1200px;}.elementor-2078 .elementor-element.elementor-element-f5d2f96{--width:1200px;}.elementor-2078 .elementor-element.elementor-element-bb70d87{--width:1200px;}}@media(max-width:1024px){.elementor-2078 .elementor-element.elementor-element-2abd5f5{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-2078 .elementor-element.elementor-element-2abd5f5.e-con{--align-self:center;}.elementor-2078 .elementor-element.elementor-element-940bd0e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2078 .elementor-element.elementor-element-940bd0e.e-con{--align-self:center;}.elementor-2078 .elementor-element.elementor-element-f773dc7 .elementor-heading-title{font-size:45px;line-height:55px;}.elementor-2078 .elementor-element.elementor-element-e82649d{--padding-top:40px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2078 .elementor-element.elementor-element-b2dc467 .elementor-heading-title{font-size:14px;}.elementor-2078 .elementor-element.elementor-element-27d8d0ca{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2078 .elementor-element.elementor-element-bcd587c .elementor-button{font-size:14px;padding:15px 25px 15px 25px;}.elementor-2078 .elementor-element.elementor-element-8542194{width:var( --container-widget-width, 455px );max-width:455px;--container-widget-width:455px;--container-widget-flex-grow:0;top:-255px;}.elementor-2078 .elementor-element.elementor-element-8542194.elementor-element{--align-self:flex-end;}.elementor-2078 .elementor-element.elementor-element-713ebd3a{--padding-top:60px;--padding-bottom:60px;--padding-left:10px;--padding-right:10px;}.elementor-2078 .elementor-element.elementor-element-f5d2f96{--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}}@media(max-width:767px){.elementor-2078 .elementor-element.elementor-element-940bd0e{--min-height:85vh;}.elementor-2078 .elementor-element.elementor-element-940bd0e::before, .elementor-2078 .elementor-element.elementor-element-940bd0e > .elementor-background-video-container::before, .elementor-2078 .elementor-element.elementor-element-940bd0e > .e-con-inner > .elementor-background-video-container::before, .elementor-2078 .elementor-element.elementor-element-940bd0e > .elementor-background-slideshow::before, .elementor-2078 .elementor-element.elementor-element-940bd0e > .e-con-inner > .elementor-background-slideshow::before, .elementor-2078 .elementor-element.elementor-element-940bd0e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:-364px 39px;}.elementor-2078 .elementor-element.elementor-element-f773dc7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-2078 .elementor-element.elementor-element-f773dc7 .elementor-heading-title{font-size:30px;line-height:35px;}.elementor-2078 .elementor-element.elementor-element-e82649d{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:40px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2078 .elementor-element.elementor-element-b2dc467 .elementor-heading-title{font-size:14px;line-height:30px;}.elementor-2078 .elementor-element.elementor-element-68132912{--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2078 .elementor-element.elementor-element-606d3be8:not(.elementor-motion-effects-element-type-background), .elementor-2078 .elementor-element.elementor-element-606d3be8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-606px 0px;}.elementor-2078 .elementor-element.elementor-element-606d3be8{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2078 .elementor-element.elementor-element-11d44aff .elementor-heading-title{font-size:22px;line-height:27px;}.elementor-2078 .elementor-element.elementor-element-8542194{top:-450px;}.elementor-2078 .elementor-element.elementor-element-713ebd3a{--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-2078 .elementor-element.elementor-element-f1e3994{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-2078 .elementor-element.elementor-element-bb70d87:not(.elementor-motion-effects-element-type-background), .elementor-2078 .elementor-element.elementor-element-bb70d87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-630px 0px;}.elementor-2078 .elementor-element.elementor-element-bb70d87{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-2078 .elementor-element.elementor-element-07a4688 .elementor-heading-title{font-size:22px;line-height:27px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2078 .elementor-element.elementor-element-2abd5f5{--width:100%;}.elementor-2078 .elementor-element.elementor-element-940bd0e{--width:100%;}.elementor-2078 .elementor-element.elementor-element-d6bf591{--width:100%;}.elementor-2078 .elementor-element.elementor-element-e82649d{--content-width:100%;}.elementor-2078 .elementor-element.elementor-element-68132912{--width:100%;}.elementor-2078 .elementor-element.elementor-element-27d8d0ca{--width:100%;}.elementor-2078 .elementor-element.elementor-element-606d3be8{--width:100%;}.elementor-2078 .elementor-element.elementor-element-713ebd3a{--content-width:100%;}.elementor-2078 .elementor-element.elementor-element-f1e3994{--width:100%;}.elementor-2078 .elementor-element.elementor-element-f5d2f96{--width:100%;}.elementor-2078 .elementor-element.elementor-element-bb70d87{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-4641e3c1 */.volver-flecha { transform: rotate(90deg); } .modal-fullscreen .modal-body { padding: 0px; } .modal-header { border-bottom: none!important; } /* ========================= MODAL FORMULARIO ========================= */ #fullscreenModal, #fullscreenModalInfoPago { position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; z-index: 999999 !important; overflow-x: hidden !important; overflow-y: auto !important; pointer-events: auto !important; -webkit-overflow-scrolling: touch; } /* Bootstrap */ #fullscreenModal.fade, #fullscreenModalInfoPago.fade { background: transparent !important; } #fullscreenModal.show, #fullscreenModalInfoPago.show { display: block !important; } /* Backdrop invisible, pero detrás */ .modal-backdrop { z-index: 999998 !important; pointer-events: none !important; } .modal-backdrop.show { opacity: 0 !important; } /* IMPORTANTE: diálogo y contenido */ .fullscreen-modal .modal-dialog { margin: 0 !important; max-width: none !important; width: 100vw !important; min-height: 100vh !important; height: auto !important; pointer-events: auto !important; } .fullscreen-modal .modal-content { border: none; border-radius: 0; min-height: 100vh !important; height: auto !important; background: #FFFFFF; pointer-events: auto !important; position: relative !important; z-index: 2 !important; } /* Fuerza clicabilidad real dentro del modal */ #fullscreenModal .modal-content, #fullscreenModal .modal-content * { pointer-events: auto !important; } /* Neutralizar posibles problemas de stacking */ #fullscreenModal, #fullscreenModal .modal-dialog, #fullscreenModal .modal-content, #fullscreenModal .container-ancho, #fullscreenModal .modal-body, #fullscreenModal form { transform: none !important; filter: none !important; } /* Header/footer Bootstrap */ .modal-header { border: none; } .modal-footer { border: none; } #fullscreenModalLabel { cursor: pointer; } #fullscreenModal h2 { font-size: 2.5rem; color: #364C67; font-weight: 300; line-height: 1.1; } /* Contenedor interior centrado del modal */ #fullscreenModal .container-ancho { width: 100%; max-width: 1200px; margin: 0 auto; } /* bajar contenido del modal por el header fijo de arriba */ #fullscreenModal .modal-header { padding: 132px 0 12px; align-items: center; } #fullscreenModal .modal-body { padding: 0px 0 48px !important; } #fullscreenModal .modal-title { color: #364C67; font-size: 24px; font-weight: 400; line-height: 1.2; } #fullscreenModal .modal-title .underline { text-decoration: none; } /* Body modal */ #fullscreenModal .modal-body .text-center h2 { font-size: 60px; font-weight: 300; color: #364C67; line-height: 1.1; margin-bottom: 12px; } #fullscreenModal .modal-body .text-center p { text-align: center; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 300; line-height: 20px; color: #364C67; margin-bottom: 0; } /* texto *Campos obligatorios */ #fullscreenModal .modal-body > p { color: #364C67; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 300; line-height: 20px; margin-bottom: 16px; } /* Labels modal */ #solicitarFacturaForm label { color: #364C67; font-weight: 700; font-size: 14px; font-style: normal; line-height: 20px; padding-bottom: 0; } /* Inputs modal */ #solicitarFacturaForm input.form-control, #solicitarFacturaForm .form-control { background-color: #F1F1E9; border: 1px solid #FFFFFF; color: #364C67; font-size: 14px !important; font-weight: 300; height: 50px; padding: 12px 16px; border-radius: 4px !important; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); pointer-events: auto !important; } #solicitarFacturaForm input.form-control:focus, #solicitarFacturaForm .form-control:focus { border-color: #FFFFFF; box-shadow: 0 0 0 3px rgba(0, 164, 67, 0.12) !important; outline: none; } /* texto escrito dentro de inputs */ #solicitarFacturaForm input, #solicitarFacturaForm input::placeholder, #solicitarFacturaForm textarea, #solicitarFacturaForm select { font-size: 14px !important; } /* país disabled */ #solicitarFacturaForm input:disabled, #solicitarFacturaForm .form-control:disabled { background-color: #F1F1E9; color: #364C67; opacity: 1; } /* textos auxiliares verdes dentro del modal */ #fullscreenModal .info-tarjeta p, #fullscreenModal .col-md-6 > p[style], #fullscreenModal .col-md-12 > p[style] { font-family: "Roboto", sans-serif; font-size: 14px !important; line-height: 20px; color: #00A443 !important; margin-top: 10px; margin-bottom: 0; } /* checkbox */ #solicitarFacturaForm .form-check { padding-left: 1.8em; } #solicitarFacturaForm .form-check-input { width: 1.1em; height: 1.1em; margin-top: 0.2em; border: 1.5px solid #364C67; pointer-events: auto !important; } #solicitarFacturaForm .form-check-input:checked { background-color: #00A443; border-color: #00A443; } #solicitarFacturaForm .form-check-input:focus { box-shadow: 0 0 0 3px rgba(0, 164, 67, 0.16); } #solicitarFacturaForm .form-check-label { color: #364C67 !important; font-size: 16px; font-weight: 300; line-height: 20px; } #solicitarFacturaForm .form-check-label a { color: #364C67 !important; text-decoration: underline; } #solicitarFacturaForm .form-check-label a:hover, #solicitarFacturaForm .form-check-label a:focus { color: #364C67 !important; text-decoration: underline; } /* mensaje España */ #fullscreenModal .info-tarjeta .texto-verde { text-align: left; color: #364C67; font-family: "Roboto", sans-serif; font-size: 16px; line-height: 20px; } #fullscreenModal .info-tarjeta .texto-verde strong { color: #364C67; font-weight: 700; } /* Botón enviar solicitud */ #btn-factura { position: relative; overflow: hidden; z-index: 1; width: 280px !important; height: 50px !important; border-radius: 70px !important; border: 0 !important; cursor: pointer; display: inline-flex !important; align-items: center; justify-content: center; gap: 12px; font-size: 18px; font-weight: 700; color: #fff !important; background: linear-gradient( 180deg, #00A443 0%, rgba(0, 0, 150, 0.50) 100% ), #00A443 !important; transition: transform .25s ease, box-shadow .25s ease; } #btn-factura::before { content: ""; position: absolute; z-index: 0; width: 60%; min-width: 160px; max-width: 320px; height: 70px; left: -30%; top: 50%; transform: translateY(-50%) translateX(0); border-radius: 42px; opacity: 0.7; background: linear-gradient( 91deg, #C3FFB9 0.82%, rgba(195, 255, 185, 0.00) 99.15% ); mix-blend-mode: plus-lighter; filter: blur(7.5px); transition: transform .45s ease; pointer-events: none; } #btn-factura:hover::before { transform: translateY(-50%) translateX(200%); } #btn-factura:hover { transform: translateY(-2px); } #btn-factura:focus { outline: none; box-shadow: 0 0 0 3px rgba(0,164,67,.3) !important; } #btn-factura > * { position: relative; z-index: 2; } #btn-factura-spinner { position: relative; z-index: 2; } /* ========================= FORMULARIO SOLICITAR FACTURA ========================= */ #solicitar_factura_formulario .row h3 { font-size: 60px; font-weight: 300; color: #364C67; line-height: 1.1; } #solicitar_factura_formulario .row p { z-index: 2; text-align: center; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 300; line-height: 20px; color: #364C67; } #solicitar_factura_formulario label { color: #364C67; font-weight: 700; font-size: 14px; font-style: normal; line-height: 20px; padding-bottom: 0px; } #solicitar_factura_formulario input.form-control { background-color: #F1F1E9; border-color: #FFFFFF; color: #364C67; font-size: 14px; font-weight: 300; height: 50px; padding: 12px 16px; border-radius: 4px !important; box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05); } #solicitar_factura_formulario .info-tarjeta p { z-index: 2; text-align: left; font-family: "Roboto", sans-serif; font-size: 16px; font-weight: 300; line-height: 20px; color: #364C67; } #solicitar_factura_formulario .info-tarjeta .texto-verde { font-size: 18px; font-weight: 700; } #solicitar_factura_formulario .info-tarjeta strong { font-weight: 700; } /* ========================= BOTÓN BUSCAR TRANSACCIÓN ========================= */ #btn-ticket { position: relative; overflow: hidden; z-index: 1; width: 250px; height: 50px; border-radius: 70px !important; border: 0 !important; cursor: pointer; display: inline-flex !important; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; color: #fff !important; background: linear-gradient( 180deg, #00A443 0%, rgba(0, 0, 150, 0.50) 100% ), #00A443; transition: transform .25s ease, box-shadow .25s ease; } #btn-ticket::before { content: ""; position: absolute; z-index: 0; width: 60%; min-width: 160px; max-width: 320px; height: 70px; left: -30%; top: 50%; transform: translateY(-50%) translateX(0); border-radius: 42px; opacity: 0.7; background: linear-gradient( 91deg, #C3FFB9 0.82%, rgba(195, 255, 185, 0.00) 99.15% ); mix-blend-mode: plus-lighter; filter: blur(7.5px); transition: transform .45s ease; pointer-events: none; } #btn-ticket:hover::before { transform: translateY(-50%) translateX(200%); } #btn-ticket:hover { transform: translateY(-2px); } #btn-ticket:focus { outline: none; box-shadow: 0 0 0 3px rgba(0,164,67,.3) !important; } #btn-ticket .btn-content { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 12px; } #btn-ticket .btn-icon { display: flex; align-items: center; justify-content: center; } #btn-ticket-spinner { position: relative; z-index: 2; } /* ========================= LINK ¿NECESITAS AYUDA? ========================= */ #solicitar_factura_formulario a.texto-verde, #solicitar_factura_formulario a.texto-verde:hover, #solicitar_factura_formulario a.texto-verde:focus, #solicitar_factura_formulario a.texto-verde:active { color: #00A443 !important; text-decoration: underline; } /* ========================= SECCIÓN TICKET ========================= */ #seccion-ticket { color: #364C67; } #seccion-ticket h2, #seccion-ticket h4, #seccion-ticket p, #seccion-ticket span { color: #364C67; } /* ========================= BOTONES DESCARGAR FACTURA ========================= */ #btnDescargarPDF, #btnSolicitar { position: relative; overflow: hidden; z-index: 1; width: 310px; height: 50px; border-radius: 70px !important; border: 0 !important; display: inline-flex; align-items: center; justify-content: center; font-size: 18px; font-weight: 700; transition: transform .25s ease; cursor: pointer; } #btnDescargarPDF { background: linear-gradient( 180deg, #00A443 0%, rgba(0, 0, 150, 0.50) 100% ), #00A443; color: #fff !important; } #btnDescargarPDF, #btnDescargarPDF .btn-content, #btnDescargarPDF .btn-text, #btnDescargarPDF span { color: #fff !important; } #btnSolicitar { background: #CFE3F5; color: #364C67 !important; } #btnDescargarPDF .btn-content, #btnSolicitar .btn-content { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 12px; } #btnDescargarPDF .btn-icon, #btnSolicitar .btn-icon { display: flex; align-items: center; justify-content: center; } #btnDescargarPDF:hover, #btnSolicitar:hover { transform: translateY(-2px); } /* ========================= TOOLTIPS BOTONES FACTURA ========================= */ .tooltip-wrapper { position: relative; display: inline-flex; justify-content: center; } .tooltip-wrapper::after { content: attr(data-tooltip); position: absolute; bottom: calc(100% + 14px); left: 50%; transform: translateX(-50%) translateY(8px); width: max-content; max-width: 280px; background: #364C67; color: #fff; font-family: "Roboto", sans-serif; font-size: 14px; font-weight: 400; line-height: 18px; text-align: center; padding: 10px 14px; border-radius: 10px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease, transform .2s ease, visibility .2s ease; z-index: 50; } .tooltip-wrapper::before { content: ""; position: absolute; bottom: calc(100% + 6px); left: 50%; transform: translateX(-50%) translateY(8px); width: 12px; height: 12px; background: #364C67; rotate: 45deg; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease, transform .2s ease, visibility .2s ease; z-index: 49; } .tooltip-wrapper:hover::after, .tooltip-wrapper:hover::before, .tooltip-wrapper:focus-within::after, .tooltip-wrapper:focus-within::before { opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); } /* ========================= RESPONSIVE ========================= */ @media (max-width: 991.98px) { #solicitar_factura_formulario .row h3, #fullscreenModal .modal-body .text-center h2 { font-size: 40px; } #fullscreenModal .container-ancho { max-width: 100%; padding-left: 32px; padding-right: 32px; } #fullscreenModal .modal-header { padding-top: 110px; } #fullscreenModal .modal-body { padding-top: 90px !important; } } @media (max-width: 767px) { #solicitar_factura_formulario .row h3, #fullscreenModal .modal-body .text-center h2 { font-size: 25px; line-height: 30px; } #btn-ticket { font-size: 14px; width: 100%; max-width: 250px; height: 50px; } #btnDescargarPDF, #btnSolicitar { width: 100%; max-width: 310px; height: 50px; font-size: 14px; } .tooltip-wrapper::after { max-width: 240px; font-size: 13px; line-height: 17px; padding: 9px 12px; } #fullscreenModal .container-ancho { padding-left: 20px; padding-right: 20px; } #fullscreenModal .modal-header { padding: 95px 0 10px; } #fullscreenModal .modal-body { padding: 0px 0 48px !important; } #fullscreenModal .modal-title { font-size: 20px; } #fullscreenModal .modal-body > p, #fullscreenModal .modal-body .text-center p, #solicitarFacturaForm .form-check-label, #fullscreenModal .info-tarjeta p { font-size: 14px; line-height: 18px; } #btn-factura { width: 100% !important; max-width: 280px; font-size: 14px; height: 50px !important; } }/* End custom CSS */ /* Start custom CSS *//* ZOOM: el contenedor recorta el zoom */ .zoom{ position: relative; overflow: hidden; border-radius: 15px; } /* Capa que replica el background del contenedor */ .zoom::before{ content:""; position:absolute; inset:0; z-index:0; background-image: inherit; background-size: inherit; background-position: inherit; background-repeat: inherit; transform: scale(1); transition: transform .35s ease; will-change: transform; } /* Gradiente encima de la imagen */ .zoom::after{ content:""; position:absolute; inset:0; z-index:1; pointer-events:none; border-radius: inherit; background: linear-gradient( 180deg, rgba(0,0,0,0.15) 0%, rgba(0,0,0,0.45) 100% ); } /* Asegura que el contenido quede por encima */ .zoom > *{ position: relative; z-index: 2; } /* Hover */ .zoom:hover::before{ transform: scale(1.15); } /*BOTON*/ /*BOTON*/ /* ========================= BOTÓN "Planifica tu ruta" (Glow adaptable al ancho real) ========================= */ /* Wrapper del widget (clase en Elementor) */ .btn-planifica{ position: relative; display: inline-block; } /* Botón */ .btn-planifica .elementor-button{ position: relative; z-index: 1; overflow: hidden; background: linear-gradient( 180deg, var(--Verde, #00A443) 0%, rgba(0, 0, 150, 0.50) 100% ), #00A443; transition: transform .25s ease, box-shadow .25s ease; } /* texto e icono arriba del glow */ .btn-planifica .elementor-button .elementor-button-content-wrapper{ position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 25px; } /* Glow adaptable */ .btn-planifica .elementor-button::before{ content: ""; position: absolute; z-index: 1; /* Tamaño adaptable al ancho del botón */ width: 60%; min-width: 160px; max-width: 320px; height: 70px; /* Empieza ligeramente fuera */ left: -30%; top: 50%; transform: translateY(-50%) translateX(0); border-radius: 42px; opacity: 0.7; background: linear-gradient( 91deg, #C3FFB9 0.82%, rgba(195, 255, 185, 0.00) 99.15% ); mix-blend-mode: plus-lighter; filter: blur(7.5px); transition: transform .45s ease; pointer-events: none; } /* Hover: recorre TODO el botón */ .btn-planifica .elementor-button:hover::before{ transform: translateY(-50%) translateX(200%); } /* Limpieza */ .btn-planifica .elementor-button:focus, .btn-planifica .elementor-button:hover{ text-decoration: none; } .elementor-button-icon{ width: 8px; } /*BOPDER-RADIUS-IMAGE MOVE*/ .elementor-motion-effects-container { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; transform-origin: var(--e-transform-origin-y) var(--e-transform-origin-x); width: 100%; border-radius: 15px; } /*CARRUSEL FLECHAS*/ .elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-prev { left: 0rem; top: 50vh; } .elementor-widget-n-carousel.elementor-element :is(.swiper,.swiper-container)~.elementor-swiper-button-next { left: 4rem; top: 50vh; } .elementor-element .swiper~.swiper-pagination-bullets.swiper-pagination-horizontal{ margin-top: 30px; left: 13rem; } /*BOTON RUTA*/ .ruta .elementor-button-icon { width: 20px; margin-left: 10px; } .desktop-break { display: inline; } @media (max-width: 768px) { .desktop-break { display: none; } } /*boton ocultar mostrar */ .elementor-element[data-id="713ebd3a"] { display: none; } .elementor-element[data-id="713ebd3a"].factura-visible { display: flex; }/* End custom CSS */