.elementor-4012 .elementor-element.elementor-element-726cd53{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4012 .elementor-element.elementor-element-3fc40fa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4012 .elementor-element.elementor-element-8ef0787{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4012 .elementor-element.elementor-element-2e6a60a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4012 .elementor-element.elementor-element-203f477{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4012 .elementor-element.elementor-element-4ddd142{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4012 .elementor-element.elementor-element-90930f1{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4012 .elementor-element.elementor-element-90930f1.e-con{--align-self:center;--flex-grow:1;--flex-shrink:0;}.elementor-4012 .elementor-element.elementor-element-82b93e1{width:100%;max-width:100%;}.elementor-4012 .elementor-element.elementor-element-82b93e1 > .elementor-widget-container{margin:-50px 0px 0px 0px;padding:0px -30px 0px -30px;}.elementor-4012 .elementor-element.elementor-element-82b93e1.elementor-element{--align-self:center;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-98c2af0 *//* =========================
   HEADER CPM GLOBAL
========================= */

.cpm-header {
    width: 100%;
}

/* TOP BAR */
.cpm-topbar {
    background: #0b0b0f;
    color: #fff;
    font-size: 13px;
    padding: 8px 0;
    border-bottom: 1px solid rgba(255,255,255,0.06);
}

.cpm-topbar-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

.cpm-topbar a {
    color: #ff4fd8;
    text-decoration: none;
    font-weight: 600;
}

/* HEADER PRINCIPAL */
.cpm-header-main {
    position: sticky;
    top: 0;
    z-index: 9999;

    background: rgba(10,10,15,0.85);
    backdrop-filter: blur(12px);

    border-bottom: 1px solid rgba(255,255,255,0.06);
}

/* CONTAINER */
.cpm-header-inner {
    max-width: 1120px;
    margin: 0 auto;

    padding: 14px 20px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

/* LOGO */
.cpm-logo {
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    font-size: 18px;
}

.cpm-logo span {
    color: #ff4fd8;
}

/* MENU */
.cpm-nav {
    display: flex;
    gap: 18px;
}

.cpm-nav a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    font-weight: 500;
    transition: 0.2s;
}

.cpm-nav a:hover {
    color: #ff4fd8;
}

/* BOTÕES */
.cpm-header-cta {
    display: flex;
    gap: 10px;
}

.cpm-btn-outline {
    border: 1px solid rgba(255,255,255,0.35);
    color: #fff;
    padding: 9px 14px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
}

.cpm-btn-primary {
    background: linear-gradient(135deg, #ff4fd8, #7c4dff);
    color: #fff;
    padding: 9px 14px;
    border-radius: 8px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
}

/* =========================
   MOBILE
========================= */
@media (max-width: 768px) {

    .cpm-nav {
        display: none;
    }

    .cpm-header-inner {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .cpm-header-cta {
        width: 100%;
        justify-content: space-between;
    }

    .cpm-btn-outline {
        display: none; /* simplifica no mobile */
    }
}.cpm-header-cta .cpm-btn-outline {
    color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9200fe2 */.hero-museu{

    padding:0px 0;

}

.hero-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:50px;

    align-items:center;

}

.hero-imagem img{

    width:100%;

    border-radius:25px;

    box-shadow:
    0 0 40px rgba(255,79,216,.15);

}

@media(max-width:768px){

    .hero-grid{

        grid-template-columns:1fr;

    }

    .hero-imagem{

        order:-1;

    }

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3fc40fa */.hero-museu{

    background:transparent !important;

}

.hero-museu .e-con-inner{

    background:transparent !important;

}

.hero-museu,
.hero-museu *,
.hero-museu .elementor-widget-wrap,
.hero-museu .e-con,
.hero-museu .e-con-inner{

    background-color:transparent !important;

}/* TESTE FORTE */

body,
html,
.site,
.site-content,
.site-main,
.content-area,
.entry-content,
.elementor-location-single,
.elementor{

    background:#120015 !important;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b804adc */.museu-section{

    padding:20px 0;

    position:relative;

}```css .museu-section { color: #ffffff; } .museu-section p, .museu-section h1, .museu-section h2, .museu-section h3, .museu-section h4, .museu-section h5, .museu-section h6 { color: #ffffff !important; } ``` Se quiser deixar a leitura mais elegante (menos “estourada”), use essa versão melhor: ```css .museu-section { color: #ffffff; } .museu-section p { color: rgba(255, 255, 255, 0.85); line-height: 1.6; } .museu-section h2 { color: #ffffff; } ```/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8ef0787 */.museu-section{

    padding:0px 0;

    position:relative;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-514c902 */.museu-section{

    padding:0px 0;

    position:relative;

}
.museu-servicos {
  color: #ffffff;
}

.museu-servicos h1,
.museu-servicos h2,
.museu-servicos h3,
.museu-servicos h4,
.museu-servicos h5,
.museu-servicos h6,
.museu-servicos p {
  color: #ffffff !important;
}

/* Garante que os cards também herdem o branco */
.museu-servicos .museu-card {
  color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-367a610 */<div class="timeline-card">

    <h3>Linha do Tempo Familiar</h3>

    <div class="timeline-body">

        <div class="timeline-lista">

            <div><strong>1948</strong><br>Casamento dos avós</div>

            <div><strong>1952</strong><br>Nascimento do primeiro filho</div>

            <div><strong>1975</strong><br>Mudança de cidade</div>

            <div><strong>1998</strong><br>Grande reunião familiar</div>

        </div>

        <div class="timeline-imagem">

            <img src="URL-DA-SUA-IMAGEM.jpg"
                 alt="Linha do Tempo Familiar">

        </div>

    </div>

</div>

.timeline-card {
  color: #ffffff;
}

.timeline-card h1,
.timeline-card h2,
.timeline-card h3,
.timeline-card h4,
.timeline-card h5,
.timeline-card h6,
.timeline-card p {
  color: #ffffff !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-203f477 */.museu-section{

    padding:0px 0;

    position:relative;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e073a39 */.museu-section{

    padding:0px 0;

    position:relative;

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4ddd142 */.museu-section{

    padding:10px 0;

    position:relative;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-82b93e1 */.museu-section {
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 0;
  overflow-x: hidden;
}

/* garante que o conteúdo interno não fique “apertado” */
.museu-cta-card {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 60px 40px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-90930f1 */.museu-section {
  width: 100vw;
  max-width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 0;
  overflow-x: hidden;
}

/* garante que o conteúdo interno não fique “apertado” */
.museu-cta-card {
  max-width: 1400px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 60px 40px;
}/* End custom CSS */
/* Start custom CSS *//* ==========================================
MUSEU DA FAMÍLIA
IDENTIDADE CPM WEBMASTER
========================================== */

/* FUNDO GLOBAL */

html,
body{

    background:
    linear-gradient(
    135deg,
    #0A000C 0%,
    #120015 25%,
    #220025 50%,
    #120015 75%,
    #0A000C 100%
    ) !important;

    min-height:100%;
    background-attachment:fixed;

}

/* CONTAINERS DO TEMA */

.site,
.site-content,
.site-main,
.content-area,
.entry-content,
.page-content{

    background:transparent !important;

}

/* CONTAINERS ELEMENTOR */

.elementor,
.elementor-section,
.elementor-container,
.elementor-widget-wrap,
.e-con,
.e-con-inner,
.e-parent,
.e-child{

    background:transparent !important;

}

/* ==========================================
CONTAINER
========================================== */

.museu-container{

    max-width:1120px;
    margin:0 auto;
    padding:0 20px;

}

/* ==========================================
SEÇÕES
========================================== */

.museu-section{

    padding:60px 0;
    position:relative;
    background:transparent !important;

}

/* ==========================================
TÍTULOS
========================================== */

.museu-section h1,
.museu-section h2{

    color:#FFFFFF !important;

    text-shadow:
    0 0 14px rgba(255,79,216,.35);

}

.museu-section h1{

    font-size:clamp(48px,6vw,82px);
    line-height:1.1;

}

.museu-section h2{

    font-size:clamp(36px,4vw,56px);

}

.museu-section h3{

    color:#FFFFFF !important;

}

/* ==========================================
TEXTOS
========================================== */

.museu-section p,
.museu-section li{

    color:#E4DDE6 !important;
    line-height:1.8;

}

/* ==========================================
CARDS
========================================== */

.museu-card{

    background:rgba(26,0,29,.75);

    backdrop-filter:blur(12px);

    border:1px solid rgba(255,79,216,.15);

    border-radius:25px;

    padding:35px;

    transition:.4s;

    margin-bottom:30px;

}

.museu-card:hover{

    transform:translateY(-5px);

    box-shadow:
    0 0 25px rgba(255,79,216,.20);

}

/* ==========================================
PACOTE PREMIUM
========================================== */

.plano-premium{

    background:rgba(34,0,37,.85);

    border:2px solid rgba(255,79,216,.35);

    box-shadow:
    0 0 35px rgba(255,79,216,.20);

}

/* ==========================================
BOTÕES
========================================== */

.museu-btn,
.elementor-button{

    background:
    linear-gradient(
    90deg,
    #C52BCF,
    #FF4FD8
    );

    border:none;

    border-radius:50px;

    padding:18px 35px;

    color:#FFFFFF !important;

    font-weight:600;

    text-decoration:none;

    transition:.3s;

}

.museu-btn:hover,
.elementor-button:hover{

    transform:translateY(-3px);

    box-shadow:
    0 0 30px rgba(255,79,216,.35);

}

.elementor-button,
.elementor-button span,
.elementor-button-text,
.museu-btn{

    color:#FFFFFF !important;

}

/* ==========================================
CTA FINAL
========================================== */

.museu-cta-card{

    text-align:center;

    max-width:900px;

    margin:0 auto;

    padding:50px 40px;

}

.museu-cta-card h2{

    color:#FFFFFF !important;

}

.museu-cta-card p{

    color:#F2EEF3 !important;

}

.museu-btn-cta{

    display:inline-flex;

    justify-content:center;

    align-items:center;

    min-width:420px;

    padding:20px 40px;

    font-size:18px;

    font-weight:700;

}

/* ==========================================
TIMELINE
========================================== */

.timeline-item{

    background:
    rgba(255,255,255,.03);

    border-left:
    4px solid #FF4FD8;

    padding:25px;

    border-radius:15px;

    margin-bottom:20px;

}

/* ==========================================
FAQ
========================================== */

.elementor-accordion-item{

    background:
    rgba(26,0,29,.65);

    border:
    1px solid rgba(255,79,216,.15);

    border-radius:15px;

    margin-bottom:15px;

    overflow:hidden;

}

.elementor-tab-title{

    color:#FFFFFF !important;

}

.elementor-tab-content{

    color:#E4DDE6 !important;

}

/* ==========================================
IMAGENS DOS CARDS
========================================== */

.museu-card img{

    width:100%;

    height:auto;

    border-radius:15px;

    display:block;

    margin-bottom:20px;

}

/* ==========================================
MOBILE
========================================== */

@media(max-width:768px){

    body{

        background-attachment:scroll !important;

    }

    .museu-section{

        padding:40px 15px;

    }

    .museu-section h1{

        font-size:38px;
        text-align:center;

    }

    .museu-section h2{

        font-size:30px;
        text-align:center;

    }

    .museu-section h3{

        font-size:24px;

    }

    .museu-section p,
    .museu-section li{

        font-size:16px;

    }

    .museu-card{

        padding:25px;

    }

    .museu-btn,
    .elementor-button,
    .museu-btn-cta{

        width:100%;

        min-width:auto;

        display:flex;

        justify-content:center;

        align-items:center;

        text-align:center;

    }

}/* End custom CSS */