/*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/


@import url("../houzez/style.css");

/* Your CSS code goes here
-------------------------------------- */
.centrarTexto{text-align:center;}
.cursiva{font-style:italic;}
.blanco{color:#fff !important;}
.naranja{color:#e66000 !important;}
.azul{color:#0B205C !important;}
.amarillo{color:#fb0 !important;}
.gris{color:#5C5C5C !important;}

.bkg-blanco{background-color:#fff !important;}
.bkg-naranja{background-color:#e66000 !important;}
.bkg-azul{background-color:#0B205C !important;}
.bkg-amarillo{background-color:#fb0 !important;}
.bkg-gris{background-color:#e6e6e6 !important;}
.bkg-gris-texto{background-color:#c6c5c4 !important;}

.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt40{margin-top:40px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.mtb10{margin-top:10px; margin-bottom:10px;}
.mtb40{margin-top:40px !important; margin-bottom:40px !important;}

#h1Home *{font-size:5.25rem !important; color:#e66000 !important;} /*89px*/
#h1HomeB *{font-size:5.25rem !important; color:#ffffff !important;} /*89px*/
#h1HomeBlanco *{font-size:5.25rem !important; color:#fff !important;} /*89px*/
h1, .negrita{font-weight:700 !important;}
h2{font-weight:600 !important;line-height:1.5em;}
h3{font-weight:600 !important;}
h1, .size55, .size55 *{font-size:3.25rem !important;} /*52px*/
h2, .page-title h1, h3.elementor-image-box-title, .size32{font-size:2rem !important;} /*32px*/
h3, .size20{font-size:1.25rem !important;}  /*20px*/
h4, .size16{font-size:1rem !important;}  /*16px*/
h2.item-title{font-size:1rem !important;line-height:1.2em;} /*16px*/

h3.elementor-image-box-title{margin:10px auto 20px;}

/* HOME ELEMENTS */
#banner-home{overflow:hidden;}
#banner-home::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 70%;
    width: 150%; /* Aumenta para cubrir toda el área durante la rotación */
    height: 150%;
    background-image: url('https://capitalrooms.redjinn.com/wp-content/uploads/2024/10/20241008-home-banner-animacion-completo.png');
    background-size:contain;
    background-position: center;
	background-repeat: no-repeat;
    transform: translate(-50%, -50%);
    animation: rotateBackground 80s linear infinite;
    /*z-index: -1;*/ /* Coloca la imagen de fondo detrás del contenido */
}

@keyframes rotateBackground {
    from {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    to {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@keyframes rotateBackgroundMobile {
    from {
        transform: translate(-100%, -100%) rotate(0deg);
    }
    to {
        transform: translate(-100%, -100%) rotate(360deg);
    }
}
#home-zonas-slider .elementor-widget-container{border-radius:10px; background-color:#c6c5c4; padding-top:20px;}
#home-zonas-slider .property-tabs-module .nav-tabs {border-bottom:none;}
#home-zonas-slider li {background-color:#fff !important; border-radius:10px !important;}
#home-zonas-slider .item-listing-wrap{padding-left: 10px !important; padding-right:10px !important;}
#home-zonas-slider .item-wrap{box-shadow:2px 2px 10px 0px rgba(0,0,0,0.5);}
#home-zonas-slider .item-price-wrap li {display:inline-block;}
#home-zonas-slider .item-body{/*background-color:#FFC296;*/ padding:15px !important;}
#home-zonas-slider .item-footer button{background-color:#E66000; color:#fff;}
#home-zonas-slider button .houzez-icon{display:none;}


#home-destacados-slider .slick-track .item-body{min-height:130px !important;}
#home-destacados-slider .slick-track .btn-item{padding:4px 10px !important; height:auto !important; bottom:10px !important; width:90%; border:none; background-color:#e66000 !important}
#home-destacados-slider .slick-track .btn-item:hover{color:#202020;}
#home-destacados-slider .btn-load-more { background-color:rgba(255, 255, 0, 0.7) !important;}
#home-destacados-slider .btn-load-more:hover{color:#2100e6 !important; border-color:#2100e6; transition:color 0.6s ease, background-color 0.6s ease;}

@media (max-width: 800px) {
	.header-mobile{flex-direction: row-reverse !important;}
	#banner-home::before {background-image: url('https://capitalrooms.redjinn.com/wp-content/uploads/2024/10/20241012-home-banner-animacion-completo-800x800-1.png'); opacity:0.3; animation: rotateBackgroundMobile 80s linear infinite; top:120%; left:130%;}
	#banner-home .elementor-background-overlay {background-position: center center; opacity: 0.2;}
	.header-mobile .toggle-button-left, .header-mobile .toggle-button-right {background-color:#e56000;}
	#h1Home *{font-size:3.7rem !important;}
	.size32{font-size:1.7rem !important;}
	#home-zonas-slider li {margin:3px;}
    #home-destacados-slider .slick-track .btn-item {display: block;}
	.fila-reverse .elementor-container{flex-direction: column-reverse !important;}
	#bt-cta-home .elementor-widget-container{margin-right:20px !important;}
}

.blog-post-meta a{color:#2100e6 !important;}
.blog-post-meta a:hover, .blog-post-title a:hover{color:#e66000 !important;}
.blog-post-link a{color:#e66000 !important;}
.blog-post-link a:hover{text-decoration:underline;}


.item-amenities{display:none !important;}

.divFlex{display:flex !important;justify-content:center !important;}
.imgPagos{height:75px !important; width:auto !important; margin:10px auto 15px;}
.btnPagos {background:#e66000; border:1px solid fff; color:#fff; border-radius:10px; padding:5px;}
.btnMaps {background:#e66000; color:#fff !important; border-radius:10px; padding:15px 20px; margin:20px 0;}
.btnMaps:hover{background:#fb0; color:#000 !important; transition:color 0.6s ease, background-color 0.6s ease;}
.wpbc_button_light{background:#e66000 !important; color:#fff !important; border:none !important;} /* Btn de envío de formulario de reserva de fechas de las habitaciones*/
.property-detail-wrap li span span.price-start{display:none;}

form .agent-details{display:none;}
.post-tag:hover {opacity:1; background-color: #e56000;}

.featured-property-item-widget .item-wrap-v3 .item-address {max-width: calc(100% - 40px);}
.header-social-icons a:hover {color:#fff!important; transition:color 0.6s ease;}
.footer p, .footer a{font-size:0.8rem !important;}
.footer p a:hover{color:#E56000;}

/* FICHA INMUEBLES*/
.descripcion-zonas-comunes{display:block !important;}
.item-header .labels-wrap .label{color:#000 !important; background-color: rgba(57, 217, 0, 0.65) !important;}
.estado-flag{position:absolute; top:10px; left:10px; background-color:#ff5a5f; /* Color para "Alquilada" */ color:#fff; padding:5px 10px; font-size:12px; border-radius:3px; font-weight:bold; z-index:10;}
.estado-flag.disponible{background-color: #4CAF50; /* Color para "Disponible" */}
.estado-flag.alquilada{background-color: #FF0000; /* Color para "Alquilada" */}

/* Plugin GTRANSLATE*/
.menu-item-gtranslate a{padding-left:15px;background-color:transparent;}
.menu-item-gtranslate a:hover{color:#e56000;background-color:transparent; transition:color 0.6s ease;}
.menu-item-gtranslate .dropdown-menu{min-width:100px !important;line-height:35px;}
.menu-item-gtranslate .dropdown-menu li{padding-left:5px;}
.menu-item-gtranslate .dropdown-menu li:hover{background-color: #FFCEAA; transition:background-color 0.6s ease;}
.menu-item-gtranslate .dropdown-menu li a{color:#000;}
.menu-item-gtranslate .dropdown-menu li a:hover{background-color: transparent;transition:background-color 0.6s ease;}
