/* Colores tomados del logo de la tienda. */
:root{color:#3e3735;background:#fffaf2}
.site-header{height:auto;min-height:204px;padding-top:12px;padding-bottom:12px;background:#fffaf2;border-bottom-color:#dccfc1}
.brand-logo{width:180px;height:180px;object-fit:contain;background:#fff;border:2px solid #b80f27;flex:none}
.site-header nav a:hover{color:#9a4548}
.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,540px);align-items:center;gap:clamp(36px,6vw,100px);background:#9c1023;padding-top:58px;padding-bottom:58px;min-height:510px}
.intro:after{display:none}
.intro-copy{position:relative;z-index:1}
.intro .eyebrow{color:#f4d9a0}
.intro h1{font-size:clamp(3rem,5.4vw,5rem);max-width:720px}
.intro h1 em{color:#ffdfae}
.intro p{color:#fff1e2}
.intro-link{border-bottom-color:#f4d9a0}
.intro-logo{margin:0;border:8px solid #fff;box-shadow:16px 16px 0 #750c1b;line-height:0;background:#fff;transform:rotate(1deg)}
.intro-logo img{display:block;width:100%;height:auto;aspect-ratio:1448/1086;object-fit:contain}
.eyebrow,.product-category{color:#9a4548}
.filters input,.filters select{color:#3e3735;border-color:#cbbab0;outline-color:#9a4548}
.product-image{background:#f0e9dc}
.image-placeholder{color:#ac786f}
.product-action{border-color:#8e3e43;color:#8e3e43}
.product-action:hover{background:#8e3e43;color:white}
.branches{background:#edf0e8}
.contact{background:#f7e9d9}
.button,.pagination button{background:#8e3e43;border-color:#8e3e43}
footer{background:#315e51}
@media(max-width:900px){.intro{grid-template-columns:minmax(0,1fr) minmax(260px,38%);gap:28px;min-height:0}.intro h1{font-size:clamp(2.6rem,5vw,4rem)}}
@media(max-width:600px){.brand-logo{width:148px;height:148px}.intro{display:flex;flex-direction:column;align-items:stretch;padding-top:46px;padding-bottom:56px;gap:35px}.intro h1{font-size:clamp(2.7rem,11vw,4rem)}.intro-logo{width:min(100% - 12px,420px);align-self:center;border-width:6px;box-shadow:10px 10px 0 #750c1b}.intro-logo img{max-height:360px;object-fit:contain}}

@media(min-width:601px) and (max-width:900px){.site-header{flex-wrap:wrap;gap:16px;padding-bottom:20px}.site-header nav{flex-wrap:wrap;gap:20px}}
@media(max-width:600px){.site-header{min-height:0}.brand{gap:10px;font-size:16px}}