/* Build 71 — Inicio editorial, responsive and intentionally restrained. */
:root{
  --inicio-home-max:1200px;
  --inicio-home-line:color-mix(in srgb,var(--text) 11%,transparent);
  --inicio-home-soft:var(--card);
  --inicio-home-muted:color-mix(in srgb,var(--text) 62%,transparent);
  --inicio-home-shadow:none;
  --inicio-home-ease:cubic-bezier(.22,1,.36,1);
}
html.dark,:root[data-theme="dark"]{
  --inicio-home-line:rgba(255,255,255,.12);
  --inicio-home-soft:#000000;
  --inicio-home-muted:rgba(255,255,255,.62);
  --inicio-home-shadow:none;
}
html body.inicio-page{
  padding:0!important;
  background:var(--bg)!important;
  color:var(--text);
}
html body.inicio-page .wrap{
  width:100%;
  max-width:var(--inicio-home-max)!important;
  margin-inline:auto;
  padding:clamp(14px,2vw,24px) clamp(16px,3vw,30px) 0!important;
}
html body.inicio-page main{display:block!important}
html body.inicio-page .inicio-content{
  display:block!important;
  min-height:0;
}

/* Compact, editorial hero. */
html body.inicio-page .inicio-hero{
  position:relative;
  min-height:clamp(350px,38vw,430px)!important;
  margin:0 0 clamp(42px,6vw,72px)!important;
  padding:clamp(30px,4.7vw,54px)!important;
  grid-template-columns:minmax(150px,.58fr) minmax(0,1.42fr)!important;
  align-items:center!important;
  gap:clamp(32px,6vw,76px)!important;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.07)!important;
  border-radius:30px!important;
  color:#fff;
  background:
    radial-gradient(circle at 10% 20%,rgba(39,200,111,.10),transparent 27%),
    linear-gradient(145deg,#0a0c0d 0%,#050606 76%)!important;
  box-shadow:none;!important;
  isolation:isolate;
}
html body.inicio-page .inicio-hero::before{
  content:none!important;
  display:none!important;
}
html body.inicio-page .inicio-hero__glow{
  display:none!important;
}
html body.inicio-page .inicio-hero__brand{
  justify-content:flex-start!important;
}
html body.inicio-page .inicio-logo-wrap{
  width:min(100%,220px)!important;
}
html body.inicio-page .inicio-hero__content{
  max-width:720px!important;
  margin:0!important;
  align-items:flex-start!important;
  text-align:left!important;
}
html body.inicio-page .inicio-hero__eyebrow{
  min-height:0!important;
  padding:0!important;
  gap:9px!important;
  border:0!important;
  border-radius:0!important;
  color:rgba(255,255,255,.68)!important;
  background:transparent!important;
  font-size:.69rem!important;
  font-weight:700!important;
  letter-spacing:.11em!important;
}
html body.inicio-page .inicio-hero__eyebrow::after{
  content:"";
  width:42px;
  height:1px;
  margin-left:4px;
  background:rgba(255,255,255,.22);
}
html body.inicio-page .inicio-hero__eyebrow img{
  width:16px!important;
  height:16px!important;
  opacity:.82;
}
html body.inicio-page .inicio-hero h1{
  max-width:11.5ch!important;
  margin:20px 0 16px!important;
  font-size:clamp(2.7rem,5.2vw,4.8rem)!important;
  line-height:.96!important;
  letter-spacing:-.052em!important;
}
html body.inicio-page .inicio-hero p{
  max-width:58ch!important;
  margin:0!important;
  color:rgba(255,255,255,.66)!important;
  font-size:clamp(.96rem,1.5vw,1.08rem)!important;
  line-height:1.62!important;
  text-wrap:pretty!important;
}
html body.inicio-page .inicio-hero__action{
  min-height:50px!important;
  margin-top:25px!important;
  padding:0 18px!important;
  gap:18px!important;
  border:1px solid rgba(255,255,255,.06)!important;
  border-radius:14px!important;
  color:#06130a!important;
  background:#27C86F!important;
  box-shadow:none!important;
  font-size:.85rem!important;
  font-weight:700!important;
  transition:transform .18s var(--inicio-home-ease),filter .18s ease!important;
}
@media(hover:hover) and (pointer:fine){
  html body.inicio-page .inicio-hero__action:hover{
    transform:translateY(-2px)!important;
    filter:brightness(1.045);
    box-shadow:none!important;
  }
}

/* Section heading: one clear reading column. */
html body.inicio-page .inicio-section-heading{
  max-width:760px;
  margin-bottom:clamp(22px,3vw,32px);
  display:block!important;
}
html body.inicio-page .inicio-section-heading__kicker,
html body.inicio-page .inicio-panel-heading>span,
html body.inicio-page .inicio-panel-kicker{
  color:var(--BoleteraDigital)!important;
  font-size:.68rem!important;
  font-weight:700!important;
  letter-spacing:.11em!important;
}
html body.inicio-page .inicio-section-heading h2,
html body.inicio-page .inicio-panel-heading h2{
  margin:8px 0 0!important;
  font-size:clamp(2rem,4.1vw,3.45rem)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
}
html body.inicio-page .inicio-section-heading>p,
html body.inicio-page .inicio-panel-heading p{
  max-width:62ch!important;
  margin:13px 0 0!important;
  color:var(--inicio-home-muted)!important;
  font-size:clamp(.94rem,1.35vw,1.03rem)!important;
  line-height:1.62!important;
}

/* Raffle cards are the only true cards on Inicio. */
html body.inicio-page .grid-sorteos{
  min-height:0!important;
  margin-bottom:clamp(68px,9vw,108px)!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,310px),1fr))!important;
  align-items:stretch!important;
  gap:clamp(18px,2.4vw,26px)!important;
  contain:layout style;
}
html body.inicio-page .grid-sorteos.single-card{
  grid-template-columns:minmax(0,600px)!important;
  justify-content:center!important;
}
html body.inicio-page .card-sorteo{
  width:100%!important;
  min-height:100%;
  padding:12px!important;
  gap:0!important;
  border:0;!important;
  border-radius:22px!important;
  background:var(--card)!important;
  box-shadow:0 10px 30px rgba(15,23,42,.07)!important;
  overflow:hidden;
  transform:none!important;
  transition:transform .2s var(--inicio-home-ease),box-shadow .2s ease,border-color .2s ease!important;
}
html.dark body.inicio-page .card-sorteo,
:root[data-theme="dark"] body.inicio-page .card-sorteo{
  background:#000!important;
  box-shadow:0 10px 34px rgba(0,0,0,.28)!important;
}
@media(hover:hover) and (pointer:fine){
  html body.inicio-page .card-sorteo:hover{
    transform:translateY(-3px)!important;
    border-color:color-mix(in srgb,var(--BoleteraDigital) 22%,var(--inicio-home-line))!important;
    box-shadow:0 17px 42px rgba(15,23,42,.12)!important;
  }
  html.dark body.inicio-page .card-sorteo:hover,
  :root[data-theme="dark"] body.inicio-page .card-sorteo:hover{
    box-shadow:0 18px 44px rgba(0,0,0,.42)!important;
  }
}
html body.inicio-page .card-sorteo .media,
html body.inicio-page .card-sorteo .media-wrap{
  border:0!important;
  border-radius:16px!important;
  background:var(--inicio-home-soft)!important;
  overflow:hidden;
}
html body.inicio-page .card-sorteo .media{
  aspect-ratio:16/9!important;
}
html body.inicio-page .card-sorteo .media img,
html body.inicio-page .card-sorteo .raffle-image{
  width:100%!important;
  height:100%!important;
  aspect-ratio:16/9!important;
  object-fit:cover!important;
  transition:none!important;
}
html body.inicio-page .card-sorteo .meta{
  margin:17px 4px 0!important;
  gap:8px!important;
}
html body.inicio-page .card-sorteo .title{
  font-size:clamp(1.08rem,1.7vw,1.28rem)!important;
  line-height:1.16!important;
  letter-spacing:-.022em!important;
}
html body.inicio-page .card-sorteo .tag{
  width:max-content;
  padding:5px 8px!important;
  border:0!important;
  border-radius:7px!important;
  color:var(--inicio-home-muted)!important;
  background:var(--inicio-home-soft)!important;
  font-size:.67rem!important;
  font-weight:700!important;
  letter-spacing:.025em;
}
html body.inicio-page .card-sorteo .tag.activo{
  color:color-mix(in srgb,var(--BoleteraDigital) 82%,var(--text))!important;
  background:color-mix(in srgb,var(--BoleteraDigital) 11%,transparent)!important;
}
html body.inicio-page .card-sorteo .tag.finalizado{
  color:var(--card)!important;
  background:var(--text)!important;
}
html body.inicio-page .card-sorteo .subtitle{
  margin:12px 4px 0!important;
  gap:8px 15px!important;
}
html body.inicio-page .card-sorteo .subtitle .meta-info{
  color:var(--inicio-home-muted)!important;
  font-size:.78rem!important;
}
html body.inicio-page .card-sorteo .progress{
  height:5px!important;
  margin:16px 4px 0!important;
  border-radius:999px!important;
  background:var(--inicio-home-soft)!important;
}
html body.inicio-page .card-sorteo .progress i{
  background:var(--BoleteraDigital)!important;
}
html body.inicio-page .card-sorteo .sorteo-actions{
  margin:17px 4px 4px!important;
  gap:9px!important;
}
html body.inicio-page .card-sorteo .btn-list,
html body.inicio-page .card-sorteo .btn-secondary{
  min-height:48px!important;
  padding:0 15px!important;
  border-radius:13px!important;
  font-size:.84rem!important;
  font-weight:700!important;
  box-shadow:none!important;
}
html body.inicio-page .card-sorteo .btn-list{
  color:#06130a!important;
  background:#27C86F!important;
}
html body.inicio-page .card-sorteo .btn-secondary{
  color:var(--text)!important;
  background:transparent!important;
  border:0;!important;
}
html body.inicio-page .winner-badge{
  top:20px!important;
  left:20px!important;
  padding:6px 9px!important;
  border-radius:8px!important;
  font-size:.7rem!important;
  font-weight:700!important;
  box-shadow:none!important;
}

/* Open process section — no enclosing card. */
html body.inicio-page .inicio-how{
  margin:0!important;
  padding:0 0 clamp(72px,9vw,108px)!important;
  display:block!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.inicio-page .inicio-how .inicio-panel-heading{
  max-width:680px;
  margin-bottom:clamp(28px,4vw,42px);
}
html body.inicio-page .inicio-steps{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:0!important;
  border-top:1px solid var(--inicio-home-line);
  border-bottom:1px solid var(--inicio-home-line);
}
html body.inicio-page .inicio-step{
  position:relative;
  min-height:230px!important;
  padding:28px clamp(22px,3vw,34px) 30px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  color:var(--text)!important;
  border:0!important;
  border-right:1px solid var(--inicio-home-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:none!important;
  transition:background-color .18s ease!important;
}
html body.inicio-page .inicio-step:last-child{border-right:0!important}
html body.inicio-page .inicio-step::after{content:none!important}
@media(hover:hover) and (pointer:fine){
  html body.inicio-page .inicio-step:hover{
    transform:none!important;
    background:var(--inicio-home-soft)!important;
  }
}
html body.inicio-page .inicio-step__number{
  color:var(--inicio-home-muted)!important;
  font-size:.7rem!important;
  font-weight:700!important;
  letter-spacing:.1em!important;
}
html body.inicio-page .inicio-step__icon{
  width:42px!important;
  height:42px!important;
  margin:28px 0 22px!important;
  border:1px solid var(--inicio-home-line)!important;
  border-radius:12px!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.inicio-page .inicio-step__icon img{
  width:21px!important;
  height:21px!important;
}
html body.inicio-page .inicio-step strong{
  font-size:1.03rem!important;
  letter-spacing:-.015em;
}
html body.inicio-page .inicio-step small{
  max-width:30ch!important;
  margin-top:8px!important;
  color:var(--inicio-home-muted)!important;
  font-size:.84rem!important;
  line-height:1.55!important;
}

/* Trust is one quiet band; guarantees are separated, not carded. */
html body.inicio-page .inicio-trust{
  margin:0 0 clamp(72px,9vw,108px)!important;
  padding:clamp(30px,4vw,48px)!important;
  display:block!important;
  border:0;!important;
  border-radius:24px!important;
  background:var(--inicio-home-soft)!important;
  box-shadow:none!important;
}
html body.inicio-page .inicio-trust__heading{
  max-width:730px;
  margin-bottom:clamp(30px,4vw,42px);
}
html body.inicio-page .inicio-trust-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  border-top:1px solid var(--inicio-home-line);
}
html body.inicio-page .inicio-trust-item{
  min-width:0;
  padding:28px clamp(20px,2.6vw,32px) 0;
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  align-items:start;
  gap:15px;
  border-right:1px solid var(--inicio-home-line);
}
html body.inicio-page .inicio-trust-item:first-child{padding-left:0}
html body.inicio-page .inicio-trust-item:last-child{
  padding-right:0;
  border-right:0;
}
html body.inicio-page .inicio-trust-item__icon{
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:1px solid var(--inicio-home-line);
  border-radius:11px;
  background:var(--card);
}
html body.inicio-page .inicio-trust-item__icon img{
  width:20px;
  height:20px;
}
html.dark body.inicio-page .inicio-trust-item__icon img,
:root[data-theme="dark"] body.inicio-page .inicio-trust-item__icon img{filter:invert(1)}
html body.inicio-page .inicio-trust-item h3{
  margin:1px 0 7px;
  font-family:var(--bd-type-body)!important;
  font-size:.98rem;
  font-weight:700;
  letter-spacing:-.014em;
}
html body.inicio-page .inicio-trust-item p{
  margin:0!important;
  color:var(--inicio-home-muted)!important;
  font-size:.82rem!important;
  line-height:1.55!important;
}

/* FAQ uses dividers rather than capsules. */
html body.inicio-page .inicio-faq{
  margin:0!important;
  padding:0 0 clamp(72px,8vw,100px)!important;
  display:grid!important;
  grid-template-columns:minmax(230px,.72fr) minmax(0,1.28fr)!important;
  align-items:start!important;
  gap:clamp(34px,7vw,90px)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html body.inicio-page .inicio-faq .inicio-panel-heading{
  position:sticky;
  top:24px;
  max-width:410px;
}
html body.inicio-page .inicio-faq-list{
  display:block!important;
  border-top:1px solid var(--inicio-home-line);
}
html body.inicio-page .inicio-faq details{
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid var(--inicio-home-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body.inicio-page .inicio-faq details[open]{background:transparent!important}
html body.inicio-page .inicio-faq summary{
  min-height:0!important;
  padding:21px 42px 21px 0!important;
  color:var(--text)!important;
  font-size:clamp(.96rem,1.4vw,1.05rem)!important;
  font-weight:700!important;
  line-height:1.35!important;
  list-style:none;
  position:relative;
}
html body.inicio-page .inicio-faq summary::after{
  content:"+"!important;
  position:absolute!important;
  top:50%!important;
  right:2px!important;
  float:none!important;
  transform:translateY(-50%);
  color:var(--inicio-home-muted)!important;
  font-size:1.25rem!important;
  font-weight:400!important;
}
html body.inicio-page .inicio-faq details[open] summary::after{content:"−"!important}
html body.inicio-page .inicio-faq details p{
  max-width:64ch;
  margin:0!important;
  padding:0 42px 22px 0!important;
  color:var(--inicio-home-muted)!important;
  font-size:.9rem!important;
  line-height:1.68!important;
}

/* Empty catalog stays calm and compact. */
html body.inicio-page .inicio-empty-state{
  min-height:190px!important;
  margin-bottom:clamp(68px,9vw,108px)!important;
  padding:30px 20px!important;
  border:0;!important;
  border-radius:20px!important;
  background:transparent!important;
}

/* Tablet layout. */
@media(max-width:960px){
  html body.inicio-page .inicio-hero{
    min-height:0!important;
    grid-template-columns:1fr!important;
    gap:28px!important;
    padding:38px clamp(28px,6vw,48px) 42px!important;
  }
  html body.inicio-page .inicio-hero__brand{
    justify-content:flex-start!important;
  }
  html body.inicio-page .inicio-logo-wrap{
    width:min(180px,34vw)!important;
  }
  html body.inicio-page .inicio-hero__content{
    margin:0!important;
    align-items:flex-start!important;
    text-align:left!important;
  }
  html body.inicio-page .inicio-hero h1{max-width:12ch!important}
  html body.inicio-page .grid-sorteos{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  html body.inicio-page .grid-sorteos.single-card{
    grid-template-columns:minmax(0,600px)!important;
  }
  html body.inicio-page .inicio-trust-grid{
    grid-template-columns:1fr;
  }
  html body.inicio-page .inicio-trust-item{
    padding:22px 0!important;
    border-right:0!important;
    border-bottom:1px solid var(--inicio-home-line);
  }
  html body.inicio-page .inicio-trust-item:last-child{
    padding-bottom:0!important;
    border-bottom:0;
  }
  html body.inicio-page .inicio-faq{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  html body.inicio-page .inicio-faq .inicio-panel-heading{
    position:static;
    max-width:680px;
  }
}

/* Mobile layout. */
@media(max-width:680px){
  html body.inicio-page .wrap{
    padding:10px 16px 0!important;
  }
  html body.inicio-page .inicio-hero{
    margin-bottom:48px!important;
    padding:28px 22px 32px!important;
    gap:24px!important;
    border-radius:24px!important;
  }
  html body.inicio-page .inicio-logo-wrap{
    width:min(138px,42vw)!important;
  }
  html body.inicio-page .inicio-hero__eyebrow{
    font-size:.61rem!important;
  }
  html body.inicio-page .inicio-hero__eyebrow::after{
    width:28px;
  }
  html body.inicio-page .inicio-hero h1{
    max-width:12ch!important;
    margin:17px 0 14px!important;
    font-size:clamp(2.25rem,11.5vw,3.35rem)!important;
  }
  html body.inicio-page .inicio-hero p{
    font-size:.91rem!important;
    line-height:1.58!important;
  }
  html body.inicio-page .inicio-hero__action{
    width:100%!important;
    justify-content:space-between!important;
  }
  html body.inicio-page .inicio-section-heading{
    margin-bottom:20px;
  }
  html body.inicio-page .inicio-section-heading h2,
  html body.inicio-page .inicio-panel-heading h2{
    font-size:clamp(1.88rem,9.5vw,2.55rem)!important;
  }
  html body.inicio-page .grid-sorteos,
  html body.inicio-page .grid-sorteos.single-card{
    grid-template-columns:1fr!important;
    gap:16px!important;
    margin-bottom:66px!important;
  }
  html body.inicio-page .card-sorteo{
    padding:10px!important;
    border-radius:20px!important;
  }
  html body.inicio-page .card-sorteo .media,
  html body.inicio-page .card-sorteo .media-wrap{
    border-radius:14px!important;
  }
  html body.inicio-page .card-sorteo .meta{
    margin:15px 3px 0!important;
  }
  html body.inicio-page .card-sorteo .sorteo-actions{
    margin:16px 3px 3px!important;
    flex-direction:column;
  }
  html body.inicio-page .card-sorteo .btn-list,
  html body.inicio-page .card-sorteo .btn-secondary{
    width:100%;
    flex:none!important;
  }
  html body.inicio-page .inicio-how{
    padding-bottom:66px!important;
  }
  html body.inicio-page .inicio-steps{
    grid-template-columns:1fr!important;
    border-bottom:0;
  }
  html body.inicio-page .inicio-step{
    min-height:0!important;
    padding:22px 0 22px 58px!important;
    display:block!important;
    border-right:0!important;
    border-bottom:1px solid var(--inicio-home-line)!important;
  }
  html body.inicio-page .inicio-step:last-child{border-bottom:0!important}
  html body.inicio-page .inicio-step::before{
    content:"";
    position:absolute;
    left:20px;
    top:48px;
    bottom:-1px;
    width:1px;
    background:var(--inicio-home-line);
  }
  html body.inicio-page .inicio-step:last-child::before{display:none}
  html body.inicio-page .inicio-step__number{
    position:absolute;
    left:0;
    top:23px;
    width:40px;
    height:40px;
    display:grid!important;
    place-items:center;
    border:1px solid var(--inicio-home-line);
    border-radius:50%;
    background:var(--card);
  }
  html body.inicio-page .inicio-step__icon{
    display:none!important;
  }
  html body.inicio-page .inicio-step strong{
    display:block;
    padding-top:1px;
  }
  html body.inicio-page .inicio-step small{
    display:block;
    margin-top:7px!important;
  }
  html body.inicio-page .inicio-trust{
    margin-bottom:66px!important;
    padding:26px 20px!important;
    border-radius:20px!important;
  }
  html body.inicio-page .inicio-trust-item{
    grid-template-columns:36px minmax(0,1fr);
    gap:13px;
  }
  html body.inicio-page .inicio-trust-item__icon{
    width:36px;
    height:36px;
  }
  html body.inicio-page .inicio-faq{
    padding-bottom:68px!important;
  }
  html body.inicio-page .inicio-faq summary{
    padding:19px 38px 19px 0!important;
  }
  html body.inicio-page .inicio-faq details p{
    padding:0 18px 20px 0!important;
  }
}

@media(max-width:380px){
  html body.inicio-page .wrap{padding-inline:12px!important}
  html body.inicio-page .inicio-hero{padding-inline:18px!important}
  html body.inicio-page .inicio-hero h1{font-size:2.15rem!important}
}

@media(prefers-reduced-motion:reduce){
  html body.inicio-page .card-sorteo,
  html body.inicio-page .inicio-step,
  html body.inicio-page .inicio-hero__action{
    transition:none!important;
  }
}

/* build275: acciones de Inicio alineadas con la personalización del sorteo. */
html body.inicio-page .inicio-hero__action{
  color:#111216!important;
  background:#fff!important;
  border-color:rgba(255,255,255,.28)!important;
  box-shadow:0 10px 28px rgba(0,0,0,.14)!important;
}
@media(hover:hover) and (pointer:fine){
  html body.inicio-page .inicio-hero__action:hover{filter:brightness(.97)!important}
}
html body.inicio-page .card-sorteo .btn-list{
  color:var(--rfsm-reserve-foreground,#fff)!important;
  background:var(--rfsm-reserve-background,#097bfd)!important;
  border:0!important;
  box-shadow:var(--rfsm-reserve-shadow,0 8px 18px rgba(0,0,0,.16))!important;
  transition:filter .16s ease,transform .16s ease,box-shadow .16s ease!important;
}
@media(hover:hover) and (pointer:fine){
  html body.inicio-page .card-sorteo .btn-list:hover{filter:brightness(1.04)}
}
html body.inicio-page .card-sorteo .btn-list:active{filter:brightness(.96);transform:translateY(1px)}
html body.inicio-page .card-sorteo .btn-list:focus-visible{
  outline:3px solid color-mix(in srgb,var(--rfsm-reserve-accent,#097bfd) 34%,transparent)!important;
  outline-offset:2px;
}