:root{
  --rojo:#9b1b30; --rojo2:#c0392b; --oro:#c69214; --tinta:#2b2320;
  --crema:#faf6f0; --muted:#6b5d54; --linea:#ece3d8;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Segoe UI',Helvetica,Arial,sans-serif;color:var(--tinta);line-height:1.7;background:var(--crema);}
img{max-width:100%;display:block;}
a{color:var(--rojo);text-decoration:none;}
a:hover{color:var(--rojo2);}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px;}

header{background:#fff;border-bottom:1px solid var(--linea);position:sticky;top:0;z-index:30;}
header .bar{max-width:1080px;margin:0 auto;padding:14px 22px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px;}
.brand{font-size:1.35rem;font-weight:800;color:var(--rojo);letter-spacing:.3px;}
.brand span{color:var(--oro);}
nav a{color:var(--tinta);font-weight:600;margin-left:20px;font-size:.95rem;}
nav a:hover{color:var(--rojo);}

.hero{position:relative;color:#fff;text-align:center;padding:120px 22px;
  background:linear-gradient(rgba(40,10,15,.72),rgba(60,15,20,.78)),url('img/guitarra.jpg') center/cover no-repeat;}
.hero h1{font-size:2.8rem;max-width:860px;margin:0 auto 16px;text-shadow:0 2px 14px rgba(0,0,0,.35);}
.hero p{font-size:1.2rem;max-width:680px;margin:0 auto 26px;color:#f3e7df;}
.btn{display:inline-block;background:var(--oro);color:#2b2320;padding:14px 32px;border-radius:6px;font-weight:700;box-shadow:0 8px 22px rgba(198,146,20,.35);transition:.2s;}
.btn:hover{background:#b07f0f;color:#2b2320;transform:translateY(-2px);}
.btn.rojo{background:var(--rojo);color:#fff;box-shadow:0 8px 22px rgba(155,27,48,.3);}
.btn.rojo:hover{background:var(--rojo2);color:#fff;}

section{padding:64px 0;}
h2{color:var(--rojo);font-size:1.9rem;margin-bottom:8px;}
.lead{color:var(--muted);margin-bottom:34px;max-width:640px;}
.center{text-align:center;}
.center .lead{margin-left:auto;margin-right:auto;}

.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;}
.card{background:#fff;border:1px solid var(--linea);border-radius:14px;overflow:hidden;box-shadow:0 8px 24px rgba(43,35,32,.07);transition:.25s;display:flex;flex-direction:column;}
.card:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(43,35,32,.13);}
.card .thumb{height:190px;background-size:cover;background-position:center;}
.card .body{padding:24px;}
.card h3{color:var(--tinta);font-size:1.25rem;margin-bottom:8px;}
.card p{color:var(--muted);font-size:.97rem;margin-bottom:14px;}
.card .more{font-weight:700;}

/* Franja afiliación */
.reserva{background:var(--rojo);color:#fff;text-align:center;padding:70px 22px;}
.reserva h2{color:#fff;}
.reserva p{color:#f6e4e7;max-width:620px;margin:0 auto 24px;}

/* Banner publicidad autoservicio */
.ad{background:#fff;border:2px dashed var(--oro);border-radius:14px;padding:26px;text-align:center;color:var(--muted);margin:40px 0;}
.ad b{color:var(--tinta);}

/* Artículo */
article.post{background:#fff;border:1px solid var(--linea);border-radius:14px;padding:38px;box-shadow:0 8px 24px rgba(43,35,32,.06);margin:40px 0;}
article.post img.cover{width:100%;height:340px;object-fit:cover;border-radius:10px;margin-bottom:24px;}
article.post h1{color:var(--rojo);font-size:2.2rem;margin-bottom:6px;}
article.post .meta{color:var(--muted);font-size:.9rem;margin-bottom:22px;}
article.post h2{font-size:1.4rem;margin:26px 0 8px;}
article.post p{margin-bottom:16px;}
article.post ul{margin:0 0 16px 22px;}
article.post .box{background:var(--crema);border-left:4px solid var(--oro);border-radius:8px;padding:18px 22px;margin:22px 0;}

.crumbs{color:var(--muted);font-size:.9rem;margin:24px 0 0;}

footer{background:var(--tinta);color:#d9cfc6;padding:40px 22px 30px;margin-top:20px;}
footer .cols{max-width:1080px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;}
footer a{color:var(--oro);}
footer .small{color:#9d9089;font-size:.82rem;margin-top:18px;text-align:center;}

@media(max-width:600px){.hero h1{font-size:2rem;}.hero{padding:80px 22px;}nav a{margin-left:12px;}article.post{padding:24px;}}