.ri-release-featured{
  max-width:var(--ri-container);
  margin:clamp(28px,5vw,72px) auto;
  padding:clamp(24px,4vw,42px);
  display:grid;
  grid-template-columns:minmax(280px,.98fr) minmax(280px,.9fr);
  gap:clamp(28px,5vw,64px);
  align-items:center;
  background:linear-gradient(180deg,#fff,rgba(255,255,255,.72));
  border:1px solid var(--ri-border);
  border-radius:32px;
  box-shadow:var(--ri-shadow);
}

.ri-release-featured img{
  width:100%;
  display:block;
  border-radius:20px;
  box-shadow:0 22px 48px rgba(17,19,24,.12);
}

.ri-release-featured h1,
.ri-release-featured h2{
  margin:.8rem 0 1rem;
  font-size:clamp(2.4rem,5vw,5.1rem);
  line-height:.95;
}

.ri-release-featured p{
  font-size:clamp(1.02rem,1.35vw,1.22rem);
  max-width:62ch;
}

.ri-release-grid{
  max-width:var(--ri-container);
  margin:0 auto;
  padding:clamp(28px,4vw,56px) clamp(20px,4vw,48px);
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(28px,4vw,48px);
}

.ri-release-card{
  display:grid;
  grid-template-columns:minmax(160px,.72fr) 1fr;
  gap:clamp(18px,3vw,28px);
  align-items:center;
  padding:clamp(18px,3vw,28px);
  background:var(--ri-surface);
  border:1px solid var(--ri-border);
  border-radius:var(--ri-radius);
  box-shadow:var(--ri-shadow-soft);
}

.ri-release-card img{
  width:100%;
  aspect-ratio:1/1;
  object-fit:cover;
  border-radius:16px;
}

.ri-release-card h2,
.ri-release-card h3{
  margin:0 0 .65rem;
  font-size:clamp(1.45rem,2.2vw,2.25rem);
}

.ri-release-card p{
  margin-bottom:1rem;
}

/* -------------------------------------------------------------
   RockIstmo Home Refresh v0.1.1
   Styles current Gutentor home sections without changing content.
------------------------------------------------------------- */
.rockistmo-site .entry-content > .gutentor-module-slider{
  height:clamp(360px,38vw,480px)!important;
  min-height:0!important;
  overflow:hidden;
  background:#111318;
}

.rockistmo-site .entry-content > .gutentor-module-slider .gutentor-module-slider-row,
.rockistmo-site .entry-content > .gutentor-module-slider .slick-list,
.rockistmo-site .entry-content > .gutentor-module-slider .slick-track,
.rockistmo-site .entry-content > .gutentor-module-slider .gutentor-slider-item,
.rockistmo-site .entry-content > .gutentor-module-slider .gutentor-col-wrap{
  height:100%!important;
  min-height:0!important;
}

.rockistmo-site .entry-content > .gutentor-module-slider .has-image-bg{
  background-size:cover!important;
  background-position:center!important;
}

.rockistmo-site .entry-content > .gutentor-module-slider .has-gutentor-overlay:before{
  background:linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.52))!important;
}

.rockistmo-site .entry-content > .gutentor-module-slider .gutentor-slider-caption{
  height:100%;
  display:flex!important;
  align-items:center;
  justify-content:center;
  padding:clamp(40px,6vw,72px) 20px!important;
}

.rockistmo-site .entry-content > .gutentor-module-slider h1.gutentor-text{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(3.1rem,8vw,7.5rem)!important;
  line-height:.88!important;
  font-weight:800!important;
  letter-spacing:-.07em!important;
  text-shadow:0 20px 55px rgba(0,0,0,.42);
}

.rockistmo-site .entry-content > .gutentor-module-slider h4.gutentor-text{
  display:inline-flex;
  margin:1.1rem auto 0!important;
  padding:.55rem 1rem;
  border-radius:999px;
  background:var(--ri-yellow);
  color:#111318!important;
  font-size:clamp(.85rem,1.4vw,1rem)!important;
  font-weight:900!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
}

/* Turn each album row into a clean card regardless of the old white/gray alternation. */
.rockistmo-site .entry-content > .gutentor-advanced-columns{
  padding:clamp(18px,3.2vw,38px) clamp(14px,3vw,28px)!important;
  background:var(--ri-bg)!important;
}

.rockistmo-site .entry-content > .gutentor-advanced-columns > .wp-block-gutentor-m4.grid-container{
  position:relative;
  max-width:1180px!important;
  padding:clamp(24px,4vw,48px)!important;
  background:linear-gradient(180deg,#fff,rgba(255,255,255,.88));
  border:1px solid var(--ri-border);
  border-radius:30px;
  box-shadow:0 20px 60px rgba(17,19,24,.07);
}

.rockistmo-site .entry-content > .gutentor-module-slider + .gutentor-advanced-columns > .wp-block-gutentor-m4.grid-container{
  border-color:rgba(255,204,0,.55);
  box-shadow:0 24px 70px rgba(17,19,24,.10), 0 0 0 1px rgba(255,204,0,.14) inset;
}

.rockistmo-site .entry-content > .gutentor-module-slider + .gutentor-advanced-columns > .wp-block-gutentor-m4.grid-container:before{
  content:"Nuevo lanzamiento";
  display:inline-flex;
  position:absolute;
  top:clamp(18px,3vw,28px);
  left:clamp(24px,4vw,48px);
  z-index:3;
  padding:.44rem .82rem;
  border-radius:999px;
  background:var(--ri-yellow);
  color:#111318;
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.rockistmo-site .entry-content > .gutentor-advanced-columns .grid-row{
  align-items:center!important;
}

.rockistmo-site .entry-content > .gutentor-advanced-columns .gutentor-col-wrap{
  background:none!important;
  min-height:0!important;
}

.rockistmo-site .entry-content > .gutentor-advanced-columns .gutentor-element-image-box{
  display:flex;
  justify-content:center;
}

.rockistmo-site .entry-content > .gutentor-advanced-columns .gutentor-image-thumb{
  display:inline-block;
  overflow:visible!important;
}

.rockistmo-site .entry-content > .gutentor-advanced-columns .gutentor-image-thumb img.normal-image{
  width:min(100%,430px)!important;
  max-height:430px;
  object-fit:contain;
  display:block;
  border-radius:18px;
  box-shadow:0 20px 50px rgba(17,19,24,.16);
  transition:transform .22s ease, box-shadow .22s ease;
}

.rockistmo-site .entry-content > .gutentor-advanced-columns .gutentor-element-image-link:hover img.normal-image{
  transform:translateY(-3px) scale(1.01);
  box-shadow:0 26px 66px rgba(17,19,24,.20);
}

.rockistmo-site .entry-content > .gutentor-advanced-columns .gutentor-element-advanced-text,
.rockistmo-site .entry-content > .gutentor-advanced-columns .gutentor-element-button{
  padding-top:0!important;
}

.rockistmo-site .entry-content > .gutentor-advanced-columns h3.gutentor-text{
  margin:0 0 .85rem!important;
  color:#08090b!important;
  font-size:clamp(1.9rem,3.4vw,3rem)!important;
  line-height:.98!important;
  font-weight:900!important;
  letter-spacing:-.06em!important;
}

.rockistmo-site .entry-content > .gutentor-advanced-columns p.gutentor-text{
  max-width:58ch;
  margin:0 0 1.35rem!important;
  color:#555b65!important;
  font-size:clamp(.98rem,1.15vw,1.08rem)!important;
  line-height:1.68!important;
}

.rockistmo-site .entry-content > .gutentor-advanced-columns .gutentor-button{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:14px 28px!important;
  border-radius:999px!important;
  background:var(--ri-yellow)!important;
  color:#111318!important;
  font-weight:800!important;
  box-shadow:none!important;
}

.rockistmo-site .entry-content > .gutentor-advanced-columns .gutentor-button:hover{
  background:#111318!important;
  color:#fff!important;
  transform:translateY(-1px);
  box-shadow:0 14px 32px rgba(17,19,24,.18)!important;
}

@media (max-width: 781px){
  .rockistmo-site .entry-content > .gutentor-module-slider{
    height:380px!important;
  }

  .rockistmo-site .entry-content > .gutentor-advanced-columns{
    padding:14px 12px!important;
  }

  .rockistmo-site .entry-content > .gutentor-advanced-columns > .wp-block-gutentor-m4.grid-container{
    padding:30px 22px!important;
    border-radius:24px;
  }

  .rockistmo-site .entry-content > .gutentor-module-slider + .gutentor-advanced-columns > .wp-block-gutentor-m4.grid-container{
    padding-top:62px!important;
  }

  .rockistmo-site .entry-content > .gutentor-module-slider + .gutentor-advanced-columns > .wp-block-gutentor-m4.grid-container:before{
    left:50%;
    transform:translateX(-50%);
    white-space:nowrap;
  }

  .rockistmo-site .entry-content > .gutentor-advanced-columns .gutentor-image-thumb img.normal-image{
    width:min(100%,320px)!important;
    max-height:320px;
  }

  .rockistmo-site .entry-content > .gutentor-advanced-columns h3.gutentor-text,
  .rockistmo-site .entry-content > .gutentor-advanced-columns p.gutentor-text{
    text-align:center!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* -------------------------------------------------------------
   RockIstmo Home Refresh v0.1.2
   Tightens hero-to-first-release spacing and normalizes album text.
------------------------------------------------------------- */
.rockistmo-site .entry-content > .gutentor-module-slider{
  margin-bottom:0!important;
}

.rockistmo-site .entry-content > .gutentor-module-slider + .gutentor-advanced-columns{
  padding-top:clamp(8px,1.4vw,18px)!important;
}

.rockistmo-site .entry-content > .gutentor-advanced-columns{
  margin-top:0!important;
  margin-bottom:0!important;
  background:var(--ri-bg)!important;
}

/* Force every old alternating section into the same modern card system. */
.rockistmo-site .entry-content > .gutentor-advanced-columns.has-color-bg,
.rockistmo-site .entry-content > .gutentor-advanced-columns.has-custom-bg,
.rockistmo-site .entry-content > .gutentor-advanced-columns[style]{
  background:var(--ri-bg)!important;
}

/* Standardize the vertical alignment without manual per-album top values. */
.rockistmo-site .entry-content > .gutentor-advanced-columns .grid-row{
  display:flex!important;
  align-items:stretch!important;
}

.rockistmo-site .entry-content > .gutentor-advanced-columns .grid-row > section{
  display:flex!important;
}

.rockistmo-site .entry-content > .gutentor-advanced-columns .grid-row > section > .gutentor-col-wrap{
  width:100%;
}

.rockistmo-site .entry-content > .gutentor-advanced-columns .grid-row > section:nth-child(2) > .gutentor-col-wrap{
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  min-height:100%!important;
  padding-top:0!important;
  padding-bottom:0!important;
}

.rockistmo-site .entry-content > .gutentor-advanced-columns .grid-row > section:nth-child(2) .gutentor-element,
.rockistmo-site .entry-content > .gutentor-advanced-columns .grid-row > section:nth-child(2) .gutentor-text-wrap,
.rockistmo-site .entry-content > .gutentor-advanced-columns .grid-row > section:nth-child(2) .gutentor-text{
  padding-top:0!important;
  padding-bottom:0!important;
}

.rockistmo-site .entry-content > .gutentor-advanced-columns .grid-row > section:nth-child(2) .gutentor-element-advanced-text + .gutentor-element-advanced-text{
  margin-top:.25rem!important;
}

.rockistmo-site .entry-content > .gutentor-advanced-columns .grid-row > section:nth-child(2) .gutentor-element-button{
  margin-top:clamp(18px,2vw,28px)!important;
}

/* Make the first release read as a featured launch, not just another card. */
.rockistmo-site .entry-content > .gutentor-module-slider + .gutentor-advanced-columns > .wp-block-gutentor-m4.grid-container{
  max-width:1240px!important;
  padding:clamp(54px,6vw,76px) clamp(28px,5vw,58px) clamp(34px,5vw,56px)!important;
  background:linear-gradient(135deg,#ffffff 0%,#fffdf2 48%,#f7f8fa 100%)!important;
  border-color:rgba(255,208,18,.62)!important;
}

.rockistmo-site .entry-content > .gutentor-module-slider + .gutentor-advanced-columns .gutentor-image-thumb img.normal-image{
  width:min(100%,480px)!important;
  max-height:480px!important;
}

.rockistmo-site .entry-content > .gutentor-module-slider + .gutentor-advanced-columns h3.gutentor-text{
  font-size:clamp(2.15rem,4.3vw,4rem)!important;
  line-height:.92!important;
}

@media (max-width: 781px){
  .rockistmo-site .entry-content > .gutentor-module-slider + .gutentor-advanced-columns{
    padding-top:12px!important;
  }

  .rockistmo-site .entry-content > .gutentor-advanced-columns .grid-row{
    display:block!important;
  }

  .rockistmo-site .entry-content > .gutentor-advanced-columns .grid-row > section:nth-child(2) > .gutentor-col-wrap{
    align-items:center!important;
  }

  .rockistmo-site .entry-content > .gutentor-module-slider + .gutentor-advanced-columns > .wp-block-gutentor-m4.grid-container{
    padding:64px 22px 32px!important;
  }
}

/* =============================================================
   RockIstmo Component System v0.2.0
   Home base: hero + editorial release rows.
============================================================= */
:root{
  --ri-yellow:#FFD012;
  --ri-yellow-soft:#F6C900;
  --ri-black:#111111;
  --ri-bg:#f3f5f7;
  --ri-surface:#ffffff;
  --ri-text:#111111;
  --ri-muted:#4f5661;
  --ri-border:rgba(17,17,17,.08);
  --ri-shadow:0 20px 55px rgba(17,17,17,.10);
  --ri-shadow-strong:0 26px 70px rgba(17,17,17,.16);
  --ri-radius:28px;
  --ri-container:1180px;
}

.rockistmo-site{
  background:var(--ri-bg);
}

.ri-hero{
  position:relative;
  min-height:clamp(360px,46vw,560px);
  display:grid;
  place-items:center;
  overflow:hidden;
  background-image:var(--ri-hero-bg);
  background-size:cover;
  background-position:center;
  isolation:isolate;
}

.ri-hero__overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,.62));
  z-index:-1;
}

.ri-hero__content{
  width:min(92vw,920px);
  text-align:center;
  color:#fff;
  padding:clamp(56px,8vw,100px) 20px;
}

.ri-hero__eyebrow{
  margin:0 0 14px;
  color:var(--ri-yellow)!important;
  font-size:clamp(.9rem,1.5vw,1.1rem);
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.ri-hero h1{
  margin:0;
  color:#fff;
  font-size:clamp(3.8rem,11vw,8.8rem);
  line-height:.86;
  letter-spacing:-.075em;
  font-weight:900;
}

.ri-hero__content > p:last-child{
  margin:18px 0 0;
  color:rgba(255,255,255,.88)!important;
  font-size:clamp(1.05rem,2vw,1.55rem);
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.04em;
}

.ri-release{
  width:min(calc(100% - 32px),var(--ri-container));
  margin:clamp(30px,4vw,54px) auto;
  padding:clamp(28px,4.2vw,54px);
  display:grid;
  grid-template-columns:minmax(260px,420px) minmax(0,1fr);
  gap:clamp(30px,5vw,66px);
  align-items:center;
  background:var(--ri-surface);
  border:1px solid var(--ri-border);
  border-radius:var(--ri-radius);
  box-shadow:var(--ri-shadow);
}

.ri-release--featured{
  margin-top:clamp(22px,3vw,42px);
  border-color:rgba(255,208,18,.38);
  box-shadow:var(--ri-shadow-strong),0 0 0 1px rgba(255,208,18,.14) inset;
}

.ri-release--reverse .ri-release__media{order:2;}
.ri-release--reverse .ri-release__content{order:1;}

.ri-release__media{
  display:flex;
  justify-content:center;
  align-items:center;
}

.ri-release__media a{
  display:block;
  text-decoration:none;
}

.ri-release__media img{
  width:100%;
  max-width:420px;
  max-height:440px;
  object-fit:contain;
  display:block;
  border-radius:18px;
  box-shadow:0 18px 45px rgba(0,0,0,.14);
  transition:transform .24s ease, box-shadow .24s ease;
}

.ri-release__media a:hover img{
  transform:translateY(-3px) scale(1.015);
  box-shadow:0 26px 60px rgba(0,0,0,.18);
}

.ri-release__content{
  max-width:590px;
}

.ri-release__tag{
  display:inline-flex;
  margin:0 0 18px;
  padding:7px 14px;
  border-radius:999px;
  background:var(--ri-yellow);
  color:#111;
  font-size:13px;
  font-weight:900;
  line-height:1;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.ri-release__title{
  margin:0 0 14px;
  color:var(--ri-text);
  font-size:clamp(2rem,4.5vw,4rem);
  line-height:.95;
  letter-spacing:-.06em;
  font-weight:900;
}

.ri-release--featured .ri-release__title{
  font-size:clamp(2.35rem,5vw,4.8rem);
}

.ri-release__subtitle{
  margin:-2px 0 16px;
  color:var(--ri-text);
  font-size:clamp(1.35rem,2.8vw,2.1rem);
  line-height:1.02;
  letter-spacing:-.045em;
  font-weight:850;
}

.ri-release__text{
  max-width:58ch;
  margin:0 0 26px;
  color:var(--ri-muted)!important;
  font-size:clamp(.98rem,1.12vw,1.08rem);
  line-height:1.72;
}

.ri-release__text a{
  color:var(--ri-black);
  font-weight:700;
  text-decoration-color:rgba(17,17,17,.28);
}

.ri-btn,
.ri-release__button,
.gutentor-button{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:14px 26px!important;
  background:var(--ri-black)!important;
  color:#fff!important;
  border:1px solid var(--ri-black)!important;
  border-radius:999px!important;
  box-shadow:none!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:-.01em;
  text-decoration:none!important;
  transition:transform .22s ease, background .22s ease, color .22s ease, border-color .22s ease, box-shadow .22s ease!important;
}

.ri-btn:hover,
.ri-release__button:hover,
.gutentor-button:hover{
  background:var(--ri-yellow)!important;
  color:#111!important;
  border-color:var(--ri-yellow)!important;
  transform:translateY(-1px);
  box-shadow:0 12px 30px rgba(17,17,17,.14)!important;
}

.ri-btn--yellow{
  background:var(--ri-yellow)!important;
  color:#111!important;
  border-color:var(--ri-yellow)!important;
}

.ri-btn--yellow:hover{
  background:#111!important;
  color:#fff!important;
  border-color:#111!important;
}

@media (max-width:1024px){
  .ri-release{
    grid-template-columns:minmax(240px,380px) minmax(0,1fr);
    gap:clamp(26px,4vw,46px);
  }

  .ri-release__media img{
    max-width:380px;
    max-height:390px;
  }
}

@media (max-width:900px){
  .ri-release,
  .ri-release--reverse{
    display:flex;
    flex-direction:column;
    gap:28px;
    text-align:center;
  }

  .ri-release .ri-release__content,
  .ri-release--reverse .ri-release__content{
    order:1;
    max-width:100%;
  }

  .ri-release .ri-release__media,
  .ri-release--reverse .ri-release__media{
    order:2;
  }

  .ri-release__text{
    margin-left:auto;
    margin-right:auto;
  }
}

@media (max-width:560px){
  .ri-release{
    width:min(calc(100% - 20px),var(--ri-container));
    margin:22px auto;
    padding:26px 20px;
    border-radius:22px;
  }

  .ri-release__media img{
    max-width:310px;
    max-height:330px;
    border-radius:15px;
  }

  .ri-release__title{
    font-size:clamp(2rem,10vw,3rem);
  }

  .ri-release__subtitle{
    font-size:clamp(1.25rem,6vw,1.75rem);
  }
}