.navbar{background:var(--secondary-blue)}#myBrand{font-family:Zen Dots,serif;width:50px;height:auto;margin-right:10px}.brand-container{display:flex;align-items:center}#navbarLinks a,#navbarLinks button{font-family:Inter,sans-serif;background:unset;color:var(--neutral-light)}#navbarLinks a:hover,#navbarLinks button:hover{color:var(--highlight-accent)}#logoutButton{padding:0}.footer{background-color:var(--secondary-blue);color:#fff;padding:20px;display:flex;justify-content:space-around;flex-wrap:wrap}.footer-section{margin:10px}.footer-section h3{margin-bottom:10px}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin:5px 0}.footer-section ul li a{color:#fff;text-decoration:none}.footer-section ul li a:hover{text-decoration:underline}.social-media a{color:#fff;text-decoration:none;margin-right:10px}.social-media a:hover{text-decoration:underline}.footer-section p{color:#fff}.product-card{border:1px solid #ddd;border-radius:12px;box-shadow:0 4px 8px #0000001a;overflow:hidden;transition:transform .2s,box-shadow .2s;text-align:center;background-color:#fff;max-width:300px;margin:20px auto}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0003}.product-card img{width:100%;height:250px;object-fit:cover;display:block;margin-bottom:10px}.product-card h2{font-size:1.5rem;margin:15px 0 5px;color:#333}.product-card p{font-size:1rem;color:#777;margin:5px 0}.product-card button{background-color:#007bff;color:#fff;border:none;padding:10px 20px;margin:15px 0;border-radius:8px;cursor:pointer;transition:background-color .3s}.product-card button:hover{background-color:#0056b3;border:none}.product-card .image-container{width:100%;height:250px;overflow:hidden;position:relative}.product-card .image-container img{width:100%;height:100%;object-fit:cover}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html,body{width:100%;height:100%;background-color:var(--neutral-light);color:var(--neutral-dark);display:flex;flex-direction:column}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-layout{display:flex;flex-direction:column;flex-grow:1;align-items:center}footer{margin-top:auto;background-color:#222;color:#fff;padding:10px 0;text-align:center}.home{flex:1;width:100%;max-width:1400px;margin:auto;text-align:center;padding:40px 20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.home h1{font-size:3rem;margin-bottom:20px}.gallery-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.product-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 4px 8px #0000001a;width:30%;text-align:center;transition:transform .3s}.product-card:hover{transform:scale(1.05)}.product-card img{max-width:100%;border-radius:10px;height:auto}.product-card h3{font-size:1.5rem;margin:10px 0}.product-card p{font-size:1.1rem;color:#666}.product-card button{background:#f90;color:#fff;border:none;padding:12px 16px;margin-top:10px;border-radius:5px;cursor:pointer;transition:background .3s;font-size:1rem}.product-card button:hover{background:#c70}.admin-container{display:flex}.admin-content{display:flex;flex-direction:column;align-items:center;margin-left:250px;padding:20px;flex-grow:1}.btn-primary{background-color:var(--secondary-blue);border-color:var(--secondary-blue)}.min-view-height{min-height:calc(100vh - 259px)}@media (max-width: 1024px){.product-card{width:45%}}@media (max-width: 768px){.navbar{flex-direction:column;text-align:center}.navbar .nav-links{flex-direction:column;gap:10px;margin-top:10px}.gallery-grid{flex-direction:column;align-items:center}.product-card{width:90%}.home h1{font-size:2.5rem}}.product-detail-container{display:flex;align-items:center;justify-content:center;gap:2rem;max-width:1200px;margin:36px auto;padding:20px}.product-detail-image-wrapper{flex:1;display:flex;justify-content:center}.product-detail-img{width:100%;max-width:500px;height:auto;max-height:70vh;border-radius:8px;object-fit:contain;transition:transform .2s ease-in}.product-detail-img:hover{transform:scale(1.05)}.product-detail-info{flex:1;max-width:600px}.product-detail-info h2{font-size:2rem}.product-detail-info h3{font-size:1.2rem;color:#6c757d}.product-detail-info p{font-size:1rem;margin-bottom:8px}.product-detail-info .btn{width:100%;padding:10px;font-size:1.2rem;border:none}@media (max-width: 768px){.product-detail-container{flex-direction:column;text-align:center;gap:1rem;padding:15px}.product-detail-image-wrapper{order:-1}.product-detail-img{max-width:90%;max-height:50vh}.product-detail-info{max-width:90%;text-align:left!important}.product-detail-info h2{font-size:1.8rem}.product-detail-info h3{font-size:1rem}.product-detail-info p{font-size:.95rem}.product-detail-info .btn{font-size:1rem}}@media (max-width: 480px){.product-detail-container{padding:10px}.product-detail-img{max-width:100%;max-height:45vh}.product-detail-info{width:100%;text-align:left!important}.product-detail-info h2{font-size:1.5rem}.product-detail-info h3,.product-detail-info p,.product-detail-info .btn{font-size:.9rem}}.cart{width:100%;min-width:400px;max-width:700px;margin:20px auto;background-color:#f9f9f9;border-radius:12px;box-shadow:0 4px 8px #0000001a}.cart-item{display:flex;align-items:center;justify-content:space-between;background-color:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease-in-out}.cart-item:hover{transform:scale(1.02)}.cart-item img{width:80px;height:80px;object-fit:cover;border-radius:8px;margin-right:15px}.item-details{flex-grow:1;padding:0 10px}.item-details h4{margin:0;font-size:18px;color:#333}.item-details p{margin:5px 0;color:#666;font-size:14px}.item-actions{display:flex;align-items:center;gap:10px}.item-actions button{padding:6px 12px;background-color:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s}.item-actions button:hover{background-color:#c0392b}.cart-summary{text-align:center;margin-top:20px;font-size:20px;font-weight:700;color:#2c3e50}.checkout-btn{display:block;width:100%;padding:12px;background-color:#27ae60;color:#fff;text-align:center;border:none;border-radius:8px;font-size:18px;cursor:pointer;margin-top:15px;transition:background-color .3s}.checkout-btn:hover{background-color:#1e8449}@media (max-width: 600px){.cart-item{flex-direction:column;align-items:flex-start}.item-actions{width:100%;justify-content:space-between}.checkout-btn{font-size:16px}}.obras-container{text-align:center;padding:20px}.form-container{display:flex;flex-direction:row;justify-content:center;align-items:flex-start;gap:20px;flex-wrap:wrap;width:100%;margin-bottom:20px}.preview-img{max-width:150px;max-height:150px;object-fit:cover;border-radius:5px;box-shadow:2px 2px 5px #0003;margin-top:10px;display:block}.obra-form{display:flex;flex-direction:column;align-items:center;width:300px;padding:20px;border:1px solid #ddd;border-radius:10px;background:#f9f9f9;box-shadow:2px 2px 10px #0000001a}.obra-form input{width:90%;padding:10px;margin:5px 0;border:1px solid #ccc;border-radius:5px}.obra-form button{width:100%;padding:10px;background:#007bff;color:#fff;border:none;cursor:pointer;border-radius:5px;margin-top:10px}.obra-form button:hover{background:#0056b3}.add-form{background-color:#e3f2fd;border:2px solid #2196f3}.edit-form{background-color:#ffebee;border:2px solid #d32f2f}.obras-table{width:90%;margin:20px auto;border-collapse:collapse;background:#fff}.obras-table th,.obras-table td{padding:10px;border:1px solid #ddd;text-align:center}.obras-table img{max-width:100px;max-height:100px;object-fit:cover;border-radius:5px;box-shadow:2px 2px 5px #0003}.obras-table .image-cell{width:120px}.obras-table button{margin:5px;padding:5px 10px;border:none;cursor:pointer;border-radius:5px}.obras-table button:first-child{background:#28a745;color:#fff}.obras-table button:first-child:hover{background:#218838}.obras-table button:last-child{background-color:#c70;color:#fff}.obras-table button:last-child:hover{background:#c82333}.image-input-group{width:100%;margin-bottom:10px}.checkbox-container{display:flex;align-items:center;margin-top:5px}.checkbox-container input[type=checkbox]{margin-right:10px;width:auto}.checkbox-container label{font-size:.9rem}@media screen and (max-width: 768px){.form-container{flex-direction:column;align-items:center}.obra-form{width:90%}.obras-table img{max-width:80px;max-height:80px}.obras-table .image-cell{width:100px}}.usuarios-admin-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.admin-title{color:#333;font-size:24px;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #eaeaea}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:18px;color:#666}.error-message{background-color:#fff3f3;color:#e74c3c;padding:12px;border-radius:4px;margin-bottom:20px;border-left:4px solid #e74c3c}.table-container{overflow-x:auto;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014}.usuarios-table{width:100%;border-collapse:collapse;border-spacing:0}.usuarios-table th{background-color:#f8f9fa;color:#495057;font-weight:600;text-align:left;padding:14px 16px;border-bottom:2px solid #eaeaea}.usuarios-table td{padding:12px 16px;border-bottom:1px solid #eaeaea;color:#333}.usuarios-table tr:last-child td{border-bottom:none}.usuarios-table tr:hover{background-color:#f8f9fa}.edit-input,.edit-select{width:100%;padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border .2s}.edit-input:focus,.edit-select:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 2px #3498db33}.action-buttons{white-space:nowrap}.button-group{display:flex;gap:8px}.btn{padding:8px 16px;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:all .2s;font-size:14px}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 5px #0000001a}.btn:active{transform:translateY(0)}.btn-edit{background-color:#3498db;color:#fff}.btn-edit:hover{background-color:#2980b9}.btn-delete{background-color:#e74c3c;color:#fff}.btn-delete:hover{background-color:#c0392b}.btn-save{background-color:#2ecc71;color:#fff}.btn-save:hover{background-color:#27ae60}.btn-cancel{background-color:#95a5a6;color:#fff}.btn-cancel:hover{background-color:#7f8c8d}.rol-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;text-transform:uppercase}.rol-badge.administrador{background-color:#ff9800;color:#fff}.rol-badge.cliente{background-color:#3498db;color:#fff}@media (max-width: 768px){.usuarios-table th,.usuarios-table td{padding:10px 12px}.btn{padding:6px 12px;font-size:13px}}.sidebar{width:250px;height:100vh;background-color:var(--secondary-blue);color:var(--neutral-light);padding:20px;position:fixed;top:0;left:0;display:flex;flex-direction:column;justify-content:space-between}.sidebar h2{font-family:var(--brand-font);font-size:1.5rem;color:#fff;text-align:center;margin-bottom:20px}.sidebar nav{flex-grow:1}.sidebar ul{list-style:none;padding:0}.sidebar li{margin:15px 0;text-align:center}.sidebar a{text-decoration:none;color:var(--neutral-light);font-size:1.1rem;display:block;padding:10px;transition:background-color .3s}.sidebar a:hover{background-color:#fff3;border-radius:5px}.back-to-store-btn{display:block;text-align:center;background-color:#ff9800;color:#fff;text-decoration:none;font-weight:700;padding:10px 15px;border-radius:5px;transition:background-color .3s;margin-top:20px;margin-bottom:20px}.back-to-store-btn:hover{background-color:#e68900}:root{--primary-blue: #4a90e2;--secondary-blue: #2a3b5f;--neutral-light: #ffffffde;--neutral-dark: #333333;--highlight-accent: #ffc857;--error-color: #d9534f;--success-color: #4ae250;--brand-font: "Zen Dots", sans-serif;--regular-font: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:var(--neutral-dark);background-color:var(--neutral-light)}.terms-container{max-width:1200px;margin:0 auto;padding:20px;background-color:var(--neutral-light)}h1{font-family:var(--brand-font);font-size:2.5rem;color:var(--primary-blue);text-align:center;margin-bottom:40px}h2{font-family:var(--regular-font);font-size:1.8rem;color:var(--secondary-blue);margin-top:30px;margin-bottom:10px}p{font-family:var(--regular-font);font-size:1.1rem;color:var(--neutral-dark);line-height:1.6;margin-bottom:15px}ul{list-style-type:disc;margin-left:20px;margin-bottom:20px}li{font-family:var(--regular-font);font-size:1.1rem;color:var(--neutral-dark);margin-bottom:10px}a{color:var(--primary-blue);text-decoration:none;font-weight:700;transition:color .3s ease}a:hover{color:var(--highlight-accent)}.terms-footer{text-align:center;margin-top:40px;font-size:1rem;color:var(--neutral-dark)}.terms-footer a{color:var(--primary-blue);font-weight:700}.terms-footer a:hover{color:var(--highlight-accent)}@media (max-width: 768px){.terms-container{padding:15px}h1{font-size:2rem}h2{font-size:1.5rem}p{font-size:1rem}}.client-table{max-width:768px}