.cart-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cart-drawer{position:fixed;right:-100%;top:0;bottom:0;width:100%;max-width:450px;background:#fff;z-index:1000;display:flex;flex-direction:column;box-shadow:-2px 0 10px #0000001a;transition:right .3s ease}.cart-drawer.open{right:0}.cart-header{padding:20px;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;align-items:center;background:#2c3e50;color:#fff}.cart-header h2{margin:0;font-size:20px;display:flex;align-items:center;gap:10px}.close-btn{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px;display:flex;align-items:center}.close-btn:hover{opacity:.8}.cart-items{flex:1;overflow-y:auto;padding:20px}.cart-empty{text-align:center;padding:60px 20px;color:#95a5a6}.cart-empty svg{font-size:64px;margin-bottom:20px}.cart-empty p{font-size:16px;margin-bottom:20px}.btn-continue{padding:12px 24px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600}.btn-continue:hover{background:#2980b9}.cart-item{display:grid;grid-template-columns:80px 1fr auto;gap:15px;padding:15px 0;border-bottom:1px solid #f0f0f0;position:relative}.cart-item img{width:80px;height:100px;object-fit:cover;border-radius:4px}.item-info{display:flex;flex-direction:column;gap:5px}.item-info h4{font-size:15px;margin:0;color:#2c3e50}.item-author{font-size:13px;color:#7f8c8d;margin:0}.item-price{font-size:16px;font-weight:600;color:#27ae60;margin:5px 0}.item-quantity{display:flex;align-items:center;gap:10px;margin-top:5px}.item-quantity button{width:28px;height:28px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;font-weight:600}.item-quantity button:hover:not(:disabled){background:#f0f0f0}.item-quantity button:disabled{opacity:.5;cursor:not-allowed}.item-quantity span{min-width:30px;text-align:center;font-weight:600}.remove-btn{background:transparent;border:none;color:#e74c3c;font-size:18px;cursor:pointer;padding:5px}.remove-btn:hover{color:#c0392b}.btn-clear-cart{width:100%;padding:10px;margin-top:15px;background:transparent;border:1px solid #e74c3c;color:#e74c3c;border-radius:6px;cursor:pointer;font-size:14px}.btn-clear-cart:hover{background:#e74c3c;color:#fff}.cart-footer{padding:20px;border-top:1px solid #e0e0e0;background:#f8f9fa}.cart-subtotal{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;font-size:18px}.cart-subtotal strong{color:#27ae60;font-size:22px}.btn-checkout{display:block;width:100%;padding:15px;background:#27ae60;color:#fff;text-align:center;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;margin-bottom:10px;transition:all .3s}.btn-checkout:hover{background:#229954;transform:translateY(-2px)}.btn-continue-shopping{width:100%;padding:12px;background:transparent;border:1px solid #3498db;color:#3498db;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600}.btn-continue-shopping:hover{background:#3498db;color:#fff}@media (max-width: 480px){.cart-drawer{max-width:100%}.cart-item{grid-template-columns:60px 1fr auto}.cart-item img{width:60px;height:75px}}.category-page{background-color:#f5f5f5;min-height:100vh}.page-hero{background:#2d6a4f;color:#fff;text-align:center;padding:60px 20px;margin-bottom:40px}.page-hero h1{font-size:2.5rem;margin-bottom:10px;font-weight:700}.page-hero p{font-size:1.2rem;opacity:.95}.page-intro{margin-bottom:50px;background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #00000014}.intro-text{font-size:1.05rem;line-height:1.8;margin-bottom:15px;text-align:justify;color:#333}.products-section{margin-bottom:60px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-header h2{font-size:1.8rem;color:#2d6a4f;margin:0}.results-count{color:#666;font-size:.95rem}.products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.product-card-category{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:transform .3s,box-shadow .3s;display:flex;flex-direction:column;border:1px solid #e8e8e8}.product-card-category:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0000001f;border-color:#2d6a4f}.product-image-wrapper{width:100%;aspect-ratio:3/4;overflow:hidden;background:#fafafa;position:relative}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card-category:hover .product-image{transform:scale(1.03)}.product-details{padding:15px;display:flex;flex-direction:column;gap:8px;flex:1}.product-title{font-size:1rem;color:#2d6a4f;margin:0;font-weight:700;line-height:1.3;min-height:2.6rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-author{font-size:.85rem;color:#888;font-style:italic;margin:0;line-height:1.2}.product-price{font-size:1.5rem;color:#27ae60;font-weight:700;margin:8px 0 5px;letter-spacing:-.5px}.product-description{font-size:.85rem;color:#666;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-actions{display:flex;gap:8px;margin-top:12px}.btn-view-details{flex:1;padding:11px 14px;background:#2d6a4f;color:#fff;text-decoration:none;border-radius:6px;text-align:center;font-weight:600;font-size:.85rem;transition:all .3s;border:none}.btn-view-details:hover{background:#1b4332;transform:translateY(-1px)}.btn-whatsapp-product{padding:11px 14px;background:#25d366;color:#fff;text-decoration:none;border-radius:6px;display:flex;align-items:center;justify-content:center;gap:5px;font-weight:600;font-size:.85rem;transition:all .3s;border:none}.btn-whatsapp-product:hover{background:#1ebe57;transform:translateY(-1px)}.pagination-container{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:50px;padding:20px 0}.pagination-arrow{width:45px;height:45px;border:2px solid #2d6a4f;background:#fff;color:#2d6a4f;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;transition:all .3s}.pagination-arrow:hover:not(:disabled){background:#2d6a4f;color:#fff}.pagination-arrow:disabled{opacity:.3;cursor:not-allowed}.pagination-numbers{display:flex;gap:8px;align-items:center}.pagination-number{min-width:45px;height:45px;border:2px solid #e0e0e0;background:#fff;color:#333;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:600;font-size:1rem;transition:all .3s}.pagination-number:hover{border-color:#2d6a4f;color:#2d6a4f}.pagination-number.active{background:#2d6a4f;color:#fff;border-color:#2d6a4f}.pagination-ellipsis{color:#999;font-size:1.2rem;padding:0 5px}.loading-container{text-align:center;padding:80px 20px;background:#fff;border-radius:8px}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #2d6a4f;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-container p{color:#666;font-size:1.1rem}.no-products{text-align:center;padding:80px 20px;background:#fff;border-radius:8px}.no-products p{font-size:1.1rem;color:#666;margin:10px 0}@media (max-width: 1024px){.products-grid{grid-template-columns:repeat(3,1fr);gap:20px}}@media (max-width: 768px){.page-hero{padding:40px 15px}.page-hero h1{font-size:2rem}.page-hero p{font-size:1rem}.page-intro{padding:20px}.intro-text{font-size:1rem;text-align:left}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.section-header h2{font-size:1.5rem}.results-count{font-size:.9rem}.products-grid{grid-template-columns:repeat(2,1fr);gap:15px}.product-details{padding:15px}.product-title{font-size:1rem}.product-price{font-size:1.2rem}.product-description{font-size:.85rem}.product-actions{flex-direction:column}.btn-view-details,.btn-whatsapp-product{width:100%;justify-content:center}.pagination-arrow,.pagination-number{width:40px;height:40px;min-width:40px}.pagination-numbers{gap:5px}}@media (max-width: 480px){.page-hero{padding:30px 10px}.page-hero h1{font-size:1.5rem}.page-hero p{font-size:.9rem}.page-intro{padding:15px}.intro-text{font-size:.95rem}.section-header h2{font-size:1.3rem}.products-grid{grid-template-columns:1fr;gap:15px}.product-card-category{display:flex;flex-direction:row}.product-image-wrapper{width:120px;min-width:120px;aspect-ratio:3/4}.product-details{flex:1;padding:12px}.product-title{font-size:.95rem;min-height:auto}.product-author{font-size:.8rem}.product-price{font-size:1.1rem}.product-description{font-size:.8rem;display:none}.product-actions{flex-direction:row;gap:5px}.btn-view-details,.btn-whatsapp-product{padding:8px 10px;font-size:.8rem}.btn-whatsapp-product{flex:0;min-width:40px;padding:8px}.btn-whatsapp-product svg{width:16px;height:16px}.btn-whatsapp-product{font-size:0}.btn-whatsapp-product svg{margin:0}.pagination-container{gap:5px;margin-top:30px}.pagination-arrow,.pagination-number{width:35px;height:35px;min-width:35px;font-size:.9rem}.pagination-numbers{gap:3px}.pagination-ellipsis{font-size:1rem;padding:0 2px}}.product-catalog{padding:40px 20px;max-width:1400px;margin:0 auto}.catalog-header{text-align:center;margin-bottom:40px}.catalog-header h1{font-size:36px;color:#2c3e50;margin-bottom:15px}.catalog-header p{font-size:16px;color:#7f8c8d}.filters-bar{display:flex;gap:15px;margin-bottom:30px;flex-wrap:wrap;align-items:center;background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.search-box input:focus{outline:none;border-color:#3498db}.filter-group{display:flex;align-items:center;gap:10px}.filter-group svg{color:#7f8c8d;font-size:18px}.filter-group select{padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;cursor:pointer}.filter-group select:focus{outline:none;border-color:#3498db}.price-filters{display:flex;align-items:center;gap:10px}.price-filters input{width:100px;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px}.price-filters input:focus{outline:none;border-color:#3498db}.price-filters span{color:#7f8c8d}.results-info{margin-bottom:20px}.results-info p{color:#7f8c8d;font-size:14px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px;margin-bottom:40px}.product-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s}.product-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001f}.product-image{position:relative;display:block;width:100%;aspect-ratio:3/4;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .product-image img{transform:scale(1.05)}.badge-destacado{position:absolute;top:10px;right:10px;background:#f39c12;color:#fff;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600}.product-info{padding:20px}.product-name{font-size:16px;color:#2c3e50;margin-bottom:5px;font-weight:600;text-decoration:none;display:block}.product-name:hover{color:#3498db}.product-author{font-size:13px;color:#7f8c8d;margin-bottom:10px}.product-description{font-size:14px;color:#555;line-height:1.4;margin-bottom:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-footer{display:flex;justify-content:space-between;align-items:center;gap:10px}.product-price .price{font-size:20px;font-weight:700;color:#27ae60}.btn-add-cart,.btn-out-stock{padding:10px 15px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .3s}.btn-add-cart{background:#3498db;color:#fff}.btn-add-cart:hover{background:#2980b9}.btn-out-stock{background:#95a5a6;color:#fff;cursor:not-allowed}.loading-grid,.empty-results{text-align:center;padding:80px 20px;color:#95a5a6}.loading-grid .spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.loading-grid p,.empty-results p{font-size:16px}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:40px}.pagination span{color:#555;font-weight:500}@media (max-width: 1024px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width: 768px){.filters-bar{flex-direction:column;align-items:stretch}.search-box,.filter-group,.price-filters{width:100%}.products-grid{grid-template-columns:repeat(2,1fr);gap:15px}.product-info{padding:15px}.catalog-header h1{font-size:28px}}@media (max-width: 480px){.products-grid{grid-template-columns:1fr}.btn-add-cart span{display:none}}.product-detail{padding:40px 20px;background:#fff}.container{max-width:1200px;margin:0 auto}.back-link{display:inline-flex;align-items:center;gap:8px;color:#3498db;text-decoration:none;margin-bottom:30px;font-weight:500}.back-link:hover{text-decoration:underline}.product-container{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:60px}.product-gallery{position:sticky;top:20px}.main-image{width:100%;aspect-ratio:3/4;background:#f5f5f5;border-radius:8px;overflow:hidden;margin-bottom:15px}.main-image img{width:100%;height:100%;object-fit:cover}.thumbnail-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:10px}.thumbnail{aspect-ratio:3/4;background:#f5f5f5;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .3s}.thumbnail:hover{border-color:#3498db}.thumbnail.active{border-color:#2c3e50}.thumbnail img{width:100%;height:100%;object-fit:cover}.product-info h1{font-size:32px;color:#2c3e50;margin-bottom:10px}.product-author{font-size:18px;color:#7f8c8d;margin-bottom:20px}.product-price{margin:30px 0}.product-price .price{font-size:36px;font-weight:700;color:#27ae60}.product-short-description{font-size:16px;line-height:1.6;color:#555;margin-bottom:30px}.purchase-section{background:#f8f9fa;padding:25px;border-radius:8px;margin-bottom:30px}.quantity-selector{margin-bottom:20px}.quantity-selector label{display:block;font-weight:600;margin-bottom:10px;color:#2c3e50}.quantity-controls{display:flex;align-items:center;gap:10px;margin-bottom:10px}.quantity-controls button{width:40px;height:40px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:18px;font-weight:600}.quantity-controls button:hover:not(:disabled){background:#f0f0f0}.quantity-controls button:disabled{opacity:.5;cursor:not-allowed}.quantity-controls input{width:80px;height:40px;text-align:center;border:1px solid #ddd;border-radius:4px;font-size:16px}.stock-info{font-size:14px;color:#7f8c8d}.btn-add-to-cart{width:100%;padding:15px;background:#27ae60;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s}.btn-add-to-cart:hover:not(:disabled){background:#229954;transform:translateY(-2px)}.btn-add-to-cart:disabled{background:#95a5a6;cursor:not-allowed}.product-details{border-top:1px solid #e0e0e0;padding-top:25px}.product-details h3{font-size:20px;margin-bottom:15px;color:#2c3e50}.product-details ul{list-style:none;padding:0}.product-details li{padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:15px;color:#555}.product-details strong{color:#2c3e50;min-width:100px;display:inline-block}.product-description-section{margin-bottom:60px}.product-description-section h2{font-size:28px;color:#2c3e50;margin-bottom:20px}.description-content{line-height:1.8;color:#555;font-size:16px}.related-products-section h2{font-size:28px;color:#2c3e50;margin-bottom:30px}.related-products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.related-product-card{text-decoration:none;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #0000001a;transition:all .3s}.related-product-card:hover{transform:translateY(-5px);box-shadow:0 4px 15px #00000026}.related-product-card img{width:100%;aspect-ratio:3/4;object-fit:cover}.related-product-card h4{padding:15px 15px 5px;color:#2c3e50;font-size:16px;margin:0}.related-product-card .price{padding:0 15px 15px;color:#27ae60;font-weight:600;font-size:18px}.btn-back{display:inline-block;margin-top:20px;padding:12px 24px;background:#3498db;color:#fff;text-decoration:none;border-radius:6px}@media (max-width: 768px){.product-container{grid-template-columns:1fr;gap:30px}.product-gallery{position:static}.product-info h1{font-size:24px}.product-price .price{font-size:28px}.related-products-grid{grid-template-columns:repeat(2,1fr)}}.checkout-page{padding:40px 20px;background:#f5f5f5;min-height:100vh}.checkout-page .container{max-width:1200px;margin:0 auto}.checkout-page h1{font-size:32px;color:#2c3e50;margin-bottom:30px}.checkout-grid{display:grid;grid-template-columns:1fr 400px;gap:30px}.checkout-form-section{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.form-section{margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e0e0e0}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:600;margin-bottom:5px;color:#2c3e50;font-size:14px}.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:15px;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3498db}.payment-methods{display:grid;gap:15px;margin-bottom:20px}.payment-method{display:block;padding:15px;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .3s}.payment-method:hover{border-color:#3498db}.payment-method.active{border-color:#3498db;background:#e3f2fd}.payment-method input[type=radio]{display:none}.payment-method-content{display:flex;align-items:center;gap:12px}.payment-method-content svg,.payment-method-content img{font-size:24px;color:#3498db}.payment-method-content span{font-weight:600;color:#2c3e50;font-size:16px}.payment-method-content small{margin-left:auto;color:#7f8c8d;font-size:13px}.payment-instructions{background:#fff3cd;border:1px solid #ffc107;border-radius:6px;padding:20px;margin-top:15px}.payment-instructions h4{margin:0 0 10px;color:#856404}.payment-instructions ol{margin:10px 0;padding-left:20px;color:#856404}.payment-instructions ol li{margin-bottom:5px}.file-input{position:relative}.file-input input[type=file]{position:absolute;opacity:0;width:0;height:0}.file-input-label{display:flex;align-items:center;gap:10px;padding:12px;background:#f8f9fa;border:2px dashed #ddd;border-radius:6px;cursor:pointer;transition:all .3s}.file-input-label:hover{border-color:#3498db;background:#e3f2fd}.file-input-label svg{font-size:20px;color:#3498db}.btn-submit-order{width:100%;padding:18px;background:#27ae60;color:#fff;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:20px}.btn-submit-order:hover:not(:disabled){background:#229954;transform:translateY(-2px)}.btn-submit-order:disabled{background:#95a5a6;cursor:not-allowed}.order-summary{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 8px #0000000d;position:sticky;top:20px;align-self:start}.order-summary h3{font-size:20px;color:#2c3e50;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #e0e0e0}.summary-items{max-height:400px;overflow-y:auto;margin-bottom:20px}.summary-item{display:grid;grid-template-columns:60px 1fr;gap:15px;padding:15px 0;border-bottom:1px solid #f0f0f0}.summary-item img{width:60px;height:75px;object-fit:cover;border-radius:4px}.summary-item-info h4{font-size:14px;margin:0 0 5px;color:#2c3e50}.summary-item-info p{font-size:13px;color:#7f8c8d;margin:3px 0}.summary-item-info .item-total{font-weight:600;color:#27ae60;font-size:14px}.summary-totals{padding-top:15px;border-top:2px solid #e0e0e0}.summary-row.total{padding-top:15px;border-top:1px solid #e0e0e0;margin-top:10px;font-size:20px;color:#2c3e50}.error-message{background:#ffebee;color:#c62828;padding:15px;border-radius:6px;margin-bottom:20px;border:1px solid #ef5350}.checkout-empty{text-align:center;padding:100px 20px}.checkout-empty h2{color:#7f8c8d;margin-bottom:20px}.btn-back-shop{padding:15px 30px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer}.btn-back-shop:hover{background:#2980b9}@media (max-width: 1024px){.checkout-grid{grid-template-columns:1fr}.order-summary{position:static}}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.checkout-form-section,.order-summary{padding:20px}}.order-confirmation{padding:60px 20px;background:#f5f5f5;min-height:100vh}.order-confirmation .container{max-width:800px;margin:0 auto;background:#fff;padding:50px;border-radius:12px;box-shadow:0 2px 20px #00000014}.success-icon{text-align:center;margin-bottom:30px}.success-icon svg{font-size:80px;color:#27ae60}.order-confirmation h1{text-align:center;font-size:32px;color:#2c3e50;margin-bottom:10px}.subtitle{text-align:center;color:#7f8c8d;font-size:16px;margin-bottom:30px}.order-number{text-align:center;padding:20px;background:#e8f5e9;border-radius:8px;margin-bottom:40px;font-size:18px;color:#2c3e50}.order-number strong{color:#27ae60}.order-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:40px}.info-card{text-align:center;padding:25px;background:#f8f9fa;border-radius:8px}.info-card svg{font-size:40px;color:#3498db;margin-bottom:15px}.info-card h3{font-size:16px;color:#2c3e50;margin-bottom:10px}.info-card p{font-size:18px;font-weight:600;color:#2c3e50;margin:5px 0}.info-card small{font-size:13px;color:#7f8c8d}.info-card .status{text-transform:capitalize;padding:6px 12px;border-radius:20px;display:inline-block}.info-card .status.pendiente{background:#fff3e0;color:#e65100}.info-card .status.procesando{background:#e3f2fd;color:#1976d2}.info-card .status.completada{background:#e8f5e9;color:#2e7d32}.payment-info{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #e0e0e0}.payment-info h3{font-size:20px;color:#2c3e50;margin-bottom:15px}.payment-method-display{display:inline-block;padding:10px 20px;background:#e3f2fd;color:#1976d2;border-radius:6px;font-weight:600;margin-bottom:15px}.payment-pending-notice{background:#fff3cd;border:1px solid #ffc107;padding:15px;border-radius:6px;color:#856404}.payment-pending-notice p{margin:5px 0}.order-details{margin-bottom:40px;padding-bottom:30px;border-bottom:2px solid #e0e0e0}.order-details h3{font-size:20px;color:#2c3e50;margin-bottom:20px}.order-items{margin-bottom:20px}.order-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #f0f0f0}.item-name{color:#2c3e50;font-size:15px}.item-qty{color:#7f8c8d;font-size:14px;margin-left:5px}.item-price{font-weight:600;color:#27ae60}.order-totals{background:#f8f9fa;padding:20px;border-radius:8px}.total-row.final{border-top:2px solid #dee2e6;margin-top:10px;padding-top:15px;font-size:20px;color:#2c3e50}.total-row.final strong{color:#27ae60}.shipping-info{margin-bottom:40px}.shipping-info h3{font-size:20px;color:#2c3e50;margin-bottom:15px}.shipping-info p{padding:8px 0;color:#555;font-size:15px}.shipping-info strong{color:#2c3e50;min-width:100px;display:inline-block}.action-buttons{display:flex;gap:15px;justify-content:center}.btn-primary,.btn-secondary{padding:15px 30px;border-radius:8px;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s}.btn-primary{background:#27ae60;color:#fff}.btn-primary:hover{background:#229954;transform:translateY(-2px)}.btn-secondary{background:transparent;border:2px solid #3498db;color:#3498db}.btn-secondary:hover{background:#3498db;color:#fff}.loading-container,.error-container{text-align:center;padding:100px 20px}.btn-home{display:inline-block;margin-top:20px;padding:12px 24px;background:#3498db;color:#fff;text-decoration:none;border-radius:6px}@media (max-width: 768px){.order-confirmation .container{padding:30px 20px}.order-info-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%;text-align:center}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#667eea,#764ba2)}.auth-container{width:100%;max-width:500px;background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 40px #0003}.auth-header{text-align:center;margin-bottom:30px}.auth-header h1{font-size:28px;color:#2c3e50;margin-bottom:10px}.auth-header p{color:#7f8c8d;font-size:14px}.auth-form{margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-group label{display:flex;align-items:center;gap:8px;font-weight:600;margin-bottom:8px;color:#2c3e50;font-size:14px}.form-group label svg{font-size:16px;color:#3498db}.form-group input{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s}.form-group input:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db1a}.error-message{background:#ffebee;color:#c62828;padding:12px 15px;border-radius:8px;margin-bottom:20px;border:1px solid #ef5350;font-size:14px}.btn-submit{width:100%;padding:15px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.auth-footer{text-align:center;padding-top:20px;border-top:1px solid #e0e0e0}.auth-footer p{color:#7f8c8d;font-size:14px}.auth-footer a{color:#3498db;text-decoration:none;font-weight:600}.auth-footer a:hover{text-decoration:underline}@media (max-width: 768px){.auth-container{padding:30px 20px}.form-row{grid-template-columns:1fr}.auth-header h1{font-size:24px}}.admin-layout{min-height:100vh;background-color:#f5f5f5}.admin-topbar{height:60px;background:linear-gradient(135deg,#2c3e50,#34495e);display:flex;align-items:center;justify-content:space-between;padding:0 20px;position:fixed;top:0;left:0;right:0;z-index:1000;box-shadow:0 2px 10px #0000001a}.topbar-left{display:flex;align-items:center;gap:15px}.toggle-sidebar-btn{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .3s}.toggle-sidebar-btn:hover{background:#ffffff1a}.admin-title{color:#fff;font-size:20px;font-weight:600;margin:0}.topbar-right{display:flex;align-items:center;gap:15px}.view-site-btn,.logout-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;gap:8px;text-decoration:none;transition:all .3s}.view-site-btn:hover,.logout-btn:hover{background:#fff3}.admin-container{display:flex;margin-top:60px;min-height:calc(100vh - 60px)}.admin-sidebar{width:250px;background:#fff;box-shadow:2px 0 10px #0000000d;transition:all .3s ease;position:fixed;left:0;top:60px;bottom:0;overflow-y:auto}.admin-sidebar.closed{width:70px}.sidebar-nav{padding:20px 0}.sidebar-link{display:flex;align-items:center;gap:15px;padding:15px 20px;color:#555;text-decoration:none;transition:all .3s;border-left:3px solid transparent}.sidebar-link:hover{background:#f8f9fa;color:#2c3e50;border-left-color:#3498db}.sidebar-link.active{background:#e3f2fd;color:#2c3e50;border-left-color:#2c3e50;font-weight:600}.sidebar-icon{font-size:20px;min-width:20px;display:flex;align-items:center;justify-content:center}.sidebar-label{white-space:nowrap}.admin-sidebar.closed .sidebar-label{display:none}.admin-content{flex:1;margin-left:250px;padding:30px;transition:margin-left .3s ease}.admin-sidebar.closed~.admin-content{margin-left:70px}@media (max-width: 768px){.admin-sidebar{width:70px}.sidebar-label{display:none}.admin-content{margin-left:70px}.admin-title{font-size:16px}}@media (max-width: 480px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-content{margin-left:0}.topbar-right{gap:5px}.view-site-btn span,.logout-btn span{display:none}}.admin-dashboard{max-width:1400px;margin:0 auto}.dashboard-header{margin-bottom:30px}.dashboard-header h2{font-size:28px;color:#2c3e50;margin-bottom:5px}.dashboard-header p{color:#7f8c8d;font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:40px}.stat-card{border-radius:12px;padding:25px;display:flex;align-items:center;gap:20px;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #0000001a;position:relative;overflow:hidden;color:#fff!important}.stat-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026}.stat-icon{width:70px;height:70px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;background:#fff3;box-shadow:0 4px 12px #00000026;flex-shrink:0}.stat-info{flex:1;z-index:1}.stat-label{font-size:14px;color:#ffffffe6!important;margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:32px;font-weight:700;color:#fff!important;margin:0;line-height:1}.dashboard-section{background:#fff;border-radius:8px;padding:25px;margin-bottom:30px;box-shadow:0 2px 8px #0000000d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-header h3{font-size:20px;color:#2c3e50;margin:0}.view-all-link{color:#3498db;text-decoration:none;font-size:14px;font-weight:500}.view-all-link:hover{text-decoration:underline}.orders-table-container{overflow-x:auto}.orders-table{width:100%;border-collapse:collapse}.orders-table th{text-align:left;padding:12px;background:#f8f9fa;color:#555;font-weight:600;font-size:13px;text-transform:uppercase;border-bottom:2px solid #e9ecef}.orders-table td{padding:15px 12px;border-bottom:1px solid #e9ecef;color:#2c3e50}.orders-table tr:hover{background:#f8f9fa}.order-number{font-weight:600;color:#3498db}.order-total{font-weight:600;color:#27ae60}.payment-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}.status-badge.pendiente{background:#fff3e0;color:#e65100}.status-badge.procesando{background:#e3f2fd;color:#1976d2}.status-badge.completada{background:#e8f5e9;color:#2e7d32}.status-badge.cancelada{background:#ffebee;color:#c62828}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.action-btn{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;text-decoration:none;color:#495057;transition:all .3s}.action-btn:hover{background:#e9ecef;border-color:#3498db;color:#3498db}.action-btn svg{font-size:32px}.action-btn span{font-size:14px;font-weight:500}.empty-state{text-align:center;padding:60px 20px;color:#95a5a6}.empty-state svg{font-size:64px;margin-bottom:15px}.empty-state p{font-size:16px}.dashboard-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.admin-dashboard{padding:0 15px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.stat-card{padding:20px}.stat-icon{width:60px;height:60px;font-size:28px}.stat-value{font-size:28px}.stat-label{font-size:13px}}@media (max-width: 768px){.admin-dashboard{padding:0 10px}.dashboard-header h2{font-size:24px}.dashboard-header p{font-size:13px}.stats-grid{grid-template-columns:1fr;gap:15px;margin-bottom:30px}.stat-card{padding:18px;gap:15px}.stat-icon{width:55px;height:55px;font-size:24px;border-radius:12px}.stat-label{font-size:12px;margin-bottom:6px}.stat-value{font-size:24px}.dashboard-section{padding:20px}.section-header{flex-direction:column;align-items:flex-start;gap:10px}.section-header h3{font-size:18px}.orders-table-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.orders-table{font-size:12px;min-width:600px}.orders-table th,.orders-table td{padding:10px 8px;font-size:11px}.orders-table th{font-size:10px}.quick-actions{grid-template-columns:repeat(2,1fr);gap:10px}.action-btn{padding:15px;font-size:13px}.action-btn svg{font-size:24px}}@media (max-width: 480px){.dashboard-header h2{font-size:20px}.dashboard-header p{font-size:12px}.stats-grid{gap:12px}.stat-card{padding:15px;flex-direction:column;text-align:center;gap:12px}.stat-icon{width:50px;height:50px;font-size:22px;margin:0 auto}.stat-info{text-align:center}.stat-label{font-size:11px}.stat-value{font-size:22px}.dashboard-section{padding:15px;margin-bottom:20px}.section-header h3{font-size:16px}.view-all-link{font-size:12px}.orders-table{font-size:10px}.orders-table th,.orders-table td{padding:8px 6px}.payment-badge,.status-badge{font-size:10px;padding:3px 8px}.quick-actions{grid-template-columns:1fr}.action-btn{padding:18px}.empty-state{padding:40px 15px}.empty-state svg{font-size:48px}.empty-state p{font-size:14px}}.products-list-page{padding:0}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.page-header h2{font-size:28px;color:#2c3e50;margin:0 0 5px}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#3498db;color:#fff;text-decoration:none;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary:hover{background:#2980b9;transform:translateY(-2px)}.filters-section{display:flex;gap:15px;margin-bottom:25px;flex-wrap:wrap}.search-box{flex:1;min-width:250px;position:relative;display:flex;align-items:center}.search-box svg{position:absolute;left:15px;color:#95a5a6;font-size:18px}.search-box input{width:100%;padding:12px 15px 12px 45px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px}.filters-section select{padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;cursor:pointer;background:#fff}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:25px}.stat-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;gap:10px}.stat-label{font-size:13px;color:#7f8c8d;text-transform:uppercase;font-weight:600}.stat-value{font-size:28px;font-weight:700;color:#2c3e50}.stat-value.warning{color:#e74c3c}.table-container{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;overflow-x:auto}.products-table{width:100%;border-collapse:collapse}.products-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.products-table th{text-align:left;padding:15px;color:#555;font-weight:600;font-size:13px;text-transform:uppercase}.products-table td{padding:15px;border-bottom:1px solid #f0f0f0;vertical-align:middle}.products-table tr:hover{background:#f8f9fa}.product-thumb{width:60px;height:75px;object-fit:cover;border-radius:4px}.product-name-cell{display:flex;flex-direction:column;gap:3px}.product-name-cell strong{color:#2c3e50;font-size:14px}.product-name-cell small{color:#7f8c8d;font-size:12px}.price-cell{font-weight:600;color:#27ae60;font-size:15px}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.badge-category{background:#e3f2fd;color:#1976d2}.stock-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-weight:600;font-size:13px}.stock-badge.ok{background:#e8f5e9;color:#2e7d32}.stock-badge.low{background:#fff3e0;color:#e65100}.stock-badge.out{background:#ffebee;color:#c62828}.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.publicado{background:#e8f5e9;color:#2e7d32}.status-badge.borrador{background:#fff3e0;color:#e65100}.actions-cell{display:flex;gap:8px}.btn-icon{width:36px;height:36px;border:none;background:#f0f0f0;color:#555;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;text-decoration:none}.btn-icon:hover{background:#3498db;color:#fff}.btn-icon.danger:hover{background:#e74c3c;color:#fff}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:30px}.pagination button{padding:10px 20px;background:#3498db;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.pagination button:hover:not(:disabled){background:#2980b9}.pagination button:disabled{background:#95a5a6;cursor:not-allowed}.loading-state,.empty-state{text-align:center;padding:80px 20px;background:#fff;border-radius:8px;color:#95a5a6}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@media (max-width: 1024px){.products-table{font-size:13px}.products-table th,.products-table td{padding:10px}.product-thumb{width:50px;height:62px}}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start;gap:15px}.filters-section{flex-direction:column}.search-box{width:100%}.stats-cards{grid-template-columns:1fr}.table-container{overflow-x:scroll}.products-table{min-width:800px}}.product-form-page{max-width:900px;margin:0 auto}.product-form{background:#fff;padding:30px;border-radius:8px;box-shadow:0 2px 8px #0000000d}.form-section{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #e0e0e0}.form-section:last-of-type{border-bottom:none}.form-section h3{font-size:20px;color:#2c3e50;margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;margin-bottom:8px;color:#2c3e50;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;font-family:inherit}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#3498db}.form-group textarea{resize:vertical}.form-group small{display:block;margin-top:5px;color:#7f8c8d;font-size:13px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer}.image-preview{margin-bottom:15px}.image-preview img{max-width:200px;height:auto;border-radius:8px;box-shadow:0 2px 8px #0000001a}.file-count{margin-top:10px;color:#27ae60;font-weight:600;font-size:14px}.form-actions{display:flex;gap:15px;justify-content:flex-end;margin-top:30px}.btn-secondary{padding:12px 24px;background:transparent;border:2px solid #95a5a6;color:#555;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.btn-secondary:hover{background:#95a5a6;color:#fff}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.product-form{padding:20px}.form-actions{flex-direction:column}.form-actions button,.form-actions .btn-secondary{width:100%;justify-content:center}}.orders-list-page{padding:0}.stats-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:25px;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;align-items:center;gap:20px;transition:all .3s}.stat-card:hover{transform:translateY(-3px);box-shadow:0 4px 16px #0000001f}.stat-card.blue{border-left:4px solid #3498db}.stat-card.orange{border-left:4px solid #e67e22}.stat-card.green{border-left:4px solid #27ae60}.stat-icon{width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff}.stat-card.blue .stat-icon{background:#3498db}.stat-card.orange .stat-icon{background:#e67e22}.stat-card.green .stat-icon{background:#27ae60}.stat-info{display:flex;flex-direction:column;gap:5px}.customer-cell{display:flex;flex-direction:column;gap:3px}.customer-cell strong{color:#2c3e50}.customer-cell small{color:#7f8c8d;font-size:12px}.time{color:#95a5a6}.payment-badge{display:inline-block;padding:5px 12px;border-radius:12px;font-size:12px;font-weight:600}.payment-badge.mercadoPago{background:#e3f2fd;color:#1976d2}.payment-badge.yape{background:#f3e5f5;color:#7b1fa2}.payment-badge.plin{background:#fff3e0;color:#e65100}.status-badge{display:inline-block;padding:5px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.status-badge.payment-pendiente{background:#fff3e0;color:#e65100}.status-badge.payment-verificado{background:#e8f5e9;color:#2e7d32}.status-badge.payment-fallido{background:#ffebee;color:#c62828}.status-badge.order-pendiente{background:#fff3e0;color:#e65100}.status-badge.order-procesando{background:#e3f2fd;color:#1976d2}.status-badge.order-enviado{background:#f3e5f5;color:#7b1fa2}.status-badge.order-completada{background:#e8f5e9;color:#2e7d32}.status-badge.order-cancelada{background:#ffebee;color:#c62828}@media (max-width: 768px){.stats-cards{grid-template-columns:1fr}.orders-table{min-width:900px}}.order-detail-page{padding:0}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:transparent;border:2px solid #95a5a6;color:#555;border-radius:8px;font-weight:600;cursor:pointer;margin-bottom:20px;transition:all .3s}.btn-back:hover{background:#95a5a6;color:#fff}.order-detail-grid{display:grid;grid-template-columns:1fr 400px;gap:25px}.section-card{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px}.section-card h3{font-size:18px;color:#2c3e50;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f0f0f0}.status-row{display:flex;gap:30px;margin-bottom:20px}.status-row .label{display:block;font-size:13px;color:#7f8c8d;margin-bottom:5px}.actions-row{display:flex;gap:10px;flex-wrap:wrap}.btn-success{padding:12px 20px;background:#27ae60;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s}.btn-success:hover:not(:disabled){background:#229954}.btn-danger{padding:12px 20px;background:#e74c3c;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .3s}.btn-danger:hover:not(:disabled){background:#c0392b}.btn-success:disabled,.btn-danger:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed}.products-list{margin-bottom:20px}.product-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #f0f0f0}.product-row:last-child{border-bottom:none}.product-info strong{display:block;color:#2c3e50;margin-bottom:5px}.product-info small{color:#7f8c8d;font-size:13px}.product-price{font-weight:600;color:#27ae60;font-size:16px}.totals-section{background:#f8f9fa;padding:20px;border-radius:6px;margin-top:20px}.total-row{display:flex;justify-content:space-between;padding:8px 0;color:#555}.total-row.discount{color:#e74c3c}.total-row.final{border-top:2px solid #dee2e6;padding-top:15px;margin-top:10px;font-size:18px}.total-row.final strong{color:#2c3e50}.comprobante-section{margin-top:15px}.btn-view-comprobante{display:inline-block;padding:10px 20px;background:#3498db;color:#fff;text-decoration:none;border-radius:6px;margin-top:10px;transition:all .3s}.btn-view-comprobante:hover{background:#2980b9}textarea{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;resize:vertical;margin-bottom:15px}textarea:focus{outline:none;border-color:#3498db}.customer-notes{background:#fff3cd;padding:15px;border-radius:6px;border-left:4px solid #ffc107;color:#856404}@media (max-width: 1024px){.order-detail-grid{grid-template-columns:1fr}}@media (max-width: 768px){.status-row{flex-direction:column;gap:15px}.actions-row{flex-direction:column}.actions-row button{width:100%;justify-content:center}}.customer-dashboard{min-height:100vh;background:#f5f7fa}.customer-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:30px 0;box-shadow:0 2px 10px #0000001a}.customer-header-content{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.customer-header h1{font-size:28px;margin:0}.user-info{display:flex;align-items:center;gap:15px}.user-info span{font-size:15px;opacity:.9}.btn-logout-small{padding:8px 16px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:14px;transition:all .3s}.btn-logout-small:hover{background:#ffffff4d}.customer-layout{max-width:1400px;margin:0 auto;padding:30px 20px;display:grid;grid-template-columns:260px 1fr;gap:30px}.customer-sidebar{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000d;height:fit-content;position:sticky;top:20px}.customer-nav{display:flex;flex-direction:column;gap:8px}.customer-nav .nav-link{display:flex;align-items:center;gap:12px;padding:12px 15px;color:#555;text-decoration:none;border-radius:8px;transition:all .3s;font-weight:500}.customer-nav .nav-link:hover{background:#f0f4ff;color:#667eea}.customer-nav .nav-link.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.customer-nav .nav-link svg{font-size:18px}.btn-back-home{border-bottom:2px solid #e0e0e0;margin-bottom:10px;padding-bottom:15px!important}.customer-content{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px #0000000d;min-height:500px}.page-header{margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #f0f0f0}.page-header h2{font-size:24px;color:#2c3e50;margin:0 0 8px}.page-header p{color:#7f8c8d;margin:0;font-size:14px}.loading-container{text-align:center;padding:80px 20px;color:#95a5a6}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:80px 20px;color:#95a5a6}.empty-state svg{color:#bdc3c7;margin-bottom:20px}.empty-state h3{color:#7f8c8d;margin-bottom:10px}.empty-state p{margin-bottom:25px}.btn-primary{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600}.badge svg{font-size:14px}.badge-warning{background:#fff3cd;color:#856404}.badge-info{background:#d1ecf1;color:#0c5460}.badge-success{background:#d4edda;color:#155724}.badge-danger{background:#f8d7da;color:#721c24}@media (max-width: 1024px){.customer-layout{grid-template-columns:1fr}.customer-sidebar{position:static}.customer-nav{flex-direction:row;overflow-x:auto;gap:10px}.customer-nav .nav-link span{white-space:nowrap}}@media (max-width: 768px){.customer-header-content{flex-direction:column;gap:15px;text-align:center}.customer-layout{padding:20px 15px}.customer-content{padding:20px}.customer-nav{flex-direction:column}.page-header h2{font-size:20px}}.orders-filters{display:flex;gap:10px;margin-bottom:25px;flex-wrap:wrap}.filter-btn{padding:10px 20px;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#555;font-weight:600;cursor:pointer;transition:all .3s}.filter-btn:hover{border-color:#667eea;color:#667eea}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{background:#fff;border:2px solid #f0f0f0;border-radius:12px;overflow:hidden;transition:all .3s}.order-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.order-card-header{background:#f8f9fa;padding:20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #e0e0e0}.order-card-header h3{margin:0 0 5px;color:#2c3e50;font-size:18px}.order-date{color:#7f8c8d;font-size:13px;margin:0}.order-badges{display:flex;gap:8px;flex-wrap:wrap}.order-card-body{padding:20px;display:grid;grid-template-columns:1fr 300px;gap:30px}.order-products h4{font-size:14px;color:#7f8c8d;margin:0 0 15px;text-transform:uppercase;letter-spacing:.5px}.order-product-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f0f0}.order-product-item:last-child{border-bottom:none}.product-name{color:#2c3e50;font-weight:500}.product-qty{color:#7f8c8d;font-size:14px}.more-products{color:#3498db;font-size:13px;margin-top:10px;font-style:italic}.order-summary{background:#f8f9fa;padding:20px;border-radius:8px}.summary-row{display:flex;justify-content:space-between;padding:8px 0;color:#555}.summary-row.total{border-top:2px solid #dee2e6;padding-top:15px;margin-top:10px;font-size:18px}.summary-row.total strong{color:#27ae60}.order-card-footer{padding:20px;background:#f8f9fa;border-top:2px solid #e0e0e0;display:flex;gap:10px;justify-content:flex-end}.btn-view-order,.btn-download{padding:10px 20px;border:none;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;text-decoration:none;transition:all .3s}.btn-view-order{background:#3498db;color:#fff}.btn-view-order:hover{background:#2980b9}.btn-download{background:#27ae60;color:#fff}.btn-download:hover{background:#229954}@media (max-width: 1024px){.order-card-body{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.order-card-header{flex-direction:column;align-items:flex-start;gap:15px}.order-badges{width:100%}.order-card-footer{flex-direction:column}.btn-view-order,.btn-download{width:100%;justify-content:center}}.books-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:25px;border-radius:12px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 12px #667eea4d}.stat-card svg{font-size:40px;opacity:.9}.stat-card h3{margin:0 0 5px;font-size:32px;font-weight:700}.stat-card p{margin:0;font-size:14px;opacity:.9}.books-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.book-card{background:#fff;border:2px solid #f0f0f0;border-radius:12px;overflow:hidden;transition:all .3s;display:flex;flex-direction:column}.book-card:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea26;transform:translateY(-5px)}.book-image{width:100%;aspect-ratio:3/4;overflow:hidden;background:#f8f9fa;position:relative}.book-image img{width:100%;height:100%;object-fit:cover}.book-image-fallback{width:100%;height:100%;display:none;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4ff,#e8edff);color:#667eea}.book-info{padding:20px;flex:1;display:flex;flex-direction:column}.book-info h3{font-size:18px;color:#2c3e50;margin:0 0 8px;font-weight:600;line-height:1.3}.book-author{font-size:14px;color:#7f8c8d;margin:0 0 15px;font-style:italic}.book-meta{flex:1;display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.meta-item{display:flex;align-items:center;gap:8px;color:#7f8c8d;font-size:13px}.meta-item svg{color:#95a5a6}.btn-download-book{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s}.btn-download-book:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-download-book:disabled{opacity:.7;cursor:not-allowed}.btn-download-book svg{font-size:18px}@media (max-width: 768px){.books-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.book-info{padding:15px}.book-info h3{font-size:16px}}@media (max-width: 480px){.books-grid{grid-template-columns:1fr}}.profile-tabs{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #e0e0e0}.tab-btn{padding:12px 20px;background:transparent;border:none;border-bottom:3px solid transparent;color:#7f8c8d;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;margin-bottom:-2px}.tab-btn:hover{color:#667eea}.tab-btn.active{color:#667eea;border-bottom-color:#667eea}.tab-btn svg{font-size:18px}.message-banner{padding:15px 20px;border-radius:8px;margin-bottom:25px;font-weight:500;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.message-banner.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message-banner.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.profile-content{max-width:800px}.profile-form{display:flex;flex-direction:column;gap:30px}.form-section{background:#f8f9fa;padding:25px;border-radius:12px;border:2px solid #e0e0e0}.form-section h3{margin:0 0 15px;color:#2c3e50;font-size:18px}.section-description{color:#7f8c8d;font-size:14px;margin:0 0 20px;line-height:1.5}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{display:flex;align-items:center;gap:8px;font-weight:600;color:#2c3e50;font-size:14px}.form-group label svg{color:#667eea;font-size:16px}.form-group input{padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s;background:#fff}.form-group input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{background:#f0f0f0;color:#7f8c8d;cursor:not-allowed}.form-group small{color:#7f8c8d;font-size:12px}.form-actions{display:flex;justify-content:flex-end;padding-top:10px}.btn-save{padding:14px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-save:disabled{opacity:.7;cursor:not-allowed}.btn-save svg{font-size:18px}@media (max-width: 768px){.profile-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-btn{white-space:nowrap}.form-section{padding:20px}.form-row{grid-template-columns:1fr}.form-actions{justify-content:stretch}.btn-save{width:100%;justify-content:center}}.order-detail-customer{padding:20px}.btn-back{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:#f0f0f0;color:#333;text-decoration:none;border-radius:8px;margin-bottom:20px}.order-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.order-status{display:flex;gap:10px}.order-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:30px}.info-card{background:#f8f9fa;padding:20px;border-radius:12px;border:2px solid #e0e0e0}.info-card h3{margin:0 0 15px;color:#2c3e50;font-size:16px}.product-row{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #dee2e6}.total-row{display:flex;justify-content:space-between;padding-top:15px;font-size:18px;color:#27ae60}.completed-actions{text-align:center;padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px}.btn-download-books{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:#fff;color:#667eea;text-decoration:none;border-radius:8px;font-weight:600;font-size:16px}.btn-download-books:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0003}@media (max-width: 768px){.order-info-grid{grid-template-columns:1fr}.order-header{flex-direction:column;align-items:flex-start;gap:15px}}.gallery-page{padding:20px}.upload-section{margin-bottom:40px}.upload-box{background:#f8f9fa;border:2px dashed #667eea;border-radius:12px;padding:40px;text-align:center}.upload-box svg{color:#667eea;margin-bottom:15px}.upload-box input[type=file]{display:none}.btn-select-files{display:inline-block;padding:12px 24px;background:#667eea;color:#fff;border-radius:8px;cursor:pointer;margin-top:15px}.selected-files{margin-top:20px}.btn-upload{padding:10px 20px;background:#27ae60;color:#fff;border:none;border-radius:8px;cursor:pointer;margin-top:10px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}.gallery-item{position:relative;aspect-ratio:1;overflow:hidden;border-radius:12px;cursor:pointer}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.gallery-item:hover .gallery-item-overlay{opacity:1}.btn-delete{padding:10px 20px;background:#e74c3c;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px}.empty-state{text-align:center;padding:60px 20px;color:#999}.empty-state svg{margin-bottom:15px}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2d6a4f;--secondary-color: #40916c;--accent-color: #52b788;--text-dark: #1b4332;--text-light: #d8f3dc;--bg-light: #f1faee;--bg-dark: #1b4332;--white: #ffffff}body{font-family:Nunito,sans-serif;line-height:1.6;color:var(--text-dark);background-color:var(--bg-light)}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.container{max-width:1200px;margin:0 auto;padding:0 20px}.top-bar{background-color:var(--bg-dark);color:var(--text-light);padding:8px 0;font-size:.85rem}.top-bar-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.social-links{display:flex;gap:15px}.social-links a{color:var(--text-light);transition:color .3s}.social-links a:hover{color:var(--accent-color)}.contact-links{display:flex;gap:20px;align-items:center}.contact-links a{color:var(--text-light);text-decoration:none;transition:color .3s}.contact-links a:hover{color:var(--accent-color)}.hero-header{position:relative;background:linear-gradient(135deg,var(--primary-color) 0%,var(--secondary-color) 100%);padding:60px 20px;text-align:center;color:#fff;overflow:hidden}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path d="M321.39,56.44c58-10.79,114.16-30.13,172-41.86,82.39-16.72,168.19-17.73,250.45-.39C823.78,31,906.67,72,985.66,92.83c70.05,18.48,146.53,26.09,214.34,3V0H0V27.35A600.21,600.21,0,0,0,321.39,56.44Z" fill="rgba(255,255,255,0.1)"/></svg>') no-repeat bottom;background-size:cover;opacity:.3}.hero-header-content{position:relative;z-index:1}.logo-circle{width:150px;height:150px;margin:0 auto 20px;border-radius:50%;overflow:hidden;background-color:#fff;box-shadow:0 10px 30px #0003;display:flex;align-items:center;justify-content:center}.logo-circle img{width:100%;height:100%;object-fit:cover}.logo-fallback{font-size:4rem}.site-title{font-family:Playfair Display,serif;font-size:3.5rem;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.site-slogan{font-size:1.2rem;font-style:italic;opacity:.9}.main-navigation{background-color:var(--primary-color);box-shadow:0 2px 10px #0000001a;position:sticky;top:0;z-index:100}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px;margin:10px 20px}.mobile-menu-toggle span{display:block;width:25px;height:3px;background-color:#fff;margin:5px 0;transition:.3s}.nav-menu{list-style:none;display:flex;justify-content:center;gap:30px;padding:15px 0}.nav-menu a,.nav-menu button{color:#fff;text-decoration:none;padding:8px 15px;border-radius:5px;transition:background-color .3s;display:block;background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.nav-menu a:hover,.nav-menu button:hover{background-color:#ffffff1a}.nav-menu a.active{background-color:var(--accent-color)}.btn-logout{background-color:#ff0000b3}.welcome-section{padding:60px 20px;background-color:#fff}.welcome-title{font-family:Playfair Display,serif;font-size:2.2rem;color:var(--primary-color);text-align:center;margin-bottom:40px}.welcome-layout{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:40px}.welcome-text p{margin-bottom:20px;text-align:justify;line-height:1.8}.welcome-text strong{color:var(--primary-color);font-weight:700}.books-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}.gallery-book-item{cursor:pointer;transition:transform .3s,box-shadow .3s;background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px #0000001a}.gallery-book-item:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0003}.gallery-book-cover{width:100%;height:200px;object-fit:cover}.gallery-book-title{padding:10px;font-weight:600;font-size:.9rem;text-align:center;color:var(--text-dark)}.gallery-book-author{padding:0 10px 10px;font-size:.8rem;text-align:center;color:var(--secondary-color);font-style:italic}.loading-books,.error-message,.no-books{grid-column:1 / -1;text-align:center;padding:40px;font-size:1.2rem;color:var(--secondary-color)}.collaboration-text{text-align:center;margin-top:40px;padding:20px;background-color:var(--bg-light);border-radius:10px}.collaboration-text h3{color:var(--primary-color);font-style:italic}.book-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background-color:#fff;border-radius:15px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:15px;right:20px;font-size:2rem;cursor:pointer;color:var(--text-dark);z-index:10}.modal-close:hover{color:var(--primary-color)}.modal-body{display:grid;grid-template-columns:300px 1fr;gap:30px;padding:30px}.modal-book-cover{width:100%;border-radius:10px;box-shadow:0 5px 15px #0003}.modal-book-info h2{font-family:Playfair Display,serif;color:var(--primary-color);margin-bottom:10px}.modal-book-author{font-style:italic;color:var(--secondary-color);margin-bottom:15px}.modal-book-category,.modal-book-description{margin-bottom:15px;line-height:1.8}.modal-buttons{display:flex;gap:15px;margin-top:20px}.btn-whatsapp,.btn-download-pdf{padding:12px 24px;border-radius:8px;text-decoration:none;color:#fff;display:flex;align-items:center;gap:8px;transition:transform .3s}.btn-whatsapp{background-color:#25d366}.btn-download-pdf{background-color:var(--primary-color)}.btn-whatsapp:hover,.btn-download-pdf:hover{transform:translateY(-2px)}.login-page{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.login-container{background:#fff;padding:40px;border-radius:15px;box-shadow:0 10px 30px #0000001a;max-width:450px;width:100%}.login-container h2{text-align:center;color:var(--primary-color);margin-bottom:10px;font-family:Playfair Display,serif}.login-subtitle{text-align:center;color:var(--secondary-color);margin-bottom:30px}.login-form .form-group{margin-bottom:20px}.login-form label{display:block;margin-bottom:8px;color:var(--text-dark);font-weight:600}.login-form input{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;transition:border-color .3s}.login-form input:focus{outline:none;border-color:var(--primary-color)}.login-footer{text-align:center;margin-top:20px}.login-footer a{color:var(--secondary-color);text-decoration:none}.admin-page{padding:40px 20px}.admin-page h1{color:var(--primary-color);margin-bottom:10px;font-family:Playfair Display,serif}.admin-section{background:#fff;padding:30px;border-radius:15px;box-shadow:0 5px 15px #0000001a;margin-bottom:30px}.admin-section h2{color:var(--primary-color);margin-bottom:20px}.admin-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-form .form-group{margin-bottom:20px}.admin-form label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-dark)}.admin-form input,.admin-form select,.admin-form textarea{width:100%;padding:10px;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:1rem}.admin-form textarea{resize:vertical}.books-table{overflow-x:auto}.books-table table{width:100%;border-collapse:collapse}.books-table th,.books-table td{padding:12px;text-align:left;border-bottom:1px solid #e0e0e0}.books-table th{background-color:var(--primary-color);color:#fff;font-weight:600}.agenda-page{padding:40px 20px}.page-title{font-family:Playfair Display,serif;color:var(--primary-color);text-align:center;margin-bottom:10px}.page-subtitle{text-align:center;color:var(--secondary-color);margin-bottom:40px}.agenda-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px}.agenda-card{background:#fff;padding:25px;border-radius:15px;box-shadow:0 5px 15px #0000001a;transition:transform .3s}.agenda-card:hover{transform:translateY(-5px)}.agenda-day{background-color:var(--primary-color);color:#fff;padding:8px 15px;border-radius:20px;display:inline-block;margin-bottom:15px;font-weight:600}.agenda-title{color:var(--text-dark);margin-bottom:15px}.agenda-details p{margin-bottom:10px;line-height:1.6}.agenda-description{color:var(--secondary-color);font-style:italic}.suscripcion-page{padding:40px 20px}.suscripcion-form{background:#fff;padding:40px;border-radius:15px;box-shadow:0 10px 30px #0000001a;max-width:800px;margin:0 auto}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;cursor:pointer}.btn-primary,.btn-danger{padding:12px 30px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--secondary-color)}.btn-primary:disabled{background-color:#ccc;cursor:not-allowed}.btn-danger{background-color:#dc3545;color:#fff;padding:8px 16px;font-size:.9rem}.btn-danger:hover{background-color:#c82333}.success-message,.error-message{padding:15px 20px;border-radius:8px;margin-bottom:20px;font-weight:600}.success-message{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.error-message{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.loading{text-align:center;padding:40px;color:var(--secondary-color);font-size:1.2rem}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--primary-color)}.footer{background-color:var(--bg-dark);color:var(--text-light);padding:40px 20px 20px;margin-top:60px}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:30px}.footer-section h3,.footer-section h4{color:var(--accent-color);margin-bottom:15px}.footer-section p{margin-bottom:8px}.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}.footer-bottom p{margin:5px 0;font-size:.9rem}@media (max-width: 1024px){.container{padding:0 15px}.welcome-layout{grid-template-columns:1fr;gap:30px}.books-gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}.servicios-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.photo-gallery{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width: 768px){.top-bar{font-size:.75rem}.top-bar-content{flex-direction:column;gap:8px;text-align:center}.social-links{gap:10px}.contact-links{flex-direction:column;gap:5px;font-size:.7rem}.hero-header{padding:40px 15px}.logo-circle{width:120px;height:120px;margin-bottom:15px}.site-title{font-size:2.5rem}.site-slogan{font-size:1rem}.mobile-menu-toggle{display:block}.nav-menu{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:var(--primary-color);padding:20px;gap:5px}.nav-menu.active{display:flex}.nav-menu li{width:100%}.nav-menu a,.nav-menu button{width:100%;text-align:left}.welcome-section{padding:40px 15px}.welcome-title{font-size:1.8rem;margin-bottom:25px}.welcome-layout{grid-template-columns:1fr}.welcome-text p{font-size:.95rem;text-align:left}.books-gallery{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.gallery-book-cover{height:160px}.gallery-book-title{font-size:.8rem;padding:8px}.gallery-book-author{font-size:.75rem}.modal-body{grid-template-columns:1fr;padding:20px;gap:20px}.modal-book-cover{max-width:250px;margin:0 auto}.modal-buttons{flex-direction:column}.btn-whatsapp,.btn-download-pdf{width:100%;justify-content:center}.admin-form .form-row{grid-template-columns:1fr}.login-container{padding:30px 20px}.page-hero h1{font-size:1.8rem}.page-hero p{font-size:1rem}.dropdown-menu{position:static;box-shadow:none;background:var(--bg-dark);border-radius:0;opacity:1;visibility:visible;transform:none}.dropdown-menu a{color:var(--text-light);padding-left:30px}.dropdown-menu a:hover,.dropdown-menu a.active{background-color:var(--secondary-color)}.servicios-grid,.myths-grid,.media-grid{grid-template-columns:1fr;gap:20px}.photo-gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.cta-buttons,.contact-options{flex-direction:column}.btn,.btn-primary,.btn-secondary{width:100%;text-align:center}.footer{padding:30px 15px 15px}.footer-content{grid-template-columns:1fr;gap:20px}.footer-section{text-align:center}}@media (max-width: 480px){.hero-header{padding:30px 10px}.logo-circle{width:100px;height:100px}.site-title{font-size:2rem}.site-slogan{font-size:.9rem}.welcome-title{font-size:1.5rem}.books-gallery{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-book-cover{height:140px}.page-hero{padding:40px 15px}.page-hero h1{font-size:1.5rem}.photo-gallery,.agenda-grid{grid-template-columns:1fr}.modal-content{margin:10px;max-height:95vh}.modal-body{padding:15px}.modal-close{top:10px;right:10px;font-size:1.5rem}.login-container,.suscripcion-form,.aportes-info{padding:20px 15px}.btn-primary,.btn-danger{padding:10px 20px;font-size:.95rem}.footer{margin-top:40px}.footer-bottom p{font-size:.8rem}}.nav-menu .dropdown{position:relative}.dropdown-toggle{background:none;border:none;color:var(--text-light);font-size:1rem;cursor:pointer;padding:10px 15px;display:flex;align-items:center;gap:5px;transition:all .3s}.dropdown-toggle:hover,.dropdown-toggle.active{background-color:var(--secondary-color);color:var(--white)}.dropdown-arrow{font-size:.7rem;transition:transform .3s}.dropdown-toggle:hover .dropdown-arrow,.dropdown-menu.show~.dropdown-toggle .dropdown-arrow{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background-color:var(--white);border-radius:8px;box-shadow:0 4px 12px #00000026;min-width:250px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s;z-index:1000}.dropdown-menu.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{list-style:none}.dropdown-menu a{display:block;padding:12px 20px;color:var(--text-dark);text-decoration:none;transition:all .3s}.dropdown-menu a:hover,.dropdown-menu a.active{background-color:var(--accent-color);color:var(--white)}.dropdown-menu li:first-child a{border-radius:8px 8px 0 0}.dropdown-menu li:last-child a{border-radius:0 0 8px 8px}.page-hero{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:var(--white);text-align:center;padding:60px 20px;margin-bottom:40px}.page-hero h1{font-size:2.5rem;margin-bottom:10px}.page-hero p{font-size:1.2rem;opacity:.9}.page-intro{margin-bottom:40px}.intro-text{font-size:1.1rem;line-height:1.8;margin-bottom:15px;text-align:justify}.servicios-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:40px 0}.servicio-card{background:var(--white);padding:30px;border-radius:12px;box-shadow:0 4px 8px #0000001a;transition:transform .3s,box-shadow .3s;text-align:center}.servicio-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #00000026}.servicio-icon{font-size:3rem;margin-bottom:15px}.servicio-card h3{color:var(--primary-color);margin-bottom:15px;font-size:1.3rem}.servicio-card p{color:#666;line-height:1.6}.servicios-cta{background:linear-gradient(135deg,var(--accent-color),var(--secondary-color));color:var(--white);padding:50px 30px;border-radius:12px;text-align:center;margin-top:50px}.servicios-cta h2{margin-bottom:10px}.servicios-cta p{font-size:1.1rem;margin-bottom:25px}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.repografia-page{background-color:var(--bg-light)}.featured-stories{margin:50px 0}.myths-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-top:30px}.myth-card{background:var(--white);padding:25px;border-radius:12px;border-left:4px solid var(--accent-color);box-shadow:0 3px 10px #0000001a}.myth-card h3{color:var(--primary-color);margin-bottom:10px;font-size:1.2rem}.myth-card p{color:#666;line-height:1.6}.no-books{text-align:center;padding:60px 20px;background:var(--white);border-radius:12px;margin:30px 0}.no-books p{font-size:1.1rem;color:#666;margin-bottom:10px}.multimedia-tabs{display:flex;gap:10px;margin:30px 0;border-bottom:2px solid #ddd;flex-wrap:wrap}.tab-btn{padding:12px 25px;background:none;border:none;border-bottom:3px solid transparent;color:#666;font-size:1rem;cursor:pointer;transition:all .3s}.tab-btn:hover{color:var(--primary-color)}.tab-btn.active{color:var(--primary-color);border-bottom-color:var(--primary-color);font-weight:700}.media-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin:30px 0}.media-card{background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 4px 8px #0000001a;transition:transform .3s}.media-card:hover{transform:translateY(-5px)}.media-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white)}.media-placeholder span{font-size:3rem;margin-bottom:10px}.media-placeholder.audio{aspect-ratio:16/6}.media-card h3{padding:15px;color:var(--primary-color);font-size:1.1rem}.media-card p{padding:0 15px 15px;color:#666}.aportes-info{background:var(--white);padding:40px;border-radius:12px;box-shadow:0 4px 8px #0000001a}.aportes-list{list-style:none;margin:20px 0}.aportes-list li{padding:10px 0;font-size:1.1rem;border-bottom:1px solid #eee}.aportes-form-info{margin-top:30px;padding-top:30px;border-top:2px solid #eee}.aportes-form-info h3{color:var(--primary-color);margin-bottom:15px}.contact-options{display:flex;gap:15px;margin-top:20px;flex-wrap:wrap}.aportes-note{margin-top:30px;padding:20px;background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;color:#856404}.gallery-filters{display:flex;gap:10px;margin:30px 0;flex-wrap:wrap;justify-content:center}.filter-btn{padding:10px 20px;background:var(--white);border:2px solid var(--accent-color);border-radius:25px;color:var(--accent-color);font-size:1rem;cursor:pointer;transition:all .3s}.filter-btn:hover,.filter-btn.active{background:var(--accent-color);color:var(--white)}.photo-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:25px;margin:30px 0}.gallery-item{background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 4px 8px #0000001a;cursor:pointer;transition:transform .3s}.gallery-item:hover{transform:scale(1.03)}.gallery-placeholder{aspect-ratio:4/3;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white)}.gallery-placeholder span{font-size:3rem;margin-bottom:10px}.gallery-item-info{padding:15px}.gallery-item-info h3{color:var(--primary-color);font-size:1.1rem;margin-bottom:5px}.gallery-item-info p{color:#666;font-size:.95rem}.gallery-cta{text-align:center;margin:50px 0;padding:40px;background:var(--white);border-radius:12px}.gallery-cta h2{color:var(--primary-color);margin-bottom:10px}.gallery-cta p{margin-bottom:20px;font-size:1.1rem;color:#666}.no-photos{text-align:center;padding:60px 20px;background:var(--white);border-radius:12px;grid-column:1 / -1}.no-photos p{font-size:1.1rem;color:#666}.image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background:var(--white);border-radius:12px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-close{position:absolute;top:15px;right:15px;background:#ffffffe6;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;transition:all .3s;z-index:10}.modal-close:hover{background:var(--accent-color);color:var(--white)}.modal-image-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--white)}.modal-image-placeholder span{font-size:5rem;margin-bottom:15px}.modal-info{padding:30px}.modal-info h2{color:var(--primary-color);margin-bottom:15px}.modal-info p{color:#666;font-size:1.1rem;line-height:1.6}@media (max-width: 768px){.page-hero h1{font-size:1.8rem}.page-hero p{font-size:1rem}.dropdown-menu{position:static;box-shadow:none;background:var(--bg-dark);border-radius:0}.dropdown-menu a{color:var(--text-light);padding-left:30px}.dropdown-menu a:hover,.dropdown-menu a.active{background-color:var(--secondary-color)}.cta-buttons,.contact-options{flex-direction:column}.servicios-grid,.myths-grid,.media-grid,.photo-gallery{grid-template-columns:1fr}}