/*
Theme Name: DESACATO Studio
Author: DESACATO
Description: Diseño editorial exclusivo para DESACATO Clothing Co. Compatible con WooCommerce, adaptable a móviles y con movimiento accesible.
Version: 1.0.0
Text Domain: desacato-studio
License: GNU General Public License v2 or later
*/
:root{--paper:#f2ecdf;--ink:#242321;--orange:#e65100;--line:rgba(36,35,33,.24);--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500}h1,h2{letter-spacing:-.065em;line-height:1.03}em{font-family:var(--serif);font-weight:400}p{line-height:1.65}.skip-link{position:fixed;top:-100px;left:20px;background:var(--ink);color:white;padding:14px;z-index:99999}.skip-link:focus{top:10px}.scroll-progress{height:3px;position:fixed;top:0;left:0;right:0;background:var(--orange);z-index:99998;transform:scaleX(0);transform-origin:left}.announcement{padding:9px 20px;background:var(--ink);color:var(--paper);font-size:10px;letter-spacing:.16em;text-align:center}.announcement span{margin-left:20px;color:#ff8a4a}.site-header{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 4.5%;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.admin-bar .site-header{top:32px}.brand{line-height:0;flex-shrink:0}.brand img{width:172px;height:50px;object-fit:contain}.site-header nav{display:flex;gap:36px;font-size:13px}.site-header nav a{position:relative;padding:9px 0}.site-header nav a:after{content:'';position:absolute;bottom:3px;left:0;width:0;height:1px;background:var(--ink);transition:width .25s}.site-header nav a:hover:after{width:100%}.cart-link{display:flex;align-items:center;gap:10px;font-size:13px}.cart-count{border:1px solid var(--ink);border-radius:50%;min-width:25px;height:25px;text-align:center;line-height:23px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:680px}.hero-copy{padding:54px 7% 25px 9%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.13em;display:block}.hero h1{font-size:clamp(70px,7.9vw,132px);margin:45px 0 28px;position:relative;letter-spacing:-.075em}.hero h1 em{color:var(--orange);letter-spacing:-.075em}.hero-star{position:absolute;font-size:70px;right:-60px;top:1px;color:var(--orange);font-weight:400;line-height:1}.hero-copy>p{font-size:16px;max-width:320px;margin-bottom:29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;padding:17px 24px;border:1px solid var(--ink);font-size:13px;min-height:52px;transition:transform .25s,background .25s}.button-dark{background:var(--ink);color:var(--paper)}.button:hover{transform:translateY(-3px);background:#3a3833}.button span{font-size:23px;line-height:1}.hero-foot{margin-top:auto;padding-top:45px;display:flex;justify-content:space-between;align-items:end;width:100%;font-size:10px;letter-spacing:.08em}.hero-foot a{font-size:11px;letter-spacing:0}.hero-foot a span{margin-left:12px;font-size:22px}.hero-photo{position:relative;min-height:680px;overflow:hidden;background:#bf6a3f}.hero-photo>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 42%}.photo-tag{position:absolute;right:24px;bottom:65px;transform:rotate(-8deg);background:var(--paper);border:1px solid var(--ink);padding:21px 27px;font-size:26px;line-height:1.1;box-shadow:5px 5px 0 var(--ink);letter-spacing:-.04em}.photo-tag em{font-size:36px}.hero-photo figcaption{position:absolute;bottom:16px;left:22px;color:white;text-shadow:0 1px 5px #000;font-size:9px;letter-spacing:.09em}.brand-strip{background:var(--orange);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);overflow:hidden;padding:18px 0}.strip-track{display:flex;width:max-content;animation:marquee 32s linear infinite}.strip-track span{font-size:24px;letter-spacing:-.035em;font-weight:600;white-space:nowrap;padding-right:18px}.brand-strip:hover .strip-track{animation-play-state:paused}.section-pad{padding:85px 6%}.section-label{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.1em;margin-bottom:55px}.manifesto-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:10%}.manifesto h2{font-size:clamp(48px,5.4vw,88px);letter-spacing:-.06em}.manifesto h2 em{color:var(--orange)}.manifesto-copy{padding-top:12px;max-width:410px}.small-mark{height:67px;width:67px;object-fit:contain;margin-bottom:26px;transform:rotate(-8deg)}.manifesto-copy p{font-size:17px;margin-bottom:20px}.underlined{display:inline-block;font-family:var(--serif);font-style:italic;font-size:26px;border-bottom:2px solid var(--orange);padding-bottom:5px;margin-top:10px}.attitude{background:var(--orange);padding:85px 6% 94px;position:relative;overflow:hidden}.attitude .eyebrow{margin-bottom:35px}.attitude h2{font-size:clamp(70px,12vw,180px);position:relative;z-index:1}.attitude h2 em{color:var(--paper)}.attitude p{font-size:18px;margin-top:28px;position:relative;z-index:1}.attitude-star{position:absolute;right:6%;bottom:-65px;font-size:330px;line-height:1;color:var(--ink);opacity:.9;transform:rotate(-12deg)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}.section-heading h2,.questions h2{font-size:clamp(48px,5.5vw,84px)}.collection-note{font-size:14px;padding-bottom:5px}.text-link{font-size:14px;border-bottom:1px solid var(--ink);padding-bottom:5px}.drop-empty{background:#e7dfce;display:grid;grid-template-columns:1.4fr 1fr;padding:60px;gap:30px;border:1px solid var(--line)}.drop-empty h3{font-size:clamp(42px,4.7vw,70px);line-height:1.02;letter-spacing:-.055em;margin:25px 0}.drop-empty p{font-size:14px;margin-bottom:25px}.drop-symbol{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;transform:rotate(8deg)}.drop-symbol img{height:210px;width:230px;object-fit:contain}.drop-symbol span{text-align:center;font-size:12px;font-weight:bold;letter-spacing:.12em}.codes{padding-top:30px}.code-row{display:grid;grid-template-columns:60px 1fr 1fr 50px;gap:20px;align-items:center;border-top:1px solid var(--line);padding:28px 0}.code-row:last-child{border-bottom:1px solid var(--line)}.code-number{font-size:11px}.code-row h3{font-size:clamp(30px,3.5vw,50px);letter-spacing:-.04em}.code-row p{font-size:14px}.code-row>span:last-child{font-size:38px;text-align:right;color:var(--orange)}.questions{display:grid;grid-template-columns:1fr 1.3fr;gap:12%;border-top:1px solid var(--line)}.questions h2{margin-top:25px}.question-list details{border-bottom:1px solid var(--line);padding:22px 0}.question-list details:first-child{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:15px}summary::-webkit-details-marker{display:none}summary span{font-size:23px;transition:transform .25s}details[open] summary span{transform:rotate(45deg)}details p{font-size:14px;margin-top:18px;max-width:460px}details p a{text-decoration:underline;text-underline-offset:3px}.site-footer{background:var(--ink);color:var(--paper);padding:70px 6% 22px}.footer-top{display:flex;justify-content:space-between;gap:45px}.footer-top h2{font-size:clamp(32px,3.9vw,58px);margin:25px 0}.contact-link{font-size:14px;border-bottom:1px solid #aaa;padding-bottom:5px}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:15px;font-size:13px;padding-top:9px}.footer-links a:hover{color:#ff8a4a}.motion-toggle{border:0;background:none;padding:0;color:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:5px;font-size:11px}.footer-wordmark{width:100%;display:block;margin:75px 0 35px;max-height:310px}.footer-bottom{border-top:1px solid #666;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.06em}.will-reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.will-reveal.visible{opacity:1;transform:none}.motion-paused .will-reveal{opacity:1;transform:none;transition:none}.motion-paused .strip-track{animation:none}.motion-paused *{scroll-behavior:auto!important;transition:none!important}.content-page{min-height:55vh;max-width:1300px;margin:auto}.content-page h1,.commerce-page h1{font-size:clamp(40px,5vw,74px);margin-bottom:35px}.content-page p{margin-bottom:20px}.content-page .wp-block-woocommerce-cart,.content-page .wp-block-woocommerce-checkout{font-size:16px}.commerce-page{min-height:60vh}.woocommerce .woocommerce-breadcrumb{font-size:12px;margin-bottom:30px}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:18px;letter-spacing:-.025em;padding:12px 0 6px}.woocommerce ul.products li.product .price{color:var(--ink);font-size:15px}.woocommerce ul.products li.product a img{aspect-ratio:4/5;object-fit:cover;background:#e7dfce;transition:transform .3s}.woocommerce ul.products li.product a:hover img{transform:translateY(-4px)}.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit{border-radius:0;background:var(--ink);color:var(--paper);font-weight:400;padding:15px 20px}.woocommerce a.button.alt,.woocommerce button.button.alt{background:var(--ink);color:var(--paper)}.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce button.button.alt:hover{background:var(--orange);color:var(--ink)}.woocommerce div.product p.price,.woocommerce div.product span.price{color:var(--ink)}.woocommerce span.onsale{background:var(--orange);color:var(--ink);border-radius:0}.woocommerce form .form-row input.input-text,.woocommerce form .form-row textarea,.woocommerce select{border:1px solid var(--line);padding:12px;background:#fffdf8}.woocommerce-message,.woocommerce-info{border-top-color:var(--orange)}.woocommerce-message:before,.woocommerce-info:before{color:var(--orange)}.woocommerce div.product .product_title{font-size:clamp(32px,4vw,58px)}.woocommerce div.product .woocommerce-tabs ul.tabs li{border-radius:0}.woocommerce table.shop_table{border-radius:0}.woocommerce .quantity .qty{min-height:46px}.woocommerce div.product form.cart .variations select{max-width:100%}.wp-block-button__link,.wc-block-components-button{border-radius:0!important}.content-page a:not(.button):not(.wc-block-components-button){text-decoration:underline;text-underline-offset:3px}@keyframes marquee{to{transform:translateX(-50%)}}@media(min-width:1600px){.hero-copy{padding-top:70px}.hero,.hero-photo{min-height:790px}}@media(max-width:1050px){.hero h1{font-size:8.4vw}.hero-star{font-size:48px;right:-40px}.hero,.hero-photo{min-height:600px}.hero-copy{padding-top:35px}.manifesto-grid{gap:7%}.attitude-star{font-size:260px;right:2%;bottom:-60px}.drop-empty{padding:40px}.site-header nav{gap:24px}}@media(max-width:760px){html{scroll-padding-top:100px}.announcement{font-size:8px;letter-spacing:.08em}.announcement span{margin-left:8px}.site-header{padding:12px 5%;gap:18px;flex-wrap:wrap}.brand img{width:138px;height:40px}.menu-toggle{display:flex;align-items:center;gap:10px;margin-left:auto;background:none;border:0;padding:7px 0;font-size:12px;cursor:pointer}.site-header nav{display:none;order:4;flex-basis:100%;flex-direction:column;gap:0;padding:10px 0;border-top:1px solid var(--line)}.site-header nav.open{display:flex}.site-header nav a{padding:13px 0}.cart-link{font-size:0;gap:0}.cart-count{font-size:12px}.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:36px 6% 26px}.hero h1{font-size:clamp(74px,17vw,120px);margin:30px 0 24px}.hero-star{font-size:52px;right:-62px;top:8px}.hero-copy>p{max-width:320px;font-size:15px}.hero-foot{padding-top:30px}.hero-photo{min-height:0;height:118vw;max-height:650px}.hero-photo>img{object-position:center 35%}.photo-tag{bottom:58px;right:25px}.strip-track span{font-size:20px}.brand-strip{padding:14px 0}.section-pad{padding:55px 6%}.section-label{font-size:8px;margin-bottom:35px}.section-label span:last-child{text-align:right}.manifesto-grid{grid-template-columns:1fr;gap:35px}.manifesto h2{font-size:clamp(47px,10vw,68px)}.manifesto-copy{max-width:none}.manifesto-copy p{font-size:16px}.small-mark{float:right;margin:0 0 15px 20px;width:55px;height:55px}.attitude{padding:55px 6% 65px}.attitude h2{font-size:17vw}.attitude p{max-width:240px;font-size:15px}.attitude-star{font-size:150px;bottom:-35px;right:0}.attitude .eyebrow{font-size:8px;margin-bottom:30px}.section-heading{align-items:start;flex-direction:column;gap:22px;margin-bottom:30px}.section-heading h2,.questions h2{font-size:55px}.drop-empty{grid-template-columns:1fr;padding:30px;gap:25px}.drop-empty h3{font-size:45px}.drop-symbol{display:none}.drop-empty .button{gap:20px;padding:14px 18px;font-size:12px}.codes{padding-top:10px}.code-row{grid-template-columns:25px 1fr 30px;gap:15px;padding:23px 0}.code-row h3{font-size:32px}.code-row p{grid-column:2;grid-row:2;font-size:12px}.code-row>span:last-child{grid-column:3;grid-row:1 / 3;font-size:30px}.questions{grid-template-columns:1fr;gap:32px}.questions h2{margin-top:18px}.question-list summary{font-size:14px}.site-footer{padding:50px 6% 25px}.footer-top{flex-direction:column;gap:36px}.footer-top h2{font-size:37px}.footer-links{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:19px 15px;font-size:12px}.footer-wordmark{margin:50px 0 25px}.footer-bottom{flex-wrap:wrap;font-size:8px}.footer-bottom span:nth-child(2){display:none}.woocommerce ul.products li.product{width:48%!important;margin-right:4%!important}.woocommerce ul.products li.product:nth-child(2n){margin-right:0!important}.woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:15px}.commerce-page{padding:45px 6%}.woocommerce .woocommerce-ordering,.woocommerce .woocommerce-result-count{float:none}.admin-bar .site-header{top:46px}}@media(max-width:600px){.admin-bar .site-header{top:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}}
