/* Tupé: lo que suman entrar, unirme, reserva y turno sobre rica.css. Misma paleta, mismas tipografías. */
.logo-h{display:block;height:40px;width:auto;flex:none}
.marca{display:inline-flex;align-items:center;color:var(--marfil)}
.casa-sola{grid-template-columns:minmax(0,1fr)}
.vacio-r{padding:14px 2px;color:var(--tinta2);font-size:15px}
.err-r{margin:10px 0 0;padding:10px 12px;border-radius:10px;background:#de5a221f;color:#8f3510;font-size:14px;font-weight:540}
.datos{display:grid;gap:11px;margin:2px 0 14px}
.datos label{display:grid;gap:5px;font-size:13.5px;font-weight:540;color:var(--tinta)}
.datos input{width:100%;min-height:48px;padding:10px 12px;border:0;border-radius:11px;background:#fff8ec;color:var(--tinta);font:inherit;font-size:16px;box-shadow:0 0 0 1px var(--lineao) inset}
.datos input:focus-visible{outline:2px solid var(--carmin);outline-offset:1px}
.d span{font-size:12px;opacity:.72}
.sec-r{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:0 14px;border-radius:12px;box-shadow:0 0 0 1px var(--lineao) inset;color:var(--tinta);font-weight:540;text-decoration:none;background:none;cursor:pointer}
.sec-r:hover{background:#1c120c0d}.sec-r.chico{width:auto;min-height:38px}

/* Entrar y unirme */
.acceso,[data-acceso]{min-height:100dvh;display:grid;place-items:center;padding:clamp(16px,4vw,40px)}
.acc-t{width:min(100%,430px);display:grid;gap:14px;padding:clamp(24px,5vw,36px);border-radius:var(--r);background:var(--marfil);color:var(--tinta);box-shadow:0 30px 60px -24px #000}
.acc-t .marca{color:var(--tinta);margin-bottom:6px}
.acc-t h1{font-family:Jost,Hanken,sans-serif;font-weight:300;font-size:clamp(30px,6vw,38px);line-height:1.08;letter-spacing:-.02em}
.acc-t>p{color:var(--tinta2)}
.acc-t .cta{background:var(--laca);color:var(--marfil);box-shadow:none;text-decoration:none}
.acc-t .cta:hover{background:var(--laca2)}
.acc-t .cta.goo{background:#fff;color:#1f1f1f;box-shadow:0 0 0 1px var(--lineao) inset}
.acc-t .cta.goo:hover{background:#fff8ec}
.legal-r{font-size:12.5px;color:var(--tinta2)}.legal-r a{color:inherit;text-decoration:underline}

/* Turno */
.turno-r{display:grid;gap:16px;width:min(100%,460px);margin-inline:auto;padding:clamp(18px,4vw,34px) 14px 40px}
.turno-m{justify-self:center;margin-bottom:4px}
.turno-r .tk-d,.turno-r .tk-b{margin-top:6px}
.acc-r{display:grid;gap:9px;margin-top:12px}.acc-r>p{color:var(--tinta2);font-size:14px}
.tk-p .cta{background:var(--laca);color:var(--marfil);box-shadow:none}.tk-p .cta:hover{background:var(--laca2)}
.preg-r{font-weight:600;color:var(--tinta)!important;font-size:16px!important}
.ok-r{padding:13px 15px;border-radius:13px;background:var(--marfil);color:var(--tinta);font-weight:540}
.cambio-r{display:grid;gap:14px}.cambio-r .p-h{align-items:center}.cambio-r .cta{background:var(--laca);color:var(--marfil);box-shadow:none}

/* Entrar y crear barbería: en pantallas bajas la tarjeta se compacta y entra entera, sin scroll. */
@media (max-height:760px){
  .acceso,[data-acceso]{padding:14px}
  .acc-t{gap:9px;padding:20px 24px}
  .acc-t .marca{margin-bottom:0}
  .acc-t h1{font-size:28px}
  .acc-t .datos{gap:7px;margin-bottom:8px}
  .acc-t .datos input{min-height:42px;padding:7px 12px}
  .acc-t .cta,.acc-t .sec-r{min-height:44px}
}

.link-alta{display:flex;gap:8px;align-items:stretch}.link-alta input{flex:1;min-width:0;min-height:48px;padding:10px 12px;border:0;border-radius:11px;background:#fff8ec;color:var(--tinta);font:inherit;font-size:15px;text-overflow:ellipsis;box-shadow:0 0 0 1px var(--lineao) inset}.link-alta .sec{flex:none;min-width:92px;min-height:48px;padding:0 14px;border-radius:11px;color:var(--tinta);font:inherit;font-weight:540;background:none;border:0;cursor:pointer;box-shadow:0 0 0 1px var(--lineao) inset}.link-alta .sec:hover{background:#1c120c0d}.link-nota{font-size:14px;color:var(--tinta2)}
[data-acceso] .ok-r{padding:10px 12px;border-radius:10px;background:#1c120c12;color:var(--tinta);font-size:14px;font-weight:540}

/* La colección del cliente, en el link del turno */
.coleccion-r{position:relative;z-index:1}.coleccion-r ul{display:grid;gap:14px;margin:0;padding:0;list-style:none}.tr-c{display:grid;grid-template-columns:56px minmax(0,1fr);gap:13px;align-items:center}.tr-c img{display:block;width:56px;height:56px;object-fit:contain}.tr-c.sin img{filter:grayscale(1);opacity:.42}.tr-n{font-size:16px;color:var(--tinta2)}.tr-n b{font-weight:600;color:var(--tinta)}.tr-f{margin-top:1px;font-size:14px;color:var(--tinta2)}.tr-c .mini{margin-top:7px}.tr-nota{margin-top:15px;padding-top:13px;font-size:13.5px;color:var(--tinta2);border-top:1px solid var(--lineao)}