/*
Theme Name: SportFitCompany
Description: Tema clásico de SportFitCompany con integración nativa de WooCommerce y demostración independiente.
Version: 1.0.2
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: sportfitcompany
*/

:root{--orange:#f55b19;--dark:#141414;--gray:#f3f3f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--dark);background:white;font-family:Arial,Helvetica,sans-serif;font-size:16px}button,input,a{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #f55b19;outline-offset:4px}.top{padding:10px 20px;background:#141414;color:#fff;text-align:center;font-size:13px;letter-spacing:.03em}.top b{color:#ffa478}.wrap{max-width:1280px;margin:auto;padding:0 40px}.site-header{border-bottom:1px solid #eee}.head{height:100px;display:flex;align-items:center;justify-content:space-between;gap:35px}.brand{font-size:25px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.brand span{color:var(--orange)}.brand small{display:block;font-size:12px;letter-spacing:4px;margin-top:7px;color:#666}form.search{display:flex;background:#f3f3f3;max-width:450px;flex:1;border:1px solid #e5e5e5}form.search input{width:100%;padding:14px;border:0;background:transparent;min-width:0}form.search button{background:transparent;border:0;padding:0 16px;font-size:22px}.headnote{font-size:13px;text-align:right;color:#666;line-height:1.5}.headnote strong{color:#111;display:block;font-size:14px}.nav{display:flex;justify-content:space-between;align-items:center;padding:19px 0;gap:20px}.nav button{border:0;background:none;font-size:14px;font-weight:700;padding:3px}.nav button:hover{color:var(--orange)}.nav .offer{color:var(--orange)}.hero{position:relative;background:#171717 url('assets/images/banner.jpg') center/cover;color:#fff;min-height:530px;display:flex;align-items:center;overflow:hidden}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.18) 60%,transparent)}.hero .wrap{position:relative;width:100%;padding-top:54px;padding-bottom:65px}.eyebrow{font-size:13px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--orange)}h1{font-size:clamp(42px,5.2vw,74px);letter-spacing:-3px;line-height:1.03;max-width:620px;margin:22px 0;font-weight:900}h1 span{color:var(--orange)}.hero p{line-height:1.7;color:#ddd;max-width:430px;margin-bottom:30px}.button{display:inline-block;background:var(--orange);color:white;padding:16px 26px;font-weight:700;border:0;font-size:14px}.button:hover{background:#cc4108}.secondary{display:inline-block;margin-left:22px;font-size:14px;border-bottom:1px solid #999;padding:9px 0}.heroindex{position:absolute;right:40px;bottom:25px;font-size:13px;color:#ddd;letter-spacing:2px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:24px 0;border-bottom:1px solid #ddd}.benefits div{font-size:14px;border-right:1px solid #ddd;text-align:center}.benefits div:last-child{border:0}.benefits b{display:block;margin-bottom:5px}.benefits span{color:#777;font-size:13px}.section{padding-top:60px;padding-bottom:60px}.sectionhead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:25px}h2{font-size:30px;letter-spacing:-1px;margin:10px 0 0}.sectionhead p{font-size:14px;color:#777;margin:0}.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.cat{border:1px solid #e3e3e3;background:#f4f4f3;text-align:left;padding:24px 18px;min-height:115px;transition:.2s}.cat:hover,.cat.active{background:#161616;color:white;border-color:#161616}.cat .num{display:block;font-size:12px;color:var(--orange);margin-bottom:24px;letter-spacing:1px}.cat strong{font-size:16px}.catalog{background:#f4f4f3}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.chip{padding:10px 17px;border:1px solid #ddd;background:white;font-size:14px}.chip.active{background:#151515;color:#fff;border-color:#151515}#products{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.demo-product{background:#fff;position:relative}.demo-product img{display:block;width:100%;height:225px;object-fit:cover}.demo-product .label{position:absolute;top:14px;left:14px;background:white;padding:7px 9px;font-size:12px;font-weight:700}.demo-product .info{padding:20px}.demo-product .type{color:#777;font-size:12px;letter-spacing:1px;text-transform:uppercase}.demo-product h3{font-size:17px;line-height:1.4;margin:10px 0 16px}.price{font-size:19px;font-weight:800}.demo-product button{border:0;background:none;border-top:1px solid #eee;width:100%;text-align:left;padding:16px 20px;font-size:14px;font-weight:700}.demo-product button:hover{background:var(--orange);color:white}.empty{grid-column:1/-1;padding:40px;background:white;line-height:1.7}.promo{display:grid;grid-template-columns:1.2fr 1fr;gap:25px}.promobox{padding:40px;background:#171717;color:#fff;min-height:260px;display:flex;flex-direction:column;align-items:start;justify-content:center}.promobox.orange{background:var(--orange)}.promobox h2{font-size:36px;margin:15px 0;line-height:1.12;max-width:400px}.promobox p{color:#ccc;font-size:14px;line-height:1.5;max-width:420px}.orange p{color:#fff}.orange .eyebrow{color:#fff}.promobox .textlink{font-size:14px;border-bottom:1px solid currentColor;padding-bottom:8px;margin-top:10px}.note{background:#f4f4f3;padding:24px;font-size:14px;color:#666;line-height:1.6;margin-top:25px}.note strong{color:#222}.footer{background:#141414;color:white;padding:48px 0 24px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer p,.footer li{font-size:14px;line-height:1.8;color:#aaa}.footer ul{list-style:none;padding:0}.footer h3{font-size:15px}.footbottom{margin-top:30px;border-top:1px solid #333;padding-top:20px;color:#aaa;font-size:12px;display:flex;justify-content:space-between;gap:20px}.footer .brand small{color:#aaa}dialog{border:0;max-width:580px;width:calc(100% - 32px);padding:0;box-shadow:0 20px 70px #0005}dialog::backdrop{background:#0009}dialog img{width:100%;height:240px;object-fit:cover}.dialogbody{padding:28px}.dialogbody p{line-height:1.7;color:#666}.close{position:absolute;right:12px;top:12px;background:white;border:0;width:36px;height:36px;font-size:23px}.demo{font-size:12px;color:#777;margin-top:20px}
@media(max-width:900px){.wrap{padding:0 24px}.headnote{display:none}.head{gap:22px}.brand{font-size:21px}.nav{gap:16px;overflow-x:auto;justify-content:start;white-space:nowrap}.hero{min-height:490px;background-position:60% center}.hero .wrap{padding-top:45px;padding-bottom:55px}#products{grid-template-columns:repeat(2,1fr)}.cats{grid-template-columns:repeat(3,1fr)}.promo{grid-template-columns:1fr 1fr}.promobox{padding:28px}.promobox h2{font-size:28px}}
@media(max-width:600px){.wrap{padding:0 18px}.top{font-size:12px}.head{height:auto;flex-wrap:wrap;padding:23px 0 15px;gap:18px}form.search{flex-basis:100%;max-width:none}.brand{font-size:24px}.brand small{font-size:11px}.hero{min-height:510px;background-position:66% center}.hero:before{background:linear-gradient(90deg,#000c,#0006)}h1{font-size:49px;letter-spacing:-2px}.hero p{max-width:310px;font-size:15px}.secondary{margin-left:16px}.heroindex{right:18px}.benefits{gap:8px}.benefits div{font-size:12px;padding:0 5px}.benefits span{font-size:12px}.section{padding-top:40px;padding-bottom:40px}h2{font-size:27px}.sectionhead{align-items:start;flex-direction:column;gap:10px}.cats{gap:8px}.cat{padding:18px 10px;min-height:95px}.cat strong{font-size:14px}.cat .num{margin-bottom:18px}#products{gap:12px}.demo-product img{height:165px}.demo-product .info{padding:14px}.demo-product h3{font-size:15px}.price{font-size:17px}.demo-product button{padding:14px}.promo{grid-template-columns:1fr}.footgrid{grid-template-columns:1fr 1fr}.footgrid>div:first-child{grid-column:1/-1}.footbottom{flex-direction:column;line-height:1.7}}
.product-image{width:100%;aspect-ratio:1;background-color:white;background-image:var(--catalog-image);background-size:400% 600%;background-repeat:no-repeat}.demo-product .label{top:12px;left:12px;max-width:calc(100% - 24px);font-size:12px;background:#fffffff2}.demo-product .info{min-height:145px}dialog .product-image{max-width:340px;margin:auto}#detailcontent{padding-top:16px}@media(max-width:600px){.demo-product .label{font-size:11px;padding:5px 6px}.demo-product .info{min-height:150px}}
.demo-product img.product-image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:white}dialog img.product-image{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:white}.demo-product .label{position:static;display:inline-block;margin:12px 14px 0;padding:4px 0;color:#a83b08}.demo-product .info{padding-top:10px}