:root{--hycsa-yellow:#ffcd00;--hycsa-yellow-soft:#f8d444;--black:#111;--dark:#333;--gray-nav:#b1adad9e;--gray-card:#bcb9b9ce;--white:#fff;--line:#ddd;--muted:#636262;--danger:#b91c1c;--success:#166534;--shadow:0 10px 30px #00000024;--radius:14px}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;color:var(--black);background:radial-gradient(circle at top right, #ffffffe6, transparent 34rem), linear-gradient(to bottom, #fff 0%, #fff 18%, var(--hycsa-yellow) 100%);background-attachment:fixed;margin:0;font-family:Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{border:0}button:disabled{opacity:.65;cursor:not-allowed}.app-shell{min-height:100vh}.app-main{padding:7rem 2rem 3rem}.topbar{z-index:20;background:var(--gray-nav);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-template-columns:auto 1fr auto;align-items:center;gap:1.5rem;min-height:4.5rem;padding:.55rem 1.5rem;display:grid;position:fixed;inset:0 0 auto;box-shadow:0 4px 12px #0000001f}.topbar.topbar-home{grid-template-columns:auto auto;justify-content:space-between}.brand{align-items:center;gap:.75rem;font-weight:800;display:inline-flex}.brand img{object-fit:contain;width:3.2rem;height:3.2rem}.brand span{white-space:nowrap}.main-nav{justify-content:center;gap:.25rem;display:flex}.main-nav a{border-radius:999px;padding:.85rem 1rem;font-weight:700;transition:all .2s}.main-nav a:hover,.main-nav a.router-link-active{color:var(--white);background:#0000005c}.topbar-actions{align-items:center;gap:.7rem;display:inline-flex}.user-pill{text-overflow:ellipsis;white-space:nowrap;background:#ffffff59;border-radius:999px;max-width:15rem;padding:.45rem .75rem;font-size:.85rem;overflow:hidden}.icon-button,.logout-button,button[type=submit],.button-light,.button-small{cursor:pointer;border-radius:.45rem;transition:all .2s}.logout-button,button[type=submit]{background:var(--black);color:var(--white);padding:.7rem 1rem;font-weight:700}.logout-button:hover,button[type=submit]:hover{background:var(--dark)}.login-page{align-content:center;justify-items:center;gap:1.5rem;min-height:100vh;padding:2rem;display:grid}.login-title{text-align:center}.login-title h1{letter-spacing:.02em;margin:0;font-size:clamp(2.7rem,7vw,4.5rem);font-weight:900}.login-title h2{margin:0;font-size:clamp(1.4rem,4vw,2.6rem)}.login-card{border-radius:var(--radius);background:var(--gray-card);width:min(100%,28rem);box-shadow:var(--shadow);text-align:center;padding:3rem}.login-card h2{margin:0 0 1.5rem}.login-card form{gap:1rem;display:grid}.login-card input{border:1px solid #ccc;border-radius:.55rem;outline:none;width:100%;padding:.85rem 1rem}.login-card input:focus{border-color:var(--black)}.login-logo{justify-self:center;width:5rem;height:auto;margin-top:.5rem}.login-footer{text-align:center;line-height:.9}.login-footer span{font-size:1.45rem;font-weight:800;display:block}.login-footer strong{font-size:4rem;display:block}.hero{width:min(100%,80rem);box-shadow:var(--shadow);background:#ffffff94;border-radius:1.5rem;grid-template-columns:1fr auto;align-items:center;gap:2rem;margin:0 auto 2rem;padding:2rem;display:grid}.hero h1{margin:0;font-size:clamp(2rem,4vw,3.4rem)}.hero p{max-width:48rem;font-size:1.05rem;line-height:1.55}.hero img{width:8rem}.eyebrow{color:var(--dark);letter-spacing:.14em;text-transform:uppercase;margin:0 0 .35rem;font-size:.78rem;font-weight:900}.quick-grid{justify-content:center;gap:1rem;width:min(100%,80rem);margin:auto;display:grid}.quick-grid.items-1{grid-template-columns:minmax(18rem,24rem)}.quick-grid.items-2{grid-template-columns:repeat(2,minmax(18rem,24rem))}.quick-grid.items-3{grid-template-columns:repeat(3,minmax(18rem,24rem))}.quick-grid.items-4{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-grid.items-5{grid-template-columns:repeat(5,minmax(0,1fr))}.quick-card{background:#ffffffad;border-radius:1rem;min-height:12rem;padding:1.3rem;transition:all .2s;box-shadow:0 8px 22px #0000001c}.quick-card:hover{background:#ffffffdb;transform:translateY(-4px)}.quick-card span{font-size:.85rem;font-weight:900}.quick-card h3{margin:1.2rem 0 .5rem}.quick-card p{color:var(--muted);margin:0;line-height:1.4}.page-header{justify-content:space-between;align-items:end;gap:1rem;width:min(100%,88rem);margin:0 auto 1.4rem;display:flex}.page-header.centered{text-align:center;justify-content:center}.page-header h1{margin:0;font-size:clamp(2rem,4vw,3rem)}.page-notification{z-index:15;width:min(100%,88rem);box-shadow:var(--shadow);border-radius:.85rem;justify-content:space-between;align-items:flex-start;gap:1rem;margin:0 auto 1.2rem;padding:.95rem 1rem;animation:.2s notificationIn;display:flex;position:sticky;top:5.2rem}.page-notification.success{color:var(--success);background:#dcfce7;border:1px solid #16653440}.page-notification.error{color:var(--danger);background:#fee2e2;border:1px solid #b91c1c40}.page-notification strong{margin-bottom:.2rem;display:block}.page-notification p{color:inherit;margin:0;font-weight:700}.page-notification button{width:1.8rem;height:1.8rem;color:inherit;cursor:pointer;background:#ffffffa6;border-radius:999px;font-size:1.3rem;line-height:1}@keyframes notificationIn{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:translateY(0)}}.split-layout{grid-template-columns:24rem minmax(0,1fr);align-items:start;gap:1.3rem;width:min(100%,88rem);margin:auto;display:grid}.split-layout.wide-left{grid-template-columns:26rem minmax(0,1fr)}.panel{border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffc2}.form-panel,.centered-form{padding:1.5rem}.centered-form{gap:1rem;width:min(100%,34rem);margin:auto;display:grid}.form-panel{gap:1rem;display:grid}.form-panel h2,.data-panel h2,.centered-form h2{margin:0 0 .5rem}label{gap:.4rem;font-weight:700;display:grid}input,select{background:var(--white);border:1px solid #ccc;border-radius:.55rem;outline:none;width:100%;padding:.75rem .85rem}input:focus,select:focus{border-color:var(--black)}.form-grid{grid-template-columns:1fr 1fr;gap:.8rem;display:grid}.check-row{align-items:center;gap:.55rem;display:inline-flex}.check-row input{width:auto}.button-row{flex-wrap:wrap;gap:.7rem;display:flex}.button-light{color:var(--black);background:#efefef;padding:.7rem 1rem;font-weight:700}.button-light:hover{background:#ddd}.data-panel{padding:1.3rem;overflow:hidden}.toolbar{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.toolbar-left{gap:.7rem;display:grid}.toolbar-left h2{margin:0}.toolbar-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.55rem;display:flex}.file-input{background:#fffc;max-width:15rem;padding:.55rem}.search-form{gap:.5rem;width:min(100%,32rem);display:flex}.search-form input{min-width:12rem}.table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.94rem}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:.85rem}.data-table th{background:#ffcd0038;font-weight:900}.data-table td strong{display:block}.data-table td span{color:var(--muted);font-size:.86rem;display:block}.acciones-col{white-space:nowrap;width:1%}.acciones{flex-wrap:wrap;gap:.45rem;display:flex}.button-small{background:var(--black);color:var(--white);padding:.45rem .6rem;font-size:.82rem;font-weight:700}.button-small:hover{background:var(--dark)}.button-small.danger{background:var(--danger)}.badge{border-radius:999px;width:max-content;padding:.25rem .5rem;font-weight:900;font-size:.78rem!important;display:inline-flex!important}.badge.ok{color:var(--success);background:#1665341f}.badge.off{color:var(--muted);background:#eee}.form-error{color:var(--danger);margin:0;font-weight:700}.form-success{color:var(--success);margin:0;font-weight:700}.import-result{background:#ffcd002e;border:1px solid #00000014;border-radius:.8rem;margin:0 0 1rem;padding:.85rem 1rem}.import-result strong{margin-bottom:.25rem;display:block}.import-result p{margin:0 0 .5rem}.import-result ul{max-height:12rem;margin:.5rem 0 0;padding-left:1.2rem;overflow:auto}.import-result li{color:var(--danger);margin-bottom:.25rem;font-weight:700}@media (width<=1050px){.topbar{grid-template-columns:1fr auto}.main-nav{display:none}.split-layout,.split-layout.wide-left{grid-template-columns:1fr}.quick-grid.items-1,.quick-grid.items-2,.quick-grid.items-3,.quick-grid.items-4,.quick-grid.items-5{grid-template-columns:repeat(2,minmax(16rem,24rem))}.hero{text-align:center;grid-template-columns:1fr}.hero img{justify-self:center}}@media (width<=640px){.app-main{padding:6rem 1rem 2rem}.topbar{padding:.55rem .9rem}.brand span,.user-pill{display:none}.quick-grid.items-1,.quick-grid.items-2,.quick-grid.items-3,.quick-grid.items-4,.quick-grid.items-5{grid-template-columns:1fr}.login-card{padding:2rem}.form-grid,.toolbar,.toolbar-actions,.search-form{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.file-input{max-width:100%}}.template-layout{grid-template-columns:minmax(0,1fr) 22rem;align-items:start;gap:1.3rem;width:min(100%,88rem);margin:auto;display:grid}.template-panel{padding:1.3rem;overflow:hidden}.template-toolbar{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.template-toolbar h2{margin:0 0 .3rem}.template-toolbar p{color:var(--muted);margin:0;line-height:1.45}.template-editor{background-color:#0000;background-image:linear-gradient(45deg,#eee 25%,#0000 25%),linear-gradient(-45deg,#eee 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eee 75%),linear-gradient(-45deg,#0000 75%,#eee 75%);background-position:0 0,0 .6rem,.6rem -.6rem,-.6rem 0;background-repeat:repeat,repeat,repeat,repeat;background-size:1.2rem 1.2rem;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-radius:1rem;width:100%;position:relative;overflow:auto}.template-image{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.template-draggable-text{z-index:5;color:#000;cursor:grab;-webkit-user-select:none;user-select:none;white-space:nowrap;background:#ffffff73;border:1px dashed #0006;border-radius:.25rem;padding:.08rem .25rem;line-height:1;position:absolute;transform:translateY(-100%)}.template-draggable-text:active{cursor:grabbing;background:#ffcd0059}.template-text-name{font-weight:900}.template-text-detail{font-weight:500}.template-text-web{color:#004f9f;font-weight:700}.template-side{gap:1rem;padding:1.3rem;display:grid}.template-side h2{margin:0}.template-side p{color:var(--muted);margin:0;line-height:1.45}.template-help{background:#ffcd0029;border-radius:.8rem;padding:1rem}.template-help strong{margin-bottom:.5rem;display:block}.template-help ul{margin:0;padding-left:1.1rem}.template-help li{margin-bottom:.25rem}@media (width<=1050px){.template-layout{grid-template-columns:1fr}.template-side{order:-1}}.template-upload-button{cursor:pointer;background:var(--black);color:var(--white);border-radius:.45rem;padding:.7rem 1rem;font-weight:700;transition:all .2s}.template-upload-button:hover:not(:disabled){background:var(--dark)}.template-upload-button:disabled{opacity:.65;cursor:not-allowed}