/* Estética · composición compartible, estilos aislados de las demás landings. */
:root{--petrol:#285e73;--petrol-dk:#204b5c;--petrol-xdk:#193d48;--ink:#252d2e;--ink-2:#505a5b;--white:#fff;--paper:#fcfaf7;--sand:#f5e9dd;--accent:#ebc1a6;--aqua:#eaf2ef;--blue:#edf3f3;--line:#ccd3d0;--field-line:#7e8991;--on-dark-2:#e0e8e8;--error:#b42318;--ok:#1e7a46;--radius-btn:5px;--gutter:22px;--section:76px;--font:'Plus Jakarta Sans',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:400 17px/1.65 var(--font);color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{line-height:1.2}p{max-width:62ch}
img,video{display:block;max-width:100%;height:auto}a{color:var(--petrol)}button,input,textarea{font:inherit}button{cursor:pointer}
main,header,footer{overflow-wrap:break-word} [id]{scroll-margin-top:24px}
.wrap{width:100%;max-width:1328px;margin-inline:auto;padding-inline:var(--gutter)}
.section{padding-block:var(--section)}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.ico{width:1.25em;height:1.25em;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:3px solid var(--petrol);outline-offset:5px}.on-dark :focus-visible,#precio :focus-visible{outline-color:var(--accent)}
.eyebrow{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--petrol);margin-bottom:16px}
.h1{font-size:39px;line-height:1.14;font-weight:800;letter-spacing:-.045em}.h2{font-size:32px;font-weight:800;line-height:1.17;letter-spacing:-.04em}.h3{font-size:23px;font-weight:700;letter-spacing:-.025em}
.body{color:var(--ink-2)}.lead{font-size:18px;line-height:1.7}.small,.media-caption{font-size:13px;line-height:1.5;color:var(--ink-2)}
.intro{margin-bottom:36px}.intro .body{margin-top:20px}.bg-white{background:var(--white)}.bg-blue,.bg-aqua{background:var(--aqua)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;border:1px solid transparent;border-radius:var(--radius-btn);padding:15px 22px;font:700 16px/1.4 var(--font);text-align:center;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s}
.btn-primary,.btn-light{background:var(--petrol-xdk);color:white}.btn-primary:hover,.btn-light:hover{background:var(--petrol)}.btn-block{width:100%}.btn[disabled]{opacity:.7;cursor:progress}.link{text-underline-offset:4px;font-weight:600}
.only-lg{display:none!important}.only-sm-block{display:block}.hide-sm{display:none!important}
/* White masthead and a warm photographic opening. */
.site-header{position:relative;z-index:20;background:white}.header-bar{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.nav-logo{display:inline-flex;align-items:center;min-height:48px}.nav-logo img{width:150px;height:auto}
.menu-btn{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:0;background:transparent;color:var(--ink)}.menu-btn .ico{width:27px;height:27px}.ico-close{display:none}.menu-btn[aria-expanded=true] .ico-open{display:none}.menu-btn[aria-expanded=true] .ico-close{display:block}
.menu ul{list-style:none;margin:0;padding:0}.menu a{color:var(--ink);font-size:15px;font-weight:600;text-decoration:none;display:flex;align-items:center;min-height:48px}.menu a:hover{text-decoration:underline;text-underline-offset:6px}.menu{position:absolute;top:100%;left:0;right:0;padding:16px var(--gutter);background:white;border-bottom:1px solid var(--line)}.js .menu{display:none}.js .menu.is-open{display:block}html:not(.js) .header-bar{flex-wrap:wrap}html:not(.js) .menu{position:static}html:not(.js) .menu-btn{display:none}
.hero{background:var(--sand);padding:40px 0 30px}.hero-text{min-width:0}.hero-sector{font-size:11px;letter-spacing:.08em}.hero .h1 span{color:var(--petrol);display:block}.hero .lead{margin-top:24px;color:var(--ink-2);font-size:17px}.hero .lead strong{font-weight:600;color:var(--ink)}.hero-cta{margin-top:28px;width:100%}
.checks{list-style:none;padding:0;margin:24px 0 30px;display:flex;flex-wrap:wrap;gap:10px 24px}.checks li{font-size:12px;display:flex;gap:8px;align-items:center}.checks .ico{width:15px;height:15px;color:var(--petrol)}
.hero-gallery{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:10px;position:relative;padding-bottom:28px}.hero-figure,.hero-detail{overflow:hidden;aspect-ratio:3/4}.hero-figure{border-radius:38px 0 0 0}.hero-detail{border-radius:0 0 38px 0}.hero-gallery img{width:100%;height:100%;object-fit:cover}.hero-figure img{object-position:55% center}.hero-detail img{object-position:45% center}.hero-gallery-note{position:absolute;bottom:0;left:12px;right:12px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--paper);padding:16px 12px;font-size:12px;font-weight:600;border-radius:5px;box-shadow:0 4px 18px #193d480a}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--petrol);flex-shrink:0}
/* The moving WhatsApp conversation remains continuously visible in its own section. */
.conversation-section{background:white;padding-bottom:48px}.demo-intro{max-width:720px}.conversation-layout{display:grid;gap:30px}.journey-copy{min-width:0}.journey-heading{margin-bottom:18px}.j-ico{display:none}.j-step{font-size:13px;letter-spacing:.07em;text-transform:uppercase;font-weight:700;color:var(--petrol)}.journey-copy .h3{font-size:27px;line-height:1.25;max-width:27ch}.journey-copy p{color:var(--ink-2);margin-top:16px}.journey-copy p.eyebrow{color:var(--petrol);margin-top:0}
.chat-demo{background:var(--aqua);padding:30px 20px 20px;display:flex;flex-direction:column;align-items:center;gap:18px;border-radius:8px}.phone{width:min(100%,280px);aspect-ratio:348/666;overflow:hidden;border-radius:12.4% / 6.5%;background:#e9e4dc}.phone video{width:100%;height:100%;object-fit:cover;pointer-events:none}
/* Four feature tabs, with a stable auto-sized grid that reserves room for the tallest panel. */
.feature-section{padding-top:28px;background:white}.feature-intro{max-width:800px}.feature-showcase{border:1px solid #c4ccca;border-radius:14px;overflow:hidden;background:white}.feature-tablist{display:none}.tabs-ready .feature-tablist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:var(--petrol-xdk);padding:0 7px;gap:2px}.feature-tab{position:relative;min-width:0;border:0;background:transparent;color:#e0e9e9;min-height:60px;padding:15px 2px;font-size:13px;font-weight:600;line-height:1.35;overflow-wrap:anywhere}.feature-tab[aria-selected=true]{color:white;font-weight:800}.feature-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-5px}.tab-progress{position:absolute;left:7px;right:7px;bottom:9px;height:3px;background:transparent;overflow:hidden}.feature-tab[aria-selected=true] .tab-progress{background:#ffffff45}.feature-tab[aria-selected=true] .tab-progress::after{content:'';display:block;height:100%;background:var(--accent);width:100%}.is-rotating .feature-tab[aria-selected=true] .tab-progress::after{animation:tab-time 7s linear both}
@keyframes tab-time{from{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}
.feature-panel{padding:28px 18px}.feature-panel+.feature-panel{border-top:1px solid var(--line)}.feature-layout{display:grid;gap:28px;min-width:0}.tabs-ready .feature-panels{display:grid}.tabs-ready .feature-panel{grid-area:1/1;min-width:0;border:0}.tabs-ready .feature-panel[hidden]{display:block;visibility:hidden;pointer-events:none}.feature-panel .journey-copy .h3{font-size:26px}.feature-panel .journey-copy p{font-size:16px}.feature-panel .journey-copy .eyebrow{font-size:12px}
.reservation-visual,.change-visual,.reminder-visual{min-width:0;background:var(--aqua);border-radius:8px;padding:28px 22px;min-height:270px;display:flex;flex-direction:column;justify-content:center}.reservation-icon{margin-bottom:20px}.reservation-icon .ico{width:42px;height:42px;color:var(--petrol)}.reservation-kicker,.visual-caption{font-size:12px;text-transform:uppercase;letter-spacing:.07em;color:var(--petrol);font-weight:700}.reservation-title{font-size:27px;line-height:1.23;font-weight:700;letter-spacing:-.035em;margin-top:12px}.reservation-rule{height:1px;background:#bdcfcb;margin:24px 0}.reservation-foot{display:flex;align-items:center;gap:10px;font-size:14px}.reservation-foot .ico{color:var(--petrol)}
.change-visual{background:var(--sand);gap:12px}.date-row{padding:14px 17px;background:white;border-radius:5px;display:grid;gap:4px;font-size:12px}.date-row strong{font-size:17px;font-weight:700}.old-date{opacity:.7}.new-date{border-left:3px solid var(--petrol);position:relative;padding-right:40px}.new-date .ico{position:absolute;right:14px;top:30px}.change-visual>.ico{align-self:center;color:var(--petrol)}.change-visual figcaption,.reminder-visual figcaption{font-size:11px;margin-top:8px;color:var(--ink-2)}.reminder-visual{background:#edf3f3;gap:18px}.reminder-bell{width:42px;height:42px;color:var(--petrol)}.reminder-card{background:white;padding:20px;border-radius:6px;display:grid;gap:8px;font-size:13px;border-left:3px solid var(--petrol)}.reminder-card strong{font-size:23px;line-height:1.3;letter-spacing:-.03em}
.shot{display:block;position:relative;color:white;text-decoration:none;background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden}.shot img{width:100%;height:auto}.zoom-hint{position:absolute;right:10px;bottom:10px;display:flex;align-items:center;gap:8px;background:var(--petrol-xdk);color:white;font-size:12px;border-radius:4px;padding:10px;min-height:44px}.shot-fig figcaption{margin-top:12px;font-size:12px}.shot-fig{align-self:center}
.rotation-tools{display:none}.tabs-ready .rotation-tools{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e3e7e5;padding:9px 16px;color:var(--ink-2);font-size:11px}.rotation-toggle{border:0;background:transparent;color:var(--petrol);text-decoration:underline;text-underline-offset:3px;min-height:44px;font-size:12px;font-weight:700;flex-shrink:0}
/* Problems and solutions stay together, on an open warm surface. */
.benefits-section{background:var(--sand)}.benefits-intro{max-width:740px}.benefits-photo{border-radius:6px 6px 54px 6px;overflow:hidden;aspect-ratio:16/10;margin:32px 0 42px}.benefits-photo img{width:100%;height:100%;object-fit:cover}.pairs{list-style:none;padding:0;margin:0;display:grid;gap:38px}.pair{min-width:0;border-top:1px solid #cbbbad;padding-top:24px}.pair-comparison{display:grid;gap:22px}.pair-before{padding:0}.pair-after{padding:0 0 0 18px;border-left:3px solid var(--petrol)}.pair-label{display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:700;color:#62615d}.pair-label .ico{width:15px;height:15px}.pair-after .pair-label{color:var(--petrol)}.pair-problem,.pair-title{font-size:23px;font-weight:700;letter-spacing:-.03em;margin-top:12px;line-height:1.25}.pair-title{color:var(--petrol)}.pair-problem-text,.pair-text{font-size:16px;line-height:1.65;margin-top:12px;color:var(--ink-2)}
/* A larger product view, supported by a short editorial column. */
#wereplai-panel{background:var(--aqua)}.panel-video{margin:0}.video-frame{border-radius:9px;overflow:hidden;background:white;border:1px solid #c2cecb;box-shadow:0 16px 40px #193d480d}.video-frame video{width:100%;height:auto}.panel-video figcaption{margin-top:16px}.panel-layout .intro{max-width:650px}
.steps{list-style:none;padding:0;margin:40px 0 0;display:grid;gap:32px}.steps li{min-width:0;display:grid;grid-template-columns:52px minmax(0,1fr);gap:12px 20px;padding-top:24px;border-top:1px solid var(--line)}.step-heading{display:contents}.step-number{grid-column:1;grid-row:1 / span 2;font-size:42px;line-height:1;font-weight:500;letter-spacing:-.06em;color:var(--petrol)}.step-heading .h3{font-size:22px;grid-column:2}.step-copy{grid-column:2}.step-copy p{color:var(--ink-2);font-size:16px}.step-ill{display:none}
.support{margin-top:56px;padding:30px 24px;background:var(--paper);border-radius:6px}.support .h3{font-size:25px}.support-list{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:18px}.support-list li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;color:var(--ink-2);font-size:16px}.support-list .ico{color:var(--petrol);margin-top:4px}.support-list b{color:var(--ink);font-weight:700}.support-cta{margin-top:28px;width:100%}
/* One plan, separated from the rest of the page by a strong dark field. */
#precio{background:var(--petrol-xdk);color:white}.plan{display:grid;gap:32px}.plan>*{min-width:0}.plan-price .eyebrow{color:var(--accent)}.price{font-size:84px;letter-spacing:-.065em;font-weight:700;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;overflow-wrap:anywhere}.price small{font-size:17px;letter-spacing:0;font-weight:400;color:#dce7e8}.plan-price .lead{font-size:25px;margin-top:16px;font-weight:600}.feature-group+.feature-group{margin-top:28px;padding-top:28px;border-top:1px solid #ffffff30}.feature-heading{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:24px}.features{list-style:none;padding:0;margin:0;display:grid;gap:24px}.features li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:12px;font-size:15px;line-height:1.65;color:#dce7e8}.features strong{color:white;display:block;font-weight:600;font-size:17px}.features .ico{width:18px;height:18px;margin-top:5px;color:var(--accent)}.plan-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px}.plan-actions .btn-primary{background:var(--accent);color:var(--petrol-xdk)}.plan-actions .btn-primary:hover{background:#f3d1bb}.plan-secondary{color:white;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:15px}.plan-register{color:#dce7e8;font-size:13px;display:flex;align-items:center;gap:12px;min-height:44px}
.band-dark{padding-block:var(--section);background:var(--sand);color:var(--ink)}.band-dark .body{margin-top:20px}.band-dark .note{font-size:13px;color:var(--ink-2);margin-top:16px}.band-actions{margin-top:28px}.band-actions .btn{width:100%}.band-dark :focus-visible{outline-color:var(--petrol)}
.faq{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;min-height:44px;cursor:pointer;font-weight:600;font-size:17px;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary:hover{color:var(--petrol)}.faq summary .ico{color:var(--petrol);transition:transform .2s}.faq details[open] summary .ico{transform:rotate(180deg)}.faq .answer{padding:0 18px 24px 0;color:var(--ink-2);font-size:16px;max-width:760px}

/* CONTACTO */
.contact-grid {
  display: grid;
  gap: 40px;
}
@media (min-width: 1024px) {
  .contact-grid {
    grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
    gap: 64px;
    align-items: start;
  }
}
.contact-intro .h2 + .body {
  margin-top: 16px;
}
.contact-intro .support-list {
  margin-top: 24px;
}
.btn-callback {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 14px;
  text-align: left;
  min-height: 68px;
  padding: 12px 18px;
}
.btn-callback .cb-ico {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-btn);
  background: rgba(255, 255, 255, 0.14);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.btn-callback .cb-text {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.btn-callback .cb-text small {
  font-weight: 400;
  font-size: 15px;
  color: var(--on-dark-2);
  margin-top: 2px;
}
.form {
  margin-top: 24px;
}
.form-grid {
  display: grid;
  gap: 16px;
}
@media (min-width: 560px) {
  .form-grid.two {
    grid-template-columns: 1fr 1fr;
  }
}
.field label {
  display: block;
  font-weight: 600;
  font-size: 16px;
  margin-bottom: 6px;
  color: var(--ink);
}
.field label .req {
  color: var(--error);
}
.field label .opt {
  font-weight: 400;
  color: var(--ink-2);
}
.field input,
.field textarea {
  width: 100%;
  min-height: 48px;
  font: inherit;
  font-size: 17px;
  color: var(--ink);
  background: var(--white);
  border: 1px solid var(--field-line);
  border-radius: var(--radius-btn);
  padding: 12px 14px;
}
.field textarea {
  resize: none;
}
.field input::placeholder,
.field textarea::placeholder {
  color: #66717a;
}
.field input:focus,
.field textarea:focus {
  outline: 3px solid var(--petrol);
  outline-offset: 0;
  border-color: var(--petrol);
}
.form .small {
  max-width: none;
}
.form-msg {
  font-size: 16px;
  margin-top: 12px;
  max-width: none;
}
.form-msg.ok {
  color: var(--ok);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 6px;
}
.form-msg.err {
  color: var(--error);
}
.divider {
  display: flex;
  align-items: center;
  gap: 14px;
  margin: 28px 0;
  font-size: 15px;
  color: var(--ink-2);
}
.divider::before,
.divider::after {
  content: "";
  flex: 1;
  border-top: 1px solid #c4d6d0;
}
.alt-grid {
  display: grid;
  gap: 12px;
}
@media (min-width: 560px) {
  .alt-grid {
    grid-template-columns: 1fr 1fr;
  }
}
.alt {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 64px;
  padding: 12px 0;
  border: 0;
  border-bottom: 1px solid #bbd0c8;
  border-radius: 0;
  text-decoration: none;
  color: var(--ink);
  background: transparent;
  transition:
    border-color 0.15s ease,
    background-color 0.15s ease;
}
.alt:hover {
  border-color: var(--petrol);
  background: var(--blue);
}
.alt .alt-ico {
  width: 40px;
  height: 40px;
  border-radius: var(--radius-btn);
  background: var(--aqua);
  color: var(--petrol);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.alt span.t {
  display: flex;
  flex-direction: column;
  line-height: 1.3;
  min-width: 0;
}
.alt span.t b {
  font-weight: 600;
  font-size: 17px;
}
.alt span.t small {
  color: var(--ink-2);
  font-size: 15px;
  overflow-wrap: anywhere;
}

/* PIE */
.footer {
  background: var(--white);
  border-top: 1px solid var(--line);
  padding-block: 40px;
}
.footer .wrap {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: flex-start;
}
@media (min-width: 768px) {
  .footer .wrap {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}
.footer img {
  height: 26px;
  width: auto;
  aspect-ratio: 960 / 238;
}
.footer .legal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 24px;
}
.footer .legal a,
.footer .legal button {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--ink-2);
  text-decoration: none;
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  font-size: 15px;
  cursor: pointer;
}
.footer .legal a:hover,
.footer .legal button:hover {
  color: var(--petrol);
  text-decoration: underline;
}
.footer .company {
  font-size: 15px;
  color: var(--ink-2);
  margin-top: 6px;
}
.footer .wrap > div > a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  * {
    transition: none !important;
  }
}

/* Utilidades de espaciado: al final para que prevalezcan sobre los componentes */
.mt-2 {
  margin-top: 16px;
}
.mt-3 {
  margin-top: 24px;
}

/* Adaptation progressive — contenu jusqu’à 1280 px, marges incluses en plus. */
@media (min-width: 370px) {
  :root {
    --gutter: 24px;
  }
  .h1 {
    font-size: 40px;
  }
}
.contact-options{min-width:0}.contact-grid{gap:42px}.contact-intro .support-list{margin-top:28px}.contact-intro .body{margin-top:20px}.alt{background:transparent}.footer{background:var(--paper)}
@media(min-width:640px){
 :root{--gutter:32px;--section:88px}.h1{font-size:52px}.h2{font-size:39px}.hero{padding-top:54px}.hero-text{max-width:880px;margin:auto}.hero-cta{width:auto}.checks{gap:12px 26px}.hero-gallery{gap:18px;margin-top:40px}.hero-figure,.hero-detail{aspect-ratio:16/10}.hero-gallery-note{left:auto;right:32px;padding:20px 26px;font-size:14px}.conversation-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:38px}.feature-tab{font-size:14px;padding:20px 12px}.tabs-ready .feature-tablist{padding-inline:20px;grid-template-columns:repeat(4,minmax(0,1fr))}.feature-panel{padding:38px}.feature-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px}.feature-panel .journey-copy .h3{font-size:28px}.reservation-visual,.change-visual,.reminder-visual{min-height:320px}.rotation-tools{padding-inline:28px!important}.pairs{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.benefits-photo{aspect-ratio:21/9}.only-sm-block{display:none!important}.hide-sm{display:block!important}.support-list{grid-template-columns:repeat(2,minmax(0,1fr))}.support-cta{width:auto}.band-actions .btn{width:auto}.alt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(min-width:1024px){
 :root{--gutter:40px;--section:104px}.wrap{max-width:1360px}.only-lg{display:block!important}.lt-lg{display:none!important}.header-bar{min-height:104px}.nav-logo img{width:174px}.menu-btn{display:none}.menu,.js .menu{position:static;display:block;padding:0;border:0}.menu ul{display:flex;gap:36px}.menu a{font-size:14px}.h1{font-size:64px;line-height:1.12}.h2{font-size:46px;line-height:1.15}.h3{font-size:26px}.hero{padding:54px 0 44px}.hero-text{text-align:center;max-width:1020px}.hero .h1{max-width:20ch;margin:auto}.hero .lead{max-width:76ch;margin:26px auto 0;font-size:18px}.hero-sector{font-size:12px}.hero-cta{margin-top:28px}.checks{justify-content:center;margin-bottom:0}.checks li{font-size:13px}.hero-gallery{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);margin-top:46px;padding-bottom:24px;gap:20px}.hero-figure,.hero-detail{aspect-ratio:auto;height:330px}.hero-figure{border-top-left-radius:64px}.hero-detail{border-bottom-right-radius:64px}.hero-gallery-note{right:46px;bottom:0;font-size:15px}.hero-figure img{object-position:center 52%}
 .conversation-section{padding-bottom:54px}.demo-intro{max-width:780px;margin-bottom:48px}.conversation-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px}.conversation-layout>.journey-copy{padding-left:48px}.journey-copy .h3{font-size:39px;max-width:20ch}.journey-copy p{font-size:18px;max-width:39ch}.j-step{font-size:13px}.chat-demo{padding:34px 24px 26px;max-width:580px;width:100%;justify-self:end}.phone{width:270px}.feature-section{padding-top:32px}.feature-intro{margin:0 auto 40px;text-align:center}.feature-intro .eyebrow{margin-inline:auto}.feature-showcase{border-radius:20px}.tabs-ready .feature-tablist{padding:0 130px;gap:24px}.feature-tab{font-size:15px;min-height:69px}.tab-progress{left:15%;right:15%}.feature-panel{padding:56px}.feature-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:72px}.feature-panel .journey-copy .h3{font-size:37px}.feature-panel .journey-copy p{font-size:18px}.feature-panel .journey-copy .eyebrow{font-size:12px}.reservation-visual,.change-visual,.reminder-visual{min-height:350px;padding:36px 42px}.reservation-title{font-size:36px}.reservation-foot{font-size:16px}.date-row strong{font-size:21px}.reminder-card strong{font-size:28px}.rotation-tools{font-size:12px!important}.shot img{width:100%}
 .benefits-section>.wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:80px;align-items:center}.benefits-intro{margin:0}.benefits-photo{margin:0;aspect-ratio:4/3}.pairs{grid-column:1/-1;margin-top:64px;gap:48px 80px;align-items:start}.pair{padding-top:28px}.pair-comparison{gap:26px}.pair-problem,.pair-title{font-size:26px}.pair-problem-text,.pair-text{font-size:17px}.pair-after{padding-left:22px}.pair-label{font-size:11px}
 .panel-layout{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:64px;align-items:center}.panel-layout .intro{margin:0}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin-top:56px}.steps li{display:block;padding-top:24px}.step-heading{display:grid;gap:24px}.step-number{font-size:64px;grid-column:auto;grid-row:auto}.step-heading .h3{grid-column:auto;font-size:25px;max-width:22ch}.step-copy{margin-top:18px}.step-copy p{font-size:17px}.support{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:28px 56px;padding:40px;margin-top:64px}.support .h3{font-size:29px}.support-list{margin:0;gap:24px 40px}.support-cta{grid-column:2;justify-self:start;margin:0}.plan{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:38px 100px}.plan-price{grid-column:1;grid-row:1}.plan-body{grid-column:2;grid-row:1/span 2}.plan-actions{grid-column:1;grid-row:2;align-self:start}.price{font-size:112px}.price small{font-size:19px}.plan-price .lead{font-size:29px}.feature-group+.feature-group{margin-top:34px;padding-top:32px}.features{gap:28px}.features strong{font-size:18px}.band-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:80px;align-items:center}.band-actions{margin:0}.faq-col{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:72px}.faq summary{font-size:18px}.faq .answer{font-size:17px}.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px}.contact-intro .support-list{grid-template-columns:1fr}.footer .wrap{gap:48px}.footer .legal{max-width:600px;justify-content:flex-end}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.rotation-tools{display:none!important}}

/* Ajustes de contenido y recorrido · octubre 2026 */
.hero-gallery{margin-top:32px}
.journey-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 12px}
.number-note{font-size:14px;line-height:1.5;color:var(--petrol);font-weight:500;text-transform:none;letter-spacing:0}
.panel-media{min-width:0}
.panel-cta{margin-top:24px;text-align:center}
.panel-cta .btn{width:100%}
.plan-register{justify-content:center;text-align:center}
.btn-callback{min-height:56px;padding:12px 16px;gap:12px}
.btn-callback .cb-ico{width:28px;height:28px;background:transparent}
.btn-callback .cb-text{display:block;font-size:15px}
@media(min-width:640px){.panel-cta .btn{width:auto}.hero-gallery{margin-top:40px}.support .support-list{grid-template-columns:1fr}}
@media(min-width:1024px){.hero-sector{margin-inline:auto;text-align:center}.hero-gallery{margin-top:46px}.conversation-section{padding-bottom:var(--section)}}

/* Conversación compacta, con texto agrupado junto al vídeo. */
.conversation-grid{display:grid;gap:30px}
.conversation-copy{min-width:0}
.conversation-copy .demo-intro{margin-bottom:28px}
.conversation-detail{border-top:1px solid var(--line);padding-top:24px}
.whatsapp-label{display:flex;align-items:center;gap:12px;color:var(--petrol);margin-bottom:18px}
.whatsapp-label>.ico{width:26px;height:26px}
.whatsapp-label>span{display:grid;gap:1px;font-size:14px;line-height:1.45}
.whatsapp-label strong{font-size:15px;font-weight:700}
.whatsapp-label>span>span{color:var(--ink-2)}
.conversation-detail .h3{font-size:24px;line-height:1.3;max-width:28ch}
.conversation-grid .chat-demo{width:100%;justify-self:center;padding:24px;border-radius:8px}
.benefits-cta{grid-column:1/-1;margin-top:36px;text-align:center}
.benefits-cta .btn{width:100%}
@media(max-width:639px){.support>h3.h3{text-align:left;font-size:23px;max-width:none;margin-inline:0}.support>.support-list{margin-top:20px}}
@media(min-width:640px){.conversation-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:40px}.conversation-grid .phone{width:250px}.benefits-cta .btn{width:auto}}
@media(min-width:1024px){
 .conversation-grid{max-width:1240px;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:80px}
 .conversation-copy .demo-intro{margin-bottom:32px}.conversation-detail{padding-top:28px}
 .conversation-detail .h3{font-size:28px}.conversation-grid .chat-demo{padding:28px 24px;max-width:420px}
 .conversation-section{padding-block:80px}.benefits-cta{margin-top:44px}
 #wereplai-panel{padding-block:80px}.panel-layout{max-width:1280px;gap:48px;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr)}
 .panel-layout .h2{font-size:40px}
}

/* Precio legible y una respuesta clara tras el contexto de la conversación. */
.price-amount{display:inline-flex;align-items:baseline;gap:.1em;white-space:nowrap}
.price-currency{letter-spacing:0}
.conversation-copy .demo-intro{margin-bottom:24px}
.conversation-copy .demo-intro .body+.body{margin-top:16px}
.conversation-response{border-left:3px solid var(--petrol);padding-left:20px;color:var(--petrol);font-size:20px;font-weight:700;line-height:1.45;max-width:35ch}
@media(min-width:1024px){.conversation-response{font-size:24px}}

/* Canales de contacto visibles y ritmo más compacto en móvil. */
.contact-options .alt{padding:14px 16px;background:var(--white);border:1px solid #bbd0c8;border-radius:6px;gap:12px}
.contact-options .alt:hover{background:#f8fbfa;border-color:var(--petrol)}
.contact-options .alt .alt-ico{width:40px;height:40px;border-radius:50%;background:var(--petrol);color:var(--white)}
.contact-options .alt[data-track-canal="whatsapp"] .alt-ico{background:#16734b}
@media(max-width:639px){
 .pairs{gap:32px}
 .steps{gap:27px;margin-top:34px}
 .support{margin-top:36px}
}
@media(min-width:1024px){
 .conversation-response{font-size:22px}
 .response-main,.response-detail{display:block}
 .response-detail{font-weight:500}
}

/* Galería del panel y dos recorridos de demostración. */
#wereplai-panel .panel-layout{display:block;max-width:1200px}
#wereplai-panel .intro{max-width:720px;margin:0 0 32px}
.panel-showcase{min-width:0}
.panel-tablist{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;padding:0 0 14px;scroll-padding-inline:4px}
.panel-tab{flex:0 0 auto;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--petrol-xdk);font:inherit;font-size:15px;font-weight:600;cursor:pointer;white-space:nowrap}
.panel-tab:hover{background:#ffffff80}
.panel-tab[aria-selected="true"]{background:var(--petrol-xdk);color:white}
.panel-slides{overflow:hidden;border:1px solid #bfd0ca;border-radius:8px;background:white;box-shadow:0 14px 34px #193d480b}
.panel-slide[hidden]{display:none}
.panel-slide:not([hidden]){animation:panel-appear .25s ease-out}
.panel-slide picture,.panel-slide img{display:block;width:100%}
.panel-slide img{height:auto;aspect-ratio:1394/912;object-fit:contain}
.panel-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:12px}
.panel-pause{font:inherit;font-size:13px;color:var(--petrol);background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:44px;padding:8px}
.demo-layout{max-width:1200px}
.demo-heading{margin-bottom:28px}
.demo-row{display:grid;gap:20px;padding:24px 0}
.demo-row+.demo-row{border-top:1px solid #cfc9bc}
.band-dark .demo-row .body{margin:0;max-width:65ch}
.demo-action .btn{width:100%;justify-content:center}
.demo-action .panel-demo-pending{opacity:1;cursor:not-allowed}
.demo-status{display:block;font-size:12px;color:var(--ink-2);text-align:center;margin-top:6px}
.band-dark .demo-note{margin-top:14px;max-width:84ch}
@keyframes panel-appear{from{opacity:.55}to{opacity:1}}
@media(max-width:639px){.panel-slide img{aspect-ratio:auto}#wereplai-panel .intro{margin-bottom:24px}.panel-tab{padding-inline:14px}.demo-heading{margin-bottom:12px}}
@media(min-width:1024px){#wereplai-panel .intro{max-width:none;display:grid;grid-template-columns:1fr 1fr;column-gap:64px;align-items:end}#wereplai-panel .intro .eyebrow{grid-column:1/-1}#wereplai-panel .intro .body{margin:0;max-width:55ch}.panel-tablist{justify-content:space-between;gap:6px}.panel-tab{flex:1 0 auto}.demo-row{grid-template-columns:minmax(0,1fr) 310px;gap:64px;align-items:center;padding:28px 0}}
@media(prefers-reduced-motion:reduce){.panel-slide:not([hidden]){animation:none}}

/* Indicador de pestaña, espacio de lectura y demos diferenciadas. */
#wereplai-panel .intro{display:block;max-width:760px;margin:0 0 40px}
#wereplai-panel .intro .body{margin-top:24px;max-width:65ch}
.panel-tablist{position:relative;gap:4px;padding:8px 12px 12px;margin-bottom:24px;background:var(--petrol-xdk);border-radius:7px;scrollbar-width:none}
.panel-tablist::-webkit-scrollbar{display:none}
.panel-tab{position:relative;border:0;border-radius:0;background:transparent;color:#dbe7e7;padding:12px 16px;flex:0 0 auto}
.panel-tab:hover,.panel-tab[aria-selected="true"]{background:transparent;color:white}
.panel-tab[aria-selected="true"]{font-weight:700}
.panel-tab-indicator{position:absolute;left:0;bottom:10px;height:3px;width:0;background:#b9ded0;border-radius:2px;transition:transform .3s ease,width .3s ease;pointer-events:none}
.panel-tab:focus-visible{outline:2px solid #b9ded0;outline-offset:-2px}
.panel-foot{margin-top:18px}
.demo-cards{display:grid;gap:20px}
.demo-row{display:flex;flex-direction:column;gap:20px;padding:28px 24px;border:1px solid #d1d8cd;border-radius:8px;background:#f7faf6}
.demo-row+.demo-row{border:1px solid #d1d8cd;background:#f7faf6}
.demo-card-title{display:flex;align-items:center;gap:12px}
.demo-card-title h3{font-size:23px;line-height:1.25;letter-spacing:-.025em}
.demo-card-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border-radius:50%;background:var(--aqua);color:var(--petrol)}
.demo-business .demo-card-icon{background:var(--aqua);color:var(--petrol)}
.demo-card-icon .ico{width:23px;height:23px}
.demo-row .body strong{color:var(--ink);font-weight:600}
.demo-action{margin-top:auto;padding-top:4px}
.demo-action .btn{min-height:56px}
.band-dark .demo-note{margin:28px auto 0;max-width:80ch;text-align:center}
@media(min-width:768px){.demo-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.demo-row{padding:32px;gap:24px}}
@media(min-width:1024px){#wereplai-panel .intro{margin-bottom:48px}.panel-tablist{justify-content:center;gap:10px;padding-inline:24px;margin-bottom:32px}.panel-tab{flex:1 0 auto}.contact-options{padding-top:34px}}
@media(prefers-reduced-motion:reduce){.panel-tab-indicator{transition:none}}
.demo-heading{margin-bottom:28px}
.demo-row{align-items:stretch}
@media(max-width:639px){.demo-row{padding:26px 20px}.demo-action .btn{font-size:14px;padding-inline:12px;gap:8px}.demo-action .btn .ico{width:18px;height:18px;flex:0 0 18px}}

/* Escala de lectura móvil coherente con pasos y soporte. */
@media(max-width:639px){
 .demo-card-title h3{font-size:20px}
 .demo-card-icon{width:36px;height:36px;flex-basis:36px}
 .demo-card-icon .ico{width:20px;height:20px}
 .demo-row{padding:24px 20px;gap:18px}
 .demo-row .body,.conversation-copy .body{font-size:16px;line-height:1.65}
 .conversation-response{font-size:18px;line-height:1.5}
}

/* Apertura completa en escritorio y botones de demo uniformes. */
@media(min-width:1024px){
 .hero{min-height:calc(100svh - 104px);display:flex;align-items:center}
}
.demo-action .btn,.demo-action .btn:disabled{
 appearance:none;-webkit-appearance:none;background:var(--petrol-xdk);color:#fff;-webkit-text-fill-color:#fff;opacity:1
}
@media(hover:none){
 .demo-action .btn:hover,.demo-action .btn:active{background:var(--petrol-xdk);color:#fff}
}
@media(hover:hover){
 .demo-action .btn:not(:disabled):hover{background:var(--petrol)}
}


/* Home: neutral brand palette and its own discovery-oriented composition. */
:root{--paper:#fcfaf7;--sand:#f1f3ef;--accent:#bad8ce;--aqua:#eaf2ef;--blue:#edf3f3}
.home-hero{background:var(--paper)}.home-hero .hero-grid{display:grid;gap:40px}.home-hero .hero-text{text-align:left;max-width:none}.home-hero .h1{max-width:20ch;margin:0}.home-hero .lead{max-width:56ch;margin-left:0}.home-hero .chat-demo{margin:0;background:var(--aqua);padding:28px 22px;align-self:center}.home-hero .media-caption{text-align:center;max-width:30ch;font-size:12px}.home-hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:20px;margin-top:28px}.home-hero .hero-cta{margin:0}.home-text-link{font-size:15px;text-align:center;text-decoration:underline;text-underline-offset:4px;color:var(--petrol)}
.home-sectors{background:white}.sector-grid{display:grid;gap:20px;margin-top:32px}.sector-card{display:flex;flex-direction:column;overflow:hidden;border-radius:8px;border:1px solid var(--line);background:var(--sector-bg);transition:transform .2s}.sector-card:hover{transform:translateY(-3px)}.sector-card img{width:100%;height:190px;object-fit:cover;object-position:center 42%}.sector-card-copy{padding:24px;display:flex;flex-direction:column;gap:14px;flex:1}.sector-card h3{font-size:23px;line-height:1.25;letter-spacing:-.03em}.sector-card p{font-size:16px;line-height:1.65;color:var(--ink-2)}.sector-link{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:auto;padding-top:8px;font-size:14px;font-weight:700;color:var(--petrol)}.sector-peluquerias{--sector-bg:#ede7df}.sector-estetica{--sector-bg:#f5e9dd}.sector-fisioterapeutas{--sector-bg:#e4efea}.sector-talleres{--sector-bg:#e9edf0}.other-sector{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:24px;padding:28px;background:var(--aqua);border-radius:6px}.other-sector h3{font-size:22px}.other-sector p{font-size:16px;line-height:1.6;margin-top:8px;color:var(--ink-2)}.other-sector>.ico{flex-shrink:0;color:var(--petrol)}
.home-benefits{background:var(--paper)}.home-value-grid{display:grid;gap:32px;margin-top:36px}.home-value-grid article{border-top:1px solid var(--line);padding-top:24px}.home-value-grid .ico{color:var(--petrol);width:28px;height:28px;margin-bottom:20px}.home-value-grid .h3{font-size:23px}.home-value-grid .body{font-size:16px;margin-top:14px}
.home-demos{background:var(--aqua)}.home-demo-grid{display:grid;gap:24px;margin-top:32px}.home-demos .demo-row{background:var(--paper);border-color:var(--line)}.home-demo-actions{margin-top:auto;display:grid;gap:12px;padding-top:8px}.home-demo-actions .btn{font-size:14px;gap:8px;padding-inline:12px}.home-demo-actions .ico{flex-shrink:0;width:18px;height:18px}.home-demos .demo-note{text-align:center;max-width:80ch;margin:28px auto 0}.home-demos .demo-card-title h3{font-size:21px}.home-demos .demo-card-icon{flex:0 0 36px;width:36px;height:36px}.home-demos .body{font-size:16px}.plan-actions .btn-primary:hover{background:var(--accent);filter:brightness(1.05)}
@media(min-width:640px){.sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-hero-actions{align-items:flex-start}.home-text-link{min-height:44px;display:flex;align-items:center}}
@media(min-width:1024px){.home-hero{min-height:calc(100svh - 104px)}.home-hero .hero-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:80px;align-items:center}.home-hero .h1{font-size:56px;max-width:18ch}.home-hero .hero-sector{text-align:left;margin-left:0}.home-hero .chat-demo{width:100%;max-width:440px;justify-self:end}.home-hero .phone{width:240px}.home-hero-actions{flex-direction:row;align-items:center;gap:24px}.sector-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sector-card-copy{padding:24px 20px}.sector-card h3{font-size:22px}.home-value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.home-demo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.home-demos .demo-row{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){.sector-card{transition:none}}
.home-sectors .sector-card,.home-sectors .other-sector{color:var(--ink);text-decoration:none}.sector-card:hover .sector-link,.other-sector:hover h3{text-decoration:underline;text-underline-offset:4px}.sector-card:focus-visible,.other-sector:focus-visible{outline:3px solid var(--petrol);outline-offset:4px}


/* Home refinements: viewport opening and readable desktop measure. */
@media(max-width:1023px){
 .home-hero{padding-top:0}
 .home-hero .hero-grid{gap:0}
 .home-hero .hero-text{box-sizing:border-box;padding-block:40px}
 .home-demos .demo-note{font-size:13px;line-height:1.6}
}
@media(min-width:1024px){
 .home-hero .h1{font-size:60px}
 .home-page .sector-card p,.home-page .other-sector p,.home-value-grid .body,.home-demos .body{font-size:17px}
 .home-page #wereplai-panel .intro,.home-page #como-funciona>.wrap>.intro{max-width:1040px}
 .home-page #wereplai-panel .intro .body,.home-page #como-funciona>.wrap>.intro .body{font-size:18px;max-width:100%;text-wrap:pretty}
 .home-demos .demo-note{font-size:14px;line-height:1.6}
}


/* Allow the setup introduction to use the available desktop width. */
@media (min-width:1024px){
 .home-page #como-funciona>.wrap>.intro{max-width:none}
 .home-page #como-funciona>.wrap>.intro>.body{max-width:none;text-wrap:wrap}
}

/* Home: trial and assisted transfer. */
.home-hero-actions {gap:8px}
.home-trial {display:grid;gap:4px;text-align:center}
.home-trial small {font-size:13px;color:var(--ink-2)}
.home-demo-link {display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:16px;font-weight:700;text-underline-offset:4px}
.home-transfer {background:var(--paper)}
.transfer-grid {display:grid;gap:28px;align-items:center}
.home-transfer .h2 {max-width:25ch}
.home-transfer .body {margin:18px 0 24px;max-width:55ch}
.home-transfer img {width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:8px}
@media (max-width:639px) {
  .home-page .header-bar {min-height:60px}
  .home-hero .hero-sector {display:none}
  .home-hero .hero-text {padding-block:28px 22px}
  .home-hero .h1 {font-size:clamp(32px,9vw,40px);line-height:1.09}
  .home-hero .lead {font-size:16px;line-height:1.4;margin-top:12px}
  .home-hero-actions {margin-top:16px;gap:2px}
  .home-trial .btn {min-height:48px;padding:11px 16px}
}
@media (min-width:760px) {
  .transfer-grid {grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,88px)}
  .home-transfer img {aspect-ratio:4/3}
}
@media (min-width:1024px) {
  .home-hero-actions {align-items:flex-start;gap:28px}
  .home-demo-link {min-height:54px}
}

/* Keep the first-visit choices and home actions visible on shorter phones. */
@media (max-width:639px) {
  .home-page #cc-main .cm .cm__btns {padding:8px 12px}
  .home-page #cc-main .cm .cm__btn-group {display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .home-page #cc-main .cm .cm__btn-group:has(>button:only-child) {grid-template-columns:1fr}
  .home-page #cc-main .cm .cm__btn {margin:0!important;min-height:44px;padding:6px;font-size:13px}
  .home-page #cc-main .cm .cm__title {padding-top:10px;font-size:16px;line-height:1.2}
  .home-page #cc-main .cm .cm__desc {padding-top:6px;padding-bottom:10px;font-size:13px;line-height:1.4}
}
@media (min-width:1024px) and (max-height:800px) {
  .home-hero .hero-text {transform:translateY(-18px)}
  .home-hero {padding-block:24px}
  .home-hero .chat-demo {padding-block:18px}
}

/* Home sections and the transition from setup to ongoing support. */
.home-benefits {background:#f5f0e9}
.home-page #wereplai-panel {background:#deede8}
.home-page .home-demos {background:#e3efeb}
.home-page .home-transfer {background:#f5f0e9}
.home-page #contacto {background:#deede8}
.home-page .home-demo-actions a:nth-child(2) {background:white;border-color:#92aaa8;color:var(--petrol-xdk)}
.home-page .home-demo-actions a:nth-child(2):hover {background:#eef5f2}
.home-page .support {display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:12px 20px;padding:26px 0 0;border-top:1px solid #b4c9c3;border-radius:0;background:transparent}
.support-mark {width:48px;height:48px;display:grid;place-items:center;background:#e0eee8;color:var(--petrol);border-radius:50%}
.support-mark .ico {width:25px;height:25px}
.support-copy .h3 {margin:0;text-align:left}
.support-copy p {margin:12px 0 0;font-size:16px;color:var(--ink-2)}
.home-page .support-cta {grid-column:2;width:fit-content;max-width:100%;margin:4px 0 0}
.home-page .offer-title {font-size:clamp(46px,7vw,84px);line-height:1.08;letter-spacing:-.05em}
.offer-terms {margin:12px 0;color:#d0ece1;font-weight:700;font-size:16px}
.offer-price {max-width:30ch;font-size:18px;color:white}
.home-page .plan-actions {align-self:start}
@media(min-width:1024px) {
  .home-page .support {grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:24px;padding:32px;background:#eef5f1;border-radius:8px}
  .home-page .support-cta {grid-column:3;margin:0}
}
@media(max-width:639px) {
  .home-page .header-bar {border-bottom:1px solid #e2e8e4}
  .home-hero .hero-text {padding-block:30px 18px;margin:0}
  .home-hero .hero-sector {display:block;text-align:left;margin:0 0 12px;font-size:11px;color:#40655f}
  .home-hero .h1 {font-size:clamp(34px,9.25vw,42px);line-height:1.1;text-wrap:balance;letter-spacing:-.048em}
  .home-hero .lead {margin-top:16px;line-height:1.5;max-width:36ch}
  .home-hero-actions {margin-top:20px;align-items:stretch;gap:3px}
  .home-trial {gap:8px}
  .home-trial .btn {min-height:52px;font-size:17px}
  .home-trial small {color:#354e4b;font-size:14px;font-weight:600}
  .home-demo-link {align-self:center;font-size:15px}
  .home-hero .chat-demo {border-radius:12px;background:#dcebe5;padding:22px 16px 15px;gap:12px}
  .home-hero .phone {width:min(100%,240px)}
  .home-page .section {padding-block:52px}
  .home-page #wereplai-panel {padding-block:52px}
  .home-page .plan {gap:22px}
  .home-page .plan-actions {grid-row:2}
  .home-page .plan-body {padding-top:22px;border-top:1px solid #ffffff42}
}
@media(max-width:639px) and (max-height:770px) {
  html.show--consent .home-hero .hero-sector {display:none}
  html.show--consent .home-hero .hero-text {padding-top:10px}
  html.show--consent .home-hero .h1 {font-size:32px}
  html.show--consent .home-hero .lead {margin-top:8px;font-size:16px;line-height:1.4}
  html.show--consent .home-hero-actions {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:12px}
  html.show--consent .home-trial {gap:3px}
  html.show--consent .home-trial .btn {font-size:15px;padding-inline:6px;min-height:46px}
  html.show--consent .home-trial small {font-size:12px}
  html.show--consent .home-demo-link {align-self:start}
}