/* Generales */
body{background-color:initial;}
.square-img{ aspect-ratio:1 / 1; }
.square-img img{width:100%;height:100%;object-fit:cover;}
.ratio-16x9{aspect-ratio:16 / 9;position:relative;overflow:hidden;}
.ratio-16x9 img{width:100%;height:100%;object-fit:cover;}
.ratio-16x9 .overlay{inset:0;}
.text-2line{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
@media (min-width:992px){
	.pastilla-search{position:fixed;left:30px;top:150px;width:340px;z-index:999;transition:transform .35s ease, opacity .35s ease;}
	.pastilla-search.oculta{transform:translateY(40px);opacity:0;pointer-events:none;}
	.pastilla-search.visible{transform:translateY(0);opacity:1;}
	.pastilla-toggle{width:100%;border:none;padding:12px;border-radius:30px;background:#000;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 8px 20px rgba(0,0,0,.25);}
	.pastilla-inner{background:#fff;padding:16px;border-radius:22px;margin-top:10px;box-shadow:0 12px 35px rgba(0,0,0,.15);display:none;}
	.pastilla-search.expandida .pastilla-inner{display:block;}
	.pastilla-search.expandida .pastilla-toggle{background:#333;}
	.pastilla-search #searchBarForm{flex-direction:column;gap:10px;}
}
/* Home */
.s_slide h1, .s_slide h2{color:#FFF;}
/* Form index */
.search-container{width:100%;padding:10px;display:flex;justify-content:center;}
.search-container .search{display:flex;gap:10px;align-items:flex-end;background-color:#FFF;border-radius:0.25rem;width:fit-content;padding:1rem 0.75rem;box-shadow:0 4px 12px rgba(0, 0, 0, 0.3);}
.search .guest-field {display:flex;flex-direction:column;position:relative;margin-bottom:0.75rem;}
.search .guest-field .guest-box{position:relative;height:3.5rem;padding:1rem 0.75rem 0 0.75rem;display:flex;align-items:center;font-size:1rem;color:#495057;background-color:#f8f9fa;border:1px solid #ced4da;border-radius:0.375rem;cursor:pointer;}
.search .guest-field .guest-box:hover {border-color:#86b7fe;box-shadow:0 0 0 0.2rem rgba(13,110,253,.25);}
.search .guest-field label{position:absolute;top:0;height:100%;padding:0.375rem 0;transition:all 0.1s ease-in-out;background:transparent;color:var(--bs-body-color);left:0.75rem;font-size:0.8rem;color:#6c757d;pointer-events:none;transition:0.2s all;}
.search .guest-panel{display:none;position:absolute;top:calc(100% + 0.25rem);left:0;width:220px;padding:10px;border:1px solid #ced4da;border-radius:0.375rem;background-color:#fff;box-shadow:0 3px 10px rgba(0,0,0,0.1);z-index:10;}
.search .guest-panel input.form-control{width:60px;padding:0.25rem 0.5rem;text-align:center;font-size:0.875rem;}
.search .guest-panel.open{display:block;}
.search .close-panel{width:100%;padding:6px;border:none;background:black;color:white;border-radius:0.25rem;cursor:pointer;margin-top:5px;}
.search .btn-buscar{padding:8px 14px;background:black;color:white;border:none;border-radius:0.25rem;font-size:14px;cursor:pointer;margin-top:0.25rem;}
.search .btn-buscar:hover{background:#333;}
/* *** */
.guest-row {display:flex;justify-content:space-between;align-items:center;margin-bottom:0.5rem;}
.guest-counter {display:flex;align-items:center;gap:0.25rem;}
.guest-counter button {width:30px;height:30px;border:1px solid #ccc;background:#f8f9fa;border-radius:4px;cursor:pointer;font-size:1.2rem;}
.guest-counter input {width:40px;text-align:center;border:1px solid #ccc;border-radius:4px;background:#fff;}
/* modal */
.modal.propietario .modal-content{background-color: #627afe;color: #FFF;}
.modal.propietario .modal-content .btn-primary{color:#000;background-color:#f8f9fa;border-color:#f8f9fa;}
.modal.propietario .modal-content .text-secondary p, .modal.propietario .modal-content .text-secondary a{color:#f8f9fa !important;}
.msj-ok{color: var(--bs-success);text-align: center;font-size: 14px;background: var(--bs-light);border-radius: 10px;padding: 5px;line-height: 1.25em;}
.msj-error{color: var(--bs-danger);text-align: center;font-size: 14px;background: var(--bs-light);border-radius: 10px;padding: 5px;line-height: 1.25em;}
.texto-legal .h1{font-size: 1.25rem;margin-bottom: 1rem;}
/* Responsive */
@media (max-width:768px){ .search-container .search{flex-direction:column;align-items:stretch;} }