/* Bencefalo v116 — home editorial Tarot catalogue, guide section, hero blend, compact Laboratorio cards */

/* Home hero: dissolve the lower edge into the page instead of showing the image canvas. */
.hero-photo-fade{
  overflow:visible!important;
}
.hero-photo-fade::after{
  content:"";
  position:absolute;
  z-index:5;
  left:-6%;
  right:-6%;
  bottom:-2%;
  height:28%;
  pointer-events:none;
  background:linear-gradient(180deg,transparent 0%,rgba(2,4,12,.28) 28%,rgba(2,4,12,.78) 68%,#02040c 96%);
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
}

/* Home · Tarot catalogue: use the same large editorial composition as Laboratorio Mágico. */
.home-tarot-catalog{
  position:relative;
  overflow:hidden;
}
.home-tarot-catalog .service-editorial-scroll{
  grid-auto-columns:calc(100% - 24px)!important;
  gap:22px!important;
  padding-bottom:8px!important;
}
.home-tarot-catalog .service-editorial-card{
  min-height:390px!important;
  height:auto!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:minmax(300px,.88fr) minmax(0,1.22fr)!important;
  align-items:stretch!important;
  overflow:hidden!important;
  border:1px solid rgba(156,114,255,.22)!important;
  border-radius:24px!important;
  background:
    radial-gradient(34rem 22rem at 100% 0%,rgba(125,67,201,.10),transparent 68%),
    linear-gradient(145deg,rgba(12,13,24,.99),rgba(5,6,14,.99))!important;
  box-shadow:0 24px 60px rgba(0,0,0,.20)!important;
}
.home-tarot-catalog .service-editorial-media{
  position:relative;
  min-width:0;
  min-height:390px;
  overflow:hidden;
  background:#060710;
}
.home-tarot-catalog .service-editorial-media::before{
  content:"";
  position:absolute;
  z-index:2;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(5,7,16,.04) 0%,transparent 52%,rgba(5,7,16,.18) 68%,rgba(5,7,16,.65) 88%,#060710 100%),
    linear-gradient(180deg,rgba(62,80,142,.11) 0%,transparent 42%,rgba(27,18,57,.30) 100%);
}
.home-tarot-catalog .service-editorial-media img{
  position:absolute;
  inset:0;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:saturate(.70) contrast(1.07) brightness(.80) hue-rotate(7deg)!important;
  transform:scale(1.015);
  -webkit-mask-image:linear-gradient(90deg,#000 0%,#000 70%,rgba(0,0,0,.94) 78%,rgba(0,0,0,.62) 88%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0%,#000 70%,rgba(0,0,0,.94) 78%,rgba(0,0,0,.62) 88%,transparent 100%);
}
.home-tarot-catalog .service-editorial-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:34px 34px 32px 28px;
  background:linear-gradient(90deg,#060710 0%,rgba(6,7,16,.99) 18%,rgba(6,7,15,.98) 100%);
}
.home-tarot-catalog .service-editorial-copy .service-format{
  margin:0 0 14px!important;
  color:#c997ff!important;
  font-family:var(--font-ui,Inter,Arial,sans-serif)!important;
  font-size:10px!important;
  line-height:1.3!important;
  font-weight:600!important;
  letter-spacing:.16em!important;
  text-transform:uppercase!important;
}
.home-tarot-catalog .service-editorial-copy h3{
  margin:0 0 15px!important;
  color:#f7f4f9!important;
  font-family:var(--font-display,"AngleFairy",Georgia,serif)!important;
  font-size:clamp(2.3rem,3.7vw,3.35rem)!important;
  line-height:1.02!important;
  font-weight:400!important;
}
.home-tarot-catalog .service-editorial-copy p{
  width:100%!important;
  max-width:60ch!important;
  margin:0 0 24px!important;
  color:#aaa4af!important;
  font-family:var(--font-body,Newsreader,Georgia,serif)!important;
  font-size:16px!important;
  line-height:1.68!important;
}
.home-tarot-catalog .service-editorial-copy .service-detail-link{
  align-self:flex-start!important;
  margin-top:auto!important;
  color:#eee8f6!important;
  border-color:rgba(164,126,255,.30)!important;
}

/* Home · guide section copied from Taller Brujo and harmonized with the Tarot page. */
.home-guide-section{
  border-top:1px solid rgba(164,126,255,.10)!important;
  background:
    radial-gradient(34rem 24rem at 100% 50%,rgba(81,45,141,.11),transparent 70%),
    transparent!important;
}
.home-guide-section .guide-card{
  display:grid!important;
  grid-template-columns:minmax(230px,300px) minmax(0,1fr)!important;
  gap:34px!important;
  align-items:center!important;
  padding:28px!important;
  border:1px solid rgba(164,126,255,.18)!important;
  border-radius:26px!important;
  background:linear-gradient(145deg,rgba(17,14,31,.96),rgba(7,7,15,.98))!important;
  box-shadow:0 22px 62px rgba(0,0,0,.18)!important;
}
.home-guide-section .guide-photo{
  position:relative;
  overflow:hidden;
  min-height:275px;
  border-radius:20px;
  background:#0a0b14;
}
.home-guide-section .guide-photo::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(145deg,rgba(67,84,151,.20),rgba(48,31,91,.16));
}
.home-guide-section .guide-photo img{
  display:block;
  width:100%;
  height:100%;
  min-height:275px;
  object-fit:cover;
  object-position:center 42%;
  filter:saturate(.74) contrast(1.05) brightness(.86) hue-rotate(5deg);
}
.home-guide-section .guide-copy .eyebrow{
  margin-bottom:12px!important;
}
.home-guide-section .guide-copy h2{
  margin:0 0 12px!important;
  font-family:var(--font-display,"AngleFairy",Georgia,serif)!important;
  font-size:40px!important;
  line-height:1.02!important;
  font-weight:400!important;
  color:#fff!important;
}
.home-guide-section .guide-copy p{
  max-width:64ch!important;
  margin:0 0 20px!important;
  color:#aaa5b7!important;
  font-family:var(--font-body,Newsreader,Georgia,serif)!important;
  font-size:15px!important;
  line-height:1.68!important;
}
.home-guide-section .guide-copy .outline{
  width:auto!important;
}

/* Laboratorio Mágico: remove the artificial vertical stretch that left image-side gaps. */
@media(min-width:681px){
  .course-lab-page .lab-class-card{
    align-items:start!important;
  }
  .course-lab-page .lab-class-content{
    min-height:0!important;
    height:auto!important;
    align-self:start!important;
    padding:22px 30px 20px 26px!important;
  }
  .course-lab-page .lab-class-card h3{
    font-size:clamp(2rem,3vw,2.72rem)!important;
    margin-bottom:10px!important;
  }
  .course-lab-page .lab-class-content>p:not(.lab-class-kicker):not(.lab-receives-label){
    margin-bottom:14px!important;
    font-size:15px!important;
    line-height:1.58!important;
  }
  .course-lab-page .lab-receives-label{
    margin-top:2px!important;
    margin-bottom:10px!important;
  }
  .course-lab-page .lab-class-meta{
    gap:7px!important;
  }
  .course-lab-page .lab-class-card .lab-card-footer{
    margin-top:16px!important;
    padding-top:0!important;
  }
}

/* Responsive editorial catalogue and guide. */
@media(max-width:900px){
  .home-tarot-catalog .service-editorial-scroll{
    grid-auto-columns:minmax(650px,86vw)!important;
  }
  .home-tarot-catalog .service-editorial-card{
    grid-template-columns:minmax(245px,.82fr) minmax(0,1.18fr)!important;
  }
  .home-tarot-catalog .service-editorial-copy{
    padding:28px 26px 27px 22px;
  }
  .home-guide-section .guide-card{
    grid-template-columns:240px 1fr!important;
    gap:24px!important;
  }
  .home-guide-section .guide-photo,
  .home-guide-section .guide-photo img{
    min-height:245px;
  }
}
@media(max-width:680px){
  .hero-photo-fade::after{
    left:-4vw;
    right:-4vw;
    bottom:-3%;
    height:32%;
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
  }
  .home-tarot-catalog .service-editorial-scroll{
    grid-auto-columns:minmax(300px,92vw)!important;
    gap:16px!important;
  }
  .home-tarot-catalog .service-editorial-card{
    min-height:0!important;
    grid-template-columns:1fr!important;
    border-radius:20px!important;
  }
  .home-tarot-catalog .service-editorial-media{
    min-height:0!important;
    aspect-ratio:4 / 3;
  }
  .home-tarot-catalog .service-editorial-media img{
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 66%,rgba(0,0,0,.92) 76%,rgba(0,0,0,.52) 88%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0%,#000 66%,rgba(0,0,0,.92) 76%,rgba(0,0,0,.52) 88%,transparent 100%);
  }
  .home-tarot-catalog .service-editorial-media::before{
    background:
      linear-gradient(180deg,rgba(58,75,135,.10) 0%,transparent 48%,rgba(7,8,17,.34) 72%,#070811 100%),
      linear-gradient(90deg,rgba(31,20,61,.10),rgba(15,18,44,.08));
  }
  .home-tarot-catalog .service-editorial-copy{
    padding:22px 20px 21px;
    background:linear-gradient(180deg,#070811 0%,rgba(7,8,17,.99) 100%);
  }
  .home-tarot-catalog .service-editorial-copy h3{
    font-size:2.15rem!important;
  }
  .home-tarot-catalog .service-editorial-copy p{
    font-size:15px!important;
    line-height:1.62!important;
  }
  .home-guide-section .guide-card{
    grid-template-columns:1fr!important;
    padding:20px!important;
    gap:22px!important;
  }
  .home-guide-section .guide-photo{
    width:100%;
    min-height:0;
    aspect-ratio:1.08 / 1;
  }
  .home-guide-section .guide-photo img{
    min-height:0;
    height:100%;
  }
  .home-guide-section .guide-copy h2{
    font-size:34px!important;
  }
  .home-guide-section .guide-copy p{
    font-size:14px!important;
  }
}