A/* CLEANED styles.css (full-site, conservative) */
:root{--bg:#0f172a;--muted:#475569;--line:#e2e8f0;--primary:#0ea5e9;--accent:#ff8c00;--white:#fff;--text:#0f172a;--card:#fff;--shadow:0 8px 28px rgba(15,23,42,.08);--radius:16px;--ta-primary:#0ea5e9;--ta-dark:#0f172a;--ta-muted:#64748b;--ta-bg:#ffffff;--ta-ring:0 0 0 .2rem rgba(14,165,233,.25)}
:root{--ink:#0f172a;--muted:#64748b;--brand:#2563eb;--brand-ink:#ffffff;--line:#e5e7eb;--bg-soft:#f7f8fa;--thumb-w:92px;--thumb-h:70px;--thumb-radius:0;--thumb-border:var(--line, #e5e7eb);--thumb-active:var(--primary, #0ea5e9);--brand:#0F72EA;--brand-dark:#0C5FCC}
:root{--thumb-w:78px;--thumb-h:58px}
:root{
  --footer-bg:#111827;           /* fondo principal */
  --footer-bg-lighter:#1f2937;   /* fondo newsletter */
  --footer-text:#9ca3af;         /* texto */
  --footer-border:#374151;       /* línea superior */
}
.site-header::after{left:0;right:0;height:1px;content:"";bottom:0;position:absolute;pointer-events:none}.grid-products{grid-template-columns:repeat(4,1fr)}#garantia .card .ck,.pp-price .now,.product-price .now{font-weight:800}.stars.sm span{letter-spacing:1px;font-size:14px}.footer-pro .brand .logo img,.payments img{filter:brightness(0) invert(1)}.btn.block{text-align:center}#garantia .hero,#garantia .panel{box-shadow:0 10px 24px rgba(0,0,0,.06)}#garantia,#garantia .step.active .label{color:#111827}.hp{opacity:0}.ta-search .btn{box-sizing:border-box}#garantia .textarea,.field textarea{min-height:140px}html{margin:0;scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:#f8fafc;overflow-x:hidden}@media (max-width:576px){.site-header .search input{min-width:0}}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.topstrip .container{width:100%;max-width:none;margin:0;padding:0}.site-header{top:0}.site-header::after{background:var(--line);width:100vw;transform:translateX(calc((100vw - 100%)/ -2))}.hero .swiper-slide,.hero-slider,.quick-actions .cart,.site-header .qa.cart{position:relative}.site-header .head-tools{display:grid;grid-template-columns:240px minmax(420px,600px) auto;align-items:center;gap:14px;padding:14px 0}.site-header .logo{justify-self:start}.site-header .logo img{height:84px;display:block}.site-header .search{justify-self:center;width:100%;max-width:600px;display:flex;align-items:center;gap:8px}.site-header .search input{flex:1 1 auto;width:auto;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff}@media (min-width:576px){.site-header .search input{min-width:320px}}.site-header .search button{display:inline-flex;align-items:center;gap:6px;padding:10px 14px;background:var(--primary);color:#fff;border:0;border-radius:10px;cursor:pointer;white-space:nowrap}.site-header .quick-actions{justify-self:end;display:flex;align-items:center;gap:14px;white-space:nowrap}.site-header .qa{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;color:inherit}.faq details[open] summary,.link,.mainnav .nav-btn:hover,.mainnav a.active,.mainnav a:hover,.site-header .qa:hover{color:var(--primary)}.site-header .qa.cart .badge-count{position:absolute;right:-6px;top:-6px;min-width:18px;height:18px;padding:0 4px;display:grid;place-items:center;background:#16a34a;color:#fff;border-radius:999px;font-size:11px;line-height:1;font-weight:700}.site-header .nav-toggle{display:none;background:#f1f5f9;border:1px solid var(--line);padding:8px 10px;border-radius:10px;cursor:pointer}.site-header .head-nav{background:#fff}.mainnav ul{display:flex;align-items:center;justify-content:center;gap:24px}.mainnav .nav-btn,.mainnav a{font-size:16px;color:var(--text);text-decoration:none}.hero{background:linear-gradient(180deg,#ebf8ff,#fff);padding:0 0 12px}.hero-slider{width:100vw;left:50%;transform:translateX(-50%);margin-top:8px;overflow:hidden}.hero-swiper{height:auto}.hero-bleed .swiper,.hero-bleed .swiper-container,.hero-swiper .swiper-wrapper{height:100%}.hero-swiper .swiper-slide{height:100%;display:block;overflow:hidden}.hero-swiper .swiper-slide img{width:100%;height:auto;object-fit:contain;background:0 0}.hero-swiper .swiper-button-next,.hero-swiper .swiper-button-prev{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.35)}.hero-swiper .swiper-pagination-bullet{background:#fff;opacity:.6}.footer-pro .payments img:hover,.hero-swiper .swiper-pagination-bullet-active{opacity:1}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.section h2,.svc-title{margin:0}.grid-products{display:grid;gap:20px}.footer-pro .nform,.nwrap form,.product-cta,.product-price{display:flex;gap:8px}.product{background:#fff;border-radius:0;display:flex;overflow:hidden;transition:box-shadow .2s,transform .2s,border-color .2s}.badge,.btn{border-radius:0}.product-media{aspect-ratio:4/3;border-bottom:1px solid var(--line);overflow:hidden}.product-media img{object-fit:cover;padding:0;transition:transform .25s}.badge{position:absolute;left:10px;top:10px;z-index:2;background:#111827;color:#fff;padding:6px 8px;font-size:12px}.btn.sm,.product-feats{font-size:14px}.badge.green{background:#16a34a}.badge.blue{background:#2563eb}.badge.orange{background:#ff8c00}.product-feats{padding-left:20px;color:#475569}.product-price{align-items:center}.product-price .old{text-decoration:line-through;color:#64748b}.cta-link,.mainnav a,.mega-col a{text-decoration:none}.btn{background:#0ea5e9;color:#fff;display:inline-block}.nwrap,.pill{border:1px solid var(--line);background:#fff}.btn:hover{filter:brightness(.95)}.btn.outline{background:#fff;color:#0ea5e9;border:1px solid #0ea5e9}.btn.sm{padding:8px 10px}.btn.block{display:block}.brand-pills{display:flex;flex-wrap:wrap;gap:10px;margin:6px 0 16px}.pill{display:inline-block;padding:8px 14px;border-radius:999px;font-weight:600}.pill:hover{border-color:var(--primary);color:var(--primary)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.nwrap,.pp-price{align-items:center}.footer-pro .container{padding:28px 0}.nwrap{display:flex;gap:16px;justify-content:space-between;border-radius:14px;padding:16px}.nwrap input{padding:12px 14px;border:1px solid var(--line);border-radius:10px;min-width:260px}.footer{background:#0b1220;color:#e5e7eb;margin-top:16px}.fgrid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;padding:28px 0}.footer a,.footer-pro .col a,.footer-pro .fpro-bottom .legal a{color:#cbd5e1}.footer a:hover,.footer-pro .fpro-bottom .legal a:hover{color:#fff}.footer-logo{height:40px;margin-bottom:10px}.product-page .pp-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:24px}.gar-side .card,.pp-aside .card,.pp-desc{background:#fff;border:1px solid var(--line);padding:16px}.pp-title{margin:.2em 0 .3em}.pp-price{display:flex;gap:10px;margin:6px 0 16px}.pp-price .now{font-size:22px}.pp-desc{border-radius:14px;line-height:1.6}.gar-side .card,.pp-aside .card{border-radius:0;margin-bottom:16px}.faq details,.note{border:1px solid var(--line)}.card-title{margin:.2em 0 10px}.pp-brand,.pp-cat{margin:2px 0 10px;font-weight:600}.pp-price-side .now{font-size:20px;font-weight:800}.cc-icon,.contact-card .icon{place-items:center;font-size:18px}.pp-cta{display:grid;gap:10px;margin:10px 0}.mini-facts{margin:10px 0 0;padding-left:18px;color:#475569}.spec-list{margin:0;padding-left:18px;line-height:1.5}.spec-list li{margin:4px 0}.gar-hero{padding:22px 0 8px;background:linear-gradient(180deg,#f1f8ff 0,#fff 70%)}.gar-hero h1{margin:0 0 .3rem}.gar-hero .lead{margin:0;color:#475569;max-width:920px}.gar-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;padding:22px 0 28px}.note{background:#f8fafc;border-radius:12px;padding:14px 16px;margin:14px 0 10px}.faq details{background:#fff;border-radius:12px;margin:10px 0;padding:10px 12px}.faq summary{cursor:pointer;font-weight:600;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details div{margin-top:8px;color:#475569}.contact-grid{display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin:16px 0 6px}.contact-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;gap:12px;align-items:center}.cc-icon{width:44px;height:44px;border-radius:10px;display:grid;background:#ebf8ff;color:#0369a1;margin-bottom:10px}.contact-2cols{display:grid;gap:20px;grid-template-columns:1.2fr .9fr;margin-top:16px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:0;padding:18px 16px;box-shadow:0 8px 28px rgba(15,23,42,.06)}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:8px 0 16px}.contact-card .icon{width:42px;height:42px;border-radius:50%;background:#eff6ff;color:#0ea5e9;display:grid}.contact-card strong{display:block;line-height:1.1}.contact-card small{color:#64748b}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-control{margin:10px 0}.field label,.form-control label{display:block;font-weight:600;margin-bottom:6px}.form-control input,.form-control textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;font:inherit;color:inherit}.form-status{font-size:14px}.form-actions{display:flex;align-items:center;flex-wrap:wrap}.map-embed{aspect-ratio:16/10;background:#eef2f7;border-radius:12px;overflow:hidden}.form-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.offers-grid,.reviews-grid,.svc-grid,.tgrid{grid-template-columns:repeat(3,1fr)}#garantia .form-grid .full,#reviewForm>.mb-3,.f-col.full,.form-grid .span2{grid-column:1/-1}.fg input,.fg select,.fg textarea{padding:12px 14px;border:1px solid var(--line);border-radius:10px;font:inherit;background:#fff}.footer ul{line-height:1.6}#garantia .acc-btn:hover,.spec-table th{background:#f9fafb}.svc-grid{display:grid;gap:16px}.svc-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow)}.offer-icon,.review-head .avatar,.svc-icon{background:#eff6ff;color:#0ea5e9;place-items:center}.footer ul,.svc-points{margin:0;padding-left:18px}.offer-icon,.svc-icon{width:48px;height:48px;border-radius:12px;display:grid}.svc-desc{margin:0;color:#475569}.svc-card .btn.sm{align-self:flex-start}.svc-cta{margin-top:22px;padding:16px;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.nav-toggle{display:none;font-weight:600}.spec-table td,.spec-table th{padding:12px 14px}.footer h4{font-size:16px;margin:0 0 10px;font-weight:700;color:#fff}.footer .newsletter small{color:#94a3b8}.payments{margin-top:20px;display:flex;gap:15px;align-items:center}.payments img{height:35px;transition:transform .2s}.payments img:hover{transform:scale(1.1)}.product:hover .product-media img{transform:scale(1.03)}.product:hover{box-shadow:var(--shadow);transform:translateY(-2px);border-color:#dbe2ea}.offers-hero,.reviews-hero,.spec-table td,.spec-table th{border-bottom:1px solid var(--line)}.offers-hero,.reviews-hero{background:linear-gradient(180deg,#ebf8ff,#fff);padding-top:10px}.offers-hero h1{margin:.2em 0}.offers-grid,.tgrid{display:grid;gap:16px}.offer-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;transition:transform .15s,box-shadow .15s}.offer-card:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(15,23,42,.12)}.offer-card.highlight{outline:rgba(14,165,233,.18) solid 2px}.offer-price .label{font-size:12px;opacity:.8}.star-rating-input .star i{font-size:18px}.review-card,.spec-table,.tcard{box-shadow:var(--shadow)}.stars span{letter-spacing:2px;font-weight:800;color:#f59e0b}.reviews-grid{display:grid}.review-card,.tcard{display:flex}.review-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;flex-direction:column;gap:8px}#garantia .step{display:flex;align-items:center;gap:10px}.review-head .avatar{width:42px;height:42px;border-radius:50%;display:grid;font-weight:800}.tcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px;flex-direction:column;gap:12px;min-height:100%}.avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#eff6ff;color:#0ea5e9;font-weight:700}.spec-table{width:100%;border-collapse:collapse;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;font-size:15px}.spec-table th{font-weight:600;color:#334155;width:34%;text-align:left}.spec-table tr:nth-child(2n) td{background:#fafafa}.btn.danger{background:#dc2626;color:#fff!important;border:1px solid #b91c1c;font-weight:700}.btn.danger:hover{background:#b91c1c}#garantia .btn-full,.form{width:100%}.field input[type=email],.field input[type=tel],.field input[type=text],.field select{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff}.field textarea{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;resize:vertical}.field .checkbox{font-weight:500}.field .checkbox input{margin-right:8px}.alert{padding:10px 12px;border-radius:10px;border:1px solid #e2e8f0}.footer-pro .nform .btn{padding:12px 14px}.alert.success{background:#ecfdf5;border-color:#34d399;color:#065f46}.alert.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.hp{left:-9999px}.page-title{font-size:28px}@media (max-width:1100px){.site-header .head-tools{grid-template-columns:200px 1fr auto;gap:10px}.site-header .logo img{height:70px}.site-header .search{max-width:none}.site-header .search input{min-width:0}}@media (max-width:992px){.hero-swiper{height:auto}.hero-swiper .swiper-slide img{object-fit:contain;height:auto;width:100%}}@media (max-width:768px){.hero-swiper .swiper-slide{height:400px!important;overflow:hidden}.hero-swiper .swiper-slide img{height:100%!important;width:100%!important;object-fit:cover}.hero-overlay{background:0 0!important}}@media (max-width:1200px){.grid-products{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.site-header .head-tools{grid-template-columns:1fr auto auto;row-gap:10px}.site-header .logo img{height:56px}.mainnav ul{gap:14px;overflow-x:auto;padding:10px 8px}.has-mega.open .mega{display:grid}.grid-products{grid-template-columns:repeat(2,1fr)}.contact-cards,.form-grid-2{grid-template-columns:1fr}}@media (max-width:560px){.grid-products{grid-template-columns:1fr}}@media (max-width:960px){.has-mega.open .mega{display:grid;grid-template-columns:1fr 1fr;gap:16px}.nav-toggle{display:inline-block;margin:10px 0}.mainnav ul{display:none;flex-direction:column;gap:10px;padding:10px 0}.mainnav.open ul{display:flex}}@media (max-width:1100px){.offers-grid,.reviews-grid,.svc-grid,.tgrid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.head-nav::after,.head-nav::before{content:"";position:absolute;top:0;bottom:0;width:24px;pointer-events:none}.mainnav{overflow:hidden}.mainnav ul{display:flex;gap:18px;padding:10px 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none}.mainnav ul::-webkit-scrollbar{display:none}.mainnav li{flex:0 0 auto;scroll-snap-align:center}.head-nav{position:relative}.head-nav::before{left:0;background:linear-gradient(90deg,#fff,rgba(255,255,255,0))}.head-nav::after{right:0;background:linear-gradient(270deg,#fff,rgba(255,255,255,0))}}@media (max-width:960px){.site-header .nav-toggle{display:inline-flex!important;align-items:center;gap:6px}.mainnav ul{display:none;flex-direction:column;gap:10px;padding:10px 0}.mainnav.open ul{display:flex}#orders-link,.site-header .quick-actions a[href*="pedidos.php"]{display:none!important}}.footer-pro{background:#0b1220;color:#e5e7eb;margin-top:26px;position:relative;--ring:linear-gradient(90deg, rgba(14,165,233,.35), rgba(99,102,241,.35))}.footer-pro::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:var(--ring)}.footer-pro .fpro-top{display:grid;grid-template-columns:1.2fr 2.2fr;gap:28px;align-items:flex-start}.footer-pro .brand .logo img{height:42px;display:block}.footer-pro .brand .tagline{margin:8px 0 12px;color:#cbd5e1}.footer-pro .social{display:flex;gap:10px;margin-top:6px}.footer-pro .social a{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#111827;color:#fff;transition:transform .15s,background .15s}.footer-pro .social a:hover{transform:translateY(-2px);background:#0ea5e9}.footer-pro .cols{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;column-gap:40px;row-gap:18px}.footer-pro .col h4{margin:0 0 10px;color:#fff;font-weight:800;font-size:16px}.footer-pro .col a:hover{color:#fff;text-decoration:underline}.footer-pro .contact i{margin-right:6px}.footer-pro .newsletter p{margin:0 0 8px;color:#cbd5e1}.footer-pro .nform input{flex:1;min-width:0;padding:12px 14px;border:1px solid #1f2937;border-radius:10px;background:#0f172a;color:#fff}.footer-pro .fpro-bottom{margin-top:18px;padding-top:14px;border-top:1px solid #1f2937;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.footer-pro .fpro-bottom .legal{display:flex;gap:12px;margin:0;padding:0;list-style:none}@media (max-width:980px){.contact-2cols,.footer-pro .fpro-top,.gar-grid,.product-page .pp-grid{grid-template-columns:1fr}.contact-grid,.fgrid,.footer-pro .cols{grid-template-columns:1fr 1fr}}@media (max-width:640px){.contact-grid,.fgrid,.footer-pro .cols,.offers-grid,.svc-grid,.tgrid{grid-template-columns:1fr}.svc-cta{flex-direction:column;align-items:flex-start}.spec-table,.spec-table tbody,.spec-table td,.spec-table th,.spec-table tr{display:block;width:100%}.spec-table tr{margin-bottom:12px}.spec-table th{background:0 0;border-bottom:0;padding-bottom:4px;font-size:14px;color:var(--muted)}.spec-table td{padding:0 14px 12px;border-bottom:1px solid var(--line)}.footer-pro .nform{flex-direction:column;align-items:stretch}}.footer-pro .fpro-top{gap:36px}.footer-pro .col ul{line-height:1.7;list-style:disc;padding-left:20px;margin:0}.footer-pro .col ul li{margin:6px 0}.footer-pro .contact{list-style:none;padding-left:0;margin:0}.footer-pro .contact li{display:flex;align-items:center;gap:8px;margin:6px 0}.footer-pro .contact i{width:18px;min-width:18px;text-align:center;color:#0ea5e9}.footer-pro .contact a,.navbar .btn{white-space:nowrap}.footer-pro .payments{margin-top:12px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.footer-pro .payments img{filter:brightness(.95) invert(1);opacity:.9;height:40px;width:auto;object-fit:contain;filter:none!important;opacity:1!important;mix-blend-mode:normal}@media (min-width:1280px){.footer-pro .cols{column-gap:48px}}.grid-products{align-items:stretch}.product{display:flex;flex-direction:column;height:100%}.product-media{aspect-ratio:1/1;background:#f6f8fb;display:grid;place-items:center;border-bottom:1px solid #eef2f7;position:relative}.product-media img{width:100%;height:100%;object-fit:contain}.product-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}.product-feats{margin:0 12px 8px;min-height:3em}.product-price{margin:auto 12px 8px;font-weight:700}.product-cta{margin:0 12px 14px;display:flex;gap:10px}.pill.active{background:var(--primary);color:#fff;border-color:var(--primary)}#garantia{max-width:1100px;margin:24px auto;padding:0 16px}#garantia .hero{background:linear-gradient(180deg,#f0fdf4,#ecfeff);border:1px solid #e5e7eb;border-radius:16px;padding:20px}#garantia .hero h1{font-size:clamp(1.6rem,2.7vw,2.3rem);margin:0 0 8px}#garantia .hero p{color:#6b7280;margin:0}#garantia .badge{display:inline-block;padding:6px 10px;border-radius:999px;background:#ecfeff;border:1px solid #cffafe;color:#0e7490}#garantia .grid{display:grid;gap:22px}#garantia .grid-cols-2{grid-template-columns:1.1fr .9fr}#garantia .panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px}#garantia .panel-hd{padding:14px 18px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}#garantia .panel-hd h2{font-size:1.05rem;margin:0}#garantia .panel-bd{padding:18px}#garantia .small{font-size:12px;color:#6b7280}#garantia .stepper{display:flex;gap:16px;align-items:center;flex-wrap:wrap}#garantia .dot{width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:#0f766e;color:#fff;font:700 14px/1 system-ui}#garantia .step .label{font:700 14px/1.1 system-ui;color:#6b7280}#garantia .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}#garantia .card{border:1px solid #e5e7eb;border-radius:14px;padding:14px;background:#fff}#garantia .card .cv{color:#6b7280;font-size:14px;margin-top:6px}#garantia .acc{display:grid;gap:10px}#garantia .acc-item{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff}#garantia .acc-btn{width:100%;text-align:left;background:#fff;border:0;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;font:700 15px/1.2 system-ui;cursor:pointer}#garantia .acc-pan{display:none;border-top:1px solid #e5e7eb;padding:12px 16px;color:#6b7280}#garantia .acc-item.open .acc-pan{display:block}#garantia .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}#garantia .label{display:block;font:600 13px/1.2 system-ui;margin:0 0 6px}#garantia .input,#garantia .select,#garantia .textarea{width:100%;border:1px solid #e5e7eb;border-radius:12px;padding:12px 14px;font:500 15px/1.2 system-ui;background:#fff}#garantia .input:focus,#garantia .select:focus,#garantia .textarea:focus{outline:rgba(15,118,110,.25) solid 2px}#garantia .drop{border:2px dashed #cbd5e1;border-radius:12px;padding:18px;text-align:center;cursor:pointer}#garantia .drop.hover,.section.section--alt{background:#f8fafc}#garantia .btn{appearance:none;border:0;border-radius:12px;padding:12px 16px;font:700 15px/1 system-ui;cursor:pointer}.badge-count,.btn,.ta-search .btn,.ta-search .btn i{line-height:1}#garantia .btn-primary{background:#0f766e;color:#fff;box-shadow:0 10px 18px rgba(15,118,110,.22)}#garantia .btn-ghost{background:#fff;border:1px solid #e5e7eb}#garantia .timeline{display:grid;gap:12px}#garantia .ti{display:grid;grid-template-columns:24px 1fr;gap:10px}#garantia .ti .b{width:24px;height:24px;border-radius:999px;background:#e2e8f0;display:grid;place-items:center}#garantia .ti.done .b{background:#10b981;color:#fff}#garantia .ti .t{font-weight:700}#garantia .alert{padding:12px 14px;border-radius:12px;border:1px solid #e5e7eb;background:#fff}#garantia .alert.success{border-color:#a7f3d0;background:#ecfdf5}#garantia .alert.warn{border-color:#fde68a;background:#fffbeb}#garantia .alert.error{border-color:#fecaca;background:#fef2f2}#garantia .visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden}.site-header{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06)}.container{max-width:1200px;margin:0 auto;padding:0 16px}.logo img{height:44px;width:auto;display:block}.search{display:flex;align-items:center;gap:8px;flex:1 1 620px}.search input[type=search]{flex:1 1 auto;height:44px;border:1px solid #e5e7eb;border-radius:10px;padding:0 14px;font-size:15px;outline:0}.search input[type=search]:focus{box-shadow:var(--ta-ring);border-color:var(--ta-primary)}.search button{height:44px;min-width:92px;border:0;border-radius:10px;background:var(--ta-primary);color:#fff;font-weight:600;display:inline-flex;align-items:center;gap:8px;justify-content:center;padding:0 16px;cursor:pointer}.search button i{font-size:16px}.has-mega .nav-btn:hover,.mainnav a.active,.mainnav a:hover{color:var(--ta-primary)}.badge-count{top:-8px;right:-10px;background:#ef4444;color:#fff;font-size:12px;border-radius:999px;padding:3px 6px;font-weight:700}.head-nav{border-top:1px solid #f1f5f9}.mainnav ul{display:flex;align-items:center;padding:10px 0;list-style:none}.mainnav a{display:inline-block}.has-mega .nav-btn{background:0 0;border:0;font-weight:700;color:#0f172a;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:8px 0}.has-mega[aria-expanded=true] .mega{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.mega-col{display:flex;flex-direction:column;gap:8px}.mainnav>ul{display:flex;gap:18px;align-items:center}.mainnav .nav-btn,.mainnav a{display:inline-flex;align-items:center;gap:.45rem;padding:10px 12px;border-radius:10px;font-weight:500;color:#111827;background:0 0;border:0;cursor:pointer;transition:color .15s,background-color .15s}.mainnav .nav-btn:hover,.mainnav a:hover,.nav-toggle:hover{background:#f1f5f9;color:#0ea5e9}.mainnav a.active{color:#0ea5e9;background:#e0f2fe}.mega-col a{display:block;padding:7px 8px;border-radius:8px;color:#1f2937;transition:background-color .15s,color .15s}.mega-col a:hover{background:#f8fafc;color:#0ea5e9}.mega.open{opacity:1;transform:translateY(0);visibility:visible}@media (hover:hover) and (pointer:fine) and (min-width:992px){.has-mega:hover>.nav-btn{color:#0ea5e9;background:#f1f5f9}}@media (max-width:992px){.mainnav ul{flex-wrap:wrap;gap:14px}.has-mega .nav-btn{font-weight:700}.has-mega[aria-expanded=true] .mega{position:static;display:block;border:0;box-shadow:none;padding:10px 0}.navbar-collapse .ta-search{width:100%;margin-left:0;margin-right:0}}.site-header{position:relative;z-index:60}.nav-toggle{cursor:pointer;border:0;background:0 0;font-size:1rem;color:#111827;padding:10px 12px;border-radius:10px}.mainnav a:focus,.nav-btn:focus{outline:#0ea5e9 solid 2px;outline-offset:2px;border-radius:10px}.ta-search{flex:1 1 auto;max-width:740px}.dropdown-menu-mega{left:0!important;right:0!important}.hero-bleed .container{padding-left:0;padding-right:0}.hero-bleed{width:100vw;margin-left:50%;transform:translateX(-50%)}.hero-bleed .container,.hero-bleed .container-fluid,.hero-bleed .swiper,.hero-bleed .swiper-container,.hero-bleed .swiper-wrapper{max-width:none!important;width:100%!important}.hero-bleed .swiper-slide,.hero-bleed img,.hero-bleed picture{width:100%;height:auto;object-fit:cover}.benefit-icon,.product-media img{object-fit:contain}@media (min-width:1200px){.ta-brand img{height:64px}.ta-search{max-width:980px}}.ta-search{display:flex;align-items:stretch;gap:8px;margin:.5rem 0}.ta-search .form-control{font-size:1rem;height:48px;min-width:0;box-sizing:border-box}.ta-search .form-control.me-2{margin-right:0!important}.ta-search .btn{display:flex;align-items:center;justify-content:center;height:48px;padding:0 16px;white-space:nowrap}.ta-brand{flex:0 0 auto}.ta-brand img{height:64px;width:auto}@media (max-width:991.98px){.navbar .navbar-collapse,.ta-search{width:100%}.ta-search{max-width:none!important;margin:8px 0 12px!important}.ta-search .btn,.ta-search .form-control{height:44px}.ta-brand img{height:56px}}.section{scroll-margin-top:90px;padding:48px 0;border-top:1px solid #e5e7eb;background:#fff}.section .section-head h2{color:#0b0f14;font-weight:800;margin:0}.cta-link{position:relative;display:inline-block;font-weight:700;color:#0b0f14;letter-spacing:.02em;padding-bottom:4px}.btn-ghost-rect:focus{outline:#0d6efd solid 2px;outline-offset:2px}.btn-ghost-rect{border:2px solid #0b0f14;color:#0b0f14;text-decoration:none;border-radius:0;transition:background .2s,color .2s}.btn-ghost-rect:hover{background:#0b0f14;color:#fff}.brand-pills .pill{border:1px solid #e5e7eb;padding:8px 12px;color:#0b0f14;transition:background .2s,border-color .2s}.brand-pills .pill:hover{background:#f3f4f6;border-color:#cbd5e1}.brand-pills .pill.active{background:#0b0f14;color:#fff;border-color:#0b0f14;font-weight:700}.hero-no-radius img{border-radius:0!important;display:block;width:100%;height:auto}.hero-overlay{position:absolute;inset:0;display:flex;align-items:center;background:linear-gradient(0deg,rgba(0,0,0,.35),rgba(0,0,0,.35))}.hero-caption{color:#fff;max-width:720px;padding:24px 0}.hero-caption .kicker{display:inline-block;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;opacity:.9;margin-bottom:8px}.hero-caption h2{font-size:clamp(24px,4vw,40px);font-weight:900;line-height:1.1;margin:0 0 14px}.btn-ghost{display:inline-block;border:2px solid #fff;color:#fff;text-decoration:none;font-weight:800;padding:10px 16px;border-radius:0;transition:background .2s,color .2s,border-color .2s}.btn-ghost:hover{background:#fff;color:#0b0f14;border-color:#fff}.btn-ghost:focus{outline:#fff solid 2px;outline-offset:2px}.hero .swiper-button-next,.hero .swiper-button-prev,.hero .swiper-pagination{z-index:3}.reviews-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.review .meta,.section-head{display:flex;align-items:center}@media (max-width:900px){.head-nav .mainnav ul{display:none}.head-nav .mainnav.open ul{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:10px 0;overflow-x:hidden}.site-header .quick-actions .nav-toggle{order:-1}.site-header .nav-toggle{display:inline-flex;display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:40px;padding:10px 12px;background:var(--primary)!important;color:#fff!important;border:0!important;box-shadow:none}.site-header .nav-toggle i{font-size:18px;line-height:1}.site-header .quick-actions{gap:10px}.reviews-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.review{border:1px solid #e5e7eb;padding:16px;background:#fff}.review .stars{color:#f59e0b;margin-bottom:8px}.review p{margin:0 0 10px;color:#0b0f14}.review .meta{gap:10px;color:#475569}.review .avatar{width:28px;height:28px;display:inline-grid;place-items:center;font-weight:800;background:#0b0f14;color:#fff}.muted{color:#6b7280}.form-note,.page-subtitle{color:var(--muted,#6c757d)}.section-head{gap:12px}.section-head>a{margin-left:auto}.benefit-icon{width:56px;height:56px;flex:0 0 auto}.benefit-copy .muted{font-size:14px;color:var(--muted,#64748b);line-height:1.3}@media (max-width:980px){.footer-pro .fpro-top{gap:24px}.footer-pro .cols{column-gap:22px}#garantia .cards,#garantia .grid-cols-2{grid-template-columns:1fr}}.grid-products .product .product-cta{display:flex!important;gap:8px;margin:auto 12px 14px;align-items:stretch;visibility:visible!important;opacity:1;position:relative;z-index:2}.grid-products .product .product-cta a.btn.sm{display:inline-flex!important;align-items:center;justify-content:center;flex:1 1 auto;min-width:0;height:42px;padding:0 14px;border-radius:0!important;font-weight:800;font-size:14px;letter-spacing:.02em;line-height:1;text-decoration:none!important;white-space:nowrap;background-image:none!important;box-shadow:none!important;filter:none!important;visibility:visible!important;opacity:1!important;position:relative;z-index:1}.grid-products .product .product-cta a.btn.sm:not(.outline){background:#2563eb!important;border:2px solid #2563eb!important}.grid-products .product .product-cta a.btn.sm:not(.outline):hover{background:#1d4ed8!important;border-color:#1d4ed8!important}.grid-products .product .product-cta a.btn.sm.outline{background:#fff!important;color:#0f172a!important}.grid-products .product .product-cta a.btn.sm.outline:hover{background:#0f172a!important;color:#fff!important}@media (max-width:9999px){.grid-products .product .product-cta,.grid-products .product .product-cta a.btn.sm{display:flex!important}}.btn,a.btn{text-decoration:none}.contact-hero{padding:28px 0 8px;border-bottom:1px solid var(--line,#e9ecef)}.page-title{font-size:clamp(28px, 3.5vw, 40px);font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.page-subtitle{margin:0}.contact-section .notice{margin-bottom:18px;padding:12px 14px;border:1px solid;font-weight:600}.notice.error{border-color:#dc3545;color:#842029;background:#f8d7da}.contact-grid{display:grid;grid-template-columns:2.1fr 1fr;gap:28px}#reviewForm,.f-row{grid-template-columns:1fr 1fr}.contact-form-card{border:1px solid var(--line,#e9ecef);background:#fff;padding:20px}.contact-form label{font-weight:700;font-size:14px;margin-bottom:6px;display:inline-block}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line,#e9ecef);background:#fff;color:#111;padding:10px 12px;outline:0}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--ink,#0f172a)}.contact-form textarea{resize:vertical;min-height:140px}.f-row{display:grid;gap:14px;margin-bottom:14px}.form-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:6px}.form-note{display:block;margin-top:10px}.btn,.star-rating{align-items:center}.btn{display:inline-flex;justify-content:center;padding:10px 14px;border:1px solid transparent;text-decoration:none;font-weight:700;cursor:pointer}.btn-primary-flat{background:var(--ink,#0f172a);color:#fff;border-color:var(--ink,#0f172a)}.btn-primary-flat:hover{filter:brightness(1.05)}.btn-ghost-plain{background:0 0;color:var(--ink,#0f172a);border:1px solid var(--ink,#0f172a)}.btn-ghost-plain:hover{background:rgba(15,23,42,.06)}.contact-aside{display:grid;gap:14px;align-content:start}.info-card{border:1px solid var(--line,#e9ecef);background:#fff;padding:16px}.info-card h3{margin:0 0 6px;font-size:18px}.info-list{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px}.info-list i{width:18px;text-align:center;margin-right:6px}.info-list a{color:inherit;text-decoration:none;border-bottom:1px dashed transparent}.info-list a:hover{border-bottom-color:currentColor}.contact-map .map-embed{border:1px solid var(--line,#e9ecef);background:#fff;height:380px}.contact-map iframe{border:0;width:100%;height:100%}.contact-form .hp{position:absolute!important;left:-9999px;opacity:0;pointer-events:none}@media (max-width:1024px){.contact-grid{grid-template-columns:1.5fr 1fr}}@media (max-width:860px){.contact-grid,.f-row{grid-template-columns:1fr}}#contact-page{background:var(--bg-soft)}#contact-page .contact-hero h1{color:var(--ink);letter-spacing:-.02em;margin-bottom:.25rem}#contact-page .contact-hero p,#contact-page .info-list .muted{color:var(--muted)}#contact-page .contact-card{background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(2,6,23,.06);border-radius:0}#contact-page .form-control{border:1px solid var(--line);background:#fff;color:var(--ink);box-shadow:0 1px 0 rgba(2,6,23,.04) inset;border-radius:0}#contact-page .form-control:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(37,99,235,.15)}#contact-page .btn-primary-flat{background:var(--brand);color:var(--brand-ink);border:1px solid transparent;border-radius:0}#contact-page .btn-primary-flat:hover{filter:brightness(.94)}#contact-page .btn-ghost-plain{background:0 0;color:var(--ink);border:1px solid var(--line);border-radius:0}#contact-page .btn-ghost-plain:hover{background:#fff;box-shadow:0 2px 12px rgba(2,6,23,.07)}#contact-page .info-list li{border-bottom:1px dashed var(--line)}#contact-page .info-list li:last-child{border-bottom:none}#contact-page .map-card{border:1px solid var(--line);border-radius:0;overflow:hidden;box-shadow:0 8px 24px rgba(2,6,23,.06)}.product-page .pp-aside .card,.product-page .pp-gallery,.product-page .prd-main{border:1px solid var(--line,#e5e7eb)!important;box-shadow:0 12px 32px rgba(2,6,23,.08)!important;padding:16px!important;background:#fff!important}#contact-page .map-card iframe{display:block;width:100%;height:340px}@media (max-width:992px){.navbar-collapse .ta-search{width:100%;flex-grow:1;margin-left:0;margin-right:0}#contact-page .contact-grid{gap:16px}}.product-page .prd-grid{display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)!important;gap:28px!important;align-items:start!important}.product-page .pp-grid{display:grid!important;grid-template-columns:1.6fr 1fr!important;gap:28px!important;align-items:start!important}@media (max-width:1024px){.product-page .pp-grid,.product-page .prd-grid{grid-template-columns:1fr!important}}.product-page .pp-gallery,.product-page .prd-main{border-radius:0!important;overflow:hidden!important}.product-page .pp-gallery img,.product-page .prd-main img{width:100%!important;height:auto!important;object-fit:contain!important;display:block!important}.product-page .pp-aside .card{border-radius:0!important;position:sticky!important;top:84px!important}.product-page .pp-title{margin:0 0 6px!important;font-size:clamp(22px, 2.5vw, 28px)!important;font-weight:800!important;letter-spacing:-.015em!important;color:#0f172a!important}.product-page .pp-brand,.product-page .pp-cat{font-size:14px!important;font-weight:600!important;color:#475569!important;margin:0 0 6px!important}.product-page .pp-price{display:flex!important;align-items:baseline!important;gap:12px!important;margin:10px 0 16px!important}.product-page .pp-price .now{font-size:clamp(22px, 2.2vw, 26px)!important;font-weight:900!important;color:#0f72ea!important}.product-page .pp-price .old{color:#94a3b8!important;text-decoration:line-through!important;font-weight:600!important}.product-page .pp-desc,.product-page .prd-summary .pp-description,.product-page .prd-summary .product-description{line-height:1.7!important;letter-spacing:.02em!important;color:#334155!important;font-size:14px!important}.product-page .pp-desc{background:#fff!important;border:1px solid var(--line,#e5e7eb)!important;border-radius:0!important;box-shadow:0 12px 32px rgba(2,6,23,.08)!important;padding:16px!important;text-rendering:optimizeLegibility!important}.product-page .spec-list{margin:10px 0 0!important;padding-left:18px!important;color:#475569!important;font-size:14px!important;line-height:1.6!important}.product-page .spec-list li{margin:6px 0!important}.product-page .pp-cta,.product-page .prd-summary .product-cta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;margin:12px 0 4px!important}.product-page .pp-cta .btn,.product-page .prd-summary .product-cta .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:44px!important;font-weight:800!important;letter-spacing:.2px!important;border-radius:0!important;border:1px solid transparent!important}.product-page .pp-cta .btn.outline,.product-page .prd-summary .product-cta .btn.outline{background:#fff!important;color:var(--primary,#0ea5e9)!important;border-color:var(--primary,#0ea5e9)!important}.product-page .pp-cta .btn.outline:hover,.product-page .prd-summary .product-cta .btn.outline:hover{filter:brightness(.97)!important}.section.related{border-top:1px solid var(--line,#e5e7eb)!important;margin-top:36px!important;padding-top:26px!important}.section.related h2{font-size:20px!important;font-weight:800!important;margin-bottom:16px!important}.product-page .prd-thumbs{display:flex;flex-wrap:wrap;gap:var(--thumb-gap);margin-top:12px;align-items:stretch}.product-page .prd-thumbs button{display:inline-flex;width:var(--thumb-w);height:var(--thumb-h);border:1px solid var(--thumb-border);background:#fff;border-radius:var(--thumb-radius);overflow:hidden;cursor:pointer;padding:0;transition:border-color .2s,box-shadow .2s,transform .12s;scroll-snap-align:start}.product-page .prd-thumbs img{width:100%;height:100%;object-fit:cover;display:block;user-select:none;pointer-events:none;transition:transform .2s,opacity .2s}.product-page .prd-thumbs button:hover img{transform:scale(1.03);opacity:.98}.product-page .prd-thumbs button:hover{border-color:var(--thumb-active);box-shadow:0 6px 16px rgba(2,6,23,.1)}.product-page .prd-thumbs button.active,.product-page .prd-thumbs button[aria-current=true],.product-page .prd-thumbs button[aria-pressed=true]{border-color:var(--thumb-active);box-shadow:0 0 0 2px color-mix(in oklab,var(--thumb-active) 35%,transparent)}.product-page .prd-thumbs button:focus-visible{outline:2px solid var(--thumb-active);outline-offset:1px}@media (max-width:640px){.reviews-grid{grid-template-columns:1fr}.product-page .pp-cta,.product-page .prd-summary .product-cta{grid-template-columns:1fr!important}.product-page .prd-thumbs{gap:8px}}.product-page .prd-thumbs.is-row{flex-wrap:nowrap;overflow:auto;padding-bottom:4px;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity}.product-page .prd-thumbs.is-row::-webkit-scrollbar{height:8px}.product-page .prd-thumbs.is-row::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.product-page .prd-thumbs.is-row::-webkit-scrollbar-track{background:0 0}.star-rating{display:flex;color:#f59e0b}.star-rating .star{cursor:default;margin-right:2px}.star-rating .star.empty{color:#ccc}.star-rating-input .star{cursor:pointer;transition:color .2s}.star-rating-input .star.selected,.star-rating-input .star:hover{color:#f59e0b}.grid-products .product .product-cta a.btn.sm:not(.outline){background:var(--brand)!important;border:2px solid var(--brand)!important;color:#fff!important}.grid-products .product .product-cta a.btn.sm:not(.outline):hover{background:var(--brand-dark)!important;border-color:var(--brand-dark)!important}.grid-products .product .product-cta a.btn.sm.outline{border:2px solid #0f172a!important}.product-title{font-size:15px!important;font-weight:700!important;letter-spacing:-.01em!important;line-height:1.25!important;color:#0f172a;letter-spacing:.01em;margin:12px 12px 6px;text-transform:capitalize}.product-cta .btn{background:#0f72ea!important;border-color:#0f72ea!important}.product-cta .btn:hover{filter:brightness(.93)}.table .badge,table .badge{position:static!important;left:auto!important;top:auto!important;z-index:auto!important;display:inline-block;padding:.35em .6em;border-radius:.5rem}.review-form-container{max-width:860px;margin:0 auto}#reviewForm{display:grid;gap:12px;align-items:start}#reviewForm>.mb-3:has(input[name=reviewer_email]),#reviewForm>.mb-3:has(input[name=reviewer_name]){grid-column:span 1}#reviewForm .form-control,#reviewForm input[type=email],#reviewForm input[type=text]{height:40px;padding:10px 12px;border-radius:8px}#reviewForm textarea{min-height:100px;max-height:160px;padding:10px 12px;border-radius:8px;resize:vertical}.star-rating-input{gap:6px;font-size:18px}#reviewForm .btn.btn-primary{grid-column:2;justify-self:end;padding:8px 14px;border-radius:8px;font-weight:700}@media (max-width:720px){#reviewForm{grid-template-columns:1fr}#reviewForm .btn.btn-primary{grid-column:1;justify-self:stretch}}.review-form-container{padding:12px;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 4px 16px rgba(15,23,42,.05)}.star-rating{gap:3px;font-size:14px}.rating-text{font-size:13px}.category-nav-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 20px;
  margin-top: 1rem;
}.category-nav-item{
  border: 1px solid var(--line, #e2e8f0);
  background: #fff;
  text-align: center;
  transition: all .2s ease-in-out;
  text-decoration: none;
  color: var(--text, #0f172a);
  position: relative;
  overflow: hidden;
  border-radius: 0; 
}.category-nav-item:hover{
  transform: translateY(-4px);
  box-shadow: var(--shadow, 0 8px 28px rgba(15,23,42,.08));
  border-color: var(--primary, #0ea5e9);
}.category-nav-item img{
  height: 120px;
  width: 100%;
  object-fit: cover;
  display: block;
}.category-nav-item__title{
  font-weight: 600;
  padding: 12px 8px;
  font-size: 15px;
}@media (max-width: 768px) {.category-nav-grid{
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  }.category-nav-item img{
    height: 100px;
  }.category-nav-item__title{
    font-size: 14px;
  }}.btn-primary{
    background-color: #2563eb !important;
}.btn-clean{
    padding: 4px 8px;
    font-size: 12px;
    margin-left: 8px;
}.grid-products .product{
  border: 1px solid #e5e7eb;
  border-radius: 8px;            
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: transform .18s, box-shadow .18s, border-color .18s;
  background: #fff;
}.grid-products .product:hover{
  transform: translateY(-3px);
  box-shadow: 0 10px 28px rgba(2,6,23,.10);
  border-color: #dbe2ea;
}.product-media{
  aspect-ratio: 4/3;
  display: grid; place-items: center;
  background: #f6f8fb;
  border-bottom: 1px solid #eef2f7;
  position: relative;
}.product-media img{ width:100%; height:100%; object-fit:contain; padding:10px; transition: transform .25s; }.product:hover .product-media img{ transform: scale(1.03); }.badges{
  position: absolute;
  top: 12px;
  left: 12px;
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}.badge{
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  margin: 0;
  position: relative;
}.badge.sale{
  background-color: #ff8c00;
}.badge.new{
  background-color: #16a34a;
}.badge.low{
  background-color: #f59e0b;
}.product-title{ margin:10px 12px 4px; font-weight:700; font-size:15px; line-height:1.28; color:#0f172a; }.stars{ display:flex; gap:2px; font-size:14px; color:#f59e0b; margin:0 12px 6px; }.stars .muted{ color:#64748b; font-size:12px; margin-left:6px }.product-price{ margin:0 12px 12px; display:flex; align-items:baseline; gap:8px }.product-price .now{ color:#0F72EA; font-weight:900; font-size:18px }.product-price .old{ color:#94a3b8; text-decoration:line-through; font-weight:600 }.product-cta{ margin:auto 12px 14px; display:flex; justify-content:center }.product-cta .btn{
  width:80%; max-width:220px;   
  height:42px;
  border-radius:6px;
  background:#0F72EA; border:2px solid #0F72EA;
  color:#fff; font-weight:500; letter-spacing:.2px;
  display:inline-flex; align-items:center; justify-content:center;
  gap: 8px;
  transition: background .18s, border-color .18s;
}.product-cta .btn:hover{ background:#0C5FCC; border-color:#0C5FCC; }@media (max-width:640px){.product-cta .btn{ width:100%; }}.product-media{
  aspect-ratio: 16/10;        
  background:#fff;            
}.product-media img{
  width:100%;
  height:100%;
  object-fit: cover;          
  transition: transform .25s;
}.product:hover .product-media img{ transform: scale(1.03); }.product-title{
  font-size:15px;
  font-weight:700;
  margin:10px 12px 4px;
  line-height:1.28;
  color:#0f172a;
}.stars{
  display:flex;
  gap:2px;
  font-size:14px;             
  color:#f59e0b;               
  margin:0 12px 8px;          
}.product-price{
  margin:0 12px 12px;
  display:flex;
  align-items:baseline;
  gap:8px;
}.product-price .now{
  font-size:15px;             
  font-weight:400;            
  color:#0f72ea;              
}.product-price .old{
  font-size:13px;
  color:#94a3b8;
  text-decoration:line-through;
  font-weight:400;
}.product-cta{
  margin:auto 12px 14px;
  display:flex; justify-content:center;
}.product-cta .btn{
  width:80%; max-width:220px;
}@media (max-width:640px){.product-cta .btn{ width:100%; }}.grid-products .product .product-media{
  aspect-ratio: 1/1 !important;   
}.grid-products .product .product-media img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;   
  padding: 0 !important;
}.product-price .now{
  font-weight: 600 !important; 
  font-size: 15px !important;
  color: #0F72EA !important; 
}.grid-products .product .stock,.product .stock{
  display: none !important;
}.footer-v1-container a{
    text-decoration: none;
}.footer-newsletter-section{
    background-color: var(--footer-bg-lighter);
    padding: 40px 0 20px;
}.footer-newsletter-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}.footer-newsletter-text h3{
    color: var(--footer-heading);
    font-size: 1.5rem;
    margin: 0 0 5px;
}.footer-newsletter-text p{
    color: var(--footer-text);
    margin: 0;
}.footer-newsletter-form{
    display: flex;
    gap: 10px;
    min-width: 400px;
}.footer-newsletter-form input[type="email"]{
    flex-grow: 1;
    padding: 12px 15px;
    border: 1px solid var(--footer-border);
    border-radius: 6px;
    background-color: var(--footer-bg);
    color: var(--footer-heading);
}.footer-newsletter-form button{
    padding: 12px 25px;
    border: none;
    border-radius: 6px;
    background-color: var(--footer-accent);
    color: var(--footer-bg);
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s;
}.footer-newsletter-form button:hover{
    background-color: #7dd3fc;
}.main-footer{
    background-color: var(--footer-bg);
    color: var(--footer-text);
    padding: 30px 0 60px;
}.footer-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
}.footer-column .footer-logo{
    height: 40px;
    margin-bottom: 15px;
}.footer-column .tagline{
    font-size: 0.9rem;
    margin-bottom: 20px;
}.social-icons a{
    color: var(--footer-text);
    font-size: 1.5rem;
    margin-right: 15px;
    transition: color 0.3s;
}.social-icons a:hover{
    color: var(--footer-accent);
}.footer-column h4{
    color: var(--footer-heading);
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
}.footer-links{
    list-style: none;
    padding: 0;
    margin: 0;
}.footer-links li{
    margin-bottom: 10px;
}.footer-links a{
    color: var(--footer-text);
    transition: color 0.3s;
}.footer-links a:hover{
    color: var(--footer-accent);
}.footer-bottom{
    background-color: var(--footer-bg);
    border-top: 1px solid var(--footer-border);
    padding: 25px 0;
    font-size: 0.85rem;
}.footer-bottom-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}.footer-legal-links{
    display: flex;
    gap: 20px;
}.footer-payment-icons{
    display: flex;
    gap: 15px;
    align-items: center;
}@media (max-width: 992px) {.footer-grid{
        grid-template-columns: repeat(2, 1fr);
    }.footer-newsletter-form{
        min-width: 300px;
    }}@media (max-width: 768px) {.footer-grid{
        grid-template-columns: 1fr;
    }.footer-bottom-content{
        flex-direction: column;
        align-items: center;
        text-align: center;
    }.footer-newsletter-content{
        flex-direction: column;
        align-items: flex-start;
    }.footer-newsletter-form{
        width: 100%;
    }}.usp .wrap{
  max-width: 1200px;
  margin: 0 auto;
  padding: 10px 16px;
  display: flex;
  justify-content: center;   
  gap: 24px;                 
  flex-wrap: wrap;           
}.rev-block{margin-top:28px}.rev-title{margin:0 0 10px;font-size:20px}.rev-summary{display:flex;align-items:center;gap:10px;margin:8px 0 18px}.rev-summary .rev-stars{transform:scale(1.15)}.rev-summary-text{display:flex;align-items:baseline;gap:8px}.rev-summary-text strong{font-size:22px}.rev-card{border:1px solid var(--line,#e5e7eb);border-radius:12px;padding:14px;background:#fff;margin-bottom:16px}.rev-subtitle{margin:0 0 8px;font-size:16px}.rev-label{display:block;font-weight:600;margin:10px 0 6px}.rev-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.rev-input{width:100%;border:1px solid var(--line,#e5e7eb);border-radius:10px;padding:10px}.rev-note{color:#64748b}.rev-btn{margin-top:12px;display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid var(--line,#e5e7eb);background:#2563eb;color:#fff;cursor:pointer}.rev-alert{margin-bottom:10px;border-radius:10px;padding:10px}.rev-alert.ok{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.rev-alert.err{background:#fee2e2;border:1px solid #fecaca;color:#7f1d1d}.rev-list .rev-item{border-bottom:1px solid var(--line,#e5e7eb);padding:10px 0}.rev-list .rev-item:last-child{border-bottom:0}.rev-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.rev-date{color:#64748b;font-size:12px}.rev-text{margin:6px 0}.rev-stars{display:inline-flex;gap:3px}.rev-stars.sm .s{width:14px;height:14px}.rev-stars .s{fill:#d1d5db}.rev-stars .s.full{fill:#f59e0b}.rev-stars .s.half{fill:#f59e0b}.rev-rate{display:flex;gap:6px;margin:6px 0 4px}.rev-star{background:#fff;border:1px solid var(--line,#e5e7eb);border-radius:10px;padding:4px;cursor:pointer}.rev-star .s{fill:#d1d5db}.rev-star.active .s,.rev-star:hover .s{fill:#f59e0b}@media (max-width:640px){.rev-row{grid-template-columns:1fr}}.mainnav .nav-btn,.mainnav a{
  color: #0b0f14;   
  font-weight:600;  
}.mainnav .nav-btn:hover,.mainnav a:hover{
  color: #0ea5e9;   
}#contact-page .contact-hero .page-title{ color: var(--ink,#0f172a); }#contact-page .contact-form-card,#contact-page .info-card{
  border:1px solid var(--line,#e5e7eb);
  background:#fff;
  border-radius:0;
  box-shadow:0 8px 24px rgba(2,6,23,.06);
}#contact-page .contact-form input,#contact-page .contact-form select,#contact-page .contact-form textarea{
  border:1px solid var(--line);
  background:#fff;
  color:#111;
  outline:0;
}#contact-page .btn-primary-flat{
  background: var(--brand,#2563eb);
  color: var(--brand-ink,#fff);
  border:1px solid transparent;
}#contact-page .btn-primary-flat:hover{ filter:brightness(.96); }.contact-hero.-clean{
  background: #fff !important;               
  padding-top: 18px;                          
}.section-head--center{
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}.section-head--center > *{ max-width: 820px; }.contact-title{
  
  font-size: clamp(28px, 3.5vw, 40px) !important;
  font-weight: 800 !important;               
  letter-spacing: -0.02em;
  color: var(--ink, #0f172a);
  margin: 0 0 6px;
}.contact-subtitle{
  color: var(--muted, #64748b);
  margin: 0;
}.contact-hero + .usp{ display: none; }.section .btn-whatsapp-hero{ display: none !important; }.offers-hero,#contact-page .contact-hero{
  background: #fff !important;   
}.offers-hero .container,#contact-page .contact-hero .container{
  padding: 18px 0 8px;
}.offers-hero .page-title,#contact-page .contact-title{
  font-size: clamp(28px, 3.5vw, 40px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
  color: var(--ink, #0f172a);
  margin: 0 0 8px;
}.page-title{
  font-size: clamp(28px, 3.5vw, 40px);
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--ink, #0f172a);
  margin: 0 0 8px;
}.offers-hero{
  background: #fff !important;
}.offers-hero .container{
  padding: 18px 0 8px !important;
}#contact-page .contact-hero{
  background: #fff !important;
}#contact-page .contact-hero .container{
  padding: 18px 0 8px !important;
}#contact-page .contact-hero .section-head{
  display: flex;
  justify-content: center;
  text-align: center;
}#contact-page .contact-hero .section-head > *{
  max-width: 820px;
}#contact-page .contact-subtitle{
  color: var(--muted, #64748b);
  margin: 0;
}#contact-page .contact-hero + .usp{
  display: none;
}.services-hero{ background:#fff !important; }.services-hero .container{ padding:18px 0 8px !important; }.svc-media{ position:relative; overflow:hidden; }.svc-img{ width:100%; aspect-ratio:16/9; object-fit:cover; display:block; background:#f3f4f6; }.ribbon{
  position:absolute; right:-56px; top:14px; width:180px; text-align:center;
  background:#f59e0b; color:#fff; padding:.35rem 0; transform:rotate(35deg);
  font-weight:700; box-shadow:0 6px 12px rgba(0,0,0,.15);
}.svc-title{ margin:0; font-size:1.06rem; }.svc-desc{ color:#4b5563; margin:0; line-height:1.65; text-align:justify; }.svc-points li{ margin:.28rem 0; text-align:justify; }.svc-actions .btn.sm.solid{ align-self:flex-start; }.svc-cta{
  margin-top:26px; padding:18px; border:1px dashed #c7d2fe; background:#f8fafc;
  border-radius:14px; display:flex; justify-content:space-between; align-items:center; gap:10px
}.svc-cta h3{ margin:.2em 0 }.svc-cta p{ color:#4b5563; margin:0 }@media(max-width:720px){.svc-cta{ flex-direction:column; align-items:flex-start }}.product .product-meta{
  padding-left: 12px;   
  padding-right: 12px;  
  display: flex;
  align-items: center;
  margin: 2px 0 6px;
}.product .chip{
  font-size: 12px;
  line-height: 1;
  color: #64748b;       
  white-space: nowrap;
  
}.product.prd-card.v2{position:relative;display:flex;flex-direction:column;gap:.6rem;border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:#fff;transition:box-shadow .2s ease,transform .08s}.product.prd-card.v2:hover{box-shadow:0 10px 24px rgba(0,0,0,.08);transform:translateY(-1px)}.product.product.prd-card.v2 .prd-media img{width:100%;height:240px;object-fit:contain;background:#fff}.product.prd-card.v2 .actions-vert{position:absolute;left:10px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;z-index:3;margin:0;padding:0;list-style:none}.product.prd-card.v2 .actions-vert li{list-style:none;margin:0;padding:0}.product.prd-card.v2 .actions-vert .act{width:44px;height:44px;border-radius:9999px;display:flex;align-items:center;justify-content:center;padding:0;border:1px solid #e5e7eb;background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);cursor:pointer;transition:all .18s}.product.prd-card.v2 .actions-vert .act:hover{background:#e32222;border-color:#e32222;transform:translateY(-1px)}.product.prd-card.v2 .actions-vert .act svg{width:20px;height:20px;fill:#374151;transition:fill .18s}.product.prd-card.v2 .actions-vert .act:hover svg{fill:#fff}.product.product.product.product.product.prd-card.v2 .brand-badge{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#111;border-radius:10px;padding:4px 6px;box-shadow:0 2px 8px rgba(0,0,0,.12)}.product.prd-card.v2 .brand-badge img{height:18px;width:auto;display:block}.product.prd-card.v2 .stock-rail{position:absolute;left:-1px;top:10px;padding:6px 10px;border-top-right-radius:10px;border-bottom-right-radius:10px;background:#111827;color:#fff;font:600 12px/1 system-ui;z-index:2}.product.prd-card.v2 .stock-rail.ok{background:#059669}.product.prd-card.v2 .stock-rail.low{background:#f59e0b}.product.prd-card.v2 .stock-rail.out{background:#9ca3af}.product.prd-card.v2 .prd-title{font-size:15px;font-weight:700;margin:2px 0 4px}.product.prd-card.v2 .prd-title a{color:#111827;text-decoration:none}.product.prd-card.v2 .prd-title a:hover{text-decoration:underline}.product.prd-card.v2 .prd-code{font-size:12px;color:#6b7280;margin-bottom:2px}.product.prd-card.v2 .prd-rating{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.product.prd-card.v2 .prd-rating .star{font-size:12px;color:#d1d5db}.product.prd-card.v2 .prd-rating .star.on{color:#f59e0b}.product.prd-card.v2 .prd-price{display:flex;align-items:center;gap:8px}.product.prd-card.v2 .prd-price .now{font-weight:800}.product.prd-card.v2 .prd-price .was{font-size:13px;color:#9ca3af;text-decoration:line-through}@media (max-width:520px){.product.prd-card.v2 .actions-vert{top:auto;bottom:10px;transform:none;flex-direction:row}}.product.prd-card.v2:hover .actions-vert,.product.prd-card.v2:focus-within .actions-vert{
  opacity:1; visibility:visible; pointer-events:auto;
  transform:translateY(-50%) translateX(0);
}.product.prd-card.v2 .prd-stock.ok{color:#059669}.product.prd-card.v2 .prd-stock.low{color:#b45309}.product.prd-card.v2 .prd-stock.out{color:#6b7280}.product.product.prd-card.v2 .brand-badge{
  border-radius:0 !important;
}.product.prd-card.v2 .actions-vert .act{
  width:40px; height:40px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  border:1px solid #e5e7eb; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.06);
  transition:all .18s;
}.product.prd-card.v2 .actions-vert{list-style:none; margin:0; padding:0}.product.prd-card.v2 .actions-vert li{list-style:none; margin:0; padding:0}.product.product.prd-card.v2{
  --media-top: 44px;     
  --media-h:   300px;    
  --media-padx: 10px;
  --media-padb: 10px;
}.product.product.product.product.product.product.product.product.product.prd-card.v2 .prd-media img{
  width:100%; height:auto;
  max-height: calc(var(--media-h) - var(--media-top) - var(--media-padb));
  object-fit:contain;
}.product.prd-card.v2 .prd-rating{margin:6px 0 2px;}.product.prd-card.v2 .prd-rating .star{color:#f59e0b; font-size:14px; letter-spacing:.5px;}.product.prd-card.v2 .prd-rating .star:not(.on){color:#e2e8f0}.product.prd-card.v2 .prd-stock{margin:6px 0 0; font-size:13px; color:#0f172a;}.product.prd-card.v2 .prd-stock b{font-weight:700;}.product.prd-card.v2 .prd-price .now{color:#e32222; font-weight:700;}.product.prd-card.v2 .prd-price .was{color:#94a3b8; text-decoration:line-through; margin-left:6px;}.product.prd-card.v2 .actions-vert .act svg{fill:none;stroke:currentColor;stroke-width:1.6;}.product.prd-card.v2 .actions-vert .act:hover{background:#e32222;border-color:#e32222}.product.prd-card.v2 .actions-vert .act:hover svg{stroke:#fff}@media (max-width:560px){.product.prd-card.v2{ --media-top:38px; --media-h:260px; }}.prd-card .prd-media{ position: relative; }.prd-card:hover .actions-vert{
  opacity: 1; transform: none;
  pointer-events: auto;
}.qv-close{
  position:absolute; top:8px; right:10px; background:#fff; border:1px solid #e5e7eb;
  width:34px; height:34px; cursor:pointer; font-size:16px; line-height:1;
}.qv-col{ display:flex; flex-direction:column; }.qv-left{ flex:1 1 50%; min-width:0 }.qv-right{ flex:1 1 50%; min-width:0 }.qv-main{ border:1px solid #eee; display:flex; align-items:center; justify-content:center; padding:8px; }.qv-main img{ max-width:100%; height:auto; display:block; }.qv-meta{ color:#64748b; display:flex; gap:12px; margin-bottom:8px }.qv-meta .qv-code::before{ content:"COD: "; color:#475569 }.qv-price .now{ color:#d10000; font-weight:700; font-size:22px; margin-right:10px; }.qv-price .old{ color:#94a3b8; text-decoration:line-through; }.qv-stock{ margin:10px 0; color:#111827; }.qv-stock.ok{ color:#166534 }.qv-stock.low{ color:#065f46 }.qv-stock.out{ color:#7f1d1d }.qv-qty{ display:flex; align-items:center; gap:10px; margin:10px 0 16px; }.qty-ctrl input{ width:60px; height:38px; border:0; text-align:center; }.qv-actions{ display:flex; gap:10px; align-items:center; }.qv-actions .btn.outline{ border:1px solid #e5e7eb; color:#111; background:#fff; padding:10px 14px; text-decoration:none; }.prd-card.v2 .prd-media > img{ width:100%; height:100%; object-fit:contain; display:block; }.prd-card.v2 .prd-body{
  display:flex; flex-direction:column;
  gap:4px;               
  min-height:156px;      
  padding-top:8px;
}.prd-card.v2 .prd-rating{ min-height:18px; }.prd-card.v2 .prd-title{
  margin:0;
  font-size:16px; line-height:1.25;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  overflow:hidden;
  min-height:36px;       
}.prd-card.v2 .prd-code,.prd-card.v2 .prd-stock{
  min-height:16px;       
  line-height:1.2;
  font-size:12.5px;
}.prd-card.v2 .prd-price{
  margin-top:auto;       
}.prd-card.v2 .prd-price .now{ color:#e11d48; font-weight:700; }.prd-card.v2 .prd-price .was{ color:#64748b; text-decoration:line-through; margin-left:6px; }.product.product.product.product.prd-card.v2 .actions-vert{ top:150px !important; transform:translateY(-50%) }.qv-stock.ok{ color:#059669; }.qv-stock.low{ color:#b45309; }.qv-stock.out{ color:#b91c1c; }.qv-meta{ display:block; margin:4px 0 6px; font-size:14px; color:#6b7280; }.qv-stock{ display:block; margin:8px 0 10px; }container--xl{
  
  max-width: 1320px;
  padding-left: 16px;
  padding-right: 16px;
  margin-left: auto;
  margin-right: auto;
}@media (min-width:1600px){.container--xl{ max-width: 1400px; }}@media (min-width:1800px){.container--xl{ max-width: 1480px; }}.products-swiper .swiper{ overflow: hidden; }.products-swiper .swiper-button-prev,.products-swiper .swiper-button-next{ box-shadow:0 6px 16px rgba(2,6,23,.08); }.grid-products{ display:grid; gap:16px; grid-template-columns:repeat(2,1fr); }@media (min-width:768px){.grid-products{ grid-template-columns:repeat(3,1fr); }}@media (min-width:1200px){.grid-products{ grid-template-columns:repeat(5,1fr); }}.products-swiper .swiper{ width: 100%; }.products-swiper .prd-card{ max-width: none; width: 100%; }.product.prd-card,.product.prd-card.v2{
  width: 100%;
  max-width: none;
}.products-swiper .swiper-slide > .product{
  height: 100%;
}.mini-banners{ padding: 12px 0 28px; }.mini-banners .grid{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}@media (max-width: 1024px) {.mini-banners .grid{ grid-template-columns: repeat(2,1fr); }}@media (max-width: 640px)  {.mini-banners .grid{ grid-template-columns: 1fr; }}.mini-banners a{
  display: block;
  position: relative;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: 0 8px 20px rgba(2,6,23,.06);
  transition: transform .15s ease, box-shadow .15s ease;
}.mini-banners a:hover{
  transform: translateY(-2px);
  box-shadow: 0 14px 30px rgba(2,6,23,.08);
}.mini-banners a img{
  width: 100%;
  height: 200px;          
  object-fit: cover;
  display: block;
}@media (max-width: 1024px){.mini-banners a img{ height: 180px; }}@media (max-width: 640px) {.mini-banners a img{ height: 160px; }}.mini-banners .tag{
  position: absolute; left: 10px; top: 10px;
  background: #0ea5e9; color: #fff;
  font-size: 12px; font-weight: 700;
  border-radius: 999px; padding: 4px 8px;
}.mini-banners .title{
  position: absolute; left: 12px; bottom: 10px;
  color: #fff; font-weight: 800;
  text-shadow: 0 1px 2px rgba(0,0,0,.45);
}.products-swiper .swiper:not(.swiper-initialized) .swiper-wrapper{
  display:grid;
  gap:16px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}.products-swiper .swiper:not(.swiper-initialized) .swiper-slide{
  width:auto; 
}@media (max-width: 1200px){.products-swiper .swiper:not(.swiper-initialized) .swiper-wrapper{
    grid-template-columns: repeat(4, minmax(0,1fr));
  }}@media (max-width: 900px){.products-swiper .swiper:not(.swiper-initialized) .swiper-wrapper{
    grid-template-columns: repeat(3, minmax(0,1fr));
  }}@media (max-width: 640px){.products-swiper .swiper:not(.swiper-initialized) .swiper-wrapper{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }}.product.prd-card .prd-img,.product.prd-card .prd-img-alt{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .35s ease}.product.prd-card .prd-img-alt{opacity:0}.product.prd-card:hover .prd-img-alt{opacity:1}.product.prd-card:hover .prd-img{opacity:0}.product.prd-card .top-left{position:absolute;top:10px;left:10px;z-index:3;display:flex;align-items:center;gap:6px}.product.prd-card .prd-rating{color:#f59e0b;font-size:12px;height:18px}.product.prd-card .prd-stock{font-size:13px;margin:2px 0 6px}.product.prd-card .prd-stock.ok{color:#059669}.product.prd-card .prd-stock.low{color:#b45309}.products-swiper .swiper-wrapper{flex-wrap:nowrap!important}.product.prd-card.v2 .actions-vert{right:10px}.product{
  border-radius:0;                 
  background:#fff;
  border:1px solid var(--line, #e5e7eb);
  box-shadow:0 6px 18px rgba(2,6,23,.06);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}.product:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 32px rgba(2,6,23,.12);
  border-color:#dbe2ea;
}.product-media{
  aspect-ratio:4/3;
  background:linear-gradient(#f8fafc, #fff);
  border-bottom:1px solid var(--line, #eef2f7);
  display:grid;
  place-items:center;
  position:relative;
}.product-media img{
  width:auto; height:auto;
  max-width:88%; max-height:88%;
  object-fit:contain;
  filter:drop-shadow(0 12px 16px rgba(2,6,23,.10));
  transition:transform .25s ease;
}.product:hover .product-media img{ transform:scale(1.03) }.product .badge{ 
  position:absolute; inset:auto auto auto 10px;
  top:10px; z-index:2; border-radius:999px; 
  padding:6px 10px; font-weight:700; font-size:12px; 
  background:#111827; color:#fff;
}.product .badge.brand{ background:#111827; opacity:.92 }.product .badge.new{   left:calc(10px + 80px + 8px); background:#10b981 }.product .badge.off{   left:auto; right:10px; background:#fb923c }.product-media .ribbon{
  position:absolute; left:0; right:0; bottom:0; height:8px;
  background:linear-gradient(90deg,#0ea5e9,#22d3ee 45%,#0ea5e9 90%);
}.product-title{
  margin:10px 12px 6px;
  font-weight:800; color:#0f172a;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}.product-meta{
  margin:0 12px 8px;
  color:#64748b; font-size:12px; display:flex; gap:12px; flex-wrap:wrap;
}.product-meta b{ color:#111827; font-weight:700 }.product-price{
  margin:6px 12px 10px; display:flex; align-items:baseline; gap:10px;
}.product-price .now{
  color:var(--price, #e11d48); font-size:18px; font-weight:800; letter-spacing:.2px;
}.product-price .old{
  color:#94a3b8; text-decoration:line-through; font-size:13px;
}.product .stock{
  margin:0 12px 10px; font-size:12px; color:#059669; font-weight:700;
}.product-cta{
  margin:0 12px 14px; display:flex; gap:10px;
}.product-cta .btn{
  flex:1 1 auto;
  border-radius:10px;                    
  border:1px solid var(--primary, #0ea5e9);
  background:var(--primary, #0ea5e9);
  color:#fff; font-weight:800; padding:10px 12px;
  display:flex; align-items:center; justify-content:center; gap:8px;
  cursor:pointer;
}.product-cta .btn:hover{ filter:brightness(1.05) }.product-cta .btn i{ font-style:normal }.product .qv{
  position:absolute; right:10px; bottom:10px;
  width:36px; height:36px; display:grid; place-items:center;
  border-radius:999px; border:1px solid var(--line,#e5e7eb);
  background:#fff; color:#111827; cursor:pointer;
  box-shadow:0 6px 14px rgba(2,6,23,.08);
}.product .qv:hover{ color:#0ea5e9 }.product.prd-card{
  border-radius: 16px;
  background: #fff;
  border:1px solid var(--line, #e5e7eb);
  box-shadow: 0 6px 18px rgba(2,6,23,.06);
  transition: transform .18s ease, box-shadow .18s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}.product.prd-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(2,6,23,.10);
}.product.prd-card .prd-media{
  position: relative;
  aspect-ratio: 4 / 3;
  background: linear-gradient(#f8fafc, #fff); 
  display: grid;
  place-items: center;
  overflow: hidden;
}.product.prd-card .prd-media .prd-img,.product.prd-card .prd-media .prd-img-alt{
  position: absolute;
  inset: 0;
  width: 100%; 
  height: 100%;
  margin: auto;
  object-fit: contain; 
  filter: drop-shadow(0 12px 16px rgba(2,6,23,.10));
  transition: opacity .7s ease; 
}.product.prd-card .prd-media .prd-img-alt{
  opacity: 0;
}.product.prd-card:hover .prd-media.has-alt .prd-img-alt{
  opacity: 1;
}.product.prd-card:hover .prd-media.has-alt .prd-img{
  opacity: 0;
}.product.prd-card .brand-bar{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  z-index: 2;
}.product.prd-card .brand-bar img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}.product.prd-card .btn-qv{
  position: absolute;
  right: 10px;
  bottom: 18px; 
  z-index: 3;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  border: 1px solid var(--line, #e5e7eb);
  background: rgba(255,255,255,0.8);
  backdrop-filter: blur(4px);
  color: #111827;
  cursor: pointer;
  box-shadow: 0 6px 14px rgba(2,6,23,.08);
  opacity: 0;
  transform: translateY(4px);
  transition: opacity .2s ease, transform .2s ease;
}.product.prd-card:hover .btn-qv{
  opacity: 1;
  transform: translateY(0);
}.product.prd-card .btn-qv:hover{
  color: var(--primary);
}.product.prd-card .btn-qv svg{
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.75;
}.product.prd-card .badges-row{
  position: absolute;
  top: 14px; 
  left: 10px;
  right: 10px;
  z-index: 3;
  display: flex;
  justify-content: space-between;
  align-items: center; 
  pointer-events: none;
}.product.prd-card .badges-left,.product.prd-card .badges-right{
  display: flex;
  align-items: center;
  gap: 8px; 
  pointer-events: auto;
}.product.prd-card .brand-logo img{
  height: 24px;
  width: auto;
  display: block;
}.product.prd-card .badge{
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1.2;
}.product.prd-card .badge.new{ background: #10b981; color: #fff; }.product.prd-card .badge.off{ background: #fb923c; color: #fff; }.product.prd-card .prd-body{
  padding: 14px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}.product.prd-card .prd-title{
  font-weight: 700;
  margin: 2px 0 8px;
  font-size: 15px;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-line-clamp: 3; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 63px; 
}.product.prd-card .prd-code{
  color: var(--muted, #64748b);
  font-size: 12px;
  margin-bottom: 8px;
}.product.prd-card .prd-code b{
  color: var(--text, #111827);
  font-weight: 600;
}.product.prd-card .prd-price{
  display: flex;
  align-items: baseline;
  gap: 10px;
  margin: 6px 0 10px;
}.product.prd-card .prd-price .now{
  color: var(--price, #e11d48);
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .2px;
}.product.prd-card .prd-price .was{
  color: #94a3b8;
  text-decoration: line-through;
  font-size: 13px;
}.product.prd-card .prd-stock,.product.prd-card .prd-stock.ok,.product.prd-card .prd-stock.low{
  font-size: 12px;
  color: var(--ok, #059669) !important; 
  font-weight: 600;
  margin-bottom: 12px;
}.product.prd-card .prd-stock.out{
    color: #dc2626 !important; 
}.product.prd-card .prd-stock b{
    color: inherit !important; 
}.product.prd-card .prd-actions{
    margin-top: auto; 
}.product.prd-card .btn-add{
  width: 100%;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid var(--primary, #0ea5e9);
  background: var(--primary, #0ea5e9);
  color: #fff;
  font-weight: 700;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: filter .15s;
}.product.prd-card .btn-add:hover{
  filter: brightness(1.05);
}.product.prd-card .btn-add svg{
    width: 18px;
    height: 18px;
}.main-footer{
  background:var(--footer-bg) !important;
  color:var(--footer-text) !important;
}.footer-newsletter-section{
  background:var(--footer-bg-lighter) !important;
}.footer-bottom{
  background:var(--footer-bg) !important;
  border-top:1px solid var(--footer-border) !important;
}

/* ===== Cards v3.3.3 — barra arriba de estrellas, full-bleed; sin rayas grises ===== */
article.product.prd-card.v2{
  --card-pad-x: 10px;     /* igual al padding lateral real de .prd-body-content */
  --media-h: 230px;       /* alto mínimo del bloque de imagen */
  --brandbar-h: 12px;      /* alto de la barra */
}

/* Bloque de imagen (nada de fondos/bordes/pseudo-elementos) */
article.product.prd-card.v2 .prd-media{
  display:grid !important;
  grid-template-rows:min-content 1fr !important; /* 1) marca+badges  2) imagen */
  align-items:center !important;
  justify-items:center !important;
  min-height:var(--media-h) !important;
  background:transparent !important;
  border:0 !important;
}
article.product.prd-card.v2 .prd-media::before,
article.product.prd-card.v2 .prd-media::after{
  content:none !important; display:none !important;   /* <- mata las dos rayas grises */
}

/* Marca + badges siempre en flujo normal (no absolute → no tapan imagen) */
article.product.prd-card.v2 .badges-row,
article.product.prd-card.v2 .badges-left,
article.product.prd-card.v2 .badges-right,
article.product.prd-card.v2 .badge{
  position:static !important; inset:auto !important;
}

/* Imagen rellena su fila (segunda) */
article.product.prd-card.v2 .prd-img.main{
  grid-row:2; width:100%; height:100%; max-height:100%;
  object-fit:contain; display:block;
}

/* Cuerpo y barra */
article.product.prd-card.v2 .prd-body{
  display:flex; flex-direction:column; overflow:visible;
}
article.product.prd-card.v2 .prd-body-content{
  order:1;
  /* anula el padding-top inline (ej. style="padding:10px 10px 12px;") */
  padding:0 var(--card-pad-x) 12px !important;
}
article.product.prd-card.v2 .prd-body > .brand-bar{
  order:0;                        /* barra va ANTES del contenido (sobre las estrellas) */
  display:block; line-height:0;
  height:var(--brandbar-h);
  /* full-bleed: sangrado para cubrir el padding lateral del cuerpo */
  margin:0 calc(var(--card-pad-x) * -1) 6px !important;
}
article.product.prd-card.v2 .prd-body > .brand-bar img{
  width:100%; height:100%; display:block; object-fit:cover;
}
article.product.prd-card.v2 .prd-rating{ margin-top:0 !important; }

/* -------------------------------
   PRD-CARD v2 — PATCH FINAL (AUTO-APPENDED)
   This block normalizes card v2 layout (brand+badges top, image not overlapped,
   brand bar full-bleed above stars) and isolates legacy absolute overlays.
-------------------------------- */

/* Isolate legacy overlays so they do NOT affect v2 */
.product.prd-card:not(.v2) .prd-media .prd-img,
.product.prd-card:not(.v2) .prd-media .prd-img-alt{
  position:absolute; inset:0;
}
.product.prd-card:not(.v2) .brand-bar{
  position:absolute; left:0; right:0; bottom:0;
}
.product.prd-card:not(.v2) .badges-row{
  position:absolute; left:10px; right:10px; top:14px;
}

/* v2: flow layout, no overlays */
.product.prd-card.v2{
  --card-px: 10px;           /* lateral padding for body */
  --media-h: 230px;          /* min height for image block */
  --brand-h: 14px;           /* brand logo height */
  --brand-maxw: 84px;       /* brand logo max width */
  --badge-h: 18px;           /* badge height */
  --brandbar-h: 8px;         /* brand bar height */
}

/* MEDIA area => two rows: (1) top meta (brand + badges) (2) image */
.prd-card.v2 .prd-media{
  display:grid;
  grid-template-rows:min-content 1fr;
  align-items:center;
  justify-items:center;
  min-height:var(--media-h);
  padding-bottom:0;
  background:transparent; border:0;
}
.prd-card.v2 .prd-media::before,
.prd-card.v2 .prd-media::after{ content:none; display:none; }

/* Make sure anything in the media area is not absolutely positioned for v2 */
.prd-card.v2 .badges-row,
.prd-card.v2 .brand-bar,
.prd-card.v2 .badge,
.prd-card.v2 .prd-media .prd-img,
.prd-card.v2 .prd-media .prd-img.alt{ position:static; }

/* TOP ROW: brand + badges */
.prd-card.v2 .badges-row{
  margin:6px var(--card-px) 4px;
  display:flex; align-items:center; 
  width: 100%;
  justify-content: space-between;
}
.prd-card.v2 .badges-left{ flex:0 0 auto; }
.prd-card.v2 .brand-logo{ line-height:0; display:block; }
.prd-card.v2 .brand-logo img{
  height:var(--brand-h); max-height:var(--brand-h);
  width:auto; max-width:var(--brand-maxw);
  object-fit:contain; display:block; flex-shrink:0;
}
.prd-card.v2 .badges-right{ margin-left:auto; display:flex; gap:6px; }
.prd-card.v2 .badges-right .badge,
.prd-card.v2 .badges-left  .badge{
  display:inline-flex; align-items:center; justify-content:center;
  height:var(--badge-h); padding:0 6px;
  font-size:.68rem; line-height:1; border-radius:6px; box-shadow:none;
}
.prd-card.v2 .badge.new{ background:#10b981; color:#fff; }
.prd-card.v2 .badge.off{ background:#fb923c; color:#fff; }

/* IMAGE ROW: occupies the second row fully */
.prd-card.v2 .prd-img.main,
.prd-card.v2 .prd-img.alt{
  grid-row:2;
  width:100%; height:100%; max-height:100%;
  object-fit:contain; display:block;
}

/* BRAND BAR: full-bleed and glued to rating */
.prd-card.v2 .brand-bar{
  order:0; display:block; line-height:0;
  height:var(--brandbar-h);
  margin:0 calc(var(--card-px)*-1) 6px;
}
.prd-card.v2 .brand-bar img{
  width:100%; height:100%; object-fit:cover; display:block;
}

/* BODY */
.prd-card.v2 .prd-body-content{
  order:1; padding:0 var(--card-px) 12px;
}
.prd-card.v2 .prd-rating{ margin-top:0; }

/* Crossfade para prd-card v2 */
.prd-card.v2 .prd-media{
  display:grid;
  grid-template-rows:min-content 1fr; /* fila 1: marca/badges, fila 2: imagen */
  align-items:center; justify-items:center;
}

.prd-card.v2 .prd-media .imgwrap{
  grid-row:2;            /* la imagen ocupa la fila 2 */
  position:relative;     /* contenedor de apilado */
  width:100%; height:100%;
}

.prd-card.v2 .prd-media .imgwrap .prd-img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:contain;
  transition:opacity .45s ease;
}

.prd-card.v2 .prd-media .imgwrap .prd-img.alt{ opacity:0; }
.prd-card.v2 .prd-media.has-alt:hover .imgwrap .prd-img.alt{ opacity:1; }
.prd-card.v2 .prd-media.has-alt:hover .imgwrap .prd-img.main{ opacity:0; }

/* por si alguna regla antigua añade pseudo-decoración en la media */
.prd-card.v2 .prd-media::before,
.prd-card.v2 .prd-media::after{ content:none; display:none; }

/* v2: quitar subrayado en la zona clickeable y badges */
.prd-card.v2 .prd-media,
.prd-card.v2 .prd-media:hover,
.prd-card.v2 .badges-row .badge{
  text-decoration: none;
}
/* v2: fondo blanco y sin sombras en la imagen */
.prd-card.v2 .prd-media{
  background:#fff;       /* elimina el degradado plomo */
  border:0;
}
.prd-card.v2 .prd-media .prd-img{
  filter:none;           /* anula el drop-shadow global */
}




/* ==== PATCH: Scoped Brand Chips & Product Card v2 Fixes (2025-10-06) ==== */

/* Brand chips ONLY (does not affect reviews or other sections) */
.brands-filter,
.brand-pills,
.category-tags{
  display:flex; flex-wrap:wrap; gap:10px; margin:6px 0 16px;
}
.brands-filter a,
.brand-pills a,
.category-tags a{
  display:inline-flex; align-items:center; gap:6px;
  padding:6px 10px;
  border:1px solid var(--line, #e5e7eb);
  border-radius:999px;
  background:#fff;
  color:#0b0f14;
  font-weight:600;
  text-decoration:none;
}
.brands-filter a:hover,
.brand-pills a:hover,
.category-tags a:hover{
  border-color:var(--primary, #0ea5e9);
  color:var(--primary, #0ea5e9);
}
.brands-filter a.active,
.brand-pills a.active,
.category-tags a.active{
  background:var(--primary, #0ea5e9);
  border-color:var(--primary, #0ea5e9);
  color:#fff;
}

/* Product Card v2 — layout + crossfade + white bg + brand sizing */
article.product.prd-card.v2{
  --card-pad-x: 12px;
  --media-h: 230px;
  --brandbar-h: 12px;
  --brand-h: 18px;      /* brand logo height */
  --brand-maxw: 84px;   /* brand logo max width */
  --badge-h: 18px;      /* badge height */
}
article.product.prd-card.v2 .prd-media{
  display:grid; grid-template-rows:min-content 1fr;
  align-items:center; justify-items:center;
  min-height:var(--media-h);
  background:#fff;
  border:0;
}
article.product.prd-card.v2 .prd-media::before,
article.product.prd-card.v2 .prd-media::after{ content:none; display:none; }

/* top row: brand + badges, no underline */
article.product.prd-card.v2 .badges-row,
article.product.prd-card.v2 .badges-left,
article.product.prd-card.v2 .badges-right,
article.product.prd-card.v2 .badge{
  position:static; inset:auto; text-decoration:none;
}
article.product.prd-card.v2 .brand-logo{ line-height:0 }
article.product.prd-card.v2 .brand-logo img{
  height:var(--brand-h); max-height:var(--brand-h);
  width:auto; max-width:var(--brand-maxw);
  object-fit:contain; display:block; flex-shrink:0;
}
article.product.prd-card.v2 .badges-right .badge,
article.product.prd-card.v2 .badges-left  .badge{
  display:inline-flex; align-items:center; justify-content:center;
  height:var(--badge-h); padding:0 6px;
  font-size:.68rem; line-height:1; border-radius:6px;
}

/* second row: image wrapper + crossfade */
article.product.prd-card.v2 .prd-media .imgwrap{
  grid-row:2; position:relative; width:100%; height:100%;
}
article.product.prd-card.v2 .prd-media .prd-img{
  position:absolute; inset:0; width:100%; height:100%;
  object-fit:contain; transition:opacity .6s ease;
}
article.product.prd-card.v2 .prd-media .prd-img.alt{ opacity:0 }
article.product.prd-card.v2 .prd-media.has-alt:hover .prd-img.alt{ opacity:1 }
article.product.prd-card.v2 .prd-media.has-alt:hover .prd-img.main{ opacity:0 }

/* brand bar full-bleed above rating */
article.product.prd-card.v2 .prd-body{ display:flex; flex-direction:column; }
article.product.prd-card.v2 .prd-body > .brand-bar{
  order:0; display:block; line-height:0; height:var(--brandbar-h);
  margin:0 calc(var(--card-pad-x) * -1) 6px;
}
article.product.prd-card.v2 .prd-body > .brand-bar img{
  width:100%; height:100%; display:block; object-fit:cover;
}
article.product.prd-card.v2 .prd-body-content{ order:1; padding:0 var(--card-pad-x) 12px; }
article.product.prd-card.v2 .prd-rating{ margin-top:0; }



/* ============================================= */
/* ===== FIX DEFINITIVO PARA CARD FULL-BLEED ===== */
/* ============================================= */

/* 1. Forzar la eliminación del padding en la tarjeta principal.
      Esto permite que el contenedor de la imagen (.prd-media) se extienda a los bordes. */
article.product.prd-card.v2 {
  padding: 0 !important;
}

/* 2. Mover el padding al cuerpo de la tarjeta.
      Esto asegura que el texto, precio, etc., no se peguen a los bordes. */
article.product.prd-card.v2 .prd-body {
  padding: 12px !important;
}

/* 3. Forzar el sangrado (full-bleed) de la barra de marca.
      Usa un margen negativo para expandirse y cubrir el padding del nuevo .prd-body. */
article.product.prd-card.v2 .prd-body > .brand-bar {
  margin-left: -12px !important;
  margin-right: -12px !important;
}

/* 4. Restaurar el espacio para el logo y badges.
      Añade padding horizontal al contenedor '.badges-row' para que no se peguen a los bordes. */
article.product.prd-card.v2 .badges-row {
  padding-left: 12px !important;
  padding-right: 12px !important;
  box-sizing: border-box !important;
}

/* 1) Grilla de categoría con filtros: asegura un ancho mínimo por tarjeta */
.category-page.has-filters .grid-products{
  /* Ajusta 220px si quieres más/menos columnas mínimas */
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
}

/* 2) Prevenir salto de línea y recorte elegante del CTA en tarjetas */
.grid-products .product .product-cta a.btn,
.grid-products .product .product-cta a.btn.sm,
.product.prd-card.v2 .btn-add{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 3) Container queries: la tarjeta se auto-escala cuando está angosta */
article.product.prd-card.v2{
  /* Habilita container queries por tarjeta (soporte moderno) */
  container-type: inline-size;
}

/* === Tarjeta angosta (≤260px): reduce precio y CTA === */
@container (max-width: 260px){
  /* Precios más compactos */
  .prd-card.v2 .prd-price .now{ font-size: 14px !important; font-weight: 700 !important; }
  .prd-card.v2 .prd-price .was{ font-size: 12px !important; }

  /* Botón más bajo y tipografía menor */
  .prd-card.v2 .prd-actions .btn-add,
  .grid-products .product .product-cta a.btn,
  .grid-products .product .product-cta a.btn.sm{
    height: 34px !important;
    padding: 0 10px !important;
    font-size: 12.5px !important;
    letter-spacing: 0 !important;
  }

  /* Si tu botón lleva ícono, escóndelo en angosto */
  /*.prd-card.v2 .btn-add svg,
  .grid-products .product .product-cta a.btn svg{ display: none !important; }*/
}

/* === Aún más angosta (≤210px): apretar un poquito más todo === */
@container (max-width: 210px){
  .prd-card.v2 .prd-title{ -webkit-line-clamp: 2; min-height: 36px; }
  .prd-card.v2 .prd-price .now{ font-size: 13px !important; }
  .prd-card.v2 .prd-price .was{ font-size: 11.5px !important; }

  .prd-card.v2 .prd-actions .btn-add,
  .grid-products .product .product-cta a.btn,
  .grid-products .product .product-cta a.btn.sm{
    height: 32px !important;
    padding: 0 8px !important;
    font-size: 12px !important;
  }
}

/* ===== Footer – Mejora de contraste, tamaños y espaciado ===== */
:root{
  /* puedes ajustar si quieres más/menos contraste */
  --footer-bg:#0f172a;
  --footer-bg-lighter:#111827;
  --footer-text:#cbd5e1;        /* cuerpo */
  --footer-muted:#94a3b8;       /* descripciones/pequeños */
  --footer-heading:#ffffff;     /* títulos */
  --footer-link:#e2e8f0;        /* enlaces */
  --footer-link-hover:#ffffff;  /* hover enlaces */
  --footer-border:#273043;      /* línea superior */
}

/* Fondo y color base */
footer,
.footer-pro{
  background:var(--footer-bg) !important;
  color:var(--footer-text) !important;
}

/* Newsletter (franja superior del footer) */
.footer-newsletter-section{
  background:var(--footer-bg-lighter) !important;
}
.footer-newsletter-section input::placeholder{
  color:var(--footer-muted);
}

/* Títulos de columnas */
footer h4,
.footer-pro h4{
  color:var(--footer-heading) !important;
  font-size:18px !important;
  letter-spacing:.2px;
  margin:0 0 12px !important;
}

/* Texto y listas más legibles */
footer p,
footer li,
.footer-pro p,
.footer-pro li{
  font-size:15px !important;
  line-height:1.75 !important;
}
footer ul li + li,
.footer-pro ul li + li{ margin-top:6px }

/* Enlaces visibles y con feedback */
footer a,
.footer-pro a{
  color:var(--footer-link) !important;
  text-decoration:none;
}
footer a:hover,
.footer-pro a:hover{
  color:var(--footer-link-hover) !important;
  text-decoration:underline;
}

/* Bloques y separación general */
.footer-pro .container,
footer .container{
  padding:32px 0 !important;
}
.footer-bottom{
  background:var(--footer-bg) !important;
  border-top:1px solid var(--footer-border) !important;
  color:var(--footer-muted) !important;
  font-size:14px !important;
}

/* Íconos sociales y de pago: mejor visibilidad sin quemar colores */
footer .social a,
.footer-pro .social a{ opacity:.9; transition:opacity .2s }
footer .social a:hover,
.footer-pro .social a:hover{ opacity:1 }
footer .payments img{ filter:brightness(1.1) contrast(1.05) }

/* Grid responsivo de columnas del footer */
.fgrid,
.footer-pro .fpro-top{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1.2fr; /* Brand | Compañía | Ayuda | Contacto */
  gap:28px;
}
@media (max-width: 1024px){
  .fgrid,
  .footer-pro .fpro-top{ grid-template-columns:1fr 1fr }
}
@media (max-width: 600px){
  .fgrid,
  .footer-pro .fpro-top{ grid-template-columns:1fr }
}

/* Descripción bajo el logo (tu “Hardware • Software…”) */
.footer-pro .brand p,
footer .brand p{
  color:var(--footer-muted);
  margin:8px 0 0;
}

/* Asegurar que nada quede “apagado” por estilos previos */
footer *{ opacity:1 !important }

.footer-bottom-content .copyright {
  margin: 0;
}

/* pill--soft ➜ Badges */
.brand-pills.pill--soft a{
  padding:4px 10px;border-radius:10px;font-size:12px;
  background:#111827;color:#fff;opacity:.92;border:0;
}
.brand-pills.pill--soft a:hover{opacity:1}
.brand-pills.pill--soft a.active{box-shadow:0 0 0 2px color-mix(in oklab,var(--primary,#0ea5e9) 25%,transparent) inset}

/* ===================== Popup campaña de temporada ===================== */

/* Overlay general */
.promo-overlay{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(15,23,42,0.75);
  z-index:1100;
}
.promo-overlay[aria-hidden="false"]{
  display:flex;
}

/* Popup solo imagen, cuadrado */
.promo-dialog--image{
  max-width:520px;      /* ancho máximo del cuadro */
  width:90%;
  padding:0;
  background:#ffffff;
  border-radius:16px;
  box-shadow:0 25px 50px rgba(15,23,42,0.7);
  border:1px solid rgba(148,163,184,0.35);
  position:relative;
}

.promo-dialog--image .promo-close{
  position:absolute;
  top:8px;
  right:12px;
  border:none;
  background:transparent;
  color:#64748b;
  font-size:1.4rem;
  cursor:pointer;
  z-index:2;
}

.promo-img-link{
  display:block;
  border-radius:16px;
  overflow:hidden;
}

/* Forzamos la sensación de cuadro */
.promo-img-link img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:1 / 1;   /* mantiene forma cuadrada */
  object-fit:cover;     /* por si la imagen no es 100% cuadrada */
}

/* Popup base (ya lo tienes) */
.promo-overlay{
  position:fixed;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  background:rgba(15,23,42,0.75);
  z-index:1100;
}
.promo-overlay[aria-hidden="false"]{
  display:flex;
}

/* Versión tipo Deltron: tarjeta blanca grande con imagen */
.promo-dialog{
  max-width:480px; /* sigue siendo el default para popup con texto */
  width:90%;
  background:#0f172a;
  color:#e5e7eb;
  border-radius:1rem;
  box-shadow:0 25px 50px rgba(15,23,42,0.7);
  padding:1.75rem 1.75rem 1.5rem;
  position:relative;
  border:1px solid rgba(148,163,184,0.35);
}

/* Solo para el popup de imagen tipo Deltron */
.promo-dialog--image{
  max-width:720px;         /* 🔹 tamaño parecido al popup de Deltron */
  width:90%;
  padding:0;
  background:#ffffff;
  border-radius:12px;
  box-shadow:0 25px 50px rgba(15,23,42,0.7);
  border:1px solid rgba(148,163,184,0.4);
}

.promo-dialog--image .promo-close{
  top:8px;
  right:12px;
  color:#64748b;
}

.promo-img-link{
  display:block;
  border-radius:12px;
  overflow:hidden;
}

.promo-img-link img{
  display:block;
  width:100%;
  height:auto;
}

/* Botón de cerrar grande y visible para el popup de imagen */
.promo-dialog--image{
  position: relative; /* por si acaso */
}

.promo-dialog--image .promo-close{
  position:absolute;
  top:-12px;          /* un poco “flotando” fuera del cuadro */
  right:-12px;
  width:34px;
  height:34px;
  border-radius:999px;
  border:none;
  background:#111827;                /* círculo oscuro */
  color:#f9fafb;                     /* X blanca */
  font-size:18px;
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  box-shadow:0 10px 20px rgba(15,23,42,.55);
  z-index:50;
}