.elementor-widget-container .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-container .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1461 .elementor-element.elementor-element-249c315{--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:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-widget-heading .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-1461 .elementor-element.elementor-element-981cea6{width:100%;max-width:100%;}.elementor-1461 .elementor-element.elementor-element-981cea6 .elementor-heading-title{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );color:var( --e-global-color-primary );}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );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-1461 .elementor-element.elementor-element-82fc752{font-family:"Cera", Sans-serif;font-size:16px;font-weight:400;line-height:1.38em;}@media(max-width:1024px){.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1461 .elementor-element.elementor-element-249c315{--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-widget-heading .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1461 .elementor-element.elementor-element-981cea6 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-container .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-container .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-1461 .elementor-element.elementor-element-249c315{--padding-top:20px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-widget-heading .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-1461 .elementor-element.elementor-element-981cea6 .elementor-heading-title{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor .eael-protected-content-message{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor .protected-content-error-msg{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS */.sync_slide1 .swiper { height: 200px !important; /* Match your content */ } .rotate2{ animation: spin 20s linear infinite; } .rotate3{ animation: spin 30s linear infinite reverse; } rotate4{ animation: spin 45s linear infinite; } @keyframes spin { 0% { transform: rotate(0) } to { transform: rotate(360deg) } } .e-lottie__animation svg:nth-child(2) { display: none; } /* * Este CSS está optimizado para el HTML específico proporcionado. * Debería ser muy específico sin necesidad de !important en cada propiedad, * lo que elimina las advertencias. */ /* --- Contenedor Principal del Popup (para especificidad) --- */ /* Usamos el ID del popup y la clase general 'pum-container' */ #popmake-1397.pum-container { /* Puedes poner aquí estilos generales del contenedor del popup si lo necesitas, pero la mayoría se controlan en la configuración de Popup Maker */ } /* --- Título del Popup: "Speak to a consultant" --- */ /* Apuntamos al ID y clases del título real de tu HTML */ #popmake-1397.pum-container #pum_popup_title_1397.pum-title { font-size: 2em; /* Ajusta el tamaño si es necesario */ color: #333; margin-bottom: 30px; text-align: left; font-weight: 600; /* Asegúrate de que el título "Speak to a consultant" esté puesto en el campo de título de Popup Maker, NO como un H2 en el contenido, para que este body.elementor-page-1461 funcione. */ } /* --- Estilo de los Campos de Entrada (Name, Email, Phone, Company) --- */ /* Selector para el SPAN que envuelve cada input (wpcf7-form-control-wrap) */ /* Y luego para el input dentro de ese span. */ #popmake-1397.pum-container .pum-content .wpcf7-form-control-wrap input:not([type="submit"]):not([type="checkbox"]) { display: block; /* Cada campo en su propia línea */ width: 100%; /* Ancho completo */ height: auto; min-height: 40px; /* Altura mínima para que se vea bien */ padding: 12px 15px; /* Relleno interno */ margin-bottom: 18px; /* Espacio debajo de cada campo */ border: 1px solid #87CEEB; /* Borde de color azul claro */ border-radius: 5px; /* Bordes ligeramente redondeados */ background-color: #ffffff; /* Fondo blanco */ color: #333; /* Color del texto dentro del campo */ font-size: 16px; /* Tamaño de fuente */ box-sizing: border-box; /* Incluye padding y border en el ancho total */ outline: none; /* Elimina el contorno azul por defecto al hacer foco */ transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Transición suave */ } /* Estilo para los placeholders (texto gris dentro del campo) */ #popmake-1397.pum-container .pum-content .wpcf7-form-control-wrap input::placeholder { color: #999; opacity: 1; } /* Compatibilidad con navegadores */ #popmake-1397.pum-container .pum-content .wpcf7-form-control-wrap input::-webkit-input-placeholder { color: #999; } #popmake-1397.pum-container .pum-content .wpcf7-form-control-wrap input::-moz-placeholder { color: #999; } #popmake-1397.pum-container .pum-content .wpcf7-form-control-wrap input:-ms-input-placeholder { color: #999; } #popmake-1397.pum-container .pum-content .wpcf7-form-control-wrap input:-moz-placeholder { color: #999; } /* Efecto al pasar el ratón o al hacer foco en los campos */ #popmake-1397.pum-container .pum-content .wpcf7-form-control-wrap input:not([type="submit"]):not([type="checkbox"]):focus { border-color: #007bff; box-shadow: 0 0 5px rgba(0, 123, 255, 0.3); } /* Ocultar las etiquetas por defecto de Contact Form 7 (ya que usamos placeholders) */ /* Hay una etiqueta P en el HTML del formulario que envuelve cada campo. Podría ser mejor ocultar el p si no lo queremos. */ #popmake-1397.pum-container .pum-content .wpcf7-form p:not(:has(.wpcf7-submit)) { /* margin-bottom: 0; */ /* Si quieres eliminar el espacio entre los p */ /* padding: 0; */ } /* Aunque en tu caso, los placeholders deberían ser suficientes sin ocultar nada más. */ /* --- Estilo del Checkbox de Consentimiento --- */ /* Selector para el contenedor más externo del checkbox ([data-name="acceptance-648"]) */ #popmake-1397.pum-container .pum-content .wpcf7-form-control-wrap[data-name="acceptance-648"] { margin-bottom: 20px; /* Espacio debajo del checkbox */ /*display: block; */ /* Si CF7 lo pone como inline, forzarlo a bloque */ /*padding: 0;*/ } /* El span con las clases wpcf7-form-control wpcf7-acceptance optional */ #popmake-1397.pum-container .pum-content .wpcf7-form-control-wrap[data-name="acceptance-648"] > .wpcf7-form-control.wpcf7-acceptance { display: flex; /* Utiliza flexbox para alinear el checkbox y el texto */ align-items: flex-start; /* Alinea los ítems al inicio (arriba) */ width: 100%; /* Asegura que ocupe todo el ancho */ box-sizing: border-box; } /* El span con la clase wpcf7-list-item que contiene label y input */ #popmake-1397.pum-container .pum-content .wpcf7-form-control-wrap[data-name="acceptance-648"] .wpcf7-list-item { margin: 0; /* Elimina márgenes por defecto */ padding: 0; /* Elimina padding por defecto */ display: flex; /* Asegura que el contenedor de checkbox+label también use flex */ align-items: flex-start; } /* Selector para el input del checkbox */ #popmake-1397.pum-container .pum-content .wpcf7-form-control-wrap[data-name="acceptance-648"] input[type="checkbox"] { display: inline-block; /* Asegura que el checkbox sea un elemento de línea */ width: 18px; /* Tamaño del cuadrado del checkbox */ height: 18px; /* Tamaño del cuadrado del checkbox */ vertical-align: middle; /* Alineación vertical con el texto */ margin-right: 8px; /* Espacio entre el checkbox y el texto */ border: 1px solid #ccc; /* Borde del checkbox */ border-radius: 3px; /* Ligeras esquinas redondeadas */ background-color: #f0f0f0; /* Fondo del checkbox */ cursor: pointer; /* Cursor de mano al pasar por encima */ appearance: none; /* Elimina estilos por defecto del navegador */ -webkit-appearance: none; /* Para navegadores basados en Webkit */ -moz-appearance: none; /* Para Firefox */ position: relative; /* Necesario para el checkmark pseudo-elemento */ flex-shrink: 0; /* Evita que el checkbox se encoja en flexbox */ } /* Estilo del 'checkmark' cuando el checkbox está marcado */ #popmake-1397.pum-container .pum-content .wpcf7-form-control-wrap[data-name="acceptance-648"] input[type="checkbox"]:checked { background-color: #007bff; /* Fondo azul cuando está marcado */ border-color: #007bff; /* Borde azul cuando está marcado */ } #popmake-1397.pum-container .pum-content .wpcf7-form-control-wrap[data-name="acceptance-648"] input[type="checkbox"]:checked::before { content: '\2713'; /* El símbolo de checkmark (tick) */ display: block; /* Hace que el símbolo sea un bloque */ color: #fff; /* Color blanco para el checkmark */ font-size: 14px; /* Tamaño del checkmark */ line-height: 18px; /* Centra verticalmente el checkmark dentro del cuadrado */ text-align: center; /* Centra horizontalmente el checkmark */ } /* Estilo del texto de la etiqueta (el texto del consentimiento) */ #popmake-1397.pum-container .pum-content .wpcf7-form-control-wrap[data-name="acceptance-648"] .wpcf7-list-item-label { /* Tu HTML tiene un span con esta clase, no una etiqueta