/* Subpáginas de «Soluciones», banner del software en la portada y los tres auxiliares
   con la paleta de Bolti (verde bosque + lima) en vez de azul/naranja/amarillo. */

/* cabecera de subpágina */
.sub-h{background:
  radial-gradient(620px 380px at 8% 0%,rgba(159,232,112,.30),transparent 70%),
  radial-gradient(700px 420px at 92% 30%,rgba(226,246,213,.9),transparent 72%),#fff;
  padding:46px 0 34px;text-align:center}
.sub-h .wrap{max-width:860px}
.sub-volver{display:inline-block;font-size:13.5px;font-weight:700;color:var(--content-tertiary);text-decoration:none;margin-bottom:18px}
.sub-volver:hover{color:var(--forest)}
.sub-h .eyebrow{display:table;margin:0 auto}
.sub-h h1{color:var(--forest);font-size:clamp(36px,4.6vw,58px);margin-top:16px}
.sub-h .lead{max-width:640px;margin:18px auto 0}
.sub-h .hero-ctas{justify-content:center}
.sub-h .btn{background:var(--forest);color:#fff}
.sub-h .btn-out{background:transparent;color:var(--forest);border-color:rgba(22,51,0,.35)}
.sub-h .btn-out:hover{background:var(--forest);color:#fff}

/* banner del software en la portada */
.sw-ban-sec{padding:36px 0 56px}
.sw-ban{display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--forest);border-radius:32px;padding:34px 38px;
  position:relative;overflow:hidden}
.sw-ban:after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(159,232,112,.12);pointer-events:none}
.sw-ban-txt{max-width:600px;position:relative;z-index:1}
.sw-ban h3{color:#fff;font-size:clamp(24px,2.6vw,32px);margin-top:14px;line-height:1.12}
.sw-ban p{color:rgba(255,255,255,.75);margin:10px 0 0;font-size:15px;line-height:1.5}
.sw-ban-der{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none;position:relative;z-index:1}
.sw-ban-der small{color:rgba(255,255,255,.6);font-size:13px}
.sw-ban-der b{font-family:var(--font-display);font-size:clamp(40px,4.4vw,56px);color:var(--bright-green);letter-spacing:-.04em;line-height:1}
.sw-ban-der b em{font-style:normal;font-family:var(--font);font-size:15px;font-weight:500;color:rgba(255,255,255,.6);letter-spacing:0;margin-left:4px}
.sw-ban-der .btn{margin-top:14px}
@media(max-width:860px){ .sw-ban{flex-direction:column;align-items:flex-start;padding:28px 24px} .sw-ban-der{align-items:flex-start} }

/* los tres auxiliares: Ana verde claro, María verde suave, Iván verde bosque */
#ia .area{border:1px solid transparent;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
#ia .area:hover{transform:translateY(-4px);box-shadow:0 22px 40px -24px rgba(22,51,0,.45)}
#ia .area.a2{background:var(--light-green)}
#ia .area.a3{background:#fff;border-color:var(--border)}
#ia .area.a1{background:var(--forest)}
#ia .area h3{color:var(--forest)}
#ia .area li:before{content:"";top:5px;width:14px;height:14px;border-radius:50%;background:var(--forest)}
#ia .area li:after{content:"";position:absolute;left:4px;top:8px;width:6px;height:3px;border-left:2px solid var(--bright-green);border-bottom:2px solid var(--bright-green);transform:rotate(-45deg)}
#ia .area .firma i{background:var(--forest);color:var(--bright-green)}
#ia .area .link{color:var(--forest);font-weight:700;border-bottom:2px solid var(--bright-green);text-decoration:none;align-self:flex-start}
#ia .area.a1 h3,#ia .area.a1 p.q{color:#fff}
#ia .area.a1 .who em{color:rgba(255,255,255,.85)}
#ia .area.a1 .who em small{color:rgba(255,255,255,.6)}
#ia .area.a1 li{color:rgba(255,255,255,.82)}
#ia .area.a1 li:before{background:var(--bright-green)}
#ia .area.a1 li:after{border-color:var(--forest)}
#ia .area.a1 .firma{color:rgba(255,255,255,.75)}
#ia .area.a1 .firma i{background:var(--bright-green);color:var(--forest)}
#ia .area.a1 .link{color:var(--bright-green)}
#ia .area.a1 .who .cara-masc{box-shadow:0 0 0 2px rgba(159,232,112,.5)}

/* hero: lo que vendemos, dicho de entrada */
.h4 .h4-sub{margin:18px 0 0;font-size:clamp(19px,1.9vw,23px);line-height:1.4;font-weight:600;color:var(--forest);max-width:520px}
.h4 .h4-sub b{font-weight:800;background:linear-gradient(transparent 62%,rgba(159,232,112,.75) 62%)}
.h4 .h4-sub+.lead{margin-top:14px;font-size:17px}