/* Growpath — propuesta con paleta azul/blanco/dorado de la web anterior.
   Solo vista previa; no sustituye CSS ni archivos del sitio publicado. */
:root {
  --night:#f3f6fb; --navy:#142d50; --navy2:#e8effa; --ink:#142d50;
  --muted:#526783; --gold:#ecd08c; --gold2:#f3dba9; --line:#dce4ef;
  --blue:#2563eb; --radius:22px;
}
html {scroll-padding-top:100px}
body {background:#f3f6fb;color:#142d50;font:16px/1.6 Arial,Helvetica,sans-serif}
.header {background:#142d50;border-bottom:1px solid #294565;backdrop-filter:none}
.nav {min-height:82px}
.brand .initial,.brand .path {color:#ecd08c}
.brand .grow {color:#fff}
.links {color:#e2e9f3}
.links a:hover {color:#ecd08c}
.lang-switch {background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.25)}
.lang-switch a {color:#d5e3f5}
.lang-switch a:hover {color:#fff}
.lang-switch a[aria-current="page"] {background:#ecd08c;color:#142d50}
.menu-btn {color:white;background:#203e67;border-color:#56708e}
.btn {border-radius:8px}
.btn-gold {background:#ecd08c;color:#142d50;box-shadow:none}
.btn-gold:hover {background:#f6dea6}
.btn-outline {background:transparent;color:#142d50;border-color:#8ca5c5}
.btn-outline:hover {background:#e7eef9}
.preview {background:#ecd08c;color:#142d50}
.hero {background:#f3f6fb;padding:82px 0 66px}
.hero:before {right:-210px;top:-150px;background:radial-gradient(ellipse,rgba(156,190,238,.31),rgba(243,246,251,0) 67%)}
.kicker {color:#366dac;letter-spacing:.135em}
.kicker:before {background:#b9974f}
h1 {font-size:clamp(43px,5.4vw,70px);font-weight:600;letter-spacing:-.055em}
h1 em {color:#2563eb;font-family:Georgia,serif;font-weight:400}
h2 {font-weight:550;letter-spacing:-.04em}
h3 {font-weight:600}
p {color:#526783}
.hero .lead {color:#526783}
.hero-foot {color:#526783}
.hero .hero-art {background:linear-gradient(160deg,#e5edf8,#edf4fe);border-radius:180px 180px 24px 24px;padding:26px 8px}
.orbit {border-color:rgba(49,95,151,.10);box-shadow:0 0 0 43px rgba(89,139,200,.035),0 0 0 85px rgba(89,139,200,.026)}
.panel {background:white;border-color:#c9d7ea;box-shadow:0 22px 55px rgba(20,45,80,.15)}
.panel-head {color:#526783}
.panel-label {color:#386cad}
.sample-title {color:#142d50}
.sample-small {color:#526783}
.dots {color:#b9974f}
.promo-image {background:linear-gradient(125deg,#c3d8ed,#eddaae 52%,#7fa4cf)}
.promo-image span {color:#142d50}
.float {background:white;border-color:#dce4ef;color:#142d50;box-shadow:0 14px 32px rgba(20,45,80,.14)}
.float span {background:#e9f1fb;color:#2563eb}
#soluciones {background:#fff}
.solution {background:#fff;border-color:#dce4ef;color:#142d50;box-shadow:0 14px 45px rgba(20,45,80,.045)}
.solution h3 {color:#142d50}
.solution-tag {color:#356fae}
.sol-icon {background:#e8effa;border-color:#d3e1f3;color:#376eb2}
.solution p {color:#526783}
.text-link {color:#2f64a5}
.solution.highlight {background:#142d50;border-color:#142d50;color:white;box-shadow:0 15px 36px rgba(20,45,80,.17)}
.solution.highlight h3 {color:white}
.solution.highlight p {color:#d4e1f2}
.solution.highlight .solution-tag,.solution.highlight .text-link {color:#f1d8a1}
.solution.highlight .sol-icon {color:#ecd08c;background:#2c4b72;border-color:#47658a}
.promo-section {background:#e8effa}
.label-chip {color:#142d50;border-color:#cbd9ed;background:white}
.benefit .check {background:#fff;color:#2f64a5;border:1px solid #cfdef0}
.benefit strong {color:#142d50}
.benefit span:not(.check) {color:#526783}
.promo-visual {background:white;border-color:#cbd9ed;box-shadow:0 22px 52px rgba(20,45,80,.12)}
.mockhead {color:#526783}
.mockdots {color:#2f64a5}
.mockbody {background:#f8f9fc;color:#142d50;border:1px solid #edf1f7}
.mockfoot {color:#526783}
.status {background:#edf5ec;color:#31714a}
.pricing-section {background:white}
.price-card {background:#f9fbff;border-color:#dce4ef;color:#142d50}
.price-card h3 {color:#142d50}
.price-card .price-value {color:#142d50}
.price-card .price-value small,.price-card .price-detail,.price-card p {color:#526783}
.price-card.prominent {background:#142d50;border-color:#142d50;box-shadow:0 16px 40px rgba(20,45,80,.17)}
.price-card.prominent h3,.price-card.prominent .price-value {color:#fff}
.price-card.prominent .price-value {color:#ecd08c}
.price-card.prominent .price-detail,.price-card.prominent p {color:#d1dff0}
.price-card.prominent .text-link {color:#ecd08c}
.price-caveat {color:#526783}
#como-funciona {background:#f3f6fb}
.step-num {color:#356fae}
.note {color:#526783;background:#fff;border-color:#dce4ef}
.note strong {color:#142d50}
.cta-strip {background:#142d50;border-color:#304e70}
.cta-strip h2 {color:#fff}
.cta-strip p {color:#d1e0f1}
.cta-strip .kicker {color:#ecd08c}
.cta-strip .btn-outline {color:white;border-color:#9eb2ca}
.cta-strip .btn-outline:hover {background:#28486d}
.footer {background:#102742;border-color:#304e70}
.footer p,.footer-links {color:#cbd8e8}
@media(max-width:680px) {
  .header .links {background:#142d50;border-color:#476483}
  .header .links a {color:#f3f6fb}
  .hero .hero-art {border-radius:125px 125px 20px 20px;padding:22px 0}
  .hero {padding-top:56px}
}


/* Original identity: logo image and typography recovered from saved GrowPath HTML. */
.header{background:#142d50;border-bottom:1px solid #29496e}
.brand-official{font-size:inherit!important;white-space:normal!important;letter-spacing:normal!important;text-decoration:none;flex:0 0 264px;min-width:0;display:flex;align-items:center}
.brand-lockup{display:flex;align-items:center;gap:3px;width:264px;min-height:80px}
.brand-lockup>img{display:block;width:72px;height:72px;object-fit:contain;flex-shrink:0}
.brand-words{display:flex;flex-direction:column;gap:3px;min-width:0}
.brand-name{display:flex;align-items:baseline;font:bold 30px/1 Arial,Helvetica,sans-serif;letter-spacing:-1.2px}
.brand-name span:first-child{color:#fff}
.brand-name span:last-child{color:#e7bb55}
.brand-tagline{color:#fff;font:bold 6.7px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.55px;white-space:nowrap}
/* The live site's main CTA is blue: gold is for the logo and accents. */
.header .btn-gold,.hero .btn-gold,.promo-section .btn-gold,.cta-strip .btn-gold,.price-card .btn-gold{background:#2563eb;color:#fff;border-color:#2563eb;box-shadow:none}
.header .btn-gold:hover,.hero .btn-gold:hover,.promo-section .btn-gold:hover,.cta-strip .btn-gold:hover,.price-card .btn-gold:hover{background:#164fbe}
/* Keep branded contrast over dark and light sections. */
.solution.highlight .btn-gold{background:#2563eb;color:white}
.promo-section .btn-outline{color:#142d50;border-color:#859ec0}
.footer{background:#142d50;border-color:#29496e}
/* Desktop navigation with the genuine logo; avoid cramped or wrapped controls. */
.nav{gap:15px}
.header .links{gap:18px}
@media(max-width:1230px){.nav>.btn{display:none}}
@media(max-width:1060px){
  .brand-official{flex-basis:230px}
  .brand-lockup{width:230px}
  .brand-name{font-size:26px}
  .brand-lockup>img{width:63px;height:63px}
  .brand-tagline{font-size:5.8px}
}
@media(max-width:890px){
  .nav{position:relative}
  .header .links{display:none;position:absolute;left:0;right:0;top:100%;background:#142d50;border:1px solid #29496e;border-top:0;padding:20px;flex-direction:column;align-items:stretch;z-index:60}
  .header .links.open{display:flex}
  .menu-btn{display:inline-flex}
  .nav>.btn{display:none}
}
@media(max-width:680px){
  .nav{min-height:76px}
  .brand-official{flex-basis:210px}
  .brand-lockup{min-height:70px;width:210px}
  .brand-lockup>img{width:57px;height:57px}
  .brand-name{font-size:23px}
  .brand-tagline{font-size:5.2px}
  .header .links{top:100%}
  .footer .brand-official{flex:0 0 auto}
}
@media(max-width:450px){
  .nav{gap:7px}
  .brand-official{flex-basis:156px}
  .brand-lockup{width:156px;gap:1px}
  .brand-lockup>img{width:42px;height:42px}
  .brand-name{font-size:19px;letter-spacing:-.8px}
  .brand-tagline{font-size:4.2px;letter-spacing:.2px}
  .lang-switch{padding:2px;gap:0}
  .lang-switch a{padding:7px 5px;font-size:11px}
  .menu-btn{padding:7px 9px;font-size:12px}
}

/* Site-consistent blue primary CTA and new demo reassurance. */
.btn-gold{background:#2563eb;color:white;border-color:#2563eb;box-shadow:none}
.btn-gold:hover{background:#164fbe;color:white}
.demo-cta-note{display:block;color:#526783;font-size:12px;line-height:1.5;margin-top:9px}
#web .text-link{display:inline-block;line-height:1.55}

/* Real assistant demonstration with a two-column responsive chat */
.assistant-demo-section{padding:90px 0;background:#f3f6fb;color:#142d50}
.assistant-demo-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(320px,1.08fr);gap:56px;align-items:center}
.assistant-copy h2{max-width:580px;font-size:clamp(30px,3.7vw,50px);line-height:1.15;margin:14px 0 23px}
.assistant-copy .section-desc{max-width:560px}
.assistant-benefits{display:flex;flex-direction:column;gap:9px;margin:25px 0;color:#142d50;font-size:15px;font-weight:600}
.assistant-benefits span::first-letter{color:#2563eb}
.assistant-direct{font-size:14px;color:#526783;margin-top:22px}
.assistant-direct a,.gp-chat-fallback a{color:#205dd0;font-weight:700;text-underline-offset:3px}
.gp-chat-widget{background:#fff;overflow:hidden;border:1px solid #d3dfef;border-radius:18px;box-shadow:0 25px 65px rgba(20,45,80,.12);max-width:620px;width:100%;justify-self:end}
.gp-chat-header{display:flex;align-items:center;gap:12px;padding:17px 19px;background:#142d50;color:#fff}
.gp-chat-header strong{display:block;font-size:16px;line-height:1.35}
.gp-chat-header small{display:block;color:#c5d7ed;font-size:12px}
.gp-chat-avatar{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:#e7bb55;color:#142d50;font-weight:900;font-size:22px;flex-shrink:0}
.gp-chat-online{width:9px;height:9px;border-radius:50%;background:#65c584;margin-left:auto}
.gp-chat-messages{height:260px;min-height:220px;max-height:380px;overflow-y:auto;display:flex;flex-direction:column;gap:13px;align-items:flex-start;padding:22px;background:#f7f9fd}
.gp-chat-bubble{font-size:14px;line-height:1.55;max-width:86%;color:#142d50;background:#fff;border:1px solid #e0e8f2;border-radius:16px 16px 16px 5px;padding:12px 15px;overflow-wrap:anywhere;white-space:pre-wrap;box-shadow:0 2px 8px rgba(20,45,80,.04)}
.gp-chat-user{align-self:flex-end;background:#e5eefc;border:1px solid #c6d9f7;border-radius:16px 16px 5px 16px}
.gp-chat-form{display:flex;gap:9px;padding:14px;background:#fff;border-top:1px solid #dce4ef}
.gp-chat-form input{min-width:0;flex:1;width:100%;border-radius:9px;border:1px solid #b8c9df;padding:11px 12px;font:inherit;font-size:14px;color:#142d50;background:#fff}
.gp-chat-form button{flex:none;border:0;border-radius:9px;color:#fff;background:#2563eb;padding:11px 18px;font-weight:700;cursor:pointer}
.gp-chat-form button:disabled{background:#779bd8;cursor:wait}
.gp-chat-form input:focus-visible,.gp-chat-form button:focus-visible{outline:2px solid #2563eb;outline-offset:2px}
.gp-chat-foot{padding:0 18px 14px;color:#526783;background:#fff;font-size:11px;line-height:1.5}
.gp-chat-fallback{padding:0 18px 16px;color:#526783;background:#fff;font-size:12px}
.gp-chat-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:850px){.assistant-demo-grid{grid-template-columns:1fr;gap:29px}.gp-chat-widget{justify-self:start;max-width:660px}.assistant-demo-section{padding:64px 0}}
@media(max-width:460px){.gp-chat-form{gap:6px;padding:10px}.gp-chat-form button{padding:10px 12px}.gp-chat-messages{height:240px}.assistant-copy h2{font-size:32px}}

/* GP Promo example promo card, v07. */
.promo-sample{padding:20px!important;background:linear-gradient(165deg,#fff,#f0f5fc)!important;border:1px solid #d3dfe9!important;box-shadow:0 18px 50px rgba(16,39,66,.10)!important;color:#142d50!important;min-width:0}
.promo-sample .sample-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 2px 15px;color:#3f5875;font-size:12px;line-height:1.35}
.promo-sample .sample-head-title{font-weight:700;letter-spacing:.02em}
.promo-sample .sample-head-brand{color:#9b6d1d;font-weight:800;white-space:nowrap}
.promo-sample .sample-post{border:1px solid #d9e2ec;border-radius:17px;background:#fff;box-shadow:0 8px 32px rgba(20,45,80,.06);overflow:hidden}
.promo-sample .sample-profile{display:flex;align-items:center;gap:10px;padding:14px 16px;color:#142d50}
.promo-sample .sample-profile-avatar{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;background:#e8dcc9;border:1px solid #b99a6a;color:#775221;border-radius:50%;font:800 12px/1 Arial,sans-serif;letter-spacing:.02em}
.promo-sample .sample-profile-name{display:flex;flex-direction:column;gap:2px;line-height:1.2;min-width:0}
.promo-sample .sample-profile-name strong{color:#142d50;font-size:14px}
.promo-sample .sample-profile-name small{color:#718093;font-size:11px}
.promo-sample .sample-menu{margin-left:auto;color:#60758d;font-size:20px;letter-spacing:1px}
.promo-sample .sample-image{position:relative;isolation:isolate;background:#a7855f;height:230px;overflow:hidden}
.promo-sample .sample-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.promo-sample .sample-image:after{content:'';position:absolute;inset:38% 0 0;background:linear-gradient(transparent,rgba(20,29,45,.38));pointer-events:none}
.promo-sample .sample-image-chip{position:absolute;left:18px;bottom:16px;z-index:1;padding:8px 12px;background:#fffdf7;color:#674219;font-size:11px;font-weight:800;letter-spacing:.08em;border-radius:5px;box-shadow:0 5px 16px rgba(0,0,0,.14)}
.promo-sample .sample-copy{padding:16px 18px 18px}
.promo-sample .sample-category{color:#ab7729;font-size:10px;letter-spacing:.1em;font-weight:800;margin-bottom:7px}
.promo-sample .sample-copy h3{color:#142d50;font-size:23px;line-height:1.16;letter-spacing:-.02em;margin:0 0 11px}
.promo-sample .sample-copy p{color:#425974;font-size:13px;line-height:1.55;margin:0}
.promo-sample .sample-hashtag{font-size:11px;color:#326aad;margin-top:13px}
.promo-sample .sample-action{margin-top:17px}
.promo-sample .sample-button{display:flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:11px 16px;width:100%;font-size:13px;line-height:1.35}
.promo-sample .sample-disclaimer{font-size:11px;color:#60768f;text-align:center;margin:10px 4px 0;line-height:1.5}
@media(max-width:950px){.promo-sample{max-width:600px;width:100%;margin-inline:auto}}
@media(max-width:560px){.promo-sample{padding:13px!important}.promo-sample .sample-image{height:190px}.promo-sample .sample-copy h3{font-size:21px}.promo-sample .sample-head{font-size:11px}}