/* Sistema visual claro de la tienda pública */
:root{
  color-scheme:light;
  --bg:#f4f7fb;
  --bg2:#ffffff;
  --text:#172236;
  --text-light:#536176;
  --text-secondary:#69778c;
  --accent:#0879e8;
  --gold:#0879e8;
  --purple:#6558d8;
  --card:#ffffff;
  --border:#dfe7f1;
  --shadow:rgba(19,42,72,.10);
}

html{background:#f4f7fb}
body{background:linear-gradient(180deg,#fff 0,#f4f7fb 420px);color:var(--text);font-family:'Poppins',Arial,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:#cbe6ff;color:#08284a}
a{accent-color:var(--accent)}

.shop-container{max-width:1240px;padding-top:52px}
.shop-head{margin-bottom:28px}
.shop-head h1{color:#142033;font-size:clamp(2.15rem,4.5vw,3.65rem);letter-spacing:-.045em}
.shop-head p,.category-title p,.subcategory-heading p{color:var(--text-secondary)}
.eyebrow{color:var(--accent)}
.product-card,.shop-card,.account-grid>.account-menu{background:#fff;border-color:var(--border);box-shadow:0 10px 30px rgba(25,48,78,.08)}
.product-card{border-radius:12px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.product-card:hover{transform:translateY(-3px);border-color:#c9dced;box-shadow:0 15px 34px rgba(25,48,78,.12)}
.product-image{background:#f2f5f8}
.product-card .product-image{height:205px;flex-basis:205px}
.product-image img{transition:transform .32s ease}
.product-card:hover .product-image img{transform:scale(1.025)}
.product-body h3,.detail-copy h1,.summary h2,.checkout-form h2,.empty h2{color:#172236}
.product-body p,.detail-copy p{color:var(--text-secondary)}
.product-bottom strong,.detail-price,.cart-info strong,.summary .grand b{color:var(--accent)}
.normal-price{color:#8a96a8!important}.discount-price{color:#e67600!important}
.discount-badge{border-radius:5px!important;background:#fff0d8!important;color:#a45100!important;box-shadow:0 3px 10px rgba(28,42,60,.12)!important}
.shop-btn,.recovery-submit{min-height:42px;padding:10px 17px;border-radius:7px;background:linear-gradient(135deg,#0c84f3,#066bd2);color:#fff;box-shadow:0 7px 16px rgba(8,121,232,.18);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.shop-btn:hover,.recovery-submit:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(8,121,232,.24);filter:brightness(1.03)}
.shop-btn.secondary{background:#fff;border:1px solid #cfd9e5;color:#253248;box-shadow:none}
.shop-btn.secondary:hover{color:var(--accent);border-color:#9bc9f5;background:#f2f8ff}
.product-ticket-link{border-radius:7px!important;color:#5d6a7d!important;background:#f8fafc}
.product-ticket-link:hover{border-color:#aed3f7!important;color:#0879e8!important;background:#eef7ff!important}
.product-ticket-link i{color:#0879e8!important}
.category-title,.ticket-detail-header,.ticket-reply-box{border-color:var(--border)}
.category-title>span,.subcategory-heading>span{color:var(--accent)}

input:not([type="checkbox"]):not([type="radio"]),textarea,select,.form-grid input,.form-grid textarea,.account-form input:not([type="checkbox"]):not([type="radio"]),.ticket-form-card input,.ticket-form-card textarea,.ticket-reply-box textarea,.buy-row input{background:#fff!important;color:#172236!important;border-color:#ccd7e4!important;border-radius:8px!important;box-shadow:inset 0 1px 2px rgba(22,44,72,.03)}
input:focus,textarea:focus,select:focus{outline:none!important;border-color:#4ba2f3!important;box-shadow:0 0 0 3px rgba(8,121,232,.12)!important}
input::placeholder,textarea::placeholder{color:#96a2b2}
select option,optgroup{background:#fff!important;color:#172236!important}
.payment-note{border-color:#b9dafa;background:#eef7ff}.payment-note i{color:var(--accent)}
.shipping-box,.address-card{background:#f8fafc}
.alert,.ticket-error{background:#fff2f3;color:#b42336}
.account-success,.ticket-notice{background:#edfbf3;color:#217647}

.account-sidebar-inner{background:#fff!important;border-color:var(--border)!important;box-shadow:0 10px 28px rgba(25,48,78,.08)!important}
.account-sidebar-title,.account-sidebar-title i,.account-nav-item{color:#172236!important}
.account-nav-item i{color:#64748b!important}
.account-nav-item:hover,.account-nav-item.is-active{background:#eaf4ff!important;color:#0879e8!important}
.account-nav-item:hover i,.account-nav-item.is-active i{color:#0879e8!important}
.account-nav-logout{border-color:#edf1f6!important}
.account-nav-logout:hover{background:#fff1f2!important;color:#c43748!important}
.account-menu a.active{background:#eaf4ff;color:#0879e8}
.account-menu a:hover{background:#f0f7ff;color:#0879e8}
.forgot-password-link{border-color:#c8def5;background:#f5faff}
.forgot-password-link:hover{border-color:#8ec1f2;background:#edf7ff;box-shadow:0 10px 24px rgba(25,48,78,.09)}
.forgot-password-icon{background:#dceeff;color:#0879e8;box-shadow:none}
.forgot-password-copy strong{color:#172236}

.ticket-summary-item,.ticket-product-context,.ticket-message.customer{background:#f8fafc}
.ticket-summary-item b,.ticket-card h2,.ticket-product-context strong,.ticket-message-label{color:#172236}
.ticket-card{background:#fff}
.ticket-card:hover{border-color:#9fcaf3;background:#f8fbff}
.ticket-product{color:#46556b}.ticket-product i,.ticket-reference{color:#0879e8}
.ticket-message.admin{background:#ebf5ff;border-color:#b8daf9}
.ticket-product-context img,.ticket-product-placeholder{background:#eef2f6}

.qty{background:#fff;border-radius:7px}
.size-option span{border-radius:7px;background:#fff}
.size-option input:checked+span{background:#eaf4ff;border-color:#0879e8;color:#075fb7;box-shadow:0 0 0 3px rgba(8,121,232,.09)}
.product-gallery-stage,.detail-no-image{background:#f2f5f8}
.product-gallery-arrow{background:rgba(255,255,255,.93);border-color:#d8e1ec;color:#172236;box-shadow:0 5px 16px rgba(17,40,70,.12)}
.product-gallery-arrow:hover{background:#eaf4ff;border-color:#8fc1f1;color:#0879e8}

.custom-hero{border-color:#d8e5f2!important;background:radial-gradient(circle at 90% 5%,rgba(8,121,232,.12),transparent 31%),linear-gradient(145deg,#fff,#eef5fc)!important;box-shadow:0 15px 40px rgba(25,48,78,.09)!important}
.custom-hero::after{border-color:rgba(8,121,232,.15)!important;box-shadow:inset 0 0 70px rgba(8,121,232,.07)!important}
.page-eyebrow,.section-heading span{color:#0879e8!important}
.page-title{background:linear-gradient(90deg,#172236 8%,#0879e8 68%,#28a5ee)!important;-webkit-background-clip:text!important;background-clip:text!important}
.subtitle,.section-heading p,.audience-card p,.process-step p,.preview-band p,.form-intro p,.note{color:#5c6a7e!important}
.page-button{border-radius:7px!important;color:#253248!important;border-color:#cfd9e5!important;background:#fff!important}
.page-button.primary{border-color:transparent!important;background:linear-gradient(135deg,#0c84f3,#066bd2)!important;color:#fff!important}
.hero-highlights span{border-radius:6px!important;border-color:#d8e3ef!important;background:#fff!important;color:#4b5a70!important}
.hero-highlights i{color:#0879e8!important}
.audience-card,.creation-item{border-color:var(--border)!important;border-radius:12px!important;background:#fff!important;box-shadow:0 7px 22px rgba(25,48,78,.06)}
.audience-icon{border-radius:9px!important;background:#eaf4ff!important;color:#0879e8!important;box-shadow:none!important}
.process-step{border-color:#0879e8!important;background:linear-gradient(180deg,#eef7ff,#fff)!important}
.process-step::before,.creation-item i{color:#0879e8!important}
.preview-band{border-radius:12px!important;border-color:#bfdcf7!important;background:#eef7ff!important}
.preview-band>i{border-radius:9px!important;background:#dceeff!important;color:#0879e8!important}
.form-card{border-radius:14px!important;background:#fff!important;border-color:var(--border)!important;box-shadow:0 12px 34px rgba(25,48,78,.09)!important}
.form-section{background:#f2f8ff!important;border-color:#b7d8f8!important;border-radius:10px!important}
.btn-submit{border-radius:7px!important;background:linear-gradient(135deg,#0c84f3,#066bd2)!important;color:#fff!important;box-shadow:0 8px 20px rgba(8,121,232,.2)!important}
.contact-card{border-radius:12px!important;background:#fff!important;box-shadow:0 10px 30px rgba(25,48,78,.08)}
.contact-card i{color:#0879e8!important}.btn-contact{border-radius:7px!important;background:linear-gradient(135deg,#0c84f3,#066bd2)!important;color:#fff!important}

.maintenance-page{background:linear-gradient(160deg,#f7faff,#eaf3fc)}
.maintenance-card{background:#fff}
.maintenance-icon{background:#eaf4ff;color:#0879e8}

@media(max-width:800px){
  .shop-container{padding-top:36px}
  .account-page-shell{padding-top:32px}
}

@media(max-width:560px){
  .product-card .product-image{height:205px;flex-basis:205px}
  .shop-head h1{font-size:2.25rem}
}