.tarjetita-fondo{box-sizing:border-box;color:#141614;min-height:100vh;font-family:var(--font-lato), system-ui, sans-serif;background:#f3f6f1;place-items:center;padding:48px 16px;display:grid;position:relative;overflow:hidden}.tarjetita-fondo:before,.tarjetita-fondo:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.tarjetita-fondo:before{aspect-ratio:1;border:1.5px dashed #2f5a2a40;width:620px;top:-200px;left:-200px}.tarjetita-fondo:after{aspect-ratio:1;background:#dfeadb;width:520px;bottom:-180px;right:-140px}.tarjetita{z-index:1;box-sizing:border-box;background:#fff;border-radius:36px;flex-direction:column;gap:14px;width:min(460px,100%);padding:36px 32px;display:flex;position:relative;box-shadow:0 30px 60px -30px #14161459}.tarjetita-ancha{width:min(520px,100%)}.tarjetita-marca{font-family:var(--font-marcellus), serif;text-align:center;margin:0;font-size:22px}.tarjetita h1{font-family:var(--font-marcellus), serif;text-align:center;margin:0;font-size:36px;font-weight:400;line-height:1.05}.tarjetita-sub{text-align:center;color:#545a52;margin:0;font-size:15px;line-height:1.5}.tarjetita-chico{text-align:center;color:#545a52;margin:0;font-size:13px;line-height:1.5}.tarjetita-idiomas{justify-content:center;gap:4px;display:flex}.tarjetita-idiomas a{min-height:32px;font:700 12px var(--font-lato), sans-serif;color:#545a52;border-radius:999px;place-items:center;padding:0 12px;text-decoration:none;display:inline-grid}.tarjetita-idiomas a:hover,.tarjetita-idiomas a[aria-current=true]{color:#24481f;background:#e7f0e1}.tarjetita-avance{gap:6px;display:flex}.tarjetita-avance span{background:#dfeadb;border-radius:999px;flex:1;height:6px}.tarjetita-avance span.hecho{background:#2f5a2a}.tarjetita-form{flex-direction:column;gap:14px;display:flex}.tarjetita-campo{box-sizing:border-box;color:#141614;width:100%;min-height:54px;font:400 16px var(--font-lato), sans-serif;background:#f3f6f1;border:1.5px solid #14161424;border-radius:999px;outline:none;padding:0 22px}.tarjetita-campo:focus,.tarjetita-tel:focus-within{background:#fff;border-color:#2f5a2a}.tarjetita-tel{background:#f3f6f1;border:1.5px solid #14161424;border-radius:999px;align-items:center;min-height:54px;display:flex;overflow:hidden}.tarjetita-tel span{font:700 16px var(--font-lato), sans-serif;color:#545a52;padding:0 10px 0 22px}.tarjetita-tel input{color:#141614;min-width:0;font:400 16px var(--font-lato), sans-serif;background:0 0;border:none;outline:none;flex:1;align-self:stretch}.tarjetita-etiqueta{font:700 13px var(--font-lato), sans-serif}.tarjetita-boton{color:#fff;width:100%;min-height:56px;font:700 16px var(--font-lato), sans-serif;cursor:pointer;background:#2f5a2a;border:none;border-radius:999px;place-items:center;text-decoration:none;transition:background .15s;display:grid}.tarjetita-boton:hover{color:#fff;background:#24481f}.tarjetita-boton:disabled{cursor:not-allowed;background:#9fb09a}.tarjetita .oauth{gap:14px;margin:0}.tarjetita .oauth-boton{min-height:54px;font:700 15px var(--font-lato), sans-serif;border-radius:999px}.tarjetita .oauth-separador{margin:0}.tarjetita-mesas{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tarjetita-mesa{color:#141614;cursor:pointer;background:#f3f6f1;border-radius:20px;flex-direction:column;gap:2px;padding:14px;transition:background .15s;display:flex;position:relative}.tarjetita-mesa:hover{background:#dfeadb}.tarjetita-mesa input{opacity:0;pointer-events:none;position:absolute}.tarjetita-mesa:has(input:focus-visible){outline-offset:2px;outline:2px solid #2f5a2a}.tarjetita-mesa strong{font-size:15px}.tarjetita-mesa small{color:#545a52;font-size:12px}.tarjetita-mesa.activo{color:#fff;background:#2f5a2a}.tarjetita-mesa.activo small{color:#ffffffd9}.tarjetita-periodo{background:#f3f6f1;border:none;border-radius:999px;justify-content:center;align-self:center;gap:4px;margin:0;padding:4px;display:flex}.tarjetita-periodo legend{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.tarjetita-periodo label{min-height:38px;font:700 13px var(--font-lato), sans-serif;color:#545a52;cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:0 14px;display:inline-flex}.tarjetita-periodo label:hover{background:#dfeadb}.tarjetita-periodo label.activo{color:#fff;background:#2f5a2a}.tarjetita-periodo input{opacity:0;pointer-events:none;position:absolute}.tarjetita-hoy{color:#24481f;background:#e7f0e1;border-radius:20px;justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;display:flex}.tarjetita-hoy strong{font-family:var(--font-marcellus), serif;font-size:24px;font-weight:400}.tarjetita-acepto{cursor:pointer;align-items:flex-start;gap:12px;font-size:13px;line-height:1.5;display:flex}.tarjetita-acepto input{accent-color:#2f5a2a;flex:none;width:20px;height:20px;margin-top:1px}.tarjetita-cuenta{color:#545a52;background:#f3f6f1;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;padding:10px 10px 10px 18px;font-size:13px;display:flex}.tarjetita-cuenta strong{color:#141614;text-overflow:ellipsis;overflow:hidden}.tarjetita-cuenta button{min-height:34px;font:700 12px var(--font-lato), sans-serif;cursor:pointer;background:#fff;border:1.5px solid #14161424;border-radius:999px;padding:0 14px}.tarjetita-cuenta button:hover{background:#dfeadb}.tarjetita-liga{text-align:center;font:italic 600 18px var(--font-cormorant), serif;color:#2f5a2a}.tarjetita-liga a{color:#2f5a2a}.tarjetita-liga a:hover{color:#141614}.tarjetita-aviso{color:#7a2f18;background:#f7e9e3;border-radius:20px;margin:0;padding:12px 16px;font-size:14px;line-height:1.45}.tarjetita-ok{color:#24481f;background:#e7f0e1}@media (max-width:520px){.tarjetita{border-radius:28px;padding:28px 20px}.tarjetita h1{font-size:30px}.tarjetita-mesas{grid-template-columns:1fr}}.tarjetita-girando{border:3px solid #dfeadb;border-top-color:#2f5a2a;border-radius:999px;align-self:center;width:36px;height:36px;animation:.8s linear infinite tarjetita-gira}@keyframes tarjetita-gira{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.tarjetita-girando{animation-duration:2.4s}}.tarjetita-recomendado{color:#24481f;font:700 11px var(--font-lato), sans-serif;background:#e7f0e1;border-radius:999px;align-self:flex-start;margin-bottom:4px;padding:2px 8px}.tarjetita-mesa.activo .tarjetita-recomendado{color:#2f5a2a;background:#fff}.tarjetita-trae{color:#3a3f39;background:#f3f6f1;border-radius:20px;margin:0;padding:12px 16px;font-size:14px;line-height:1.5}
