*{box-sizing:"border-box"}html,body,#root{width:100%;height:100%;margin:0}body{font-family:Arial,sans-serif}.app{color:#111;background:#fff;width:100%;min-height:100vh;position:relative}.contenido{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.app{width:100%;min-height:100vh}.contenido{z-index:10;box-sizing:border-box;min-height:calc(100vh - 100px);padding-top:120px;position:relative}.logo-contenedor{z-index:1000;flex-direction:column;align-items:flex-start;display:flex;position:absolute;top:20px;left:20px}.logo-boton{padding:none;cursor:pointer;background:0 0;border:none}.logo-boton img{width:190px;height:auto;display:block}.logo-menu{opacity:0;pointer-events:none;flex-direction:column;gap:16px;width:100%;margin-top:15px;transition:opacity .25s,transform .25s;display:flex;transform:translateY(-15px)}.logo-menu.abierto{opacity:1;pointer-events:auto;transform:translateY(0)}.logo-menu button{color:#111;cursor:pointer;background:0 0;border:none;justify-content:flex-start;align-items:center;width:100%;height:auto;min-height:40px;padding:0;font-size:20px;transition:transform .15s,opacity .15s;display:flex}.logo-menu button img{object-fit:contain;width:auto;height:35px;margin-left:0;display:block}.logo-menu button:hover{opacity:.7;transform:translate(5px)}.barra-contenedor{z-index:1000;align-items:center;gap:16px;display:flex;position:absolute;top:20px;right:40px}.barra-contenedor button{color:#111;cursor:pointer;background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.barra-contenedor button:hover{transform:scale(1.15)}.barra-contenedor button:active{transform:scale(.95)}.buscador-contenedor:focus-within{background-color:#fff;box-shadow:0 4px 12px #0000000d}.icono-buscador{color:#888;margin-right:12px}.buscador-input{color:#111;background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:15px}.buscador-input::placeholder{color:#aaa}.orden-contenedor{box-sizing:border-box;width:100%;padding-left:280px;position:relative}.add-button{color:#111;cursor:pointer;width:50px;height:50px;transition:transform .2s ease, box-shadow .2 ease;background:0 0;border:none;border-radius:14px;justify-content:center;align-items:center;display:flex;position:absolute;top:80px;right:40px}.add-button:hover{transform:scale(1.15)}.elementos-lista{flex-wrap:wrap;gap:12px;padding:80px 100px 40px 0;display:flex}.elemento-boton{color:#111;cursor:pointer;background-color:#f9f9f9;border:1px solid #eee;border-radius:12px;padding:14px 22px;font-family:inherit;font-size:16px;font-weight:600;transition:transform .2s,background-color .2s}.elemento-boton:hover{background-color:#fff;transform:translateY(-2px)}.formulario-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background-color:#54444438;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.formulario-contendor{background-color:#fff;border-radius:24px;flex-direction:column;gap:20px;width:90%;max-width:450px;padding:30px;animation:.3s ease-out forwards aparecer;display:flex;box-shadow:0 10px 40px #000c}@keyframes aparecer{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.formulario-cabecera{justify-content:space-between;align-items:center;display:flex}.formulario-titulo{color:#111;margin:0;font-size:24px;font-weight:600}.formulario-cerrar{cursor:pointer;color:#888;background:0 0;border:none;justify-content:center;align-items:center;transition:transform .2s,color .2s;display:flex}.formulario-cerrar:hover{color:#111;transform:scale(1.1)}.formulario-cuerpo{flex-direction:column;gap:15px;display:flex}.campo-grupo{flex-direction:column;gap:6px;margin-bottom:15px;display:flex}.campo-etiqueta{color:#555;margin-top:20px;margin-bottom:6px;font-size:18px;font-weight:600}.campo-input{color:#111;box-sizing:border-box;background-color:#f9f9f9;border:1px solid #eee;border-radius:12px;width:100%;padding:12px 16px;font-family:inherit;font-size:15px;transition:border-color .2s,background-color .2s}.campo-input:focus{background-color:#fff;border-color:#bbb;outline:none;box-shadow:0 4px 12px #00000008}.boton-aceptar{color:#fff;cursor:pointer;background-color:#111;border:none;border-radius:12px;width:100%;margin-top:10px;padding:14px;font-size:16px;font-weight:600;transition:transform .2s,background-color .2s}.boton-aceptar:hover{background-color:#333;transform:translateY(-2px)}.boton-aceptar:active{transform:scale(.98)}.boton-añadir{color:#111;cursor:pointer;background-color:#0000;border:1px dashed #bbb;border-radius:12px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:background-color .2s,border-color .2s}.boton-añadir:hover{background-color:#f4f4f4;border-color:#111}.atributo-fila{margin-bottom:5px}.atributo-cabecera{align-items:center;gap:8px;display:flex}.atributo-tipo{flex-shrink:0;width:auto}.atributo-eliminar{color:#888;cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:18px}.atributo-eliminar:hover{color:#111}