/* Guided trial on the homepage */
.home-hero .h1 {color:var(--petrol-xdk);text-wrap:balance}
.trial-next {color:var(--ink-2);font-size:.85rem}
.chat-example {max-width:420px;width:100%;margin:auto;background:#f0f5f1;border:1px solid #c5d8ce;border-radius:18px;overflow:hidden;box-shadow:0 16px 36px #23453e12}
.chat-heading {display:flex;align-items:center;gap:12px;padding:18px 22px;background:#244f4b;color:#fff;font-size:16px}
.chat-lines {display:grid;gap:12px;padding:22px 16px;background:#e9ede5}
.chat-lines p {width:fit-content;max-width:87%;border-radius:12px;padding:10px 14px;font-size:15px;line-height:1.5;color:#223b37;box-shadow:0 1px 2px #274c401a}
.chat-customer {justify-self:end;background:#d1ecd7}
.chat-reply {background:#fff}
.chat-lines time {display:block;text-align:right;color:#50655e;font-size:11px}
.chat-example figcaption {color:#3e5d52;text-align:center;font-size:12px;padding:10px 12px}
@media (prefers-reduced-motion:no-preference) {
  .chat-example.in-view .chat-later {animation:chat-arrive .35s backwards}
  .chat-example.in-view .chat-later:nth-child(3) {animation-delay:.65s}
  .chat-example.in-view .chat-later:nth-child(4) {animation-delay:1.35s}
  @keyframes chat-arrive {from {opacity:0;transform:translateY(5px)}}
}
.home-page .support {border:1px solid #c1d8cd;background:#e4f0e9;border-radius:14px;padding:clamp(22px,3.5vw,42px)}
.support-mark {background:#fff}
.home-page .trial-badge {display:inline-block;margin-bottom:18px;padding:5px 12px;background:#c5e6d5;color:#173f36;border-radius:99px;font-size:14px;font-weight:700}
.monthly-price {font-size:clamp(58px,7vw,92px);letter-spacing:-.06em;line-height:1.1;margin-bottom:12px}
.monthly-price small {font-size:clamp(17px,2vw,22px);font-weight:500;letter-spacing:0;margin-left:7px}
.home-page .plan-body {background:#f4f8f4;color:var(--petrol-xdk);border:0;border-radius:14px;padding:clamp(22px,3vw,38px)}
.included-title {font-size:clamp(22px,2vw,28px);letter-spacing:-.035em;margin-bottom:16px}
.plan .features {gap:0}
.plan .features li {align-items:start;padding:12px 0;color:var(--ink);font-size:16px}
.plan .features li+li {border-top:1px solid #d0ded6}
.plan .features .ico {color:#327160}
.plan-actions small {color:#d7e7e1;font-size:14px}
.demo-picker {display:grid;gap:6px;font-size:14px;font-weight:700}
.demo-picker select {width:100%;min-height:48px;border:1px solid #77968f;border-radius:6px;font:inherit;font-size:16px;background:#fff;color:var(--petrol-xdk);padding:6px 12px}
.demo-picker[hidden],#sector-demos article[hidden] {display:none}
.faq .faq-more>summary,.optional-contact>summary {min-height:44px;color:var(--petrol);font-weight:700;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.faq .faq-more>summary::after {content:'+'}
.faq .faq-more[open]>summary::after {content:'−'}
.optional-contact {margin-top:12px}
.optional-contact>summary {font-size:14px;padding-block:10px}
#form-callback {background:white;border:1px solid #c7d8d0;border-radius:12px;padding:clamp(18px,3vw,32px)}
.home-transfer img {height:auto}
@media (min-width:1024px) {
  .home-hero .hero-grid {grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr)}
  .home-hero .h1 {max-width:17ch}
  .home-hero .lead {max-width:47ch}
  .chat-example {justify-self:end;margin-right:0}
}
@media (max-width:1023px) {
  .home-page .support {grid-template-columns:1fr;gap:16px}
  .home-page .support-cta {grid-column:1;justify-self:center}
  .home-page .plan-actions {grid-row:auto;text-align:center}
}
@media (max-width:639px) {
  .home-hero .hero-text {min-height:min(calc(100svh - 60px),790px);display:flex;flex-direction:column;justify-content:center;text-align:center;padding-block:clamp(36px,7svh,72px)}
  .home-hero .h1 {margin-inline:auto;font-size:clamp(37px,10vw,48px);line-height:1.1;letter-spacing:-.052em}
  .home-hero .lead {margin:20px auto 0;max-width:34ch;font-size:17px;line-height:1.55;text-wrap:pretty}
  .home-hero-actions {margin:26px auto 0;width:min(100%,360px);gap:6px;display:flex;flex-direction:column;align-items:stretch}
  .home-trial {gap:6px}
  .home-demo-link {align-self:center}
  html.show--consent .home-hero .hero-text {justify-content:flex-start;padding-top:clamp(16px,4svh,38px)}
  .home-sectors .sector-grid {gap:10px;margin-top:20px}
  .sector-card {display:grid;grid-template-columns:76px 1fr;align-items:center}
  .sector-card img {width:76px;height:72px}
  .sector-card-copy {display:grid;grid-template-columns:1fr auto;align-items:center;padding:10px 14px;gap:8px}
  .sector-card-copy h3,.other-sector h3 {font-size:17px}
  .sector-card-copy p,.other-sector p {display:none}
  .sector-card-copy .sector-link {font-size:0;padding:0;margin:0;gap:0}
  .sector-link .ico {width:18px;height:18px}
  .other-sector {margin-top:12px;padding:16px}
  .home-value-grid {gap:16px}
  .home-value-grid article {display:grid;grid-template-columns:26px 1fr;gap:6px 12px;padding-top:16px}
  .home-value-grid .ico {width:24px;height:24px;margin:2px 0 0}
  .home-value-grid .body {grid-column:2;margin:0}
  .home-transfer img {aspect-ratio:2.75;object-position:center 50%}
  .home-demo-grid {margin-top:12px}
  .home-page .home-demo-grid .demo-row {padding:20px}
  .home-page .wp-image-scroll img {width:840px;min-width:840px;height:auto;aspect-ratio:1.4}
  .home-page .wp-image-scroll {max-height:310px}
  .home-page #contacto .contact-grid {gap:22px}
}
@media (max-width:639px) and (max-height:770px) {
  html.show--consent .home-hero .h1 {font-size:32px}
  html.show--consent .home-hero-actions {display:flex;gap:0;margin-top:12px}
  html.show--consent .home-hero .lead {margin-top:8px;line-height:1.4;font-size:15px}
  html.show--consent .home-trial {gap:2px}
  html.show--consent .home-demo-link {align-self:center}
}
@media (max-width:639px) and (max-height:700px) {
  html.show--consent .home-hero .hero-text {padding-top:12px}
  html.show--consent .home-hero .h1 {max-width:100%;font-size:29px;line-height:1.09}
  html.show--consent .home-hero .lead {max-width:100%;line-height:1.35}
  html.show--consent .trial-next {font-size:12px;line-height:1.4}
}
#form-callback .form {margin-top:0}

@media (max-width:639px) {
  .home-hero {background:radial-gradient(ellipse at 100% 15%,#e8f0ea80,transparent 40%),var(--paper)}
}