.elementor-3726 .elementor-element.elementor-element-de69205{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3726 .elementor-element.elementor-element-8e8db8f{width:var( --container-widget-width, 99.051% );max-width:99.051%;--container-widget-width:99.051%;--container-widget-flex-grow:0;}.elementor-3726 .elementor-element.elementor-element-8e8db8f.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3726 .elementor-element.elementor-element-50a35e6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3726 .elementor-element.elementor-element-50a35e6:not(.elementor-motion-effects-element-type-background), .elementor-3726 .elementor-element.elementor-element-50a35e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-3726 .elementor-element.elementor-element-1d1bc29{width:100%;max-width:100%;}.elementor-3726 .elementor-element.elementor-element-1d1bc29.elementor-element{--align-self:center;}.elementor-3726 .elementor-element.elementor-element-78ef4e7{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3726 .elementor-element.elementor-element-a3e6963{width:100%;max-width:100%;}.elementor-3726 .elementor-element.elementor-element-a3e6963.elementor-element{--align-self:center;}.elementor-3726 .elementor-element.elementor-element-8eb0703{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-3726 .elementor-element.elementor-element-8eb0703.e-con{--align-self:center;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-3726 .elementor-element.elementor-element-19cff90 .elementor-repeater-item-0c2d0ba .swiper-slide-bg{background-color:#833ca3;background-image:url(https://paroquiadombosco.com/wp-content/uploads/2026/01/1.jpg);background-size:cover;}.elementor-3726 .elementor-element.elementor-element-19cff90 .elementor-repeater-item-3352f84 .swiper-slide-bg{background-color:#4054b2;background-image:url(https://paroquiadombosco.com/wp-content/uploads/2026/01/2.jpg);background-size:cover;}.elementor-3726 .elementor-element.elementor-element-19cff90 .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-3726 .elementor-element.elementor-element-19cff90 .swiper-slide-contents{max-width:66%;}.elementor-3726 .elementor-element.elementor-element-19cff90 .swiper-slide-inner{text-align:center;}.elementor-3726 .elementor-element.elementor-element-b9e13f8{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}@media(max-width:1024px){.elementor-3726 .elementor-element.elementor-element-b9e13f8{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-3726 .elementor-element.elementor-element-b9e13f8{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS *//* --- PALETA DOM BOSCO MODERNIZADA --- */
:root {
    --db-azul: #002d62; /* Azul Sóbrio */
    --db-amarelo: #ffb700; /* Destaque */
    --db-vermelho: #c41e3a; /* Detalhes */
    --sombra-suave: 0 10px 30px rgba(0,0,0,0.08);
    --vidro: rgba(255, 255, 255, 0.95);
}

/* --- CLASSES DE ESTRUTURA (Coloque estes nomes na aba 'Avançado > Classes CSS' dos Containers) --- */

/* 1. HERO SECTION (Banner Principal) */
.hero-dom-bosco {
    height: 90vh; /* Ocupa 90% da altura da tela */
    position: relative;
    /* O fundo será definido no Elementor (Vídeo/Img) */
}
.hero-overlay {
    background: linear-gradient(180deg, rgba(0,45,98,0.3) 0%, rgba(0,45,98,0.8) 100%);
}

/* 2. CARDS FLUTUANTES (Sobreposição moderna) */
/* Isso faz os cards subirem por cima do banner */
.cards-flutuantes {
    margin-top: -80px !important; 
    z-index: 10;
    position: relative;
}

/* 3. CARD ESTILO VIDRO (Para horários/avisos) */
.card-vidro {
    background-color: var(--vidro);
    backdrop-filter: blur(10px);
    border-radius: 16px;
    box-shadow: var(--sombra-suave);
    border: 1px solid rgba(255,255,255,0.5);
    transition: transform 0.3s ease;
}
.card-vidro:hover {
    transform: translateY(-5px); /* Efeito de levitação */
    border-bottom: 4px solid var(--db-amarelo);
}

/* 4. TÍTULOS DE SEÇÃO */
.titulo-secao {
    position: relative;
    display: inline-block;
    margin-bottom: 40px;
}
.titulo-secao::after {
    content: '';
    display: block;
    width: 60px;
    height: 4px;
    background: var(--db-amarelo);
    margin-top: 10px;
    border-radius: 2px;
}/* End custom CSS */