@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
/******************** GENERAL ************************/
.main-wrap {
    background-color: #FFF;
}
.grecaptcha-badge, .header-mobile-right {
    display: none;
}
#modal-ampliado button {
    font-size: 15px ! IMPORTANT;
    background: #cb3234 !important;
    border-radius: 100px;
}
div#modal-ampliado img {
    box-shadow: none !important;
}
ul.elementor-icon-list-items.elementor-inline-items {
    display: none;
}
.menu-padre{
  pointer-events: none;
  cursor: default;
}
.principal-agentes, .principal-contenedor, .principal-propiedades-destacadas {
    display: none;
}
/******************** HEADER ************************/
.header-v4 a.nav-link {
    color: #000 !important;
    font-family: 'Roboto' !important;
    font-size: 16px !important;
}
.header-v4 a.nav-link:hover {
    color: #fff !important;
    font-family: 'Roboto' !important;
    background-color: #cb3234;
}
.header-v4 .header-inner-wrap {
    line-height: 100px;
    height: 100px;
}
.main-nav .navbar-nav .nav-item .nav-item a {
    font-size: 16px;
}
.main-nav .navbar-nav .nav-item .nav-item a:hover {
    color: #fff;
    background: #cb3234;
}
.header-mobile {
    background-color: #000;
}
div#nav-mobile {
    color: #000 !important;
    font-family: 'Roboto';
}
.nav-mobile .main-nav .nav-item a {
    color: #000;
    font-size: 15px;
}
span.nav-mobile-trigger.dropdown-toggle.d-md-none {
    background: #e79d9f;
    font-weight: bold !important;
    font-size: 20px;
}
/******************** PRINCIPAL ************************/
.elementor-10 .elementor-element.elementor-element-9889c84 .elementor-button {
    background-color: #cb3234;
    border-color: #cb3234;
    font-size: 14px;
}
.elementor-10 .elementor-element.elementor-element-9889c84 .elementor-button:hover {
    background-color: #000;
    border-color: #000;
}/*PENDIENTE AJUSTAR IMAGEN */
.elementor-column.elementor-col-100.elementor-top-column.elementor-element.elementor-element-1c7ef66 {
    width: 100%;
    height: auto;
    background-size: 100% auto;
    border: none;
}
h1.titulo-principal {
    font-family: 'Roboto';
    font-size: 30px;
}
p.mb-0.subtitulo-principal {
    font-family: 'Roboto';
    font-size: 18px;
    color: #000;
}
.destacadas-principal h2, .servicios-principal h2, .agente-inmobiliario-principal h2 {
    font-family: 'Roboto' !important;
    font-size: 25px !important;
}
.agente-inmobiliario-principal p {
    font-family: 'Roboto' !important;
    font-size: 18px !important;    
}
.servicios-principal img, .form-cotizar img, .agente-inmobiliario-principal img {
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(203,50,52,1);
}
.servicios-principal h3 {
    font-family: 'Roboto' !important;
    font-size: 20px !important;
}
.btn-masinfo, .btn-conoceagente {
  margin-top: 50px !important;
  display: inline-block;
  background-color: #cb3234;
  color: white;
  text-decoration: none;
  padding: 10px 30px;
  font-size: 16px;
  font-Family: 'Roboto' !important;
  border-radius: 6px;
}
.btn-masinfo:hover, .btn-conoceagente:hover{
    background-color: #000;
    color: #fff;
}
.contenedor_card-hover {
  position: relative;
  width: 300px;
  overflow: hidden;
}
.fade-in {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInMove 1.5s ease-out forwards;
  animation-delay: 0.5s; /* tiempo antes de que comience */
  font-size: 2rem;
  text-align: center;
}
/* Animación */
@keyframes fadeInMove {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* Responsivo */
.contenedor_card-hover img {
  width: 100%;
  display: block;
}
/* Ocultamos el texto y botón inicialmente */
.contenedor_card-hover h4,
.contenedor_card-hover .boton {
  opacity: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.3s ease;
  text-align: justify;
  color: white;
}
/* Posicionamos cada elemento */
.contenedor_card-hover h4 {
  top: 20%;
}
.contenedor_card-hover .boton {
  top: 65%;
  background: yellow;
  padding: 8px 16px;
  border-radius: 5px;
  text-decoration: none;
  color: black;
  font-family: 'Roboto';
  font-size: 18px;
  font-weight: bold;
}
/* Al hacer hover en el contenedor_card-hover, aparecen */
.contenedor_card-hover:hover h4,
.contenedor_card-hover:hover .boton {
  opacity: 1;
}
/* Oscurece un poco la imagen al hacer hover para que el texto resalte */
.contenedor_card-hover:hover img {
  filter: brightness(50%);
  transition: filter 0.3s ease;
}
.caracteristicas-principal {
    background-image: url('https://sistema.siga-broker.com/storage/fec8d47d412bcbeece3d9128ae855a7a/banco_archivos_sitios_web/1000_wallpaper-rayo.jpg') !important;
    background-attachment: fixed !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
}
.caracteristicas-principal h2 {
    font-family: 'Roboto' !important;
    font-size: 40px !important;
    color: #fff;
}
.caracteristicas-principal p {
    font-family: 'Roboto' !important;
    font-size: 30px !important;
    color: #fff;
}
/******************** ACERCA DE NOSOTROS ************************/
.elementor-element.elementor-element-0e7939f .elementor-heading-title {
    color: #fff !important;
    font-family: 'Roboto';
    font-size: 30px;
}
section.banner-principal-nosotros.elementor-section.elementor-top-section.elementor-element.elementor-element-5b81e21 {
    background-position: center 49%;
    background-size: 100% auto;
    min-height: 50vh;
}
.acerca-nosotros h2, .valores-nosotros h2 {
    font-family: 'Roboto' !important;
    font-size: 25px !important;
    margin-top: 40px !important;
}
.acerca-nosotros p {
    font-family: 'Roboto' !important;
    font-size: 18px !important;
}
.acerca-nosotros img {
    width: auto;
    height: 300px;
}
.acerca-nosotros h4 {
    font-family: 'Roboto' !important;
    font-size: 18px !important;
}
.iconos-valores {
    color: #cb3234;
    font-size: 50px;
}
/******************** AGENTES ************************/
section.agentes-search.advanced-search.advanced-search-nav {
    display: block;
}
.btn-search {
    background-color: #cb3234;
    border-color: #cb3234;
}
.btn-search:hover {
    background-color: #000;
    border-color: #cb3234;
}
a.agent-grid-image {
    color: #cb3234;
}
.elementor-10 .elementor-element.elementor-element-ff05969 .agent-grid-wrap .btn {
    background-color: #ffffff;
    color: #cb3234;
    border-color: #cb3234;
}
.elementor-10 .elementor-element.elementor-element-ff05969 .agent-grid-wrap .btn:hover {
    background-color: #000;
    color: #fff;
    border-color: #000;
}
button.btn.btn-search.btn-secondary.btn-full-width {
    margin-top: 15px;
}
/******************** CONTACTO ************************/
section.banner-contacto.elementor-section.elementor-top-section.elementor-element.elementor-element-125aa3d {
    background-position: center 49%;
    background-size: 100% auto;
    min-height: 50vh;
}
.datos-contacto label, p, .mapa-contacto p {
    font-family: 'Roboto';
    font-size: 18px;
}
.elementor-10 .elementor-element.elementor-element-25a24dc .elementor-button {
    background-color: #cb3234;
}
.elementor-10 .elementor-element.elementor-element-25a24dc .elementor-button:hover {
    background-color: #000000;
}
.elementor-social-icon-facebook, .elementor-social-icon-facebook-f {
    background-color: #000 !important;
}
span#text-contacto {
    font-size: 18px;
    font-family: 'Roboto';
}
/******************** Buscador propiedades casas venta/renta ************************/
.advanced-search-nav {
    background-color: #000;
    color: #FFF;
}
.elementor-10 .elementor-element.elementor-element-622483d .elementor-button {
    background-color: #cb3234;
    border-color: #cb3234;
}
.elementor-10 .elementor-element.elementor-element-622483d .elementor-button:hover {
    background-color: #000 ;
    border-color: #cb3234;
}
a.btn.btn-primary.btn-item {
    background: #cb3234;
    border-color: #cb3234;
}
a.btn.btn-primary.btn-item:hover {
    background: #000;
    border-color: #000;
}
.agentes-search {
    background-color: #FFF;
}
.btn-secondary, .btn-primary {
    background-color: #cb3234;
    border-color: #cb3234;
}
.btn-secondary:hover, .btn-primary:hover {
    background-color: #000;
    border-color: #000;
}
.slick-arrow {
    background-color: #cb3234;
}
.slick-arrow:hover {
    background-color: #cb3234;
}
/******************** SERVICIO CONSTRUCCION, MATERIALES, CRÉDITOS ************************/
.titulo-servicios {
    margin-top: 15px;
    font-family: 'Roboto';
    font-size: 25px;
}
.page-title-wrap p {
    margin-top: 15px;
    font-family: 'Roboto';
    font-size: 18px;
    text-align: justify;
}
.btn-primary-outlined {
    color: #cb3234;
    background-color: transparent;
    border-color: #cb3234;
}
.btn-primary-outlined:hover {
    color: #fff;
    background-color: #000;
    border-color: #000;
}
/******************** FOOTER ************************/
.footer-top-wrap {
    background: #000 !important;
}
.footer-bottom-wrap {
    background: #9b9b9b;
}
.footer-bottom-wrap a {
    color: #fff;
}
.footer-bottom-wrap a:hover {
    color: #cb3234 !important;
}
.about-footer p {
    font-family: 'Roboto';
    font-size: 20px;
}
#texto-footer {
    font-family: 'Roboto';
    font-size: 16px;
}
.mas-informacion {
    width: 200px;
    margin-top: 25px;
    border-radius: 10px;
    overflow: hidden;
}
.mas-informacion a {
    display: block;
    font-size: 16px;
    text-align: center;
    color: #FFF;
    border: 3px dashed #cb3234;
    padding: 10px 0;
    border-radius: 10px;
    transition: background-color 0.3s ease, color 0.3s ease;
}
.mas-informacion a:hover {
    color: #cb3234;
    border: 3px dashed #cb3234;
}
/******************** RESPONSIVE ************************/
@media (min-width: 768px) and (max-width: 991px) {
    .logo.logo-mobile {
        width: auto;
        height: 60px;
    }
    .header-v4 a.nav-link {
        color: #000 !important;
        font-family: 'Roboto' !important;
        font-size: 13px !important;
    }
    .valores-nosotros h4 {
        font-size: 18px;
    }
}
@media (min-width: 375px) and (max-width: 425px) {
    .logo.logo-mobile {
        width: auto;
        height: 60px;
    }
    .valores-nosotros h4 {
        font-size: 20px;
    }
}