/* ===== Junta 2024 (Junta X) ===== */
:root{--pink:#FF00CF;--green:#64C294;--purple:#5D4EA1}

/* Cabeçalho */
.site-header.h24{display:flex;align-items:stretch;min-height:74px;padding:0 60px;background:rgba(255,109,201,.19)}
.site-header.h24 .h24-left{width:80%;display:flex;align-items:center;padding:3px 0}
.site-header.h24 .h24-right{width:20%;display:flex;flex-direction:column;justify-content:center}
.site-header.h24 .main-nav>ul>li>a{font-family:'Namu 1930',sans-serif;font-size:14px;font-weight:100;line-height:20px;align-items:center}
.site-header.h24 .social a{width:42px;height:42px}

/* Hero da home */
.h24-hero{min-height:100vh;padding:10px;background:center/cover no-repeat}

/* Lista de atrações da home */
.h24-list{overflow:hidden}
.h24-item{padding:10px}
.h24-card{position:relative;display:flex;flex-direction:column;gap:20px;width:50%;min-height:100vh;margin:0 auto;padding:10px;color:var(--link)}
.h24-abs{position:absolute;top:0;left:0;right:0;padding:10px;display:flex;flex-direction:column;gap:20px;z-index:2;pointer-events:none}
.h24-t,.h24-d{margin:0;color:var(--pink);font-family:'Namu 1930',sans-serif;mix-blend-mode:hard-light}
.h24-card .h24-t{font-size:120px;line-height:100px;font-weight:100}
.h24-card .h24-d{font-size:26px;line-height:100px;font-weight:900;text-transform:uppercase}
.h24-card.r .h24-t{font-size:100px;line-height:90px;font-weight:900;text-align:right}
.h24-card.r .h24-d{text-align:right}
.h24-card .h24-img{width:100%;display:flex;justify-content:center;filter:grayscale(1) contrast(1) brightness(1);transition:all .2s ease-in-out}
.h24-card .h24-img:hover{filter:grayscale(0) contrast(1) brightness(1)}
.h24-card .h24-img .in{display:flex;justify-content:inherit;width:100%;will-change:transform}
.h24-card .h24-img img{display:block;width:60%;height:auto}
.h24-card.l .i2{justify-content:flex-end}
.h24-card.r .i1{justify-content:flex-start}
.h24-card.r .i1 img{width:70%}
.h24-card.r .i2 img{width:50%}
.h24-mob{display:none}

/* Bloco do blog na home */
.h24-blog{margin-top:100px;padding:50px;display:flex;flex-direction:column;gap:20px;background:#F1F1F1 center/cover no-repeat fixed}
.g24{display:flex;flex-wrap:wrap}
.g24.c4{margin:-5px}.g24.c4>.it{width:25%;padding:5px}
.g24.c3{margin:0 -10px}.g24.c3>.it{width:33.333%;padding:10px}
.b24{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:400px;overflow:hidden;color:var(--link)}
.b24 .bg{position:absolute;inset:0;background:center/cover no-repeat;transition:filter .3s}
.b24:hover .bg{filter:blur(8.6px)}
.b24 .ov{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:10px;opacity:0;transition:.5s}
.b24:hover .ov{opacity:.9}
.b24 .tt{display:block;padding:0 40px;font-family:'Namu 1930',sans-serif;font-size:24px;line-height:36px;color:#fff}
.btn24{display:inline-block;padding:12px 24px;border:0;border-radius:50px;background:var(--green);color:#fff;font-family:Roboto,sans-serif;font-size:15px;font-weight:500;line-height:1;cursor:pointer}
.btn24.b{border:3px solid #fff}
.h24-patro{padding:60px 10px;text-align:center}
.h24-patro img{width:100%;height:auto}
.h24-patro .m{display:none}

/* Topo das páginas internas */
.hero24{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;min-height:40vh;padding:10px;background-repeat:no-repeat;background-size:cover}
.hero24 h2{margin:0;font-family:'Namu 1930',sans-serif;font-size:140px;font-weight:900;line-height:1;color:transparent;-webkit-text-stroke:1px #fff}

/* Duas colunas (Sobre, atração, blog) */
.cols24{padding:0 10px}
.cols24 .box{display:flex;gap:60px}
.cols24 .c-l{flex:0 0 calc((100% - 60px) * .2972);padding:10px;display:flex;flex-direction:column;gap:20px;text-align:right}
.cols24 .c-r{flex:1;min-width:0;padding:10px;display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.p24-title{margin:0;font-family:'Namu 1930',sans-serif;font-weight:100;font-size:40px;line-height:1;color:var(--purple)}
.p24-title.s{font-size:32px}
.p24-info{list-style:none;margin:0;padding:0;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:0 16px;color:var(--green);font-size:16px;line-height:24px;font-weight:400}
.p24-info li{display:flex;align-items:center}
.p24-info svg{width:14px;height:14px;fill:var(--green)}
.p24-info span{padding-left:5px}
.p24-info.roboto{font-family:Roboto,sans-serif}
.p24-info.n1930{font-family:'Namu 1930',sans-serif}
.p24-author{margin:8px 0 5px;font-family:'Namu 1930',sans-serif;font-size:24px;font-weight:100;line-height:1.2;color:var(--purple)}
.entry24{font-family:Namu,sans-serif;font-size:18px;font-weight:400;line-height:1.5;color:var(--purple)}
.entry24.n1930{font-family:'Namu 1930',sans-serif}
.entry24 p{margin:0 0 14.4px}
.entry24 img{max-width:100%;height:auto}
.entry24 a{color:var(--link)}
.sobre24-txt{font-family:'Namu 1930',sans-serif;font-size:16px;font-weight:300;line-height:24px;color:var(--purple)}
.sobre24-txt p{margin:0 0 14.4px}
.gal24{display:flex;align-items:flex-start;margin:-10px;width:calc(100% + 20px)}
.gal24 .m-col{width:50%}
.gal24 a{display:block;padding:10px}
.gal24 img{width:100%;display:block}

/* Página do blog */
.blog24{padding:0 10px;background:center/cover no-repeat fixed}
.blog24 .box{padding:10px 0}
.blog24 .lm-wrap{padding:10px 0}
.g24 .it.hide{display:none}

/* Ingressos 2024 */
.ing24{padding:0 10px}
.ing24 .row{display:flex;align-items:center;padding:10px;color:var(--link)}
.ing24 .c1{width:33.333%;padding:10px}
.ing24 .c1 img{display:block;width:100%;height:auto;border-right:20px solid var(--purple)}
.ing24 .c2{width:66.666%;padding:10px;display:flex;flex-direction:column;gap:20px;font-family:'Namu 1930',sans-serif}
.ing24 .t{font-size:24px;line-height:36px;color:var(--purple)}
.ing24 .d{font-size:16px;line-height:24px;color:var(--green)}
.ing24-single{padding:140px 10px 0}

/* Tablet */
@media (max-width:1024px){
  .site-header.h24{padding:0 60px}
  .h24-card{width:100%;padding:0 40px}
  .h24-card.r{padding:40px}
  .h24-card .h24-t,.h24-card.r .h24-t{font-size:90px;line-height:.9em}
  .h24-card .h24-d{font-size:20px;line-height:.9em}
  .h24-card.l .i1 img,.h24-card.r .i1 img{width:80%}
  .h24-card.l .i2 img,.h24-card.r .i2 img{width:70%}
  .g24.c4>.it{width:50%}
  .g24.c3>.it{width:50%}
}

/* Celular */
@media (max-width:767px){
  .site-header.h24{flex-direction:column;padding:0 20px}
  .site-header.h24 .h24-left,.site-header.h24 .h24-right{width:100%}
  .site-header.h24 .h24-left{flex-direction:column}
  .site-header.h24 .social{justify-content:center}
  .home-2024 .site-header.h24{position:absolute;background:transparent}
  .home-2024 .site-header.h24 .h24-right{margin-top:13px}
  .home-2024 .site-header.h24 .main-nav{display:block;padding:0}
  .home-2024 .site-header.h24 .main-nav>ul{flex-direction:column;align-items:center}
  .home-2024 .site-header.h24 .main-nav>ul>li>a{padding:8px 20px;justify-content:center}
  .home-2024 .site-header.h24 .main-nav>ul>li>a::after{display:none}
  .h24-item{padding:0}
  .h24-card{display:none}
  .h24-mob{display:flex;flex-direction:column}
  .h24-mob .h24-t{padding:20px 40px 0;font-size:30px;line-height:1em;font-weight:900;text-align:center}
  .h24-mob .h24-d{padding:20px 40px;font-size:18px;line-height:1em;font-weight:900;text-align:center}
  .h24-mob .h24-img{padding:0 20px 20px}
  .h24-mob .h24-img img{width:100%;display:block}
  .h24-blog{padding:20px}
  .g24.c4>.it,.g24.c3>.it{width:100%}
  .g24.c4>.it{padding:10px 5px}
  .h24-patro .d{display:none}.h24-patro .m{display:block}
  .hero24 h2{font-size:80px}
  .cols24 .box{flex-direction:column;gap:0}
  .ing24 .row{flex-direction:column}
  .ing24 .c1,.ing24 .c2{width:100%}
}
