*{box-sizing:border-box}body{margin:0;background:#fff8fb;color:#211a20;font-family:Arial,sans-serif}.admin-top{height:68px;background:#1c1720;color:white;padding:0 max(4%,calc((100% - 1120px)/2));display:flex;align-items:center;justify-content:space-between;font-size:13px}.admin-top a{color:white}.brand{letter-spacing:2px}.admin-wrap{width:min(1120px,92%);margin:35px auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.heading small{color:#e6007e;letter-spacing:2px;font-weight:bold}.heading h1{margin:8px 0;font-size:34px}.heading p,.login-card p{color:#777;font-size:14px}.panel{background:#fff;border:1px solid #f0dce4;border-radius:15px;padding:24px;margin:20px 0;box-shadow:0 6px 22px #29101a08}.panel h2{font-size:19px;margin:0 0 20px}.product-form{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.product-form label,.login-card label{display:block;font-size:12px;font-weight:bold}.product-form input,.product-form select,.product-form textarea,.login-card input{width:100%;padding:11px;border:1px solid #e8dce1;border-radius:8px;margin-top:6px;font:inherit;font-size:13px;background:white}.product-form small{display:block;color:#777;font-weight:normal;margin-top:5px}.wide{grid-column:1/-1}.check{display:flex!important;align-items:center;gap:8px}.check input{width:auto;margin:0}.btn{display:inline-block;background:#e6007e;color:white;border:0;border-radius:25px;padding:12px 19px;font-weight:bold;font-size:13px;cursor:pointer;text-decoration:none}.secondary{background:#f7e4ec;color:#913b5e}.actions{display:flex;align-items:center;gap:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid #f0e6ea;vertical-align:middle}th{color:#777;font-size:11px;text-transform:uppercase}.thumb{width:54px;height:54px;object-fit:contain;border:1px solid #eee;border-radius:7px}td small{display:block;color:#777;margin-top:4px}.actions form{display:inline}.link{background:none;border:0;color:#a13c63;text-decoration:underline;cursor:pointer;font-size:12px}.danger{color:#b32642}.success{padding:12px;background:#e9f8ee;color:#176b35;border-radius:8px;font-size:13px}.error{padding:12px;background:#fff0f0;color:#a12b37;border-radius:8px;font-size:13px}.current-image{display:flex;align-items:center;gap:12px;color:#777;font-size:12px}.current-image img{width:75px;height:75px;object-fit:contain}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{background:white;border:1px solid #f0dce4;border-radius:18px;padding:32px;width:min(420px,100%);box-shadow:0 15px 45px #3b10201a}.login-card h1{font-size:24px;margin:14px 0 5px}.login-card label{margin:16px 0}.login-card .btn{width:100%;margin-top:8px}.logo{background:#ed6c9a;color:#fff;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-weight:bold}.back{display:block;text-align:center;color:#8a6574;font-size:12px;margin-top:18px}@media(max-width:650px){.product-form{grid-template-columns:1fr}.wide{grid-column:auto}.heading{align-items:flex-start;flex-direction:column}.admin-top{padding:0 4%}.panel{padding:16px}}

.admin-gallery{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px}
.admin-photo{border:1px solid #eee;border-radius:9px;padding:7px;display:flex!important;flex-direction:column;gap:7px;align-items:center;max-width:120px}
.admin-photo img{width:100px;height:100px;object-fit:contain;background:#fff8fb}
.admin-photo span{font-size:11px;font-weight:normal;display:flex;align-items:center;gap:4px}
.admin-photo input{width:auto;margin:0}

/* Identidad visual oficial El Costo */
.admin-brand{display:flex;align-items:center;text-decoration:none}
.admin-brand img{display:block;width:170px;height:52px;object-fit:contain;object-position:left center}
.login-brand-logo{display:block;width:min(260px,100%);height:78px;object-fit:contain;object-position:left center;margin-bottom:10px}
.admin-gallery{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.admin-gallery-item{width:112px;padding:8px;border:1px solid #f0dce4;border-radius:10px;background:#fff}
.admin-gallery-item img{display:block;width:94px;height:94px;object-fit:contain;margin-bottom:8px}
.admin-gallery-item span{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:normal}
.admin-gallery-item input{width:auto;margin:0}
