*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;}
html{scroll-padding-top:170px}
body{background-color:#f4f5f9;color:#333;padding-bottom:50px;}
.navbar{display:flex;justify-content:space-between;align-items:center;background-color:#ffffff;padding:15px 30px;box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.logo{font-size:1.4rem;font-weight:bold;color:#6c5ce7;display:flex;align-items:center;gap:10px;}
.brand-icon{font-size:1.6rem;color:#6c5ce7;}
.nav-tabs{display:flex;gap:10px;}
.tab-btn{background:transparent;border:1px solid #ddd;padding:8px 16px;border-radius:12px;cursor:pointer;font-weight:600;color:#555;transition:all 0.3s ease;}
.tab-btn.active,.tab-btn:hover{background-color:#6c5ce7;color:#ffffff;border-color:#6c5ce7;}
.container{max-width:1200px;margin:30px auto;padding:0 20px;}
.hero-section{text-align:center;margin-bottom:25px;}
.hero-icon{font-size:3rem;color:#6c5ce7;margin-bottom:10px;display:inline-block;}
.styled-serif-title{font-size:2.2rem;color:#2d3436;margin-bottom:8px;}
.styled-mono-desc{color:#636e72;font-size:1rem;}
.filter-bar{display:flex;flex-direction:column;align-items:center;gap:18px;margin-bottom:30px;}
.filter-bar input{padding:12px 24px;border:1px solid #e2e8f0;border-radius:30px;font-size:0.95rem;width:100%;max-width:500px;outline:none;box-shadow:0 4px 12px rgba(0,0,0,0.03);transition:all 0.3s ease;}
.filter-bar input:focus{border-color:#6c5ce7;box-shadow:0 4px 15px rgba(108,92,231,0.15);}
.category-tags{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;}
.tag-btn{background:#eef2f5;border:none;padding:8px 18px;border-radius:20px;cursor:pointer;font-size:0.9rem;color:#4a5568;transition:all 0.2s ease;}
.tag-btn.active,.tag-btn:hover{background:#6c5ce7;color:white;}
.styled-divider{position:relative;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(108,92,231,0.3) 30%,rgba(108,92,231,0.6) 50%,rgba(108,92,231,0.3) 70%,transparent 100%);margin:35px 0 40px 0;display:flex;align-items:center;justify-content:center;}
.divider-dot{width:10px;height:10px;background-color:#6c5ce7;border-radius:50%;box-shadow:0 0 8px rgba(108,92,231,0.5);}
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:25px;}
.product-card{background:white;border-radius:20px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,0.05);display:flex;flex-direction:column;justify-content:space-between;transition:transform 0.3s ease,box-shadow 0.3s ease;}
.product-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px rgba(108,92,231,0.12);}
.card-img-container{position:relative;height:220px;background:#f8fafc;overflow:hidden;border-radius:20px 20px 0 0;}
.card-img-container img{width:100%;height:100%;object-fit:cover;display:block;}
.badge-category{position:absolute;top:12px;left:12px;background:rgba(108,92,231,0.95);color:white;padding:5px 12px;border-radius:14px;font-size:0.75rem;font-weight:bold;z-index:2;box-shadow:0 2px 8px rgba(0,0,0,0.15);}
.card-body{padding:20px;display:flex;flex-direction:column;gap:12px;}
.card-title{font-size:1.2rem;color:#2d3436;margin-top:2px;word-break:break-word;}
.card-price{font-size:1.3rem;font-weight:bold;color:#2d3436;margin-bottom:10px;}
.btn-one{display:block;text-align:center;background:#25d366;color:#FFF !important;padding:12px;border-radius:12px;text-decoration:none;font-weight:bold;transition:all 0.3s;position:relative;overflow:hidden;}
.btn-one-content{display:flex;align-items:center;justify-content:center;gap:8px;transition:all 0.3s;position:relative;z-index:2;font-size:0.95rem;letter-spacing:0.5px;}
.btn-wa-icon{width:22px;height:22px;object-fit:contain;}
.btn-one::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;opacity:0;transition:all 0.3s;border-top-width:2px;border-bottom-width:2px;border-top-style:solid;border-bottom-style:solid;border-top-color:rgba(255,255,255,0.8);border-bottom-color:rgba(255,255,255,0.8);transform:scale(0.1,1);}
.btn-one:hover .btn-one-content{letter-spacing:2px;}
.btn-one:hover::before{opacity:1;transform:scale(1,1);}
.btn-one::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;z-index:1;transition:all 0.3s;background-color:rgba(255,255,255,0.1);}
.btn-one:hover::after{opacity:0;transform:scale(0.1,1);}
.admin-card{background:white;padding:25px;border-radius:20px;box-shadow:0 6px 20px rgba(0,0,0,0.05);}
.login-box{max-width:420px;margin:40px auto;text-align:center;}
.admin-login-icon{font-size:2.5rem;color:#6c5ce7;margin-bottom:10px;display:inline-block;}
.panel-header-icon{font-size:1.8rem;color:#6c5ce7;}
.login-form{margin-top:20px;display:flex;flex-direction:column;gap:15px;}
.login-form input,.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:12px;font-size:0.95rem;}
.btn-primary{background:#6c5ce7;color:white;border:none;padding:12px;border-radius:12px;font-size:1rem;font-weight:bold;cursor:pointer;}
.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;}
.btn-two{background-color:#ff4757;color:#FFF !important;border:none;padding:12px 24px;border-radius:12px;cursor:pointer;font-weight:bold;transition:all 0.5s;position:relative;overflow:visible;}
.btn-two span{z-index:2;position:relative;display:flex;align-items:center;justify-content:center;gap:8px;}
.btn-logout-icon{width:20px;height:20px;object-fit:contain;filter:brightness(0) invert(1);}
.btn-two::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:all 0.5s;border:1px solid rgba(255,255,255,0.4);background-color:rgba(255,255,255,0.1);border-radius:12px;}
.btn-two::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:all 0.5s;border:1px solid rgba(255,255,255,0.4);background-color:rgba(255,255,255,0.1);border-radius:12px;}
.btn-two:hover::before{transform:rotate(-45deg);background-color:rgba(255,255,255,0);}
.btn-two:hover::after{transform:rotate(45deg);background-color:rgba(255,255,255,0);}
.admin-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:25px;}
@media (max-width:850px){.admin-grid{grid-template-columns:1fr;}
}
.form-group{margin-bottom:15px;}
.form-group label{display:block;font-weight:600;margin-bottom:6px;color:#4a5568;}
.or-text{display:block;text-align:center;color:#a0aec0;margin:6px 0;}
.admin-table{width:100%;border-collapse:collapse;margin-top:15px;}
.admin-table th,.admin-table td{padding:12px;border-bottom:1px solid #edf2f7;text-align:left;}
.table-thumb{width:50px;height:50px;border-radius:10px;object-fit:cover;}
.btn-delete{background:#ff7675;color:white;border:none;padding:6px 12px;border-radius:8px;cursor:pointer;}
:root{--brand:#6c5ce7;--surface:#fff;--background:#f4f5f9;--ink:#2d3436;--muted:#636e72;--line:#e2e8f0;--soft:#eef2f5;}
[hidden]{display:none !important;}
button,input,select,textarea{font:inherit;}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--brand);outline-offset:4px;}
button:disabled{opacity:.6;cursor:wait;}
.feedback{font-size:.9rem;color:var(--muted);line-height:1.55;}
.feedback:not(:empty){margin:12px 0;}
.feedback.error{color:#a02b38;}
.feedback.success{color:#216349;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.back-link{padding:10px 0;background:none;border:0;color:var(--muted);cursor:pointer;margin-bottom:26px;font-size:.9rem;}
.back-link:hover{color:var(--brand);}
.product-detail{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:56px;align-items:start;}
.detail-gallery,.detail-info{min-width:0;}
.detail-image{width:100%;aspect-ratio:1;display:block;object-fit:contain;background:#f8fafc;border-radius:24px;}
.gallery-notes{display:flex;gap:28px;padding:22px 0;border-bottom:1px solid var(--line);}
.gallery-notes span{font-size:.65rem;font-weight:700;letter-spacing:.08em;color:var(--brand);}
.gallery-notes p{color:var(--muted);font-size:.8rem;margin-top:7px;}
.gallery-story{padding-top:22px;}
.gallery-story h2{font-size:1.35rem;line-height:1.4;color:var(--ink);margin-bottom:10px;}
.gallery-story p{color:var(--muted);line-height:1.75;white-space:pre-line;overflow-wrap:anywhere;}
.detail-meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:.75rem;margin-bottom:20px;}
#detailCategory{text-transform:uppercase;color:var(--brand);font-weight:700;letter-spacing:.07em;}
#detailAvailability{color:var(--muted);}
#detailAvailability::before{content:'•';margin-right:8px;color:var(--brand);}
#detailTitle{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1.2;color:var(--ink);margin-bottom:28px;overflow-wrap:anywhere;}
.detail-price-row{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-bottom:28px;}
#detailPrice{font-size:2rem;color:var(--ink);}
.quantity-control{display:flex;align-items:center;padding:5px;background:var(--soft);border-radius:12px;}
.quantity-control button{border:0;background:none;color:var(--brand);width:36px;height:36px;cursor:pointer;font-size:1.2rem;}
.quantity-control input{border:0;background:none;color:var(--ink);width:38px;text-align:center;font-weight:600;-moz-appearance:textfield;}
.quantity-control input::-webkit-inner-spin-button{-webkit-appearance:none;}
.freight-area{border-top:1px solid var(--line);padding-top:24px;}
.freight-area h2{font-size:1rem;display:flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--ink);}
.freight-area i,.preparation-note>i{color:var(--brand);}
.cep-row{display:flex;gap:10px;}
.cep-row input{flex:1;min-width:0;height:48px;border:1px solid var(--line);border-radius:12px;padding:0 16px;background:white;color:var(--ink);}
.cep-row .btn-primary{width:112px;flex-shrink:0;font-size:.9rem;}
.cep-help{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:14px 0 20px;font-size:.75rem;color:var(--muted);}
.cep-help a{color:var(--brand);text-underline-offset:3px;}
.shipping-options{display:grid;gap:10px;}
.shipping-option{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:16px;background:white;cursor:pointer;}
.shipping-option:has(input:checked){border-color:var(--brand);background:var(--background);}
.shipping-option input{accent-color:var(--brand);width:17px;height:17px;}
.shipping-option strong{display:block;color:var(--ink);font-size:.9rem;}
.shipping-option small{display:block;font-size:.75rem;color:var(--muted);margin-top:4px;line-height:1.5;}
.shipping-option .shipping-price{white-space:nowrap;}
.preparation-note{display:flex;align-items:flex-start;gap:10px;background:var(--soft);border-radius:12px;padding:15px;margin:20px 0 24px;}
.preparation-note strong{display:block;font-size:.85rem;color:var(--ink);}
.preparation-note p{color:var(--muted);font-size:.78rem;line-height:1.6;margin-top:5px;}
.order-summary{border-top:1px solid var(--line);padding:24px 0;display:flex;gap:12px;align-items:center;justify-content:space-between;}
.order-summary strong{color:var(--ink);font-size:.9rem;}
.order-summary p{color:var(--muted);font-size:.75rem;margin-top:6px;line-height:1.5;}
#detailTotal{font-size:1.8rem;white-space:nowrap;}
#detailWhatsapp{padding:16px;}
#detailWhatsapp[aria-disabled=true]{opacity:.6;cursor:not-allowed;}
.order-hint{text-align:center;color:var(--muted);font-size:.75rem;line-height:1.6;margin-top:13px;}
.card-details{background:transparent;color:var(--brand);border:1px solid var(--line);border-radius:12px;padding:12px;width:100%;cursor:pointer;font-weight:600;margin-bottom:10px;}
.card-details:hover{border-color:var(--brand);background:var(--background);}
.card-availability{color:var(--muted);font-size:.78rem;}
.field-help{font-size:.8rem;line-height:1.6;color:var(--muted);margin-bottom:16px;}
.shipping-fields{padding:18px;border:1px solid var(--line);border-radius:14px;margin:20px 0;}
.shipping-fields legend{padding:0 7px;color:var(--brand);font-weight:600;font-size:.9rem;}
.dimensions-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;}
.btn-secondary{border:1px solid var(--line);color:var(--muted);background:white;padding:10px 14px;border-radius:10px;cursor:pointer;margin:6px 8px 6px 0;}
.btn-edit{color:var(--brand);background:var(--soft);border:0;border-radius:8px;padding:7px 12px;cursor:pointer;margin:0 6px 6px 0;}
.table-responsive{overflow:auto;}
.admin-grid>*{min-width:0;}
@media(max-width:800px){.product-detail{grid-template-columns:1fr;gap:30px;}
.detail-image{max-height:460px;}
.gallery-notes,.gallery-story{display:none;}
.detail-info{padding-bottom:10px;}
#detailTitle{margin-bottom:22px;}
}
@media(max-width:480px){.navbar{padding:15px;gap:12px;flex-wrap:wrap;}
.logo{font-size:1.15rem;}
.tab-btn{padding:9px 11px;font-size:.8rem;}
.container{margin-top:20px;padding:0 18px;}
.styled-serif-title{font-size:1.7rem;}
.back-link{margin-bottom:18px;}
.detail-meta{margin-bottom:14px;}
.detail-price-row{gap:14px;}
#detailPrice{font-size:1.8rem;}
.shipping-option{padding:14px 12px;gap:10px;}
.shipping-option strong{font-size:.85rem;}
#detailTotal{font-size:1.55rem;}
.admin-header{flex-wrap:wrap;gap:15px;}
.admin-card{padding:20px;}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important;scroll-behavior:auto !important;}
}
.card-order{width:100%;border:0;cursor:pointer;}
.finish-select {
    display: block;
    width: 100%;
    min-height: 44px;
    margin-top: 8px;
    padding: 10px 12px;
    border: 1px solid #dce1ea;
    border-radius: 10px;
    background: #fff;
    color: inherit;
    font: inherit;
}