/*
Theme Name: MYTREX Canarias
Theme URI: https://mytrexcanarias.com
Author: MYTREX Canarias
Description: Tema independiente de comercio electrónico para MYTREX Canarias, compatible con WooCommerce.
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: mytrex-canarias
License: GPL-2.0-or-later
*/
:root{--ink:#161819;--muted:#666b6c;--line:#e4e6e4;--sand:#e9e3db;--light:#f6f6f3;--accent:#b8a58e;--radius:5px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}button,input,select,textarea{font:inherit}button,.button,.wp-element-button,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:var(--ink)!important;color:white!important;border:1px solid var(--ink)!important;border-radius:2px!important;padding:13px 22px!important;cursor:pointer;font-weight:600;display:inline-block}button:hover,.button:hover{opacity:.83}.outline-button{display:inline-block;padding:12px 22px;border:1px solid currentColor}.container{width:min(1240px,calc(100% - 44px));margin:auto}.topbar{background:#131516;color:#fff;font-size:11px;letter-spacing:.12em;text-align:center;padding:9px 12px}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}.header-inner{display:flex;align-items:center;gap:28px;min-height:78px}.brand{font-size:27px;letter-spacing:.13em;font-weight:800;line-height:1}.brand small{font-size:10px;letter-spacing:.3em;display:block;font-weight:500;margin-top:6px}.main-nav{display:flex;gap:26px;margin-left:auto}.main-nav a{font-size:12px;text-transform:uppercase;letter-spacing:.08em}.header-actions{display:flex;gap:17px;align-items:center;font-size:12px}.header-actions a{white-space:nowrap}.hero{background:linear-gradient(110deg,#1b1e20 0%,#34383a 48%,#716d69 100%);color:#fff;min-height:590px;display:flex;align-items:center;position:relative;overflow:hidden}.hero.has-image{background-size:cover;background-position:center}.hero.has-image:before{content:'';background:linear-gradient(90deg,rgba(0,0,0,.73),rgba(0,0,0,.06));inset:0;position:absolute}.hero-content{position:relative;z-index:1;padding:100px 0;max-width:650px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.25em;text-transform:uppercase}.hero h1{font-size:clamp(44px,6vw,84px);line-height:1.05;letter-spacing:-.045em;font-weight:500;margin:25px 0}.hero p{max-width:520px;color:#e3e3e3;font-size:17px;margin-bottom:35px}.hero .button{background:#fff!important;color:#171717!important;border-color:#fff!important}.usp{background:var(--light);border-bottom:1px solid var(--line)}.usp-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:22px 0}.usp-item{text-align:center;font-size:12px;letter-spacing:.07em;text-transform:uppercase}.section{padding:88px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:38px}.section-head h2,.section h2{font-size:clamp(29px,3.5vw,48px);font-weight:500;letter-spacing:-.035em;line-height:1.12;margin:12px 0}.muted{color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-tile .product-thumb{background:#f2f2f0;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.product-tile img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.product-tile:hover img{transform:scale(1.04)}.product-placeholder{font-size:15px;color:#8c8c87;letter-spacing:.2em}.product-tile h3{font-size:17px;font-weight:500;margin:16px 0 4px}.product-tile .price{font-size:14px}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.category{min-height:290px;background:linear-gradient(145deg,#efece6,#b8b5ae);display:flex;align-items:end;padding:30px}.category:nth-child(2){background:linear-gradient(145deg,#e6e7e4,#aebabb)}.category:nth-child(3){background:linear-gradient(145deg,#dedbd7,#a1a3a1)}.category h3{font-size:28px;font-weight:500;margin:0}.editorial{display:grid;grid-template-columns:1fr 1fr;background:#202426;color:#fff;min-height:420px}.editorial-art{background:linear-gradient(140deg,#b5a99b,#ded5cb);min-height:350px;background-size:cover;background-position:center}.editorial-copy{padding:70px clamp(25px,7vw,100px);align-self:center}.editorial-copy h2{font-size:clamp(32px,4vw,58px);font-weight:400;line-height:1.12}.editorial-copy p{color:#d3d3d3}.editorial .outline-button{margin-top:15px}.newsletter{background:#eae6e0;text-align:center;padding:68px 0}.newsletter p{max-width:600px;margin:12px auto 0}.site-footer{background:#151718;color:#fff;padding:62px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:30px}.site-footer h3{font-size:13px;text-transform:uppercase;letter-spacing:.13em}.site-footer a{display:block;color:#d2d2d2;font-size:13px;margin:10px 0}.footer-bottom{border-top:1px solid #414344;margin-top:45px;padding-top:20px;font-size:12px;color:#bcbcbc}.page-main{padding:60px 0;min-height:450px}.page-main h1{font-size:clamp(35px,5vw,60px);font-weight:500}.woocommerce ul.products li.product .price{color:#161819}.woocommerce div.product .product_title{font-weight:500}.woocommerce .quantity .qty{padding:10px}.mobile-menu-button{display:none}.alignwide{max-width:1240px;margin-inline:auto}@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}.main-nav{gap:12px}.main-nav a{font-size:11px}.header-inner{flex-wrap:wrap;gap:14px;padding:16px 0}.brand{font-size:21px}.categories{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.container{width:calc(100% - 30px)}.mobile-menu-button{display:block;margin-left:auto;padding:5px 10px!important}.main-nav{display:none;order:3;width:100%;flex-direction:column;padding:12px 0}.main-nav.is-open{display:flex}.header-actions{margin-left:auto}.header-inner{min-height:66px}.hero{min-height:510px}.hero-content{padding:65px 0}.usp-inner{grid-template-columns:1fr;gap:7px;padding:18px 0}.section{padding:56px 0}.product-grid{gap:12px}.product-tile h3{font-size:14px}.categories,.editorial,.footer-grid{grid-template-columns:1fr}.category{min-height:210px}.editorial-copy{padding:45px 25px}.section-head{align-items:start;flex-direction:column;gap:10px}}
