.app{flex-direction:column;display:flex}.app-header{min-height:var(--cabecera);border-bottom:1px solid var(--borde);background:color-mix(in oklab, var(--fondo) 80%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;justify-content:space-between;align-items:center;gap:1rem;padding:0 clamp(16px,4vw,32px);display:flex;position:sticky;top:0}.app-user{color:var(--texto-2);align-items:center;gap:.75rem;min-width:0;font-size:.9rem;display:flex}.app-user span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-main{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:clamp(28px,6vw,56px) 16px}.app-main.narrow{max-width:460px}.app-footer{text-align:center;color:var(--texto-2);border-top:1px solid var(--borde);padding:24px 16px;font-size:.8rem}.app-footer a{text-decoration:underline}.app h1{margin-bottom:.5rem;font-size:clamp(2rem,6vw,2.75rem)}.app h2{margin-bottom:.75rem;font-size:1.2rem}.app h3{margin-bottom:.5rem;font-size:1rem}.app .lead{color:var(--texto-2);margin-bottom:2rem}.eyebrow{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--acento);margin-bottom:.5rem;font-size:.75rem}.card{background:var(--superficie);border:1px solid var(--borde);border-radius:var(--r-tarjeta);box-shadow:var(--sombra);padding:clamp(18px,4vw,28px)}.stack{gap:1rem;display:grid}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.row.between{justify-content:space-between}.grid-2{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1rem;display:grid}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1rem;display:grid}.field{gap:.35rem;display:grid}.field label{color:var(--texto-2);font-size:.85rem}.field input,.field select,.field textarea{width:100%;font:inherit;color:var(--texto);background:var(--fondo);border:1px solid var(--borde-fuerte);border-radius:var(--r-interior);padding:.7rem .9rem;font-size:16px}.field textarea{resize:vertical;min-height:110px}.field input[type=file]{padding:.55rem}.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:2px solid var(--acento);outline-offset:1px}.check{align-items:center;gap:.5rem;font-size:.95rem;display:flex}.app .btn{cursor:pointer}.btn-block{width:100%}.btn-peligro{color:var(--error);box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--error) 50%, transparent);background:0 0}.divider{color:var(--texto-2);align-items:center;gap:.75rem;font-size:.8rem;display:flex}.divider:before,.divider:after{content:"";background:var(--borde);flex:1;height:1px}.notice{border-radius:var(--r-interior);padding:.75rem 1rem;font-size:.92rem}.notice.ok{background:var(--acento-suave);color:var(--exito)}.notice.err{background:color-mix(in oklab, var(--error) 12%, transparent);color:var(--error)}.small{color:var(--texto-2);font-size:.85rem}.small a,a.link{color:var(--texto);text-decoration:underline}.mono{font-family:var(--mono);word-break:break-all;font-size:.85rem}.progress{background:var(--superficie-2);border-radius:999px;height:8px;overflow:hidden}.progress>span{background:linear-gradient(90deg, var(--acento-2), var(--acento));height:100%;display:block}.badge{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;background:var(--acento-suave);color:var(--acento);border-radius:999px;padding:.2rem .6rem;font-size:.72rem;display:inline-block}.badge.gris{background:var(--superficie-2);color:var(--texto-2)}.empty{color:var(--texto-2);text-align:center;padding:1.5rem 1rem}.stat-num{letter-spacing:-.02em;font-size:2rem;font-weight:600}.table-wrap{overflow-x:auto}table.list{border-collapse:collapse;width:100%;font-size:.92rem}table.list th,table.list td{text-align:left;border-bottom:1px solid var(--borde);vertical-align:top;padding:.7rem .5rem}table.list th{color:var(--texto-2);font-size:.8rem;font-weight:400}table.list tr:last-child td{border-bottom:0}.items{gap:.5rem;display:grid}.item{border:1px solid var(--borde);border-radius:var(--r-interior);background:var(--fondo-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .8rem;display:flex}.item form{align-items:center;gap:.4rem;display:flex}.item select{font:inherit;color:var(--texto);background:var(--fondo);border:1px solid var(--borde-fuerte);border-radius:8px;padding:.3rem .5rem;font-size:.85rem}details.add>summary{cursor:pointer;color:var(--acento);font-size:.92rem;list-style:none}details.add>summary::-webkit-details-marker{display:none}details.add[open]>summary{margin-bottom:.75rem}
