/* Copyter Bento - secciones de la home. Cargar despues de copyter-bento.css */
:root{--c-night:#1e1e2d;--c-onnight:#fff;--c-tile:#fff}
#how-it-works-wrapper,#features-wrapper,#who-for-wrapper,#reviews-wrapper,#prices-wrapper,#faq-wrapper{background:var(--c-surf)!important;background-image:none!important;--c-tile:#fff}
#who-for-wrapper,#prices-wrapper{background:#fff!important;--c-tile:var(--c-surf)}
#how-it-works-wrapper .title p.m-2,#features-wrapper .title p.m-2,#who-for-wrapper .title p.m-2,#reviews-wrapper .title p.m-2,#prices-wrapper .title p.m-2,#faq-wrapper .title p.m-2{display:inline-block!important;background:var(--c-soft)!important;color:var(--c-bs)!important;font:600 12px/16px Inter,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase!important;padding:6px 14px!important;border-radius:999px!important;margin:0 0 14px!important}
.title h2{font:700 clamp(28px,3.6vw,40px)/1.12 Inter,sans-serif!important;letter-spacing:-.025em!important;color:var(--c-ink)!important}
.title h2 span,.title h2 mark,.title h2 em{color:var(--c-bs)!important;background:none!important}
.section-sub{color:var(--c-mut)!important;font:400 17px/1.6 Poppins,sans-serif!important}
.step-flow-item{background:var(--c-tile)!important;border:1px solid var(--c-line)!important;border-radius:24px!important;padding:28px 24px!important;box-shadow:none!important}
.step-flow-icon{background:var(--c-soft)!important;color:var(--c-bs)!important;border-radius:16px!important;box-shadow:none!important}
.step-flow-icon svg{color:var(--c-bs)!important;stroke:currentColor}
.step-flow-item h3,.step-flow-item h4{font:600 20px/28px Inter,sans-serif!important;color:var(--c-ink)!important}
.step-flow-item p{color:var(--c-mut)!important}
.solution{background:var(--c-tile)!important;border:1px solid var(--c-line)!important;border-radius:24px!important;padding:24px!important;box-shadow:none!important}
.solution-icon,.solution-logo{background:var(--c-soft)!important;color:var(--c-bs)!important;border-radius:14px!important}
.solution-icon svg{color:var(--c-bs)!important;stroke:currentColor}
.solution h3,.solution h4{font:600 18px/26px Inter,sans-serif!important;color:var(--c-ink)!important}
.solution p{color:var(--c-mut)!important}
.solution-photo-wrapper{border-radius:32px!important;overflow:hidden!important;border:1px solid var(--c-line)!important;box-shadow:var(--c-sh)!important}
.solution-photo-badge{background:var(--c-acc)!important;color:var(--c-onacc)!important;border-radius:999px!important;font:600 13px/18px Inter,sans-serif!important}
.solution-photo-badge-icon{color:var(--c-onacc)!important}
.who-card{background:var(--c-tile)!important;border:1px solid var(--c-line)!important;border-radius:24px!important;box-shadow:none!important}
.who-icon{background:var(--c-soft)!important;color:var(--c-bs)!important;border-radius:14px!important}
.who-icon svg{color:var(--c-bs)!important;stroke:currentColor}
.who-card h3,.who-card h4{font:600 18px/26px Inter,sans-serif!important;color:var(--c-ink)!important}
.who-card p{color:var(--c-mut)!important}
.review-card-scroll{background:var(--c-tile)!important;border:1px solid var(--c-line)!important;border-radius:24px!important;box-shadow:none!important;padding:24px!important}
.review-text{color:var(--c-ink)!important;font:400 15px/24px Poppins,sans-serif!important}
.reviewer-portrait{border-radius:50%!important;border:2px solid var(--c-soft)!important}
.reviewer-stars,.reviewer-stars *{color:var(--c-bs)!important;fill:var(--c-bs)}
.review-card-scroll h3,.review-card-scroll h4,.review-card-scroll strong{font-family:Inter,sans-serif!important;color:var(--c-ink)!important}
#prices-wrapper .tabs-menu ul.nav{display:inline-flex!important;background:var(--c-surf)!important;border:1px solid var(--c-line)!important;border-radius:999px!important;padding:4px!important;gap:4px}
#prices-wrapper .tabs-menu ul.nav a{border-radius:999px!important;font:600 13px/18px Inter,sans-serif!important;color:var(--c-mut)!important;padding:8px 18px!important;background:transparent!important}
#prices-wrapper .tabs-menu ul.nav a.active{background:var(--c-pri)!important;color:var(--c-onpri)!important}
#prices-wrapper .prices-responsive .card{background:var(--c-tile)!important;border:1px solid var(--c-line)!important;border-radius:24px!important;box-shadow:none!important}
#prices-wrapper .plan{font:600 14px/20px Inter,sans-serif!important;color:var(--c-bs)!important;text-transform:uppercase;letter-spacing:.06em}
#prices-wrapper .plan-cost{font:700 44px/1 Inter,sans-serif!important;color:var(--c-ink)!important}
.plan-featured{background:var(--c-acc)!important;color:var(--c-onacc)!important;border-radius:999px!important;font:600 12px/16px Inter,sans-serif!important;padding:5px 12px!important}
.btn-primary-pricing{background:var(--c-pri)!important;color:var(--c-onpri)!important;border:0!important;border-radius:999px!important;font:600 15px/20px Inter,sans-serif!important;padding:13px 26px!important;box-shadow:none!important;background-image:none!important}
#prices-wrapper li{color:var(--c-ink)}
#faq-wrapper .card{background:var(--c-tile)!important;border:1px solid var(--c-line)!important;border-radius:20px!important;box-shadow:none!important}
#faq-wrapper .card-header{background:transparent!important;border:0!important}
#faq-wrapper .card-header h3{font:600 17px/24px Inter,sans-serif!important;color:var(--c-ink)!important}
#faq-wrapper .card-body{color:var(--c-mut)!important;font:400 15px/24px Poppins,sans-serif!important}
#site-footer{background:var(--c-night)!important;color:var(--c-onnight)!important}
#site-footer a,#site-footer p,#site-footer h3,#site-footer h4,#site-footer span{color:inherit}
#site-footer .sf-tagline,#site-footer .sf-col a,#site-footer .sf-copy{color:#a3a9bd!important}
#site-footer .sf-col a:hover{color:#fff!important}
#site-footer .sf-highlight{color:var(--c-acc)!important}
#site-footer .sf-cta-btn{background:var(--c-acc)!important;color:var(--c-onacc)!important;border-radius:999px!important;border:0!important;font:600 15px/20px Inter,sans-serif!important;background-image:none!important}
#site-footer .sf-cta-btn svg{color:var(--c-onacc)!important}
html body #how-it-works-wrapper,html body #features-wrapper,html body #reviews-wrapper,html body #faq-wrapper{background:var(--c-surf)!important;background-image:none!important}
html body #who-for-wrapper,html body #prices-wrapper{background:#fff!important;background-image:none!important}
.solution-logo{background:none!important;border-radius:0!important}
.solution-icon{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px}
.reviewer-stars svg,.reviewer-stars path{fill:var(--c-bs)!important}
a.special-action-button.btn-primary,a.special-action-button.btn-sky{background:var(--c-pri)!important;background-image:none!important;color:var(--c-onpri)!important;border:0!important;border-radius:999px!important;box-shadow:none!important;font:600 15px/20px Inter,sans-serif!important}
a.special-action-button:hover{filter:brightness(1.08)}
.customer-avatars{background:var(--c-raised)!important;border:1px solid var(--c-line)!important;box-shadow:none!important;border-radius:999px!important;color:var(--c-mut)!important}
/* ===== Alineacion tipografica y de color con el sistema de diseno (escala DS) ===== */
html body section .title p.m-2{font:600 12px/16px Inter,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:var(--c-bs)!important;background:var(--c-soft)!important}
html body section .title h2,html body section .title h2 *{font-family:Inter,sans-serif!important;font-weight:700!important;letter-spacing:-.025em!important}
html body section .title h2{font-size:clamp(28px,3.4vw,36px)!important;line-height:1.17!important;color:var(--c-ink)!important}
html body section .title h2 span,html body section .title h2 mark,html body section .title h2 em{color:var(--c-bs)!important;font-size:inherit!important;line-height:inherit!important;background:none!important}
html body section .title p.section-sub,html body section p.section-sub{font:400 18px/28px Poppins,sans-serif!important;color:var(--c-mut)!important;letter-spacing:0!important}
html body .step-flow-item h3,html body .solution h3,html body .who-card h3,html body .step-flow-item h4,html body .solution h4,html body .who-card h4{font:600 20px/28px Inter,sans-serif!important;color:var(--c-ink)!important;letter-spacing:0!important;text-transform:none!important}
html body .step-flow-item p,html body .solution p,html body .who-card p{font:400 14px/22px Poppins,sans-serif!important;color:var(--c-mut)!important;text-transform:none!important}
html body .who-swipe-hint{font:400 12px/18px Poppins,sans-serif!important;color:var(--c-mut)!important}
html body .review-text{font:400 14px/22px Poppins,sans-serif!important;color:var(--c-ink)!important}
html body .review-card-scroll *:not(svg):not(path):not(img):not(.review-text){font-family:Inter,sans-serif}
html body #prices-wrapper,html body #prices-wrapper *{text-transform:none!important;letter-spacing:0!important}
html body #prices-wrapper .plan{font:600 12px/16px Inter,sans-serif!important;color:var(--c-bs)!important;text-transform:uppercase!important;letter-spacing:.06em!important}
html body #prices-wrapper .plan-cost{font:700 44px/48px Inter,sans-serif!important;color:var(--c-ink)!important}
html body #prices-wrapper .plan-cost span,html body #prices-wrapper .plan-cost .fs-12{font:500 14px/20px Poppins,sans-serif!important;color:var(--c-mut)!important}
html body #prices-wrapper p,html body #prices-wrapper p.fs-12,html body #prices-wrapper p.text-center{font:400 14px/22px Poppins,sans-serif!important;color:var(--c-mut)!important}
html body #prices-wrapper li,html body #prices-wrapper li.fs-13{font:400 14px/22px Poppins,sans-serif!important;color:var(--c-ink)!important}
html body #prices-wrapper .tabs-menu ul.nav a{font:600 14px/20px Inter,sans-serif!important}
html body #prices-wrapper .btn-primary-pricing,html body #prices-wrapper a.btn{font:600 14px/20px Inter,sans-serif!important;color:var(--c-onpri)!important}
html body #prices-wrapper .plan-featured{font:600 12px/16px Inter,sans-serif!important;color:var(--c-onacc)!important}
html body #faq-wrapper .card-header h3,html body #faq-wrapper .card-header h3 *,html body #faq-wrapper .faq-button{font:600 16px/24px Inter,sans-serif!important;color:var(--c-ink)!important;text-transform:none!important;letter-spacing:0!important;text-align:left}
html body #faq-wrapper .card-body,html body #faq-wrapper .card-body *{font:400 14px/22px Poppins,sans-serif!important;color:var(--c-mut)!important}
html body #site-footer h2{font:700 clamp(28px,3.4vw,36px)/1.17 Inter,sans-serif!important;letter-spacing:-.025em!important;color:#fff!important}
html body #site-footer .sf-cta p{font:400 18px/28px Poppins,sans-serif!important;color:#a3a9bd!important}
html body #site-footer h3,html body #site-footer .sf-col h3,html body #site-footer .sf-col h4{font:600 12px/16px Inter,sans-serif!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#fff!important}
html body #site-footer li,html body #site-footer li a,html body #site-footer .sf-col a,html body #site-footer .sf-tagline,html body #site-footer .sf-copy,html body #site-footer .local-menu *,html body #site-footer .nav-link{font:400 14px/22px Poppins,sans-serif!important;color:#a3a9bd!important}
html body #site-footer .sf-col a:hover{color:#fff!important}
html body #site-footer .sf-highlight{font-weight:600!important;color:var(--c-acc)!important}
html body #site-footer .sf-cta-btn{color:var(--c-onacc)!important;font:600 14px/20px Inter,sans-serif!important}
/* refuerzo de especificidad por seccion */
html body :is(#how-it-works-wrapper,#features-wrapper,#who-for-wrapper,#reviews-wrapper,#prices-wrapper,#faq-wrapper) .title p.m-2{color:var(--c-bs)!important;font:600 12px/16px Inter,sans-serif!important}
html body :is(#how-it-works-wrapper,#features-wrapper,#who-for-wrapper,#reviews-wrapper,#prices-wrapper,#faq-wrapper) h2{font:700 clamp(28px,3.4vw,36px)/1.17 Inter,sans-serif!important;letter-spacing:-.025em!important;color:var(--c-ink)!important}
html body :is(#how-it-works-wrapper,#features-wrapper,#who-for-wrapper,#reviews-wrapper,#prices-wrapper,#faq-wrapper) h2 span{font:inherit!important;color:var(--c-bs)!important}
html body :is(#how-it-works-wrapper,#features-wrapper,#who-for-wrapper,#reviews-wrapper,#prices-wrapper,#faq-wrapper) p.section-sub{font:400 18px/28px Poppins,sans-serif!important;color:var(--c-mut)!important}
html body :is(#how-it-works-wrapper,#features-wrapper,#who-for-wrapper) :is(h3,h4){font:600 20px/28px Inter,sans-serif!important;color:var(--c-ink)!important}
html body #reviews-wrapper .review-text{font:400 14px/22px Poppins,sans-serif!important;color:var(--c-ink)!important}
html body #features-wrapper strong{font:600 13px/18px Inter,sans-serif!important}
html body #site-footer h2{font:700 clamp(28px,3.4vw,36px)/1.17 Inter,sans-serif!important;color:#fff!important}
html body #site-footer .sf-highlight{font-size:14px!important}
/* especificidad superior a las reglas en linea de la home */
html body :is(#how-it-works-wrapper,#features-wrapper,#who-for-wrapper,#reviews-wrapper,#prices-wrapper,#faq-wrapper) .title h2{font:700 clamp(28px,3.4vw,36px)/1.17 Inter,sans-serif!important;letter-spacing:-.025em!important;color:var(--c-ink)!important}
html body :is(#how-it-works-wrapper,#features-wrapper,#who-for-wrapper,#reviews-wrapper,#prices-wrapper,#faq-wrapper) .title h2 span{font:inherit!important;letter-spacing:inherit!important;color:var(--c-bs)!important}
html body :is(#how-it-works-wrapper,#features-wrapper,#who-for-wrapper,#reviews-wrapper,#prices-wrapper,#faq-wrapper) .title p.section-sub{font:400 18px/28px Poppins,sans-serif!important;color:var(--c-mut)!important}
html body #who-for-wrapper .who-grid .who-card h3{font:600 20px/28px Inter,sans-serif!important;color:var(--c-ink)!important}
html body #who-for-wrapper .who-grid .who-card p{font:400 14px/22px Poppins,sans-serif!important;color:var(--c-mut)!important}
html body #main-wrapper a.special-action-button.btn-sky,html body #main-wrapper a.btn-sky.special-action-button.btn-primary{background:var(--c-pri)!important;background-image:none!important;color:var(--c-onpri)!important;border:0!important;border-radius:999px!important;box-shadow:none!important;font:600 15px/20px Inter,sans-serif!important;text-transform:none!important}
html body #main-wrapper .customer-avatars{background:var(--c-raised)!important;background-image:none!important;border:1px solid var(--c-line)!important;box-shadow:none!important;border-radius:999px!important;color:var(--c-mut)!important;font:500 13px/18px Inter,sans-serif!important}
html body #main-wrapper .customer-avatars *{font:inherit!important;color:inherit!important}
/* iconos Font Awesome: conservar su fuente (faq y resenas) */
html body :is(#faq-wrapper,#reviews-wrapper,#prices-wrapper,#features-wrapper,#how-it-works-wrapper,#who-for-wrapper) i.fa-solid,html body :is(#faq-wrapper,#reviews-wrapper,#prices-wrapper,#features-wrapper,#how-it-works-wrapper,#who-for-wrapper) .fa-solid{font-family:"Font Awesome 6 Pro"!important;font-weight:900!important;font-style:normal!important}
html body :is(#faq-wrapper,#reviews-wrapper,#prices-wrapper) i.fa-regular{font-family:"Font Awesome 6 Pro"!important;font-weight:400!important;font-style:normal!important}
html body #faq-wrapper .faq-button i{color:var(--c-bs)!important;font-size:16px!important;margin-right:10px!important;line-height:1!important;vertical-align:-1px}
html body #faq-wrapper .faq-button{display:flex!important;align-items:flex-start!important;gap:0;padding:6px 12px 6px 0!important}
html body #faq-wrapper .faq-button i{flex:none;width:20px;text-align:center}
/* movil */
@media (max-width:575px){
html body #main-wrapper .static-headline{font-size:32px!important;line-height:1.15!important}
html body #main-wrapper .static-headline .headline-mark{display:inline!important;padding:.04em .22em!important;border-radius:10px!important;box-decoration-break:clone;-webkit-box-decoration-break:clone}
html body .hero-subheadline{font-size:16px!important;line-height:24px!important}
html body #openai-form .chat-controllers{flex-wrap:wrap!important;border-radius:28px!important;padding:14px 14px 10px 20px!important;gap:6px!important;row-gap:8px!important}
html body #openai-form #message{flex:1 1 100%!important;width:100%!important;min-height:48px!important;padding:2px 0 6px!important}
html body #openai-form .chat-button-box{margin-left:auto!important}
html body #openai-form #chat-button{padding:11px 20px!important;font-size:14px!important}
html body .bento-chips{margin-top:16px}
html body #main-wrapper .customer-avatars{font-size:12px!important;max-width:100%}
}
@media (max-width:575px){
html body #main-wrapper .static-headline .headline-mark{background:none!important;color:var(--c-bs)!important;padding:0!important}
html body #openai-form #message{height:56px!important;min-height:56px!important;max-height:120px!important}
html body #openai-form .chat-main-container,html body #openai-form .card:not(.msg){border:0!important;box-shadow:none!important;background:transparent!important}
}
html body #prices-wrapper .btn.btn-primary-pricing,html body #prices-wrapper .tabs-menu ul li a.active{background:var(--c-pri)!important;background-color:var(--c-pri)!important;color:var(--c-onpri)!important;border-radius:999px!important}
html body #prices-wrapper .plan-cost{display:flex!important;align-items:baseline!important;justify-content:flex-start;gap:6px;flex-wrap:nowrap!important;white-space:nowrap}
html body #reviews-wrapper .reviewer-stars i.fa-star,html body #reviews-wrapper .reviewer-stars i.filled{color:var(--c-bs)!important}
html body #faq-wrapper .faq-button i{margin-top:3px}
html body #prices-wrapper .prices-responsive .card .plan,html body #prices-wrapper .card div.plan{color:var(--c-bs)!important;font:600 12px/16px Inter,sans-serif!important;text-transform:uppercase!important;letter-spacing:.06em!important}
@media (max-width:575px){
html body #prices-wrapper .prices-responsive .card.p-5{padding:24px 22px!important}
html body #prices-wrapper .plan-cost{font-size:38px!important;line-height:42px!important}
html body #prices-wrapper .plan-cost span,html body #prices-wrapper .plan-cost .fs-12{font-size:13px!important}
html body #prices-wrapper .card p.text-center,html body #prices-wrapper .card .action-button{text-align:left!important}
html body #prices-wrapper .card .action-button a.btn{display:block;text-align:center!important}
html body #prices-wrapper .prices-responsive{padding-left:0!important;padding-right:0!important}
}
html body #prices-wrapper .plan .plan-title,html body #prices-wrapper .card .plan-title{font:600 12px/16px Inter,sans-serif!important;color:var(--c-bs)!important;text-transform:uppercase!important;letter-spacing:.06em!important}
/* QA: contraste, sombras y espaciados */
html body .solution-photo-badge strong,html body .solution-photo-badge small,html body .solution-photo-badge span{color:var(--c-onacc)!important;font-family:Inter,sans-serif!important}
html body .solution-photo-badge small{font-size:12px!important;font-weight:500!important}
html body .who-icon,html body .step-flow-icon,html body .solution-icon{box-shadow:none!important;filter:none!important}
html body .who-card,html body .step-flow-item,html body .solution{filter:none!important}
html body .reviewer-name{font:600 15px/22px Inter,sans-serif!important;color:var(--c-ink)!important}
html body .reviewer-title{font:400 13px/18px Poppins,sans-serif!important;color:var(--c-mut)!important}
@media (max-width:767px){
html body :is(#how-it-works-wrapper,#features-wrapper,#who-for-wrapper,#reviews-wrapper,#prices-wrapper,#faq-wrapper) .title{padding-left:20px!important;padding-right:20px!important}
html body #features-wrapper .mt-7{margin-top:0!important}
html body #features-wrapper .col-sm-12.mb-6{margin-bottom:16px!important}
html body #features-wrapper .solution{height:auto!important}
html body :is(#how-it-works-wrapper,#features-wrapper,#who-for-wrapper,#reviews-wrapper,#prices-wrapper,#faq-wrapper){padding-top:48px!important;padding-bottom:48px!important}
html body #site-footer h2{padding:0 8px}
}
html body #main-wrapper #chat-system.chat-message-container,html body #main-wrapper .chat-message-container#chat-system{border:0!important;box-shadow:none!important;background:transparent!important}
html body #main-wrapper .happy-customers{background:var(--c-raised)!important;border:1px solid var(--c-line)!important;box-shadow:none!important;border-radius:999px!important}
html body #main-wrapper .happy-customers *{color:var(--c-mut)!important}
/* FAQ: viñeta lateral visible y tarjetas con el radio del sistema */
html body section#faq-wrapper .container .row .card{border-radius:20px!important;background:var(--c-tile)!important;border:1px solid var(--c-line)!important;box-shadow:none!important;overflow:hidden}
html body section#faq-wrapper .card .card-header{position:relative;padding:14px 20px 14px 28px!important}
html body section#faq-wrapper .card .card-header::before{content:""!important;position:absolute!important;left:0!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:4px!important;height:24px!important;padding:0!important;border-radius:0 4px 4px 0!important;background:var(--c-acc)!important;opacity:1!important;display:block!important}
html body section#faq-wrapper .card .card-header:hover::before,html body section#faq-wrapper .card .card-header:has([aria-expanded=true])::before{height:32px!important;background:var(--c-pri)!important}
html body #faq-wrapper #accordion .card,html body #faq-wrapper div#accordion .card{border-radius:20px!important;overflow:hidden}
/* Barra del chat: sin recorte de sombra ni foco */
html body #main-wrapper .chat-main-container,html body #main-wrapper #chat-system.chat-message-container{overflow:visible!important}
html body #openai-form .chat-controllers{box-shadow:0 8px 24px rgba(30,30,45,.08)!important;transition:border-color .15s,box-shadow .15s}
html body #openai-form .chat-controllers:focus-within{outline:0!important;border-color:var(--c-pri)!important;box-shadow:0 0 0 3px rgba(0,98,204,.18),0 8px 24px rgba(30,30,45,.08)!important}
html body #openai-form #message:focus,html body #openai-form #message:focus-visible{outline:0!important;box-shadow:none!important;border:0!important}