/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

:root {
    /* Paleta de mezcla sugerida */
    --color-azul-primario: #1D53A0; /*Hero sobrio y corporativo : Overlay: #1D4DB5 + mix-blend-mode: multiply*/
    --color-azul-claro: #3B74DA; /*Efecto vibrante : Overlay: #3B74DA + mix-blend-mode: overlay*/
    --color-azul-oscuro: #102C6B;
    --color-blanco-puro: #FFFFFF;
    --color-gris-claro-traslucido: #F5F5F5; /*Con opacidad en 0.8*/
    --color-naranja-CTA: #FFA726;
    --color-naranja-hover: #FF8C00;
    --color-verde-exito: #4CAF50;
    --color-rojo-alerta: #E53935;
    --color-verde-acento: #ABC91A;
    --color-amarillo-dorado-suave: #FFD54F;

    /* Combinaciones pensadas para el fondo con mix-blend-mode: */
    --color: rgba(29, 77, 181, 0.7); /*Fondo más suave: Overlay: rgba(29, 77, 181, 0.7) + soft-light*/
	
}

.ui_listing_bloques .jet-listing-grid__item > div, .ui_listing_bloques .jet-listing-grid__item > div > div {
    height: 100%;
}

/* CSS RESET */
/* === Modern Reset === */
*, *::before, *::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

html:focus-within {
    scroll-behavior: smooth;
}

html, body {
    height: 100%;
    width: 100%;
}

body {
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    background-color: #fff;
    color: #000;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 16px;
}

/* Media defaults */
img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Form elements */
input, button, textarea, select {
    font: inherit;
    color: inherit;
    background: none;
    /* border: none;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; */
}

select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; 
    background-image: url('http://localhost/wordpress/hipoteca/wp-content/uploads/2025/05/icon_select.svg');
    background-size: 12px;
    background-position: 99% 50%;
    background-repeat: no-repeat;
}

button {
    cursor: pointer;
    background-color: transparent;
}

textarea {
    resize: vertical;
}

/* Links */
a {
    color: inherit;
    text-decoration: none;
}

/* Lists */
ul, ol {
    list-style: none;
    padding-left: 0;
}

/* Tables */
table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    overflow-wrap: break-word;
}

/* Paragraphs */
p {
    overflow-wrap: break-word;
}

/* Strong & emphasis */
strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

/* Root containers */
#root, #app {
    isolation: isolate;
}

/* Selection */
::selection {
    background: #b3d4fc;
    color: #000;
}

/* Scrollbars (WebKit) */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

/* END CSS RESET */

/* STYLE PERSONALIZADO */
body.home {
    padding-top: 0px;
}
body.page-id-12 {
    padding-top: 0px!important;
}
body footer, body header {
    display: none!important;
}
body {
    padding-top: 86px;
}
body p {
    margin-bottom: 20px;
}

body.page-id-1935 {padding-top:0px;}

body p:last-child {
    margin-bottom: 0px;
}
.ui_header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    transition: transform 0.3s ease-in-out;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06); /* Sombra suave */
  }
  
.ui_section {
    position: relative;
    left: -25px;
    width: calc(100% + 50px);
    padding-right: 25px;
    padding-left: 25px;    
}

.ui_section.ui_banner {
    background-attachment: fixed;
}

.ui_box_1 {
    max-width: 1100px;
    width: 100%;
}

.ui_no_padding {
    padding-right: 0px;
    padding-left: 0px;
}

.ui_section_padding_1 {
    padding: 100px 0;
}

.ui_section_padding_2 {
    padding: 50px 0;
}

.ui_banner_text_1 .ui_text_inline {
    padding: 0px 8px;
    line-height: 1;
    display: inline-block;
    box-decoration-break: clone;
    font-weight: 600;
    -webkit-box-decoration-break: clone;
    color: var(--color-verde-acento);
    border-radius: 5px;
}

.ui_text_color_1 {
    color: var(--color-verde-acento);
}

.ui_card {
    overflow: hidden!important;
}

/* END STYLE PERSONALIZADO */

/* HOME - INGRESO */
.home footer,
.home header {
    display: none;
}
body .ui_blocks_cover {
    height: 100vh;
    width: 100%;
    overflow: hidden!important;      
}
body .ui_blocks_cover__item {
    overflow: hidden!important;
    position: relative;       
}

.ui_blocks_cover__item > .elementor-widget-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: .3s linear all;
}

.ui_blocks_cover__item:hover >.elementor-widget-image {
    transform: scale(1.03);
}

.ui_blocks_cover__item .ui_blocks_cover__content .elementor-widget-image {
    opacity: 0;
    position: relative;
    bottom: 3px;
    transition: .3s ease-in-out all;
}

.ui_blocks_cover__item:hover .ui_blocks_cover__content .elementor-widget-image {
    opacity: 1;
    bottom: 0px;
}

/* HOME - INGRESO */

/* HOME BANNER */
.ui_gradient {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
}

.ui_gradient__banner {
    background: var(--color-azul-primario);
    background: linear-gradient(140deg,rgba(29, 83, 160, 1) 0%, rgba(171, 201, 26, 0.8) 100%);
    mix-blend-mode: multiply;
}

.ui_gradient__card {
    background: var(--color-azul-primario);
    background: linear-gradient(140deg,rgba(29, 83, 160, 0.8) 25%, rgba(171, 201, 26, 0.9) 100%);
    mix-blend-mode: multiply;    
}

.ui_gradient__image {
    background: var(--color-azul-primario);
    background: linear-gradient(140deg,rgba(29, 83, 160, 0.3) 25%, rgba(171, 201, 26, 0.3) 100%);
    mix-blend-mode: multiply;    
}

.ui_gradient__card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    mix-blend-mode: multiply;
    opacity: 0.2;
}

/* END HOME BANNER */

/* SECCION LISTA */
.ui_lista_card {
    position: relative;
}

.ui_lista_card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 6px;
    border-radius: 50px;
    height: 100%;
    background-color: var(--color-azul-primario);
}
/* END SECCION LISTA */

/* CARD TOP */
.ui_card_top  {
    overflow: hidden!important;
}
.ui_card_top .elementor-widget-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui_card_top .elementor-widget-image img {
    height: 100%;
    object-fit: cover;
}

.ui_card_top h2 {
    display: inline; /* Hace que el fondo solo envuelva el texto */
    background-color: #a4bf1e;     
    border-radius: 2px; 
    padding: 1px 10px;
    color: var(--color-verde-acento);
    box-decoration-break: clone;
}
/* END CARD TOP */

/* NOSOTROS */
.ui_bloque_image {
    overflow: hidden!important;
}
/* END NOSOTROS */

/* SECCION ARTICULOS */
.ui_card_articulo {
    overflow: hidden!important;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
}

.ui_card_articulo > div:last-child {
    height: 100%;
}

.ui_card_articulo .elementor-widget-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui_card_articulo p {
    display: none;
}

.ui_card_articulo p:first-child {
    display: block;
    display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.ui_listing_blog .jet-listing-grid__item > div,
.ui_listing_blog .jet-listing-grid__item > div > div,
.ui_listing_blog .jet-listing-grid__item > div > div > a {
    height: 100%;
}

/* END SECCION ARTICULOS */

/* SECCION EQUIPOS */
.ui_listing_equipo .jet-listing-grid__slider-icon.slick-arrow {
    border-radius: 50%;
}

.ui_equipo_foto {
    position: relative;
    border-radius: 5px;
    overflow: hidden!important;
}

.ui_equipo_foto .elementor-widget-jet-listing-dynamic-field {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui_equipo_foto > div, 
.ui_equipo_foto > div > div, 
.ui_equipo_foto > div > div > div,
.ui_equipo_foto > div > div > div > div {
    height: 100%;
}

.ui_equipo_foto > div > div > div > div img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    object-fit: cover;
    height: 100%;
}

/* END SECCION EQUIPOS */

/* PAGINA CONTACTO */
.ui_form .ui_form__items > div {
    margin-bottom: 20px;
  }
  
  .ui_form > div:last-child {
    margin-bottom: 0px;
  }
  .ui_form label {
    margin-bottom: 10px;
    color: var(--color-black);
    font-family: "helvetica-Roman";
    font-size: 15px;
  }
  .ui_form input,
  .ui_form textarea,
  .ui_form select {
    border-radius: 10px;
    border: 1px solid #1D53A0;
    background-color: var(--color-blanco-puro);
    color: var(--color-azul-primario);
  }
  
  .ui_form__items label,
  .ui_form__items label {
    color: var(--color-black);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 15px;
  }
  
  .ui_form input[type="submit"] {
    background-color: var(--color-azul-primario);
    color: var(--color-white);
    color: var(--color-blanco-puro);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 15px;
    padding: 10px 30px;
  }
  
  .ui_form.full input[type="submit"] {
  	width: 100%;
  }
  
  .ui_form .wpcf7-not-valid-tip {
    color: var(--color-rojo-alerta);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 13px;
  }
  
  .ui_form .ui_form__btn {
  	position: relative;
  }
  
  .ui_form .wpcf7-response-output {
    border: 2px solid var(--color-black)!important;
    color: var(--color-black);
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 15px;
    border-radius: 5px;
  }
  
	.ui_form .wpcf7-spinner {
    	margin:0px;
        padding:0px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    
    .ui_form .wpcf7 form .wpcf7-response-output {
    	margin:0px;
        padding:0px;
    }
  
  /* END PAGINA CONTACTO */

@media screen and (max-width: 1024px) {
    .ui_section_padding_1 {
        padding: 50px 0;
    }
}

@media screen and (max-width: 767px) {
    .ui_section {        
        left: -15px;
        width: calc(100% + 30px);
        padding-right: 15px;
        padding-left: 15px;    
    }
    .ui_section.ui_banner {
    background-attachment: initial;
}
    .ui_section_padding_1 {
        padding: 30px 0;
    }
    /* HOME - INGRESO */
    body .ui_blocks_cover__item {
        height: 50%;
    }
    .ui_blocks_cover__item .ui_blocks_cover__content .elementor-widget-image {
        opacity: 1!important;
        bottom: 0px;
    }
    /* HOME - INGRESO */
    
    .ui_card_articulo>div:last-child {
    	height: auto;
    }

}