body.room-view #inicio,body.room-view #jornada,body.room-view #referencia,body.room-view .footer{display:none}
.room-page[hidden]{display:none!important}
.room-page{padding-top:34px;padding-bottom:90px;min-height:calc(100vh - 80px)}
.room-back{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:35px;color:#8c9b90;font-size:11px;letter-spacing:.08em}
.room-back button{background:none;border:0;padding:0;color:#276c49;font-weight:700;font-size:13px}
.room-back button:hover{text-decoration:underline}
.room-head{display:flex;justify-content:space-between;align-items:end;gap:20px;border-bottom:1px solid #dce6db;padding-bottom:28px;margin-bottom:24px}
.room-head h1{font:500 clamp(42px,5vw,60px)/1.1 Georgia,serif;margin:9px 0 6px;color:#17372d}
.room-head p{color:#819386;margin:0;font-size:13px}
.room-account-pill{display:inline-block;background:#ecf2eb;color:#326344;border:1px solid #d5e4d4;padding:6px 9px;border-radius:30px;font-size:11px;font-weight:700;margin-top:12px}
.room-moved{display:inline-block;margin-left:9px;color:#55735d;font-size:11px}
.room-transfer{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;border:1px solid #c8ddcb;border-radius:12px;background:#edf5ec;padding:16px 18px;margin-bottom:22px}
.room-transfer>div{max-width:460px}
.room-transfer strong{font-size:13px;color:#2f6243}
.room-transfer p{margin:6px 0 0;font-size:11px;line-height:1.5;color:#617965}
.room-transfer form{display:flex;align-items:end;gap:9px}
.room-transfer label{min-width:190px}
.room-transfer button{border:0;border-radius:8px;padding:12px;background:#245740;color:white;font-size:11px;font-weight:700;white-space:nowrap}
.room-transfer button:disabled{opacity:.5}
.room-transfer .error{flex-basis:100%}
.room-checkout-bar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:#fff3e4;border:1px solid #e9d4b7;border-radius:11px;padding:14px 17px;margin:-5px 0 23px;color:#805c30;font-size:12px}
.room-checkout-bar button{background:#795326;border:0;border-radius:8px;color:white;font-size:12px;font-weight:700;padding:11px 14px;white-space:nowrap}
.room-checkout-bar button:hover{background:#61411d}
.room-total{background:#e0eedf;border:1px solid #c7ddc7;border-radius:12px;padding:17px 20px;min-width:215px}
.room-total small{display:block;letter-spacing:.1em;font-size:10px;color:#5b8465;font-weight:700}
.room-total strong{display:block;font:500 27px Georgia,serif;color:#245c3d;margin:7px 0}
.room-total span{font-size:10px;color:#7b9680}
.room-columns{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;align-items:start}
.room-left,.room-right{display:grid;gap:20px}
.room-section{border:1px solid #e1e9df;background:#fff;border-radius:14px;padding:23px;box-shadow:0 8px 24px #173b2408}
.room-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:17px}
.room-section-title h2{font:500 21px Georgia,serif;margin:0;color:#244533}
.room-section-title>span{font-size:11px;color:#94a396}
.room-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px 20px}
.room-detail-grid>div{border-bottom:1px solid #edf0eb;padding-bottom:11px;min-width:0}
.room-detail-grid span{display:block;font-size:11px;color:#8a9a8d;margin-bottom:4px}
.room-detail-grid strong{display:block;font-size:13px;color:#31523b;overflow-wrap:anywhere}
.room-guest{display:flex;align-items:center;gap:11px;border-top:1px solid #ebefea;padding:13px 0}
.room-guest:first-of-type{border-top:0}
.room-flag{font-size:22px}
.room-guest div{flex:1;min-width:0}
.room-guest strong{display:block;font-size:13px;color:#31523b}
.room-guest small{display:block;font-size:11px;color:#8d9b8f;margin-top:4px;overflow-wrap:anywhere}
.room-guest-badge{font-size:10px;color:#71937a;border:1px solid #d9e8d9;padding:5px 7px;border-radius:30px;white-space:nowrap}
.room-help,.room-disclaimer{color:#849486;font-size:12px;line-height:1.6}
.room-help{margin:0 0 18px}
#consumption-form>.field{display:block;margin-top:15px}
.individual-totals{background:#f1f6ef;border:1px solid #dce9d9;border-radius:10px;padding:16px;margin-top:20px}
.individual-totals h3{font-size:12px;color:#53795a;letter-spacing:.08em;text-transform:uppercase;margin:0 0 9px}
.individual-totals>div{display:flex;justify-content:space-between;border-top:1px solid #dce9d9;padding:10px 0;font-size:12px;color:#587261}
.individual-totals>div strong{color:#2c5a3e}
.room-input-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}
.room-input-pair .field{display:block}
.room-submit{width:100%;margin-top:20px}
.room-ledger{margin-top:20px}
.room-table-wrap{overflow-x:auto}
.room-ledger table{width:100%;border-collapse:collapse;min-width:670px;text-align:left}
.room-ledger th{font-size:10px;color:#9aa79b;letter-spacing:.08em;text-transform:uppercase;padding:10px 8px;border-bottom:1px solid #e0e7de}
.room-ledger td{padding:13px 8px;border-bottom:1px solid #eef1ed;font-size:12px;color:#617768}
.room-ledger td strong{color:#2a5338;font-size:12px}
.room-ledger td small{display:block;color:#a3afa5;font-size:10px;margin-top:4px}
.remove-line{border:0;background:none;color:#a84b3e;font-size:11px;padding:4px}
.remove-line:hover{text-decoration:underline}
.room-ledger-total{display:flex;justify-content:flex-end;align-items:center;gap:25px;margin-top:18px;color:#708573;font-size:12px}
.room-ledger-total strong{font:500 22px Georgia,serif;color:#295b40}
.room-disclaimer{margin:20px 0 0;border-top:1px solid #e6ece5;padding-top:15px}
@media(max-width:780px){.room-columns{grid-template-columns:1fr}.room-page{padding-top:22px}.room-head{align-items:start}.room-total{min-width:175px}}
@media(max-width:560px){.room-back span{display:none}.room-head{display:block}.room-total{margin-top:22px}.room-detail-grid{grid-template-columns:1fr 1fr}.room-section{padding:18px}.room-guest-badge{display:none}.room-checkout-bar{display:block}.room-checkout-bar button{margin-top:12px;width:100%}}
@media(max-width:780px){.room-transfer{display:block}.room-transfer form{margin-top:13px}.room-transfer label{flex:1}}
@media(max-width:560px){.room-transfer form{display:block}.room-transfer button{width:100%;margin-top:9px}}
.billing-choice{border:1px solid #d5e6d5;background:#f5f9f3;border-radius:10px;padding:16px;margin:18px 0}
.billing-choice legend{font-size:12px;font-weight:700;color:#3b6245;padding:0 6px}
.billing-choice label{display:flex;gap:10px;align-items:start;padding:9px 0;cursor:pointer}
.billing-choice input{width:17px;height:17px;min-height:0;flex:none;margin:1px 0;accent-color:#226a42}
.billing-choice strong{display:block;color:#2d533a;font-size:12px}
.billing-choice small{display:block;color:#829486;font-size:11px;margin-top:3px}
.billing-choice p{font-size:11px;color:#6d886f;margin:7px 0 0}
.room-extension{background:#fff;border:1px solid #c4d9e2;border-radius:12px;padding:18px 20px;margin-bottom:22px}
.room-extension-head strong{font-size:17px;color:#1d485a}
.room-extension-head p,.room-extension-note{margin:5px 0 15px;color:#557480;font-size:14px;line-height:1.5}
#extend-stay-form{display:grid;grid-template-columns:minmax(180px,230px) minmax(230px,1fr);gap:15px 22px;align-items:start}
#extend-stay-form>.field{font-size:14px}
.extension-options{border:0;padding:0;margin:0;min-width:0}
.extension-options legend{font-size:14px;font-weight:700;color:#335d69;margin-bottom:8px}
.extension-options label{display:flex;align-items:center;gap:9px;margin:7px 0;font-size:14px;color:#31515c;cursor:pointer}
.extension-options input{width:18px;height:18px;min-height:0;flex:none;margin:0;accent-color:#285a70}
.extension-choice{grid-column:1/-1;background:#f2f8fa;border:1px solid #d9e8ed;border-radius:9px;padding:14px;max-width:600px}
.extension-choice[hidden]{display:none}
.extension-choice .field{max-width:320px;font-size:14px}
.extension-choice p{font-size:14px;color:#4b6873;line-height:1.5;margin:0 0 11px}
.extension-choice p:last-child{margin-bottom:0}
#extend-stay-form>button{grid-column:1/-1;justify-self:start;border:0;background:#245740;color:white;border-radius:8px;font-weight:700;font-size:14px;min-height:44px;padding:10px 16px}
#extend-stay-form>.room-extension-note{grid-column:1/-1;margin:0;font-size:13px}
.room-extension>.error{margin:15px 0 0;font-size:14px;line-height:1.5}
@media(max-width:650px){#extend-stay-form{grid-template-columns:1fr}#extend-stay-form>.field{max-width:320px}}