*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#EFEBE9;color:#3E2723;font-family:Manrope,sans-serif;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2{font-family:"Cormorant Garamond",serif;font-weight:500}
h1{font-size:clamp(3.4rem,7vw,6.2rem);line-height:.92;margin:0;font-weight:500}
.saltar,.sr{position:absolute;left:-999px}
.saltar:focus{left:12px;top:12px;background:#fff;padding:8px;z-index:9}
.cabecera{display:flex;align-items:center;gap:20px;padding:26px 7vw 16px;position:sticky;top:0;background:#EFEBE9;z-index:4}
.marca{display:flex;gap:10px;align-items:center;text-decoration:none;letter-spacing:.22em;text-transform:uppercase;font-size:.72rem;font-weight:700}
.menu{display:flex;gap:18px;flex-wrap:wrap}
.menu a{text-decoration:none;font-size:.92rem}
.menu a[aria-current="page"]{border-bottom:1px solid #C4A574}
.tel-cab{margin-left:auto;text-decoration:none;letter-spacing:.08em;font-size:.85rem}
.hamburguesa{display:none;background:transparent;border:1px solid #5D4037;padding:8px 12px;font:inherit}
.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;padding:28px 7vw 56px}
.hero img{width:100%;background:#E7DFD8}
.ojo{letter-spacing:.28em;text-transform:uppercase;font-size:.7rem;color:#8D6E63;margin:0 0 18px}
.lede{max-width:28rem;font-size:1.1rem}
.linea{width:72px;height:1px;background:#C4A574;margin:18px 0}
.acciones{display:flex;gap:22px;align-items:center}
.btn{background:#3E2723;color:#EFEBE9;text-decoration:none;padding:14px 18px;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}
.btn-sec{background:transparent;color:#3E2723;border-bottom:1px solid #C4A574;padding:14px 0}
.cinta{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #D7CCC8;border-bottom:1px solid #D7CCC8}
.cinta div{padding:22px 7vw}
.cinta strong{display:block;font-family:"Cormorant Garamond",serif;font-size:1.6rem;font-weight:500}
.seccion{padding:48px 7vw 80px}
.rejilla{display:grid;grid-template-columns:1fr 1fr;gap:28px 40px}
.item{padding-top:14px;border-top:1px solid #C4A574}
.item h3{margin:0 0 8px;font-family:"Cormorant Garamond",serif;font-weight:500;font-size:1.8rem}
.precio{margin:0;letter-spacing:.08em}
.iva{margin:4px 0 0;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#8D6E63}
.pagina{padding:36px 7vw 90px;max-width:760px}
.pagina h1{font-size:clamp(2.8rem,6vw,4.4rem)}
.pie{padding:40px 7vw 56px;display:grid;grid-template-columns:1.2fr .8fr;gap:18px;border-top:1px solid #D7CCC8}
.legales,.redes{display:flex;flex-wrap:wrap;gap:12px 16px}
.filtros{display:flex;gap:16px}
input,select,textarea{width:100%;margin-top:6px;font:inherit;padding:12px 0;border:0;border-bottom:1px solid #5D4037;background:transparent;color:inherit}
.forma{display:grid;gap:16px;max-width:30rem}
.galeria{display:grid;grid-template-columns:1fr 1fr;gap:18px}
figure{margin:0}
figcaption{margin-top:8px;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#8D6E63}
details{border-bottom:1px solid #D7CCC8;padding:12px 0}
summary{cursor:pointer}
.flotantes{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:8px;z-index:5}
.flo{border:0;padding:12px 14px;font:inherit;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;text-decoration:none;cursor:pointer}
.flo-wa{background:#3E2723;color:#EFEBE9}
.flo-tel{background:#C4A574;color:#3E2723}
.flo-chat{background:#EFEBE9;color:#3E2723;border:1px solid #5D4037}
.chat,.cookies{position:fixed;z-index:6;background:#EFEBE9;border:1px solid #5D4037;padding:16px}
.chat{right:18px;bottom:78px;width:min(340px,92vw)}
.cookies{left:16px;right:16px;bottom:16px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.chat-rapidas{display:flex;flex-wrap:wrap;gap:6px}
.chat-rapidas button,.ck-si,.ck-no{font:inherit;border:1px solid #5D4037;background:transparent;padding:6px 10px;cursor:pointer}
.ck-si{background:#3E2723;color:#EFEBE9}
.link-cookies{background:none;border:0;text-decoration:underline;font:inherit;cursor:pointer}
dialog{border:0;background:#EFEBE9;max-width:min(680px,92vw)}
@media(max-width:860px){
  .hamburguesa{display:inline-flex}
  .menu{display:none;position:absolute;top:64px;left:0;right:0;background:#EFEBE9;flex-direction:column;padding:16px 7vw;border-bottom:1px solid #D7CCC8}
  .menu.abierto{display:flex}
  .tel-cab{display:none}
  .hero{min-height:0;grid-template-columns:1fr}
  .cinta,.pie,.rejilla,.galeria{grid-template-columns:1fr}
}

html,body{overflow-x:hidden}
.cinta>div,.rejilla>.item,.pie>div,.cookies p{min-width:0}
.cookies p{flex:1 1 16rem}
@media(max-width:800px){
  h1{font-size:clamp(2rem,9vw,2.6rem)!important;line-height:1.02}
  .hamburguesa{margin-left:auto}
  .acciones{flex-direction:column;align-items:stretch}
  .hero,.seccion,.pagina,.cinta,.pie{padding-left:20px;padding-right:20px}
}