/*
Theme Name: Surco y Arena
Description: Diseño para Surco y Arena, moda de mujer en Herrera. Requiere Storefront y WooCommerce para la tienda.
Author: Surco y Arena
Template: storefront
Version: 1.1.0
Text Domain: surco-y-arena
Requires PHP: 7.4
*/
:root{--sa-ink:#362f29;--sa-paper:#fffdf9;--sa-sand:#eee2d0;--sa-gold:#80633e;--sa-line:#ded3c3}
body,button,input,select,textarea{font-family:Arial,Helvetica,sans-serif;color:var(--sa-ink)}
body{background:var(--sa-paper);font-size:16px;line-height:1.65}
h1,h2,h3,.sa-wordmark{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--sa-ink)}
a{color:var(--sa-gold)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #80633e;outline-offset:4px}
.col-full{max-width:1240px}
.site-header{background:var(--sa-paper);border-bottom:1px solid var(--sa-line);padding-top:28px}
.site-header .site-branding{margin-bottom:22px}
.sa-wordmark{display:block;font-size:clamp(1.8rem,3vw,2.7rem);letter-spacing:.025em;line-height:1.2;color:var(--sa-ink)!important;text-decoration:none}
.sa-brand-caption{display:block;margin-top:8px;text-transform:uppercase;font-size:.75rem;letter-spacing:.18em;color:#6e6255}
.site-header .custom-logo-link img{max-height:90px;width:auto}
.main-navigation ul li a,.site-header-cart .cart-contents{color:var(--sa-ink)}
.storefront-primary-navigation{border-top:1px solid var(--sa-line);background:transparent}
.main-navigation ul.menu>li>a,.main-navigation ul.nav-menu>li>a{padding-top:17px;padding-bottom:17px}
.site-header .site-search input{background:#f2ede5;box-shadow:none;border:1px solid var(--sa-line);border-radius:0}
.site-content{padding-top:32px}
body.home .site-content{padding-top:0}
body.home .storefront-breadcrumb{display:none}
.content-area{width:100%!important;float:none!important;margin-right:0!important}
.sa-main{padding-bottom:55px}
.sa-eyebrow{font-family:Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.17em;font-size:.78rem;font-weight:600;color:#756048;margin:0 0 24px}
.sa-hero{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:65px;padding:70px 0 65px;border-bottom:1px solid var(--sa-line)}
.sa-hero h1{font-size:clamp(3.2rem,6.3vw,6rem);line-height:1.04;letter-spacing:-.045em;margin:0 0 26px;max-width:750px}
.sa-hero h1 em{font-weight:400;color:var(--sa-gold)}
.sa-hero-copy>p:not(.sa-eyebrow){max-width:400px;color:#655a4d;margin-bottom:30px;font-size:1.05rem}
.sa-button,.button,button,input[type=submit],.added_to_cart{background:var(--sa-ink);color:#fffdf9;border:1px solid var(--sa-ink);border-radius:0;font-weight:500;padding:13px 24px;box-shadow:none}
.sa-button{display:inline-block;text-decoration:none}
.sa-button:hover,.button:hover,button:hover,input[type=submit]:hover,.added_to_cart:hover{background:#584434;color:#fff}
.sa-hero-art{background:var(--sa-sand);min-height:440px;display:flex;align-items:center;justify-content:center;position:relative;padding:45px;text-align:center}
.sa-hero-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sa-art-type{border-top:1px solid #aa9274;border-bottom:1px solid #aa9274;padding:40px 0;width:100%}
.sa-art-type span{display:block;font-family:Georgia,serif;font-size:clamp(2rem,4vw,4rem);line-height:1.35;letter-spacing:.05em}
.sa-art-type small{display:block;margin-top:24px;text-transform:uppercase;letter-spacing:.2em;font-size:.75rem}
.sa-section{padding:65px 0 20px}
.sa-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:30px}
.sa-section-heading h2,.sa-about h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.035em;margin:0}
.sa-section-heading a{font-size:.95rem;text-underline-offset:6px}
.sa-empty{padding:40px;border:1px solid var(--sa-line);max-width:720px}
.sa-empty h3{font-size:1.75rem;margin:0 0 12px}
.sa-empty p{margin:0 0 20px;color:#655a4d}
.sa-categories{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}
.sa-categories a{padding:8px 18px;border:1px solid var(--sa-line);text-decoration:none;color:var(--sa-ink)}
.sa-categories a:hover{background:var(--sa-sand)}
ul.products li.product{text-align:left}
ul.products li.product img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:0}
ul.products li.product .woocommerce-loop-product__title{font-size:1.25rem}
ul.products li.product .price{color:var(--sa-ink);font-weight:600}
ul.products li.product .button{font-size:.9rem;padding:10px 16px}
.onsale{border:1px solid var(--sa-gold);color:var(--sa-gold);border-radius:0}
.sa-about{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--sa-line);margin-top:35px;padding:55px 0 0}
.sa-about p{max-width:430px}
.sa-about a{text-underline-offset:5px}
.site-footer{background:var(--sa-sand);color:var(--sa-ink);padding:40px 0 75px}
.sa-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;padding:20px 0}
.sa-footer strong{font-family:Georgia,serif;font-size:1.5rem;font-weight:400;display:block}
.sa-footer p{margin:4px 0;font-size:.9rem}
.sa-footer nav{display:flex;flex-wrap:wrap;gap:20px;align-items:center;font-size:.9rem}
.site-footer a:not(.button){color:var(--sa-ink)}
.woocommerce-info,.woocommerce-message{background:#465446}
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],textarea,select{background:#fff;border:1px solid #b4a797;box-shadow:none;border-radius:0;max-width:100%}
.woocommerce-tabs ul.tabs li.active a{color:var(--sa-ink)}
.storefront-handheld-footer-bar ul li>a{background:var(--sa-paper);color:var(--sa-ink)}
@media(min-width:768px){.site-header .site-branding{width:55%}.site-header .site-search{width:30%}.woocommerce-active .site-header .site-branding{width:55%}.woocommerce-active .site-header .site-search{width:30%}}
@media(max-width:767px){.col-full{margin-left:22px;margin-right:22px}.site-header{padding-top:20px}.site-header .site-branding{max-width:72%}.sa-wordmark{font-size:1.8rem}.sa-brand-caption{font-size:.68rem;letter-spacing:.12em}.sa-hero{grid-template-columns:1fr;gap:30px;padding:40px 0}.sa-hero h1{font-size:3.6rem}.sa-hero-art{min-height:280px;padding:25px}.sa-art-type span{font-size:2.8rem}.sa-section{padding-top:40px}.sa-section-heading{align-items:flex-start}.sa-section-heading a{max-width:110px;text-align:right}.sa-about{grid-template-columns:1fr;gap:18px;padding-top:35px}.sa-empty{padding:25px}.sa-footer{display:block}.sa-footer nav{margin-top:20px}ul.products li.product .button{font-size:.85rem;padding:9px 12px}.site-content{padding-top:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Identidad y fotografías originales de la tienda. */
.site-header{padding-top:14px}
.site-header .site-branding{display:flex;align-items:center;gap:20px;margin-bottom:14px}
.sa-logo-link{display:block;flex-shrink:0}
.sa-logo-link img,.site-header .custom-logo-link img{width:112px;height:112px;max-height:112px;object-fit:contain;border-radius:0}
.sa-brand-caption{max-width:210px;line-height:1.8;margin:0}
.sa-hero{grid-template-columns:1fr 1.2fr;gap:45px;padding:48px 0}
.sa-hero h1{font-size:clamp(3rem,5.3vw,5.3rem)}
.sa-hero-art{padding:0;min-height:0;display:block;background:transparent}
.sa-hero-art img{position:static;display:block;width:100%;height:auto;object-fit:contain;border-radius:0}
.sa-about{align-items:center;gap:50px}
.sa-shop-photo img{display:block;width:100%;height:auto;border-radius:0}
.sa-visit-intro{margin-top:20px}
.sa-hours{margin:24px 0;padding:20px 0;border-top:1px solid var(--sa-line);border-bottom:1px solid var(--sa-line)}
.sa-hours dt{font-weight:600;margin-top:10px}
.sa-hours dt:first-child{margin-top:0}
.sa-hours dd{margin:2px 0 0;color:#655a4d}
@media(max-width:767px){.site-header .site-branding{gap:10px}.sa-logo-link img,.site-header .custom-logo-link img{width:88px;height:88px;max-height:88px}.sa-brand-caption{font-size:.65rem;letter-spacing:.06em;max-width:125px}.sa-hero{grid-template-columns:1fr;gap:28px;padding:30px 0}.sa-hero h1{font-size:clamp(2.8rem,11vw,4.2rem)}.sa-about{gap:28px}.sa-shop-photo{order:2}.sa-hero-art{min-height:0;padding:0}}