/* ============================================================
   PORTADA / V9 — EXECUTIVE EDITORIAL SYSTEM
   Visual reset for the cover only.
   Existing HTML / IDs / data attributes remain untouched.
   ============================================================ */

#inicio.gb-hero-extreme{
  --cover-bg:#0b0c0d;
  --cover-bg-2:#111316;
  --cover-ink:#f3efe6;
  --cover-muted:#92958f;
  --cover-dim:#626760;
  --cover-line:rgba(243,239,230,.14);
  --cover-line-strong:rgba(196,165,116,.34);
  --cover-accent:#c4a574;
  --cover-accent-bright:#e1c99d;
  --cover-accent-soft:rgba(196,165,116,.10);
  position:relative;
  isolation:isolate;
  overflow:hidden;
  color:var(--cover-ink);
  background:
    radial-gradient(60rem 42rem at 88% 12%,rgba(196,165,116,.10),transparent 68%),
    radial-gradient(48rem 34rem at 58% 92%,rgba(255,255,255,.035),transparent 72%),
    linear-gradient(135deg,var(--cover-bg),var(--cover-bg-2));
}

#inicio.gb-hero-extreme::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  opacity:.32;
  background-image:
    linear-gradient(rgba(243,239,230,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(243,239,230,.035) 1px,transparent 1px);
  background-size:64px 64px;
  mask-image:linear-gradient(90deg,#000 0 55%,transparent 92%);
}

#inicio.gb-hero-extreme::after{
  content:"";
  position:absolute;
  inset:9% 4.2% 8%;
  z-index:1;
  pointer-events:none;
  border:1px solid rgba(196,165,116,.08);
  clip-path:polygon(0 0,100% 0,100% 74%,82% 74%,82% 100%,0 100%);
}

#inicio .gb-cover-field{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
}

#inicio .gb-hero-net{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.10;
  mix-blend-mode:screen;
}

#inicio .gb-cover-watermark{
  position:absolute;
  right:-2vw;
  top:7%;
  color:rgba(243,239,230,.026);
  font:800 clamp(320px,40vw,680px)/.72 Inter,system-ui,sans-serif;
  letter-spacing:-.14em;
  user-select:none;
}

#inicio .gb-cover-orbit{
  position:absolute;
  border:1px solid rgba(196,165,116,.14);
  border-radius:50%;
  pointer-events:none;
}

#inicio .gb-cover-orbit-a{
  width:min(760px,56vw);
  height:min(760px,56vw);
  right:-25%;
  top:-13%;
}

#inicio .gb-cover-orbit-b{
  width:min(360px,28vw);
  height:min(360px,28vw);
  right:12%;
  bottom:-13%;
  border-color:rgba(243,239,230,.10);
}

#inicio .gb-cover-cross{
  position:absolute;
  width:18px;
  height:18px;
  border-left:1px solid var(--cover-accent);
  border-top:1px solid var(--cover-accent);
}

#inicio .gb-cover-cross-a{left:4.5%;top:22%}
#inicio .gb-cover-cross-b{right:5%;bottom:20%;transform:rotate(180deg)}

#inicio .gb-cover-shell{
  position:relative;
  z-index:3;
  width:min(100%,1520px);
  height:100%;
  margin:0 auto;
  padding:clamp(18px,3vh,32px) clamp(20px,4vw,60px);
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto;
  gap:clamp(16px,2.6vh,28px);
}

#inicio .gb-cover-masthead{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:24px;
  min-height:38px;
  padding-bottom:13px;
  border-bottom:1px solid var(--cover-line);
}

#inicio .gb-cover-index{
  display:flex;
  align-items:center;
  gap:10px;
  font:800 10px/1 var(--mono,monospace);
  letter-spacing:.16em;
}

#inicio .gb-cover-index span{color:var(--cover-accent-bright)}
#inicio .gb-cover-index i{
  display:block;
  width:42px;
  height:1px;
  background:var(--cover-accent);
}
#inicio .gb-cover-index b{font-weight:800;color:var(--cover-ink)}

#inicio .gb-cover-masthead p{
  margin:0;
  color:var(--cover-muted);
  font:700 9px/1.3 var(--mono,monospace);
  letter-spacing:.17em;
  text-align:center;
}

#inicio .gb-cover-edition{
  color:var(--cover-dim);
  font:800 9px/1 var(--mono,monospace);
  letter-spacing:.14em;
}

#inicio .gb-cover-main{
  min-height:0;
  display:grid;
  grid-template-columns:minmax(0,1.76fr) minmax(330px,.62fr);
  gap:clamp(34px,5vw,88px);
  align-items:stretch;
}

#inicio .gb-cover-story{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  max-width:900px;
  padding-bottom:1vh;
}

#inicio .gb-cover-status{
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin:0 0 19px;
  padding:8px 11px;
  border:1px solid var(--cover-line-strong);
  background:var(--cover-accent-soft);
  color:var(--cover-accent-bright);
  font:800 9px/1 var(--mono,monospace);
  letter-spacing:.10em;
  text-transform:uppercase;
}

#inicio .gb-cover-status i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--cover-accent);
  box-shadow:0 0 12px rgba(196,165,116,.55);
}

#inicio .gb-cover-world{
  order:-1;
  margin:0 0 13px;
  color:var(--cover-accent);
  font:800 10px/1 var(--mono,monospace);
  letter-spacing:.20em;
  text-transform:uppercase;
}

#inicio .gb-cover-title{
  margin:0;
  max-width:9.2ch;
  color:var(--cover-ink);
  font:600 clamp(72px,8.9vw,142px)/.86 var(--display,Georgia,serif);
  letter-spacing:-.055em;
  text-wrap:balance;
}

#inicio .gb-cover-title em{
  display:block;
  color:var(--cover-accent-bright);
  font-style:italic;
  font-weight:500;
  -webkit-text-fill-color:initial;
  background:none;
}

#inicio .gb-cover-lead{
  max-width:57ch;
  margin:23px 0 0;
  color:#b5b6b0;
  font:500 clamp(15px,1.12vw,18px)/1.52 Inter,system-ui,sans-serif;
}

#inicio .gb-cover-lead strong{
  color:var(--cover-ink);
  font-weight:800;
}

#inicio .gb-cover-actions{
  margin:23px 0 0!important;
  padding:0!important;
  display:flex!important;
  flex-wrap:wrap;
  gap:9px;
}

#inicio .gb-cover-actions .button{
  border-radius:4px!important;
  min-height:46px;
  padding-inline:17px;
  font:800 10px/1 var(--mono,monospace);
  letter-spacing:.09em;
  text-transform:uppercase;
}

#inicio .gb-cover-actions .button.primary{
  color:#211c16;
  background:var(--cover-accent);
  border-color:var(--cover-accent);
  box-shadow:0 10px 30px rgba(196,165,116,.16);
}

#inicio .gb-cover-actions .button.ghost{
  color:var(--cover-ink);
  background:rgba(255,255,255,.025);
  border:1px solid rgba(243,239,230,.20);
}

#inicio .gb-cover-actions .button:hover{
  border-color:var(--cover-accent);
  transform:translateY(-2px);
}

#inicio .gb-cover-proof{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:22px;
  padding-top:12px;
  border-top:1px solid var(--cover-line);
  color:var(--cover-dim);
  font:700 8px/1.4 var(--mono,monospace);
  letter-spacing:.10em;
  text-transform:uppercase;
}

#inicio .gb-cover-proof-label{
  color:var(--cover-accent-bright);
  flex:0 0 auto;
}

#inicio .gb-cover-system{
  min-height:0;
  align-self:stretch;
  display:grid;
  grid-template-rows:auto 1fr auto;
  border:1px solid rgba(243,239,230,.15);
  border-top:2px solid var(--cover-accent);
  background:
    linear-gradient(180deg,rgba(196,165,116,.045),rgba(255,255,255,.018) 42%,rgba(0,0,0,.10));
  box-shadow:
    0 30px 90px rgba(0,0,0,.30),
    inset 0 1px 0 rgba(255,255,255,.045);
}

#inicio .gb-cover-system-head,
#inicio .gb-cover-system-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:12px 15px;
  font:800 8px/1 var(--mono,monospace);
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--cover-dim);
}

#inicio .gb-cover-system-head{
  border-bottom:1px solid var(--cover-line);
}

#inicio .gb-cover-system-head b{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--cover-accent);
}

#inicio .gb-cover-system-head b i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--cover-accent);
}

#inicio .gb-cover-system-body{
  min-height:0;
  padding:clamp(22px,3.3vh,38px) clamp(18px,2.1vw,28px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

#inicio .gb-cover-system-label{
  color:var(--cover-dim);
  font:800 8px/1 var(--mono,monospace);
  letter-spacing:.16em;
}

#inicio .gb-cover-system-title{
  margin-top:9px;
  color:var(--cover-ink);
  font:800 clamp(28px,3.3vw,50px)/.92 Inter,system-ui,sans-serif;
  letter-spacing:-.055em;
}

#inicio .gb-cover-system-sub{
  margin:10px 0 0;
  color:#8f938d;
  font:500 12px/1.45 Inter,system-ui,sans-serif;
}

#inicio .gb-cover-system-rule{
  height:1px;
  width:100%;
  margin:25px 0 8px;
  background:linear-gradient(90deg,var(--cover-accent),rgba(196,165,116,.05));
}

#inicio .gb-cover-flow{
  list-style:none;
  margin:0;
  padding:0;
}

#inicio .gb-cover-flow li{
  display:grid;
  grid-template-columns:30px 1fr;
  gap:8px;
  padding:13px 0;
  border-bottom:1px solid rgba(243,239,230,.09);
}

#inicio .gb-cover-flow li:last-child{border-bottom:0}

#inicio .gb-cover-flow li>span{
  color:var(--cover-accent);
  font:800 8px/1 var(--mono,monospace);
}

#inicio .gb-cover-flow li div{
  display:flex;
  flex-direction:column;
  gap:4px;
}

#inicio .gb-cover-flow li b{
  color:var(--cover-ink);
  font:800 13px/1.05 var(--mono,monospace);
  letter-spacing:.08em;
}

#inicio .gb-cover-flow li small{
  color:#747a73;
  font:500 10px/1.35 Inter,system-ui,sans-serif;
}

#inicio .gb-cover-system-foot{
  border-top:1px solid var(--cover-line);
  color:var(--cover-accent);
}

#inicio .gb-cover-system-foot strong{
  color:#555b55;
}

#inicio .gb-cover-footer{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding-top:11px;
  border-top:1px solid var(--cover-line);
  color:#575d57;
  font:800 8px/1 var(--mono,monospace);
  letter-spacing:.16em;
}

#inicio .gb-cover-footer span:last-child{
  color:var(--cover-accent);
}

html[data-theme="light"] #inicio.gb-hero-extreme{
  --cover-bg:#f4f0e8;
  --cover-bg-2:#fbf9f5;
  --cover-ink:#201d1a;
  --cover-muted:#686862;
  --cover-dim:#77776e;
  --cover-line:rgba(32,29,26,.14);
  --cover-line-strong:rgba(129,95,42,.34);
  --cover-accent:#9a6f2e;
  --cover-accent-bright:#7b5826;
  --cover-accent-soft:rgba(154,111,46,.08);
  background:
    radial-gradient(56rem 40rem at 88% 12%,rgba(154,111,46,.10),transparent 68%),
    linear-gradient(135deg,#fbf9f5,#eee9df);
}

html[data-theme="light"] #inicio.gb-hero-extreme::before{
  opacity:.24;
  background-image:
    linear-gradient(rgba(32,29,26,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(32,29,26,.045) 1px,transparent 1px);
}

html[data-theme="light"] #inicio.gb-hero-extreme::after{
  border-color:rgba(154,111,46,.10);
}

html[data-theme="light"] #inicio .gb-cover-watermark{
  color:rgba(32,29,26,.035);
}

html[data-theme="light"] #inicio .gb-cover-lead{
  color:#5f615a;
}

html[data-theme="light"] #inicio .gb-cover-system{
  background:linear-gradient(180deg,rgba(154,111,46,.05),rgba(255,255,255,.70));
  box-shadow:0 28px 70px rgba(39,34,27,.08),inset 0 1px 0 rgba(255,255,255,.75);
}

html[data-theme="light"] #inicio .gb-cover-actions .button.ghost{
  color:var(--cover-ink);
  border-color:rgba(32,29,26,.18);
}

html[data-theme="light"] #inicio .gb-cover-system-title,
html[data-theme="light"] #inicio .gb-cover-flow li b{
  color:var(--cover-ink);
}

@media (max-width:1180px){
  #inicio .gb-cover-main{
    grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr);
    gap:30px;
  }
  #inicio .gb-cover-title{
    font-size:clamp(64px,8.8vw,112px);
  }
}

@media (max-width:900px){
  #inicio .gb-cover-masthead{
    grid-template-columns:auto 1fr;
  }
  #inicio .gb-cover-masthead p{
    display:none;
  }
  #inicio .gb-cover-edition{
    justify-self:end;
  }
  #inicio .gb-cover-main{
    grid-template-columns:1fr;
    align-items:center;
  }
  #inicio .gb-cover-system{
    display:none;
  }
  #inicio .gb-cover-title{
    max-width:9.6ch;
    font-size:clamp(62px,11vw,100px);
  }
  #inicio .gb-cover-story{
    max-width:820px;
  }
}

@media (max-width:640px){
  #inicio .gb-cover-shell{
    padding:14px 15px;
    gap:14px;
  }

  #inicio .gb-cover-masthead{
    padding-bottom:9px;
  }

  #inicio .gb-cover-title{
    max-width:9.4ch;
    font-size:clamp(48px,14.4vw,76px);
    line-height:.83;
    letter-spacing:-.048em;
  }

  #inicio .gb-cover-world{
    font-size:8px;
    letter-spacing:.13em;
  }

  #inicio .gb-cover-status{
    font-size:8px;
    margin-bottom:14px;
  }

  #inicio .gb-cover-lead{
    font-size:14px;
    line-height:1.46;
    margin-top:17px;
  }

  #inicio .gb-cover-actions{
    margin-top:18px!important;
  }

  #inicio .gb-cover-actions .button{
    width:auto;
    min-height:43px;
    padding-inline:13px;
  }

  #inicio .gb-cover-proof{
    margin-top:15px;
    font-size:7px;
  }

  #inicio .gb-cover-proof span:last-child{
    max-width:28ch;
  }

  #inicio .gb-cover-watermark{
    font-size:240px;
    right:-20%;
    top:33%;
  }

  #inicio .gb-cover-orbit-a{
    width:430px;
    height:430px;
    right:-44%;
    top:19%;
  }

  #inicio .gb-cover-footer{
    font-size:7px;
  }
}

@media (max-height:720px) and (min-width:901px){
  #inicio .gb-cover-shell{
    gap:13px;
  }
  #inicio .gb-cover-title{
    font-size:clamp(54px,7vw,90px);
  }
  #inicio .gb-cover-lead{
    margin-top:14px;
  }
  #inicio .gb-cover-actions{
    margin-top:16px!important;
  }
  #inicio .gb-cover-proof{
    margin-top:12px;
  }
  #inicio .gb-cover-system-body{
    padding-top:15px;
    padding-bottom:15px;
  }
  #inicio .gb-cover-flow li{
    padding:9px 0;
  }
}

@media (prefers-reduced-motion:reduce){
  #inicio .gb-hero-net{
    display:none;
  }
  #inicio .gb-cover-actions .button:hover{
    transform:none;
  }
}