.attractions-story-section{
  position:relative;
  overflow:hidden;
  padding:38px 0 46px!important;
  background:linear-gradient(135deg,var(--primary),color-mix(in srgb,var(--secondary) 34%, #020617 66%));
  isolation:isolate;
}
.attractions-story-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.attractions-story-bg-video,.attractions-story-bg-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.34;transform:scale(1.04)}
.attractions-story-overlay{position:absolute;inset:0;background:radial-gradient(circle at top left, rgba(255,255,255,.12), transparent 30%),radial-gradient(circle at bottom right, rgba(255,255,255,.08), transparent 24%),linear-gradient(180deg, rgba(2,6,23,.42) 0%, rgba(2,6,23,.58) 48%, rgba(2,6,23,.72) 100%)}
.attractions-story-glow{position:absolute;border-radius:999px;filter:blur(14px);opacity:.32;pointer-events:none}
.attractions-story-glow.glow-a{width:280px;height:280px;left:-60px;top:-40px;background:rgba(255,255,255,.22)}
.attractions-story-glow.glow-b{width:220px;height:220px;right:-30px;bottom:20px;background:rgba(255,255,255,.16)}
.attractions-story-shell{position:relative;z-index:1}
.attractions-story-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:20px}
.attractions-story-head h2,.attractions-story-head .lead{color:#fff!important}
.attractions-story-head h2{margin-top:8px}
.attractions-story-head .lead{max-width:680px;opacity:.88}
.story-section-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.16);color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px)}
.story-section-link{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.12);color:#fff!important;text-decoration:none;font-weight:800;box-shadow:0 16px 40px rgba(2,6,23,.16);backdrop-filter:blur(12px);transition:.18s ease}
.story-section-link:hover{transform:translateY(-1px);background:rgba(255,255,255,.18)}
.attractions-story-wrap{position:relative;padding:4px 52px!important}
.attractions-story-track{display:flex;gap:18px;align-items:stretch}
.attractions-story-track .home-carousel-item{flex:0 0 calc((100% - 54px) / 4);min-width:0}
.attraction-story-card{position:relative;min-height:430px;border-radius:26px;overflow:hidden;background:#0f172a;box-shadow:0 20px 50px rgba(2,6,23,.28);border:1px solid rgba(255,255,255,.10)}
.attraction-story-card .fav-btn.inside-card{top:14px!important;right:14px!important;z-index:5}
.attraction-story-link{position:absolute;inset:0;display:block;color:#fff!important;text-decoration:none!important}
.attraction-story-media,.attraction-story-media img{width:100%;height:100%}
.attraction-story-media img{display:block;object-fit:cover;transition:transform .45s ease}
.attraction-story-inner{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:16px;background:linear-gradient(180deg, rgba(2,6,23,.16) 0%, rgba(2,6,23,.06) 20%, rgba(2,6,23,.2) 40%, rgba(2,6,23,.82) 100%)}
.attraction-story-top{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.story-pill{display:inline-flex;align-items:center;min-height:30px;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(10px);color:#fff;font-size:12px;font-weight:800;line-height:1}
.story-city{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:rgba(2,6,23,.28);color:rgba(255,255,255,.92);font-size:12px;font-weight:700;backdrop-filter:blur(10px)}
.attraction-story-bottom{display:grid;gap:10px}
.attraction-story-bottom h3{margin:0;color:#fff!important;font-size:21px;line-height:1.15;text-shadow:0 6px 18px rgba(2,6,23,.42)}
.attraction-story-bottom p{margin:0;color:rgba(255,255,255,.92)!important;line-height:1.58;font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.story-cta{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:38px;padding:9px 14px;border-radius:999px;background:#fff;color:#0f172a;font-size:13px;font-weight:900;letter-spacing:.01em}
.attraction-story-card:hover{transform:translateY(-3px);box-shadow:0 26px 64px rgba(2,6,23,.38)}
.attraction-story-card:hover .attraction-story-media img{transform:scale(1.06)}
.attraction-story-card:hover .story-cta{background:var(--secondary);color:#111827}
.story-arrow{background:rgba(255,255,255,.18)!important;color:#fff!important;border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(10px)}
.story-arrow:hover{background:rgba(255,255,255,.28)!important}
.attractions-story-wrap .home-car-dots button{background:rgba(255,255,255,.35)!important}
.attractions-story-wrap .home-car-dots button.active{background:#fff!important}
@media (max-width:1200px){.attractions-story-track .home-carousel-item{flex-basis:calc((100% - 36px) / 3)}}
@media (max-width:1024px){.attractions-story-head{align-items:flex-start;flex-direction:column}.attractions-story-track .home-carousel-item{flex-basis:calc((100% - 18px) / 2)}}
@media (max-width:760px){.attractions-story-section{padding:28px 0 34px!important}.attractions-story-wrap{padding:4px 0!important}.attractions-story-track{gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 8px}.attractions-story-track .home-carousel-item{flex:0 0 72%;scroll-snap-align:start}.attraction-story-card{min-height:400px;border-radius:22px}.attractions-story-head .lead{font-size:14px}.attraction-story-bottom h3{font-size:20px}.story-section-link{min-height:40px;font-size:13px}}
@media (max-width:560px){.attractions-story-track .home-carousel-item{flex-basis:78%}}


/* V190 - Ajustes solicitados na seção Atrações */
.attractions-story-section .story-section-kicker,
.attractions-story-section .story-section-link{
  display:none!important;
}

.attractions-story-section .attractions-story-head{
  align-items:flex-start!important;
}

.attractions-story-section .attractions-story-head h2,
.attractions-story-section .attractions-story-head .lead,
.attractions-story-section .attractions-story-head p,
.attractions-story-section .section-head h2,
.attractions-story-section .section-head .lead{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
  opacity:1!important;
  text-shadow:0 2px 14px rgba(0,0,0,.28)!important;
}

.attractions-story-section .attractions-story-head .lead{
  color:rgba(255,255,255,.92)!important;
  -webkit-text-fill-color:rgba(255,255,255,.92)!important;
}


/* V191 - Remover sombreado atrás dos cards de Atrações */
.attractions-story-section .attraction-story-card{
  box-shadow:none!important;
}

.attractions-story-section .attraction-story-card:hover{
  box-shadow:none!important;
}

.attractions-story-section .attraction-story-bottom h3{
  text-shadow:none!important;
}

.attractions-story-section .attraction-story-inner{
  background:linear-gradient(180deg, rgba(2,6,23,.06) 0%, rgba(2,6,23,.04) 24%, rgba(2,6,23,.16) 50%, rgba(2,6,23,.68) 100%)!important;
}


/* V192 - Hover do botão com texto branco quando fundo estiver escuro */
.attractions-story-section .attraction-story-card:hover .story-cta,
.attractions-story-section .story-cta:hover{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}

/* Mantém o texto branco também quando o botão herdar cor escura configurada */
.attractions-story-section a:hover .story-cta{
  color:#ffffff!important;
  -webkit-text-fill-color:#ffffff!important;
}


/* V193 - Remover cidade dos cards de atrações */
.attractions-story-section .story-city{
  display:none!important;
}


/* V196 - Correção mobile: imagens dos stories de Atrações sem aparecer pela metade */
@media(max-width:760px){
  .attractions-story-section .attractions-story-track{
    overflow-x:auto!important;
    overflow-y:visible!important;
    scroll-snap-type:x mandatory!important;
    padding:4px 16px 12px!important;
    margin-left:-16px!important;
    margin-right:-16px!important;
  }

  .attractions-story-section .attractions-story-track .home-carousel-item,
  .attractions-story-section .attraction-story-card{
    flex:0 0 76vw!important;
    width:76vw!important;
    max-width:320px!important;
    min-width:250px!important;
  }

  .attractions-story-section .attraction-story-card{
    height:420px!important;
    min-height:420px!important;
  }

  .attractions-story-section .attraction-story-link,
  .attractions-story-section .attraction-story-media{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:block!important;
  }

  .attractions-story-section .attraction-story-media img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center center!important;
    display:block!important;
  }

  .attractions-story-section .home-carousel-wrap,
  .attractions-story-section .attractions-story-wrap{
    overflow:visible!important;
    max-width:100%!important;
  }
}

@media(max-width:420px){
  .attractions-story-section .attractions-story-track .home-carousel-item,
  .attractions-story-section .attraction-story-card{
    flex-basis:82vw!important;
    width:82vw!important;
    max-width:300px!important;
  }
}


/* V215 - Centralizar slide de Atrações no mobile */
@media(max-width:760px){
  .attractions-story-section .attractions-story-wrap{
    padding-left:0!important;
    padding-right:0!important;
    overflow:hidden!important;
  }

  .attractions-story-section .attractions-story-track{
    display:flex!important;
    align-items:stretch!important;
    gap:14px!important;
    padding-left:calc((100vw - 76vw) / 2)!important;
    padding-right:calc((100vw - 76vw) / 2)!important;
    margin-left:calc(50% - 50vw)!important;
    margin-right:calc(50% - 50vw)!important;
    scroll-padding-left:calc((100vw - 76vw) / 2)!important;
    scroll-padding-right:calc((100vw - 76vw) / 2)!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    justify-content:flex-start!important;
  }

  .attractions-story-section .attractions-story-track .home-carousel-item,
  .attractions-story-section .attraction-story-card{
    flex:0 0 76vw!important;
    width:76vw!important;
    max-width:320px!important;
    min-width:250px!important;
    scroll-snap-align:center!important;
  }
}

@media(max-width:420px){
  .attractions-story-section .attractions-story-track{
    padding-left:calc((100vw - 82vw) / 2)!important;
    padding-right:calc((100vw - 82vw) / 2)!important;
    scroll-padding-left:calc((100vw - 82vw) / 2)!important;
    scroll-padding-right:calc((100vw - 82vw) / 2)!important;
  }

  .attractions-story-section .attractions-story-track .home-carousel-item,
  .attractions-story-section .attraction-story-card{
    flex-basis:82vw!important;
    width:82vw!important;
    max-width:300px!important;
  }
}