html,body{width:100%;margin:0;padding:0}#root{width:100%;min-height:100vh}:root{color:#292329;font-synthesis:none;background:#fdf7f8;font-family:Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}a{color:inherit;text-decoration:none}.barra-superior{color:#fff;text-align:center;letter-spacing:2px;background:#b76e79;padding:11px;font-size:12px}.cabecera{background:#fff;justify-content:space-between;align-items:center;gap:25px;padding:25px 7%;display:flex}.marca{letter-spacing:2px;color:#a45d69;text-align:center;font-family:Georgia,serif;font-size:24px}.marca span{letter-spacing:6px;color:#c5a46d;margin-top:5px;font-family:Arial,sans-serif;font-size:11px;display:block}.menu{flex-wrap:wrap;gap:30px;display:flex}.menu a{font-size:14px}.menu a:hover{color:#b76e79}.hero{background:#f5e9e8;grid-template-columns:1fr 1fr;min-height:540px;display:grid}.hero-contenido{flex-direction:column;justify-content:center;align-items:flex-start;padding:70px 12%;display:flex}.etiqueta{color:#b08c56;letter-spacing:3px;font-size:12px;font-weight:600}.hero h1{margin:22px 0;font-family:Georgia,serif;font-size:clamp(38px,4vw,65px);font-weight:400;line-height:1.15}.hero p{color:#685c60;font-size:17px;line-height:1.8}.boton{color:#fff;letter-spacing:2px;background:#b76e79;margin-top:25px;padding:17px 30px;font-size:12px;transition:background .2s;display:inline-block}.boton:hover{background:#92515d}.hero-imagen img{object-fit:cover;width:100%;height:100%;min-height:540px;display:block}.colecciones{text-align:center;padding:85px 7%}h2{font-family:Georgia,serif;font-size:clamp(30px,3vw,43px);font-weight:400}.colecciones>p{color:#766d70;margin-bottom:40px}.categorias{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.categoria{background:#fff;padding-bottom:20px}.categoria img{object-fit:cover;width:100%;height:310px}.categoria h3{font-family:Georgia,serif;font-size:22px;font-weight:400}.nosotros{text-align:center;background:#f1e2e2;padding:85px 20px}.nosotros p{color:#685c60;max-width:650px;margin:auto;line-height:1.9}.contacto{text-align:center;padding:75px 20px}.contacto span{color:#b76e79}footer{color:#fff;text-align:center;background:#30272b;padding:45px 20px}footer strong{letter-spacing:2px;font-family:Georgia,serif}footer p{color:#d4c6c8}footer small{color:#b7a6a9}@media (width<=768px){.cabecera{flex-direction:column;padding:22px}.menu{justify-content:center;gap:15px}.hero{grid-template-columns:1fr}.hero-contenido{padding:65px 8%}.hero-imagen img{height:350px;min-height:0}.categorias{grid-template-columns:repeat(2,1fr)}.categoria img{height:220px}}@media (width<=420px){.categorias{grid-template-columns:1fr}}.admin-login{background:#f7eeee;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;flex-direction:column;gap:14px;width:100%;max-width:430px;padding:48px 36px;display:flex;box-shadow:0 15px 50px #00000014}.login-brand{text-align:center;margin-bottom:24px}.login-brand h1{color:#b66e7b;letter-spacing:2px;font-family:Georgia,serif;font-size:25px;font-weight:400}.login-brand span{color:#b99458;font-size:11px}.login-card h2{text-align:center;font-family:Georgia,serif;font-size:32px;font-weight:400}.login-card p{text-align:center;color:#777}.login-card label{font-size:13px}.login-card input{border:1px solid #ddd;border-radius:3px;padding:14px;font-size:15px}.login-card button{color:#fff;cursor:pointer;letter-spacing:2px;background:#b66e7b;border:none;margin-top:10px;padding:15px}.login-card button:disabled{opacity:.6;cursor:wait}.login-card .login-error{color:#b42318;font-size:13px}.login-card small{text-align:center;color:#999;margin-top:18px}.ay-admin{color:#29252a;background:#faf6f6;min-height:100vh;font-family:Arial,sans-serif;display:flex}.ay-admin *{box-sizing:border-box}.ay-sidebar{background:#fff;border-right:1px solid #eee2e4;flex-direction:column;flex-shrink:0;width:265px;padding:32px 18px;display:flex}.ay-logo{text-align:center;padding:12px 0 38px}.ay-logo h2{color:#b66e80;letter-spacing:1px;font-family:Georgia,serif;font-size:20px;font-weight:400}.ay-logo span{color:#b99a62;letter-spacing:5px;margin-top:8px;font-size:11px;display:block}.ay-logo p{color:#999;margin-top:22px;font-size:12px}.ay-nav{flex-direction:column;gap:9px;display:flex}.ay-nav button{color:#5b5155;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:15px;font-size:14px}.ay-nav button:hover,.ay-nav button.activo{color:#a65a6e;background:#f6e8eb}.ay-salir{color:#b66e80;cursor:pointer;background:#fff;border:1px solid #b66e80;border-radius:7px;margin-top:auto;padding:13px}.ay-contenido{flex:1;min-width:0;padding:38px 45px}.ay-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.ay-subtitulo{color:#b99a62;letter-spacing:2px;font-size:11px}.ay-header h1{margin-top:10px;font-family:Georgia,serif;font-size:32px;font-weight:400}.ay-usuario{background:#fff;border:1px solid #eee;border-radius:30px;padding:12px 20px;font-size:13px}.ay-bienvenida{background:linear-gradient(110deg,#f1dce1,#fff8f8);border-radius:14px;margin-bottom:28px;padding:42px}.ay-bienvenida span{color:#b99a62;letter-spacing:3px;font-size:11px}.ay-bienvenida h2{margin:15px 0;font-family:Georgia,serif;font-size:30px;font-weight:400}.ay-bienvenida p{color:#777;line-height:1.7}.ay-estadisticas{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px;display:grid}.ay-tarjeta,.ay-bloque{background:#fff;border:1px solid #f0e5e7;border-radius:12px;padding:28px}.ay-tarjeta span{color:#a77983;letter-spacing:1px;font-size:11px;display:block}.ay-tarjeta strong{margin:17px 0;font-size:35px;display:block}.ay-tarjeta p,.ay-bloque p{color:#888;font-size:13px}.ay-bloque h2{margin-bottom:12px;font-family:Georgia,serif;font-size:25px;font-weight:400}.ay-acciones{flex-wrap:wrap;gap:12px;margin-top:25px;display:flex}.ay-acciones button{color:#fff;cursor:pointer;background:#b66e80;border:none;border-radius:6px;padding:13px 22px}.ay-acciones button:hover{background:#9f5669}.ay-tabla-contenedor{margin-top:25px;overflow-x:auto}.ay-tabla{border-collapse:collapse;text-align:left;width:100%}.ay-tabla th,.ay-tabla td{border-bottom:1px solid #f0e5e7;padding:15px;font-size:13px}.ay-tabla th{color:#a77983;background:#faf5f6}.ay-inventario-item{border-bottom:1px solid #eee;justify-content:space-between;gap:15px;padding:17px 0;font-size:14px;display:flex}.ay-error{color:#b42318;background:#fff0ee;border-radius:8px;margin-bottom:20px;padding:15px}@media (width<=800px){.ay-admin{flex-direction:column}.ay-sidebar{width:100%;padding:15px}.ay-logo{padding-bottom:15px}.ay-nav{flex-flow:wrap}.ay-salir{margin-top:15px}.ay-contenido{padding:22px 16px}.ay-header{flex-direction:column;align-items:flex-start}.ay-estadisticas{grid-template-columns:1fr}.ay-bienvenida{padding:25px}}.ay-formulario{background:#fff8f9;border:1px solid #f0dfe3;border-radius:12px;flex-direction:column;gap:14px;margin:25px 0;padding:30px;display:flex}.ay-formulario h3{color:#30272d;margin:0 0 12px;font-family:Georgia,serif;font-size:25px;font-weight:400}.ay-formulario label{color:#55464c;font-size:14px;font-weight:500}.ay-formulario input:not([type=checkbox]),.ay-formulario textarea,.ay-formulario select{box-sizing:border-box;color:#30272d;background:#fff;border:1px solid #e8d9dd;border-radius:7px;width:100%;padding:12px 14px;font-family:inherit;font-size:14px}.ay-formulario textarea{resize:vertical;min-height:100px}.ay-formulario input:focus,.ay-formulario textarea:focus,.ay-formulario select:focus{border-color:#b77383;outline:none}.ay-formulario label:has(input[type=checkbox]){align-items:center;gap:10px;display:flex}.ay-formulario button{color:#fff;cursor:pointer;background:#b77383;border:none;border-radius:7px;padding:14px 22px;font-size:14px;font-weight:600}.ay-formulario button:hover{background:#a65f71}.ay-bloque>button{color:#fff;cursor:pointer;background:#b77383;border:1px solid #b77383;border-radius:8px;margin-top:8px;padding:12px 22px;font-size:13px;font-weight:600;transition:all .2s}.ay-bloque>button:hover{background:#a45e70;border-color:#a45e70;transform:translateY(-1px)}.ay-tabla-contenedor{border:1px solid #f0e5e7;border-radius:12px;margin-top:25px;overflow-x:auto}.ay-tabla{border-collapse:collapse;width:100%;min-width:850px}.ay-tabla th{color:#a76a7a;letter-spacing:.3px;white-space:nowrap;background:#fbf1f3;padding:17px 14px;font-size:12px;font-weight:700}.ay-tabla td{vertical-align:middle;color:#51464b;padding:16px 14px;font-size:13px}.ay-tabla tbody tr{transition:background .2s}.ay-tabla tbody tr:hover{background:#fff8f9}.ay-tabla td img{object-fit:cover;background:#fff;border:1px solid #f0e5e7;transition:transform .2s;border-radius:10px!important;width:64px!important;height:64px!important}.ay-tabla td img:hover{transform:scale(1.08)}.ay-tabla td button{cursor:pointer;white-space:nowrap;border:none;border-radius:7px;padding:9px 13px;font-size:12px;font-weight:600;transition:all .2s}.ay-tabla td:nth-child(6) button{color:#277447;background:#e9f5ed;border:1px solid #c9e6d1}.ay-tabla td:nth-child(6) button:hover{background:#d8eddf}.ay-tabla td:last-child button:first-child{color:#9b752e;background:#f7eedc;border:1px solid #ead8ae}.ay-tabla td:last-child button:first-child:hover{background:#f0dfbb}.ay-tabla td:last-child button:last-child{color:#b3485c;background:#fce9ec;border:1px solid #f2ccd4}.ay-tabla td:last-child button:last-child:hover{background:#f7d8df}.ay-admin button:disabled{opacity:.55;cursor:not-allowed;transform:none}.ay-bloque input[type=search]{color:#51464b;background:#fff;border:1px solid #ead9dd;border-radius:9px;width:100%;padding:14px 16px;font-size:14px;transition:border-color .2s}.ay-bloque input[type=search]:focus{border-color:#b77383;outline:none;box-shadow:0 0 0 3px #b773831a}.ay-mensaje{color:#32734a;background:#f1f8f2;border:1px solid #cfe8d4;border-left:4px solid #63a878;border-radius:8px;margin-bottom:22px;padding:15px 18px;font-size:14px}.ay-formulario{box-shadow:0 6px 22px #b773830d}.ay-formulario input,.ay-formulario textarea,.ay-formulario select{transition:border-color .2s,box-shadow .2s}.ay-formulario input:focus,.ay-formulario textarea:focus,.ay-formulario select:focus{box-shadow:0 0 0 3px #b773831a}.ay-formulario button[type=submit]{letter-spacing:.3px;border-radius:8px;width:100%;margin-top:10px;padding:15px 22px}.ay-tarjeta{transition:transform .2s,box-shadow .2s}.ay-tarjeta:hover{transform:translateY(-3px);box-shadow:0 8px 24px #5a2d3c0f}.ay-nav button{transition:background .2s,color .2s}.ay-salir:hover{color:#fff;background:#b66e80}@media (width<=800px){.ay-bloque{padding:20px 15px}.ay-formulario{padding:20px 16px}.ay-tabla{min-width:850px}.ay-tabla td,.ay-tabla th{padding:12px 10px}.ay-header h1{font-size:27px}.ay-bienvenida h2{font-size:25px}}