@media (max-width: 767px) {
    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .bc_form .g-field-search > .row {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        gap: 0 !important;
    }

    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .bc_form .g-field-search > .row > [class*="col-"] {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
    }

    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .bc_form .g-field-search > .row > [class*="col-"]:first-child {
        grid-column: 1 / -1 !important;
    }

    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .bc_form .g-field-search > .row > [class*="col-"]:nth-child(2),
    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .bc_form .g-field-search > .row > [class*="col-"]:nth-child(3) {
        border-top: 1px solid color-mix(in srgb, var(--bc-text, #374151) 12%, transparent) !important;
    }

    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .bc_form .g-field-search > .row > [class*="col-"]:nth-child(3) {
        border-left: 1px solid color-mix(in srgb, var(--bc-text, #374151) 12%, transparent) !important;
        padding-left: 12px !important;
    }

    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .bc_form .g-field-search > .row > [class*="col-"]:nth-child(2) {
        padding-right: 12px !important;
    }

    /* Con un solo destino el campo desaparece del buscador
       (`search_form_fields()`), así que a Espacios le quedan dos campos y no
       tres. Las reglas de arriba —pensadas para tres— dejaban el primero a
       todo lo ancho y el segundo solo en la columna izquierda, con la derecha
       en blanco: justo el hueco que se venía a quitar. Cuando son dos, cada
       uno ocupa su columna. */
    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .bc_form .g-field-search > .row > [class*="col-"]:first-child:nth-last-child(2) {
        grid-column: auto !important;
        border-top: 0 !important;
        padding-right: 12px !important;
    }

    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .bc_form .g-field-search > .row > [class*="col-"]:first-child:nth-last-child(2) ~ [class*="col-"] {
        border-top: 0 !important;
        border-left: 1px solid color-mix(in srgb, var(--bc-text, #374151) 12%, transparent) !important;
        padding-left: 12px !important;
        padding-right: 0 !important;
    }

    /* Y con un solo campo, la fila entera. */
    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .bc_form .g-field-search > .row > [class*="col-"]:only-child {
        grid-column: 1 / -1 !important;
        border-top: 0 !important;
        border-left: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .check-in-wrapper,
    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .form-select-guests .wrapper-more {
        min-width: 0 !important;
    }

    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .check-in-render,
    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .check-out-render,
    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .form-select-guests .render .adults,
    body.bc-skin .bc_wrap .page-template-content .bc-form-search-all #bc_space .form-select-guests .render .children {
        font-size: 13px !important;
        white-space: nowrap !important;
    }
}