.elementor-24 .elementor-element.elementor-element-2f6d7cbb{--display:flex;--min-height:55px;--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:flex-start;--align-items:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;box-shadow:0px 5px 30px 0px rgba(0,0,0,0.1);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:10;}.elementor-24 .elementor-element.elementor-element-1103f0e3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:12px;--padding-right:12px;}.elementor-24 .elementor-element.elementor-element-1103f0e3:not(.elementor-motion-effects-element-type-background), .elementor-24 .elementor-element.elementor-element-1103f0e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ffffff;}.elementor-24 .elementor-element.elementor-element-395d8ffc{text-align:left;}.elementor-24 .elementor-element.elementor-element-395d8ffc img{width:180px;max-width:300px;}.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-menu-toggle{margin-left:auto;background-color:#ffffff;}.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu .elementor-item{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;}.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--main .elementor-item{color:#143951;fill:#143951;padding-left:0px;padding-right:0px;}.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--main .elementor-item:focus{color:#03954F;fill:#03954F;}.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:#03954F;}.elementor-24 .elementor-element.elementor-element-704df7d7{--e-nav-menu-horizontal-menu-item-margin:calc( 50px / 2 );}.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:50px;}.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--dropdown a, .elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-menu-toggle{color:#16163f;}.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--dropdown a:hover,
					.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-menu-toggle:hover{color:#d3b574;}.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--dropdown a:hover,
					.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--dropdown a.highlighted{background-color:rgba(0,0,0,0);}.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--dropdown a.elementor-item-active{color:#d3b574;background-color:rgba(0,0,0,0);}.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--dropdown .elementor-item, .elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--main .elementor-nav-menu--dropdown, .elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu__container.elementor-nav-menu--dropdown{box-shadow:0px 15px 20px 0px rgba(0,0,0,0.1);}.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--dropdown a{padding-left:10px;padding-right:10px;padding-top:20px;padding-bottom:20px;}.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:15px !important;}.elementor-24 .elementor-element.elementor-element-704df7d7 div.elementor-menu-toggle{color:#16163f;}.elementor-24 .elementor-element.elementor-element-704df7d7 div.elementor-menu-toggle svg{fill:#16163f;}.elementor-24 .elementor-element.elementor-element-70c827c3 .elementor-button{background-color:#32B97B;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;text-transform:capitalize;fill:#16163f;color:#16163f;border-radius:0px 0px 0px 0px;}.elementor-24 .elementor-element.elementor-element-70c827c3 .elementor-button:hover, .elementor-24 .elementor-element.elementor-element-70c827c3 .elementor-button:focus{background-color:#16163f;color:#d3b574;}.elementor-24 .elementor-element.elementor-element-70c827c3.elementor-element{--align-self:center;}.elementor-24 .elementor-element.elementor-element-70c827c3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-24 .elementor-element.elementor-element-70c827c3 .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-24 .elementor-element.elementor-element-70c827c3 .elementor-button:hover svg, .elementor-24 .elementor-element.elementor-element-70c827c3 .elementor-button:focus svg{fill:#d3b574;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-24 .elementor-element.elementor-element-1103f0e3{--content-width:1200px;}}@media(max-width:1024px){.elementor-24 .elementor-element.elementor-element-1103f0e3{--padding-top:20px;--padding-bottom:20px;--padding-left:15px;--padding-right:15px;}.elementor-24 .elementor-element.elementor-element-395d8ffc{padding:0px 90px 0px 0px;}.elementor-24 .elementor-element.elementor-element-395d8ffc img{width:133px;}.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}}@media(max-width:767px){.elementor-24 .elementor-element.elementor-element-395d8ffc{padding:0px 0px 0px 0px;}.elementor-24 .elementor-element.elementor-element-395d8ffc img{width:100px;}.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--dropdown .elementor-item, .elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--dropdown  .elementor-sub-item{font-size:16px;}.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--dropdown a{padding-top:24px;padding-bottom:24px;}.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--main > .elementor-nav-menu > li > .elementor-nav-menu--dropdown, .elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu__container.elementor-nav-menu--dropdown{margin-top:20px !important;}.elementor-24 .elementor-element.elementor-element-70c827c3 .elementor-button{font-size:13px;padding:15px 20px 15px 20px;}}/* Start custom CSS for nav-menu, class: .elementor-element-704df7d7 *//* ENLACES PRINCIPALES (nivel 1) */
.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--main > .menu-item > .elementor-item {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #143951;              /* azul principal */
  padding: 8px 14px;
  border-radius: 8px;
  line-height: 1.4;
  background: transparent;
  transition: all 0.2s ease;
}

/* HOVER / ACTIVO EN NIVEL 1 */
.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--main > .menu-item:hover > .elementor-item,
.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--main > .menu-item.elementor-item-active > .elementor-item,
.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--main > .menu-item.current-menu-item > .elementor-item {
  color: #03954f;                                      /* verde de marca */
  background-color: rgba(20, 57, 81, 0.06);           /* pastilla suave */
}

/* SUBMENÚ (desplegable) */
.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--dropdown {
  background-color: #ffffff;
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(15, 23, 42, 0.12);
}

/* Enlaces dentro del submenú */
.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--dropdown a {
  padding: 10px 18px;
  font-size: 15px;
  font-weight: 500;
  color: #143951;
}

/* Hover en submenú */
.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--dropdown a:hover {
  background-color: rgba(20, 57, 81, 0.04);
  color: #03954f;
}

/* Por si queda algún efecto pointer de Elementor, lo anulamos */
.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--main .elementor-item:before,
.elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--main .elementor-item:after {
  display: none !important;
}

@media (max-width: 768px) {
  /* Dropdown móvil más bonito */
  .elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--dropdown {
    background-color: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(15, 23, 42, 0.12);
  }

  .elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--dropdown a {
    padding: 12px 18px;
    font-size: 16px;
    font-weight: 500;
    color: #143951;
  }

  .elementor-24 .elementor-element.elementor-element-704df7d7 .elementor-nav-menu--dropdown a:hover {
    background-color: rgba(20, 57, 81, 0.06);
    color: #03954f;
  }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-70c827c3 *//* Botón CTA principal */
.elementor-24 .elementor-element.elementor-element-70c827c3 .elementor-button {
  background-color: #03954f;
  border-color: #03954f;
  color: #ffffff;
  border-radius: 999px;
  padding: 10px 26px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.02em;
  box-shadow: 0 4px 10px rgba(3, 149, 79, 0.25);
  transition: all 0.25s ease-in-out;
}

/* Hover del botón */
.elementor-24 .elementor-element.elementor-element-70c827c3 .elementor-button:hover,
.elementor-24 .elementor-element.elementor-element-70c827c3 .elementor-button:focus {
  background-color: #027a41;
  border-color: #027a41;
  color: #ffffff;
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(3, 149, 79, 0.35);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f6d7cbb *//* Barra de cabecera */
.elementor-24 .elementor-element.elementor-element-2f6d7cbb {
  background-color: #ffffff;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.04);
  border-bottom: 1px solid rgba(20, 57, 81, 0.06);
  padding-top: 8px;
  padding-bottom: 8px;
  position: sticky;
  top: 0;
  z-index: 999;
}/* End custom CSS */
/* Start custom CSS *//****************************************************
 * 1. BARRA DE CABECERA (HEADER GENERAL)
 ****************************************************/

/* Barra principal: fondo blanco, sombra suave y borde inferior sutil */
.site-header,
.main-header-bar {
  background-color: #ffffff;
  box-shadow: 0 6px 14px rgba(15, 23, 42, 0.04);
  border-bottom: 1px solid rgba(20, 57, 81, 0.06);
}

/* Un poco menos de altura vertical */
.main-header-bar {
  padding-top: 8px;
  padding-bottom: 8px;
}

/* Hacer el header “sticky” arriba */
.site-header {
  position: sticky;
  top: 0;
  z-index: 999;
}

/****************************************************
 * 2. LOGO (HIPOPÓTAMO) Y SU TAMAÑO
 ****************************************************/

.site-branding img.custom-logo {
  max-height: 52px; /* ajusta si quieres más grande/pequeño */
  height: auto;
  width: auto;
}

/****************************************************
 * 3. ENLACES DEL MENÚ (Inicio, Simulador, Hipotecas...)
 ****************************************************/

.main-header-menu > .menu-item > .menu-link {
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 15px;
  font-weight: 500;
  color: #143951;
  padding: 8px 14px;
  border-radius: 8px;
  line-height: 1.4;
  transition: all 0.2s ease;
}

/* Estado hover de los enlaces del menú */
.main-header-menu > .menu-item > .menu-link:hover,
.main-header-menu > .menu-item.current-menu-item > .menu-link {
  color: #03954f;
  background-color: rgba(20, 57, 81, 0.06);
}

/****************************************************
 * 4. BOTÓN "QUIERO MI ASESOR" (item con clase menu-cta-asesor)
 ****************************************************/

/* Estilo base del botón */
.main-header-menu > .menu-item.menu-cta-asesor > .menu-link {
  background-color: #03954f;
  color: #ffffff;
  border-radius: 999px;
  padding: 10px 24px;
  font-weight: 600;
  box-shadow: 0 4px 10px rgba(3, 149, 79, 0.25);
  text-transform: none;
}

/* Hover del botón */
.main-header-menu > .menu-item.menu-cta-asesor > .menu-link:hover {
  background-color: #027a41;
  color: #ffffff;
  box-shadow: 0 6px 14px rgba(3, 149, 79, 0.35);
  transform: translateY(-1px);
}

/****************************************************
 * 5. AJUSTES PARA MÓVIL / TABLET (ASTRA BREAKPOINT)
 ****************************************************/

@media (max-width: 921px) {

  /* Reducir sombra en móvil si molesta */
  .site-header {
    box-shadow: 0 4px 10px rgba(15, 23, 42, 0.04);
  }

  /* Enlaces del menú móvil un poco más grandes y cómodos */
  .ast-header-break-point .main-header-menu > .menu-item > .menu-link {
    padding: 12px 18px;
    font-size: 16px;
  }

  /* Botón CTA en móvil que destaque y ocupe todo el ancho */
  .ast-header-break-point .main-header-menu > .menu-item.menu-cta-asesor > .menu-link {
    display: block;
    text-align: center;
    margin-top: 6px;
    margin-bottom: 6px;
  }
}/* End custom CSS */