/* ================================ FUNDO PREMIUM ASPEKTO ================================ */ body{ background-color:#F5F8FD; background-image:url("https://grupoaspekto.com.br/wp-content/uploads/2026/07/fundo-aspekto-FINAL.svg"); background-repeat:no-repeat; background-position:center top; background-size:cover; background-attachment:fixed; } /* ================================ GLASS CARD - HERO ================================ */ .glass-card{ backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); } /* ================================ CARROSSEL PREMIUM ================================ */ .carousel-premium .swiper-wrapper{ gap:16px; } .carousel-premium .swiper-slide{ background:transparent; border-radius:24px; overflow:visible; } .carousel-premium img{ display:block; width:100%; height:auto; border-radius:24px; box-shadow:none; transition:transform .35s ease; } .carousel-premium img:hover{ transform:translateY(-2px) scale(1.01); } /* ================================ SETAS ================================ */ .carousel-premium .elementor-swiper-button{ width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:#6DB7E8 !important; color:#FFF !important; border:none !important; box-shadow:0 8px 18px rgba(15,23,42,.10); transition:.30s; } .carousel-premium .elementor-swiper-button:hover{ background:#2A282A !important; color:#FFF !important; transform:scale(1.08); box-shadow:0 12px 28px rgba(15,23,42,.12); } .carousel-premium .elementor-swiper-button i{ font-size:16px; } /* ================================ PAGINAÇÃO ================================ */ .carousel-premium .swiper-pagination-bullet{ width:7px; height:7px; background:#6BAED5; opacity:1; transition:.30s; } .carousel-premium .swiper-pagination-bullet-active{ width:20px; border-radius:20px; background:#DBD0BD; } /* ================================ GALERIA FOTOS / VÍDEOS ================================ */ /* Estado inicial */ .galeria-fotos{ display:block; } .galeria-videos{ display:none; } /* Controle pelo JavaScript */ .oculto{ display:none !important; } .ativo{ display:block !important; } /* ================================ BOTÕES FOTOS / VÍDEOS ================================ */ #btnFotos, #btnVideo{ transition:.25s ease; } #btnFotos.ativo, #btnVideo.ativo{ background:#21457B !important; color:#FFF !important; } #btnFotos:not(.ativo), #btnVideo:not(.ativo){ background:#2E2A2C !important; color:#FFF !important; } /* ========================= BOTÕES FOTOS / VÍDEOS ========================= */ #btnFotos, #btnVideo{ transition:all .30s ease; display:flex; align-items:center; justify-content:center; cursor:pointer; } /* Ativo */ #btnFotos.ativo, #btnVideo.ativo{ background:#244B84 !important; color:#fff !important; } /* Inativo */ #btnFotos:not(.ativo), #btnVideo:not(.ativo){ background:#2E292B !important; color:#fff !important; } /* ================================ HOVER BOTÕES FOTOS / VÍDEOS ================================ */ #btnFotos:hover, #btnVideo:hover{ transform:translateY(-2px); } #btnFotos:not(.ativo):hover, #btnVideo:not(.ativo):hover{ background:#4A95E7 !important; box-shadow: 0 10px 24px rgba(74,149,231,.28); } #btnFotos.ativo:hover, #btnVideo.ativo:hover{ box-shadow: 0 12px 26px rgba(36,75,132,.28); } /* ================================ CARROSSEL DE VÍDEOS ================================ */ .carousel-premium-video{ width:100%; overflow:hidden; position:relative; } .carousel-premium-video .swiper-slide{ position:relative; cursor:pointer; overflow:hidden; border-radius:22px; } .carousel-premium-video img{ width:100%; height:520px; object-fit:cover; display:block; border-radius:22px; transition: transform .45s ease, filter .35s ease; } /* Zoom suave */ .carousel-premium-video .swiper-slide:hover img{ transform:scale(1.035); filter: brightness(.82) contrast(1.05); } /* Botão Play */ .carousel-premium-video .swiper-slide::after{ content:""; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:65px; height:65px; border-radius:50%; background:rgba(255,255,255,.18); backdrop-filter:blur(12px); -webkit-backdrop-filter:blur(12px); border:1px solid rgba(255,255,255,.30); box-shadow: 0 10px 30px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.25); transition:all .35s ease; pointer-events:none; } /* Triângulo */ .carousel-premium-video .swiper-slide::before{ content:""; position:absolute; left:50%; top:50%; transform:translate(-42%,-50%); width:0; height:0; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:15px solid #fff; z-index:2; transition:.35s; pointer-events:none; } /* Hover */ .carousel-premium-video .swiper-slide:hover::after{ transform: translate(-50%,-50%) scale(1.12) rotate(6deg); background:linear-gradient( 135deg, #79C5F5, #4D98E8 ); box-shadow: 0 18px 42px rgba(77,152,232,.45), inset 0 1px 0 rgba(255,255,255,.3); } .carousel-premium-video .swiper-slide:hover::before{ transform: translate(-40%,-50%) scale(1.08); } /* Paginação */ .carousel-premium-video .swiper-pagination{ position:relative; margin-top:26px; } .carousel-premium-video .swiper-pagination-bullet{ width:9px; height:9px; background:#D2D9E8; opacity:1; transition:.35s; } .carousel-premium-video .swiper-pagination-bullet-active{ width:34px; border-radius:30px; background:#5AADE8; } .carousel-premium-video .swiper-button-prev, .carousel-premium-video .swiper-button-next{ width:54px; height:54px; border-radius:50%; background:rgba(255,255,255,.18); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); border:1px solid rgba(255,255,255,.28); box-shadow: 0 12px 35px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.25); color:#FFF; transition:.35s; } .carousel-premium-video .swiper-button-prev{ left:-5px; } .carousel-premium-video .swiper-button-next{ right:-5px; } .carousel-premium-video .swiper-button-prev::after, .carousel-premium-video .swiper-button-next::after{ font-size:20px; font-weight:700; } .carousel-premium-video .swiper-button-prev:hover, .carousel-premium-video .swiper-button-next:hover{ background:linear-gradient( 135deg, #79C5F5, #4D98E8 ); transform:scale(1.08); } /* Cursor */ .video-thumb{ cursor:pointer; } /* Fade */ @keyframes fadeIn{ from{ opacity:0; } to{ opacity:1; } } /* ========================================== CARROSSEL DE FOTOS ========================================== */ .carousel-premium-fotos{ width:100%; position:relative; overflow:hidden; padding-bottom:45px; } .carousel-premium-fotos .swiper-slide{ border-radius:22px; overflow:hidden; } .carousel-premium-fotos .swiper-slide{ aspect-ratio: 4 / 5; overflow: hidden; border-radius:22px; } .carousel-premium-fotos .swiper-slide img{ width:100%; height:100%; object-fit:cover; display:block; transition:.35s ease; } .carousel-premium-fotos .swiper-slide:hover img{ transform:scale(1.03); } /* SETAS */ .carousel-premium-fotos .swiper-button-prev, .carousel-premium-fotos .swiper-button-next{ width:44px; height:44px; border-radius:50%; background:#78c7ff; color:#fff; } .carousel-premium-fotos .swiper-button-prev::after, .carousel-premium-fotos .swiper-button-next::after{ font-size:20px; font-weight:700; } @media (max-width:767px){ .carousel-premium-fotos{ padding-bottom:32px; } .carousel-premium-fotos .swiper-button-prev{ left:8px; } .carousel-premium-fotos .swiper-button-next{ right:8px; } .carousel-premium-fotos .swiper-button-prev, .carousel-premium-fotos .swiper-button-next{ width:42px; height:42px; } .carousel-premium-fotos .swiper-button-prev::after, .carousel-premium-fotos .swiper-button-next::after{ font-size:16px; } .carousel-premium-fotos .swiper-slide{ border-radius:18px; } } /* PAGINAÇÃO */ .carousel-premium-fotos .swiper-pagination{ bottom:0 !important; } .carousel-premium-fotos .swiper-pagination-bullet{ width:8px; height:8px; } .carousel-premium-fotos .swiper-pagination-bullet-active{ background:#78c7ff; }