/*
Theme Name: Lebasi 2026
Description: Ajustes para dispositivos móviles
*/

@media (max-width: 991px) {
	html,body{
		width:100vw;
		overflow-x:hidden;
	}
	.custom-logo-link{
		margin: 10px auto;
	}
	.custom-logo-link img{
		max-height: 50px;
	}
	
	
    /* 1. HERO MOBILE */
    .hero-lebasi {
        padding: 40px 0 80px 0 !important;
        text-align: center;
    }

    .icons-home {
        justify-content: center !important;
        flex-wrap: wrap;
        gap: 7px !important;
    }

    .icons-lebasi {
        width: 18% !important;
        margin: 2px !important;
    }

    /* 2. VIDEO MOBILE */

    .video-content h2 {
        font-size: 1.8rem !important;
    }

    /* 3. COMPRA DIRECTA MOBILE */
    #direct-buy .display-5 {
        font-size: 1.8rem !important;
        text-align: center;
    }

    .price-box {
        display: block;
        text-align: center;
        padding: 15px !important;
    }

    .trust-grid {
        grid-template-columns: repeat(2, 1fr); /* 2 por fila en móvil */
    }

    /* 4. FOOTER MOBILE */
    .footer-lebasi {
        text-align: center;
    }

    .footer-lebasi .sm-icons {
        justify-content: center !important;
        margin-bottom: 25px;
    }

    .footer-lebasi .ps-lg-5 {
        padding-left: 0 !important;
    }

    .footer-lebasi h5 {
        margin-top: 25px;
        color: var(--gold);
        font-size: 1.1rem;
    }

    /* 5. TIRA DE PROPIEDADES MOBILE */
    .property-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        padding: 20px 0;
    }

    /* 6. TESTIMONIOS MOBILE */
	.testimonial-card {
        padding: 25px;
        margin-bottom: 20px;
        text-align: center;
    }
    
    .client-info {
        flex-direction: column;
        gap: 10px;
    }
    
    .badge-verified {
        margin-left: 0;
    }
	
    /* 7. WHATSAPP MOBILE */
    .whatsapp-float {
        bottom: 20px; right: 20px;
        width: 50px; height: 50px; font-size: 25px;
    }
}

/* Media query para móviles (menos de 768px) */
@media (max-width: 767.98px) {
    /* Hacemos que la barra superior permita que los elementos se apilen si es necesario */
    .top-bar .container {
        flex-direction: column;
        gap: 5px;
		overflow:hidden;
    }

    /* Forzamos al contenedor de Select2 a ocupar el 100% */
    .country-selector-top {
        width: 100% !important;
        padding: 0 30%;
    }

    /* Forzamos el ancho de Select2 */
    .country-selector-top .select2-container {
        width: 100% !important;
		min-width:190px !important;
    }

    /* Centramos el texto dentro del select en móvil para que luzca mejor */
    .country-selector-top .select2-container--default .select2-selection--single .select2-selection__rendered {
        text-align: center;
        padding-left: 30px; /* Compensa el espacio del icono del globo */
    }
	
	/* 2. VIDEO MOBILE */
	.video-section-lebasi {
		height: 28vh !important; /* Altura más cómoda para móvil */
		min-height: 195px !important;
	}


	.video-content h2 {
		font-size: 1.8rem !important;
		padding: 0 15px;
	}

	.video-content p {
		font-size: 1rem !important;
		padding: 0 20px;
	}
	.logo-footer{
		max-width:150px !important;
	}
	
	.num-circle {
		width: 50px !important;
		height: 50px !important;
		text-align: center !important;
		font-size: 35px !important;
		line-height: 25px !important;
		padding: 10px !important;
		margin: 10px auto !important;
	}
	.wp-block-column h5{
		margin:0px;
	}
	
	.list-chips li {
		width:100% !important;
	}
	
	#page p {
		font-size: 18px !important;
		line-height: 21px;
		text-align: justify;
	}
	#page .blue-block{
		padding:10px !important;
	}
	
	#page .blue-block p{
		padding: 15px !important;
		font-size: 18px !important;
		line-height: 21px !important;
		font-weight: normal;
	}
	#page .blue-block p strong{
		font-size: 20px !important;
		line-height: 18px !important;
		text-align: center !important;
		width: 100% !important;
		display: block !important;
	}
	.icons-contiene .wp-block-column {
		max-width: 75%;
		margin: 0 auto;
	}
	.icon-text{
		text-align:center !important;
	}
	.blue-navy {
		padding: 5px;
	}
	.pasos {
		margin-right: 0px !important;
	}
	.pasos img {
		display: block;
		margin: 0 auto;
		width: 70px !important;
		height: 70px !important;
	}
	.pasos p{
		text-align:center !important;
	}
	.lebasi-premium-card {
		padding: 20px !important;
		border-radius: 15px !important;
		margin-left: 0px !important;
	}
	.pasos h2,.lebasi-premium-card h2 {
		text-align: center;
		width: 100%;
	}
	.no-line::after {
		display: none;
	}
	.patrocinador-badge .label {
		width: 100%;
		display: block;
		text-align: center;
		font-size:10px;
	}
	.patrocinador-badge .value {
		width: 100%;
		display: block;
		text-align: center;
	}
	
}

@media (max-width: 576px) {
    .icons-lebasi {
        width: 17% !important; /* Más grandes en pantallas muy pequeñas */
    }
    
    .btn-gold-lebasi, .btn-primary-lebasi {
        width: 100%;
        padding: 15px;
    }
	
	.hero-lebasi h1 {
		font-size: 3.5rem;
		text-align: center;
		line-height:3.2rem;
	}
	h2 {
		font-size: 30px !important;
		line-height:30px;
	}
	
	.floating-img {
		max-width: 60% !important;
	}
	
	.iconplay i {
		font-size: 60px !important;
		opacity: 0.5 !important;
	}
	
	.container {
		width: 90%;
	}
	
	.hero-curva-container {
		height: 250px !important;
	}
	
	
}