/* Cores dos SVGs e Inter, conforme resumo da marca. */
:root { --prodeed-blue:#1a3a52; --prodeed-wine:#8d2b32; --prodeed-muted:#7c8782; --tp-theme-color:var(--prodeed-blue); --tp-secoundery-color:var(--prodeed-wine); --tp-orange-color:var(--prodeed-wine); --tp-body-color:var(--prodeed-blue); --tp-theme-font:'Inter',sans-serif; --tp-heading-font:'Inter',sans-serif; }
html { scroll-behavior:smooth; }
body { margin:0; background:#fff; color:var(--prodeed-blue); font-family:'Inter',sans-serif; }
h1,h2,h3,p,a,button { font-family:'Inter',sans-serif; }
.prodeed-header { position:absolute; top:0; left:0; width:100%; z-index:100; }
.prodeed-header.header-sticky { position:fixed; background:#fff; z-index:100; }
.prodeed-header.header-sticky > .tp-header-area { position:relative; }
/* Grade, container e espaçamento do cabeçalho original Landor. */
.header-actions { gap:16px; flex-wrap:nowrap; }
.header-actions > * { flex:0 0 auto; }
.header-contact { white-space:nowrap; }
.template-menu-shell.tp-header-menu { background:linear-gradient(239.18deg,rgba(255,255,255,.22) 17.93%,rgba(255,255,255,.055) 81.51%); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); box-shadow:inset 0 0 0 1px rgba(255,255,255,.35); }
.site-menu > ul { white-space:nowrap; }
.site-menu a { transition:color .3s; }
.site-menu ul li:focus-within > a::before { width:100%; left:0; right:auto; }
.site-menu ul li:focus-within > .sub-menu { opacity:1; visibility:visible; top:105%; }
.site-menu .sub-menu::before { content:''; position:absolute; top:-12px; left:0; width:100%; height:12px; }
.header-phone { display:flex; align-items:center; gap:10px; white-space:nowrap; }
.header-phone-number { color:var(--prodeed-blue); font-size:16px; font-weight:600; font-family:'Inter',sans-serif; }
.header-phone:hover .header-phone-number { text-decoration:underline; }
.header-actions .tp-header-cta-phone { margin-right:14px; }
.header-phone .tp-cta-phone-icon { color:var(--prodeed-blue); border-color:rgba(26,58,82,.2); transition:background .2s,color .2s; }
.header-phone:hover .tp-cta-phone-icon { color:#fff; background:var(--prodeed-blue); }
.menu-close,.submenu-toggle { display:none; }
.menu-overlay { position:fixed; inset:0; background:rgba(26,58,82,.3); opacity:0; visibility:hidden; z-index:98; transition:opacity .3s,visibility .3s; }
.mobile-menu-toggle { display:none; width:42px; height:42px; border-radius:50%; background:var(--prodeed-blue); color:#fff; align-items:center; justify-content:center; flex-direction:column; gap:5px; }
.mobile-menu-toggle span { width:17px; height:1.5px; background:currentColor; }
/* Somente as margens brancas são recortadas na exibição; JPEG original preservado. */
.brand-logo { display:block; position:relative; width:212px; aspect-ratio:1370 / 335; overflow:hidden; flex:0 0 auto; transition:none; }
.brand-logo img { position:absolute; width:116.7883%; height:auto; max-width:none; left:-8.54%; top:-188.96%; mix-blend-mode:multiply; }
/* Axenio: tela branca, marca pulsando (1s) e fade de saída (500ms). */
.prodeed-preloader { position:fixed; inset:0; z-index:99999999; background:#fff; opacity:1; transition:opacity .5s; animation:prodeed-loader-safety 0s 10s forwards; }
.prodeed-preloader-content { position:absolute; left:50%; top:50%; transform:translate(-50%,-70px); text-align:center; }
.prodeed-preloader .prodeed-preloader-logo { width:212px; margin:0 auto; animation:prodeed-loader-pulse 1s linear infinite; }
.prodeed-preloader-label { display:block; margin-top:24px; color:var(--prodeed-blue); font-size:14px; font-weight:600; line-height:20px; letter-spacing:2px; text-transform:uppercase; }
.prodeed-preloader.is-leaving { opacity:0; pointer-events:none; }
@keyframes prodeed-loader-pulse { 0%,100% { transform:scale(1); } 50% { transform:scale(1.1); } }
@keyframes prodeed-loader-safety { to { opacity:0; visibility:hidden; pointer-events:none; } }
@media (prefers-reduced-motion:reduce) {
  .prodeed-preloader .prodeed-preloader-logo { animation:none; }
  .prodeed-preloader { transition:none; }
}
.language-switcher { position:relative; flex:0 0 auto; }
.language-trigger { background:rgba(255,255,255,.8); border:1px solid rgba(26,58,82,.12); }
.language-options { position:absolute; top:calc(100% + 10px); right:0; width:60px; padding:5px; background:#fff; border:1px solid rgba(26,58,82,.12); border-radius:18px; box-shadow:0 14px 35px rgba(26,58,82,.12); }
.language-options[hidden] { display:none; }
.language-switcher button { display:flex; align-items:center; justify-content:center; width:52px; height:52px; padding:0; color:var(--prodeed-blue); line-height:1; border-radius:50%; transition:background .2s; }
.language-options button { width:48px; height:44px; border-radius:12px; }
.language-switcher button span:first-child { font-size:22px; }
.language-switcher button[aria-pressed="true"] { background:#edf1f3; }
.language-switcher button:hover { background:#e1e8ec; }
@media (min-width:1200px) and (max-width:1399px) {
  .brand-logo { width:185px; }
  .header-actions { gap:12px; }
}
/* O seletor de idioma ocupa uma posição adicional na grade original. */
@media (min-width:1400px) and (max-width:1599px) {
  .template-menu-shell.tp-header-menu > nav > ul > li { margin-inline:13px; }
  .header-actions { gap:12px; }
}
.tp-btn { background:var(--prodeed-wine); color:#fff; }
.tp-btn-icon::before { background:#fff; }
.tp-btn-icon svg { color:var(--prodeed-wine); }
.tp-btn:hover { color:#fff; }
.tp-hero-slider-area { height:100svh; overflow:hidden; }
.tp-hero-slider { position:relative; height:100%; background:linear-gradient(110deg,#fff 0%,#f8f9fa 46%,#edf2f4 100%); }
.tp-hero-slider > .container { height:100%; }
.tp-hero-slider-main { height:100%; min-height:0; padding-top:clamp(118px,23svh,190px); padding-bottom:38px; display:flex; flex-direction:column; justify-content:space-between; }
.tp-hero-slider-title { color:var(--prodeed-blue); font-size:clamp(46px,7vw,88px); line-height:1.06; font-weight:650; letter-spacing:-.055em; }
.tp-hero-slider-title b { font-weight:350; }
.tp-hero-slider-title span { font-family:'Inter',sans-serif; color:var(--prodeed-wine); font-style:normal; font-weight:350; }
.tp-hero-slider-btn { padding-top:clamp(24px,5svh,40px); }
.tp-hero-slider-btn p { color:var(--prodeed-blue); font-size:17px; transition:color .2s; }
.tp-hero-slider-shape { display:block; right:-4%; bottom:8%; width:min(54vw,700px); height:78%; background:url('./assets/favicon.svg') center / contain no-repeat; opacity:.045; mix-blend-mode:normal; z-index:0; pointer-events:none; }
.tp-hero-slider-content,.tp-hero-slider-bottom { position:relative; z-index:1; }
.tp-hero-slider-bottom { width:calc(100% - 450px); gap:22px; }
.tp-hero-slider-des { color:var(--prodeed-blue); font-size:17px; font-weight:450; white-space:nowrap; }
.tp-hero-slider-dvdr { flex:1; min-width:20px; background:rgba(26,58,82,.18); }
.tp-hero-agents-2 { min-width:0; padding:24px 110px 22px 30px; gap:22px; border-radius:38px 0 0 0; }
.tp-hero-agents-img-larg span { background:var(--prodeed-wine); }
.tp-hero-agents-img-larg img,.tp-hero-agents-img-larg span { width:48px; height:48px; margin:0 -10px; }
.tp-hero-agents-2-title { color:var(--prodeed-blue); font-size:28px; font-weight:650; }
.tp-hero-agents-content p { font-size:13px; line-height:1.35; color:var(--prodeed-blue); transition:color .2s; }
.tp-hero-agents-img { margin-right:0; }
.whatsapp-float { position:fixed; right:max(24px,env(safe-area-inset-right)); bottom:max(22px,env(safe-area-inset-bottom)); width:58px; height:58px; border-radius:50%; background:#1eab62; color:#fff; display:grid; place-items:center; z-index:20; box-shadow:0 6px 22px rgba(18,104,57,.2); transition:background .2s,box-shadow .2s; }
.whatsapp-float[data-attention="true"]::before { content:''; position:absolute; inset:-2px; border:2px solid rgba(30,171,98,.45); border-radius:50%; animation:whatsapp-pulse 7s ease-out infinite; pointer-events:none; }
.whatsapp-float:hover { background:#168f50; }
.whatsapp-float:hover::before { animation-play-state:paused; }
@keyframes whatsapp-pulse { 0%,35%,100% { opacity:0; transform:scale(1); } 4%,19% { opacity:.8; transform:scale(1); } 15%,30% { opacity:0; transform:scale(1.5); } }
a:focus-visible,button:focus-visible { outline:2px solid var(--prodeed-wine); outline-offset:5px; }
@media (max-width:1199px) {
  .mobile-menu-toggle { display:flex; }
  .template-menu-shell.tp-header-menu { display:contents; backdrop-filter:none; }
  .site-menu { display:block; position:fixed; left:auto; right:0; top:0; width:min(400px,100%); height:100svh; margin:0; border:0; border-radius:0; padding:70px 30px 30px; background:#fff; z-index:99; overflow:auto; opacity:0; visibility:hidden; transform:translateX(100%); transition:transform .3s,opacity .3s,visibility .3s; }
  .site-menu.is-open { opacity:1; visibility:visible; transform:translateX(0); }
  .menu-overlay.is-open { opacity:1; visibility:visible; }
  body.menu-open { overflow:hidden; }
  .menu-close { display:block; position:absolute; top:18px; right:25px; font-size:32px; line-height:1; color:var(--prodeed-blue); }
  .site-menu > ul { flex-direction:column; gap:0; }
  .site-menu > ul > li { display:block; border-bottom:1px solid rgba(26,58,82,.14); }
  .site-menu > ul > li > a { display:block; font-size:17px; padding:18px 40px 18px 0; transform:none; }
  .site-menu ul li > a::before { display:none; }
  .site-menu ul li .sub-menu { display:block; position:static; width:auto; padding:0; border-radius:0; box-shadow:none; opacity:1; visibility:visible; transform:none; transition:none; }
  .site-menu .sub-menu[hidden] { display:none; }
  .site-menu .sub-menu::before { display:none; }
  .site-menu .sub-menu li a { font-size:14px; padding:12px 15px; }
  .submenu-toggle { display:grid; place-items:center; position:absolute; right:0; top:11px; width:32px; height:32px; border:1px solid rgba(26,58,82,.2); border-radius:6px; font-size:20px; color:var(--prodeed-blue); }
  .tp-hero-slider-bottom { display:block; width:auto; margin-bottom:0; }
  .tp-hero-slider-des { line-height:1.5; }
  .tp-hero-slider-dvdr { display:none; }
}
@media (max-height:680px) and (min-width:768px) {
  .tp-hero-slider-main { padding-top:118px; padding-bottom:28px; }
  .tp-hero-slider-title { font-size:clamp(46px,6.5vw,76px); }
  .tp-hero-slider-btn { padding-top:22px; }
}
@media (max-width:767px) {
  .header-actions { gap:10px; }
  .brand-logo { width:155px; }
  .header-contact { display:none; }
  .header-actions { gap:8px; }
  .header-phone .tp-cta-phone-icon,.language-trigger { width:42px; height:42px; }
  .language-switcher button span:first-child { font-size:20px; }
  .tp-hero-slider-main { padding-top:112px; padding-bottom:128px; }
  .tp-hero-slider-title { font-size:clamp(34px,9.8vw,54px); line-height:1.08; }
  .tp-hero-slider-btn { padding-top:24px; display:block; }
  .tp-hero-slider-btn p { padding-top:14px; font-size:14px; }
  .tp-hero-slider-bottom { margin:0; width:100%; }
  .tp-hero-slider-des { font-size:15px; }
  .tp-hero-agents-2 { width:100%; min-width:0; padding:18px 90px 20px 22px; gap:18px; border-radius:28px 0 0 0; }
  .tp-hero-agents-img-larg span,.tp-hero-agents-img-larg img { width:34px; height:34px; margin:0 -7px; font-size:10px; }
  .tp-hero-agents-2-title { font-size:24px; }
  .tp-hero-agents-content p { font-size:11px; }
  .tp-hero-slider-shape { width:90%; height:55%; right:-18%; bottom:17%; }
  .whatsapp-float { width:52px; height:52px; right:18px; bottom:20px; }
}
@media (max-width:360px) {
  .brand-logo { width:120px; }

  .tp-hero-slider-main { padding-top:98px; padding-bottom:116px; }
  .tp-hero-agents-2 { gap:13px; padding-left:14px; padding-right:80px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { transition-duration:.01ms !important; animation:none !important; }
}

/* Etapa 3: proposta de topo com VSL, imagem clara e copy StoryBrand. */
.tp-hero-slider { background:linear-gradient(90deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.85) 38%,rgba(255,255,255,.48) 72%,rgba(255,255,255,.28) 100%),url('./assets/img/conceitos/fundo-casa-manha.png') center / cover no-repeat; }
.tp-hero-slider-shape { display:none; }
.tp-hero-slider-main { padding-top:clamp(130px,18svh,180px); padding-bottom:38px; }
.hero-layout { display:grid; grid-template-columns:1.08fr 1fr; gap:56px; align-items:center; }
.hero-copy { min-width:0; }
.hero-eyebrow { margin:0 0 18px; font-size:12px; font-weight:600; letter-spacing:.14em; text-transform:uppercase; color:var(--prodeed-blue); }
.tp-hero-slider-title { font-size:clamp(42px,4.2vw,64px); line-height:1.06; font-weight:600; letter-spacing:-.045em; margin:0; }
.tp-hero-slider-title span { font-weight:400; }
.hero-subheadline { max-width:540px; margin:24px 0 0; color:var(--prodeed-blue); font-size:17px; font-weight:400; line-height:1.65; }
.tp-hero-slider-btn { padding-top:28px; }
#hero-conversation { white-space:nowrap; }
.hero-video { border:1px solid rgba(255,255,255,.7); border-radius:24px; padding:10px; background:rgba(255,255,255,.46); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); box-shadow:0 24px 60px rgba(26,58,82,.09); }
.hero-video-screen { position:relative; aspect-ratio:16 / 9; overflow:hidden; border-radius:17px; display:grid; place-items:center; background:linear-gradient(rgba(26,58,82,.05),rgba(26,58,82,.3)),url('./assets/img/conceitos/fundo-casa-manha.png') 85% center / cover no-repeat; }
.hero-demo-video { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; pointer-events:none; transition:opacity .2s; }
.hero-video-screen.is-started .hero-demo-video { opacity:1; pointer-events:auto; }
.hero-video-screen.is-started .hero-video-status,.hero-video-screen.is-started .hero-video-note,.hero-video-play[hidden] { display:none; }
.hero-video-play { position:relative; z-index:1; cursor:pointer; }
.hero-video-play:hover { background:#fff; }
.hero-video-status { position:absolute; top:16px; left:16px; background:rgba(255,255,255,.88); color:var(--prodeed-blue); padding:7px 12px; border-radius:30px; font-size:11px; font-weight:600; }
.hero-video-play { display:grid; place-items:center; width:70px; height:70px; padding-left:4px; border-radius:50%; color:var(--prodeed-blue); background:rgba(255,255,255,.83); border:1px solid rgba(255,255,255,.75); backdrop-filter:blur(12px); }
.hero-video-note { position:absolute; bottom:20px; left:22px; color:#fff; font-size:15px; font-weight:500; }
.hero-video-caption { padding:16px 12px 12px; }
.hero-video-caption p { margin:0 0 5px; font-size:15px; line-height:1.4; font-weight:600; color:var(--prodeed-blue); }
.hero-video-caption span { font-size:12px; color:#526573; }
.tp-hero-slider-bottom { width:calc(100% - 500px); gap:24px; }
.hero-footer-line { margin:0; white-space:nowrap; font-size:14px; color:var(--prodeed-blue); }
.tp-hero-agents-2 { padding:22px 110px 20px 32px; gap:20px; }
.tp-hero-agents-img-larg img { width:48px; height:48px; object-fit:cover; margin:0 -9px; border:2px solid #fff; }
.tp-hero-agents-img-larg img:first-child { margin-left:0; }
.tp-hero-agents-2-title { font-size:20px; line-height:1.3; margin:0 0 4px; }
.tp-hero-agents-content p { font-size:12px; }
.tp-hero-agents-content small { display:block; font-size:9px; line-height:1.4; color:#647582; margin-top:5px; }
@media (min-width:992px) and (max-height:680px) {
  .tp-hero-slider-main { padding-top:128px; padding-bottom:28px; }
  .tp-hero-slider-title { font-size:clamp(38px,3.9vw,58px); }
  .hero-eyebrow { margin-bottom:12px; }
  .hero-subheadline { margin-top:18px; font-size:15px; }
  .tp-hero-slider-btn { padding-top:20px; }
}
@media (max-width:1199px) and (min-width:992px) {
  .hero-layout { gap:32px; }
  .tp-hero-slider-title { font-size:44px; }
  .hero-subheadline { font-size:15px; }
  .tp-hero-slider-bottom { width:auto; }
}
@media (max-width:991px) {
  .tp-hero-slider-area { height:auto; min-height:100svh; overflow:hidden; }
  .tp-hero-slider-main { min-height:100svh; padding-top:128px; padding-bottom:154px; gap:36px; }
  .hero-layout { grid-template-columns:1fr; gap:32px; }
  .hero-copy { max-width:640px; }
  .hero-video { width:100%; max-width:640px; }
  .tp-hero-slider-title { max-width:650px; font-size:clamp(36px,6.2vw,54px); }
  .tp-hero-slider-bottom { width:auto; }
  .tp-hero-slider { background-position:center,right bottom; }
}
@media (max-width:767px) {
  .tp-hero-slider { background-image:linear-gradient(180deg,rgba(255,255,255,.95),rgba(255,255,255,.88) 48%,rgba(255,255,255,.55)),url('./assets/img/conceitos/fundo-casa-manha.png'); }
  .tp-hero-slider-main { padding-top:106px; padding-bottom:144px; gap:28px; }
  .hero-layout { gap:26px; }
  .hero-eyebrow { font-size:10px; margin-bottom:15px; }
  .tp-hero-slider-title { font-size:clamp(32px,8.6vw,48px); line-height:1.08; }
  .hero-subheadline { font-size:15px; line-height:1.6; margin-top:20px; }
  .hero-video { padding:8px; border-radius:20px; }
  .hero-video-screen { border-radius:13px; }
  .hero-video-play { width:54px; height:54px; }
  .hero-video-note { font-size:12px; left:16px; bottom:16px; }
  .hero-video-caption { padding:12px 8px 8px; }
  .hero-video-caption p { font-size:14px; }
  .tp-hero-agents-2 { padding:18px 85px 18px 20px; gap:14px; }
  .tp-hero-agents-img-larg img { width:36px; height:36px; margin:0 -8px; }
  .tp-hero-agents-2-title { font-size:17px; }
  .tp-hero-agents-content p { font-size:10px; }
  .tp-hero-agents-content small { font-size:8px; }
  .hero-footer-line { font-size:12px; }
}
@media (max-width:360px) {
  .tp-hero-agents-2 { padding-left:14px; padding-right:74px; gap:10px; }
  .tp-hero-agents-img-larg img { width:30px; height:30px; margin:0 -7px; }
  .tp-hero-agents-2-title { font-size:15px; }
  #hero-conversation { font-size:14px; }
}

/* Etapa 5 corrigida: estrutura e expansão do Landor index-7. */
.prodeed-possibilities { background:#fff; scroll-margin-top:32px; }
.prodeed-possibilities .tp-section-sub-title { color:var(--prodeed-blue); border-color:rgba(26,58,82,.18); }
.prodeed-possibilities .tp-section-title { color:var(--prodeed-blue); font-weight:600; line-height:1.12; letter-spacing:-.04em; }
.prodeed-possibilities .tp-section-title span { color:var(--prodeed-wine); font-family:'Inter',sans-serif; font-style:normal; font-weight:400; margin:0; }
.possibilities-intro { max-width:640px; margin:22px auto 0; color:#526573; font-size:16px; line-height:1.65; }
.possibility-card { color:var(--prodeed-blue); outline:none; }
.possibility-card .tpservshow__info-wrap { width:228px; max-width:100%; }
.possibility-card .tpservshow__title { color:inherit; font-weight:600; line-height:1.3; margin-bottom:12px; }
.possibility-card .tpservshow__content p { color:#526573; line-height:1.75; margin:0; }
.possibility-card .tpservshow__thumb { width:278px; }
.possibility-card .tpservshow__thumb img { width:278px; height:338px; object-fit:cover; border-radius:20px; }
.possibility-card.active { color:#fff; }
.possibility-card.active .tpservshow__content p { color:rgba(255,255,255,.9); }
.possibility-card:focus-visible { outline:2px solid var(--prodeed-blue); outline-offset:5px; }
.prodeed-possibilities .tp-services-showcase-bottom p { color:var(--prodeed-blue); }
@media (min-width:992px) and (max-width:1399px) {
  .possibility-card .tpservshow__info-wrap { width:224px; }
  .possibility-card .tpservshow__thumb img { height:auto; aspect-ratio:278 / 338; }
}
@media (min-width:768px) and (max-width:991px) {
  .possibility-card .tpservshow__info-wrap { width:210px; }
  .possibility-card.active .tpservshow__info-wrap { width:210px; }
  .possibility-card .tpservshow__thumb img { height:auto; aspect-ratio:278 / 338; }
}
/* Em telas de toque pequenas, tocar revela a foto abaixo da mesma copy. */
@media (max-width:767px) {
  .possibilities-row.tp-services-showcase { display:flex; flex-direction:column; gap:0; align-items:stretch; }
  .possibility-card.tpservshow,.possibility-card.tpservshow.active { width:100%; min-height:330px; padding:30px; }
  .possibility-card .tpservshow__info-wrap { width:auto; }
  .possibility-card .tpservshow__thumb { display:none; position:static; width:100%; margin-top:24px; opacity:1; visibility:visible; transform:none; }
  .possibility-card.active .tpservshow__thumb { display:block; }
  .possibility-card .tpservshow__thumb img { width:100%; max-width:100%; height:280px; }
  .prodeed-possibilities .tp-services-showcase-bottom p { text-align:center; padding:12px; }
  .prodeed-possibilities .tp-services-showcase-bottom p span { margin:8px 0 0; line-height:1.4; }
}