*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;color:#10365f}body{background:#eaf6ff}.oculto{display:none!important}.app{min-height:100vh}.screen{display:none;min-height:100vh}.screen.active{display:flex}#pantalla-inicio{flex-direction:column;background:linear-gradient(180deg,#f8fcff,#e5f5ff)}.topbar{min-height:132px;display:flex;align-items:center;justify-content:space-between;padding:25px 56px;background:rgba(255,255,255,.9);border-bottom:1px solid #c8e0ef}.topbar h1{margin:0;font-size:44px;letter-spacing:1px;color:#0c3f78}.topbar p{margin:8px 0 0;font-size:20px;color:#617487}.top-link{background:#0c3f78;color:#fff;text-decoration:none;padding:12px 18px;border-radius:12px;font-weight:700}.contenido{flex:1;width:100%;max-width:920px;margin:auto;padding:42px 30px}.contenido h2{text-align:center;font-size:38px;margin:0 0 36px}.servicios{display:flex;flex-direction:column;gap:22px}.servicio-btn{width:100%;min-height:132px;display:flex;align-items:center;border:1px solid #a8d7b0;border-radius:24px;padding:20px 28px;background:linear-gradient(135deg,#f2ffef,#ddf5db);box-shadow:0 9px 22px rgba(20,70,90,.12);cursor:pointer;transition:.15s;text-align:left}.servicio-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(20,70,90,.17)}.servicio-btn:active{transform:scale(.99)}.servicio-btn:disabled{opacity:.55}.icono{width:110px;min-width:110px;font-size:58px;text-align:center}.texto{display:flex;flex-direction:column;gap:8px;flex:1}.texto strong{font-size:31px;color:#08713c}.texto span{font-size:21px;color:#285943}.flecha{font-size:64px;color:#64a67a}.footer{min-height:90px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:23px;font-weight:700}.center-screen{align-items:center;justify-content:center;padding:30px;background:linear-gradient(180deg,#eff9ff,#dcefff)}.ticket-card,.hora-card{width:min(850px,95vw);background:#fff;border-radius:30px;box-shadow:0 18px 45px rgba(16,54,95,.18);padding:45px;text-align:center}.ticket-card{min-height:620px;display:flex;flex-direction:column;align-items:center;justify-content:center}.check,.error-icon{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:72px;font-weight:900;margin-bottom:25px}.check{background:#11934d}.error-icon{background:#c83b3b}.ticket-card h2{font-size:36px;margin:0}.numero-ticket{font-size:140px;font-weight:900;letter-spacing:8px;color:#08753a;margin:28px 0}.codigo-reserva{font-size:64px;font-weight:900;color:#08753a;margin:25px 0}.separador{height:1px;background:#d3e0e9;width:80%;margin:10px 0 25px}.mensaje-grande{font-size:25px;line-height:1.4}.volver-btn{border:0;border-radius:18px;background:#0b8f49;color:#fff;font-size:22px;font-weight:800;padding:22px 34px;min-width:260px;margin-top:28px;cursor:pointer}.hora-card{text-align:left}.hora-head{display:flex;align-items:center;gap:18px;margin-bottom:22px}.hora-head h2{margin:0;font-size:34px}.hora-head p{margin:5px 0;color:#60758b}.btn-volver-mini{width:48px;height:48px;border:0;border-radius:14px;background:#e8f3fb;color:#0d3c70;font-size:28px;cursor:pointer}.campo{display:flex;flex-direction:column;gap:8px;font-weight:700;margin:18px 0}.campo input,.grid-form input,.admin-form input,.admin-form select{width:100%;padding:14px;border:1px solid #bfd3e2;border-radius:12px;font-size:17px;background:#fff}.grid-horas{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:12px;margin:22px 0}.hora-btn{border:1px solid #acd2b4;border-radius:16px;background:#edfaec;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:5px;color:#0a6635}.hora-btn strong{font-size:24px}.hora-btn.selected{background:#0b8f49;color:#fff}.form-reserva{border-top:1px solid #dbe7ef;padding-top:22px}.hora-seleccionada{font-size:20px;font-weight:800;margin-bottom:15px}.grid-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-form label{display:flex;flex-direction:column;gap:6px;font-weight:700}.loading,.empty,.error-text{padding:22px;text-align:center;background:rgba(255,255,255,.6);border-radius:14px;color:#60758b}.error-text{color:#a52c2c}
/* Login y administración */
.page{min-height:100vh;background:#f3f8fc}.page-header{display:flex;justify-content:space-between;align-items:center;padding:22px 34px;background:#0d3f78;color:#fff}.page-header h1{margin:0}.page-main{max-width:1200px;margin:0 auto;padding:30px}.login-card{width:min(500px,92vw);margin:70px auto;background:#fff;border-radius:24px;padding:34px;box-shadow:0 15px 35px rgba(0,0,0,.12)}.login-card h1{font-size:34px;margin:0 0 4px}.login-card label{display:flex;flex-direction:column;gap:6px;margin-top:15px;font-weight:700}.login-card input{padding:15px;border:1px solid #bfd3e2;border-radius:12px;font-size:17px}.primary-btn,.secondary-btn,.danger-btn{border:0;border-radius:12px;padding:13px 18px;font-weight:800;cursor:pointer}.primary-btn{background:#0b8f49;color:#fff}.secondary-btn{background:#e7f0f7;color:#123e6e}.danger-btn{background:#b63434;color:#fff}.login-card .primary-btn{width:100%;margin-top:20px;font-size:18px;padding:16px}.nav-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.nav-tabs button{border:0;border-radius:12px;padding:12px 16px;background:#e4eef6;color:#153d68;font-weight:800;cursor:pointer}.nav-tabs button.active{background:#0d3f78;color:#fff}.admin-grid{display:grid;grid-template-columns:360px 1fr;gap:20px}.admin-card{background:#fff;border-radius:18px;padding:20px;box-shadow:0 7px 22px rgba(20,54,90,.08)}.admin-card h2{margin-top:0}.admin-form{display:flex;flex-direction:column;gap:10px}.admin-form label{font-size:13px;font-weight:800;color:#49657f}.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table th,.data-table td{padding:11px;border-bottom:1px solid #e1eaf0;text-align:left}.data-table th{background:#f2f7fa;color:#36546f;position:sticky;top:0}.table-wrap{overflow:auto;max-height:620px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#e9f7ec;color:#08713c;font-weight:700}.quick-links{display:flex;gap:8px;flex-wrap:wrap}.quick-links a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.35);padding:9px 12px;border-radius:9px}
@media(max-width:800px){.topbar{padding:22px}.topbar h1{font-size:32px}.contenido{padding:28px 16px}.contenido h2{font-size:29px}.servicio-btn{min-height:110px;padding:14px}.icono{width:78px;min-width:78px;font-size:43px}.texto strong{font-size:23px}.texto span{font-size:17px}.numero-ticket{font-size:90px}.grid-form{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}.page-main{padding:16px}}
@media print{body *{visibility:hidden}#pantalla-ticket,#pantalla-ticket *{visibility:visible}#pantalla-ticket{position:absolute;left:0;top:0;width:80mm}.volver-btn{display:none!important}}

.action-card{min-height:auto!important}.action-icon{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#0d3f78;color:#fff;font-size:48px;font-weight:900;margin-bottom:20px}.action-buttons{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}.action-btn{border:1px solid #b8d8c0;border-radius:22px;padding:25px 18px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;background:#effbed;color:#0a6837}.action-btn.hora{background:#edf6ff;color:#0d4f87;border-color:#b8d4ea}.action-btn span{font-size:52px}.action-btn strong{font-size:22px}.action-btn small{font-size:15px}.action-back{width:auto!important;padding:0 18px!important;margin-top:24px}@media(max-width:700px){.action-buttons{grid-template-columns:1fr}}

.owner-bar{display:flex;justify-content:space-between;align-items:end;gap:20px;background:#fff8e8;border:1px solid #efd18b;border-radius:16px;padding:16px 20px;margin-bottom:18px}.owner-bar div{display:flex;flex-direction:column;gap:4px}.owner-bar small{color:#6f5b2e}.owner-bar label{display:flex;flex-direction:column;gap:6px;font-weight:800}.owner-bar select{min-width:280px;padding:11px;border:1px solid #d5bd82;border-radius:10px;background:#fff}@media(max-width:800px){.owner-bar{align-items:stretch;flex-direction:column}.owner-bar select{width:100%;min-width:0}}

/* Logos de empresas */
.logo-preview{display:flex;align-items:center;gap:12px;padding:10px 0}.logo-preview span{font-weight:700}.logo-preview img{max-width:120px;max-height:70px;object-fit:contain;border:1px solid #d8e3ee;border-radius:8px;background:#fff;padding:6px}.table-logo{max-width:90px;max-height:48px;object-fit:contain;background:#fff;border-radius:6px;padding:3px;border:1px solid #e0e7ef}.admin-form input[type=file]{padding:10px;background:#fff;border:1px dashed #9fb8cf;border-radius:10px}

.access-page{display:flex;align-items:flex-start;justify-content:center}.access-card{margin-top:8vh}.access-brand{display:flex;align-items:center;gap:16px;margin-bottom:18px}.access-brand h1{margin:0}.access-mark{width:64px;height:64px;border-radius:18px;background:#0d3f78;color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900}.access-login{display:flex;align-items:center;justify-content:center;gap:10px}.btn-logo{font-size:22px}.totem-brand{display:flex;align-items:center;gap:18px}.empresa-logo{width:92px;height:72px;object-fit:contain;background:#fff;border-radius:14px;padding:6px;border:1px solid #dbe6ef}.boton-logo{width:74px;height:74px;object-fit:contain;background:#fff;border-radius:16px;padding:6px;border:1px solid rgba(0,0,0,.08)}