–rep-green:#93F1C9;–rep-forest:#1E2F23;–rep-teal:#41999F;–rep-sun:#F7D450;
–rep-mint:#92F1CB;–rep-white:#FFFFFF;–rep-bg-light:#F7FBF9;
–rep-text-secondary:#3B4B45;–rep-text-tertiary:#547065;–rep-text-muted:#6B7D76;
–rep-border:#E6F3EF;
–rep-grad:linear-gradient(135deg,#93F1C9 0%,#41999F 50%,#2A6B70 100%);
–rep-shadow-sm:0 1px 2px 0 rgba(30,47,35,.05);
–rep-shadow-md:0 4px 6px -1px rgba(30,47,35,.10),0 2px 4px -1px rgba(30,47,35,.06);
–rep-shadow-lg:0 10px 15px -3px rgba(30,47,35,.10),0 4px 6px -2px rgba(30,47,35,.05);
–rep-font-display:’Sora’,system-ui,-apple-system,sans-serif;
–rep-font-body:’Inter’,system-ui,-apple-system,sans-serif;
–rep-radius-sm:8px;–rep-radius-md:12px;–rep-radius-lg:16px;
–rep-radius-xl:24px;–rep-radius-full:999px;
}
*,*::before,*::after{box-sizing:border-box;}
img{max-width:100%;height:auto;display:block;}
/* — RESETS (ausentes antes — evita doble bullet y estilos por defecto de WP/Astra) — */
.rpl ul,.rpl ol{list-style:none;margin:0;padding:0;}
.rpl a{text-decoration:none;color:inherit;}
.rpl button{cursor:pointer;border:none;background:none;font:inherit;}
.rpl{font-family:var(–rep-font-body);color:var(–rep-text-secondary);line-height:1.6;}
/* — HEADINGS: .rpl + !important = blindaje total contra Astra/Elementor.
Astra inyecta h3{font-size:1.625rem} y .entry-content :where(h3){…}
tanto en como en CSS dinámico inline. !important es la única garantía
de que NUNCA nos pisen, independientemente del orden de */
h1,.rpl h2,.rpl h3,.rpl h4{font-family:var(–rep-font-display)!important;color:var(–rep-forest);line-height:1.15!important;margin:0;}
h1{font-size:clamp(2.4rem,5vw,3.8rem)!important;font-weight:700!important;letter-spacing:-.02em;}
h1 span{color:var(–rep-green);font-weight:200;}
h1 small{color:#FFF!important; font-weight:700!important}
.rpl h2{font-size:clamp(1.8rem,3.5vw,2.5rem)!important;font-weight:600!important;}
.rpl h3{font-size:clamp(1.1rem,2vw,1.4rem)!important;font-weight:600!important;}
.rpl h4{font-size:clamp(.95rem,1.5vw,1.15rem)!important;font-weight:600!important;}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px;}
.kicker{display:inline-block;font:600 .8rem/1 var(–rep-font-body);text-transform:uppercase;letter-spacing:.08em;color:var(–rep-teal);margin-bottom:12px;}
.muted{color:var(–rep-text-muted);max-width:640px;}
.chip{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:var(–rep-radius-full);background:var(–rep-bg-light);border:1px solid var(–rep-border);font:500 .8rem/1 var(–rep-font-body);color:var(–rep-text-secondary);}
.chip–teal{background:rgba(65,153,159,.08);border-color:rgba(65,153,159,.25);color:var(–rep-teal);}
.chip–green{background:rgba(146,241,203,.12);border-color:rgba(146,241,203,.30);color:var(–rep-forest);}
.chip–sun{background:rgba(247,212,80,.12);border-color:rgba(247,212,80,.30);color:#6C5E1A;}
.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(–rep-radius-md);font:600 .95rem/1 var(–rep-font-body);transition:all .25s ease;min-height:48px;white-space:nowrap;text-decoration:none;}
.btn-primary{background:var(–rep-teal);color:#fff;}
.btn-primary:hover{background:#368F95;transform:translateY(-2px);box-shadow:var(–rep-shadow-md);}
.btn-accent{background:var(–rep-sun);color:var(–rep-forest);}
.btn-accent:hover{background:#f5cc3d;transform:translateY(-2px);box-shadow:var(–rep-shadow-md);}
.btn-outline{background:transparent;color:var(–rep-teal);border:1.5px solid var(–rep-teal);}
.btn-outline:hover{background:var(–rep-teal);color:#fff;}
.btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.25);}
.btn-ghost:hover{background:rgba(255,255,255,.2);color:white;}
.badge{display:inline-block;background:var(–rep-forest);color:var(–rep-green);padding:8px 16px;border-radius:var(–rep-radius-full);font:600 .8rem/1 var(–rep-font-body);}
.glow{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;will-change:transform;}
.tip{position:relative;display:inline;cursor:help;border-bottom:1.5px dotted currentColor;}
.tip::after{content:attr(data-tip);position:absolute;z-index:9999;width:max-content;max-width:260px;background:var(–rep-forest);color:var(–rep-green);border-radius:10px;padding:10px 14px;box-shadow:var(–rep-shadow-lg);left:50%;bottom:calc(100% + 10px);transform:translateX(-50%) translateY(4px);opacity:0;pointer-events:none;transition:all .18s ease;font:400 .82rem/1.5 var(–rep-font-body);white-space:normal;letter-spacing:0;text-transform:none;}
.tip:hover::after,.tip:focus::after{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;}
.tip::before{content:»;position:absolute;z-index:10000;bottom:calc(100% + 4px);left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(–rep-forest);opacity:0;transition:opacity .18s;}
.tip:hover::before,.tip:focus::before{opacity:1;}
.tip–light{border-color:rgba(255,255,255,.4);}
.tip–light::after{background:#fff;color:var(–rep-forest);}
.tip–light::before{border-top-color:#fff;}
/* — COMPARE TABLE TOOLTIPS (.rep-tipwrap / .rep-tip–sup / .rep-tooltip) — */
.rep-tipwrap{position:relative;display:inline-flex;align-items:center;vertical-align:middle;margin-left:4px;}
.rep-tip.rep-tip–sup{width:16px;height:16px;border-radius:50%;background:rgba(65,153,159,.12);border:1px solid rgba(65,153,159,.35);color:var(–rep-teal);font:700 .65rem/16px var(–rep-font-body);display:inline-flex;align-items:center;justify-content:center;cursor:help;flex-shrink:0;padding:0;letter-spacing:0;text-transform:none;transition:background .15s,color .15s,border-color .15s;}
.rep-tip.rep-tip–sup:hover,.rep-tip.rep-tip–sup:focus{background:var(–rep-teal);color:#fff;border-color:var(–rep-teal);outline:2px solid var(–rep-teal);outline-offset:1px;}
.rep-tooltip{position:absolute;z-index:9999;width:220px;background:var(–rep-forest);color:var(–rep-green);border-radius:8px;padding:8px 12px;font:400 .8rem/1.5 var(–rep-font-body);box-shadow:0 8px 24px rgba(30,47,35,.25);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease;white-space:normal;letter-spacing:0;text-transform:none;top:calc(100% + 6px);left:0;}
.rep-tipwrap:hover .rep-tooltip,.rep-tipwrap:focus-within .rep-tooltip{opacity:1;visibility:visible;pointer-events:auto;}
.rep-tipwrap[data-dir=»up»] .rep-tooltip{top:auto;bottom:calc(100% + 6px);}
/* — MOBILE: .tip tooltip viewport-safe positioning — */
@media(max-width:640px){
.tip::after{left:0;right:auto;transform:translateY(4px);max-width:min(220px,calc(100vw – 48px));}
.tip:hover::after,.tip:focus::after{transform:translateY(0);}
.tip::before{left:10px;transform:none;}
}
.highlight{background:linear-gradient(120deg,rgba(147,241,201,.3) 0%,rgba(65,153,159,.2) 100%);padding:2px 8px;border-radius:6px;}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .6s ease,transform .6s ease;}
.reveal.is-visible{opacity:1;transform:translateY(0);}
/* — 1. HERO — */
.hero{background:linear-gradient(165deg,#1E2F23 0%,#0F1A12 55%,#162B1F 100%);color:#fff;padding:160px 0 100px;position:relative;overflow:hidden;}
.hero::before{content:»»;position:absolute;inset:0;background:url(«data:image/svg+xml,%3Csvg width=’60’ height=’60’ xmlns=’http://www.w3.org/2000/svg’%3E%3Cpath d=’M0 30h60M30 0v60′ stroke=’%2393F1C9′ stroke-width=’.3′ opacity=’.06’/%3E%3C/svg%3E»);pointer-events:none;}
.hero::after{content:»»;position:absolute;top:-50%;right:-30%;width:80%;height:120%;background:radial-gradient(ellipse,rgba(65,153,159,.15) 0%,transparent 60%);pointer-events:none;}
.hero .wrap{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;}
.hero-content{max-width:560px;}
.hero h1{color:#fff;margin-bottom:20px;}
.hero h1 small{font-size:.45em;font-weight:400;color:rgba(255,255,255,.7);display:block;margin-top:8px;}
.hero-sub{font-size:1.1rem;color:rgba(255,255,255,.75);line-height:1.7;margin-bottom:32px;}
.hero-sub em{color:var(–rep-green);font-style:normal;font-weight:600;}
.hero-sub strong{color:#fff;}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:36px;}
.hero-features{display:flex;flex-wrap:wrap;gap:12px;}
.hero-features .chip{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.85);}
.hero-features .chip i{color:var(–rep-green);}
.hero-visual{display:flex;align-items:center;justify-content:center;position:relative;min-height:420px;}
.hero-canvas{position:absolute;inset:0;width:100%;height:100%;}
.hero-visual .orb-glow{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 40% 35%,rgba(147,241,201,.18),rgba(65,153,159,.10) 50%,transparent 70%);filter:blur(40px);animation:rpl-float 8s ease-in-out infinite;pointer-events:none;}
@keyframes rpl-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.04)}}
@media(max-width:860px){
.hero{padding:120px 0 80px;}
.hero .wrap{grid-template-columns:1fr;text-align:center;}
.hero-content{max-width:100%;}
.hero-ctas{justify-content:center;}
.hero-features{justify-content:center;}
.hero-visual{display:none;}
.hero p{font-size:13px}
}
/* — 2. TRUST BAR — */
.trust-bar{background:linear-gradient(180deg,rgba(30,47,35,.05) 0%,var(–rep-bg-light) 100%);border-bottom:1px solid var(–rep-border);padding:24px 0;}
.trust-bar .wrap{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap;}
.trust-bar span{font:500 .85rem/1 var(–rep-font-body);color:var(–rep-text-muted);}
.trust-logos{display:flex;align-items:center;gap:32px;flex-wrap:wrap;justify-content:center;}
.trust-logos a{display:block;opacity:.5;transition:opacity .3s;filter:grayscale(1);}
.trust-logos a:hover{opacity:1;filter:none;}
.trust-logos img{width:60px;height:auto;}
@media(max-width:860px){.trust-logos img{width:60px;height:auto;}
}
/* — 3. MISIÓN — */
.mision{padding:100px 0;background:#fff;}
.mision .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:center;}
.mision-copy h2{margin-bottom:16px;}
.mision-copy p{margin-bottom:12px;}
.mision-stats{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.stat-card{background:var(–rep-bg-light);border:1px solid var(–rep-border);border-radius:var(–rep-radius-lg);padding:24px;text-align:center;}
.stat-card .k{font:700 2.4rem/1 var(–rep-font-display);color:var(–rep-forest);display:block;margin-bottom:6px;}
.stat-card p{font-size:.85rem;color:var(–rep-text-muted);}
@media(max-width:860px){.mision .wrap{grid-template-columns:1fr;}}
@media(max-width:480px){.mision-stats{grid-template-columns:1fr;}}
/* — 4. TECH STACK — */
.tech{padding:100px 0;background:var(–rep-bg-light);position:relative;overflow:hidden;}
.tech .head{text-align:center;max-width:640px;margin:0 auto 48px;}
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.tech-card{background:#fff;border:1px solid var(–rep-border);border-radius:var(–rep-radius-lg);padding:28px;transition:all .3s ease;}
.tech-card:hover{box-shadow:var(–rep-shadow-lg);transform:translateY(-4px);}
.tech-card .icon-wrap{width:48px;height:48px;border-radius:var(–rep-radius-md);display:grid;place-items:center;margin-bottom:16px;font-size:24px;}
.tech-card .icon-wrap.teal{background:rgba(65,153,159,.1);color:var(–rep-teal);}
.tech-card .icon-wrap.green{background:rgba(147,241,201,.15);color:#2C7A54;}
.tech-card .icon-wrap.sun{background:rgba(247,212,80,.15);color:#8A7420;}
.tech-card h3{margin-bottom:8px;}
.tech-card p{font-size:.9rem;margin-bottom:12px;}
.tech-card .chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;}
.tech-card h3{font-size:clamp(1.0rem,1.8vw,1.2rem)!important;font-weight:600!important;margin-bottom:8px;}
.tech-card ul{list-style:none!important;margin:12px 0;padding-left:0;}
.tech-card ul li{list-style:none!important;position:relative;padding-left:20px;font-size:.85rem;color:var(–rep-text-tertiary);margin:6px 0;}
.tech-card ul li::marker{content:none!important;}
.tech-card ul li::before{content:»»;position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:2px;background:var(–rep-sun);}
@media(max-width:1024px){.tech-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.tech-grid{grid-template-columns:1fr;}}
/* — 5. PRICING (dark bg + clip-path + shortcode overrides) — */
.pricing{–angle:clamp(32px,3.5vw,64px);padding:calc(100px + var(–angle)) 0;background:var(–rep-forest);color:#fff;position:relative;z-index:2;clip-path:polygon(0 var(–angle),100% 0,100% calc(100% – var(–angle)),0 100%);margin-top:calc(-1 * var(–angle));margin-bottom:calc(-1 * var(–angle));}
/* Shortcode overrides for dark background */
.pricing .replanta-plans{max-width:none;padding:0;margin:0;}
.pricing .plans-bar .left h2{color:#fff !important;}
.pricing .plans-bar .left .rep-heading-2{color:#fff !important;}
.pricing .plans-bar .left .rep-text-forest{color:#fff !important;}
.pricing .plans-bar .rep-text-body{color:rgba(255,255,255,.7) !important;}
.pricing .billing-toggle{background:rgba(255,255,255,.08) !important;border-color:transparent !important;box-shadow:none !important;}
.pricing .billing-toggle label{color:rgba(255,255,255,.6) !important;}
.pricing .replanta-plans–hosting .billing-toggle input:checked+label{background:var(–rep-green) !important;color:var(–rep-forest) !important;box-shadow:none !important;}
.pricing #bill-y:checked+label .rep-text-small{color:var(–rep-forest) !important;}
.pricing .replanta-pricing-card{background:rgba(255,255,255,.06) !important;border:1px solid rgba(255,255,255,.1) !important;border-radius:var(–rep-radius-xl) !important;}
.pricing .replanta-pricing-card:hover{background:rgba(255,255,255,.1) !important;}
.pricing .replanta-pricing-featured{background:rgba(255,255,255,.12) !important;border:2px solid var(–rep-green) !important;box-shadow:0 0 40px rgba(147,241,201,.12),0 0 80px rgba(65,153,159,.06);}
.pricing .replanta-pricing-featured::before{background:var(–rep-sun) !important;color:var(–rep-forest) !important;}
.pricing .replanta-pricing-card .rep-heading-3{color:#fff !important;}
.pricing .replanta-pricing-card .plan-subtitle{color:var(–rep-green) !important;}
.pricing .replanta-pricing-card .amount{color:#fff !important;font-size:2.4rem !important;}
.pricing .replanta-pricing-card .rep-text-small{color:rgba(255,255,255,.5) !important;}
.pricing .replanta-pricing-card .rep-text-body,
.pricing .replanta-pricing-card ul{color:rgba(255,255,255,.8) !important;}
.pricing .replanta-pricing-card ul li{color:rgba(255,255,255,.8) !important;}
.pricing .replanta-pricing-card ul li b,
.pricing .replanta-pricing-card ul li strong{color:#fff !important;}
.pricing .replanta-pricing-card ul li::before{border-color:var(–rep-green) !important;}
.pricing .replanta-pricing-card details{border-color:rgba(255,255,255,.1) !important;}
.pricing .replanta-pricing-card summary.toggle{color:rgba(255,255,255,.7) !important;}
.pricing .replanta-pricing-card summary.toggle::after{color:rgba(255,255,255,.5);}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e76d7e *//* — 6. COMPARATIVA — */
.compare{padding:100px 0;background:#fff;}
.compare .head{text-align:center;margin-bottom:40px;}
.compare-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(–rep-border);border-radius:14px;overflow:hidden;}
.compare-table thead th{background:#fff;border-bottom:2px solid var(–rep-border);padding:14px;font:600 .9rem/1 var(–rep-font-display);color:var(–rep-forest);position:sticky;top:0;z-index:2;}
.compare-table td,.compare-table th{padding:12px 14px;border-bottom:1px solid var(–rep-border);vertical-align:middle;}
.compare-table .c{text-align:center;}
.compare-table .tick{color:var(–rep-teal);font-weight:700;font-size:1.1rem;}
.compare-table .section-row th{background:var(–rep-bg-light);color:var(–rep-forest);font:600 1rem/1 var(–rep-font-display);padding:10px 14px;text-align:left;}
.compare-desktop{display:block;}
.compare-mobile{display:none;}
@media(max-width:860px){.compare-desktop{display:none;}.compare-mobile{display:block;}}
.compare-mobile details{border:1px solid var(–rep-border);border-radius:var(–rep-radius-md);padding:14px;margin-top:10px;background:#fff;}
.compare-mobile summary{cursor:pointer;list-style:none;font:600 1rem/1 var(–rep-font-display);color:var(–rep-forest);display:flex;align-items:center;justify-content:space-between;}
.compare-mobile summary::-webkit-details-marker{display:none;}
.compare-mobile summary i{transition:transform .2s;}
.compare-mobile details[open] summary i{transform:rotate(180deg);}
.compare-mobile .m-list{margin-top:12px;display:grid;gap:8px;}
.compare-mobile .m-list li{background:var(–rep-bg-light);border:1px solid var(–rep-border);border-radius:10px;padding:10px 12px;font-size:.9rem;}
.compare-mobile .m-list li strong{color:var(–rep-forest);}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6fabe27 *//* — 7. RESULTADOS — */
.results{padding:100px 0;background:var(–rep-bg-light);position:relative;overflow:hidden;}
.results .head{text-align:center;max-width:640px;margin:0 auto 48px;}
.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px;}
.result-card{background:#fff;border:1px solid var(–rep-border);border-radius:var(–rep-radius-lg);padding:32px;text-align:center;transition:all .3s ease;}
.result-card:hover{transform:translateY(-4px);box-shadow:var(–rep-shadow-lg);}
.result-card i{font-size:40px;margin-bottom:16px;}
.result-card h3{font-size:clamp(1.0rem,1.8vw,1.2rem)!important;font-weight:600!important;margin-bottom:8px;}
.result-card .metric{font:700 .85rem/1 var(–rep-font-body);color:var(–rep-teal);margin-bottom:12px;display:block;}
.result-card p{font-size:.9rem;}
.testimonial{background:#fff;border:1px solid var(–rep-border);border-radius:var(–rep-radius-xl);padding:32px 40px;display:flex;align-items:center;gap:32px;max-width:800px;margin:0 auto;}
.testimonial .logo-img{width:80px;height:80px;border-radius:50%;background:var(–rep-bg-light);display:grid;place-items:center;flex-shrink:0;}
.testimonial .logo-img i{font-size:32px;color:var(–rep-teal);}
.testimonial blockquote{font:400 1.05rem/1.6 var(–rep-font-body);color:var(–rep-text-secondary);border:0;padding:0;margin:0;}
.testimonial blockquote strong{color:var(–rep-forest);}
.testimonial figcaption{font:600 .85rem/1 var(–rep-font-body);color:var(–rep-text-muted);margin-top:10px;}
@media(max-width:640px){.testimonial{flex-direction:column;text-align:center;padding:24px;}}
/* — TEW Mini Success Cases — */
.tew-mini-cases{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:860px;margin:0 auto 8px;}
.tew-mini-case{background:#fff;border:1px solid var(–rep-border);border-radius:var(–rep-radius-lg);padding:24px 28px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;transition:all .3s ease;}
.tew-mini-case::before{content:»;position:absolute;top:0;left:0;right:0;height:3px;background:var(–rep-grad);opacity:0;transition:opacity .2s;}
.tew-mini-case:hover{box-shadow:var(–rep-shadow-lg);transform:translateY(-3px);}
.tew-mini-case:hover::before{opacity:1;}
.tew-mini-case__badge{display:inline-flex;align-items:center;gap:6px;font:600 .75rem/1 var(–rep-font-body);text-transform:uppercase;letter-spacing:.06em;color:var(–rep-teal);background:rgba(65,153,159,.08);padding:5px 10px;border-radius:var(–rep-radius-full);align-self:flex-start;}
.tew-mini-case__badge i{font-size:14px;}
.tew-mini-case__metrics{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.tew-mini-before{font:600 1.1rem/1 var(–rep-font-body);color:#9BA3A0;text-decoration:line-through;text-decoration-color:rgba(155,163,160,.4);}
.tew-mini-after{font:700 1.4rem/1 var(–rep-font-body);color:var(–rep-teal);}
.tew-mini-delta{font:700 .7rem/1 var(–rep-font-body);background:rgba(65,153,159,.12);color:var(–rep-teal);padding:3px 7px;border-radius:4px;}
.tew-mini-case__quote{font:400 .92rem/1.55 var(–rep-font-body);color:var(–rep-text-secondary);margin:0;padding-left:14px;border-left:2px solid var(–rep-green);}
.tew-mini-case__who{font:500 .78rem/1 var(–rep-font-body);color:var(–rep-text-muted);}
@media(max-width:860px){.results-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto 48px;}}
@media(max-width:640px){.tew-mini-cases{grid-template-columns:1fr;max-width:400px;}}
/* — 8. REVIEWS — */
.reviews{padding:100px 0;background:#fff;overflow:hidden;}
.reviews .head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:48px;}
.reviews .head .right{flex-shrink:0;}
.reel{overflow:hidden;margin-bottom:20px;}
.reel .track{display:flex;gap:20px;width:max-content;animation:rpl-scroll 40s linear infinite;}
.reel.reverse .track{animation-direction:reverse;}
.rv-card{width:340px;flex-shrink:0;background:#fff;border:1px solid var(–rep-border);border-radius:var(–rep-radius-lg);padding:24px;display:flex;flex-direction:column;}
.rv-card .rv-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.rv-card .stars{color:var(–rep-sun);font-size:1rem;letter-spacing:2px;}
.rv-card .source{font-size:.75rem;color:var(–rep-text-muted);font-weight:600;}
.rv-card blockquote{font-size:.9rem;line-height:1.6;color:var(–rep-text-secondary);flex-grow:1;margin:0 0 16px;border:0;padding:0;}
.rv-card blockquote strong{color:var(–rep-forest);}
.rv-card .rv-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;}
.rv-card .avatar{width:36px;height:36px;border-radius:50%;background:var(–rep-teal);color:#fff;display:grid;place-items:center;font:700 .75rem/1 var(–rep-font-display);flex-shrink:0;}
.rv-card .who{display:flex;flex-direction:column;}
.rv-card .name{font-size:.8rem;font-weight:600;color:var(–rep-forest);}
.rv-card .date{font-size:.7rem;color:var(–rep-text-muted);}
@keyframes rpl-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.reel .track{animation:none;}}
/* — 9. MIGRACIÓN — */
.migration{–angle:clamp(32px,3.5vw,64px);padding:calc(100px + var(–angle)) 0;background:var(–rep-forest);color:#fff;position:relative;z-index:2;clip-path:polygon(0 0,100% var(–angle),100% 100%,0 calc(100% – var(–angle)));margin-top:calc(-1 * var(–angle));margin-bottom:calc(-1 * var(–angle));}
.migration .head{text-align:center;margin-bottom:56px;}
.migration .head h2{color:#fff;}
.migration .head p{color:rgba(255,255,255,.7);max-width:560px;margin:12px auto 0;}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:48px;}
.step{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(–rep-radius-lg);padding:28px;text-align:center;position:relative;transition:all .3s ease;}
.step:hover{background:rgba(255,255,255,.1);transform:translateY(-4px);}
.step .num{width:44px;height:44px;border-radius:50%;background:var(–rep-green);color:var(–rep-forest);display:grid;place-items:center;margin:0 auto 16px;font:700 1.1rem/1 var(–rep-font-display);}
.step h3{font-size:clamp(1.0rem,1.8vw,1.2rem)!important;font-weight:600!important;color:#fff;margin-bottom:8px;}
.step p{font-size:.9rem;color:rgba(255,255,255,.7);}
.step i{font-size:24px;color:var(–rep-green);margin-bottom:12px;}
.migration .ctas{text-align:center;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
@media(max-width:860px){.steps{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.steps{grid-template-columns:1fr;}}
/* — 10. OPERATIVA — */
.operativa{padding:100px 0;background:var(–rep-bg-light);}
.operativa .head{text-align:center;max-width:640px;margin:0 auto 16px;}
.operativa .badge {
display: inline-block;
background: var(–rep-forest);
color: var(–rep-green);
padding: 8px 16px;
border-radius: var(–rep-radius-full);
font: 600 .8rem / 1 var(–rep-font-body);
margin: 32px 0 20px;
}
.op-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.op-card{background:#fff;border:1px solid var(–rep-border);border-radius:var(–rep-radius-lg);padding:28px;transition:all .3s ease;}
.op-card:hover{box-shadow:var(–rep-shadow-lg);transform:translateY(-4px);}
.op-card .ic{width:48px;height:48px;border-radius:var(–rep-radius-md);display:grid;place-items:center;font-size:24px;margin-bottom:16px;}
.op-card .ic.teal{background:rgba(65,153,159,.1);color:var(–rep-teal);}
.op-card .ic.green{background:rgba(147,241,201,.15);color:#2C7A54;}
.op-card .ic.sun{background:rgba(247,212,80,.15);color:#8A7420;}
.op-card h3{font-size:clamp(1.0rem,1.8vw,1.2rem)!important;font-weight:600!important;margin-bottom:8px;}
.op-card p{font-size:.9rem;margin-bottom:12px;}
.op-card ul{list-style:none!important;margin-bottom:12px;padding-left:0;}
.op-card ul li{list-style:none!important;position:relative;padding-left:18px;font-size:.85rem;color:var(–rep-text-tertiary);margin:6px 0;}
.op-card ul li::marker{content:none!important;}
.op-card ul li::before{content:»»;position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:2px;background:var(–rep-sun);}
.op-card .chips{display:flex;flex-wrap:wrap;gap:6px;}
.operativa .ctas{text-align:center;margin-top:48px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
@media(max-width:1024px){.op-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.op-grid{grid-template-columns:1fr;}}
/* — 11. PLANET IMPACT — */
.planet{padding:100px 0;background:#fff;position:relative;overflow:hidden;}
.planet .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.planet-visual{display:flex;align-items:center;justify-content:center;}
.planet-visual .big-icon{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,rgba(147,241,201,.2),rgba(65,153,159,.15));display:grid;place-items:center;position:relative;}
.planet-visual .big-icon i{font-size:80px;color:var(–rep-teal);}
.planet-visual .big-icon::before{content:»»;position:absolute;inset:-16px;border-radius:50%;border:2px dashed rgba(65,153,159,.2);animation:rpl-orbit 30s linear infinite;}
@keyframes rpl-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.planet-copy h2{margin-bottom:16px;}
.planet-copy p{margin-bottom:12px;}
.planet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;}
.planet-stat{text-align:center;padding:16px;background:var(–rep-bg-light);border-radius:var(–rep-radius-md);border:1px solid var(–rep-border);}
.planet-stat .k{font:700 1.6rem/1 var(–rep-font-display);color:var(–rep-forest);}
.planet-stat p{font-size:.8rem;color:var(–rep-text-muted);margin-top:4px;}
@media(max-width:860px){.planet .wrap{grid-template-columns:1fr;}.planet-visual{order:-1;}}
/* — 12. FAQs — */
.faqs{padding:100px 0;background:var(–rep-bg-light);}
.faqs .head{text-align:center;max-width:640px;margin:0 auto 48px;}
.faq-list{max-width:800px;margin:0 auto;}
.faq-item{border:1px solid var(–rep-border);border-radius:var(–rep-radius-md);background:#fff;margin-bottom:10px;overflow:hidden;transition:box-shadow .3s ease;}
.faq-item:hover{box-shadow:var(–rep-shadow-sm);}
.faq-item summary{padding:18px 24px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font:600 1rem/1.4 var(–rep-font-display);color:var(–rep-forest);}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary i{font-size:18px;color:var(–rep-teal);transition:transform .2s;flex-shrink:0;margin-left:12px;}
.faq-item[open] summary i{transform:rotate(180deg);}
.faq-item .answer{padding:0 24px 20px;font-size:.95rem;line-height:1.7;color:var(–rep-text-secondary);}
.faq-item .answer a{color:var(–rep-teal);text-decoration:underline;}
.faq-item .answer ul{margin:8px 0;padding-left:20px;}
.faq-item .answer ul li{list-style:disc;margin:4px 0;}
.faqs .ctas{text-align:center;margin-top:40px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a0ca21f *//* — 8. REVIEWS — */
.reviews{padding:100px 0;background:#fff;overflow:hidden;}
.reviews .head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:48px;}
.reviews .head .right{flex-shrink:0;}
.reel{overflow:hidden;margin-bottom:20px;}
.reel .track{display:flex;gap:20px;width:max-content;animation:rpl-scroll 40s linear infinite;}
.reel.reverse .track{animation-direction:reverse;}
.rv-card{width:340px;flex-shrink:0;background:#fff;border:1px solid var(–rep-border);border-radius:var(–rep-radius-lg);padding:24px;display:flex;flex-direction:column;}
.rv-card .rv-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.rv-card .stars{color:var(–rep-sun);font-size:1rem;letter-spacing:2px;}
.rv-card .source{font-size:.75rem;color:var(–rep-text-muted);font-weight:600;}
.rv-card blockquote{font-size:.9rem;line-height:1.6;color:var(–rep-text-secondary);flex-grow:1;margin:0 0 16px;border:0;padding:0;}
.rv-card blockquote strong{color:var(–rep-forest);}
.rv-card .rv-bottom{display:flex;align-items:center;gap:10px;margin-top:auto;}
.rv-card .avatar{width:36px;height:36px;border-radius:50%;background:var(–rep-teal);color:#fff;display:grid;place-items:center;font:700 .75rem/1 var(–rep-font-display);flex-shrink:0;}
.rv-card .who{display:flex;flex-direction:column;}
.rv-card .name{font-size:.8rem;font-weight:600;color:var(–rep-forest);}
.rv-card .date{font-size:.7rem;color:var(–rep-text-muted);}
@keyframes rpl-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.reel .track{animation:none;}}
/* — 9. MIGRACIÓN — */
.migration{–angle:clamp(32px,3.5vw,64px);padding:calc(100px + var(–angle)) 0;background:var(–rep-forest);color:#fff;position:relative;z-index:2;clip-path:polygon(0 0,100% var(–angle),100% 100%,0 calc(100% – var(–angle)));margin-top:calc(-1 * var(–angle));margin-bottom:calc(-1 * var(–angle));}
.migration .head{text-align:center;margin-bottom:56px;}
.migration .head h2{color:#fff;}
.migration .head p{color:rgba(255,255,255,.7);max-width:560px;margin:12px auto 0;}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:48px;}
.step{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:var(–rep-radius-lg);padding:28px;text-align:center;position:relative;transition:all .3s ease;}
.step:hover{background:rgba(255,255,255,.1);transform:translateY(-4px);}
.step .num{width:44px;height:44px;border-radius:50%;background:var(–rep-green);color:var(–rep-forest);display:grid;place-items:center;margin:0 auto 16px;font:700 1.1rem/1 var(–rep-font-display);}
.step h3{font-size:clamp(1.0rem,1.8vw,1.2rem)!important;font-weight:600!important;color:#fff;margin-bottom:8px;}
.step p{font-size:.9rem;color:rgba(255,255,255,.7);}
.step i{font-size:24px;color:var(–rep-green);margin-bottom:12px;}
.migration .ctas{text-align:center;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
@media(max-width:860px){.steps{grid-template-columns:repeat(2,1fr);}}
@media(max-width:480px){.steps{grid-template-columns:1fr;}}
/* — 10. OPERATIVA — */
.operativa{padding:100px 0;background:var(–rep-bg-light);}
.operativa .head{text-align:center;max-width:640px;margin:0 auto 16px;}
.op-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.op-card{background:#fff;border:1px solid var(–rep-border);border-radius:var(–rep-radius-lg);padding:28px;transition:all .3s ease;}
.op-card:hover{box-shadow:var(–rep-shadow-lg);transform:translateY(-4px);}
.op-card .ic{width:48px;height:48px;border-radius:var(–rep-radius-md);display:grid;place-items:center;font-size:24px;margin-bottom:16px;}
.op-card .ic.teal{background:rgba(65,153,159,.1);color:var(–rep-teal);}
.op-card .ic.green{background:rgba(147,241,201,.15);color:#2C7A54;}
.op-card .ic.sun{background:rgba(247,212,80,.15);color:#8A7420;}
.op-card h3{font-size:clamp(1.0rem,1.8vw,1.2rem)!important;font-weight:600!important;margin-bottom:8px;}
.op-card p{font-size:.9rem;margin-bottom:12px;}
.op-card ul{list-style:none!important;margin-bottom:12px;padding-left:0;}
.op-card ul li{list-style:none!important;position:relative;padding-left:18px;font-size:.85rem;color:var(–rep-text-tertiary);margin:6px 0;}
.op-card ul li::marker{content:none!important;}
.op-card ul li::before{content:»»;position:absolute;left:0;top:7px;width:7px;height:7px;border-radius:2px;background:var(–rep-sun);}
.op-card .chips{display:flex;flex-wrap:wrap;gap:6px;}
.operativa .ctas{text-align:center;margin-top:48px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
@media(max-width:1024px){.op-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){.op-grid{grid-template-columns:1fr;}}
/* — 11. PLANET IMPACT — */
.planet{padding:100px 0;background:#fff;position:relative;overflow:hidden;}
.planet .wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.planet-visual{display:flex;align-items:center;justify-content:center;}
.planet-visual .big-icon{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,rgba(147,241,201,.2),rgba(65,153,159,.15));display:grid;place-items:center;position:relative;}
.planet-visual .big-icon i{font-size:80px;color:var(–rep-teal);}
.planet-visual .big-icon::before{content:»»;position:absolute;inset:-16px;border-radius:50%;border:2px dashed rgba(65,153,159,.2);animation:rpl-orbit 30s linear infinite;}
@keyframes rpl-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.planet-copy h2{margin-bottom:16px;}
.planet-copy p{margin-bottom:12px;}
.planet-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px;}
.planet-stat{text-align:center;padding:16px;background:var(–rep-bg-light);border-radius:var(–rep-radius-md);border:1px solid var(–rep-border);}
.planet-stat .k{font:700 1.6rem/1 var(–rep-font-display);color:var(–rep-forest);}
.planet-stat p{font-size:.8rem;color:var(–rep-text-muted);margin-top:4px;}
@media(max-width:860px){.planet .wrap{grid-template-columns:1fr;}.planet-visual{order:-1;}}
/* — 12. FAQs — */
.faqs{padding:100px 0;background:var(–rep-bg-light);}
.faqs .head{text-align:center;max-width:640px;margin:0 auto 48px;}
.faq-list{max-width:800px;margin:0 auto;}
.faq-item{border:1px solid var(–rep-border);border-radius:var(–rep-radius-md);background:#fff;margin-bottom:10px;overflow:hidden;transition:box-shadow .3s ease;}
.faq-item:hover{box-shadow:var(–rep-shadow-sm);}
.faq-item summary{padding:18px 24px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;font:600 1rem/1.4 var(–rep-font-display);color:var(–rep-forest);}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary i{font-size:18px;color:var(–rep-teal);transition:transform .2s;flex-shrink:0;margin-left:12px;}
.faq-item[open] summary i{transform:rotate(180deg);}
.faq-item .answer{padding:0 24px 20px;font-size:.95rem;line-height:1.7;color:var(–rep-text-secondary);}
.faq-item .answer a{color:var(–rep-teal);text-decoration:underline;}
.faq-item .answer ul{margin:8px 0;padding-left:20px;}
.faq-item .answer ul li{list-style:disc;margin:4px 0;}
.faqs .ctas{text-align:center;margin-top:40px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}/* End custom CSS */