/*
Theme Name: TechZone Perú
Theme URI: https://example.com/
Author: Jordy
Description: Tema WooCommerce moderno para una tienda tecnológica académica. Diseñado para la práctica de WordPress: SEO, soporte, banners y comercio.
Version: 1.0.0
Text Domain: techzone-peru
*/

:root{
  --tz-bg:#f6f8fb;
  --tz-surface:#ffffff;
  --tz-text:#101828;
  --tz-muted:#667085;
  --tz-primary:#2563eb;
  --tz-primary-dark:#1d4ed8;
  --tz-accent:#0f172a;
  --tz-border:#e4e7ec;
  --tz-success:#12b76a;
  --tz-radius:18px;
  --tz-shadow:0 12px 34px rgba(15,23,42,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--tz-bg);color:var(--tz-text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
a{color:var(--tz-primary);text-decoration:none}
a:hover{color:var(--tz-primary-dark)}
img{max-width:100%;height:auto}
.container{width:min(1180px,calc(100% - 32px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--tz-border)}
.header-main{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px}
.brand{display:flex;align-items:center;gap:12px;color:var(--tz-accent);font-weight:800;font-size:1.25rem}
.brand-mark{width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:#fff;display:grid;place-items:center;font-weight:900}
.brand small{display:block;font-size:.72rem;color:var(--tz-muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.main-nav ul{list-style:none;display:flex;align-items:center;gap:20px;margin:0;padding:0}
.main-nav a{color:#344054;font-weight:650;font-size:.94rem}
.main-nav a:hover{color:var(--tz-primary)}
.header-actions{display:flex;align-items:center;gap:10px}
.header-cart{display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid var(--tz-border);border-radius:12px;background:#fff;color:var(--tz-accent);font-weight:700}
.mobile-toggle{display:none;border:1px solid var(--tz-border);background:#fff;border-radius:12px;padding:10px 12px;cursor:pointer}
.hero{padding:38px 0 20px}
.hero-card{border-radius:28px;padding:56px;min-height:420px;background:radial-gradient(circle at 90% 15%,rgba(59,130,246,.34),transparent 28%),linear-gradient(135deg,#0f172a,#172554 55%,#1e3a8a);color:#fff;display:flex;align-items:center;overflow:hidden;position:relative}
.hero-card:after{content:"";position:absolute;right:-90px;bottom:-110px;width:380px;height:380px;border-radius:50%;background:rgba(14,165,233,.18);filter:blur(2px)}
.hero-copy{max-width:650px;position:relative;z-index:2}
.hero-kicker{color:#93c5fd;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;font-weight:800}
.hero h1{font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.03;margin:10px 0 18px;letter-spacing:-.045em}
.hero p{font-size:1.08rem;color:#d0d5dd;max-width:600px;margin:0 0 25px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border-radius:12px;font-weight:800;border:1px solid transparent;transition:.2s ease}
.btn-primary{background:#fff;color:#0f172a}.btn-primary:hover{transform:translateY(-1px);color:#0f172a}
.btn-dark{background:var(--tz-accent);color:#fff}.btn-dark:hover{color:#fff;background:#1d2939}
.section{padding:40px 0}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.section-head h2{margin:0;font-size:1.7rem;letter-spacing:-.025em}
.section-head p{margin:4px 0 0;color:var(--tz-muted)}
.grid{display:grid;gap:18px}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.category-card,.feature-card{background:var(--tz-surface);border:1px solid var(--tz-border);border-radius:var(--tz-radius);padding:22px;box-shadow:var(--tz-shadow)}
.category-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:130px}.category-card strong{font-size:1.02rem}.category-card span{color:var(--tz-muted);font-size:.88rem}.category-icon{width:50px;height:50px;border-radius:15px;background:#eff6ff;color:#2563eb;display:grid;place-items:center;font-weight:900}
.promo-strip{background:#0f172a;color:#fff;border-radius:20px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.promo-strip p{margin:4px 0 0;color:#cbd5e1}
.woocommerce ul.products,.woocommerce-page ul.products{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:0!important;padding:0!important}
.woocommerce ul.products li.product,.woocommerce-page ul.products li.product{width:auto!important;float:none!important;margin:0!important;background:#fff;border:1px solid var(--tz-border);border-radius:18px;padding:14px!important;box-shadow:var(--tz-shadow);overflow:hidden}
.woocommerce ul.products li.product img{border-radius:13px;margin-bottom:12px}
.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:1rem;padding:0;color:var(--tz-accent)}
.woocommerce ul.products li.product .price{color:var(--tz-primary);font-weight:850;font-size:1.05rem}
.woocommerce ul.products li.product .button{display:block;text-align:center;background:var(--tz-accent);color:#fff;border-radius:11px;padding:10px 12px}
.woocommerce span.onsale{background:var(--tz-primary)!important;min-height:38px!important;min-width:38px!important;line-height:38px!important}
.woocommerce div.product{background:#fff;border:1px solid var(--tz-border);border-radius:24px;padding:26px}
.woocommerce div.product .product_title{font-size:clamp(1.9rem,4vw,3rem);line-height:1.05;letter-spacing:-.035em}
.woocommerce div.product .price{color:var(--tz-primary);font-size:1.45rem;font-weight:850}
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--tz-primary);color:#fff;border-radius:11px;padding:11px 16px}
.woocommerce a.button:hover,.woocommerce button.button:hover{background:var(--tz-primary-dark);color:#fff}
.site-main{min-height:55vh}.content-shell{padding:44px 0}
.page-title{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.04em;margin:0 0 20px}
.entry-content{background:#fff;border:1px solid var(--tz-border);border-radius:20px;padding:30px;box-shadow:var(--tz-shadow)}
.tz-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.tz-feature{padding:20px;background:#fff;border:1px solid var(--tz-border);border-radius:18px}.tz-feature strong{display:block;margin-bottom:5px}.tz-feature span{color:var(--tz-muted);font-size:.92rem}
.site-footer{margin-top:60px;background:#0f172a;color:#cbd5e1}.footer-main{padding:42px 0;display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px}.site-footer h3{color:#fff;margin-top:0}.site-footer a{color:#cbd5e1}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding:16px 0;font-size:.85rem}
.woocommerce .woocommerce-breadcrumb{color:var(--tz-muted)}
.woocommerce-message,.woocommerce-info,.woocommerce-error{border-radius:12px}
.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce form .form-row select{border:1px solid var(--tz-border);border-radius:10px;padding:11px 12px;background:#fff}
.meta-slider-wrap{margin-top:28px}
.meta-slider-note{background:#eef4ff;border:1px dashed #93c5fd;padding:15px 18px;border-radius:14px;color:#1e3a8a;font-size:.9rem}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.grid-4,.woocommerce ul.products,.woocommerce-page ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}.main-nav{display:none}.mobile-toggle{display:block}.header-actions{margin-left:auto}.hero-card{padding:38px}.footer-main{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.container{width:min(100% - 22px,1180px)}.header-main{min-height:68px}.hero{padding-top:18px}.hero-card{padding:30px 24px;min-height:420px;border-radius:22px}.hero h1{font-size:2.4rem}.grid-4,.grid-3,.woocommerce ul.products,.woocommerce-page ul.products,.tz-features{grid-template-columns:1fr}.promo-strip{align-items:flex-start;flex-direction:column}.footer-main{grid-template-columns:1fr}.header-cart{padding:9px 10px}.brand{font-size:1.08rem}.brand-mark{width:38px;height:38px}}