@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@500;700;800;900&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-padding-top:96px}
body{background:#0B1620;color:#F5EFE3;font-family:'Archivo',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;object-fit:cover}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
header{border-bottom:1px solid #8A7A5F}
.head{display:flex;align-items:center;justify-content:space-between;height:76px;gap:20px}
.brand{font-weight:900;letter-spacing:4px;font-size:20px}
.brand span{color:#C9A86A}
nav.main{display:flex;gap:28px;font-size:12px;letter-spacing:2px;text-transform:uppercase}
nav.main a{opacity:.85}
nav.main a:hover,nav.main a.on{color:#C9A86A;opacity:1}
.btn{display:inline-block;background:#D8C09A;color:#2A1E0E;padding:13px 26px;font-size:12px;letter-spacing:2px;text-transform:uppercase;font-weight:800;border:none;cursor:pointer;border-radius:999px}
.btn:hover{background:#C9A86A}
.btn.ghost{background:transparent;border:1px solid #C9A86A;color:#F5EFE3}
.burger{display:none;background:none;border:1px solid #C9A86A;color:#F5EFE3;font-size:22px;padding:6px 12px;cursor:pointer;border-radius:8px}
/* HERO TIPOGRÁFICO */
.hero{padding:70px 0 30px;position:relative}
.hero h1{font-size:clamp(44px,8.5vw,124px);line-height:.95;font-weight:900;text-transform:uppercase;letter-spacing:-1px}
.hero h1 .out{color:transparent;-webkit-text-stroke:2px #F5EFE3}
.hero h1 .gold{color:#C9A86A}
.seal{position:absolute;right:28px;top:70px;width:120px;height:120px;border:1px solid #C9A86A;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#C9A86A;padding:18px}
.hero p.sub{margin-top:22px;max-width:560px;color:#B9B09C;line-height:1.7;font-size:15px}
/* BUSCADOR EN FRASE */
.searchline{border-top:1px solid #8A7A5F;border-bottom:1px solid #8A7A5F;padding:26px 0;margin:30px 0;display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-size:clamp(17px,2.4vw,26px);font-weight:700}
.searchline select{background:transparent;color:#C9A86A;border:none;border-bottom:2px solid #C9A86A;font:inherit;font-weight:800;padding:2px 4px;cursor:pointer}
.searchline select option{color:#111}
/* TIRA 3 FOTOS */
.strip{display:grid;grid-template-columns:1.4fr 1fr;gap:16px}
.strip img.big{height:520px}
.strip .col{display:grid;gap:16px}
.strip .col img{height:252px}
/* MANIFIESTO */
.manifiesto{text-align:center;padding:80px 0}
.manifiesto h2{font-size:clamp(30px,4.5vw,58px);text-transform:uppercase;line-height:1.05;font-weight:900}
.manifiesto .box{border:1px solid #8A7A5F;padding:30px 36px;max-width:760px;margin:28px auto 0;color:#B9B09C;line-height:1.8;font-size:15px}
/* LISTADOS: PALABRA GIGANTE + FILAS */
.giant{position:relative;font-size:clamp(64px,15vw,230px);font-weight:900;text-transform:uppercase;line-height:.85;letter-spacing:-2px;white-space:nowrap;overflow:hidden;margin:20px 0 8px}
.giant .g1{position:absolute;width:120px;height:80px;top:8px;left:52%;transform:rotate(-4deg);border:3px solid #0B1620}
.giant .g2{position:absolute;width:100px;height:70px;bottom:6px;left:68%;transform:rotate(3deg);border:3px solid #0B1620}
.rows{border-top:1px solid #8A7A5F}
.row{display:grid;grid-template-columns:150px 1fr auto 30px;gap:22px;align-items:center;padding:20px 0;border-bottom:1px solid #8A7A5F}
.row img{height:96px}
.row h3{font-size:18px;text-transform:uppercase;letter-spacing:.5px}
.row p{color:#B9B09C;font-size:13px;margin-top:6px;letter-spacing:1px}
.row .price{font-size:22px;font-weight:900;white-space:nowrap}
.row .arrow{font-size:24px;color:#C9A86A}
.heart{background:none;border:1px solid #8A7A5F;color:#F5EFE3;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:16px}
.heart.saved{background:#C9A86A;color:#0B1620;border-color:#C9A86A}
.row .meta{display:flex;align-items:center;gap:12px}
/* SEGUNDA BANDA */
.band2{padding:60px 0;text-align:center}
.band2 .links{margin-top:18px;display:flex;gap:36px;justify-content:center}
.band2 .links a{text-decoration:underline;text-underline-offset:6px;text-decoration-color:#C9A86A;font-size:18px;font-weight:700}
/* EQUIPO TIRA 12 */
.teamstrip{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}
.teamstrip figure img{aspect-ratio:1/1}
.teamstrip figcaption{font-size:11px;text-align:center;margin-top:6px;color:#B9B09C}
.teamlink{text-align:right;margin-top:14px}
.teamlink a{color:#C9A86A;text-decoration:underline;text-underline-offset:4px;font-size:14px}
/* PESTAÑAS */
.tabs{display:flex;gap:22px;font-size:13px;letter-spacing:2px;text-transform:uppercase}
.tabs button{background:none;border:none;color:#B9B09C;font:inherit;letter-spacing:2px;text-transform:uppercase;cursor:pointer;padding-bottom:6px}
.tabs button.on{color:#C9A86A;border-bottom:2px solid #C9A86A}
.tabhead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
.tabhead h2{font-size:clamp(34px,5vw,64px);text-transform:uppercase;line-height:1;font-weight:900}
.mapview{display:none;border:1px solid #8A7A5F;height:440px;position:relative;background:#122433;overflow:hidden}
.mapview .pin{position:absolute;background:#C9A86A;color:#0B1620;font-weight:800;font-size:13px;padding:8px 12px;border-radius:999px;transform:translate(-50%,-50%)}
.mapview .road{position:absolute;background:#1E3A52}
.mapview p.note{position:absolute;bottom:12px;left:14px;color:#B9B09C;font-size:12px}
/* PÁGINAS INTERNAS */
.pagehead{padding:60px 0 20px}
.pagehead h1{font-size:clamp(36px,6vw,72px);text-transform:uppercase;font-weight:900;line-height:1}
.pagehead p{color:#B9B09C;margin-top:14px;max-width:640px;line-height:1.7}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.card{background:#10202F;border:1px solid #8A7A5F;padding:26px}
.card h3{font-size:20px;text-transform:uppercase;margin-bottom:10px}
.card p{color:#B9B09C;line-height:1.7;font-size:14px}
form.f{display:grid;gap:14px;max-width:560px}
form.f label{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#B9B09C}
form.f input,form.f select,form.f textarea{background:#10202F;border:1px solid #8A7A5F;color:#F5EFE3;padding:13px 14px;font:inherit;font-size:15px;width:100%}
form.f input::placeholder{color:#8A7A5F}
.msg{display:none;border:1px solid #C9A86A;color:#C9A86A;padding:14px;margin-top:10px;font-size:14px}
.detail{display:grid;grid-template-columns:1.3fr .8fr;gap:30px;padding:40px 0}
.detail .gal img.main{height:480px}
.detail .thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}
.detail .thumbs img{height:90px;cursor:pointer;border:2px solid transparent}
.detail .thumbs img.on{border-color:#C9A86A}
.specs{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.specs span{border:1px solid #8A7A5F;padding:8px 12px;font-size:13px;color:#B9B09C}
footer{border-top:1px solid #8A7A5F;margin-top:70px;padding:30px 0;color:#B9B09C;font-size:13px}
footer .foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
/* BARRA FIJA MÓVIL */
.fixedbar{display:none}
@media(max-width:900px){
  nav.main{display:none;position:absolute;top:76px;left:0;right:0;background:#0B1620;flex-direction:column;padding:20px 28px;border-bottom:1px solid #8A7A5F;z-index:50}
  nav.main.open{display:flex}
  .burger{display:block}
  .seal{display:none}
  .strip{grid-template-columns:1fr}
  .strip img.big,.strip .col img{height:280px}
  .giant .g1,.giant .g2{display:none}
  .row{grid-template-columns:90px 1fr auto}
  .row .arrow{display:none}
  .row img{height:70px}
  .teamstrip{grid-template-columns:repeat(4,1fr)}
  .detail,.grid2{grid-template-columns:1fr}
  .detail .gal img.main{height:300px}
  .fixedbar{display:flex;position:fixed;bottom:0;left:0;right:0;background:#D8C09A;color:#2A1E0E;z-index:60}
  .fixedbar a{flex:1;text-align:center;padding:14px 4px;font-size:12px;font-weight:800;letter-spacing:1px;text-transform:uppercase;border-right:1px solid #B89B62}
  .fixedbar a:last-child{border-right:none}
  body{padding-bottom:52px}
}