/* Portada de Benny Mirror: cada industria conserva el color y la letra de su demo */
@font-face{font-family:"DM Serif Display";src:url("/assets/fonts/dm-serif-display-latin-400-normal.woff2") format("woff2");font-display:swap}
@font-face{font-family:"Fraunces";src:url("/assets/fonts/fraunces-latin-900-normal.woff2") format("woff2");font-weight:900;font-display:swap}
@font-face{font-family:"Playfair Display";src:url("/assets/fonts/playfair-display-latin-700-normal.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Archivo Black";src:url("/assets/fonts/archivo-black-latin-400-normal.woff2") format("woff2");font-display:swap}

.hub-hero{background:var(--navy);color:#fff}
.hub-hero h1{font-size:clamp(58px,8.6vw,132px);line-height:1}
.hub-hero h1 em{font-style:normal;color:var(--orange)}
.hub-hero .hero-copy{padding-bottom:70px}
.jump{display:flex;flex-wrap:wrap;gap:10px}
.jump a{padding:12px 20px;min-height:48px;border-radius:999px;background:var(--c);color:var(--navy);font-weight:800;text-decoration:none;border:2.5px solid #fff}
.jump a:hover{transform:translateY(-2px)}

/* Banda de industria */
.ind{position:relative;overflow:hidden;background:var(--b);color:var(--f);isolation:isolate}
.ind-in{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;min-height:760px;padding-block:72px}
.ind-txt{display:grid;gap:18px;justify-items:start}
.ind .tag{font-weight:800;font-size:21px}
.ind h2{font-size:clamp(58px,8vw,118px);text-transform:none;line-height:1}
.ind ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:21px;font-weight:700}
.ind li{display:flex;gap:11px;align-items:center}
.ind li::before{content:"";width:13px;height:13px;border-radius:50%;background:var(--a);flex:none}
.ind-vis{position:relative;display:flex;justify-content:flex-start;align-items:flex-end;padding-left:4%;min-height:560px}
.ind-vis .frame{max-width:310px;box-shadow:9px 9px 0 var(--a);z-index:1}
.pal{position:absolute;right:0;bottom:-120px;height:600px;width:auto;z-index:2;filter:drop-shadow(0 12px 12px rgba(0,0,0,.3))}

.ind-hotels{--b:#07454B;--f:#fff;--a:#FFB199}
.ind-hotels h2{font-family:"DM Serif Display",Georgia,serif;font-weight:400}
.ind-hotels .sun{position:absolute;right:-120px;top:-170px;width:620px;height:620px;border-radius:50%;background:#F08560;z-index:-1}
.ind-restaurants{--b:#206E48;--f:#fff;--a:#FFC700}
.ind-restaurants h2{font-family:"Fraunces",Georgia,serif;font-weight:900}
.awning{height:44px;background:repeating-linear-gradient(90deg,#E8432D 0 56px,#fff 56px 112px);border-bottom-left-radius:30px;border-bottom-right-radius:30px}
.ind-venues{--b:#1A0833;--f:#fff;--a:#F15BB5;background-image:radial-gradient(#6B3FA0 1.5px,transparent 2px);background-size:34px 34px}
.ind-venues h2{font-family:"Playfair Display",Georgia,serif;font-style:italic;color:#F7A6D6}
.ind-contractors{--b:#FFC700;--f:#141414;--a:#141414}
.ind-contractors h2{font-family:"Archivo Black",Impact,sans-serif;font-weight:400;font-size:clamp(50px,6.8vw,100px);letter-spacing:-.01em}
.tape{height:26px;background:repeating-linear-gradient(-45deg,#141414 0 26px,#FFC700 26px 52px)}

.pills{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:36px auto 0;max-width:980px}
.pills span{padding:12px 20px;border-radius:999px;font-weight:800;font-size:19px;background:var(--p);color:var(--t,#12263A);border:2.5px solid #fff}

@media (max-width:1000px){
  .ind-in{grid-template-columns:1fr;min-height:0;padding-block:54px 70px;gap:44px}
  .ind-vis{min-height:0}
  .ind-vis .frame{max-width:200px}
  .pal{right:-6px;bottom:-70px;height:330px}
  .ind-hotels .sun{width:380px;height:380px;right:-130px;top:-120px}
}

/* Ronda 2: Benny junto al video, nunca encima */
.ind-vis{gap:6px;padding-left:0;justify-content:center}
.ind-vis .frame{flex:none;width:280px;max-width:none}
.pal{position:static;flex:none;height:520px;margin-bottom:-120px}
.ind-hotels .sun{top:auto;bottom:-260px;right:-180px;width:560px;height:560px}
.hub-hero .cta{margin-bottom:-6px}
@media (max-width:1000px){
  .ind-vis{justify-content:flex-start}
  .ind-vis .frame{width:210px}
  .pal{position:static;height:340px;margin-bottom:-70px}
  .ind-hotels .sun{width:340px;height:340px;right:-140px;bottom:-140px;top:auto;opacity:.75}
  .tiles.six .tile{min-height:300px}
}
@media (max-width:380px){.ind-vis .frame{width:186px}.pal{height:300px}}

@media (max-width:1180px){.ind h2{font-size:clamp(46px,6.2vw,76px)}}