.elementor-20665 .elementor-element.elementor-element-cc2b78a{--display:flex;}.elementor-20665 .elementor-element.elementor-element-a045d56{--display:flex;}.elementor-20665 .elementor-element.elementor-element-81bc2bb{--spacer-size:150px;}.elementor-20665 .elementor-element.elementor-element-3b0d596{--display:flex;}.elementor-20665 .elementor-element.elementor-element-2ac5a54{--display:flex;}.elementor-20665 .elementor-element.elementor-element-7eae4b7{--spacer-size:1px;}.elementor-20665 .elementor-element.elementor-element-bf09217{--display:flex;}/* Start custom CSS for shortcode, class: .elementor-element-b6ed009 */.inmueble-container .titulo h1{
    font-size:24px !important;
    font-weight:500 !important;
    color:#777777 !important;
    text-transform:capitalize !important;
    margin:3px 0 !important;
}

.valor .txt{
    text-transform: capitalize !important;
}

.etiquetas{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    justify-content:center;
    margin-top:15px;
}

.tag{
    border:2px solid #c6d544;
    padding:6px 12px;
    border-radius:20px;
    font-size:12px;
    font-weight:500;
    color:#777;
    background:#fff;
}


/* =========================
   CUADROS SUPERIORES MÁS PEQUEÑOS
========================= */
.card{
    padding:14px !important;
    height:auto !important;
}

.iconos{
    display:grid !important;
    grid-template-columns:repeat(2,1fr) !important;
    gap:8px !important;
    margin-bottom:10px !important;
}

.iconos div{
    background:#f5f4f5 !important;
    padding:10px 8px !important;
    border-radius:10px !important;
    min-height:62px !important;

    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;

    font-size:14px !important;
    font-weight:500 !important;
}

/* iconos más pequeños */
.iconos img{
    width:26px !important;
    height:26px !important;
    margin-bottom:4px !important;
}

/* valor un poco más compacto */
.valor{
    font-size:18px !important;
    margin-top:8px !important;
    margin-bottom:10px !important;
}

/* etiquetas dentro del cuadro */
.etiquetas{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;
    justify-content:center !important;
    margin-top:8px !important;
}

.tag{
    font-size:11px !important;
    padding:4px 8px !important;
    border-radius:16px !important;
    line-height:1.1 !important;
}




/* =========================
   ICONOS ESTILO HORIZONTAL LIMPIO
========================= */
.iconos{
    display:flex !important;
    justify-content:space-between !important;
    align-items:center !important;
    gap:18px !important;
    margin-bottom:18px !important;
    padding:0 8px !important;
}

.iconos div{
    background:transparent !important;
    padding:0 !important;
    border:none !important;
    border-radius:0 !important;
    min-height:auto !important;

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:row !important;
    gap:6px !important;

    font-size:18px !important;
    font-weight:600 !important;
    color:#666 !important;
}

/* iconos más nítidos */
.iconos img{
    width:22px !important;
    height:22px !important;
    object-fit:contain !important;
    image-rendering:auto !important;
    margin:0 !important;
}

/* área más compacta */
.iconos div:last-child{
    white-space:nowrap !important;
}


/* 🔥 Bajar iconos dentro de los cuadros */
.iconos div img{
    width: 26px !important;
    height: 26px !important;
    object-fit: contain !important;
    
    margin-top: 20px !important;   /* 👈 los baja */
    margin-bottom: 6px !important;
}

/* 🔥 Ajustar número debajo */
.iconos div{
    padding-top: 12px !important;
}


/* 🔥 Aumentar tamaño de las etiquetas */
.tag{
    font-size: 14px !important;      /* tamaño del texto */
    padding: 8px 14px !important;    /* alto y ancho del botón */
    border-radius: 20px !important;  /* bordes redondeados */
    min-height: 34px !important;     /* altura mínima */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}


/* 🔥 Mover el valor arriba de los iconos */
.card{
    display: flex !important;
    flex-direction: column !important;
}

.valor{
    order: -1 !important;   /* lo pone de primero */
    margin-bottom: 15px !important;
    margin-top: 0 !important;
}



/* cuando NO hay etiquetas */
.card.sin-etiquetas{
    justify-content: flex-start !important;
}

.card.sin-etiquetas .valor{
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

/* cuando SÍ hay etiquetas */
.card.con-etiquetas{
    justify-content: space-between !important;
}


/* =========================
   CONTENEDOR VIDRIO (BARRA)
========================= */

.dots{
    position:absolute;
    bottom:14px;
    left:50%;
    transform:translateX(-50%);

    display:flex;
    align-items:center;
    gap:8px;

    padding:8px 14px; /* 👈 hace el rectángulo */
    border-radius:20px;

    background:rgba(255,255,255,0.18);
    border:1px solid rgba(255,255,255,0.35);

    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    box-shadow:0 8px 20px rgba(0,0,0,0.25);
}

/* =========================
   PUNTICOS DENTRO
========================= */

.dot{
    width:10px;
    height:10px;
    border-radius:50%;

    background:rgba(255,255,255,0.35);
    border:1px solid rgba(255,255,255,0.5);

    cursor:pointer;
    transition:all .25s ease;
    box-shadow: inset 0 0 4px rgba(255,255,255,0.3);
}

/* ACTIVO */
.dot.activo{
    background:#c6d544;
    border:1px solid rgba(255,255,255,0.7);

    transform:scale(1.2);

    box-shadow:
        inset 0 0 6px rgba(255,255,255,0.5),
        0 4px 10px rgba(0,0,0,0.3);
}

/* =========================
   IGUALAR SOLO TAMAÑO DE TÍTULOS
========================= */

.inmueble-container .titulo h1,
.inmueble-container .titulo span{
    font-size:24px !important;   /* mismo tamaño */
    margin:3px 0 !important;
}

/* =========================
   NOMBRE DEL ASESOR MÁS PEQUEÑO
========================= */

.asesor h3{
    font-size:16px !important;   /* ajusta aquí el tamaño */
    font-weight:600 !important;
    margin:8px 0 4px 0 !important;
    color:#444 !important;
}

/* opcional: texto "Asesor Comercial" */
.asesor p{
    font-size:13px !important;
}



/* =========================
   BOTÓN CONTACTO WHATSAPP
========================= */

.btn{
    background:#c6d544 !important;   /* verde base */
    color:#666666 !important;        /* letra gris */
    transition:all .25s ease !important;
}

/* quitar efecto de click raro */
.btn:visited,
.btn:active,
.btn:focus{
    color:#666666 !important;
    text-decoration:none !important;
    outline:none !important;
}

/* hover (cuando pasa el mouse) */
.btn:hover{
    background:#b9c93a !important;   /* verde un poco más oscuro */
    color:#444444 !important;        /* gris más fuerte */
    transform:translateY(-1px);
    box-shadow:0 6px 15px rgba(0,0,0,0.15);
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0f86d7b */.info-similar span{
    display:flex;
    align-items:center;
    gap:6px;
    min-width:70px;
}/* End custom CSS */