.elementor-336 .elementor-element.elementor-element-ddd22ea{--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:54px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-336 .elementor-element.elementor-element-cde8545{--e-transform-scale:1.5;text-align:center;}.elementor-336 .elementor-element.elementor-element-cde8545 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:600;color:#000000;}.elementor-336 .elementor-element.elementor-element-3271fcf{--display:flex;--min-height:1044px;--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;--justify-content:space-between;--margin-top:37px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-336 .elementor-element.elementor-element-89f3eb6{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-336 .elementor-element.elementor-element-66c3f6b .elementor-button{background-color:#01853E;}.elementor-336 .elementor-element.elementor-element-66c3f6b{width:var( --container-widget-width, 59% );max-width:59%;--e-transform-scale:1.5;margin:16px 19px calc(var(--kit-widget-spacing, 0px) + 16px) 16px;padding:0px -12px 0px 0px;--container-widget-width:59%;--container-widget-flex-grow:0;}.elementor-336 .elementor-element.elementor-element-00e6c54 .elementor-button{background-color:#308BFF;}.elementor-336 .elementor-element.elementor-element-00e6c54{width:var( --container-widget-width, 59% );max-width:59%;--e-transform-scale:1.5;margin:16px 19px calc(var(--kit-widget-spacing, 0px) + 16px) 16px;padding:0px -12px 0px 0px;--container-widget-width:59%;--container-widget-flex-grow:0;}.elementor-336 .elementor-element.elementor-element-170f489{--display:grid;--min-height:0px;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-336 .elementor-element.elementor-element-80ae2ca{--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;}body.elementor-page-336:not(.elementor-motion-effects-element-type-background), body.elementor-page-336 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dradesirebpagliosa.com/wp-content/uploads/2026/01/Fundo-sfundo-site-Dra-768x1365.png");background-position:bottom right;background-size:27% auto;}@media(min-width:1025px){body.elementor-page-336:not(.elementor-motion-effects-element-type-background), body.elementor-page-336 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-336 .elementor-element.elementor-element-89f3eb6{--grid-auto-flow:row;}.elementor-336 .elementor-element.elementor-element-170f489{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-336 .elementor-element.elementor-element-ddd22ea.e-con{--e-con-transform-scale:0.7;}.elementor-336 .elementor-element.elementor-element-3271fcf{--margin-top:5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-336 .elementor-element.elementor-element-89f3eb6{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-415px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-336 .elementor-element.elementor-element-170f489{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-415px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS *//* ========================================
   VARIÁVEIS DE CORES - EDITE AQUI FACILMENTE
   ======================================== */
:root {
    /* CORES PRINCIPAIS - SUBSTITUA PELOS CÓDIGOS HEX QUE DESEJAR */
    --cor-texto-principal: #2c2c2c;     /* EDITE: Cor do nome e textos principais */
    --cor-texto-secundario: #666666;    /* EDITE: Cor dos textos menores */
    --cor-destaque: #e91e63;            /* EDITE: Cor dos ícones de localização e botões de especialidade */
    --cor-fundo-botoes: #ffffff;        /* EDITE: Cor de fundo dos botões principais */
    --cor-fundo-cartao: #f8f9fa;        /* EDITE: Cor de fundo do cartão principal e cards de especialidade */
    --cor-fundo-footer: #f8f9fa;        /* Cor de fundo do rodapé */
    --cor-texto-footer: #555555;        /* Cor do texto do rodapé */
    --cor-link-footer: #e91e63;         /* Cor dos links do rodapé (mesma que --cor-destaque) */
    
    /* GRADIENTE DE FUNDO - EDITE AS CORES (Não mais usado para o body, mas pode ser útil para outros elementos) */
    --cor-gradiente-1: #fff9e6;         /* EDITE: Primeira cor do gradiente */
    --cor-gradiente-2: #e3f2fd;         /* EDITE: Segunda cor do gradiente */
    
    /* ÍCONES REDES SOCIAIS - CORES ESPECÍFICAS */
    --cor-whatsapp: #25d366;            /* Verde do WhatsApp */
    --cor-instagram: #e4405f;           /* Rosa do Instagram */
    /* FAMÍLIAS DE FONTE - SUBSTITUA SE QUISER OUTRAS */
    --fonte-principal: 'Montserrat', sans-serif;    /* EDITE: Fonte do nome */
    --fonte-secundaria: 'Playfair Display', serif;  /* EDITE: Fonte dos botões */
}
/* ========================================
   RESET E BASE
   ======================================== */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: var(--fonte-principal);
    /* REMOVENDO QUALQUER IMAGEM DE FUNDO DO BODY E FORÇANDO COR BRANCA OU TRANSPARENTE */
    background: none !important; /* Garante que nenhuma imagem de fundo seja carregada */
    background-color: #f0f0f0 !important; /* Cor de fundo sólida e clara para o body, altere se quiser outra cor base */
    min-height: 100vh;
    padding: 20px; /* Adiciona padding para o conteúdo não colar nas bordas */
}

/* ========================================
   ESTRUTURA PRINCIPAL PARA CONTEÚDO (CONTAINER CENTRAL)
   ======================================== */
.main-content-wrapper {
    max-width: 1000px; /* Largura máxima para centralizar o conteúdo */
    margin: 30px auto; /* Centraliza e adiciona margem superior/inferior */
    padding: 20px; /* Espaçamento interno */
    font-family: var(--fonte-principal);
}

/* ========================================
   CLASSES LIQUID GLASS (GLASSMORHISM) PARA AS SEÇÕES DE CONTEÚDO
   ======================================== */
.liquid-glass-section {
    background-color: rgba(255, 255, 255, 0.15); /* Fundo branco com 15% de transparência */
    border-radius: 15px; /* Bordas arredondadas */
    border: 1px solid rgba(255, 255, 255, 0.3); /* Borda clara e sutilmente transparente */
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.1); /* Sombra suave para profundidade */
    backdrop-filter: blur(8px); /* Efeito de desfoque do fundo */
    -webkit-backdrop-filter: blur(8px); /* Para compatibilidade com navegadores Webkit */
    padding: 30px; /* Padding interno para o conteúdo */
    margin-bottom: 30px; /* Espaçamento entre seções glass */
}

/* Estilo para o título <h3> dentro do formulário */
.form-h3-title {
    text-align: center;
    color: var(--cor-texto-principal);
    margin-bottom: 25px;
    font-size: 1.8rem;
    font-family: var(--fonte-secundaria);
}

/* Estilo para o botão de toggle do formulário */
.custom-form-toggle-button {
    display: inline-block;
    padding: 15px 30px;
    background: var(--cor-destaque); /* Cor de destaque */
    color: #ffffff;
    border-radius: 8px;
    text-decoration: none;
    font-family: var(--fonte-principal);
    font-size: 1.1rem;
    font-weight: 600;
    text-transform: uppercase;
    transition: background-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
    letter-spacing: 0.5px;
    border: none;
    cursor: pointer;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.custom-form-toggle-button:hover {
    background-color: #d11a56; /* Cor ligeiramente mais escura no hover */
    transform: translateY(-2px);
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.15);
}

/* Estilo para o container do formulário que será ocultado/exibido */
.daily-log-form-container {
    padding: 20px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.1); /* Fundo um pouco mais transparente para o container interno */
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.5); /* Sombra interna sutil */
    margin-top: 20px;
}

/* Estilos específicos para o conteúdo da virtude */
.virtudes-main-title {
    font-family: var(--fonte-secundaria);
    font-size: 2.8rem;
    font-weight: 700;
    color: var(--cor-destaque);
    margin-bottom: 30px;
    text-align: center;
    line-height: 1.2;
}

.virtudes-subtitle {
    font-family: var(--fonte-secundaria);
    font-size: 2rem;
    font-weight: 600;
    color: var(--cor-texto-principal);
    margin-top: 40px;
    margin-bottom: 20px;
    line-height: 1.3;
}

.virtudes-paragraph {
    font-family: var(--fonte-principal);
    font-size: 1.1rem;
    line-height: 1.8;
    color: var(--cor-texto-principal);
    margin-bottom: 1.2em;
    text-align: justify;
}

.highlight-text {
    color: var(--cor-destaque);
    font-weight: 600;
}

.checkmark-list {
    list-style: none;
    padding: 0;
    margin-left: 20px;
    margin-bottom: 20px;
}

.checkmark-list li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    font-family: var(--fonte-principal);
    font-size: 1.1rem;
    line-height: 1.6;
    color: var(--cor-texto-principal);
}

.checkmark-list li .fas.fa-check {
    position: absolute;
    left: 0;
    top: 5px;
    color: var(--cor-destaque);
    font-size: 1.2rem;
}

/* ========================================
   ESTILOS DO RODAPÉ (INCLUINDO LIQUID GLASS)
   ======================================== */
.footer-section {
    background-color: rgba(248, 249, 250, 0.7); /* Cor original do footer com 70% de opacidade */
    backdrop-filter: blur(5px); /* Desfoque sutil para o rodapé */
    -webkit-backdrop-filter: blur(5px);
    border-top: 1px solid rgba(0, 0, 0, 0.05); /* Mantém a borda superior original */
    padding: 60px 20px; /* Padding para o rodapé */
    font-family: var(--fonte-principal);
    color: var(--cor-texto-footer);
    text-align: center;
}
.footer-container {
    max-width: 1000px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
    text-align: left; /* Padrão para desktop */
}

.footer-column h3 {
    font-family: var(--fonte-secundaria);
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--cor-texto-principal);
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.footer-column p,
.footer-column address,
.footer-column ul {
    font-size: 0.9rem;
    line-height: 1.8;
    margin-bottom: 10px;
}
.footer-column ul {
    list-style: none;
    padding: 0;
}

.footer-column ul li a {
    color: var(--cor-texto-footer);
    text-decoration: none;
    transition: color 0.3s ease;
    display: block;
    padding: 2px 0;
}

.footer-column ul li a:hover {
    color: var(--cor-link-footer);
}

.footer-info-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    width: 100%;
}
.footer-info-item .fas,
.footer-info-item .fab {
    color: var(--cor-destaque);
    margin-right: 12px;
    font-size: 1.2rem;
    flex-shrink: 0;
    width: 20px;
    text-align: center;
}

.footer-social-links {
    margin-top: 20px;
    display: flex;
    justify-content: flex-start; /* Padrão para desktop */
    gap: 15px;
}

.footer-social-link {
    color: var(--cor-texto-footer);
    font-size: 1.5rem;
    transition: color 0.3s ease;
}
.footer-social-link.instagram:hover {
    color: var(--cor-instagram);
}

.footer-social-link.whatsapp:hover {
    color: var(--cor-whatsapp);
}

.footer-bottom {
    margin-top: 40px;
    padding-top: 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.08);
    font-size: 0.85rem;
    color: var(--cor-texto-secundario);
    text-align: center;
}

.footer-bottom span {
    display: block;
    margin-bottom: 5px;
}

/* ========================================
   RESPONSIVIDADE APRIMORADA
   ======================================== */
@media (max-width: 992px) {
    body { padding: 15px; } 
    .main-content-wrapper { margin: 20px auto; padding: 15px; }
    .liquid-glass-section { padding: 25px; margin-bottom: 25px; }
    .virtudes-main-title { font-size: 2.4rem; margin-bottom: 25px; }
    .virtudes-subtitle { font-size: 1.8rem; margin-top: 35px; margin-bottom: 18px; }
    .virtudes-paragraph { font-size: 1rem; }
    .custom-form-toggle-button { font-size: 1rem; padding: 12px 25px; }
    .form-h3-title { font-size: 1.6rem; margin-bottom: 20px; }
    
    /* Rodapé */
    .footer-section { padding: 40px 15px; }
    .footer-container { grid-template-columns: 1fr; gap: 30px; text-align: center; }
    .footer-column { text-align: center; }
    .footer-column h3 { margin-bottom: 15px; }
    .footer-info-item { justify-content: center; }
    .footer-info-item address, .footer-info-item p { text-align: center; }
    .footer-social-links { justify-content: center; }
}
@media (max-width: 768px) {
    body { padding: 10px; }
    .main-content-wrapper { margin: 15px auto; padding: 10px; }
    .liquid-glass-section { padding: 20px; margin-bottom: 20px; }
    .virtudes-main-title { font-size: 2rem; margin-bottom: 20px; }
    .virtudes-subtitle { font-size: 1.6rem; margin-top: 30px; margin-bottom: 15px; }
    .virtudes-paragraph { font-size: 0.95rem; }
    .custom-form-toggle-button { font-size: 0.9rem; padding: 10px 20px; }
    .form-h3-title { font-size: 1.4rem; margin-bottom: 18px; }

    /* Rodapé */
    .footer-section { padding: 30px 10px; }
    .footer-container { gap: 25px; }
    .footer-column h3 { font-size: 1.2rem; }
    .footer-column p, .footer-column address, .footer-column ul { font-size: 0.88rem; }
    .footer-info-item .fas, .footer-info-item .fab { font-size: 1.1rem; }
    .footer-social-link { font-size: 1.4rem; }
}
@media (max-width: 480px) {
    body { padding: 8px; }
    .main-content-wrapper { margin: 10px auto; padding: 8px; }
    .liquid-glass-section { padding: 15px; margin-bottom: 15px; }
    .virtudes-main-title { font-size: 1.6rem; margin-bottom: 15px; }
    .virtudes-subtitle { font-size: 1.4rem; margin-top: 25px; margin-bottom: 12px; }
    .virtudes-paragraph { font-size: 0.9rem; }
    .custom-form-toggle-button { font-size: 0.85rem; padding: 8px 15px; }
    .form-h3-title { font-size: 1.2rem; margin-bottom: 15px; }
    .checkmark-list li { font-size: 0.9rem; padding-left: 25px; }
    .checkmark-list li .fas.fa-check { font-size: 1rem; top: 3px; }

    /* Rodapé */
    .footer-section { padding: 25px 10px; }
    .footer-container { gap: 20px; }
    .footer-column h3 { font-size: 1.1rem; }
    .footer-column p, .footer-column address, .footer-column ul { font-size: 0.8rem; }
    .footer-info-item .fas, .footer-info-item .fab { font-size: 1rem; }
    .footer-social-link { font-size: 1.3rem; }
    .footer-bottom { font-size: 0.75rem; }
}
@media (max-width: 360px) {
    /* Rodapé */
    .footer-section { padding: 20px 8px; }
    .footer-bottom { font-size: 0.7rem; }
}/* End custom CSS */