/* 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;
}

/* Center the tenant logo directly on the page canvas. */

html body.inicio-page .inicio-hero {
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  place-items:center!important;
  min-height:0!important;
  margin:0 0 clamp(16px,2vw,26px)!important;
  padding:clamp(12px,2.5vw,28px) 0!important;
  overflow:visible!important;
  border:0!important;
  border-radius:0!important;
  background:var(--bg)!important;
  box-shadow:none!important;
}

html body.inicio-page .inicio-hero::before,
html body.inicio-page .inicio-hero::after {
  content:none!important;
}

html body.inicio-page .inicio-hero .inicio-logo-wrap {
  width:clamp(80px,9vw,112px)!important;
  max-width:100%;
}

html body.inicio-page .inicio-hero #inicioLogo {
  object-fit:contain;
  filter:var(--rfsm-logo-filter,none)!important;
  -webkit-filter:var(--rfsm-logo-filter,none)!important;
}

html[data-site-logo-shape="original"] body.inicio-page .inicio-hero #inicioLogo {
  height:auto!important;
  max-height:112px!important;
}

/* Center the catalog title above the cards. */
html body.inicio-page .inicio-section-heading{
  max-width:none;
  margin:0 auto clamp(24px,4vw,42px);
  text-align:center;
  display:block!important;
}
html body.inicio-page .inicio-section-heading h1 {
  --bd-type-display:var(--bd-font-display);
  text-transform:uppercase;
  text-wrap:balance;
}
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 h1,
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:clamp(30px,4vw,48px)!important;
  background:color-mix(in srgb,var(--card) 96%,var(--text))!important;
  box-shadow:none!important;
  overflow:hidden;
  transform:none!important;
  transition:none!important;
}
html.dark body.inicio-page .card-sorteo,
:root[data-theme="dark"] body.inicio-page .card-sorteo{
  background:color-mix(in srgb,var(--card) 93%,var(--text))!important;
  box-shadow:none!important;
}
html body.inicio-page .card-sorteo .media,
html body.inicio-page .card-sorteo .media-wrap{
  border:0!important;
  border-radius:clamp(23px,3.4vw,38px)!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:999px!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:1px solid color-mix(in srgb,var(--text) 24%,transparent)!important;
  text-transform:none!important;
  letter-spacing:normal!important;
}
html body.inicio-page .card-sorteo .btn-secondary:hover{
  background:color-mix(in srgb,var(--text) 7%,transparent)!important;
}
html body.inicio-page .card-sorteo .btn-secondary:focus-visible{
  outline:2px solid currentColor;
  outline-offset:2px;
}
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 .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-section-heading{
    margin-bottom:20px;
  }
  html body.inicio-page .inicio-section-heading h1,
  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:30px!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}
}

/* build275: acciones de Inicio alineadas con la personalización del sorteo. */
html body.inicio-page .card-sorteo .btn-list{
  color:var(--rfsm-list-foreground,#ffffff)!important;
  background:var(--rfsm-list-background,#000000)!important;
  border:0!important;
  box-shadow:none!important;
  transition:filter .16s ease,transform .16s ease!important;
}
html.dark body.inicio-page .card-sorteo .btn-list,
html[data-theme=dark] body.inicio-page .card-sorteo .btn-list,
:root[data-theme=dark] body.inicio-page .card-sorteo .btn-list{
  color:var(--rfsm-list-foreground,#000000)!important;
  background:var(--rfsm-list-background,#ffffff)!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;
}

/* A featured raffle pairs its photo with an information panel on wide screens. */
@media (min-width:761px) {
  html body.inicio-page .grid-sorteos.single-card {
    grid-template-columns:minmax(0,920px)!important;
  }
  html body.inicio-page .grid-sorteos.single-card .card-sorteo {
    display:grid!important;
    grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
    grid-template-rows:1fr auto auto 1fr;
    column-gap:clamp(18px,3vw,36px)!important;
    padding:12px clamp(22px,3vw,38px) 12px 12px!important;
  }
  html body.inicio-page .grid-sorteos.single-card .card-sorteo > .media-wrap {
    grid-column:1;
    grid-row:1 / span 4;
    align-self:center;
  }
  html body.inicio-page .grid-sorteos.single-card .card-sorteo > .meta { align-self:end; }
  html body.inicio-page .grid-sorteos.single-card .card-sorteo > .sorteo-actions { align-self:start; }
  html body.inicio-page .grid-sorteos.single-card .card-sorteo > :is(.meta,.subtitle,.progress,.sorteo-actions) {
    grid-column:2;
    min-width:0;
  }
  html body.inicio-page .grid-sorteos.single-card .card-sorteo .media,
  html body.inicio-page .grid-sorteos.single-card .card-sorteo .media img {
    aspect-ratio:4/3!important;
  }
  html body.inicio-page .grid-sorteos.single-card .card-sorteo .title {
    font-size:clamp(1.35rem,2.5vw,2.15rem)!important;
  }
}

/* Flat notices on Inicio. */
html body.inicio-page :is(#site-verified-banner,.bd-privacy-banner,.bd-privacy-dialog,.bd-privacy-toast) {
  box-shadow:none!important;
}
@media (max-width:720px) {
  html body.inicio-page .bd-privacy-banner__inner {
    display:grid;
    gap:12px;
    padding:14px;
  }
  html body.inicio-page .bd-privacy-banner__copy {
    display:grid;
    gap:3px;
  }
  html body.inicio-page .bd-privacy-banner__copy strong {
    font-size:.875rem;
  }
  html body.inicio-page .bd-privacy-banner__copy span {
    display:block;
    font-size:.8125rem;
    line-height:1.35;
  }
  html body.inicio-page .bd-privacy-actions {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    gap:8px;
  }
  html body.inicio-page .bd-privacy-actions .bd-privacy-button {
    min-height:44px;
    padding-inline:8px;
    font-size:.8125rem;
  }
}