/**
 * Ajustes manuales.
 *
 * Este archivo NO pasa por el build de Tailwind (npm run tailwind).
 * Es CSS plano: lo editas y guardas, y el navegador ya lo toma en el
 * siguiente refresh (usa filemtime() como versión, así que no hay
 * que preocuparse por caché del navegador).
 *
 * Se carga DESPUÉS de output.css (ver functions.php), así que cualquier
 * regla de aquí puede sobreescribir algo del CSS generado sin necesitar
 * !important, siempre que uses el mismo selector o uno más específico.
 *
 * Ejemplo:
 *
 * .seccion_amenidades_general__caption {
 *     font-size: 20px;
 * }
 */
/*Header*/
 .header a {
            color: #333333;
}

/*Slider propiedades*/
.card_carousel__texto h5{
    font-weight: 200;
}
.card_carousel__texto h4{
    font-weight: 500;
}
/* Slider de Amenidades */
.swiper-pagination-bullet{
    background-color: #BFBFBF !important;
    width: 12px !important;
    height: 12px !important;
}
.swiper-pagination-bullet-active{
    background-color: #ffffff !important;
}
    .swiper-pagination {
        padding: 0 27px !important;
    }
@media (max-width: 768px) {
    .swiper-pagination-bullet{
        width: 10px !important;
        height: 10px !important;
    }
    .swiper-pagination {
        padding: 0 15px !important;
    }
}

/* Formulario de Contacto */
.hbspt-form label:not(.hs-form-booleancheckbox-display) {
    display: none !important;
}
fieldset.form-columns-1 > .hs-form-field,
fieldset.form-columns-2 > div {
    background: transparent !important;
}
.hbspt-form .hs-form-booleancheckbox-display input[type="checkbox"] {
    display: inline-grid;
}
.hs-button {
    padding: 10px 80px !important;
    border-radius: 6px !important;
}

/* Modal de "Cotiza con un asesor" (mismo formulario de Hubspot del footer) */
.modal_content--formulario {
    max-width: 560px;
    padding: 0;
    background: var(--Yellow, var(--color-yellow-vinte));
    overflow: visible;
}
.modal_content--formulario .fomulario_contacto__form {
    padding: clamp(28px, 5vw, 48px);
    border-radius: 20px;
    max-height: calc(100vh - 48px);
    overflow: auto;
}
@media only screen and (max-width: 580px) {
    .modal_content--formulario {
        background: var(--Yellow, var(--color-yellow-vinte)) !important;
        padding: 0 !important;
    }
    .modal_content--formulario .fomulario_contacto__form {
        padding: 28px 20px;
    }
}

/*House detail*/
ins{
    color: var(--color-blue-vinte);
    text-decoration: none;
}
.dc_caracteristicas_parametros{
    &  .tipo{
        color: var(--color-blue-vinte);
    }
}

/* Opciones de vsita previa*/
.dc_vistas_previas{
    & > .descripcion{
        color: #333333;
    }
}