/* Chic & Beauty (V3) - No TSH content */
:root{
  --bg:#000;
  --text:#fff;
  --muted: rgba(255,255,255,.82);
  --gold: #c9a44a;
  --line: rgba(255,255,255,.08);
}

*{box-sizing:border-box}
html,body{height:100%}
.cb-body{margin:0;background:var(--bg);color:var(--text);}

/* HEADER bigger */
.cb-header{position:sticky;top:0;z-index:999;background:#000;border-bottom:1px solid var(--line);}
.cb-header-inner{
  max-width:1400px;
  margin:0 auto;
  padding:18px 22px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  min-height:120px; /* 100% más grande */
}
.cb-logo{display:inline-flex;align-items:center;text-decoration:none;}
.cb-logo-img{height:92px;width:auto;display:block; /* 100% más grande */}
.cb-nav{flex:1;display:flex;justify-content:center;}
.cb-menu{list-style:none;display:flex;gap:28px;margin:0;padding:0;align-items:center;justify-content:center;flex-wrap:wrap}
.cb-menu a{
  font-family:"Cinzel", serif;
  color:#fff;
  text-decoration:none;
  font-size:20px; /* más grande */
  letter-spacing:1px;
  opacity:.92;
}
.cb-menu a:hover{opacity:1;color:var(--gold);}
.cb-menu-btn{display:none;background:transparent;border:1px solid var(--line);color:#fff;font-size:22px;border-radius:10px;padding:10px 12px}

/* HERO: fit to laptop viewport */
.cb-hero{max-width:1600px;margin:0 auto;padding:18px 18px 0;}
.cb-hero-frame{
  position:relative;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0 30px 90px rgba(0,0,0,.65);
}
.cb-hero-img{
  width:100%;
  height:auto;
  display:block;
  max-height: calc(100vh - 160px); /* ajusta a pantalla laptop considerando header */
  object-fit: contain; /* mantiene proporción */
  background:#000;
}

/* Hotspots for embedded buttons */
.cb-hotspot{position:absolute;display:block;cursor:pointer;border-radius:6px;}
.cb-hotspot-joyas{left:16%;top:86%;width:20%;height:6.5%;}
.cb-hotspot-inv{left:64%;top:86%;width:22%;height:6.5%;}
/* Optional debug outline: uncomment */
/* .cb-hotspot{outline:2px solid rgba(201,164,74,.35);} */

/* Panels hidden by default */
.cb-panel{display:none;max-width:1200px;margin:0 auto;padding:18px 18px 70px;}
.cb-panel.is-open{display:block;}
.cb-panel-inner{border-top:1px solid var(--line);padding-top:26px;}

.cb-section{display:none;padding:22px 0;}
.cb-section.is-active{display:block;}

.cb-section h2{
  font-family:"Cinzel", serif;
  font-weight:600;
  letter-spacing:1px;
  margin:0 0 12px;
  font-size:30px;
}
.cb-section p, .cb-section li{
  font-family:"Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color:var(--muted);
  line-height:1.65;
}
.cb-strong{color:#fff;font-weight:600}
.cb-section ul{margin:14px 0 0;padding-left:18px}

.cb-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}
.cb-card,.cb-kpi,.cb-chart,.cb-contact-card{
  border:1px solid var(--line);
  background:rgba(255,255,255,.02);
  border-radius:14px;
  padding:18px;
}
.cb-card-title,.cb-kpi-title,.cb-contact-title{font-family:"Cinzel", serif;font-size:18px;margin-bottom:8px}
.cb-card-desc,.cb-kpi-desc,.cb-contact-desc{font-family:"Montserrat", sans-serif;color:var(--muted);line-height:1.6}
.cb-btn{
  display:inline-flex;align-items:center;justify-content:center;
  margin-top:14px;padding:12px 18px;border:1px solid var(--gold);
  color:var(--gold);text-decoration:none;font-family:"Montserrat", sans-serif;font-weight:600;letter-spacing:2px;border-radius:2px
}
.cb-btn:hover{background:var(--gold);color:#000}

.cb-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0 18px}
.cb-chart-title{font-family:"Montserrat", sans-serif;color:var(--muted);margin-bottom:10px}
.cb-svg{width:100%;height:auto;display:block}

.cb-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:16px}

.cb-footer{border-top:1px solid var(--line);color:rgba(255,255,255,.55);font-family:"Montserrat", sans-serif;padding:22px;text-align:center;margin-top:24px}

/* Responsive */
@media (max-width: 980px){
  .cb-header-inner{min-height:110px}
  .cb-logo-img{height:80px}
  .cb-menu a{font-size:18px}
  .cb-hotspot-joyas{left:10%;top:88%;width:34%;height:7%;}
  .cb-hotspot-inv{left:56%;top:88%;width:36%;height:7%;}
}

@media (max-width: 760px){
  .cb-nav{justify-content:flex-end}
  .cb-menu-btn{display:inline-flex}
  .cb-menu{display:none;position:absolute;left:0;right:0;top:120px;background:#000;border-bottom:1px solid var(--line);padding:16px 18px;gap:14px}
  .cb-menu.is-open{display:flex;flex-direction:column;align-items:flex-start}
  .cb-header{position:sticky}
  .cb-hero{padding:12px 12px 0}
  .cb-cards{grid-template-columns:1fr}
  .cb-kpis{grid-template-columns:1fr}
  .cb-contact-grid{grid-template-columns:1fr}
}


/* Demo product images */
.cb-card-img{
  width:100%;
  height:220px;
  object-fit:cover;
  border-radius:14px;
  display:block;
  margin-bottom:12px;
  border:1px solid rgba(255,255,255,.08);
}
.cb-lead{
  color: var(--muted);
  max-width: 980px;
  margin: 0 auto 22px auto;
}
.cb-cards-3{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}
@media (max-width: 980px){
  .cb-cards-3{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px){
  .cb-cards-3{ grid-template-columns: 1fr; }
  .cb-card-img{ height:200px; }
}


/* Two-column layout + charts (Quiénes Somos / Tendencias) */
.cb-two-col{
  display:grid;
  grid-template-columns: 1.35fr .95fr;
  gap: 22px;
  align-items:start;
}
@media (max-width: 980px){
  .cb-two-col{ grid-template-columns: 1fr; }
}

.cb-sidecard{
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 16px;
}

.cb-sidecard h3{
  margin: 0 0 8px 0;
  font-size: 18px;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.cb-sidecard p{
  margin: 8px 0 0 0;
  color: var(--muted);
}

.cb-chart-img{
  width: 100%;
  height: auto;
  display: block;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.08);
}

.cb-source{
  margin-top: 10px;
  font-size: 12px;
  color: var(--muted);
}

.cb-kpis{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
  margin-top: 18px;
}
@media (max-width: 980px){
  .cb-kpis{ grid-template-columns: 1fr; }
}
.cb-kpi{
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  padding: 14px;
}
.cb-kpi-title{
  font-weight: 600;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin-bottom: 6px;
}
.cb-kpi-desc{
  color: var(--muted);
  line-height: 1.5;
}


/* Ensure header can fit live box on the right */
.cb-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}


/* Live prices box (Gold/Silver) */
.cb-livebox{
  height:92px;               /* same height as logo */
  min-width:260px;
  max-width:360px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.cb-livebox .tv-widget-wrap{
  width:100%;
  height:100%;
  border:1px solid rgba(255,255,255,.10);
  border-radius:14px;
  overflow:hidden;
  background:#050505;
  display:flex;
  align-items:center;
}
@media (max-width: 980px){
  .cb-livebox{ display:none; } /* keep header clean on mobile */
}

.cb-logo-video{height:54px;width:auto;display:block;border-radius:8px;}