:root{--ink:#24372e;--soft:#626e65;--accent:#8b613c;--line:#dedfd6;--cream:#f7f5ef}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.6}
.topbar{max-width:1240px;margin:auto;padding:25px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}
.brand{font:600 1.6rem Georgia,serif;color:var(--ink);text-decoration:none}.topbar>span{font-size:.85rem;color:var(--soft)}
.login-layout{max-width:1160px;min-height:76vh;margin:auto;display:grid;grid-template-columns:1.1fr 1fr;gap:85px;align-items:center;padding:65px 40px}
.eyebrow{font-size:.72rem;letter-spacing:.16em;font-weight:700;color:var(--accent)}
h1{font:400 clamp(2.6rem,5.2vw,4.7rem)/1.08 Georgia,serif;letter-spacing:-.035em;margin:24px 0}
.welcome>p{max-width:420px;color:var(--soft);font-size:1.1rem}.welcome-note{display:flex;align-items:center;gap:16px;max-width:400px;margin-top:42px;border-top:1px solid var(--line);padding-top:22px}.welcome-note>span{font-size:2.3rem;color:var(--accent)}.welcome-note p{font-size:.88rem;color:var(--soft)}
.login-panel{padding:42px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 14px 40px #28392b08}
h2{font:400 2rem/1.2 Georgia,serif;margin:14px 0}.login-panel>p,.help{color:var(--soft);font-size:.94rem}
label{display:block;font-size:.9rem;font-weight:650;margin:22px 0 7px}
input:not([type=hidden]){width:100%;min-height:50px;padding:11px 14px;border:1px solid #bbc4ba;border-radius:9px;font:inherit;color:var(--ink);background:#fff}
button{display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;font:600 .95rem system-ui;border:0;border-radius:9px;background:var(--ink);color:white;padding:15px 20px;width:100%}
button:hover{background:#395342}.error{color:#9b3222;font-size:.9rem;min-height:1.6em;margin:15px 0}.help{border-top:1px solid var(--line);padding-top:22px;margin-top:28px;font-size:.83rem}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
footer{max-width:1240px;margin:auto;padding:25px 40px;border-top:1px solid var(--line);font-size:.8rem;display:flex;justify-content:space-between;gap:16px;color:var(--soft)}
.private-layout{max-width:1000px;margin:auto;min-height:76vh;padding:65px 40px}.private-layout h1{font-size:clamp(2.2rem,5vw,3.6rem);overflow-wrap:anywhere}.lead{color:var(--soft)}
.empty-state{border:1px solid var(--line);border-radius:20px;background:white;padding:50px 30px;text-align:center;margin-top:36px}.empty-state p{max-width:540px;margin:16px auto;color:var(--soft)}.sun{font-size:3rem;color:var(--accent)}
.logout{background:transparent;color:var(--ink);border:1px solid var(--line);padding:9px 16px}.logout:hover{background:#e6e9df}
@media(max-width:760px){.topbar{padding:20px 24px}.login-layout{grid-template-columns:1fr;gap:30px;padding:40px 24px}.welcome h1{font-size:3rem}.welcome-note{display:none}.login-panel{padding:28px}.private-layout{padding:40px 24px}footer{padding:24px;flex-direction:column;gap:4px}}
/* Portal de estancia y gestión privada */
html{scroll-behavior:smooth}
.portal-layout{max-width:1240px;padding-top:52px}
.portal-heading{max-width:800px}.portal-heading h1{margin-top:18px}
.portal-jumps{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 34px}
.portal-jumps a{display:inline-block;border:1px solid var(--line);border-radius:999px;background:white;padding:10px 18px;color:var(--ink);font-size:.9rem;text-decoration:none}
.portal-jumps a:hover{background:#e9ecdf}
.stay-summary{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);align-items:start;gap:24px;text-align:center;background:var(--ink);color:white;border-radius:22px;padding:32px;margin-bottom:24px}
.summary-heading .eyebrow{color:#e5c99e}.summary-heading h2{font-size:2rem}.summary-heading p{color:#d7e0d6;margin:8px 0}
.summary-heading{min-width:0;overflow-wrap:anywhere}.summary-heading h2{margin:7px 0 0}
.stay-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;border:0}
.stay-facts dt{color:#d5ddce;font-size:.85rem}.stay-facts dd{margin:7px 0 0;font-weight:650;font-size:1.12rem}.stay-facts small{display:block;color:#d5ddce;font-weight:400;font-size:.82rem;margin-top:4px}
.portal-grid{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:24px}
.portal-card{background:white;border:1px solid var(--line);border-radius:20px;padding:30px;min-width:0;scroll-margin-top:24px}
.portal-card>p{color:var(--soft);font-size:.95rem}.portal-card h2{font-size:1.8rem}.portal-card h3{font-size:.95rem;margin-top:25px}
.card-symbol{display:block;color:var(--accent);font-size:2.1rem;line-height:1;margin-bottom:20px}
.secret{background:var(--cream);border:1px solid var(--line);border-radius:11px;margin-top:16px;overflow:hidden}
.secret summary{padding:15px 18px;cursor:pointer;font-weight:600;font-size:.92rem}
.secret-value{margin:0;border-top:1px solid var(--line);padding:16px 18px;font-family:ui-monospace,Consolas,monospace;font-size:1.12rem;overflow-wrap:anywhere;white-space:pre-wrap;color:var(--ink);user-select:all}
.info-list{margin:20px 0}.info-list>div{padding:12px 0;border-bottom:1px solid var(--line)}.info-list dt{font-size:.8rem;color:var(--soft)}.info-list dd{margin:4px 0 0;overflow-wrap:anywhere}.network-name{font-family:ui-monospace,Consolas,monospace}
.multiline{white-space:pre-wrap;overflow-wrap:anywhere}.quiet{font-size:.83rem!important;margin-top:24px}
.wifi-qr{margin:24px 0 0;padding:20px;background:var(--cream);border:1px solid var(--line);border-radius:12px;text-align:center}
.wifi-qr svg{display:block;width:240px;max-width:100%;height:auto;margin:0 auto;background:#fff;border-radius:4px}
.wifi-qr figcaption{margin-top:14px;font-size:.9rem}.wifi-qr figcaption strong,.wifi-qr figcaption span{display:block}.wifi-qr figcaption span{margin-top:6px;color:var(--soft);font-size:.83rem}
.emergency-note{background:var(--cream);border-radius:10px;padding:18px;margin-top:28px;font-size:.87rem}.emergency-note p{margin-bottom:0;color:var(--soft)}
.privacy-note{color:var(--soft);font-size:.85rem;margin-top:28px}
.admin-badge{font:500 .68rem system-ui;vertical-align:middle;color:var(--soft);margin-left:10px;border:1px solid var(--line);border-radius:6px;padding:4px 7px}
.admin-list,.admin-editor{margin-top:28px;background:white;border:1px solid var(--line);border-radius:20px;padding:30px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.section-heading h2{margin:0}
.text-link,.admin-editor a,table a{color:var(--accent);text-underline-offset:4px;font-weight:600}
.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem;text-align:left}th{font-size:.75rem;letter-spacing:.03em;color:var(--soft);background:var(--cream);padding:12px 14px}td{padding:16px 14px;border-bottom:1px solid var(--line);vertical-align:top}.table-note{display:block;font-size:.8rem;color:var(--soft);margin-top:3px}
.status-pill{display:inline-block;border-radius:999px;padding:3px 10px;font-size:.76rem}.enabled{color:#285235;background:#e9f2e4}.disabled{color:#873c2b;background:#faeee7}
.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px}.form-group-title{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;margin:26px 0 0;font-size:1.05rem}
.form-field{min-width:0}.form-field label{margin-top:16px}.form-field small{display:block;font-size:.78rem;color:var(--soft);margin-top:6px}
textarea{width:100%;padding:12px;border:1px solid #bbc4ba;border-radius:9px;font:inherit;resize:vertical;color:var(--ink);background:#fff}
.full-width{grid-column:1/-1}.active-checkbox{display:flex;align-items:center;gap:10px;margin:28px 0 10px}.active-checkbox input{width:20px;min-height:20px;height:20px;margin:0;accent-color:var(--ink)}
.editor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:26px}.editor-actions button{width:auto;min-width:190px}.editor-actions a{font-size:.88rem}
.notice{color:#285235}.notice:empty,.admin-editor>.error:empty{display:none}
@media(max-width:760px){.portal-layout{padding:35px 24px}.portal-grid,.admin-form-grid{grid-template-columns:1fr}.stay-summary{padding:20px 14px;gap:12px}.summary-heading .eyebrow{font-size:.65rem;letter-spacing:.04em}.summary-heading h2{font-size:1.1rem}.stay-facts{gap:12px}.stay-facts dt{font-size:.75rem}.stay-facts dd{font-size:.9rem;overflow-wrap:anywhere}.stay-facts small{font-size:.72rem}.portal-card,.admin-list,.admin-editor{padding:24px}.section-heading{align-items:flex-start;flex-direction:column}.admin-badge{display:block;margin:3px 0 0;width:fit-content}.portal-jumps a{padding:9px 14px;font-size:.85rem}}
/* Retrato circular de la anfitriona, sin alterar la imagen original. */
.host-photo{display:block;width:112px;height:112px;border-radius:50%;object-fit:cover;object-position:center;border:4px solid #eadbc7;box-shadow:0 4px 18px #24372e18;margin-bottom:22px}
.host-initial{display:flex;align-items:center;justify-content:center;background:#f7f5ef;color:var(--accent);font:400 3rem Georgia,serif}

/* Foto a la derecha del título, centrada en su misma fila. */
.host-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:14px 0}
.host-heading h2{margin:0}
.host-heading .host-photo{flex-shrink:0;margin:0}
@media(max-width:480px){.host-heading .host-photo{width:80px;height:80px}}
/* Filtros y ordenación del listado de estancias. */
.listing-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:18px;margin:24px 0 12px;padding:18px;background:var(--cream);border-radius:12px}
.listing-filters label{margin:0 0 7px;font-size:.88rem}
.listing-filters .listing-checkbox{display:flex;align-items:center;gap:10px;align-self:center;margin:0;white-space:nowrap}
.listing-checkbox input{width:20px;min-height:20px;height:20px;margin:0;accent-color:var(--ink)}
.listing-property{flex:1;min-width:200px;max-width:340px}
.listing-property select{width:100%;min-height:44px;padding:10px 12px;border:1px solid #bbc4ba;border-radius:9px;font:inherit;background:white;color:var(--ink)}
.listing-filters button{width:auto;min-height:44px;padding:11px 20px}
.listing-filters>.text-link{align-self:center;font-size:.85rem}
.listing-count{font-size:.87rem;font-weight:650;margin:14px 0 5px}
.listing-hint{color:var(--soft);font-size:.8rem;margin:0 0 16px}
.stays-table{min-width:1060px}
.stays-table th{white-space:nowrap}
.stays-table th a{display:inline-flex;align-items:center;gap:6px;color:var(--ink);text-decoration:none}
.stays-table th a:hover{text-decoration:underline}
.stays-table th[aria-sort]{background:#e9ecdf}
.stays-table th a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.stays-table td:nth-child(4),.stays-table td:nth-child(5){white-space:nowrap}
@media(max-width:600px){.listing-filters{align-items:stretch;gap:16px}.listing-property{max-width:none;flex-basis:100%}.listing-filters button{flex:1}}
/* Alinear la casilla con el centro del selector de alojamiento. */
.listing-filters .listing-checkbox{align-self:flex-end;min-height:44px;margin:0}
.status-pill.expired{background:#d50000;color:#fff;font-weight:750;border:1px solid #b40000;box-shadow:0 1px 4px #d5000030}
.session-note{color:var(--soft);font-size:.82rem;margin:26px 0 0}

/* Caducadas: destacar toda la fila, incluidas las acciones. */
.stays-table .expired-row td{background:#d50000;color:#fff;border-bottom-color:#b00000}
.stays-table .expired-row a,.stays-table .expired-row .table-note{color:#fff}
.stays-table .expired-row a:focus-visible{outline:2px solid #fff;outline-offset:4px}
.stays-table .expired-row .status-pill.expired{border-color:#ffffff70;box-shadow:none}

/* Acceso activo: verde visible solo en su indicador de la columna Acceso. */
.stays-table .status-pill.enabled{background:#087f23;color:#fff;font-weight:750;border:1px solid #05651b}

/* Filas compactas y edición mediante lápiz. */
.stays-table td{padding:6px 12px;vertical-align:middle}
.stays-table .expiry-cell{white-space:nowrap}
.stays-table .edit-cell{text-align:center}
.stays-table .edit-stay{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid currentColor;border-radius:7px;font-size:1.3rem;line-height:1;text-decoration:none}
.stays-table .edit-stay:hover{background:#ffffff25;text-decoration:none}
.stay-actions{display:flex;align-items:center;justify-content:center;gap:7px}
.view-stay{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;gap:0;background:transparent;color:var(--ink);border:1px solid currentColor;border-radius:7px}
.view-stay svg{fill:none;stroke:currentColor;stroke-width:1.7}.view-stay:hover,.view-stay[aria-expanded=true]{background:#e9ecdf;color:var(--ink)}
.stays-table .expired-row .view-stay{color:#fff}.stays-table .expired-row .view-stay:hover,.stays-table .expired-row .view-stay[aria-expanded=true]{background:#ffffff25}
.stay-detail-row[hidden]{display:none}.stays-table .stay-detail-row>td{padding:22px;background:#f7f5ef;border-bottom:2px solid var(--line);white-space:normal}
.stay-detail-row h3{font-size:1rem;margin:0 0 16px}.stay-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 28px;margin:0}
.stay-detail-grid>div{min-width:0}.stay-detail-grid dt{font-size:.78rem;color:var(--soft);font-weight:650}.stay-detail-grid dd{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.5}
.admin-reports{margin-top:28px;padding:30px;background:#fff;border:1px solid var(--line);border-radius:20px}.admin-reports h2{font-size:1.6rem}.admin-reports>p{font-size:.88rem;color:var(--soft)}
.report-form{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px 22px;margin:20px 0}.report-form>div{flex:1;min-width:180px}.report-form label{margin:0 0 7px}
.report-form select{width:100%;min-height:50px;border:1px solid #bbc4ba;border-radius:9px;padding:11px 14px;font:inherit;background:#fff;color:var(--ink)}
.report-form .stay-checkbox{margin:0;min-height:50px}.report-form button{width:auto;min-height:50px}.admin-reports .listing-hint{margin-bottom:0}
@media(max-width:600px){.stay-detail-grid{grid-template-columns:1fr}.admin-reports{padding:24px}.report-form>div,.report-form button{flex-basis:100%}}

/* Reservar espacio al huésped y ajustar las columnas de fecha al contenido. */
.stays-table{font-size:.84rem}
.stays-table th{font-size:.72rem;padding:10px}
.stays-table td{padding:6px 10px}
.stays-table th:nth-child(2),.stays-table td:nth-child(2){min-width:240px;white-space:nowrap}
.stays-table th:nth-child(7),.stays-table td:nth-child(7){width:1%;white-space:nowrap}
.stays-table th:nth-child(8),.stays-table td:nth-child(8){width:1%;white-space:nowrap}

.stay-checkbox{display:flex;align-items:center;gap:10px}
.stay-checkbox-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin-top:14px}
.stay-checkbox-group .stay-checkbox{margin:0;white-space:nowrap}
.stay-checkbox input[type=checkbox]{width:20px;min-height:20px;height:20px;padding:0;margin:0;accent-color:var(--ink);flex-shrink:0}
.phone-field{display:flex;align-items:center;gap:10px}
.phone-field>span{font-size:1.5rem;flex-shrink:0}
.phone-flag{display:inline-block;vertical-align:-2px;margin-right:5px;border-radius:2px;box-shadow:0 0 0 1px #00000015}
.phone-field input{min-width:0}
.form-field select{width:100%;min-height:50px;padding:11px 14px;border:1px solid #bbc4ba;border-radius:9px;font:inherit;color:var(--ink);background:#fff}
.topbar > .login-home-link{margin-right:auto;font-size:.9rem}
@media(max-width:600px){.topbar:has(.login-home-link){flex-wrap:wrap}.topbar > .login-home-link{order:3;flex-basis:100%}}