/*
Theme Name: LAFE GAME
Description: Tienda gamer de LAFE GAME integrada con WooCommerce.
Version: 1.0.0
Text Domain: lafe-game
Requires PHP: 8.0
*/
:root{--blue:#0755e9;--ink:#161b29;--muted:#687080;--line:#e7eaf0;--paper:#f5f7fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:15px/1.55 'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #246ef5;outline-offset:4px}img{max-width:100%;height:auto}.wrap{width:min(1360px,calc(100% - 96px));margin:auto}.brand-bar{background:#101525;color:#fff;font-size:11px;letter-spacing:.13em}.brand-bar .wrap{display:flex;justify-content:space-between;padding:9px 0}.header{background:#fff;border-bottom:1px solid var(--line)}.header-main{display:flex;align-items:center;gap:40px;padding:23px 0}.logo{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:900;letter-spacing:-1.4px;white-space:nowrap}.logo-mark{display:grid;place-items:center;background:var(--blue);color:white;border-radius:9px;width:37px;height:37px;font-size:21px;letter-spacing:-2px;transform:skew(-7deg)}.logo b{color:var(--blue)}.lafe-search{display:flex;align-items:center;max-width:570px;flex:1;margin:auto;background:var(--paper);border:1px solid var(--line);border-radius:30px;padding:0 17px}.lafe-search input{width:100%;border:0;background:transparent;padding:12px 10px;min-width:0;outline-offset:0}.lafe-search button{border:0;background:none;color:var(--blue);cursor:pointer;padding:8px;font-size:21px}.header-actions{display:flex;gap:23px;font-size:13px;white-space:nowrap}.nav{display:flex;gap:30px;align-items:center;padding:0 0 15px;font-size:13px;font-weight:600}.nav .active{color:var(--blue)}.nav .right{margin-left:auto;color:var(--muted);font-size:12px}.hero-shell{background:var(--paper);padding:26px 0 0}.hero{position:relative;overflow:hidden;min-height:455px;border-radius:18px;background:radial-gradient(ellipse at 72% 40%,#214b82 0,#102d50 38%,#091528 80%);color:#fff;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;padding:52px;width:56%}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;text-transform:uppercase}.hero .eyebrow{color:#9cc9ff}.hero h1{font-size:clamp(36px,4.5vw,65px);line-height:1.04;letter-spacing:-2.5px;margin:20px 0}.hero h1 span{color:#87b9ff}.hero p{max-width:330px;color:#c2d0e1;margin:0 0 28px;font-size:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:28px;padding:12px 25px;background:var(--blue);color:#fff;font-size:13px;font-weight:700;border:0}.button.white{background:white;color:#15253c}.hero-art{position:absolute;right:0;top:0;height:100%;width:52%;display:flex;align-items:center;justify-content:center;gap:20px;transform:rotate(-12deg) scale(1.15);opacity:.87;mask-image:linear-gradient(to right,transparent,#000 18%)}.hero-art img{width:44%;height:345px;object-fit:cover;border-radius:15px;box-shadow:0 22px 50px #0008}.hero-art img:nth-child(2){transform:translateY(55px)}.hero-caption{position:absolute;right:24px;bottom:17px;font-size:10px;letter-spacing:.12em;opacity:.65}.platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:22px 0 28px}.platform{display:flex;align-items:center;justify-content:space-between;background:white;border:1px solid var(--line);border-radius:12px;padding:18px 23px;transition:transform .2s,border-color .2s}.platform:hover{transform:translateY(-3px);border-color:#b0c8fb}.platform small{display:block;color:var(--muted);font-size:11px}.platform strong{font-size:19px;letter-spacing:-.4px}.platform-icon{font-size:27px;font-weight:800;color:var(--blue)}.section{padding:40px 0 10px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:22px}.section-heading h2{margin:4px 0 0;font-size:28px;letter-spacing:-1px}.section-heading .eyebrow{color:var(--blue);font-size:10px}.text-link{color:var(--blue);font-size:12px;font-weight:700}.games{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.game{min-width:0}.cover{position:relative;display:block;aspect-ratio:1/1.16;overflow:hidden;background:#e9edf5;border-radius:11px}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.game:hover .cover img{transform:scale(1.045)}.badge{position:absolute;bottom:10px;left:10px;display:inline-block;background:#fff;color:#15253c;border-radius:4px;padding:3px 7px;font-size:9px;font-weight:800;letter-spacing:.04em}.sale-badge{position:absolute;right:9px;top:9px;background:var(--blue);color:white;padding:4px 7px;border-radius:5px;font-size:10px;font-weight:700}.game h3{font-size:13px;line-height:1.4;margin:12px 0 8px;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:36px}.price{font-size:14px;font-weight:750}.price del{font-size:11px;color:var(--muted);font-weight:400;margin-right:4px}.price ins{text-decoration:none}.catalog-note{font-size:10px;color:var(--muted);margin-top:5px}.promo{margin-top:48px;background:#eaf1ff;border:1px solid #dbe7ff;border-radius:16px;padding:32px 38px;display:flex;align-items:center;gap:30px;justify-content:space-between}.promo h2{font-size:27px;letter-spacing:-.8px;margin:5px 0}.promo p{margin:0;color:#58677f;font-size:13px}.promo .eyebrow{color:var(--blue)}.footer{margin-top:62px;background:var(--paper);border-top:1px solid var(--line);padding:37px 0 20px}.footer-main{display:flex;justify-content:space-between;gap:25px;align-items:center}.footer p{font-size:12px;color:var(--muted)}.footer-links{display:flex;gap:23px;font-size:12px}.footer-bottom{border-top:1px solid var(--line);margin-top:26px;padding-top:17px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}.content{padding-top:36px;padding-bottom:36px;min-height:45vh}.woocommerce .woocommerce-breadcrumb{margin-bottom:25px}.woocommerce ul.products li.product a img{border-radius:12px}.woocommerce ul.products li.product .price{color:var(--ink)}.woocommerce a.button,.woocommerce button.button.alt,.woocommerce a.button.alt,.woocommerce button.button,.woocommerce input.button{background:var(--blue);color:white;border-radius:25px}.woocommerce div.product .product_title{letter-spacing:-1px}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea{padding:12px;border:1px solid #ccd2dd;border-radius:6px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:1000;background:white;padding:12px}.empty{color:var(--muted)}@media(min-width:1600px){.hero{min-height:490px}}@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.header-main{gap:20px}.games{grid-template-columns:repeat(4,minmax(0,1fr))}.game:nth-child(n+5){display:none}.hero-copy{padding:35px}.hero{min-height:410px}.header-actions{gap:15px}.nav{gap:20px}}@media(max-width:640px){.wrap{width:calc(100% - 32px)}.brand-bar .wrap{font-size:9px}.brand-bar .wrap span:last-child{display:none}.header-main{flex-wrap:wrap;padding:16px 0;gap:15px}.logo{font-size:22px}.header-actions{margin-left:auto;font-size:11px}.lafe-search{order:3;max-width:none;flex-basis:100%}.lafe-search input{padding:9px}.nav{gap:22px;overflow-x:auto;white-space:nowrap;font-size:12px}.nav .right{display:none}.hero-shell{padding-top:16px}.hero{min-height:450px;align-items:flex-start}.hero-copy{padding:27px;width:100%}.hero h1{font-size:41px;letter-spacing:-1.8px;max-width:310px}.hero p{max-width:245px;font-size:13px}.hero-art{top:230px;right:-40px;width:70%;height:240px;opacity:.55;pointer-events:none}.hero-art img{height:200px}.hero-copy .button{position:relative;z-index:3}.hero-caption{font-size:8px}.platforms{gap:8px;padding:15px 0 20px}.platform{padding:13px 10px}.platform strong{font-size:15px}.platform small{font-size:9px}.platform-icon{font-size:17px}.section{padding-top:28px}.section-heading h2{font-size:23px}.games{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.game:nth-child(n+5){display:none}.cover{aspect-ratio:1/1.13}.promo{margin-top:32px;padding:25px;align-items:flex-start;flex-direction:column;gap:20px}.promo h2{font-size:24px}.footer-main{align-items:flex-start;flex-direction:column}.footer-links{flex-wrap:wrap;gap:15px}.footer-bottom{gap:12px;flex-direction:column}.footer{margin-top:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}