.elementor .desktoptexto-principal{font-family:"Montserrat";font-weight:700;font-size:1.5rem;color:var(--azul-2-apoio);letter-spacing:-0.48px;line-height:160%;}.elementor .desktoptexto-micro{font-family:"Montserrat";font-weight:500;font-size:0.625rem;letter-spacing:10%;line-height:180%;text-transform:uppercase;}.elementor .desktoptexto-box{font-family:"Montserrat";font-weight:500;font-size:1rem;color:var(--azul-2-apoio);letter-spacing:-0.32px;line-height:180%;}.elementor .desktoptexto-apoio{font-family:"Montserrat";font-weight:500;font-size:1.25rem;color:var(--azul-2-apoio);letter-spacing:-0.4px;line-height:180%;}.elementor .desktoptag{font-family:"Montserrat";font-weight:700;font-size:1rem;color:var(--azul-3-tag);letter-spacing:5.44px;line-height:150%;text-transform:uppercase;}.elementor .desktoph3{font-family:"Playfair Display";font-weight:600;font-size:1.75rem;letter-spacing:-0.56px;line-height:130%;}.elementor .desktoph2{font-family:"Playfair Display";font-weight:600;font-size:3.25em;letter-spacing:-1.04px;line-height:130%;}.elementor .desktopbotao{font-family:"Montserrat";font-weight:500;font-size:1rem;color:var(--branco);letter-spacing:2px;line-height:150%;text-align:center;text-transform:uppercase;padding-block-start:24px;padding-block-end:24px;padding-inline-start:50px;padding-inline-end:50px;border-radius:100px;background-color:var(--amarelo-1);display:inline-flex;justify-content:center;align-items:center;white-space: normal !important;\n}.elementor .s1-hero{min-height:10px;}.elementor .split-media{min-height:600px;}.elementor .Desktoph1{font-size:64px;}.elementor .split-section{min-width:100%;overflow:hidden;padding:0px;background-color:var(--azul-1-principal);gap:0px;justify-content:center;align-items:center;/* ================================================== SPLIT FULL-BLEED — DESKTOP / NOTEBOOK 1025px ou mais ================================================== */ @media (min-width: 1025px) { /* ================================================== SEÇÃO GERAL ================================================== */ .split-section { position: relative; width: 100%; overflow: hidden; } /* ================================================== CONTAINER CENTRAL — 1280px 40% reservado visualmente para imagem 60% para conteúdo ================================================== */ .split-inner { position: relative; z-index: 2; display: grid !important; grid-template-columns: 40% 60%; width: 100%; max-width: 1280px; margin-inline: auto; } /* ================================================== CONTEÚDO ================================================== */ .split-content { grid-column: 2; width: 100%; min-width: 0; padding: 72px 64px; box-sizing: border-box; } /* ================================================== IMAGEM FULL-BLEED Vai da lateral esquerda da viewport até o ponto correspondente aos 40% do container central de 1280px. ================================================== */ .split-media { position: absolute; top: 0; bottom: 0; left: 0; width: calc(50% - 100px); height: 100%; overflow: hidden; z-index: 1; } /* Widget Elementor */ .split-media .elementor-widget-image { position: absolute; inset: 0; width: 100%; height: 100%; } .split-media .elementor-widget-image .elementor-widget-container { width: 100%; height: 100%; } /* Imagem */ .split-media .elementor-widget-image img { display: block; width: 100%; height: 100%; object-fit: cover; /* CROP DESKTOP */ object-position: 50% 50%; } } /* ================================================== SPLIT FULL-BLEED — TABLET 768px até 1024px ================================================== */ @media (min-width: 768px) and (max-width: 1024px) { /* ================================================== SEÇÃO display:block evita o Elementor/Flex esticar o frame da imagem. ================================================== */ .split-section { position: relative; display: block !important; width: 100%; height: auto !important; min-height: 0 !important; overflow: hidden; } /* ================================================== CONTAINER DO CONTEÚDO ================================================== */ .split-inner { position: relative; z-index: 2; display: block !important; width: 100%; max-width: none; height: auto !important; min-height: 0 !important; margin: 0; } /* ================================================== CONTEÚDO ================================================== */ .split-content { width: 100%; height: auto !important; min-height: 0 !important; padding: 64px 40px; box-sizing: border-box; } /* ================================================== FRAME DA IMAGEM Sai do absolute e entra no fluxo abaixo do conteúdo. ================================================== */ .split-media { position: relative; top: auto; right: auto; bottom: auto; left: auto; display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 3 / 2 !important; margin: 0; overflow: hidden; z-index: 1; } /* Widget Elementor */ .split-media .elementor-widget-image { position: absolute; inset: 0; width: 100%; height: 100%; } .split-media .elementor-widget-image .elementor-widget-container { width: 100%; height: 100%; } /* Imagem */ .split-media .elementor-widget-image img { display: block; width: 100%; height: 100%; object-fit: cover; /* CROP TABLET */ object-position: 50% 55%; } } /* ================================================== SPLIT FULL-BLEED — MOBILE até 767px ================================================== */ @media (max-width: 767px) { /* ================================================== SEÇÃO ================================================== */ .split-section { position: relative; display: block !important; width: 100%; height: auto !important; min-height: 0 !important; overflow: hidden; } /* ================================================== CONTAINER DO CONTEÚDO ================================================== */ .split-inner { position: relative; z-index: 2; display: block !important; width: 100%; max-width: none; height: auto !important; min-height: 0 !important; margin: 0; } /* ================================================== CONTEÚDO ================================================== */ .split-content { width: 100%; height: auto !important; min-height: 0 !important; box-sizing: border-box; } /* ================================================== FRAME DA IMAGEM ================================================== */ .split-media { position: relative; top: auto; right: auto; bottom: auto; left: auto; display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; max-height: none !important; aspect-ratio: 1 / 1 !important; margin: 0; overflow: hidden; z-index: 1; } /* Widget Elementor */ .split-media .elementor-widget-image { position: absolute; inset: 0; width: 100%; height: 100%; } .split-media .elementor-widget-image .elementor-widget-container { width: 100%; height: 100%; } /* Imagem */ .split-media .elementor-widget-image img { display: block; width: 100%; height: 100%; object-fit: cover; /* CROP MOBILE */ object-position: 60% 50%; } }\n}.elementor .split-inner{flex-direction:column;gap:0px;align-items:start;}.elementor .reserva-card{padding:0px;@media (min-width: 1025px) { .reserva-card { position: relative; overflow: visible; } .reserva-content { width: 47%; padding: 100px 0px 100px 48px; box-sizing: border-box; } .reserva-media { position: absolute; top: -18px; right: 12px; bottom: -18px; width: 45%; overflow: hidden; } .reserva-media .elementor-widget-image { position: absolute; inset: 0; width: 100%; height: 100%; } .reserva-media .elementor-widget-container { width: 100%; height: 100%; } .reserva-media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 30% 50%; } } /* ========================================= TABLET ========================================= */ @media (min-width: 768px) and (max-width: 1024px) { .reserva-card { position: relative; display: flex !important; flex-direction: column !important; align-items: stretch; overflow: visible; } .reserva-content { width: 100%; padding: 48px 32px; box-sizing: border-box; } .reserva-media { position: relative; top: auto; right: auto; bottom: -18px; left: auto; /* azul continua aparecendo nas laterais */ width: 86%; /* altura permanece fixa enquanto a largura responde à viewport */ height: 516px; margin-inline: auto; flex: 0 0 auto; align-self: center; overflow: hidden; } .reserva-media .elementor-widget-image { position: absolute; inset: 0; width: 100%; height: 100%; } .reserva-media .elementor-widget-container { width: 100%; height: 100%; } .reserva-media img { display: block; width: 100%; height: 100%; object-fit: cover; /* CROP TABLET */ object-position: 50% 45%; } } /* ========================================= MOBILE ========================================= */ @media (max-width: 767px) { .reserva-card { position: relative; display: flex !important; flex-direction: column !important; align-items: stretch; overflow: visible; } .reserva-content { width: 100%; padding: 40px 20px; box-sizing: border-box; } .reserva-media { position: relative; top: auto; right: auto; bottom: -18px; left: auto; /* 8px de azul aproximadamente em cada lateral */ width: calc(100% - 16px); height: 400px; margin-inline: auto; flex: 0 0 auto; align-self: center; overflow: hidden; } .reserva-media .elementor-widget-image { position: absolute; inset: 0; width: 100%; height: 100%; } .reserva-media .elementor-widget-container { width: 100%; height: 100%; } .reserva-media img { display: block; width: 100%; height: 100%; object-fit: cover; /* CROP MOBILE */ object-position: 30% 45%; } }\n}.elementor .split-content{flex-direction:column;gap:32px;}.elementor .experiencias{/* ================================================== EXPERIÊNCIAS — DESKTOP / NOTEBOOK 1025px ou mais ================================================== */ @media (min-width: 1025px) { /* ================================================== STAGE 900 × 506.25px = 16:9 ÚNICA FONTE DE DIMENSÃO ================================================== */ .experiencias-stage { position: relative; width: 900px; height: 506.25px; margin-inline: auto; overflow: visible; } /* ================================================== SLIDES Cada slide ocupa exatamente o stage ================================================== */ .experiencias-slide { position: absolute; inset: 0; display: block !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; box-sizing: border-box; transition: transform .55s cubic-bezier(.22,.61,.36,1), filter .45s ease, opacity .45s ease; } /* ================================================== FRAME DA IMAGEM É ele que recorta a fotografia ================================================== */ .experiencias-media { position: absolute !important; inset: 0 !important; display: block !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; overflow: hidden; } /* ================================================== WIDGET DE IMAGEM Ocupa o frame, sem definir dimensões próprias ================================================== */ .experiencias-media .elementor-widget-image { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; } /* Wrapper interno do Elementor */ .experiencias-media .elementor-widget-image .elementor-widget-container { width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden; } /* ================================================== IMAGEM REAL ================================================== */ .experiencias-media .elementor-widget-image img { display: block; width: 100% !important; height: 100% !important; min-width: 100% !important; min-height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover; /* Ajuste do enquadramento */ object-position: 50% 50%; } /* ================================================== SLIDE ATIVO ================================================== */ .experiencias-slide.is-active { z-index: 3; transform: translateX(0) scale(1); filter: blur(0); opacity: 1; } /* ================================================== SEGUNDO SLIDE ================================================== */ .experiencias-slide.is-next { z-index: 2; transform: translateX(-90px) scale(.9); filter: blur(2px); opacity: .65; } /* ================================================== SLIDE DO FUNDO ================================================== */ .experiencias-slide.is-back { z-index: 1; transform: translateX(-180px) scale(.80); filter: blur(4px); opacity: .35; } /* ================================================== CARD Alinhado pela base da imagem ================================================== */ .experiencias-card { position: absolute !important; top: auto !important; right: -100px !important; bottom: 0 !important; left: auto !important; width: 400px; height: auto !important; box-sizing: border-box; z-index: 20; opacity: 0; visibility: hidden; transform: translateY(10px); pointer-events: none; transition: opacity .35s ease, transform .45s ease, visibility .35s ease; } /* ================================================== CARD DO SLIDE ATIVO ================================================== */ .experiencias-slide.is-active .experiencias-card { opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; } /* ================================================== BOTÃO ATIVO O estado normal é configurado no Elementor. is-active é controlado pelo JavaScript. ================================================== */ .experiencias-tab.is-active { background: #2f4558 !important; background-color: #2f4558 !important; color: #ffffff !important; border-color: #2f4558 !important; } /* Texto ou ícone dentro do botão */ .experiencias-tab.is-active * { color: #ffffff !important; } } /* ================================================== EXPERIÊNCIAS — TABLET 768px até 1024px ================================================== */ @media (min-width: 768px) and (max-width: 1024px) { /* Evita scroll horizontal causado pelas imagens laterais */ .experiencias { overflow: hidden; } /* ================================================== STAGE A altura agora é determinada pelo slide ativo: imagem + card. ================================================== */ .experiencias-stage { position: relative; width: 100%; height: auto; margin-inline: auto; overflow: visible; } /* ================================================== SLIDES ================================================== */ .experiencias-slide { position: absolute; top: 0; left: 0; display: block !important; width: 100% !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; box-sizing: border-box; transition: transform .55s cubic-bezier(.22,.61,.36,1), opacity .45s ease; } /* O slide ativo entra no fluxo e passa a determinar a altura do stage */ .experiencias-slide.is-active { position: relative; top: auto; left: auto; z-index: 3; transform: none; opacity: 1; } /* ================================================== FRAME DA IMAGEM ATIVA ================================================== */ .experiencias-media { position: relative !important; inset: auto !important; display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; min-width: 0 !important; min-height: 0 !important; overflow: hidden; } /* ================================================== WIDGET DE IMAGEM ================================================== */ .experiencias-media .elementor-widget-image { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; } .experiencias-media .elementor-widget-image .elementor-widget-container { width: 100% !important; height: 100% !important; min-width: 0 !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; overflow: hidden; } .experiencias-media .elementor-widget-image img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover; object-position: 50% 50%; } /* ================================================== IMAGEM DA ESQUERDA ================================================== */ .experiencias-slide.is-back { z-index: 1; transform: translateX(-48px); opacity: .55; pointer-events: none; } .experiencias-slide.is-back .experiencias-media { transform: scale(.94); filter: blur(6px); } /* ================================================== IMAGEM DA DIREITA ================================================== */ .experiencias-slide.is-next { z-index: 2; transform: translateX(48px); opacity: .55; pointer-events: none; } .experiencias-slide.is-next .experiencias-media { transform: scale(.94); filter: blur(6px); } /* ================================================== CARD Agora fica em fluxo, imediatamente abaixo da imagem. ================================================== */ .experiencias-card { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: 100% !important; height: auto !important; margin: 0 !important; box-sizing: border-box; z-index: 4; opacity: 0; visibility: hidden; transform: none; pointer-events: none; } /* Card apenas do slide ativo */ .experiencias-slide.is-active .experiencias-card { opacity: 1; visibility: visible; transform: none; pointer-events: auto; } /* Cards dos slides laterais não ocupam espaço */ .experiencias-slide.is-next .experiencias-card, .experiencias-slide.is-back .experiencias-card { display: none !important; } /* ================================================== BOTÃO ATIVO ================================================== */ .experiencias-tab.is-active { background: #2f4558 !important; background-color: #2f4558 !important; color: #ffffff !important; border-color: #2f4558 !important; } .experiencias-tab.is-active * { color: #ffffff !important; } } /* ================================================== EXPERIÊNCIAS — MOBILE até 767px ================================================== */ @media (max-width: 767px) { .experiencias { overflow: hidden; } /* ================================================== STAGE ================================================== */ .experiencias-stage { position: relative; width: 100%; height: auto; margin-inline: auto; overflow: visible; } /* ================================================== SLIDES ================================================== */ .experiencias-slide { position: absolute; top: 0; left: 0; display: block !important; width: 100% !important; height: auto !important; min-width: 0 !important; min-height: 0 !important; box-sizing: border-box; transition: transform .55s cubic-bezier(.22,.61,.36,1), opacity .45s ease; } /* Ativo determina a altura */ .experiencias-slide.is-active { position: relative; top: auto; left: auto; z-index: 3; transform: none; opacity: 1; } /* ================================================== FRAME DA IMAGEM Mantido 16:9 por enquanto. ================================================== */ .experiencias-media { position: relative !important; inset: auto !important; display: block !important; width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; min-width: 0 !important; min-height: 0 !important; overflow: hidden; } .experiencias-media .elementor-widget-image { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; margin: 0 !important; } .experiencias-media .elementor-widget-image .elementor-widget-container { width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; overflow: hidden; } .experiencias-media .elementor-widget-image img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; max-height: none !important; object-fit: cover; object-position: 50% 50%; } /* ================================================== IMAGEM ESQUERDA ================================================== */ .experiencias-slide.is-back { z-index: 1; transform: translateX(-28px); opacity: .50; pointer-events: none; } .experiencias-slide.is-back .experiencias-media { transform: scale(.94); filter: blur(6px); } /* ================================================== IMAGEM DIREITA ================================================== */ .experiencias-slide.is-next { z-index: 2; transform: translateX(28px); opacity: .50; pointer-events: none; } .experiencias-slide.is-next .experiencias-media { transform: scale(.94); filter: blur(6px); } /* ================================================== CARD Sem espaço entre imagem e card ================================================== */ .experiencias-card { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; width: 100% !important; height: auto !important; margin: 0 !important; box-sizing: border-box; z-index: 4; opacity: 0; visibility: hidden; transform: none; pointer-events: none; } .experiencias-slide.is-active .experiencias-card { opacity: 1; visibility: visible; transform: none; pointer-events: auto; } .experiencias-slide.is-next .experiencias-card, .experiencias-slide.is-back .experiencias-card { display: none !important; } /* ================================================== BOTÃO ATIVO ================================================== */ .experiencias-tab.is-active { background: #2f4558 !important; background-color: #2f4558 !important; color: #ffffff !important; border-color: #2f4558 !important; } .experiencias-tab.is-active * { color: #ffffff !important; } }\n}.elementor .experiencias-tab{width:250px;color:var(--azul-1-principal);padding-block-start:16px;padding-block-end:16px;padding-inline-start:32px;padding-inline-end:32px;border-radius:100px;border-width:1px;border-color:var(--azul-1-principal);border-style:solid;background-color:var(--branco);}.elementor .experiencias-tab:active{background-color:var(--azul-1-principal);}.elementor .travessia-split{/* ================================================== TRAVESSIA — DESKTOP / NOTEBOOK 1025px ou mais ================================================== */ @media (min-width: 1025px) { .travessia-split { position: relative; display: grid !important; grid-template-columns: 1fr 1fr; align-items: center; width: 100%; max-width: 1280px; margin-inline: auto; gap: 80px; padding: 72px 64px; box-sizing: border-box; } /* ================================================== FRAME DA IMAGEM ================================================== */ .travessia-media { position: relative; width: 100%; aspect-ratio: 1 / 1; overflow: visible; } .travessia-media .elementor-widget-image { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; } .travessia-media .elementor-widget-image .elementor-widget-container { width: 100%; height: 100%; overflow: hidden; } .travessia-media .elementor-widget-image img { display: block; width: 100%; height: 100%; object-fit: cover; /* CROP DESKTOP */ object-position: 50% 50%; } /* ================================================== CARD SOBRE A IMAGEM ================================================== */ .travessia-card { position: absolute !important; top: auto !important; right: auto !important; bottom: 24px !important; left: -24px !important; z-index: 5; } /* ================================================== CONTEÚDO ================================================== */ .travessia-content { width: 100%; min-width: 0; box-sizing: border-box; } } /* ================================================== TRAVESSIA — TABLET 768px até 1024px ================================================== */ @media (min-width: 768px) and (max-width: 1024px) { .travessia-split { position: relative; display: flex !important; flex-direction: column !important; width: 100%; max-width: none; gap: 72px; padding: 64px 40px; box-sizing: border-box; } /* ================================================== FRAME DA IMAGEM ================================================== */ .travessia-media { position: relative; width: 100%; height: auto !important; min-height: 0 !important; aspect-ratio: 4 / 3; overflow: visible; } .travessia-media .elementor-widget-image { position: absolute; inset: 0; width: 100%; height: 100%; overflow: hidden; } .travessia-media .elementor-widget-image .elementor-widget-container { width: 100%; height: 100%; overflow: hidden; } .travessia-media .elementor-widget-image img { display: block; width: 100%; height: 100%; object-fit: cover; /* CROP TABLET */ object-position: 50% 55%; } /* ================================================== CARD CENTRALIZADO ================================================== */ .travessia-card { position: absolute !important; top: auto !important; right: auto !important; bottom: -36px !important; left: 50% !important; transform: translateX(-50%) !important; z-index: 5; } /* ================================================== CONTEÚDO Vai para baixo ================================================== */ .travessia-content { width: 100%; min-width: 0; box-sizing: border-box; } }/* ================================================== TRAVESSIA — MOBILE até 767px ================================================== */ @media (max-width: 767px) { .travessia-split { position: relative; display: flex !important; flex-direction: column !important; width: 100%; gap: 40px; padding: 48px 20px; box-sizing: border-box; } /* ================================================== BLOCO IMAGEM + CARD Agora participa normalmente do fluxo. ================================================== */ .travessia-media { position: relative; display: flex !important; flex-direction: column !important; width: 100%; height: auto !important; min-height: 0 !important; aspect-ratio: auto !important; overflow: visible; } /* ================================================== FRAME DA IMAGEM A proporção fica SOMENTE na imagem. ================================================== */ .travessia-media .elementor-widget-image { position: relative !important; inset: auto !important; display: block; width: 100%; height: auto !important; aspect-ratio: 4 / 5; flex: 0 0 auto; overflow: hidden; } .travessia-media .elementor-widget-image .elementor-widget-container { width: 100%; height: 100%; overflow: hidden; } .travessia-media .elementor-widget-image img { display: block; width: 100%; height: 100%; object-fit: cover; /* CROP MOBILE */ object-position: 55% 50%; } /* ================================================== CARD Não é mais absoluto. Entra no fluxo e sobrepõe somente 30px da imagem. ================================================== */ .travessia-card { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; width: 100%; margin-top: -30px !important; flex: 0 0 auto; z-index: 5; } /* ================================================== CONTEÚDO ================================================== */ .travessia-content { position: relative; width: 100%; min-width: 0; box-sizing: border-box; } } /* ================================================== TRAVESSIA — MOBILE até 767px ================================================== */ @media (max-width: 767px) { .travessia-split { position: relative; display: flex !important; flex-direction: column !important; width: 100%; gap: 40px; padding: 48px 20px; box-sizing: border-box; } /* ================================================== BLOCO IMAGEM + CARD Agora participa normalmente do fluxo. ================================================== */ .travessia-media { position: relative; display: flex !important; flex-direction: column !important; width: 100%; height: auto !important; min-height: 0 !important; aspect-ratio: auto !important; overflow: visible; } /* ================================================== FRAME DA IMAGEM A proporção fica SOMENTE na imagem. ================================================== */ .travessia-media .elementor-widget-image { position: relative !important; inset: auto !important; display: block; width: 100%; height: auto !important; aspect-ratio: 4 / 5; flex: 0 0 auto; overflow: hidden; } .travessia-media .elementor-widget-image .elementor-widget-container { width: 100%; height: 100%; overflow: hidden; } .travessia-media .elementor-widget-image img { display: block; width: 100%; height: 100%; object-fit: cover; /* CROP MOBILE */ object-position: 55% 50%; } /* ================================================== CARD Não é mais absoluto. Entra no fluxo e sobrepõe somente 30px da imagem. ================================================== */ .travessia-card { position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important; transform: none !important; width: 100%; margin-top: -30px !important; flex: 0 0 auto; z-index: 5; } /* ================================================== CONTEÚDO ================================================== */ .travessia-content { position: relative; width: 100%; min-width: 0; box-sizing: border-box; } }\n}.elementor .travessia-card{width:400px;}.elementor .momentos-gallery{padding:0px;}