:root {
  --teal: #12968c;
  --teal-dark: #0d7770;
  --navy: #0d2b38;
  --navy-soft: #16404f;
  --bg: #ffffff;
  --bg-alt: #f4f8f8;
  --text: #14242b;
  --text-soft: #4d6470;
  --border: #e1e9ea;
  --card-bg: #ffffff;
  --max-width: 1120px;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #0b1a20;
    --bg-alt: #0f232b;
    --text: #eef5f5;
    --text-soft: #a9bcc2;
    --border: #1d3641;
    --card-bg: #10262f;
  }
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
}

body {
  font-family: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

a {
  color: var(--teal-dark);
}

@media (prefers-color-scheme: dark) {
  a {
    color: var(--teal);
  }
}

.wrap {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: 0 24px;
}

/* Header */
.site-header {
  border-bottom: 1px solid var(--border);
  background: var(--bg);
  position: sticky;
  top: 0;
  z-index: 10;
}

.site-header .wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 14px;
  padding-bottom: 14px;
}

.brand {
  display: flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  color: var(--text);
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.5px;
}

.brand img {
  height: 34px;
  width: 34px;
}

nav.main-nav {
  display: flex;
  gap: 28px;
}

nav.main-nav a {
  text-decoration: none;
  color: var(--text-soft);
  font-weight: 600;
  font-size: 15px;
}

nav.main-nav a:hover,
nav.main-nav a.active {
  color: var(--teal-dark);
}

@media (prefers-color-scheme: dark) {
  nav.main-nav a:hover,
  nav.main-nav a.active {
    color: var(--teal);
  }
}

.nav-toggle {
  display: none;
}

@media (max-width: 720px) {
  nav.main-nav {
    display: none;
  }
}

/* Hero */
.hero {
  padding: 72px 0 56px;
  text-align: center;
}

.hero img.hero-mark {
  height: 88px;
  margin-bottom: 24px;
}

.hero h1 {
  font-size: clamp(28px, 4vw, 44px);
  margin: 0 0 16px;
  color: var(--navy);
}

@media (prefers-color-scheme: dark) {
  .hero h1 {
    color: #f2f7f7;
  }
}

.hero p.lead {
  font-size: 18px;
  color: var(--text-soft);
  max-width: 640px;
  margin: 0 auto 32px;
}

.tagline {
  color: var(--teal);
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 13px;
  margin-bottom: 10px;
}

/* Buttons */
.btn {
  display: inline-block;
  padding: 14px 28px;
  border-radius: 999px;
  font-weight: 700;
  text-decoration: none;
  font-size: 15px;
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.btn-primary {
  background: var(--teal);
  color: #ffffff;
}

.btn-primary:hover {
  transform: translateY(-1px);
  box-shadow: 0 8px 20px rgba(18, 150, 140, 0.35);
}

.btn-outline {
  background: transparent;
  color: var(--navy);
  border: 2px solid var(--border);
}

@media (prefers-color-scheme: dark) {
  .btn-outline {
    color: #f2f7f7;
  }
}

.btn-row {
  display: flex;
  gap: 16px;
  justify-content: center;
  flex-wrap: wrap;
}

/* Sections */
section {
  padding: 56px 0;
}

section.alt {
  background: var(--bg-alt);
}

h2.section-title {
  font-size: 30px;
  text-align: center;
  margin: 0 0 12px;
  color: var(--navy);
}

@media (prefers-color-scheme: dark) {
  h2.section-title {
    color: #f2f7f7;
  }
}

p.section-lead {
  text-align: center;
  color: var(--text-soft);
  max-width: 620px;
  margin: 0 auto 40px;
}

/* Feature grid */
.grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 24px;
}

.card {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 28px 24px;
}

.card .icon {
  font-size: 28px;
  margin-bottom: 14px;
  display: inline-block;
}

.card h3 {
  margin: 0 0 8px;
  font-size: 18px;
  color: var(--navy);
}

@media (prefers-color-scheme: dark) {
  .card h3 {
    color: #f2f7f7;
  }
}

.card p {
  margin: 0;
  color: var(--text-soft);
  font-size: 15px;
}

/* Pricing */
.pricing-card {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 20px;
  padding: 40px;
  max-width: 480px;
  margin: 0 auto;
  text-align: center;
}

.pricing-card .badge {
  display: inline-block;
  background: rgba(18, 150, 140, 0.12);
  color: var(--teal-dark);
  border-radius: 999px;
  padding: 6px 16px;
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 18px;
}

@media (prefers-color-scheme: dark) {
  .pricing-card .badge {
    color: var(--teal);
  }
}

/* Legal pages */
.legal-doc h2 {
  color: var(--navy);
  font-size: 19px;
  margin-top: 36px;
}

@media (prefers-color-scheme: dark) {
  .legal-doc h2 {
    color: #f2f7f7;
  }
}

.legal-doc p {
  color: var(--text-soft);
}

.legal-meta {
  color: var(--text-soft);
  font-size: 14px;
  border-left: 3px solid var(--teal);
  padding-left: 14px;
  margin-bottom: 32px;
}

.draft-notice {
  background: rgba(214, 158, 46, 0.12);
  border: 1px solid rgba(214, 158, 46, 0.4);
  color: #8a6116;
  border-radius: 12px;
  padding: 16px 20px;
  font-size: 14px;
  margin-bottom: 32px;
}

@media (prefers-color-scheme: dark) {
  .draft-notice {
    color: #f0c975;
  }
}

/* Contact */
.contact-card {
  background: var(--card-bg);
  border: 1px solid var(--border);
  border-radius: 16px;
  padding: 32px;
  max-width: 520px;
  margin: 0 auto;
  text-align: center;
}

.contact-card a.email {
  display: inline-block;
  font-size: 20px;
  font-weight: 700;
  margin: 16px 0;
  color: var(--teal-dark);
}

@media (prefers-color-scheme: dark) {
  .contact-card a.email {
    color: var(--teal);
  }
}

/* Footer */
footer {
  border-top: 1px solid var(--border);
  padding: 40px 0;
  color: var(--text-soft);
  font-size: 14px;
}

footer .wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}

footer nav a {
  color: var(--text-soft);
  text-decoration: none;
  margin-left: 20px;
}

footer nav a:first-child {
  margin-left: 0;
}

footer nav a:hover {
  color: var(--teal-dark);
}

@media (max-width: 560px) {
  footer .wrap {
    flex-direction: column;
  }

  footer nav a {
    margin-left: 0;
    margin-right: 16px;
  }
}

/* ===== Página inicial visual ===== */
.brand-full{width:112px!important;height:auto!important;display:block}.home-hero{position:relative;overflow:hidden;padding:118px 0 88px;background:radial-gradient(circle at 86% 16%,rgba(18,150,140,.18),transparent 32%),linear-gradient(145deg,#f8fcfb,#eaf6f2)}.home-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(500px,.95fr);gap:54px;align-items:center}.home-hero-copy h1{font-size:clamp(48px,6vw,78px);line-height:1.02;letter-spacing:-.06em;margin:22px 0;color:var(--navy)}.home-hero-copy h1 em,.philosophy-section h2 em{font-style:normal;color:var(--teal)}.home-hero-copy .lead{font-size:18px;max-width:630px;margin:0 0 30px;color:var(--text-soft)}.home-hero-copy .tagline span{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--teal);margin-right:8px;box-shadow:0 0 0 5px rgba(18,150,140,.12)}.hero-buttons{justify-content:flex-start}.hero-trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#5e747b;font-size:13px;font-weight:600}.product-visual{position:relative;min-height:620px}.visual-orb{position:absolute;width:460px;height:460px;border-radius:50%;background:rgba(18,150,140,.13);right:-25px;top:70px}.phone{position:absolute;width:294px;height:600px;background:#0a242c;border-radius:39px;padding:10px;box-shadow:0 38px 80px rgba(13,43,56,.24)}.phone-primary{right:8px;top:0;z-index:3;transform:rotate(2deg)}.phone-secondary{left:0;top:62px;z-index:2;transform:rotate(-7deg) scale(.87);opacity:.96}.phone-notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:88px;height:22px;background:#0a242c;border-radius:0 0 14px 14px;z-index:4}.phone-screen{height:100%;border-radius:31px;background:#f8fbfa;padding:28px 15px 70px;overflow:hidden;position:relative}.app-status{display:flex;justify-content:space-between;font-size:9px;padding:0 7px 15px}.app-title{display:flex;justify-content:space-between;align-items:center}.app-title small,.app-title strong{display:block}.app-title small{font-size:9px;color:#73878b}.app-title strong{font-size:13px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#dff4ed;color:#0f7c70;font-size:9px;font-weight:800}.summary-box{background:linear-gradient(135deg,#12968c,#0d5361);color:white;border-radius:18px;padding:17px;margin:17px 0}.summary-box>small{font-size:7px;letter-spacing:.12em;opacity:.75}.summary-box>strong{display:block;font-size:23px;margin:4px 0}.summary-box>div{height:5px;background:rgba(255,255,255,.18);border-radius:8px}.summary-box>div span{display:block;width:78%;height:100%;background:#6de0bf;border-radius:8px}.summary-box p{font-size:8px;margin:7px 0 0;opacity:.78}.screen-label{display:flex;justify-content:space-between;align-items:center;font-size:9px;margin:14px 1px 8px}.screen-label span{color:var(--teal)}.mission-card{display:grid;grid-template-columns:32px 1fr 10px;gap:9px;align-items:center;padding:10px;border-radius:13px;background:white;border:1px solid #e2ece9;margin-bottom:8px}.mission-card>b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eeeaff;color:#7569dc}.mission-card.orange>b{background:#fff0e5;color:#e98a4d}.mission-card strong,.mission-card small{display:block}.mission-card strong{font-size:8px}.mission-card small{font-size:6.5px;color:#7a8d90}.mission-card>span{color:#8ca0a2}.next-card{display:grid;grid-template-columns:40px 1fr 18px;gap:9px;align-items:center;padding:10px;border-radius:13px;background:white;border:1px solid #e2ece9}.next-card>div{background:#e1f5ee;border-radius:9px;text-align:center;padding:5px}.next-card>div b,.next-card>div small,.next-card>span strong,.next-card>span small{display:block}.next-card>div b{font-size:13px}.next-card>div small{font-size:5.5px}.next-card>span strong{font-size:8px}.next-card>span small{font-size:6.5px;color:#788b8d}.next-card em{font-style:normal;color:var(--teal)}.app-bottom{position:absolute;left:0;right:0;bottom:0;height:58px;background:white;border-top:1px solid #e3ece9;display:flex;align-items:center;justify-content:space-around}.app-bottom b{font-size:12px;color:#829397;text-align:center}.app-bottom small{display:block;font-size:5.5px;margin-top:2px}.app-bottom .active{color:var(--teal)}.calendar-card{background:white;border:1px solid #e3ece9;border-radius:15px;padding:11px;margin-top:15px}.week-row,.date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center;font-size:7px}.week-row{color:#87979a;margin-bottom:7px}.date-grid span{padding:6px 0;border-radius:7px}.date-grid .chosen{background:var(--teal);color:#fff}.date-grid .attention{background:#fff0e5;color:#d97d43}.mini-session{display:grid;grid-template-columns:35px 7px 1fr;gap:7px;align-items:center;background:white;border-radius:10px;padding:9px;margin-bottom:6px}.mini-session time{font-size:7px;font-weight:800}.mini-session i{width:6px;height:6px;border-radius:50%;background:#18b983}.mini-session i.pending{background:#eba14c}.mini-session b,.mini-session small{display:block;font-size:7px}.mini-session small{font-size:6px;color:#7b8f91}.float-note{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;background:white;border-radius:14px;padding:12px 15px;box-shadow:0 15px 38px rgba(13,43,56,.17)}.float-note b{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:#ddf7ee;color:var(--teal)}.float-note small,.float-note strong{display:block}.float-note small{font-size:7px;color:#71878a}.float-note strong{font-size:9px}.note-one{right:-12px;top:105px}.note-two{left:-16px;bottom:78px}.profession-strip{padding:26px 0;background:white;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.profession-strip .wrap{display:flex;align-items:center;gap:42px}.profession-strip small{font-size:9px;letter-spacing:.17em;color:#71878a;white-space:nowrap}.profession-strip div div{display:flex;justify-content:space-around;gap:30px;flex:1;color:#4c676d;font-weight:700;font-size:14px}.process-section,.feature-section{padding:105px 0}.section-heading{max-width:760px;margin:0 auto 52px}.section-heading.center{text-align:center}.section-heading h2,.showcase-copy h2,.philosophy-section h2{font-size:clamp(38px,5vw,60px);line-height:1.08;letter-spacing:-.05em;margin:13px 0;color:var(--navy)}.section-heading>p{color:var(--text-soft);font-size:17px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.process-card{position:relative}.step-number{position:absolute;right:16px;top:-34px;font-size:46px;font-weight:800;color:#dce7e4}.process-ui{height:260px;border:1px solid var(--border);border-radius:22px;background:white;padding:22px;box-shadow:0 20px 55px rgba(13,43,56,.07)}.process-ui header{position:static;width:auto;height:auto;padding:0;background:none;display:flex;justify-content:space-between}.process-ui header span{color:var(--teal);font-size:12px}.availability-ui p{padding:14px;background:#e7f6f1;color:#196f68;border-radius:11px;margin:17px 0 0;font-size:13px}.process-ui button{width:100%;border:1px dashed #b5d8d1;border-radius:11px;background:white;color:var(--teal);padding:12px;font-weight:700;margin-top:14px}.analyse-ui{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(145deg,#eeebff,#fff)}.analyse-ui>div{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#7669dc;color:white;font-size:25px;box-shadow:0 14px 24px rgba(118,105,220,.25)}.analyse-ui>b{margin:18px 0 12px}.analyse-ui>span{display:flex;gap:5px}.analyse-ui>span i{width:26px;height:5px;border-radius:6px;background:#d9d5ff}.analyse-ui>span i:nth-child(-n+3){background:#7669dc}.analyse-ui small{margin-top:11px;color:#7d8793}.proposal-ui>div{display:grid;grid-template-columns:10px 1fr 18px;gap:10px;align-items:center;margin:32px 0}.proposal-ui>div i{width:9px;height:44px;border-radius:8px;background:#19ba84}.proposal-ui p{margin:0}.proposal-ui p b,.proposal-ui p small{display:block}.proposal-ui p small{color:#7a8d90;margin-top:4px}.proposal-ui em{font-style:normal;color:var(--teal)}.proposal-ui button{background:var(--navy);color:white;border:0}.process-card h3{font-size:19px;margin:22px 0 7px}.process-card>p{color:var(--text-soft);margin:0}.dark-showcase{background:var(--navy);padding:105px 0;color:white}.showcase-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:62px;align-items:center}.tagline.light{color:#65dfc2}.showcase-copy h2{color:white}.showcase-copy>p{color:#b8cbd0;line-height:1.8}.showcase-copy ul{list-style:none;padding:0;margin:27px 0}.showcase-copy li{padding:8px 0;color:#d8e4e6}.dashboard-preview{background:#f7faf9;color:var(--ink);border-radius:26px;padding:28px;box-shadow:0 34px 80px rgba(0,0,0,.23)}.dashboard-preview>header{position:static;width:auto;height:auto;padding:0;background:none;display:flex;justify-content:space-between}.dashboard-preview header small{font-size:8px;letter-spacing:.14em;color:#75898d}.dashboard-preview header h3{margin:4px 0}.dashboard-preview header>span{font-size:8px;color:#0ba574;background:#dcf6ed;padding:8px 11px;border-radius:20px;height:max-content}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin:22px 0}.stats-row article{background:white;border:1px solid #e1ebe8;border-radius:14px;padding:14px}.stats-row small,.stats-row strong,.stats-row em{display:block}.stats-row small{font-size:8px;color:#72868a}.stats-row strong{font-size:24px}.stats-row em{font-style:normal;font-size:7px;color:#0ba574}.stats-row em.warn{color:#e28942}.dashboard-body{display:grid;grid-template-columns:1.2fr .8fr;gap:13px}.timeline,.dashboard-body aside{background:white;border:1px solid #e1ebe8;border-radius:16px;padding:17px}.timeline h4{margin:0 0 11px}.timeline>div{display:grid;grid-template-columns:36px 7px 1fr 14px;gap:7px;align-items:center;padding:10px 0;border-top:1px solid #edf2f0}.timeline time{font-size:9px;font-weight:800}.timeline i{width:6px;height:6px;border-radius:50%;background:#17b77f}.timeline i.amber{background:#eca04b}.timeline i.empty{background:white;border:1px dashed #7e9a96}.timeline p{margin:0}.timeline p b,.timeline p small{display:block;font-size:9px}.timeline p small{font-size:7px;color:#788b8e}.dashboard-body aside{background:linear-gradient(145deg,#e5f9f2,#f9fcfb);display:flex;flex-direction:column;justify-content:center}.dashboard-body aside>b{font-size:23px;color:var(--teal)}.dashboard-body aside>small{font-size:7px;letter-spacing:.13em;color:#0b9a72;margin-top:12px}.dashboard-body aside h4{margin:6px 0}.dashboard-body aside p{font-size:9px;line-height:1.6;color:#607a7d}.dashboard-body aside button{border:0;border-radius:9px;background:var(--teal);color:white;padding:10px;font-weight:700;font-size:8px}.visual-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.visual-feature{min-height:290px;border-radius:24px;padding:28px;overflow:hidden}.visual-feature.wide{grid-column:span 2;display:flex;justify-content:space-between;gap:25px}.visual-feature>small{font-size:8px;letter-spacing:.16em;font-weight:800}.visual-feature h3{font-size:24px;line-height:1.25;margin:12px 0}.visual-feature p{font-size:13px;line-height:1.7}.client-feature{background:#0c7268;color:white}.client-feature>div:first-child p{color:#c7e7e1}.people-list{background:white;color:var(--ink);border-radius:17px;padding:9px;min-width:45%;transform:rotate(2deg) translateY(20px);box-shadow:0 18px 45px rgba(0,0,0,.16)}.people-list p{display:grid;grid-template-columns:34px 1fr 18px;gap:8px;align-items:center;margin:0;padding:10px;border-bottom:1px solid #edf2f0}.people-list p>b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e1f5ee;font-size:8px}.people-list strong,.people-list small{display:block;font-size:8px}.people-list small{font-size:6px;color:#778b8e}.people-list em{font-style:normal;color:var(--teal)}.purple-feature{background:#ece9ff}.orange-feature{background:#fff0e5}.blue-feature{background:#e7f3ff}.feature-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:white;font-size:24px;margin-bottom:23px}.agenda-feature{background:#e5f5f0}.month-preview{background:white;border-radius:17px;padding:17px;min-width:46%;transform:translateY(29px) rotate(-2deg);box-shadow:0 18px 45px rgba(13,43,56,.12)}.month-preview header{position:static;width:auto;height:auto;padding:0;background:none;display:flex;justify-content:space-between}.month-preview p{line-height:2.25;word-spacing:12px;text-align:center;color:#647b80}.month-preview i,.month-preview em{font-style:normal;border-radius:50%;padding:3px}.month-preview i{background:#ffe8d7}.month-preview em{background:var(--teal);color:white}.philosophy-section{text-align:center;padding:115px 0;background:white}.philosophy-section .quote{font-family:Georgia,serif;font-size:150px;line-height:.45;color:#dff4ed}.philosophy-section p{max-width:680px;margin:20px auto 30px;color:var(--text-soft);font-size:17px}
@media(max-width:1000px){.home-hero-grid,.showcase-grid{grid-template-columns:1fr}.home-hero-copy{text-align:center}.hero-buttons,.hero-trust{justify-content:center}.product-visual{max-width:620px;width:100%;margin:auto}.process-grid{grid-template-columns:1fr}.process-card{text-align:center}.process-ui{max-width:490px;margin:auto}.visual-feature-grid{grid-template-columns:1fr 1fr}.visual-feature.wide{grid-column:span 2}.profession-strip .wrap{display:block;text-align:center}.profession-strip div div{margin-top:18px;flex-wrap:wrap}.showcase-copy{text-align:center}.showcase-copy ul{display:inline-block;text-align:left}}
@media(max-width:700px){.home-hero{padding:88px 0 58px}.home-hero-copy h1{font-size:48px}.product-visual{height:510px;min-height:510px;transform:scale(.82);transform-origin:top center}.phone-primary{right:0}.phone-secondary{left:-70px}.note-one{right:-40px}.note-two{left:-45px}.profession-strip div div{gap:13px;font-size:11px}.process-section,.feature-section,.dark-showcase,.philosophy-section{padding:76px 0}.dashboard-body{grid-template-columns:1fr}.visual-feature-grid{grid-template-columns:1fr}.visual-feature.wide{grid-column:auto;display:block}.people-list,.month-preview{transform:none;margin-top:24px}.section-heading h2,.showcase-copy h2,.philosophy-section h2{font-size:40px}.brand-full{width:96px!important}}