/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/


/* --- ESTILOS DEL MENÚ --- */
.ast-builder-menu-1 .menu-item > .menu-link {
    font-size: 15px !important;
    font-family: 'Montserrat', sans-serif; /* Añadida una fuente de respaldo */
}



/* =============================================================================
   MODIFICACIÓN IMPORTANTE EN BOOTSTRAP.CSS
   Ruta: gestioninmo/assets/css/bootstrap.css
   =============================================================================

   ➤ Descripción:
     Se ha comentado la propiedad "font-size: 10px;" definida en el selector "html".

   ➤ Código original:
       html {
         font-size: 10px; /* bub * /
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
       }

   ➤ Código actual:
       html {
         /* font-size: 10px; */ /* comentado para evitar menú diminuto * /
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
       }

   ➤ Motivo del cambio:
     - El tamaño de fuente global (10px) provocaba que el menú se viera
       excesivamente pequeño en la web.
     - Al eliminarlo, el menú recupera un tamaño de visualización correcto.

   ============================================================================= */

/* Arreglos CSS para nav en buscador y fichas
------------------------------------------------- */

#primary-site-navigation-desktop,
#primary-site-navigation-desktop * {
  font-family: "Montserrat", sans-serif;
}

/* Arreglo CSS para subir un poco todo el menu nav y que quede a la misma altura que el resto
-------------------------------------------------------------------------------------------- */

/* 9047 es buscador y 9051 es ficha */
.page-id-9047 .site-header-primary-section-right,
.page-id-9051 .site-header-primary-section-right {
  margin-top: -14px;
  color: black !important;
}

.filter-option {
  font-size: 18px !important;
}

.bootstrap-select.btn-group > .dropdown-toggle,
.mh-search__element input[name="Referencia"] {
  width: 100% !important;
  height: 40px !important; /* altura fija consistente */
  padding: 0 45px 0 12px !important; /* padding: arriba/derecha/abajo/izq */
  line-height: 40px !important; /* centra el texto verticalmente */
  box-sizing: border-box; /* que padding no rompa la altura */
  z-index: 1;
}

/* Alternativa robusta que no suele romper el layout 
------------------------------------------------------- */

body.page-id-9047
  .mh-search__element.mh-attribute.normal_show
  input[name="Referencia"] {
  display: block;
  box-sizing: border-box;
  position: relative; /* usar top evita problemas de flex/align */
  top: 0px;
  font-size: 18px !important;
}

/* Arreglo CSS inputs que tenian ligero margen izquierdo
------------------------------------------------------------- */

.form-group {
  margin-left: 0rem !important;
}

/* Arreglo CSS Boton BUSCAR
----------------------------------------------- */

button[type="submit"].mdl-button.mdl-button--raised.mdl-button--primary-ghost.mdl-button--clear {
  border: 0px solid red !important;
  background-color: black !important;
  color: #ffffff !important;
}

/* Estilos comunes para los inputs del buscador 
-------------------------------------------------- */

.bootstrap-select.btn-group > .dropdown-toggle,
.mh-search__element input[name="Referencia"],
.mh-search__element input[name="Descripcion"] {
  width: 100% !important;
  height: 40px !important; /* altura fija consistente */
  padding: 0 45px 0 12px !important; /* padding: arriba/derecha/abajo/izq */
  line-height: 40px !important; /* centra el texto verticalmente */
  box-sizing: border-box; /* que padding no rompa la altura */
  z-index: 1;
}

/* Ajustes específicos para la página del buscador
----------------------------------------------------------- */

body.page-id-9047
  .mh-search__element.mh-attribute.normal_show
  input[name="Referencia"],
body.page-id-9047
  .mh-search__element.mh-attribute.doble_ancho_gINMO
  input[name="Descripcion"] {
  display: block;
  box-sizing: border-box;
  position: relative;
  top: 0px;
  font-size: 18px !important;
}

/* Arreglo CSS boton DETALLES */

.mh-estate-vertical__buttons {
  position: inherit !important;
  bottom: 12px;
  right: 0 !important;
  text-align: center !important;
  background-color: #000000;
}

.mh-estate-vertical__buttons__single .mdl-button {
  color: #ffffff !important;
  border: 0px solid black !important;
}

.mh-estate-vertical__buttons__single .mdl-button:hover {
  color: #000000 !important;
  border: 2px solid black !important;
}

.mh-estate-vertical__buttons__single a:hover {
  background-color: #000 !important; /* Fondo negro */
  color: #fff !important; /* Texto blanco */
}

/**
ARREGLOS CSS @MEDIA
*/

/* Arreglo CSS listado de inmuebles < 922px 
----------------------------------------------- */

@media (max-width: 921px) {
  /* Arreglo CSS para PRECIO 
------------------------------------------------------*/

  .mh-estate-vertical__primary p:nth-of-type(2) span {
    font-size: 1.5em !important; /* o el tamaño que quieras */
    margin-top: 0px !important;
  }

  .mh-estate-vertical__buttons {
    position: inherit !important;
    bottom: 12px;
    right: 0 !important;
    text-align: left !important;
    background-color: #000000;
  }
  /* Menu Nav */
  .menu-link {
    color: black;
    font-size: 16px;
    font-family: "Montserrat", sans-serif;
  }

  /* Evitar desbordes laterales de admin bar en móvil
  --------------------------------------------------- */

  #wpadminbar {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* Evitar shapes de Elementor que sobresalen 
    ------------------------------------------------ */
  .elementor-shape.elementor-shape-top,
  .elementor-shape svg {
    max-width: 100% !important;
    overflow-x: hidden !important;
    height: auto !important;
  }

  /* Drawer y overlay del menú móvil
  ------------------------------------------------ */

  #ast-mobile-popup,
  .ast-mobile-popup-overlay {
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  /* Arreglo Ficha Inmueble */
  .ast-container,
  .ast-container-fluid {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
  }

  /* Arreglo Checks de piscina, garaje, trastero 
  ------------------------------------------------ */

  .changecheck {
    margin-left: 15px;
  }

  .mh-search__buttons {
    text-align: left !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0px solid #000000 !important;
  }

  /* Arreglo CSS Boton AVANZADO/OCULTAR 
  --------------------------------------------------*/

  .mdl-button.mdl-button--raised.mdl-button--primary {
    height: auto !important;
    line-height: 47.5px !important;
  }

  /* Arreglo CSS Boton BUSCAR 
  ---------------------------------- */

  button[type="submit"].mdl-button.mdl-button--raised.mdl-button--primary-ghost.mdl-button--clear {
    height: auto !important;
    line-height: 47.5px !important;
    padding: 0 20px !important; /* opcional: mejora estética */
    font-size: 16px !important; /* opcional: más legible */
    border: 0px solid red !important;
    background-color: black !important;
    color: #ffffff !important;
  }
}

/* Arreglo CSS listado de inmuebles  > 922px 
----------------------------------------------- */

@media (min-width: 922px) {
  /* Arreglo CSS para PRECIO 
------------------------------------------------------*/

  .mh-estate-vertical__primary p:nth-of-type(2) span {
    font-size: 1.5em !important; /* o el tamaño que quieras */
    margin-top: -20px !important;
  }

  .mh-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  .mh-grid__1of3 {
    flex: 0 0 calc(50% - 14px);
    display: flex;
  }

  .mh-grid__1of3 > div {
    display: flex;
    width: 100%;
  }

  .mh-estate-vertical {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .mh-estate-vertical__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: auto !important;
  }

  .mh-estate-vertical__primary {
    margin-top: auto; /* esta es la clave para alinear los precios */
  }

  .mh-estate-vertical__bottom {
    margin-top: 0; /* mantiene el botón pegado al precio */
  }
}

/* Arreglo CSS listado de inmuebles  > 1250px 
-------------------------------------------------*/

@media (min-width: 1250px) {
  /* Arreglo CSS para PRECIO 
------------------------------------------------------*/

  .mh-estate-vertical__primary p:nth-of-type(2) span {
    font-size: 1.5em !important; /* o el tamaño que quieras */
    margin-top: -20px !important;
  }

  .mh-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }

  .mh-grid__1of3 {
    flex: 0 0 calc(33.333% - 14px);
    display: flex;
  }

  .mh-grid__1of3 > div {
    display: flex;
    width: 100%;
  }

  .mh-estate-vertical {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .mh-estate-vertical__content {
    flex: 1;
    display: flex;
    flex-direction: column;
    height: auto !important;
  }

  .mh-estate-vertical__primary {
    margin-top: auto; /* esta es la clave para alinear los precios */
  }

  .mh-estate-vertical__bottom {
    margin-top: 0; /* mantiene el botón pegado al precio */
  }
}