*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;max-width:100%;overflow-x:hidden;font-family:'Montserrat',sans-serif;background:#000;color:#fff}.hero{position:relative;width:100%;min-height:100svh;height:100vh;overflow:hidden}.video-bg{position:absolute;inset:0;width:100%;height:100%;z-index:1}.video-bg video{width:100%;height:100%;object-fit:cover;display:block}.video-bg::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.50)}.overlay{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;color:#fff}.logo{width:190px;max-width:80%;margin-bottom:18px}.overlay h1{font-size:3rem;font-weight:800;line-height:1.1;margin:12px 0;text-shadow:0 4px 18px rgba(0,0,0,.45)}.overlay h2{font-size:1.7rem;font-weight:700;color:#fc0;margin:10px 0 30px;text-shadow:0 4px 12px rgba(0,0,0,.4)}.dual-buttons{display:flex;justify-content:center;align-items:center;gap:28px;flex-wrap:wrap;width:100%;max-width:1200px;margin-top:10px}.city-card{position:relative;width:420px;max-width:100%;height:240px;border-radius:26px;overflow:hidden;text-decoration:none;background-size:cover;background-position:center;box-shadow:0 12px 35px rgba(0,0,0,.45);transition:.35s ease}.city-card:hover{transform:translateY(-6px) scale(1.02)}.city-overlay{position:absolute;inset:0;background:
    linear-gradient(
      to top,
      rgba(0,0,0,.85),
      rgba(0,0,0,.20)
    )}.city-content{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:28px;color:#fff}.city-title{font-size:2rem;font-weight:900;line-height:1.1;margin-bottom:10px;text-shadow:0 4px 10px rgba(0,0,0,.55)}.city-subtitle{font-size:1rem;font-weight:700;color:#fc0;text-shadow:0 2px 6px rgba(0,0,0,.5)}.grande-rio{background-image:url(https://circodosdinossauros.com.br/static/img/xgrande-rio.jpg.pagespeed.ic.wW3hJ6s87d.jpg)}.campos{background-image:url(https://circodosdinossauros.com.br/static/img/xcampos.jpg.pagespeed.ic.RWCAZBMaQx.jpg)}.content-section{position:relative;z-index:2;padding:80px 20px;min-height:100vh;display:flex;align-items:center;color:#fff;background-size:cover;background-position:center;background-repeat:no-repeat}.content-wrapper{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:40px;flex-wrap:wrap;background:rgba(0,0,0,.55);padding:40px;border-radius:16px}.content-image{width:500px;max-width:100%;border-radius:12px;box-shadow:0 4px 15px rgba(0,0,0,.35)}.content-text{flex:1}.content-text h2{font-size:2rem;margin-bottom:15px;color:#fc0}.content-text p,.content-text ul{font-size:1.1rem;line-height:1.7}.content-text ul{padding-left:20px}.content-text li{margin-bottom:8px}.section-circo{background-image:url(https://circodosdinossauros.com.br/static/img/xslide1.jpeg.pagespeed.ic.r-TGORMkQx.jpg)}.section-atracoes{background-image:url(https://circodosdinossauros.com.br/static/img/slide2.jpeg.pagespeed.ce.UgZ0dmXZKO.jpg)}.section-loja{background-image:url(https://circodosdinossauros.com.br/static/img/xslide3.jpeg.pagespeed.ic.frVeeWw90w.jpg)}.section-dinossauros{background-image:url(https://circodosdinossauros.com.br/static/img/xslide8.jpeg.pagespeed.ic.SiktrZON1I.jpg)}.section-ambientes{background-image:url(https://circodosdinossauros.com.br/static/img/xslide9.jpeg.pagespeed.ic.lqSoREoAhp.jpg)}.footer-social{position:fixed;bottom:0;left:0;width:100%;background:rgba(0,0,0,.92);display:flex;justify-content:center;align-items:center;gap:20px;padding:10px 0;z-index:1000}.footer-social .social-link,.footer-social .whatsapp-icon{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:1rem;font-weight:700}.footer-social .social-link:hover{color:#fc0}.footer-social img{transition:.3s ease}.footer-social .social-link img{width:22px;height:22px}.footer-social .whatsapp-icon img{width:40px;height:40px}.footer-social .whatsapp-icon img:hover{transform:scale(1.08)}@media (max-width:768px){.overlay{padding:20px 20px 110px}.logo{width:150px}.overlay h1{font-size:1.9rem;line-height:1.2}.overlay h2{font-size:1.2rem;margin-bottom:24px}.dual-buttons{gap:18px}.city-card{width:100%;height:220px;border-radius:22px}.city-content{padding:22px}.city-title{font-size:1.7rem}.city-subtitle{font-size:.95rem}.content-wrapper{flex-direction:column;padding:22px}.content-image{width:100%}.content-text h2{text-align:center;font-size:1.8rem}.content-text p,.content-text ul{text-align:center;font-size:1rem}.video-bg video{object-position:center top}.footer-social{gap:14px;padding:8px 0}.footer-social .social-link{font-size:.9rem}}