:root{--primary:#001769;--secondary:#16c0e9;--terceary:#005aab;--bg-body:#f2f217;--text-main:#10192d;--text-muted:#64748b;--spacer-1:0.25rem;--spacer-2:0.5rem;--spacer-3:1rem;--spacer-4:1.5rem;--spacer-5:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--transition-base:all 0.3s ease-in-out}html{box-sizing:border-box;font-size:62.5%}*,:after,:before{box-sizing:inherit}a{color:#fff;text-decoration:none}ul{margin:0}li{list-style:none}.main-header{background-color:var(--terceary);position:sticky;top:0;z-index:2}.nombreUsuario{font-size:18px;padding:10px 0}.main-header nav{align-items:center;display:flex;justify-content:space-between}.botonesNav ul{display:none}@media (min-width:1024px){.botonesNav ul{display:flex}.botonesNav .icono{display:none}}.icono{color:var(--bg-body);fill:none;height:24px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2;transition:color .2s ease,transform .2s ease;width:24px}body{background-color:var(--terceary);color:#fff;display:grid;font-family:Oxanium,sans-serif;font-optical-sizing:auto;font-size:1.8rem;font-style:normal;grid-template-rows:auto 1fr auto;min-height:100dvh;overflow-x:hidden}@media (min-width:1024px){body{margin:0 auto;max-width:1224px}}.containerMain{align-items:center;display:flex;flex-direction:column;margin:0 auto;width:100%}@media (min-width:1024px){.containerMain{background:var(--terceary);box-shadow:none;flex-direction:row;margin:0;padding:0;width:100%}}.contenedor-app{width:100%}#preview img{-o-object-fit:contain;object-fit:contain;width:100%}.input-archivo{display:none}.label-archivo{align-items:center;background-color:#3b82f6;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:inline-flex;font-family:Arial,sans-serif;font-size:16px;font-weight:700;gap:8px;padding:12px 24px;transition:background-color .3s ease,transform .1s ease}.label-archivo:hover{background-color:#2563eb}.label-archivo:active{transform:scale(.98)}footer{font-size:12px;text-align:center}.preloader{align-items:center;display:flex;justify-content:center}.menuParaHab,.preloader{background-color:var(--terceary);height:100dvh;left:0;position:fixed;top:0;transition:opacity .5s ease;width:100dvw;z-index:2}.menuParaHab.fade-out,.preloader.fade-out{display:none;opacity:0}.titulo-loader{display:flex;justify-content:end;padding:2rem}.logoSatarem{border-radius:50%;height:100px;width:100px}.loader{animation:spin 1s linear infinite;border:5px solid #fff;border-radius:50%;border-top-color:transparent;height:120px;left:50%;position:absolute;top:50%;translate:-50% -50%;width:120px;z-index:3}@keyframes spin{to{transform:rotate(1turn)}}.menuParaHab{display:grid;grid-template-rows:auto 1fr}.menuParaHab p{display:flex;gap:10px;justify-content:center}.card-body{background-color:#05277c;border-radius:15px;margin:10px 0;padding:10px}.card-head{display:grid;grid-template-columns:1fr 3fr;margin-bottom:10px}.logo-head{-o-object-fit:contain;object-fit:contain;width:80px}.texto-head{margin-left:20px}.texto-head h5{font-size:20px;margin:15px 0 0}.texto-head p{margin:0 0 20px}.foto-publica{border-radius:10px;-o-object-fit:contain;object-fit:contain;overflow:hidden;width:100%}.fecha-coment{display:grid;place-items:center}.fecha-coment .btn-fecha{background-color:var(--terceary);border-radius:15px;font-size:14px;margin-top:15px;padding:5px 15px}.comic-button{border:2px solid #000;border-radius:10px;box-shadow:0 0 0 2px var(--primary),0 0 1px 3px #f2f217;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1.5px;margin:20px 0;padding:10px 20px;text-align:center;text-transform:uppercase;transition:all .3s ease;width:100%}.comic-button,.comic-button:hover{background-color:var(--secondary);color:#fff}.comic-button:hover{border:2px solid var(--text-main);box-shadow:5px 5px 0 var(--text-main)}.comic-button:active{background-color:#f2f217;box-shadow:none;transform:translateY(4px)}.botonesNav a,.divCompletar a{background-color:var(--secondary);border:1px solid var(--text-main);border-radius:8px;box-shadow:3px 3px 0 var(--text-main);cursor:pointer;display:flex;flex-direction:column;font-weight:700;letter-spacing:1.5px;margin:2rem;padding:8px 13px;text-align:center;text-transform:uppercase;transition:all .3s ease}@media (min-width:1024px){.botonesNav a,.divCompletar a{flex-direction:row;margin-left:1rem}}.botonesNav a:hover,.divCompletar a:hover{color:#f2f217}.botonesNav a:active,.divCompletar a:active{background-color:#fff;box-shadow:0 0 1px 2px var(--terceary),0 0 1px 4px #f2f217;color:#000}@media (min-width:1024px){.botonesNav a:active,.divCompletar a:active{box-shadow:none;transform:translateY(4px)}}.form{display:flex;flex-direction:column;gap:30px;margin-top:20px;width:100%}.input-submit{padding:0 15px}.input-box input,.input-box select{border:1px solid #000;border-radius:20px;box-sizing:border-box;outline:none;padding:10px 15px;text-align:center;width:100%}.input-box{position:relative}.input-box label{color:#000;left:13px;position:absolute;top:12px;transition:.3s}.input-box input:focus+label,.input-box input:valid+label{background-color:var(--terceary);border-radius:12px;color:#fff;font-size:14px;letter-spacing:1.5px;padding:2px 7px;text-align:center;top:-11px}.alerta{color:#fff;display:block;font-weight:700;margin-bottom:2rem;padding:1.25rem;text-align:center;text-transform:uppercase;width:100%}.alerta.error{background-color:#cb0000}.alerta.exito{background-color:#329f00}@media (min-width:768px){.tabs{display:flex;margin-top:2rem}}.tabs button{background-color:#0da6f3;border:none;color:#fff;display:block;font-weight:700;margin-bottom:1rem;padding:1rem;text-transform:uppercase;transition:background-color .3s ease;width:100%}.tabs button:hover{background-color:#0da6f3;cursor:pointer}.tabs button.actual{background-color:#fff;color:#0da6f3}.fade-in{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.time-slot{cursor:default;transition:all .2s ease}.slot-occupied{background-color:#fee2e2;border:2px solid #ef4444;color:#b91c1c;cursor:not-allowed;opacity:.8;overflow:hidden;position:relative}.slot-occupied:after{content:"OCUPADO";display:block;font-size:.6rem;font-weight:700;opacity:.5;text-align:center}.slot-available{background-color:#dcfce7;border:2px solid #22c55e;color:#188a42;cursor:pointer}.slot-available:hover{background-color:#22c55e;box-shadow:0 .5rem 1rem rgba(0,0,0,.15);color:#fff;transform:scale(1.05)}.slot-insufficient{background-color:#f8f9fa;border:2px dashed #dee2e6;color:#adb5bd;cursor:not-allowed}.slot-selected{background-color:#0da6f3!important;border-color:#0da6f3!important;color:#fff!important}.service-card{cursor:pointer;transition:all .2s}.service-card:hover{background-color:#f8f9fa;border-color:#0da6f3!important}.service-card.active{background-color:#e7f1ff!important;border-color:#0da6f3!important}.overlay-lock{backdrop-filter:blur(2px);background-color:hsla(0,0%,100%,.85);z-index:10}.main-container{max-width:900px}textarea{background-color:#f9f9f9;border:2px solid #ccc;border-radius:8px;color:#333;font-family:Arial,sans-serif;font-size:16px;line-height:1.5;min-height:100px;padding:15px;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;width:100%}textarea:focus{background-color:#fff;border-color:#007bff;box-shadow:0 0 8px rgba(0,123,255,.2);outline:none}#contador{color:#666;font-size:12px;margin-top:5px;text-align:right}.contenedor-app .imagen{background-image:url(/public/img/heroManuelita.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;height:20rem;width:100%}
/*# sourceMappingURL=app.css.map */