/* wv_g1darkred — Corporate static template
   Colors: Black #000000, Dark Red #8B0000, Gold #FFD700
*/
:root{
  --wv-black:#000000;
  --wv-red:#8B0000;
  --wv-gold:#FFD700;
  --radius: 26px;
  --shadow: 0 0 30px rgba(255,215,0,.35);
  --container: min(1200px, 92vw);
  --font: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

*{box-sizing:border-box}
html,body{margin:0; padding:0; background:var(--wv-black); color:#eee; font-family:var(--font);}
img{max-width:100%; height:auto; display:block;}

.wv-container{width:var(--container); margin-inline:auto;}

/* TopA */
.wv-topa{
  background:
    radial-gradient(60% 60% at 50% 0%, rgba(255,215,0,0.10) 0%, rgba(255,215,0,0) 60%),
    var(--wv-black);
  border-bottom: 2px solid var(--wv-red);
  padding: clamp(16px, 3vw, 28px) 0;
  box-shadow: var(--shadow);
}
.wv-brand{display:flex; align-items:center; gap:14px;}
.wv-logo{
  width:56px; height:56px; border-radius:50%;
  background: radial-gradient(circle at 50% 50%, var(--wv-gold), #b89000);
  box-shadow: 0 0 18px rgba(255,215,0,.6), inset 0 0 12px rgba(0,0,0,.6);
}
.wv-title{font-weight:800; font-size: clamp(22px, 2.8vw, 34px); letter-spacing:.5px;}
.wv-tagline{margin-top:8px; color:#fffa; font-size: clamp(13px, 1.6vw, 16px);}

/* Frontis (grid de portales – solo imágenes) */
.wv-frontis{padding: clamp(18px, 3.4vw, 36px) 0;}
/* Sugerencia: publicar un módulo Custom HTML con el grid de tarjetas (como te pasé) en la posición "frontis" */
.wv-frontis .custom, .wv-main .custom { /* estilos default para módulos custom */
  background:#000; border:1px solid #3a3a3a; border-radius: var(--radius);
  padding: clamp(12px, 2.4vw, 22px);
  box-shadow: var(--shadow);
}

/* Main */
.wv-main{padding: clamp(18px, 3vw, 28px) 0;}
.wv-main .moduletable, .wv-frontis .moduletable, .wv-bottoma .moduletable, .wv-debug .moduletable{
  margin-bottom: clamp(10px, 2vw, 18px);
}

/* BottomA */
.wv-bottoma{
  background: linear-gradient(180deg, rgba(139,0,0,0.35) 0%, rgba(0,0,0,1) 60%);
  border-top: 2px solid var(--wv-red);
  padding: clamp(18px, 3vw, 28px) 0;
  box-shadow: var(--shadow);
}
.wv-copy{color:#fffd; font-size: clamp(12px, 1.4vw, 14px); text-align:center; margin-top:6px;}

/* Debug */
.wv-debug{
  margin: clamp(14px, 2.4vw, 24px) 0 40px;
  padding: clamp(8px, 1.6vw, 14px) 0;
}
.wv-debug .custom{
  background:#000;
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  border:1px solid #3a3a3a;
}

/* Helpers */
.moduletable, .custom{overflow:hidden}

/* A11y focus */
a{color:var(--wv-gold); text-decoration:none}
a:focus-visible{outline:2px dashed var(--wv-gold); outline-offset:3px}

/* Responsive tweaks */
@media (max-width:768px){
  .wv-brand{justify-content:center}
  .wv-tagline{text-align:center}
}