*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;flex-direction:column;background:#fff;color:#1a1a1a}.hero,body{display:flex}.hero{position:relative;width:100%;overflow:hidden;align-items:center;justify-content:center}.hero-banner{position:relative;z-index:10;max-width:100%;height:auto;max-height:500px;object-fit:contain;display:block}.hero-panel{position:absolute;top:0;bottom:0;z-index:0;pointer-events:none}.hero-panel-izq{left:0}.hero-panel-der{right:0}.filter-section{background:linear-gradient(180deg,#f9f9f9,#fff);padding:1.5rem 0}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.filter-box{background:#fff;border-radius:4px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);border:2px solid #e5e5e5;padding:1rem}.filter-inner{display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media (min-width:768px){.filter-inner{flex-direction:row}}.select-wrapper{width:100%;max-width:320px}.city-select{width:100%;height:48px;font-size:1.125rem;border:2px solid #d4d4d4;border-radius:12px;background:linear-gradient(90deg,#f9f9f9,#fff);font-weight:500;padding:0 1rem;cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;color:#1a1a1a;transition:border-color .2s}.city-select:focus{outline:none;border-color:#555}.hotels-section{flex:1;background:linear-gradient(180deg,#fff,#eff6ff);padding:3rem 0}.hotels-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}@media (min-width:768px){.hotels-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.hotels-grid{grid-template-columns:repeat(3,1fr)}}.hotel-card{display:flex;flex-direction:column;gap:1rem}.hotel-card-image{position:relative;aspect-ratio:1/1;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer}.hotel-card:hover .hotel-card-image{box-shadow:0 25px 50px -12px rgba(0,0,0,.25);transform:translateY(-8px)}.hotel-bg{position:absolute;inset:0;background-size:cover;background-position:50%;transition:transform .5s ease}.hotel-card:hover .hotel-bg{transform:scale(1.1)}.hotel-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(23,37,84,.35),rgba(30,58,138,.15),transparent)}.hotel-content{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:2rem 2rem 3rem}.btn-reservar{display:inline-flex;align-items:center;justify-content:center;padding:0 2rem;height:56px;font-size:1.25rem;font-weight:700;background:transparent;color:#fff;border:4px solid #fff;cursor:pointer;transition:all .3s ease;text-decoration:none;letter-spacing:.025em}.btn-reservar:hover{background:rgba(255,255,255,.1);transform:scale(1.05)}.hotel-name{text-align:center;font-size:1.125rem;font-weight:600;color:#1f2937;line-height:1.4}.site-footer{background-size:800px 600px;background-position:50%;color:#fff;padding:3rem 0}.footer-inner{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:2rem}@media (min-width:768px){.footer-inner{flex-direction:row;align-items:center}}.footer-left{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;flex:1}.footer-logo{height:80px;width:auto}.footer-text{font-size:1rem;line-height:1.6;max-width:640px;color:#fff}.footer-right{text-align:left}@media (min-width:768px){.footer-right{text-align:right}}.footer-copyright{font-size:1.125rem;font-weight:500}.hotel-card.hidden-card{display:none}