{"id":68,"date":"2026-10-27T01:43:58","date_gmt":"2026-10-27T01:43:58","guid":{"rendered":"https:\/\/www.construindosaberes.com.br\/?page_id=68"},"modified":"2026-11-04T14:49:04","modified_gmt":"2026-11-04T14:49:04","slug":"elementor-68","status":"publish","type":"page","link":"https:\/\/www.construindosaberes.com.br\/","title":{"rendered":"P\u00e1gina Inicial"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"68\" class=\"elementor elementor-68\">\n\t\t\t\t<div class=\"elementor-element elementor-element-751f0a6 e-con e-atomic-element e-flexbox-base e-default-div e-751f0a6-0c9f305 \" data-id=\"751f0a6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"751f0a6\">\n    <div class=\"elementor-element elementor-element-1ea96b9 e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"1ea96b9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1ea96b9\">\n    \t\t<div class=\"elementor-element elementor-element-e7b2190 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"e7b2190\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* ==========================================\r\n   CONSTRUINDO SABERES \u2014 CABE\u00c7ALHO\r\n   Navega\u00e7\u00e3o em p\u00e1gina \u00fanica\r\n========================================== *\/\r\n\r\n.cs-site {\r\n  --cs-navy: #243B3A;\r\n  --cs-blue: #52665B;\r\n  --cs-teal: #71816B;\r\n  --cs-gold: #B88A58;\r\n  --cs-ink: #493A2E;\r\n  --cs-muted: #77695B;\r\n  --cs-light: #FAF7F0;\r\n  --cs-white: #FFFFFF;\r\n  --cs-beige: #EDE2D0;\r\n  --cs-brown: #754F35;\r\n\r\n  position: relative;\r\n  z-index: 999999;\r\n  width: 100%;\r\n  color: var(--cs-ink);\r\n  font-family: inherit;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.cs-site *,\r\n.cs-site *::before,\r\n.cs-site *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.cs-header {\r\n  position: relative;\r\n  z-index: 999999;\r\n  width: 100%;\r\n  background: transparent;\r\n  border-bottom: 1px solid rgba(117, 79, 53, 0.13);\r\n}\r\n\r\n.cs-header-inner {\r\n  width: 100%;\r\n  max-width: 1240px;\r\n  min-height: 88px;\r\n  margin: 0 auto;\r\n  padding: 15px 28px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 24px;\r\n}\r\n\r\n\/* LOGOTIPO *\/\r\n\r\n.cs-logo {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  flex: 0 1 auto;\r\n  min-width: 0;\r\n  position: relative;\r\n  z-index: 10;\r\n  pointer-events: auto !important;\r\n  text-decoration: none !important;\r\n}\r\n\r\n.cs-logo img {\r\n  display: block;\r\n  width: 225px;\r\n  max-width: 100%;\r\n  height: auto;\r\n  object-fit: contain;\r\n  mix-blend-mode: multiply;\r\n}\r\n\r\n\/* MENU *\/\r\n\r\n.cs-nav {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  flex: 1 1 auto;\r\n  position: relative;\r\n  z-index: 10;\r\n  pointer-events: auto !important;\r\n}\r\n\r\n.cs-nav a {\r\n  position: relative;\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  padding: 11px 15px;\r\n  border: 1px solid #E5D7C3;\r\n  border-radius: 6px;\r\n  background: #EDE2D0;\r\n  color: #243B3A !important;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n  text-decoration: none !important;\r\n  white-space: nowrap;\r\n  cursor: pointer;\r\n  pointer-events: auto !important;\r\n  transition: all 0.25s ease;\r\n}\r\n\r\n.cs-nav a:hover {\r\n  background: #243B3A;\r\n  border-color: #243B3A;\r\n  color: #FFFFFF !important;\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 4px 10px rgba(36, 59, 58, 0.15);\r\n}\r\n\r\n\/* CONTATO *\/\r\n\r\n.cs-header-cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  position: relative;\r\n  z-index: 10;\r\n  pointer-events: auto !important;\r\n  flex: 0 0 auto;\r\n  min-height: 44px;\r\n  padding: 12px 22px;\r\n  border: 1px solid #243B3A;\r\n  border-radius: 6px;\r\n  background: #243B3A;\r\n  color: #FFFFFF !important;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n  text-align: center;\r\n  text-decoration: none !important;\r\n  white-space: nowrap;\r\n  cursor: pointer;\r\n  transition: all 0.25s ease;\r\n}\r\n\r\n.cs-header-cta:hover {\r\n  background: #754F35;\r\n  border-color: #754F35;\r\n  color: #FFFFFF !important;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* ACESSIBILIDADE *\/\r\n\r\n.cs-site a:focus-visible {\r\n  outline: 3px solid #B88A58;\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* NOTEBOOKS *\/\r\n\r\n@media (max-width: 1100px) {\r\n  .cs-header-inner {\r\n    gap: 15px;\r\n    padding: 15px 20px;\r\n  }\r\n\r\n  .cs-logo img {\r\n    width: 185px;\r\n  }\r\n\r\n  .cs-nav {\r\n    gap: 7px;\r\n  }\r\n\r\n  .cs-nav a {\r\n    padding: 10px 11px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .cs-header-cta {\r\n    padding: 11px 15px;\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n\/* TABLETS *\/\r\n\r\n@media (max-width: 800px) {\r\n  .cs-header-inner {\r\n    min-height: auto;\r\n    padding: 15px 20px;\r\n    flex-wrap: wrap;\r\n    gap: 14px 18px;\r\n  }\r\n\r\n  .cs-logo img {\r\n    width: 190px;\r\n  }\r\n\r\n  .cs-header-cta {\r\n    min-height: 42px;\r\n    padding: 10px 15px;\r\n    font-size: 12px;\r\n  }\r\n\r\n  .cs-nav {\r\n    order: 3;\r\n    flex: 1 0 100%;\r\n    justify-content: center;\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    padding-top: 12px;\r\n    border-top: 1px solid rgba(117, 79, 53, 0.12);\r\n  }\r\n\r\n  .cs-nav a {\r\n    padding: 9px 13px;\r\n    font-size: 13px;\r\n  }\r\n}\r\n\r\n\/* CELULARES *\/\r\n\r\n@media (max-width: 480px) {\r\n  .cs-header-inner {\r\n    padding: 13px 15px;\r\n    gap: 12px;\r\n  }\r\n\r\n  .cs-logo {\r\n    max-width: calc(100% - 120px);\r\n  }\r\n\r\n  .cs-logo img {\r\n    width: 155px;\r\n  }\r\n\r\n  .cs-header-cta {\r\n    min-height: 39px;\r\n    padding: 9px 11px;\r\n    font-size: 11px;\r\n  }\r\n\r\n  .cs-nav {\r\n    gap: 7px;\r\n    padding-top: 11px;\r\n  }\r\n\r\n  .cs-nav a {\r\n    padding: 8px 11px;\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n\/* CELULARES ESTREITOS *\/\r\n\r\n@media (max-width: 350px) {\r\n  .cs-header-inner {\r\n    justify-content: center;\r\n  }\r\n\r\n  .cs-logo {\r\n    max-width: 100%;\r\n  }\r\n\r\n  .cs-logo img {\r\n    width: 165px;\r\n  }\r\n\r\n  .cs-header-cta {\r\n    width: 100%;\r\n  }\r\n\r\n  .cs-nav {\r\n    gap: 6px;\r\n  }\r\n\r\n  .cs-nav a {\r\n    padding: 8px 10px;\r\n    font-size: 11px;\r\n  }\r\n}\r\n\r\n\/* ROLAGEM SUAVE *\/\r\n\r\nhtml {\r\n  scroll-behavior: smooth;\r\n}\r\n\r\n\/* ESPA\u00c7O PARA O CABE\u00c7ALHO *\/\r\n\r\n#inicio,\r\n#servicos,\r\n#metodo,\r\n#diferenciais,\r\n#contato {\r\n  scroll-margin-top: 110px;\r\n}\r\n\r\n\/* REDU\u00c7\u00c3O DE MOVIMENTO *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  html {\r\n    scroll-behavior: auto;\r\n  }\r\n\r\n  .cs-site *,\r\n  .cs-site *::before,\r\n  .cs-site *::after {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"cs-site\">\r\n\r\n  <header class=\"cs-header\">\r\n\r\n    <div class=\"cs-header-inner\">\r\n\r\n      <!-- LOGOTIPO: IN\u00cdCIO -->\r\n      <a\r\n        class=\"cs-logo\"\r\n        href=\"#inicio\"\r\n        aria-label=\"In\u00edcio da Construindo Saberes\"\r\n      >\r\n        <img\r\n          src=\"https:\/\/www.construindosaberes.com.br\/wp-content\/uploads\/2026\/10\/Logo-1-scaled.png\"\r\n          alt=\"Construindo Saberes\"\r\n          decoding=\"async\"\r\n        >\r\n      <\/a>\r\n\r\n      <!-- MENU PRINCIPAL -->\r\n      <nav class=\"cs-nav\" aria-label=\"Menu principal\">\r\n\r\n        <a href=\"#inicio\">In\u00edcio<\/a>\r\n\r\n        <a href=\"#servicos\">Solu\u00e7\u00f5es<\/a>\r\n\r\n        <a href=\"#metodo\">Como funciona<\/a>\r\n\r\n        <a href=\"#diferenciais\">Diferencial<\/a>\r\n\r\n      <\/nav>\r\n\r\n      <!-- BOT\u00c3O DE CONTATO -->\r\n      <a\r\n        class=\"cs-header-cta\"\r\n        href=\"#contato\"\r\n        aria-label=\"Entre em contato com a Construindo Saberes\"\r\n      >\r\n        Vamos conversar?\r\n      <\/a>\r\n\r\n    <\/div>\r\n\r\n  <\/header>\r\n\r\n<\/div>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\n<\/div>\n<div class=\"elementor-element elementor-element-ad82aba e-con e-atomic-element e-flexbox-base e-default-div e-eac48dd \" data-id=\"ad82aba\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ad82aba\">\n    \t\t<div class=\"elementor-element elementor-element-fe00528 elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"fe00528\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<section class=\"cs-bright-tech\" id=\"inicio\" aria-label=\"Apresenta\u00e7\u00e3o da Construindo Saberes\">\r\n\r\n  <div class=\"cs-tech-background\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"cs-tech-orb cs-orb-1\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"cs-tech-orb cs-orb-2\" aria-hidden=\"true\"><\/div>\r\n  <div class=\"cs-tech-orb cs-orb-3\" aria-hidden=\"true\"><\/div>\r\n\r\n  <div class=\"cs-tech-container\">\r\n\r\n    <div class=\"cs-tech-content\">\r\n\r\n      <div class=\"cs-tech-eyebrow\">\r\n        <span class=\"cs-tech-eyebrow-dot\"><\/span>\r\n        APRENDER HOJE, TRANSFORMAR SEMPRE\r\n      <\/div>\r\n\r\n      <h1 class=\"cs-tech-title\">\r\n        <span class=\"cs-tech-title-first\">Educa\u00e7\u00e3o e tecnologia<\/span>\r\n        <span class=\"cs-tech-title-second\">para transformar a aprendizagem.<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"cs-tech-description\">\r\n        Desenvolvemos solu\u00e7\u00f5es\r\n        personalizadas em educa\u00e7\u00e3o digital, gest\u00e3o Moodle e design\r\n        instrucional para potencializar o ensino e a aprendizagem.\r\n      <\/p>\r\n\r\n      <div class=\"cs-tech-buttons\">\r\n        <a href=\"#contato\" class=\"cs-tech-button cs-tech-button-primary\">\r\n          Vamos conversar <span aria-hidden=\"true\">\u2197<\/span>\r\n        <\/a>\r\n\r\n        <a href=\"#servicos\" class=\"cs-tech-button cs-tech-button-secondary\">\r\n          Conhe\u00e7a nossos servi\u00e7os <span aria-hidden=\"true\">\u2192<\/span>\r\n        <\/a>\r\n      <\/div>\r\n\r\n      <div class=\"cs-tech-tags\">\r\n        <span>Experi\u00eancia do Estudante<\/span>\r\n        <span>Gest\u00e3o Moodle<\/span>\r\n        <span>Design Educacional<\/span>\r\n        <span>Consultoria Especializada<\/span>\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <div class=\"cs-tech-visual\">\r\n\r\n      <div class=\"cs-tech-visual-glow\"><\/div>\r\n\r\n      <div class=\"cs-tech-main-card\">\r\n\r\n        <div class=\"cs-tech-card-top\">\r\n          <div class=\"cs-tech-card-symbol\">CS<\/div>\r\n          <div class=\"cs-tech-card-label\">\r\n            <span>CONSTRUINDO SABERES<\/span>\r\n            <small>Educa\u00e7\u00e3o \u00b7 Inova\u00e7\u00e3o \u00b7 Tecnologia<\/small>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"cs-tech-illustration\" aria-hidden=\"true\">\r\n\r\n          <div class=\"cs-tech-ring cs-ring-1\"><\/div>\r\n          <div class=\"cs-tech-ring cs-ring-2\"><\/div>\r\n          <div class=\"cs-tech-ring cs-ring-3\"><\/div>\r\n\r\n          <!-- LOGOTIPO CONSTRUINDO SABERES -->\r\n          <div class=\"cs-tech-center-icon\">\r\n            <img\r\n              src=\"https:\/\/www.construindosaberes.com.br\/wp-content\/uploads\/2026\/11\/Logo-Copia-1.png\"\r\n              alt=\"Logotipo Construindo Saberes\"\r\n              loading=\"eager\"\r\n              decoding=\"async\"\r\n            >\r\n          <\/div>\r\n\r\n          <div class=\"cs-tech-floating cs-float-top\">\r\n            <span class=\"cs-tech-float-icon\">\u2733<\/span>\r\n            <span>Aprendizagem<\/span>\r\n          <\/div>\r\n\r\n          <div class=\"cs-tech-floating cs-float-bottom\">\r\n            <span class=\"cs-tech-float-icon cs-float-gold\">\u2197<\/span>\r\n            <span>Transforma\u00e7\u00e3o digital<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"cs-tech-card-message\">\r\n          <span class=\"cs-tech-card-overline\">NOSSO PROP\u00d3SITO<\/span>\r\n          <h2>Conhecimento que conecta. Tecnologia que transforma.<\/h2>\r\n          <p>\r\n            Solu\u00e7\u00f5es educacionais pensadas para pessoas, institui\u00e7\u00f5es\r\n            e novos caminhos de aprendizagem.\r\n          <\/p>\r\n        <\/div>\r\n\r\n        <div class=\"cs-tech-card-footer\">\r\n          <span class=\"cs-tech-footer-dot\"><\/span>\r\n          Aprender hoje \u00b7 Transformar sempre\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n      <div class=\"cs-tech-deco cs-deco-1\" aria-hidden=\"true\">\u2733<\/div>\r\n      <div class=\"cs-tech-deco cs-deco-2\" aria-hidden=\"true\">+<\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div class=\"cs-tech-bottom\">\r\n    <span>CONSTRUINDO SABERES<\/span>\r\n    <span class=\"cs-tech-bottom-line\"><\/span>\r\n    <span>TECNOLOGIAS EDUCACIONAIS<\/span>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n.cs-bright-tech,\r\n.cs-bright-tech * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.cs-bright-tech {\r\n  --cs-cream: #FAF7F0;\r\n  --cs-beige: #EDE2D0;\r\n  --cs-sand: #D4B895;\r\n  --cs-caramel: #B88A58;\r\n  --cs-brown: #754F35;\r\n  --cs-green: #243B3A;\r\n  --cs-green-soft: #52665B;\r\n  --cs-ink: #493A2E;\r\n  --cs-muted: #77695B;\r\n\r\n  position: relative;\r\n  isolation: isolate;\r\n  overflow: hidden;\r\n  width: 100%;\r\n  padding: 76px 24px 28px;\r\n  color: var(--cs-ink);\r\n  background: var(--cs-cream);\r\n  font-family: inherit;\r\n}\r\n\r\n.cs-tech-background {\r\n  position: absolute;\r\n  inset: 0;\r\n  z-index: -3;\r\n  background-image:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(250,247,240,.97) 0%,\r\n      rgba(250,247,240,.93) 53%,\r\n      rgba(237,226,208,.68) 100%\r\n    ),\r\n    url(\"https:\/\/www.construindosaberes.com.br\/wp-content\/uploads\/2026\/10\/pexels-leticia-alvares-1805702-35962981-scaled.jpg\");\r\n  background-size: cover;\r\n  background-position: center;\r\n  opacity: .22;\r\n}\r\n\r\n.cs-tech-orb {\r\n  position: absolute;\r\n  z-index: -2;\r\n  border-radius: 50%;\r\n  pointer-events: none;\r\n  filter: blur(2px);\r\n}\r\n\r\n.cs-orb-1 {\r\n  width: 340px;\r\n  height: 340px;\r\n  top: -160px;\r\n  right: 12%;\r\n  background: rgba(212,184,149,.19);\r\n  animation: csOrbMove 12s ease-in-out infinite;\r\n}\r\n\r\n.cs-orb-2 {\r\n  width: 260px;\r\n  height: 260px;\r\n  bottom: -130px;\r\n  left: -80px;\r\n  background: rgba(113,129,107,.10);\r\n  animation: csOrbMove 15s ease-in-out infinite reverse;\r\n}\r\n\r\n.cs-orb-3 {\r\n  width: 110px;\r\n  height: 110px;\r\n  top: 18%;\r\n  left: 42%;\r\n  background: rgba(184,138,88,.08);\r\n  animation: csOrbMove 10s ease-in-out infinite;\r\n}\r\n\r\n\/* LAYOUT *\/\r\n\r\n.cs-tech-container {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);\r\n  align-items: center;\r\n  gap: clamp(35px, 6vw, 88px);\r\n  width: 100%;\r\n  max-width: 1220px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.cs-tech-content {\r\n  position: relative;\r\n  z-index: 2;\r\n  min-width: 0;\r\n}\r\n\r\n\/* TEXTO PRINCIPAL *\/\r\n\r\n.cs-tech-eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  margin-bottom: 24px;\r\n  color: var(--cs-green-soft);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n  line-height: 1.7;\r\n  animation: csFadeUp .7s .1s both;\r\n}\r\n\r\n.cs-tech-eyebrow-dot {\r\n  flex: 0 0 8px;\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 50%;\r\n  background: var(--cs-caramel);\r\n  box-shadow: 0 0 0 5px rgba(184,138,88,.13);\r\n}\r\n\r\n.cs-tech-title {\r\n  max-width: 750px;\r\n  margin: 0 0 23px;\r\n  color: var(--cs-ink);\r\n  font-family: inherit;\r\n  font-size: clamp(34px, 3.6vw, 52px);\r\n  font-weight: 600;\r\n  line-height: 1.16;\r\n  letter-spacing: -1.8px;\r\n  animation: csFadeUp .8s .2s both;\r\n}\r\n\r\n.cs-tech-title-first {\r\n  display: block;\r\n  color: var(--cs-ink);\r\n  white-space: nowrap;\r\n}\r\n\r\n.cs-tech-title-second {\r\n  display: block;\r\n  margin-top: 5px;\r\n  color: var(--cs-green-soft);\r\n}\r\n\r\n.cs-tech-description {\r\n  max-width: 550px;\r\n  margin: 0 0 29px;\r\n  color: var(--cs-muted);\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  line-height: 1.9;\r\n  animation: csFadeUp .8s .3s both;\r\n}\r\n\r\n\/* BOT\u00d5ES *\/\r\n\r\n.cs-tech-buttons {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  align-items: center;\r\n  gap: 13px;\r\n  margin-bottom: 32px;\r\n  animation: csFadeUp .8s .4s both;\r\n}\r\n\r\n.cs-tech-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 14px;\r\n  min-height: 49px;\r\n  padding: 13px 21px;\r\n  border: 1px solid transparent;\r\n  border-radius: 6px;\r\n  font-size: 13px;\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n  text-align: center;\r\n  text-decoration: none !important;\r\n  transition: transform .3s ease, background-color .3s ease,\r\n    box-shadow .3s ease, border-color .3s ease;\r\n}\r\n\r\n.cs-tech-button:hover {\r\n  transform: translateY(-3px);\r\n}\r\n\r\n.cs-tech-button-primary {\r\n  color: #fff !important;\r\n  background: var(--cs-green);\r\n  box-shadow: 0 8px 20px rgba(36,59,58,.13);\r\n}\r\n\r\n.cs-tech-button-primary:hover {\r\n  color: #fff !important;\r\n  background: var(--cs-green-soft);\r\n  box-shadow: 0 12px 24px rgba(36,59,58,.18);\r\n}\r\n\r\n.cs-tech-button-secondary {\r\n  color: var(--cs-brown) !important;\r\n  background: rgba(255,255,255,.48);\r\n  border-color: rgba(117,79,53,.22);\r\n}\r\n\r\n.cs-tech-button-secondary:hover {\r\n  color: var(--cs-green) !important;\r\n  background: #fff;\r\n  border-color: var(--cs-sand);\r\n}\r\n\r\n\/* ETIQUETAS *\/\r\n\r\n.cs-tech-tags {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 9px;\r\n  animation: csFadeUp .8s .5s both;\r\n}\r\n\r\n.cs-tech-tags span {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  min-height: 32px;\r\n  padding: 8px 12px;\r\n  border: 1px solid rgba(36,59,58,.18);\r\n  border-radius: 5px;\r\n  color: #243B3A;\r\n  background: rgba(237,226,208,.65);\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n}\r\n\r\n\/* CARD VISUAL *\/\r\n\r\n.cs-tech-visual {\r\n  position: relative;\r\n  z-index: 1;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  min-width: 0;\r\n  padding: 24px 8px 30px;\r\n}\r\n\r\n.cs-tech-visual-glow {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  width: 390px;\r\n  height: 390px;\r\n  max-width: 100%;\r\n  border-radius: 50%;\r\n  background: radial-gradient(\r\n    circle,\r\n    rgba(212,184,149,.28) 0%,\r\n    rgba(212,184,149,.10) 48%,\r\n    rgba(212,184,149,0) 72%\r\n  );\r\n  transform: translate(-50%,-50%);\r\n  animation: csIllustrationGlow 7s ease-in-out infinite;\r\n  pointer-events: none;\r\n}\r\n\r\n.cs-tech-main-card {\r\n  position: relative;\r\n  z-index: 2;\r\n  width: 100%;\r\n  max-width: 430px;\r\n  padding: 25px 26px 20px;\r\n  overflow: hidden;\r\n  border: 1px solid rgba(117,79,53,.13);\r\n  border-radius: 16px;\r\n  background: rgba(255,253,248,.91);\r\n  box-shadow: 0 24px 65px rgba(73,58,46,.09),\r\n    0 4px 14px rgba(73,58,46,.04);\r\n  backdrop-filter: blur(8px);\r\n  -webkit-backdrop-filter: blur(8px);\r\n  transition: box-shadow .45s ease, border-color .45s ease;\r\n}\r\n\r\n.cs-tech-main-card:hover {\r\n  border-color: rgba(184,138,88,.38);\r\n  box-shadow: 0 30px 75px rgba(73,58,46,.13),\r\n    0 8px 20px rgba(73,58,46,.05);\r\n}\r\n\r\n.cs-tech-card-top {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  padding-bottom: 17px;\r\n  border-bottom: 1px solid rgba(117,79,53,.12);\r\n}\r\n\r\n.cs-tech-card-symbol {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex: 0 0 43px;\r\n  width: 43px;\r\n  height: 43px;\r\n  border: 1px solid rgba(184,138,88,.27);\r\n  border-radius: 10px;\r\n  color: var(--cs-green);\r\n  background: var(--cs-beige);\r\n  font-family: Georgia, serif;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n}\r\n\r\n.cs-tech-card-label {\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 5px;\r\n  min-width: 0;\r\n}\r\n\r\n.cs-tech-card-label > span {\r\n  color: var(--cs-ink);\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.4px;\r\n}\r\n\r\n.cs-tech-card-label small {\r\n  color: var(--cs-muted);\r\n  font-size: 10px;\r\n  line-height: 1.5;\r\n}\r\n\r\n\/* ILUSTRA\u00c7\u00c3O COM LOGOTIPO *\/\r\n\r\n.cs-tech-illustration {\r\n  position: relative;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  height: 235px;\r\n  margin: 3px 0 4px;\r\n  isolation: isolate;\r\n}\r\n\r\n.cs-tech-illustration::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: -1;\r\n  width: 170px;\r\n  height: 170px;\r\n  border-radius: 50%;\r\n  background: radial-gradient(circle, rgba(212,184,149,.32), rgba(212,184,149,0) 72%);\r\n  animation: csIllustrationGlow 6s ease-in-out infinite;\r\n  pointer-events: none;\r\n}\r\n\r\n.cs-tech-ring {\r\n  position: absolute;\r\n  top: 50%;\r\n  left: 50%;\r\n  border: 1px solid rgba(117,79,53,.20);\r\n  border-radius: 50%;\r\n  transform: translate(-50%,-50%);\r\n  pointer-events: none;\r\n}\r\n\r\n.cs-ring-1 {\r\n  width: 145px;\r\n  height: 145px;\r\n  border-color: rgba(184,138,88,.45);\r\n  animation: csRingPulse 5s ease-in-out infinite;\r\n}\r\n\r\n.cs-ring-2 {\r\n  width: 190px;\r\n  height: 190px;\r\n  border-style: dashed;\r\n  border-color: rgba(82,102,91,.32);\r\n  animation: csRingRotate 55s linear infinite;\r\n}\r\n\r\n.cs-ring-3 {\r\n  width: 220px;\r\n  height: 220px;\r\n  border-color: rgba(117,79,53,.10);\r\n  animation: csRingPulse 7s ease-in-out infinite reverse;\r\n}\r\n\r\n\/* LOGOTIPO CENTRAL ANIMADO *\/\r\n\r\n.cs-tech-center-icon {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 190px;\r\n  height: 115px;\r\n  border: none;\r\n  border-radius: 0;\r\n  background: transparent;\r\n  box-shadow: none;\r\n  animation: csIllustrationFloat 5s ease-in-out infinite;\r\n  will-change: transform;\r\n}\r\n\r\n.cs-tech-center-icon img {\r\n  display: block;\r\n  width: 100%;\r\n  max-width: 180px;\r\n  max-height: 105px;\r\n  height: auto;\r\n  object-fit: contain;\r\n  mix-blend-mode: multiply;\r\n  filter: drop-shadow(0 5px 8px rgba(73,58,46,.08));\r\n}\r\n\r\n\/* ETIQUETAS FLUTUANTES *\/\r\n\r\n.cs-tech-floating {\r\n  position: absolute;\r\n  z-index: 3;\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n  padding: 10px 13px;\r\n  border: 1px solid rgba(117,79,53,.11);\r\n  border-radius: 7px;\r\n  color: var(--cs-ink);\r\n  background: rgba(255,253,248,.96);\r\n  box-shadow: 0 9px 24px rgba(73,58,46,.08);\r\n  font-size: 11px;\r\n  font-weight: 600;\r\n  white-space: nowrap;\r\n}\r\n\r\n.cs-float-top {\r\n  top: 23px;\r\n  right: -3px;\r\n  animation: csFloatSmall 5s ease-in-out infinite;\r\n}\r\n\r\n.cs-float-bottom {\r\n  bottom: 22px;\r\n  left: -5px;\r\n  animation: csFloatSmall 6.5s ease-in-out infinite reverse;\r\n}\r\n\r\n.cs-tech-float-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 25px;\r\n  height: 25px;\r\n  border-radius: 5px;\r\n  color: var(--cs-green);\r\n  background: rgba(82,102,91,.12);\r\n  font-size: 15px;\r\n}\r\n\r\n.cs-float-gold {\r\n  color: var(--cs-brown);\r\n  background: rgba(212,184,149,.30);\r\n}\r\n\r\n\/* MENSAGEM E RODAP\u00c9 DO CARD *\/\r\n\r\n.cs-tech-card-message {\r\n  padding: 2px 1px 19px;\r\n}\r\n\r\n.cs-tech-card-overline {\r\n  display: block;\r\n  margin-bottom: 10px;\r\n  color: var(--cs-caramel);\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.cs-tech-card-message h2 {\r\n  margin: 0 0 10px;\r\n  color: var(--cs-ink);\r\n  font-family: inherit;\r\n  font-size: clamp(20px, 2vw, 25px);\r\n  font-weight: 600;\r\n  line-height: 1.35;\r\n  letter-spacing: -.5px;\r\n}\r\n\r\n.cs-tech-card-message p {\r\n  margin: 0;\r\n  color: var(--cs-muted);\r\n  font-size: 12px;\r\n  line-height: 1.8;\r\n}\r\n\r\n.cs-tech-card-footer {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 9px;\r\n  padding-top: 15px;\r\n  border-top: 1px solid rgba(117,79,53,.12);\r\n  color: var(--cs-green-soft);\r\n  font-size: 10px;\r\n  font-weight: 600;\r\n  letter-spacing: .3px;\r\n}\r\n\r\n.cs-tech-footer-dot {\r\n  flex: 0 0 7px;\r\n  width: 7px;\r\n  height: 7px;\r\n  border-radius: 50%;\r\n  background: var(--cs-caramel);\r\n  box-shadow: 0 0 0 4px rgba(184,138,88,.12);\r\n}\r\n\r\n\/* DETALHES DECORATIVOS *\/\r\n\r\n.cs-tech-deco {\r\n  position: absolute;\r\n  z-index: 1;\r\n  color: var(--cs-caramel);\r\n  pointer-events: none;\r\n}\r\n\r\n.cs-deco-1 {\r\n  top: 1px;\r\n  right: 8px;\r\n  font-size: 27px;\r\n  opacity: .75;\r\n  animation: csFloatSmall 7s ease-in-out infinite;\r\n}\r\n\r\n.cs-deco-2 {\r\n  bottom: 18px;\r\n  right: 1px;\r\n  color: var(--cs-green-soft);\r\n  font-size: 25px;\r\n  opacity: .55;\r\n  animation: csFloatSmall 6s ease-in-out infinite reverse;\r\n}\r\n\r\n\/* ASSINATURA INFERIOR *\/\r\n\r\n.cs-tech-bottom {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 15px;\r\n  max-width: 1220px;\r\n  margin: 35px auto 0;\r\n  color: rgba(73,58,46,.52);\r\n  font-size: 9px;\r\n  font-weight: 700;\r\n  letter-spacing: 2px;\r\n}\r\n\r\n.cs-tech-bottom-line {\r\n  width: 48px;\r\n  height: 1px;\r\n  background: rgba(117,79,53,.28);\r\n}\r\n\r\n\/* ANIMA\u00c7\u00d5ES *\/\r\n\r\n@keyframes csFadeUp {\r\n  from { opacity: 0; transform: translateY(18px); }\r\n  to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n@keyframes csIllustrationFloat {\r\n  0%, 100% { transform: translateY(0); }\r\n  50% { transform: translateY(-7px); }\r\n}\r\n\r\n@keyframes csIllustrationGlow {\r\n  0%, 100% { opacity: .65; transform: scale(.96); }\r\n  50% { opacity: 1; transform: scale(1.04); }\r\n}\r\n\r\n@keyframes csFloatSmall {\r\n  0%, 100% { transform: translateY(0); }\r\n  50% { transform: translateY(-6px); }\r\n}\r\n\r\n@keyframes csRingRotate {\r\n  from { transform: translate(-50%,-50%) rotate(0deg); }\r\n  to { transform: translate(-50%,-50%) rotate(360deg); }\r\n}\r\n\r\n@keyframes csRingPulse {\r\n  0%, 100% { opacity: .55; }\r\n  50% { opacity: 1; }\r\n}\r\n\r\n@keyframes csOrbMove {\r\n  0%, 100% { transform: translate(0,0); }\r\n  50% { transform: translate(18px,-15px); }\r\n}\r\n\r\n\/* TABLETS *\/\r\n\r\n@media (max-width: 1000px) {\r\n  .cs-bright-tech {\r\n    padding-top: 60px;\r\n  }\r\n\r\n  .cs-tech-container {\r\n    grid-template-columns: minmax(0,1fr) minmax(300px,.85fr);\r\n    gap: 30px;\r\n  }\r\n\r\n  .cs-tech-title {\r\n    font-size: clamp(30px,3.4vw,42px);\r\n    letter-spacing: -1.4px;\r\n  }\r\n\r\n  .cs-tech-main-card {\r\n    padding: 21px 20px 18px;\r\n  }\r\n\r\n  .cs-tech-illustration {\r\n    height: 215px;\r\n  }\r\n\r\n  .cs-ring-3 {\r\n    width: 195px;\r\n    height: 195px;\r\n  }\r\n\r\n  .cs-ring-2 {\r\n    width: 170px;\r\n    height: 170px;\r\n  }\r\n\r\n  .cs-ring-1 {\r\n    width: 130px;\r\n    height: 130px;\r\n  }\r\n}\r\n\r\n\/* CELULARES E TELAS ESTREITAS *\/\r\n\r\n@media (max-width: 760px) {\r\n  .cs-bright-tech {\r\n    padding: 54px 22px 25px;\r\n  }\r\n\r\n  .cs-tech-container {\r\n    grid-template-columns: 1fr;\r\n    gap: 28px;\r\n    max-width: 570px;\r\n  }\r\n\r\n  .cs-tech-title {\r\n    font-size: clamp(34px,7.2vw,46px);\r\n    line-height: 1.14;\r\n    letter-spacing: -1.3px;\r\n  }\r\n\r\n  .cs-tech-title-first {\r\n    white-space: normal;\r\n  }\r\n\r\n  .cs-tech-description {\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .cs-tech-visual {\r\n    width: 100%;\r\n    max-width: 440px;\r\n    margin: 0 auto;\r\n    padding: 8px 10px 22px;\r\n  }\r\n\r\n  .cs-tech-main-card {\r\n    max-width: 430px;\r\n  }\r\n\r\n  .cs-tech-illustration {\r\n    height: 225px;\r\n  }\r\n\r\n  .cs-tech-bottom {\r\n    margin-top: 15px;\r\n    font-size: 8px;\r\n    letter-spacing: 1.2px;\r\n  }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .cs-bright-tech {\r\n    padding: 42px 17px 23px;\r\n  }\r\n\r\n  .cs-tech-eyebrow {\r\n    gap: 8px;\r\n    margin-bottom: 19px;\r\n    font-size: 9px;\r\n    letter-spacing: 1.2px;\r\n  }\r\n\r\n  .cs-tech-title {\r\n    font-size: clamp(32px,8.5vw,39px);\r\n    letter-spacing: -1.1px;\r\n  }\r\n\r\n  .cs-tech-description {\r\n    font-size: 14px;\r\n  }\r\n\r\n  .cs-tech-buttons {\r\n    align-items: stretch;\r\n    flex-direction: column;\r\n    gap: 10px;\r\n  }\r\n\r\n  .cs-tech-button {\r\n    width: 100%;\r\n    min-height: 47px;\r\n  }\r\n\r\n  .cs-tech-tags {\r\n    gap: 7px;\r\n  }\r\n\r\n  .cs-tech-tags span {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .cs-tech-main-card {\r\n    padding: 18px 16px 16px;\r\n    border-radius: 13px;\r\n  }\r\n\r\n  .cs-tech-card-symbol {\r\n    flex-basis: 39px;\r\n    width: 39px;\r\n    height: 39px;\r\n  }\r\n\r\n  .cs-tech-card-label > span {\r\n    font-size: 9px;\r\n    letter-spacing: 1px;\r\n  }\r\n\r\n  .cs-tech-card-label small {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .cs-tech-illustration {\r\n    height: 205px;\r\n  }\r\n\r\n  .cs-tech-ring.cs-ring-3 {\r\n    width: 178px;\r\n    height: 178px;\r\n  }\r\n\r\n  .cs-tech-ring.cs-ring-2 {\r\n    width: 155px;\r\n    height: 155px;\r\n  }\r\n\r\n  .cs-tech-ring.cs-ring-1 {\r\n    width: 120px;\r\n    height: 120px;\r\n  }\r\n\r\n  \/* LOGOTIPO NO CELULAR *\/\r\n\r\n  .cs-tech-center-icon {\r\n    width: 155px;\r\n    height: 100px;\r\n  }\r\n\r\n  .cs-tech-center-icon img {\r\n    max-width: 150px;\r\n    max-height: 90px;\r\n  }\r\n\r\n  .cs-tech-floating {\r\n    gap: 6px;\r\n    padding: 8px 9px;\r\n    font-size: 9px;\r\n  }\r\n\r\n  .cs-tech-float-icon {\r\n    width: 22px;\r\n    height: 22px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .cs-float-top { right: -2px; }\r\n  .cs-float-bottom { left: -2px; }\r\n\r\n  .cs-tech-card-message h2 {\r\n    font-size: 21px;\r\n  }\r\n\r\n  .cs-tech-card-message p {\r\n    font-size: 11px;\r\n  }\r\n\r\n  .cs-tech-card-footer {\r\n    font-size: 9px;\r\n  }\r\n\r\n  .cs-tech-bottom {\r\n    flex-wrap: wrap;\r\n    gap: 8px;\r\n    font-size: 7px;\r\n    letter-spacing: .8px;\r\n  }\r\n\r\n  .cs-tech-bottom-line {\r\n    width: 22px;\r\n  }\r\n}\r\n\r\n\/* ACESSIBILIDADE *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .cs-bright-tech *,\r\n  .cs-bright-tech *::before,\r\n  .cs-bright-tech *::after {\r\n    animation: none !important;\r\n    transition: none !important;\r\n    scroll-behavior: auto !important;\r\n  }\r\n\r\n  .cs-bright-tech .cs-tech-eyebrow,\r\n  .cs-bright-tech .cs-tech-title,\r\n  .cs-bright-tech .cs-tech-description,\r\n  .cs-bright-tech .cs-tech-buttons,\r\n  .cs-bright-tech .cs-tech-tags {\r\n    opacity: 1;\r\n    transform: none;\r\n  }\r\n}\r\n<\/style>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-c5d3834 e-con e-atomic-element e-flexbox-base e-default-div e-8559c43 \" data-id=\"c5d3834\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c5d3834\">\n    \t\t<div class=\"elementor-element elementor-element-0fb5d32 elementor-widget elementor-widget-html\" data-id=\"0fb5d32\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* ========================================\r\n   CONSTRUINDO SABERES\r\n   SE\u00c7\u00c3O: SOLU\u00c7\u00d5ES E SERVI\u00c7OS\r\n======================================== *\/\r\n\r\n.cs-site.cs-services {\r\n  --cs-green: #243B3A;\r\n  --cs-green-soft: #52665B;\r\n  --cs-caramel: #B88A58;\r\n  --cs-ink: #493A2E;\r\n  --cs-muted: #77695B;\r\n  --cs-border: #E8DFD2;\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  padding: 88px 24px;\r\n  background: #FFFFFF;\r\n  color: var(--cs-ink);\r\n  border-top: 1px solid var(--cs-border);\r\n  font-family: inherit;\r\n}\r\n\r\n.cs-site.cs-services *,\r\n.cs-site.cs-services *::before,\r\n.cs-site.cs-services *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.cs-site.cs-services::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -2px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 76px;\r\n  height: 3px;\r\n  background: var(--cs-caramel);\r\n  border-radius: 3px;\r\n}\r\n\r\n.cs-site.cs-services .cs-container {\r\n  width: 100%;\r\n  max-width: 1160px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* CABE\u00c7ALHO *\/\r\n\r\n.cs-site.cs-services .cs-services-header {\r\n  max-width: 760px;\r\n  margin: 0 auto 46px;\r\n  padding-top: 8px;\r\n  text-align: center;\r\n}\r\n\r\n.cs-site.cs-services .cs-eyebrow {\r\n  display: inline-block;\r\n  margin: 0 0 18px;\r\n  padding: 9px 16px;\r\n  color: #243B3A;\r\n  background: #EDE2D0;\r\n  border: 1px solid #E8DFD2;\r\n  border-radius: 30px;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.5px;\r\n  line-height: 1.5;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.cs-site.cs-services .cs-title {\r\n  max-width: 760px;\r\n  margin: 10px auto 20px;\r\n  color: var(--cs-green);\r\n  font-size: clamp(30px, 3.5vw, 43px);\r\n  font-weight: 600;\r\n  line-height: 1.2;\r\n  letter-spacing: -1.1px;\r\n}\r\n\r\n.cs-site.cs-services .cs-text {\r\n  max-width: 680px;\r\n  margin: 0 auto;\r\n  color: var(--cs-muted);\r\n  font-size: 16px;\r\n  line-height: 1.85;\r\n}\r\n\r\n\/* GRADE DE SERVI\u00c7OS *\/\r\n\r\n.cs-site.cs-services .cs-services-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  gap: 20px;\r\n  margin-top: 44px;\r\n}\r\n\r\n\/* CART\u00d5ES *\/\r\n\r\n.cs-site.cs-services .cs-service-card {\r\n  position: relative;\r\n  min-width: 0;\r\n  padding: 27px 23px 28px;\r\n  overflow: hidden;\r\n  background: #FFFFFF;\r\n  border: 1px solid var(--cs-border);\r\n  border-radius: 12px;\r\n  box-shadow: 0 4px 16px rgba(36, 59, 58, 0.035);\r\n  transition: transform 0.25s ease,\r\n              box-shadow 0.25s ease,\r\n              border-color 0.25s ease;\r\n}\r\n\r\n.cs-site.cs-services .cs-service-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 0;\r\n  left: 0;\r\n  width: 0;\r\n  height: 3px;\r\n  background: var(--cs-caramel);\r\n  transition: width 0.25s ease;\r\n}\r\n\r\n.cs-site.cs-services .cs-service-card:hover {\r\n  transform: translateY(-4px);\r\n  border-color: #D8C3A9;\r\n  box-shadow: 0 12px 28px rgba(36, 59, 58, 0.08);\r\n}\r\n\r\n.cs-site.cs-services .cs-service-card:hover::before {\r\n  width: 100%;\r\n}\r\n\r\n\/* \u00cdCONES DOS SERVI\u00c7OS *\/\r\n\r\n.cs-site.cs-services .cs-service-icon {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 46px;\r\n  height: 46px;\r\n  margin-bottom: 21px;\r\n  background: #F5F0E7;\r\n  border: 1px solid #EDE2D0;\r\n  border-radius: 10px;\r\n  color: var(--cs-caramel);\r\n}\r\n\r\n.cs-site.cs-services .cs-service-icon svg {\r\n  display: block;\r\n  width: 23px;\r\n  height: 23px;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.7;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n.cs-site.cs-services .cs-service-card h3 {\r\n  margin: 0 0 12px;\r\n  color: var(--cs-green);\r\n  font-size: 17px;\r\n  font-weight: 600;\r\n  line-height: 1.45;\r\n}\r\n\r\n.cs-site.cs-services .cs-service-card p {\r\n  margin: 0;\r\n  color: var(--cs-muted);\r\n  font-size: 14px;\r\n  line-height: 1.85;\r\n}\r\n\r\n\/* NOTA DE CONTRATA\u00c7\u00c3O *\/\r\n\r\n.cs-site.cs-services .cs-service-note {\r\n  max-width: 760px;\r\n  margin: 34px auto 0;\r\n  color: var(--cs-muted);\r\n  font-size: 14px;\r\n  line-height: 1.8;\r\n  text-align: center;\r\n}\r\n\r\n\/* BOT\u00c3O DE CONTATO *\/\r\n\r\n.cs-site.cs-services .cs-services-cta-wrap {\r\n  margin-top: 26px;\r\n  text-align: center;\r\n}\r\n\r\n.cs-site.cs-services .cs-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  min-height: 49px;\r\n  padding: 14px 23px;\r\n  background: var(--cs-green);\r\n  border: 1px solid var(--cs-green);\r\n  border-radius: 6px;\r\n  color: #FFFFFF;\r\n  font-size: 14px;\r\n  font-weight: 600;\r\n  line-height: 1.4;\r\n  text-align: center;\r\n  text-decoration: none;\r\n  transition: background 0.2s ease,\r\n              border-color 0.2s ease,\r\n              transform 0.2s ease;\r\n}\r\n\r\n.cs-site.cs-services .cs-button:hover {\r\n  background: var(--cs-green-soft);\r\n  border-color: var(--cs-green-soft);\r\n  color: #FFFFFF;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n.cs-site.cs-services .cs-button:focus-visible,\r\n.cs-site.cs-services .cs-moodle-button:focus-visible {\r\n  outline: 3px solid var(--cs-caramel);\r\n  outline-offset: 4px;\r\n}\r\n\r\n\/* ========================================\r\n   NOVA SE\u00c7\u00c3O: CONHE\u00c7A NOSSO MOODLE\r\n======================================== *\/\r\n\r\n.cs-site.cs-services .cs-moodle-highlight {\r\n  position: relative;\r\n  display: grid;\r\n  grid-template-columns: minmax(0, 1fr) auto;\r\n  align-items: center;\r\n  gap: 32px;\r\n  margin-top: 64px;\r\n  padding: 38px 40px;\r\n  background: #FAF7F0;\r\n  border: 1px solid var(--cs-border);\r\n  border-radius: 16px;\r\n  box-shadow: 0 8px 26px rgba(36, 59, 58, 0.045);\r\n}\r\n\r\n.cs-site.cs-services .cs-moodle-content {\r\n  min-width: 0;\r\n}\r\n\r\n.cs-site.cs-services .cs-moodle-eyebrow {\r\n  display: inline-block;\r\n  margin: 0 0 15px;\r\n  color: #9A713C;\r\n  font-size: 11px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.5px;\r\n  line-height: 1.5;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.cs-site.cs-services .cs-moodle-highlight h3 {\r\n  margin: 0 0 15px;\r\n  color: var(--cs-green);\r\n  font-size: clamp(23px, 2.5vw, 31px);\r\n  font-weight: 600;\r\n  line-height: 1.3;\r\n  letter-spacing: -0.5px;\r\n}\r\n\r\n.cs-site.cs-services .cs-moodle-highlight p {\r\n  max-width: 690px;\r\n  margin: 0 0 12px;\r\n  color: var(--cs-muted);\r\n  font-size: 15px;\r\n  line-height: 1.85;\r\n}\r\n\r\n.cs-site.cs-services .cs-moodle-highlight p:last-child {\r\n  margin-bottom: 0;\r\n}\r\n\r\n\/* BOT\u00c3O PERSONALIZADO DE ACESSO *\/\r\n\r\n.cs-site.cs-services .cs-moodle-action {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  flex-shrink: 0;\r\n}\r\n\r\n.cs-site.cs-services .cs-moodle-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 12px;\r\n  max-width: 100%;\r\n  min-height: 54px;\r\n  padding: 16px 22px;\r\n  background: var(--cs-green);\r\n  border: 1px solid var(--cs-green);\r\n  border-radius: 8px;\r\n  color: #FFFFFF !important;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  line-height: 1.5;\r\n  text-align: center;\r\n  text-decoration: none !important;\r\n  box-shadow: 0 5px 14px rgba(36, 59, 58, 0.12);\r\n  transition: background 0.25s ease,\r\n              border-color 0.25s ease,\r\n              transform 0.25s ease,\r\n              box-shadow 0.25s ease;\r\n}\r\n\r\n.cs-site.cs-services .cs-moodle-button:hover {\r\n  background: var(--cs-green-soft);\r\n  border-color: var(--cs-green-soft);\r\n  color: #FFFFFF !important;\r\n  transform: translateY(-3px);\r\n  box-shadow: 0 9px 20px rgba(36, 59, 58, 0.16);\r\n}\r\n\r\n.cs-site.cs-services .cs-moodle-button svg {\r\n  display: block;\r\n  width: 19px;\r\n  height: 19px;\r\n  flex-shrink: 0;\r\n  fill: none;\r\n  stroke: currentColor;\r\n  stroke-width: 1.8;\r\n  stroke-linecap: round;\r\n  stroke-linejoin: round;\r\n}\r\n\r\n\/* TABLETS *\/\r\n\r\n@media (max-width: 1050px) {\r\n  .cs-site.cs-services .cs-services-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 18px;\r\n  }\r\n\r\n  .cs-site.cs-services .cs-moodle-highlight {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 24px;\r\n    padding: 34px;\r\n  }\r\n\r\n  .cs-site.cs-services .cs-moodle-action {\r\n    justify-content: flex-start;\r\n  }\r\n}\r\n\r\n\/* CELULARES *\/\r\n\r\n@media (max-width: 600px) {\r\n  .cs-site.cs-services {\r\n    padding: 58px 18px;\r\n  }\r\n\r\n  .cs-site.cs-services .cs-services-header {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .cs-site.cs-services .cs-eyebrow {\r\n    font-size: 12px;\r\n    letter-spacing: 1.5px;\r\n    padding: 9px 16px;\r\n  }\r\n\r\n  .cs-site.cs-services .cs-title {\r\n    font-size: 29px;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .cs-site.cs-services .cs-text {\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .cs-site.cs-services .cs-services-grid {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 14px;\r\n    margin-top: 30px;\r\n  }\r\n\r\n  .cs-site.cs-services .cs-service-card {\r\n    padding: 24px 22px;\r\n    border-radius: 10px;\r\n  }\r\n\r\n  .cs-site.cs-services .cs-service-icon {\r\n    margin-bottom: 17px;\r\n  }\r\n\r\n  .cs-site.cs-services .cs-service-note {\r\n    margin-top: 27px;\r\n    font-size: 13px;\r\n  }\r\n\r\n  .cs-site.cs-services .cs-button {\r\n    width: 100%;\r\n  }\r\n\r\n  .cs-site.cs-services .cs-moodle-highlight {\r\n    gap: 22px;\r\n    margin-top: 42px;\r\n    padding: 27px 22px;\r\n    border-radius: 12px;\r\n  }\r\n\r\n  .cs-site.cs-services .cs-moodle-highlight h3 {\r\n    font-size: 25px;\r\n  }\r\n\r\n  .cs-site.cs-services .cs-moodle-highlight p {\r\n    font-size: 14px;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .cs-site.cs-services .cs-moodle-action {\r\n    width: 100%;\r\n  }\r\n\r\n  .cs-site.cs-services .cs-moodle-button {\r\n    width: 100%;\r\n    padding: 15px 16px;\r\n    font-size: 13px;\r\n  }\r\n}\r\n\r\n\/* ACESSIBILIDADE *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .cs-site.cs-services *,\r\n  .cs-site.cs-services *::before,\r\n  .cs-site.cs-services *::after {\r\n    transition: none !important;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cs-site cs-section cs-services\" id=\"servicos\">\r\n  <div class=\"cs-container\">\r\n\r\n    <header class=\"cs-services-header\">\r\n      <span class=\"cs-eyebrow\">Solu\u00e7\u00f5es e servi\u00e7os<\/span>\r\n\r\n      <h2 class=\"cs-title\">\r\n        Tudo come\u00e7a com as necessidades do seu projeto.\r\n      <\/h2>\r\n\r\n      <p class=\"cs-text\">\r\n        Solu\u00e7\u00f5es educacionais e t\u00e9cnicas para estruturar,\r\n        personalizar e evoluir ambientes virtuais de aprendizagem,\r\n        com foco nas necessidades de cada institui\u00e7\u00e3o.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"cs-services-grid\">\r\n\r\n      <article class=\"cs-service-card\">\r\n        <div class=\"cs-service-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M12 3l2.4 5.6L20 11l-5.6 2.4L12 19l-2.4-5.6L4 11l5.6-2.4L12 3z\"\/>\r\n            <path d=\"M19 15l1.2 2.8L23 19l-2.8 1.2L19 23l-1.2-2.8L15 19l2.8-1.2L19 15z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Consultoria educacional<\/h3>\r\n        <p>\r\n          Diagn\u00f3stico de cursos, planejamento pedag\u00f3gico\r\n          e defini\u00e7\u00e3o de prioridades para melhorar os\r\n          processos educacionais.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"cs-service-card\">\r\n        <div class=\"cs-service-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/>\r\n            <path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/>\r\n            <path d=\"M9 7h7M9 11h7\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Design educacional<\/h3>\r\n        <p>\r\n          Trilhas de aprendizagem, atividades e estrat\u00e9gias\r\n          alinhadas aos objetivos e \u00e0s necessidades\r\n          dos estudantes.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"cs-service-card\">\r\n        <div class=\"cs-service-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <rect x=\"4\" y=\"3\" width=\"16\" height=\"18\" rx=\"2\"\/>\r\n            <path d=\"M8 7h8M8 11h8M8 15h5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Organiza\u00e7\u00e3o de cursos<\/h3>\r\n        <p>\r\n          Estrutura\u00e7\u00e3o de recursos, atividades, categorias\r\n          e padr\u00f5es de navega\u00e7\u00e3o para ambientes\r\n          virtuais mais organizados.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"cs-service-card\">\r\n        <div class=\"cs-service-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <circle cx=\"12\" cy=\"8\" r=\"4\"\/>\r\n            <path d=\"M5 21v-2a7 7 0 0 1 14 0v2\"\/>\r\n            <path d=\"M18 4.5a4 4 0 0 1 0 7\"\/>\r\n            <path d=\"M21 21v-2a7 7 0 0 0-2-4.9\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Experi\u00eancia do estudante<\/h3>\r\n        <p>\r\n          Melhorias na clareza das informa\u00e7\u00f5es, na navega\u00e7\u00e3o\r\n          e na facilidade de uso do ambiente virtual\r\n          de aprendizagem.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"cs-service-card\">\r\n        <div class=\"cs-service-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/>\r\n            <path d=\"M3 9h18M9 21V9\"\/>\r\n            <path d=\"M6 6h.01M8 6h.01\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Personaliza\u00e7\u00e3o Moodle<\/h3>\r\n        <p>\r\n          P\u00e1ginas, banners, templates e componentes visuais\r\n          personalizados conforme a identidade\r\n          da institui\u00e7\u00e3o.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"cs-service-card\">\r\n        <div class=\"cs-service-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <circle cx=\"12\" cy=\"8\" r=\"4\"\/>\r\n            <path d=\"M5 21v-2a7 7 0 0 1 14 0v2\"\/>\r\n            <path d=\"M8 8h.01M16 8h.01\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Capacita\u00e7\u00f5es<\/h3>\r\n        <p>\r\n          Forma\u00e7\u00e3o e orienta\u00e7\u00e3o para professores,\r\n          administradores, gestores e equipes de apoio\r\n          no uso de tecnologias educacionais.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"cs-service-card\">\r\n        <div class=\"cs-service-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"2\"\/>\r\n            <path d=\"M8 21h8M12 17v4\"\/>\r\n            <path d=\"M7 9h4M7 12h7M16 9h1\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Infraestrutura Moodle<\/h3>\r\n        <p>\r\n          Orienta\u00e7\u00e3o e solu\u00e7\u00f5es para disponibiliza\u00e7\u00e3o\r\n          do ambiente Moodle, conforme os requisitos\r\n          e o escopo de cada projeto.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <article class=\"cs-service-card\">\r\n        <div class=\"cs-service-icon\" aria-hidden=\"true\">\r\n          <svg viewBox=\"0 0 24 24\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n            <path d=\"M19.4 15a1.7 1.7 0 0 0 .3 1.9l.1.1-1.7 1.7-.1-.1a1.7 1.7 0 0 0-1.9-.3 1.7 1.7 0 0 0-1 1.5v.2h-2.4v-.2a1.7 1.7 0 0 0-1-1.5 1.7 1.7 0 0 0-1.9.3l-.1.1L8 17l.1-.1a1.7 1.7 0 0 0 .3-1.9 1.7 1.7 0 0 0-1.5-1H6.7v-2.4h.2a1.7 1.7 0 0 0 1.5-1 1.7 1.7 0 0 0-.3-1.9L8 8.6l1.7-1.7.1.1a1.7 1.7 0 0 0 1.9.3 1.7 1.7 0 0 0 1-1.5v-.2h2.4v.2a1.7 1.7 0 0 0 1 1.5 1.7 1.7 0 0 0 1.9-.3l.1-.1 1.7 1.7-.1.1a1.7 1.7 0 0 0-.3 1.9 1.7 1.7 0 0 0 1.5 1h.2V14h-.2a1.7 1.7 0 0 0-1.5 1z\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3>Opera\u00e7\u00e3o t\u00e9cnica<\/h3>\r\n        <p>\r\n          Configura\u00e7\u00f5es, administra\u00e7\u00e3o de usu\u00e1rios,\r\n          orienta\u00e7\u00e3o sobre plugins compat\u00edveis\r\n          e ajustes de temas.\r\n        <\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n\r\n    <p class=\"cs-service-note\">\r\n      Cada projeto \u00e9 avaliado individualmente para definir\r\n      as solu\u00e7\u00f5es adequadas, as entregas, os prazos e o investimento.\r\n    <\/p>\r\n\r\n    <div class=\"cs-services-cta-wrap\">\r\n  <a class=\"cs-button\"\r\n     href=\"https:\/\/www.construindosaberes.com.br\/?page_id=276\">\r\n    Vamos conversar sobre seu projeto\r\n    <span aria-hidden=\"true\">\u2192<\/span>\r\n  <\/a>\r\n<\/div>\r\n\r\n    <!-- NOVA SE\u00c7\u00c3O: AMBIENTE MOODLE -->\r\n    <section class=\"cs-moodle-highlight\"\r\n             aria-labelledby=\"cs-moodle-title\">\r\n\r\n      <div class=\"cs-moodle-content\">\r\n        <span class=\"cs-moodle-eyebrow\">\r\n          Ambiente virtual de aprendizagem\r\n        <\/span>\r\n\r\n        <h3 id=\"cs-moodle-title\">\r\n          Conhe\u00e7a nosso espa\u00e7o de aprendizagem\r\n        <\/h3>\r\n\r\n        <p>\r\n          A Construindo Saberes tamb\u00e9m oferece a disponibiliza\u00e7\u00e3o\r\n          de ambiente Moodle conforme a capacidade e o escopo\r\n          contratados, incluindo hospedagem, armazenamento,\r\n          administra\u00e7\u00e3o b\u00e1sica, monitoramento e backups.\r\n        <\/p>\r\n\r\n        <p>\r\n          Quer conhecer melhor essa solu\u00e7\u00e3o? Visite nosso ambiente\r\n          de aprendizagem e explore o espa\u00e7o Moodle da Construindo\r\n          Saberes para conhecer nossa proposta na pr\u00e1tica.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cs-moodle-action\">\r\n        <a class=\"cs-moodle-button\"\r\n           href=\"https:\/\/moodle.construindosaberes.com.br\/\"\r\n           target=\"_blank\"\r\n           rel=\"noopener noreferrer\">\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <rect x=\"3\" y=\"4\" width=\"18\" height=\"13\" rx=\"2\"\/>\r\n            <path d=\"M8 21h8M12 17v4\"\/>\r\n            <path d=\"M8 9h8M8 12h5\"\/>\r\n          <\/svg>\r\n\r\n          <span>Acesso ao Moodle<br>Construindo Saberes<\/span>\r\n\r\n          <svg viewBox=\"0 0 24 24\" aria-hidden=\"true\">\r\n            <path d=\"M14 4h6v6\"\/>\r\n            <path d=\"M20 4l-9 9\"\/>\r\n            <path d=\"M18 13v6a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h6\"\/>\r\n          <\/svg>\r\n        <\/a>\r\n      <\/div>\r\n\r\n    <\/section>\r\n\r\n  <\/div>\r\n<\/section>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-73870cd e-con e-atomic-element e-flexbox-base e-default-div e-86a2dda \" data-id=\"73870cd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"73870cd\">\n    \t\t<div class=\"elementor-element elementor-element-b3361a2 elementor-widget elementor-widget-html\" data-id=\"b3361a2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================\r\n   CONSTRUINDO SABERES \u2014 COMO FUNCIONA\r\n========================================= *\/\r\n\/* Linha divis\u00f3ria entre as se\u00e7\u00f5es *\/\r\n.cs-site.cs-method {\r\n  position: relative;\r\n  border-top: 1px solid #E8DFD2;\r\n}\r\n\r\n.cs-site.cs-method::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -2px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 76px;\r\n  height: 3px;\r\n  background: #B88A58;\r\n  border-radius: 3px;\r\n}\r\n.cs-site.cs-method,\r\n.cs-site.cs-method * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.cs-site.cs-method {\r\n  --cs-green: #243B3A;\r\n  --cs-green-soft: #52665B;\r\n  --cs-gold: #9A713C;\r\n  --cs-cream: #FAF7F0;\r\n  --cs-beige: #EDE2D0;\r\n  --cs-border: #E8DFD2;\r\n  --cs-text: #493A2E;\r\n  --cs-muted: #77695B;\r\n\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  padding: 76px 24px;\r\n  background: #FFFFFF;\r\n  font-family: inherit;\r\n}\r\n\r\n.cs-method .cs-method-inner {\r\n  width: 100%;\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Cabe\u00e7alho *\/\r\n\r\n.cs-method .cs-method-header {\r\n  max-width: 760px;\r\n  margin: 0 auto 46px;\r\n  text-align: center;\r\n}\r\n\r\n\/* Etiqueta com fundo bege *\/\r\n\r\n.cs-method .cs-method-eyebrow {\r\n  display: inline-block;\r\n  margin: 0 0 18px;\r\n  padding: 9px 16px;\r\n  color: #243B3A;\r\n  background: #EDE2D0;\r\n  border: 1px solid #E8DFD2;\r\n  border-radius: 30px;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.5px;\r\n  line-height: 1.5;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* T\u00edtulo *\/\r\n\r\n.cs-method .cs-method-title {\r\n  margin: 0 0 16px;\r\n  padding: 0;\r\n  color: #243B3A;\r\n  font-size: clamp(28px, 3vw, 42px);\r\n  font-weight: 700;\r\n  line-height: 1.2;\r\n  text-align: center;\r\n}\r\n\r\n\/* Subt\u00edtulo *\/\r\n\r\n.cs-method .cs-method-subtitle {\r\n  max-width: 650px;\r\n  margin: 0 auto;\r\n  padding: 0;\r\n  color: #77695B;\r\n  font-size: 16px;\r\n  font-weight: 400;\r\n  line-height: 1.8;\r\n  text-align: center;\r\n}\r\n\r\n\/* Grade de etapas *\/\r\n\r\n.cs-method .cs-method-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(5, minmax(0, 1fr));\r\n  align-items: stretch;\r\n  gap: 20px;\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* Cards *\/\r\n\r\n.cs-method .cs-method-card {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  min-width: 0;\r\n  min-height: 265px;\r\n  margin: 0;\r\n  padding: 28px 22px;\r\n  background: #FFFFFF;\r\n  border: 1px solid #E8DFD2;\r\n  border-top: 3px solid #9A713C;\r\n  border-radius: 5px 5px 12px 12px;\r\n  box-shadow: 0 5px 18px rgba(36, 59, 58, 0.045);\r\n  text-align: left;\r\n  transition:\r\n    transform 0.25s ease,\r\n    box-shadow 0.25s ease;\r\n}\r\n\r\n.cs-method .cs-method-card:hover {\r\n  transform: translateY(-4px);\r\n  box-shadow: 0 12px 26px rgba(36, 59, 58, 0.09);\r\n}\r\n\r\n\/* Numera\u00e7\u00e3o *\/\r\n\r\n.cs-method .cs-method-number {\r\n  display: flex;\r\n  flex: 0 0 44px;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 44px;\r\n  height: 44px;\r\n  margin: 0 0 22px;\r\n  padding: 0;\r\n  color: #243B3A;\r\n  background: #FAF7F0;\r\n  border: 1px solid #EDE2D0;\r\n  border-radius: 50%;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  line-height: 1;\r\n}\r\n\r\n\/* T\u00edtulos dos cards *\/\r\n\r\n.cs-method .cs-method-card h3 {\r\n  width: 100%;\r\n  margin: 0 0 12px;\r\n  padding: 0;\r\n  color: #243B3A;\r\n  font-size: 18px;\r\n  font-weight: 700;\r\n  line-height: 1.4;\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n\/* Textos dos cards *\/\r\n\r\n.cs-method .cs-method-card p {\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n  color: #77695B;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 1.75;\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n\/* Tablet *\/\r\n\r\n@media (max-width: 1100px) {\r\n  .cs-method .cs-method-grid {\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n    gap: 18px;\r\n  }\r\n\r\n  .cs-method .cs-method-card {\r\n    min-height: 235px;\r\n  }\r\n}\r\n\r\n\/* Celular *\/\r\n\r\n@media (max-width: 767px) {\r\n  .cs-site.cs-method {\r\n    padding: 54px 18px;\r\n  }\r\n\r\n  .cs-method .cs-method-header {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .cs-method .cs-method-eyebrow {\r\n    padding: 8px 13px;\r\n    font-size: 10px;\r\n    letter-spacing: 1.2px;\r\n  }\r\n\r\n  .cs-method .cs-method-title {\r\n    font-size: 30px;\r\n    line-height: 1.25;\r\n  }\r\n\r\n  .cs-method .cs-method-subtitle {\r\n    font-size: 15px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  .cs-method .cs-method-grid {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 16px;\r\n  }\r\n\r\n  .cs-method .cs-method-card {\r\n    min-height: auto;\r\n    padding: 24px;\r\n  }\r\n\r\n  .cs-method .cs-method-number {\r\n    margin-bottom: 16px;\r\n  }\r\n}\r\n\r\n\/* Acessibilidade: reduzir movimento *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .cs-method .cs-method-card {\r\n    transition: none;\r\n  }\r\n\r\n  .cs-method .cs-method-card:hover {\r\n    transform: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cs-site cs-method\" id=\"metodo\">\r\n  <div class=\"cs-method-inner\">\r\n\r\n    <header class=\"cs-method-header\">\r\n\r\n      <span class=\"cs-method-eyebrow\">\r\n        Nosso m\u00e9todo de trabalho\r\n      <\/span>\r\n\r\n      <h2 class=\"cs-method-title\">\r\n        Da sua ideia \u00e0 solu\u00e7\u00e3o que transforma.\r\n      <\/h2>\r\n\r\n      <p class=\"cs-method-subtitle\">\r\n        Um processo colaborativo que transforma necessidades em solu\u00e7\u00f5es\r\n        educacionais, pedag\u00f3gicas e tecnol\u00f3gicas, com planejamento,\r\n        clareza e acompanhamento em cada etapa.\r\n      <\/p>\r\n\r\n    <\/header>\r\n\r\n    <div class=\"cs-method-grid\">\r\n\r\n      <!-- ETAPA 1 -->\r\n      <article class=\"cs-method-card\">\r\n        <span class=\"cs-method-number\">01<\/span>\r\n\r\n        <h3>Diagn\u00f3stico<\/h3>\r\n\r\n        <p>\r\n          Entendemos o cen\u00e1rio atual, os desafios, as necessidades da equipe\r\n          e os objetivos da institui\u00e7\u00e3o.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- ETAPA 2 -->\r\n      <article class=\"cs-method-card\">\r\n        <span class=\"cs-method-number\">02<\/span>\r\n\r\n        <h3>Proposta<\/h3>\r\n\r\n        <p>\r\n          Definimos as solu\u00e7\u00f5es, as prioridades, o escopo de trabalho\r\n          e as entregas previstas.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- ETAPA 3 -->\r\n      <article class=\"cs-method-card\">\r\n        <span class=\"cs-method-number\">03<\/span>\r\n\r\n        <h3>Execu\u00e7\u00e3o<\/h3>\r\n\r\n        <p>\r\n          Desenvolvemos as melhorias pedag\u00f3gicas, visuais e t\u00e9cnicas\r\n          conforme o planejamento acordado.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- ETAPA 4 -->\r\n      <article class=\"cs-method-card\">\r\n        <span class=\"cs-method-number\">04<\/span>\r\n\r\n        <h3>Valida\u00e7\u00e3o<\/h3>\r\n\r\n        <p>\r\n          Revisamos as entregas, realizamos os ajustes necess\u00e1rios\r\n          e verificamos o funcionamento das solu\u00e7\u00f5es.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- ETAPA 5 -->\r\n      <article class=\"cs-method-card\">\r\n        <span class=\"cs-method-number\">05<\/span>\r\n\r\n        <h3>Acompanhamento<\/h3>\r\n\r\n        <p>\r\n          Orientamos a equipe e apoiamos a continuidade das melhorias,\r\n          conforme o servi\u00e7o contratado.\r\n        <\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f71d5df e-con e-atomic-element e-flexbox-base e-default-div e-8ab121d \" data-id=\"f71d5df\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f71d5df\">\n    \t\t<div class=\"elementor-element elementor-element-20ca26c elementor-widget elementor-widget-html\" data-id=\"20ca26c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* ========================================\r\n   CONSTRUINDO SABERES\r\n   SE\u00c7\u00c3O: NOSSOS DIFERENCIAIS\r\n======================================== *\/\r\n\r\n.cs-site.cs-diff,\r\n.cs-site.cs-diff *,\r\n.cs-site.cs-diff *::before,\r\n.cs-site.cs-diff *::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.cs-site.cs-diff {\r\n  --cs-green: #243B3A;\r\n  --cs-green-soft: #52665B;\r\n  --cs-caramel: #B88A58;\r\n  --cs-cream: #FAF7F0;\r\n  --cs-beige: #EDE2D0;\r\n  --cs-border: #E8DFD2;\r\n  --cs-ink: #493A2E;\r\n  --cs-muted: #77695B;\r\n\r\n  position: relative;\r\n  width: 100%;\r\n  margin: 0 auto;\r\n  padding: 88px 24px;\r\n  background: #FFFFFF;\r\n  color: var(--cs-ink);\r\n  border-top: 1px solid var(--cs-border);\r\n  font-family: inherit;\r\n}\r\n\r\n\/* Linha divis\u00f3ria com destaque central *\/\r\n\r\n.cs-site.cs-diff::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -2px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 76px;\r\n  height: 3px;\r\n  background: var(--cs-caramel);\r\n  border-radius: 3px;\r\n}\r\n\r\n\/* Conte\u00fado centralizado *\/\r\n\r\n.cs-site.cs-diff .cs-container {\r\n  width: 100%;\r\n  max-width: 1160px;\r\n  margin: 0 auto;\r\n}\r\n\r\n.cs-site.cs-diff .cs-center {\r\n  max-width: 760px;\r\n  margin: 0 auto 46px;\r\n  padding-top: 8px;\r\n  text-align: center;\r\n}\r\n\r\n\/* Etiqueta *\/\r\n\r\n.cs-site.cs-diff .cs-eyebrow {\r\n  display: inline-block;\r\n  margin: 0 0 18px;\r\n  padding: 9px 16px;\r\n  color: var(--cs-green);\r\n  background: var(--cs-beige);\r\n  border: 1px solid var(--cs-border);\r\n  border-radius: 30px;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.5px;\r\n  line-height: 1.5;\r\n  text-transform: uppercase;\r\n}\r\n\r\n\/* T\u00edtulo *\/\r\n\r\n.cs-site.cs-diff .cs-title {\r\n  max-width: 760px;\r\n  margin: 10px auto 20px;\r\n  padding: 0;\r\n  color: var(--cs-green);\r\n  font-size: clamp(30px, 3.5vw, 43px);\r\n  font-weight: 600;\r\n  line-height: 1.2;\r\n  letter-spacing: -1.1px;\r\n}\r\n\r\n\/* Texto introdut\u00f3rio *\/\r\n\r\n.cs-site.cs-diff .cs-text {\r\n  max-width: 680px;\r\n  margin: 0 auto;\r\n  padding: 0;\r\n  color: var(--cs-muted);\r\n  font-size: 16px;\r\n  line-height: 1.85;\r\n}\r\n\r\n\/* Grade de diferenciais *\/\r\n\r\n.cs-site.cs-diff .cs-diff-grid {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  align-items: stretch;\r\n  gap: 22px;\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n\/* Cart\u00f5es *\/\r\n\r\n.cs-site.cs-diff .cs-diff-card {\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: flex-start;\r\n  min-width: 0;\r\n  min-height: 220px;\r\n  margin: 0;\r\n  padding: 28px 26px;\r\n  background: #FFFFFF;\r\n  border: 1px solid var(--cs-border);\r\n  border-radius: 12px;\r\n  box-shadow: 0 4px 16px rgba(36, 59, 58, 0.035);\r\n  transition:\r\n    transform 0.25s ease,\r\n    box-shadow 0.25s ease,\r\n    border-color 0.25s ease;\r\n}\r\n\r\n\/* Detalhe caramelo no topo *\/\r\n\r\n.cs-site.cs-diff .cs-diff-card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -1px;\r\n  left: 24px;\r\n  width: 42px;\r\n  height: 3px;\r\n  background: var(--cs-caramel);\r\n  border-radius: 3px;\r\n  transition: width 0.25s ease;\r\n}\r\n\r\n.cs-site.cs-diff .cs-diff-card:hover {\r\n  transform: translateY(-4px);\r\n  border-color: #D8C3A9;\r\n  box-shadow: 0 12px 28px rgba(36, 59, 58, 0.08);\r\n}\r\n\r\n.cs-site.cs-diff .cs-diff-card:hover::before {\r\n  width: calc(100% - 48px);\r\n}\r\n\r\n\/* S\u00edmbolos decorativos *\/\r\n\r\n.cs-site.cs-diff .cs-diff-mark {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 46px;\r\n  height: 46px;\r\n  margin: 0 0 21px;\r\n  padding: 0;\r\n  color: var(--cs-caramel);\r\n  background: #F5F0E7;\r\n  border: 1px solid var(--cs-beige);\r\n  border-radius: 10px;\r\n  font-size: 25px;\r\n  line-height: 1;\r\n}\r\n\r\n\/* T\u00edtulos dos cart\u00f5es *\/\r\n\r\n.cs-site.cs-diff .cs-diff-card h3 {\r\n  width: 100%;\r\n  margin: 0 0 12px;\r\n  padding: 0;\r\n  color: var(--cs-green);\r\n  font-size: 18px;\r\n  font-weight: 600;\r\n  line-height: 1.45;\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n\/* Descri\u00e7\u00f5es *\/\r\n\r\n.cs-site.cs-diff .cs-diff-card p {\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n  color: var(--cs-muted);\r\n  font-size: 14px;\r\n  line-height: 1.85;\r\n  overflow-wrap: break-word;\r\n}\r\n\r\n\/* Tablets *\/\r\n\r\n@media (min-width: 761px) and (max-width: 1000px) {\r\n  .cs-site.cs-diff .cs-diff-grid {\r\n    grid-template-columns: repeat(2, minmax(0, 1fr));\r\n    gap: 18px;\r\n  }\r\n\r\n  .cs-site.cs-diff .cs-diff-card {\r\n    min-height: 210px;\r\n  }\r\n}\r\n\r\n\/* Celulares *\/\r\n\r\n@media (max-width: 760px) {\r\n  .cs-site.cs-diff {\r\n    padding: 58px 18px;\r\n  }\r\n\r\n  .cs-site.cs-diff .cs-center {\r\n    margin-bottom: 30px;\r\n  }\r\n\r\n  .cs-site.cs-diff .cs-eyebrow {\r\n    padding: 9px 16px;\r\n    font-size: 12px;\r\n    letter-spacing: 1.5px;\r\n  }\r\n\r\n  .cs-site.cs-diff .cs-title {\r\n    font-size: 29px;\r\n    letter-spacing: -0.5px;\r\n  }\r\n\r\n  .cs-site.cs-diff .cs-text {\r\n    font-size: 15px;\r\n    line-height: 1.8;\r\n  }\r\n\r\n  .cs-site.cs-diff .cs-diff-grid {\r\n    grid-template-columns: minmax(0, 1fr);\r\n    gap: 14px;\r\n  }\r\n\r\n  .cs-site.cs-diff .cs-diff-card {\r\n    min-height: auto;\r\n    padding: 24px 22px;\r\n    border-radius: 10px;\r\n  }\r\n\r\n  .cs-site.cs-diff .cs-diff-mark {\r\n    margin-bottom: 17px;\r\n  }\r\n}\r\n\r\n\/* Acessibilidade *\/\r\n\r\n@media (prefers-reduced-motion: reduce) {\r\n  .cs-site.cs-diff .cs-diff-card,\r\n  .cs-site.cs-diff .cs-diff-card::before {\r\n    transition: none !important;\r\n  }\r\n\r\n  .cs-site.cs-diff .cs-diff-card:hover {\r\n    transform: none;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<section class=\"cs-site cs-section cs-diff\" id=\"diferenciais\">\r\n  <div class=\"cs-container\">\r\n\r\n    <header class=\"cs-center\">\r\n      <span class=\"cs-eyebrow\">Nosso diferencial<\/span>\r\n\r\n      <h2 class=\"cs-title\">\r\n        Tecnologia com prop\u00f3sito educacional.\r\n      <\/h2>\r\n\r\n      <p class=\"cs-text\">\r\n        Acreditamos que um bom ambiente virtual precisa funcionar\r\n        tecnicamente e fazer sentido para quem ensina e aprende.\r\n      <\/p>\r\n    <\/header>\r\n\r\n    <div class=\"cs-diff-grid\">\r\n\r\n      <!-- DIFERENCIAL 1 -->\r\n      <article class=\"cs-diff-card\">\r\n        <div class=\"cs-diff-mark\" aria-hidden=\"true\">\u2726<\/div>\r\n\r\n        <h3>Olhar t\u00e9cnico e pedag\u00f3gico<\/h3>\r\n\r\n        <p>\r\n          Integramos conhecimentos de tecnologia, organiza\u00e7\u00e3o\r\n          educacional e design de experi\u00eancias de aprendizagem.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- DIFERENCIAL 2 -->\r\n      <article class=\"cs-diff-card\">\r\n        <div class=\"cs-diff-mark\" aria-hidden=\"true\">\u25ce<\/div>\r\n\r\n        <h3>Foco na experi\u00eancia do estudante<\/h3>\r\n\r\n        <p>\r\n          Valorizamos ambientes claros, intuitivos e organizados,\r\n          que favore\u00e7am a autonomia de quem aprende.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- DIFERENCIAL 3 -->\r\n      <article class=\"cs-diff-card\">\r\n        <div class=\"cs-diff-mark\" aria-hidden=\"true\">\u2197<\/div>\r\n\r\n        <h3>Solu\u00e7\u00f5es conforme sua necessidade<\/h3>\r\n\r\n        <p>\r\n          Avaliamos cada projeto para combinar servi\u00e7os,\r\n          prioridades e entregas de acordo com seu contexto.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- DIFERENCIAL 4 -->\r\n      <article class=\"cs-diff-card\">\r\n        <div class=\"cs-diff-mark\" aria-hidden=\"true\">\u2318<\/div>\r\n\r\n        <h3>Conhecimento especializado em Moodle<\/h3>\r\n\r\n        <p>\r\n          Apoio \u00e0 organiza\u00e7\u00e3o, configura\u00e7\u00e3o e evolu\u00e7\u00e3o\r\n          dos ambientes virtuais de aprendizagem.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- DIFERENCIAL 5 -->\r\n      <article class=\"cs-diff-card\">\r\n        <div class=\"cs-diff-mark\" aria-hidden=\"true\">\u25c7<\/div>\r\n\r\n        <h3>Flexibilidade de contrata\u00e7\u00e3o<\/h3>\r\n\r\n        <p>\r\n          Consultorias pontuais, projetos de implanta\u00e7\u00e3o,\r\n          capacita\u00e7\u00f5es e contratos de acompanhamento.\r\n        <\/p>\r\n      <\/article>\r\n\r\n      <!-- DIFERENCIAL 6 -->\r\n      <article class=\"cs-diff-card\">\r\n        <div class=\"cs-diff-mark\" aria-hidden=\"true\">\u2194<\/div>\r\n\r\n        <h3>Parceria pr\u00f3xima<\/h3>\r\n\r\n        <p>\r\n          Comunica\u00e7\u00e3o clara, escopo definido e orienta\u00e7\u00e3o\r\n          ao longo das etapas previstas em cada contrata\u00e7\u00e3o.\r\n        <\/p>\r\n      <\/article>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-ae0a85d e-con e-atomic-element e-flexbox-base e-default-div e-22b54ba \" data-id=\"ae0a85d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ae0a85d\">\n    \t\t<div class=\"elementor-element elementor-element-77d6f07 elementor-widget elementor-widget-html\" data-id=\"77d6f07\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\r\n<style>\r\n\/* ===== CONTATO \/ CHAMADA FINAL ===== *\/\r\n.cs-site.cs-cta {\r\n  padding: 76px 24px;\r\n  background: #FAF7F0;\r\n  position: relative;\r\n  border-top: 1px solid #E8DFD2;\r\n  box-sizing: border-box;\r\n}\r\n\r\n.cs-site.cs-cta *,\r\n.cs-site.cs-footer * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n\/* Linha divis\u00f3ria superior *\/\r\n.cs-site.cs-cta::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: -2px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  width: 76px;\r\n  height: 3px;\r\n  background: #B88A58;\r\n  border-radius: 3px;\r\n}\r\n\r\n.cs-cta .cs-container,\r\n.cs-footer .cs-container {\r\n  width: 100%;\r\n  max-width: 1160px;\r\n  margin: 0 auto;\r\n}\r\n\r\n\/* Cart\u00e3o de contato *\/\r\n.cs-cta-box {\r\n  padding: 54px 40px;\r\n  background: #FFFFFF;\r\n  border: 1px solid #E8DFD2;\r\n  border-radius: 20px;\r\n  text-align: center;\r\n  box-shadow: 0 12px 35px rgba(73, 58, 46, 0.06);\r\n}\r\n\r\n\/* Etiqueta superior *\/\r\n.cs-cta .cs-eyebrow {\r\n  display: inline-block;\r\n  margin: 0 0 20px;\r\n  padding: 9px 16px;\r\n  color: #243B3A;\r\n  background: #EDE2D0;\r\n  border: 1px solid #E8DFD2;\r\n  border-radius: 30px;\r\n  font-size: 12px;\r\n  font-weight: 700;\r\n  letter-spacing: 1.5px;\r\n  line-height: 1.5;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.cs-cta-box h2 {\r\n  max-width: 820px;\r\n  margin: 0 auto 18px;\r\n  color: #243B3A;\r\n  font-size: clamp(28px, 4vw, 42px);\r\n  font-weight: 700;\r\n  line-height: 1.2;\r\n  letter-spacing: -0.7px;\r\n}\r\n\r\n.cs-cta-box p {\r\n  max-width: 680px;\r\n  margin: 0 auto 28px;\r\n  color: #77695B;\r\n  font-size: 16px;\r\n  line-height: 1.8;\r\n}\r\n\r\n\/* Bot\u00e3o de contato *\/\r\n.cs-cta-box .cs-button {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 8px;\r\n  padding: 15px 25px;\r\n  background: #243B3A;\r\n  color: #FFFFFF !important;\r\n  border: 1px solid #243B3A;\r\n  border-radius: 8px;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  line-height: 1.5;\r\n  text-decoration: none !important;\r\n  transition: background 0.25s ease,\r\n              border-color 0.25s ease,\r\n              transform 0.25s ease;\r\n}\r\n\r\n.cs-cta-box .cs-button:hover {\r\n  background: #52665B;\r\n  border-color: #52665B;\r\n  color: #FFFFFF !important;\r\n  transform: translateY(-2px);\r\n}\r\n\r\n\/* ===== RODAP\u00c9 ===== *\/\r\n.cs-site.cs-footer {\r\n  padding: 36px 24px;\r\n  background: #243B3A;\r\n  color: #EDE2D0;\r\n}\r\n\r\n.cs-footer-inner {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n  gap: 22px;\r\n}\r\n\r\n.cs-footer-brand {\r\n  flex: 1 1 200px;\r\n}\r\n\r\n.cs-footer strong {\r\n  display: inline-block;\r\n  color: #FFFFFF;\r\n  font-size: 17px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.2px;\r\n}\r\n\r\n.cs-footer p {\r\n  margin: 6px 0 0;\r\n  color: #D5DCD5;\r\n  font-size: 13px;\r\n  line-height: 1.7;\r\n}\r\n\r\n\/* Links das p\u00e1ginas *\/\r\n.cs-footer-nav {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  align-items: center;\r\n}\r\n\r\n.cs-footer a {\r\n  color: #EDE2D0;\r\n  font-size: 13px;\r\n  text-decoration: none;\r\n  transition: color 0.2s ease;\r\n}\r\n\r\n.cs-footer a:hover {\r\n  color: #D9B58A;\r\n}\r\n\r\n.cs-footer-nav span {\r\n  color: #B88A58;\r\n  font-size: 13px;\r\n}\r\n\r\n.cs-footer .cs-footer-copy {\r\n  flex: 1 1 100%;\r\n  padding-top: 18px;\r\n  margin-top: 4px;\r\n  border-top: 1px solid rgba(237, 226, 208, 0.18);\r\n  color: #D5DCD5;\r\n  font-size: 12px;\r\n}\r\n\r\n\/* ===== RESPONSIVIDADE ===== *\/\r\n@media (max-width: 767px) {\r\n  .cs-site.cs-cta {\r\n    padding: 54px 18px;\r\n  }\r\n\r\n  .cs-cta-box {\r\n    padding: 38px 22px;\r\n    border-radius: 16px;\r\n  }\r\n\r\n  .cs-cta-box h2 {\r\n    font-size: clamp(27px, 7vw, 34px);\r\n    letter-spacing: -0.4px;\r\n  }\r\n\r\n  .cs-cta-box p {\r\n    font-size: 15px;\r\n    line-height: 1.75;\r\n  }\r\n\r\n  .cs-cta-box .cs-button {\r\n    width: 100%;\r\n    max-width: 320px;\r\n    padding: 14px 18px;\r\n  }\r\n\r\n  .cs-site.cs-footer {\r\n    padding: 30px 20px;\r\n  }\r\n\r\n  .cs-footer-inner {\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 18px;\r\n  }\r\n\r\n  .cs-footer-brand {\r\n    flex: initial;\r\n  }\r\n\r\n  .cs-footer-nav {\r\n    gap: 9px;\r\n  }\r\n\r\n  .cs-footer .cs-footer-copy {\r\n    margin-top: 0;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<!-- ===== SE\u00c7\u00c3O DE CONTATO ===== -->\r\n<section class=\"cs-site cs-cta\" id=\"contato\">\r\n  <div class=\"cs-container\">\r\n    <div class=\"cs-cta-box\">\r\n\r\n      <span class=\"cs-eyebrow\">Vamos construir juntos?<\/span>\r\n\r\n      <h2>\r\n        Seu pr\u00f3ximo projeto educacional come\u00e7a com uma boa conversa.\r\n      <\/h2>\r\n\r\n      <p>\r\n        Conte para n\u00f3s o que voc\u00ea precisa melhorar, organizar\r\n        ou desenvolver no seu Moodle.  \r\n        Vamos avaliar as possibilidades\r\n        e identificar uma solu\u00e7\u00e3o adequada ao seu projeto.\r\n      <\/p>\r\n\r\n      <a class=\"cs-button\"\r\n         href=\"https:\/\/www.construindosaberes.com.br\/?page_id=276\"\r\n         target=\"_blank\"\r\n         rel=\"noopener noreferrer\">\r\n        Conversar sobre meu projeto \u2192\r\n      <\/a>\r\n\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- ===== RODAP\u00c9 INSTITUCIONAL ===== -->\r\n<footer class=\"cs-site cs-footer\">\r\n  <div class=\"cs-container cs-footer-inner\">\r\n\r\n    <div class=\"cs-footer-brand\">\r\n      <strong>Construindo Saberes<\/strong>\r\n      <p>Aprender hoje, transformar sempre.<\/p>\r\n    <\/div>\r\n\r\n    <nav class=\"cs-footer-nav\" aria-label=\"Navega\u00e7\u00e3o do rodap\u00e9\">\r\n      <a href=\"\/\">In\u00edcio<\/a>\r\n      <span aria-hidden=\"true\">\u00b7<\/span>\r\n      <a href=\"\/solucoes\/\">Solu\u00e7\u00f5es<\/a>\r\n      <span aria-hidden=\"true\">\u00b7<\/span>\r\n      <a href=\"\/como-funciona\/\">Como funciona<\/a>\r\n      <span aria-hidden=\"true\">\u00b7<\/span>\r\n      <a href=\"\/diferencial\/\">Diferencial<\/a>\r\n    <\/nav>\r\n\r\n    <p class=\"cs-footer-copy\">\r\n      \u00a9 2026 Construindo Saberes. Todos os direitos reservados.\r\n    <\/p>\r\n\r\n  <\/div>\r\n<\/footer>\r\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-a8ca7b0 e-flex e-con-boxed e-con e-parent\" data-id=\"a8ca7b0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In\u00edcio Solu\u00e7\u00f5es Como funciona Diferencial Vamos conversar? APRENDER HOJE, TRANSFORMAR SEMPRE Educa\u00e7\u00e3o e tecnologia para transformar a aprendizagem. Desenvolvemos solu\u00e7\u00f5es personalizadas em educa\u00e7\u00e3o digital, gest\u00e3o Moodle e design instrucional para potencializar o ensino e a aprendizagem. Vamos conversar \u2197 Conhe\u00e7a nossos servi\u00e7os \u2192 Experi\u00eancia do Estudante Gest\u00e3o Moodle Design Educacional Consultoria Especializada CS CONSTRUINDO SABERES [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-68","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.construindosaberes.com.br\/index.php?rest_route=\/wp\/v2\/pages\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.construindosaberes.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.construindosaberes.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.construindosaberes.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.construindosaberes.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=68"}],"version-history":[{"count":5,"href":"https:\/\/www.construindosaberes.com.br\/index.php?rest_route=\/wp\/v2\/pages\/68\/revisions"}],"predecessor-version":[{"id":440,"href":"https:\/\/www.construindosaberes.com.br\/index.php?rest_route=\/wp\/v2\/pages\/68\/revisions\/440"}],"wp:attachment":[{"href":"https:\/\/www.construindosaberes.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}