@charset "utf-8";
/*
 Theme Name:   Sites Prontos DDA
 Theme URI:    https://sitesprontosdda.com.br
 Description:  Tema do Sites Prontos DDA
 Author:       Agência DDA
 Author URI:   https://www.agenciadda.com.br
 Template:     Divi
 Version:      2.0
*/

#main-footer{display:none !important;}
#page-container{padding-top:0 !important;}

body{background:#fff;-webkit-font-smoothing:antialiased}

/* --- HEADER (Theme Builder global): fixo, transparente sobre o banner --- */
.alduo-header{position:fixed !important;top:0;left:0;right:0;z-index:9999;background:transparent !important;transition:background .4s ease,box-shadow .4s ease,padding .4s ease}
body.admin-bar .alduo-header{top:32px}
.alduo-menu .et-menu>li>a{font-family:Montserrat,sans-serif;font-weight:300;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:#fff !important;opacity:.9;transition:color .3s ease,opacity .3s ease}
.alduo-menu .et-menu>li>a:hover{opacity:1}
.alduo-menu .et-menu>li>a:after{display:none}
.alduo-menu .mobile_menu_bar:before{color:#fff !important;transition:color .4s ease}
/* Logo: o branco é o <img>; o preto entra como fundo do wrapper no estado rolado */
/* No estilo "logo centralizado" o Divi cria um 2º logo dentro de li.et_pb_menu__logo-slot.
   Os containers são flex e colapsam para largura 0 com SVG + width:auto, então a
   largura precisa ser explícita aqui. */
.alduo-menu .et_pb_menu__logo-slot{flex:0 0 auto}
.alduo-menu .et_pb_menu__logo-slot .et_pb_menu__logo-wrap,
.alduo-menu .et_pb_menu__logo-slot .et_pb_menu__logo{width:150px;flex:0 0 auto}
.alduo-menu .et_pb_menu__logo img{display:block;width:150px;height:auto;max-height:none;transition:opacity .35s ease}
@media (max-width:980px){
 .alduo-menu .et_pb_menu__logo-slot .et_pb_menu__logo-wrap,
 .alduo-menu .et_pb_menu__logo-slot .et_pb_menu__logo,
 .alduo-menu .et_pb_menu__logo img{width:120px}
}
.alduo-menu .et_pb_menu__logo{background-repeat:no-repeat;background-position:center;background-size:contain}
/* Estado rolado: fundo branco, letras e logo pretos */
.alduo-scrolled{background:#fff !important;box-shadow:0 1px 0 rgba(0,0,0,.08);padding-top:8px !important;padding-bottom:8px !important}
.alduo-scrolled .alduo-menu .et-menu>li>a{color:#111 !important}
.alduo-scrolled .alduo-menu .et-menu>li>a:hover{color:#777 !important}
.alduo-scrolled .alduo-menu .mobile_menu_bar:before{color:#111 !important}
.alduo-scrolled .alduo-menu .et_pb_menu__logo img{opacity:0}
.alduo-scrolled .alduo-menu .et_pb_menu__logo{background-image:url("https://alduo.com.br/wp-content/uploads/2026/08/logo-2.png")}
/* Páginas sem banner: header já nasce branco e o conteúdo não fica embaixo dele */
body.alduo-sem-hero #page-container{padding-top:84px}
/* Submenus */
.alduo-menu .nav li ul{background:#fff !important;border:none !important;box-shadow:0 6px 24px rgba(0,0,0,.12);padding:8px 0}
.alduo-menu .et-menu li li a{font-size:11px;letter-spacing:2px;width:250px;padding:10px 22px;color:#111 !important}
.alduo-menu .et-menu li li a:hover{background:#f4f4f4;opacity:1}
/* Mobile: logo ao centro, hambúrguer à direita */
@media (max-width:980px){
 .alduo-menu .et_pb_menu_inner_container{position:relative;display:flex;align-items:center;justify-content:flex-end;min-height:52px}
 .alduo-menu .et_pb_menu__logo-wrap{position:absolute;left:50%;transform:translateX(-50%);margin:0}
 .alduo-menu .et_pb_menu__logo img{max-height:42px}
 .alduo-menu .et_mobile_nav_menu{margin:0 0 0 auto}
 .alduo-menu .et_pb_menu__wrap{justify-content:flex-end}
}
.alduo-menu .et_mobile_menu{background:#fff !important;border-top:2px solid #111}
.alduo-menu .et_mobile_menu a{font-family:Montserrat,sans-serif;font-size:12px;letter-spacing:2.5px;text-transform:uppercase;color:#111 !important;border-bottom:1px solid rgba(0,0,0,.07)}

/* --- HERO --- */
.alduo-hero .et_pb_slider,.alduo-hero .et_pb_slides{min-height:100vh}
.alduo-hero .et_pb_slide{min-height:100vh}
.alduo-hero .et_pb_slide_description{width:100%;min-height:100vh;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:0 6% !important;text-align:center}
.alduo-hero .et_pb_slide_title{margin-bottom:6px}
.alduo-hero .et-pb-arrow-prev,.alduo-hero .et-pb-arrow-next{color:#fff;opacity:.55;transition:opacity .3s ease}
.alduo-hero .et-pb-arrow-prev:hover,.alduo-hero .et-pb-arrow-next:hover{opacity:1}
@media (max-width:980px){.alduo-hero .et_pb_slider,.alduo-hero .et_pb_slides,.alduo-hero .et_pb_slide,.alduo-hero .et_pb_slide_description{min-height:88vh}}

/* --- LABELS DE SEÇÃO (sem traço) --- */
.alduo-label p{margin:0;display:inline-block}

/* --- BOTÕES PRETOS --- */
.alduo-btn .et_pb_button{transition:background .35s ease,color .35s ease,border-color .35s ease !important}
.alduo-btn .et_pb_button:hover{background:transparent !important;color:#000 !important;border-color:#000 !important;padding:16px 38px !important}

/* --- BLOCOS DE 2 COLUNAS (Sobre / Serviços) --- */
@media (min-width:981px){
 .alduo-split.et_pb_row{display:flex;align-items:center}
 .alduo-split.et_pb_row>.et_pb_column{float:none;display:flex;flex-direction:column;justify-content:center}
}
.alduo-img .et_pb_image_wrap{display:block;overflow:hidden}
.alduo-img img{width:100%;height:auto;display:block}
.alduo-lista ul{margin:0;padding:0;list-style:none}
.alduo-lista li{padding:9px 0;border-bottom:1px solid #eaeaea}
.alduo-lista li:last-child{border-bottom:none}

/* --- PORTFÓLIO (Projetos do Divi) --- */
.alduo-portfolio .et_pb_portfolio_item{margin-bottom:34px}
.alduo-portfolio .et_pb_portfolio_image{overflow:hidden;display:block}
.alduo-portfolio .et_pb_portfolio_image img{width:100%;display:block;transition:transform .9s ease}
.alduo-portfolio .et_pb_portfolio_item:hover .et_pb_portfolio_image img{transform:scale(1.07)}
.alduo-portfolio h2{margin-top:18px;font-weight:300}
.alduo-portfolio h2 a{color:#111 !important;text-decoration:none;transition:color .3s ease}
.alduo-portfolio h2 a:hover{color:#777 !important}
.alduo-portfolio .et_overlay{background:rgba(255,255,255,.2);border:none}

/* --- DEPOIMENTOS --- */
.alduo-depo{padding:0 !important;background:transparent !important}
.alduo-depo .et_pb_testimonial_portrait{display:none}
.alduo-depo::before{display:none}
.alduo-depo .et_pb_testimonial_description{margin:0 !important}
.alduo-depo .et_pb_testimonial_author{display:block;margin-top:24px;text-transform:uppercase}
.alduo-pendente{outline:1px dashed #c9b48a;outline-offset:16px}

/* --- RODAPÉ --- */
.alduo-footer{background:#111}
.alduo-footer .alduo-footer-menu .et-menu>li>a{font-family:Montserrat,sans-serif;font-size:11px;letter-spacing:1.8px;text-transform:uppercase;transition:color .3s ease}
.alduo-footer .alduo-footer-menu .et-menu>li>a:hover{color:#fff !important}
.alduo-footer .alduo-footer-menu .et-menu>li>a:after{display:none}
.alduo-footer .nav li ul{background:#1c1c1c !important;border:none !important}
.alduo-footer .et_pb_menu__logo img{max-height:46px;width:auto}
.alduo-footer .alduo-social .et_pb_social_media_follow li a.icon:before{color:#fff;transition:color .3s ease}
.alduo-footer .alduo-social .et_pb_social_media_follow li a.icon:hover:before{color:#9a9a9a}
.alduo-copy a{color:#9a9a9a !important;text-decoration:none;}
.alduo-copy a:hover{color:#fff !important}

@media (max-width:980px){
 .alduo-sobre .et_pb_column,.alduo-servicos .et_pb_column,.alduo-depoimentos .et_pb_column{margin-bottom:34px !important}
}

/* =========================================================================
   AJUSTES DE ESPECIFICIDADE E LARGURA — base na referência
   O Divi gera inline: .et_pb_section_0_tb_header.et_pb_section{...!important}
   Duas classes + !important. Regras com uma classe só perdem, mesmo com
   !important. Por isso os seletores abaixo usam três classes.
   ========================================================================= */

/* --- 1. Header rolado: fundo branco, letras e logo pretos --- */
.et_pb_section.alduo-header.alduo-scrolled{background-color:#fff !important;box-shadow:0 1px 0 rgba(0,0,0,.08)}
.et_pb_section.alduo-header.alduo-scrolled .alduo-menu .et-menu>li>a{color:#111 !important}
.et_pb_section.alduo-header.alduo-scrolled .alduo-menu .et-menu>li>a:hover{color:#777 !important}
.et_pb_section.alduo-header.alduo-scrolled .alduo-menu .et_pb_menu__logo img{opacity:0 !important}
.et_pb_section.alduo-header.alduo-scrolled .alduo-menu .mobile_menu_bar:before{color:#111 !important}

/* --- 2. Menu distribuído ponta a ponta, como na referência --- */
.alduo-menu .et_pb_menu_inner_container,
.alduo-menu .et_pb_menu__menu,
.alduo-menu .et_pb_menu__menu>nav{width:100%}
.alduo-menu .et_pb_menu__menu>nav>ul.et-menu{display:flex;width:100%;justify-content:space-between;align-items:center;padding:0}
.alduo-menu .et_pb_menu__menu>nav>ul.et-menu>li{margin:0;padding:0}
/* Submenu precisa voltar ao fluxo normal, senão herda o space-between do pai */
.alduo-menu .et-menu li ul{display:block;width:250px}

/* --- 3. Largura de conteúdo igual à referência ---
   Medido no thomasquan.com.au: o menu começa a 51px da borda num viewport
   de 1280px. (1280 - 92%) / 2 = 51,2px — ou seja, 92% de largura. --- */
.et_pb_section .et_pb_row{width:92% !important;max-width:1800px !important}
/* O CTA final continua estreito e centralizado, como na referência */
.alduo-cta .et_pb_row{max-width:900px !important}

/* --- 4. Mobile: logo centralizado também na vertical ---
   O Divi aplica top:-4.5px no logo (cálculo dele para o logo centralizado).
   A regra anterior só corrigia o eixo horizontal, então sobrava o vertical
   e o logo colava no topo. Aqui centralizamos nos dois eixos. --- */
@media (max-width:980px){
  .et_pb_section.alduo-header{padding-top:14px !important;padding-bottom:30px !important}
  .alduo-menu .et_pb_menu_inner_container{min-height:56px}
  .alduo-menu .et_pb_menu__logo-wrap{
    top:62% !important;
    transform:translate(-50%,-50%) !important;
  }
	.et_pb_menu .et_mobile_menu{top:152% !important;}
}