.dw-flight-form { max-width: 920px; padding: 1rem; border: 1px solid var(--dw-border); border-radius: var(--dw-radius); }
.dw-row { display: grid; grid-template-columns: 1fr; gap: 12px; margin-bottom: 12px; }
.dw-cols-2 { grid-template-columns: repeat(2, 1fr); }
.dw-cols-3 { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 720px){ .dw-cols-2, .dw-cols-3 { grid-template-columns: 1fr; } }
.dw-label { font-weight: 600; }
.dw-line { grid-template-columns: auto 1fr; align-items: center; column-gap: 16px; }
.dw-toggle { display: inline-flex; gap: 16px; align-items: center; }
.dw-btn { padding: .6rem 1rem; border: 0; border-radius: var(--dw-radius); background: var(--dw-primary); color:white; cursor:pointer; }
.dw-note { font-size: 12px; color: #6b7280; }

/* Autocomplete overlay */
.ui-autocomplete.dw-autocomplete-open { position: absolute; z-index: 10000; border: 1px solid var(--dw-border); border-radius: var(--dw-radius); box-shadow: 0 10px 30px rgba(0,0,0,.15); background:#fff; }
.ui-menu-item-wrapper.ui-state-active, .ui-menu-item-wrapper:hover { background: var(--dw-highlight) !important; }

/* Results page iframe */
.dw-results-wrap { max-width: 1200px; margin: 0 auto; }
.dw-results-iframe { width: 100%; min-height: 80vh; border: 1px solid var(--dw-border); border-radius: var(--dw-radius); }

/* Modal */
/* === Ventana Modal - Ajustada a 95% === */
.dw-modal .dw-backdrop {
    position: fixed;
    inset: 0;
    background: var(--dw-overlay);
    z-index: 9998;
}

.dw-modal .dw-dialog {
    position: fixed;
    z-index: 9999;
    top: 2.5vh;                 /* margen superior para centrar */
    left: 50%;
    transform: translateX(-50%);
    width: 95vw;                /* 95% del ancho de la ventana */
    height: 95vh;               /* 95% del alto de la ventana */
    background: #fff;
    border-radius: var(--dw-radius);
    display: flex;
    flex-direction: column;
    border: 1px solid var(--dw-border);
}

.dw-modal .dw-close {
    align-self: flex-end;
    margin: 8px;
    border: 0;
    background: transparent;
    font-size: 22px;
    cursor: pointer;
}

.dw-modal .dw-iframe-wrap {
    flex: 1;
    padding: 0 12px 12px 12px;
}

.dw-modal iframe {
    width: 100%;
    height: 100%;
    border: 1px solid var(--dw-border);
    border-radius: var(--dw-radius);
}

.dw-modal .dw-fallback {
    padding: 8px 12px 12px;
    font-size: 14px;
}