:root{
–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;
}
@import url(‘https://fonts.googleapis.com/css2?family=Inter:[email protected]&family=Sora:[email protected]&display=swap’);
*,*::before,*::after{box-sizing:border-box;}
img{max-width:100%;height:auto;display:block;}
.rpl ul,.rpl ol{list-style:none;margin:0;padding:0;}
.rpl a{text-decoration:none;color:inherit;}
.rpl{font-family:var(–rep-font-body);color:var(–rep-text-secondary);line-height:1.6;}
.rpl h1,.rpl h2,.rpl h3,.rpl h4{font-family:var(–rep-font-display)!important;line-height:1.15!important;margin:0;}
.rpl h1{font-size:clamp(2.2rem,5vw,3.6rem)!important;font-weight:700!important;color:#fff!important;}
.rpl h2{font-size:clamp(1.7rem,3.2vw,2.4rem)!important;font-weight:600!important;color:var(–rep-forest);}
.rpl h3{font-size:clamp(1.05rem,1.8vw,1.3rem)!important;font-weight:600!important;color:var(–rep-forest);}
.rpl h4{font-size:clamp(.9rem,1.4vw,1.1rem)!important;font-weight:600!important;color:var(–rep-forest);}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px;}
.kicker{display:inline-flex;align-items:center;gap:6px;font:600 .78rem/1 var(–rep-font-body);text-transform:uppercase;letter-spacing:.1em;color:var(–rep-teal);margin-bottom:12px;}
.kicker–light{color:var(–rep-green);}
.kicker–dark{color:var(–rep-teal);}
.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-outline-dark{background:transparent;border:1.5px solid rgba(255,255,255,.3);color:#fff!important;}
.btn-outline-dark:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.55);}
.btn-green{background:var(–rep-green);color:var(–rep-forest);}
.btn-green:hover{background:#7de5b5;transform:translateY(-2px);}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .6s ease,transform .6s ease;}
.reveal.is-visible{opacity:1;transform:translateY(0);}
.reveal[data-delay=»1″]{transition-delay:.1s!important;}
.reveal[data-delay=»2″]{transition-delay:.2s!important;}
.reveal[data-delay=»3″]{transition-delay:.3s!important;}
.reveal[data-delay=»4″]{transition-delay:.4s!important;}
/* ===== 1. HERO ===== */
.eh-hero{
min-height:88vh;display:flex;align-items:center;
background:linear-gradient(155deg,#0E1D13 0%,#16291D 45%,#0B1910 100%);
position:relative;overflow:hidden;padding:90px 0 70px;
}
.eh-hero::before{
content:»»;position:absolute;inset:0;
background:
radial-gradient(ellipse 70% 60% at 30% 40%,rgba(65,153,159,.12) 0%,transparent 60%),
radial-gradient(ellipse 50% 50% at 80% 20%,rgba(147,241,201,.06) 0%,transparent 55%);
pointer-events:none;
}
/* Grid particles */
.eh-hero::after{
content:»»;position:absolute;inset:0;
background-image:
linear-gradient(rgba(147,241,201,.025) 1px,transparent 1px),
linear-gradient(90deg,rgba(147,241,201,.025) 1px,transparent 1px);
background-size:48px 48px;
pointer-events:none;
}
.eh-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.eh-hero-content{}
.eh-hero-eyebrow{
display:inline-flex;align-items:center;gap:8px;
padding:6px 14px;border:1px solid rgba(147,241,201,.2);border-radius:var(–rep-radius-full);
font:600 .75rem/1 var(–rep-font-body);color:var(–rep-green);letter-spacing:.08em;text-transform:uppercase;
margin-bottom:22px;background:rgba(147,241,201,.05);
}
.eh-hero-eyebrow i{font-size:14px;}
.eh-hero-content h1{margin-bottom:20px;}
.eh-hero-content h1 span{color:var(–rep-green);}
.eh-hero-sub{font-size:1.1rem;color:rgba(255,255,255,.6);line-height:1.75;margin-bottom:30px;max-width:520px;}
.eh-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px;}
.eh-badge{
display:inline-flex;align-items:center;gap:5px;
padding:6px 12px;border-radius:var(–rep-radius-full);
background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
font:500 .78rem/1 var(–rep-font-body);color:rgba(255,255,255,.7);
}
.eh-badge i{color:var(–rep-green);font-size:13px;}
.eh-hero-btns{display:flex;gap:12px;flex-wrap:wrap;}
/* Hero visual */
.eh-hero-visual{display:flex;flex-direction:column;gap:16px;position:relative;}
.eh-server-card{
background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);
border-radius:var(–rep-radius-xl);padding:28px;
backdrop-filter:blur(4px);
}
.eh-server-card .sc-head{display:flex;align-items:center;gap:12px;margin-bottom:18px;}
.eh-server-card .sc-icon{
width:44px;height:44px;border-radius:var(–rep-radius-md);
display:flex;align-items:center;justify-content:center;font-size:22px;
}
.eh-server-card .sc-icon.green{background:rgba(147,241,201,.15);color:var(–rep-green);}
.eh-server-card .sc-icon.teal{background:rgba(65,153,159,.15);color:var(–rep-teal);}
.eh-server-card .sc-icon.sun{background:rgba(247,212,80,.12);color:var(–rep-sun);}
.eh-server-card .sc-label{font:600 .85rem/1 var(–rep-font-display);color:rgba(255,255,255,.8);}
.eh-server-card .sc-sub{font:400 .75rem/1 var(–rep-font-body);color:rgba(255,255,255,.35);margin-top:2px;}
.eh-server-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.eh-metric{
text-align:center;padding:14px 10px;
background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);
border-radius:var(–rep-radius-lg);
}
.eh-metric .val{font:700 1.4rem/1 var(–rep-font-display);color:var(–rep-green);margin-bottom:4px;}
.eh-metric .lab{font:400 .7rem/1 var(–rep-font-body);color:rgba(255,255,255,.35);text-transform:uppercase;letter-spacing:.06em;}
/* Floating pulse dot */
.eh-hero-pulse{
position:absolute;top:-10px;right:-10px;
width:14px;height:14px;border-radius:50%;background:#22c55e;
box-shadow:0 0 0 0 rgba(34,197,94,.4);
animation:eco-pulse 2.5s infinite;
}
@keyframes eco-pulse{
0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.4);}
70%{box-shadow:0 0 0 12px rgba(34,197,94,0);}
}
.eh-renewable{
display:flex;align-items:center;gap:10px;
padding:14px 18px;border-radius:var(–rep-radius-lg);
background:rgba(147,241,201,.08);border:1px solid rgba(147,241,201,.15);
}
.eh-renewable i{font-size:22px;color:var(–rep-green);flex-shrink:0;}
.eh-renewable .rb-text{font:400 .82rem/1.5 var(–rep-font-body);color:rgba(255,255,255,.55);}
.eh-renewable .rb-text strong{color:var(–rep-green);}
/* ===== 2. FILOSOFÍA ===== */
.eh-philosophy{padding:96px 0;background:var(–rep-bg-light);}
.eh-phil-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.eh-phil-content .kicker{display:block;margin-bottom:12px;}
.eh-phil-content h2{margin-bottom:20px;}
.eh-phil-content p{color:var(–rep-text-secondary);line-height:1.8;margin-bottom:16px;font-size:.98rem;}
.eh-phil-content p:last-of-type{margin-bottom:28px;}
.eh-phil-content .src-note{
font:400 .78rem/1 var(–rep-font-body);color:var(–rep-text-muted);
display:inline-flex;align-items:center;gap:4px;
}
.eh-phil-stats{display:flex;flex-direction:column;gap:16px;}
.eh-stat-card{
border:1px solid var(–rep-border);border-radius:var(–rep-radius-xl);
background:#fff;padding:28px 32px;
display:flex;align-items:center;gap:22px;
transition:var(–rep-shadow-md) .25s;
}
.eh-stat-card:hover{box-shadow:var(–rep-shadow-md);}
.eh-stat-val{font:800 2rem/1 var(–rep-font-display);flex-shrink:0;min-width:68px;}
.eh-stat-val.v-teal{color:var(–rep-teal);}
.eh-stat-val.v-forest{color:var(–rep-forest);}
.eh-stat-val.v-green{color:#1a854a;}
.eh-stat-info dt{font:600 .88rem/1.2 var(–rep-font-body);color:var(–rep-forest);margin-bottom:4px;}
.eh-stat-info dd{font:400 .78rem/1.5 var(–rep-font-body);color:var(–rep-text-muted);}
/* vertical divider */
.eh-stat-card .vdivider{width:1px;align-self:stretch;background:var(–rep-border);flex-shrink:0;}
/* ===== 3. STACK TÉCNICO ===== */
.eh-stack{padding:90px 0;background:var(–rep-forest);overflow:hidden;position:relative;}
.eh-stack::before{
content:»»;position:absolute;top:0;left:0;right:0;bottom:0;
background:
radial-gradient(ellipse 60% 50% at 80% 30%,rgba(65,153,159,.1) 0%,transparent 60%),
radial-gradient(ellipse 40% 40% at 10% 70%,rgba(147,241,201,.05) 0%,transparent 55%);
pointer-events:none;
}
.eh-stack .wrap{position:relative;z-index:1;}
.eh-stack-head{text-align:center;margin-bottom:60px;}
.eh-stack-head h2{color:#fff;margin-bottom:12px;}
.eh-stack-head p{color:rgba(255,255,255,.5);max-width:540px;margin:0 auto;font-size:.98rem;}
.eh-stack-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:40px;}
.eh-stack-card{
border:1px solid rgba(255,255,255,.08);border-radius:var(–rep-radius-xl);
background:rgba(255,255,255,.04);padding:32px;
transition:background .2s,box-shadow .2s;
}
.eh-stack-card:hover{background:rgba(255,255,255,.07);box-shadow:0 8px 24px rgba(0,0,0,.3);}
.eh-stack-card .sc-header{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.eh-stack-card .sc-badge{
font:700 .75rem/1 var(–rep-font-body);padding:4px 9px;
border-radius:4px;background:rgba(65,153,159,.25);color:var(–rep-teal);
letter-spacing:.04em;flex-shrink:0;
}
.eh-stack-card h3{font-size:1.15rem!important;color:#fff!important;}
.eh-stack-card p{font-size:.88rem;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:14px;}
.eh-stack-metric{
display:flex;gap:8px;flex-wrap:wrap;
}
.eh-stack-chip{
display:inline-flex;align-items:center;gap:4px;
padding:4px 10px;border-radius:var(–rep-radius-full);
border:1px solid rgba(255,255,255,.1);
font:500 .75rem/1 var(–rep-font-body);color:rgba(255,255,255,.5);
}
.eh-stack-chip.highlight{border-color:rgba(147,241,201,.3);color:var(–rep-green);}
/* CDN world strip */
.eh-cloudflare-strip{
border:1px solid rgba(255,255,255,.07);border-radius:var(–rep-radius-xl);
background:rgba(255,255,255,.03);padding:28px 32px;
display:flex;align-items:center;gap:28px;flex-wrap:wrap;
}
.eh-cf-logo{display:flex;align-items:center;gap:10px;flex-shrink:0;}
.eh-cf-logo i{font-size:28px;color:#F6821F;}
.eh-cf-logo span{font:700 1.1rem/1 var(–rep-font-display);color:rgba(255,255,255,.6);}
.eh-cf-nodes{flex:1;min-width:200px;}
.eh-cf-nodes .cf-label{font:400 .78rem/1 var(–rep-font-body);color:rgba(255,255,255,.35);margin-bottom:6px;}
.eh-cf-nodes .cf-val{font:700 1.6rem/1 var(–rep-font-display);color:#fff;}
.eh-cf-nodes .cf-sub{font:400 .72rem/1 var(–rep-font-body);color:rgba(255,255,255,.3);}
.eh-cf-chips{display:flex;gap:8px;flex-wrap:wrap;}
.eh-cf-chips span{
padding:5px 10px;border-radius:var(–rep-radius-full);
border:1px solid rgba(246,130,31,.2);font:500 .73rem/1 var(–rep-font-body);
color:rgba(246,130,31,.7);
}
/* ===== 4. SOSTENIBILIDAD CERTIFICADA ===== */
.eh-certified{padding:88px 0;background:#fff;}
.eh-cert-inner{display:grid;grid-template-columns:5fr 4fr;gap:64px;align-items:center;}
.eh-cert-content .kicker{display:block;margin-bottom:12px;}
.eh-cert-content h2{margin-bottom:20px;}
.eh-cert-content p{font-size:.98rem;color:var(–rep-text-secondary);line-height:1.8;margin-bottom:16px;}
.eh-cert-checklist{display:flex;flex-direction:column;gap:12px;margin-bottom:28px;}
.eh-cert-item{
display:flex;align-items:flex-start;gap:12px;
padding:14px 18px;border-radius:var(–rep-radius-lg);
border:1px solid var(–rep-border);background:var(–rep-bg-light);
}
.eh-cert-item .ci-icon{font-size:20px;color:var(–rep-teal);flex-shrink:0;margin-top:1px;}
.eh-cert-item .ci-text dt{font:600 .88rem/1.2 var(–rep-font-body);color:var(–rep-forest);margin-bottom:3px;}
.eh-cert-item .ci-text dd{font:400 .78rem/1.5 var(–rep-font-body);color:var(–rep-text-muted);}
/* Digital footprint calculator teaser */
.eh-cert-widget{
border:1px solid var(–rep-border);border-radius:var(–rep-radius-xl);
overflow:hidden;background:#fff;box-shadow:var(–rep-shadow-md);
}
.eh-cert-widget .widget-head{
background:var(–rep-forest);padding:18px 24px;
display:flex;align-items:center;gap:10px;
}
.eh-cert-widget .widget-head i{font-size:22px;color:var(–rep-green);}
.eh-cert-widget .widget-head span{font:600 .9rem/1 var(–rep-font-display);color:#fff;}
.eh-cert-widget .widget-body{padding:24px;}
.eh-footprint-row{
display:flex;align-items:center;justify-content:space-between;
padding:12px 0;
}
.eh-footprint-row:not(:last-child){border-bottom:1px solid var(–rep-border);}
.eh-footprint-row .label{font:500 .85rem/1 var(–rep-font-body);color:var(–rep-text-secondary);}
.eh-footprint-row .val-bad{font:700 .9rem/1 var(–rep-font-body);color:#b0443a;}
.eh-footprint-row .val-good{font:700 .9rem/1 var(–rep-font-body);color:#1a854a;}
.eh-footprint-note{
margin-top:16px;padding:12px 16px;
background:rgba(147,241,201,.08);border:1px solid rgba(147,241,201,.2);
border-radius:var(–rep-radius-md);
font:400 .78rem/1.5 var(–rep-font-body);color:var(–rep-teal);
}
.eh-footprint-note strong{color:var(–rep-forest);}
/* ===== 5. FEATURES GRID ===== */
.eh-features{padding:88px 0;background:var(–rep-bg-light);}
.eh-features-head{text-align:center;margin-bottom:52px;}
.eh-features-head h2{margin-bottom:12px;}
.eh-features-head p{color:var(–rep-text-muted);max-width:520px;margin:0 auto;}
.eh-feat-tabs{
display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:40px;
}
.eh-tab{
display:inline-flex;align-items:center;gap:6px;
padding:8px 18px;border-radius:var(–rep-radius-full);
border:1.5px solid var(–rep-border);
font:500 .85rem/1 var(–rep-font-body);color:var(–rep-text-muted);
background:#fff;cursor:default;
}
.eh-tab.active{background:var(–rep-forest);color:var(–rep-green);border-color:var(–rep-forest);}
.eh-tab i{font-size:15px;}
.eh-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.eh-feat-card{
background:#fff;border:1px solid var(–rep-border);border-radius:var(–rep-radius-xl);
padding:28px;transition:all .25s;
}
.eh-feat-card:hover{box-shadow:var(–rep-shadow-md);transform:translateY(-3px);border-color:rgba(65,153,159,.2);}
.eh-feat-card .fc-icon{
width:48px;height:48px;border-radius:var(–rep-radius-md);
display:flex;align-items:center;justify-content:center;font-size:24px;
background:var(–rep-bg-light);color:var(–rep-teal);margin-bottom:16px;
}
.eh-feat-card h3{margin-bottom:8px;}
.eh-feat-card p{font-size:.88rem;color:var(–rep-text-muted);line-height:1.7;margin-bottom:14px;}
.eh-feat-card .fc-chip{
display:inline-flex;align-items:center;gap:4px;
padding:4px 10px;border-radius:var(–rep-radius-full);
border:1px solid var(–rep-border);
font:500 .73rem/1 var(–rep-font-body);color:var(–rep-teal);background:var(–rep-bg-light);
}
/* ── RESPONSIVE ── */
@media(max-width:1024px){
.eh-hero-inner{grid-template-columns:1fr;gap:48px;}
.eh-hero-visual{display:none;}
.eh-phil-inner{grid-template-columns:1fr;}
.eh-cert-inner{grid-template-columns:1fr;}
.eh-stack-grid{grid-template-columns:1fr;}
.eh-feat-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
.eh-hero{min-height:auto;padding:60px 0 50px;}
.eh-server-metrics{grid-template-columns:1fr 1fr;}
.eh-feat-grid{grid-template-columns:1fr;}
.eh-feat-tabs{gap:6px;}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0348825 */.elementor-395 .elementor-element.elementor-element-0348825 { –check-w:12px; –check-h:7px; –check-t:3px; }
.elementor-395 .elementor-element.elementor-element-0348825 ul { list-style:none; margin:0; padding:0; }
.elementor-395 .elementor-element.elementor-element-0348825 ul li{
position:relative;
padding-left:22px;
margin:6px 0;
}
.elementor-395 .elementor-element.elementor-element-0348825 ul li::before{
content:»»;
position:absolute;
left:0;
top:0.9em;
width:var(–check-w);
height:var(–check-h);
border-left:var(–check-t) solid var(–rep-sun);
border-bottom:var(–check-t) solid var(–rep-sun);
transform:translateY(-50%) rotate(-45deg); /* orientación correcta del check */
border-radius:1px;
box-shadow:none; /* chato */
}
/* Botones compactos en línea dentro de .replanta-pricing-card */
.replanta-pricing-card > div:last-of-type{
gap:8px !important;
flex-wrap:nowrap !important; /* en una sola línea */
}
.replanta-pricing-card .elementor-button.rep-btn-accent,
.replanta-pricing-card .elementor-button.rep-btn-secondary{
display:inline-flex !important;
align-items:center;
text-decoration: none;
justify-content:center;
padding:8px 12px !important; /* más pequeños */
font-size:14px !important;
line-height:1.2 !important;
border-radius:10px !important;
min-height:auto !important;
min-width:0 !important;
white-space:nowrap; /* evita saltos */
box-shadow:none !important;
margin:0 !important;
flex:0 0 auto; /* no crecen */
}
/* botón principal un pelín más marcado si quieres */
.replanta-pricing-card .plan-card-cta{
font-weight:600 !important;
}
/* En móviles, permite wrap y aún más compacto */
@media (max-width:480px){
.replanta-pricing-card > div:last-of-type{
flex-wrap:wrap !important;
}
.replanta-pricing-card .elementor-button.rep-btn-accent,
.replanta-pricing-card .elementor-button.rep-btn-secondary{
padding:7px 10px !important;
font-size:13px !important;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0e4adce */#bill-y:checked + label .rep-text-small{
color: #fff !important;
}
.elementor-395 .elementor-element.elementor-element-0e4adce .rep-heading-3{font-family:’Fraunces’, serif}
/* Toggle mensual/anual con :has dentro de la sección */
.elementor-395 .elementor-element.elementor-element-0e4adce .amount–y, .elementor-395 .elementor-element.elementor-element-0e4adce .period–y, .elementor-395 .elementor-element.elementor-element-0e4adce .original { display:none; }
.elementor-395 .elementor-element.elementor-element-0e4adce:has(#bill-y:checked) .amount–m,
.elementor-395 .elementor-element.elementor-element-0e4adce:has(#bill-y:checked) .period–m { display:none; }
.elementor-395 .elementor-element.elementor-element-0e4adce:has(#bill-y:checked) .amount–y,
.elementor-395 .elementor-element.elementor-element-0e4adce:has(#bill-y:checked) .period–y,
.elementor-395 .elementor-element.elementor-element-0e4adce:has(#bill-y:checked) .original { display:inline; }
/* Precio tachado (PVP anual) */
.elementor-395 .elementor-element.elementor-element-0e4adce .original{
text-decoration: line-through;
opacity:.6;
font-weight:600;
margin-right:6px;
}
/* Barra superior */
.elementor-395 .elementor-element.elementor-element-0e4adce .plans-bar{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}
.elementor-395 .elementor-element.elementor-element-0e4adce .plans-bar .right{display:flex;gap:10px;align-items:center}
/* Segmented control */
.elementor-395 .elementor-element.elementor-element-0e4adce .billing-toggle{display:inline-grid;grid-template-columns:1fr 1fr;background:#fff;border:1px solid var(–rep-border);border-radius:999px;padding:4px;gap:4px;box-shadow:var(–rep-shadow-sm)}
.elementor-395 .elementor-element.elementor-element-0e4adce .billing-toggle input{position:absolute;inset:0;opacity:0;pointer-events:none}
.elementor-395 .elementor-element.elementor-element-0e4adce .billing-toggle label{padding:8px 16px;border-radius:999px;cursor:pointer;font-family:var(–rep-font-body);font-weight:700;line-height:1;color:var(–rep-forest)}
.elementor-395 .elementor-element.elementor-element-0e4adce .billing-toggle input:checked+label{background:var(–rep-teal);color:#fff;box-shadow:var(–rep-shadow-sm)}
@media (max-width:600px){ .elementor-395 .elementor-element.elementor-element-0e4adce .billing-toggle label{padding:8px 12px;font-weight:600} }
/* Cards */
.elementor-395 .elementor-element.elementor-element-0e4adce .replanta-pricing-card{background:#fff;border:1px solid var(–rep-border);border-radius:16px;padding:24px;box-shadow:var(–rep-shadow-sm);transition:all .2s ease;display:flex;flex-direction:column;height:100%}
.elementor-395 .elementor-element.elementor-element-0e4adce .replanta-pricing-card:hover{box-shadow:var(–rep-shadow-lg);transform:translateY(-2px)}
.elementor-395 .elementor-element.elementor-element-0e4adce .replanta-pricing-featured{border-width:2px;border-color:var(–rep-teal);position:relative}
.elementor-395 .elementor-element.elementor-element-0e4adce .replanta-pricing-featured::before{content:’Recomendado’;position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(–rep-sun);color:var(–rep-forest);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}
.elementor-395 .elementor-element.elementor-element-0e4adce .plan-subtitle{font-size:.9rem;color:var(–rep-text-tertiary);margin-top:2px}
.elementor-395 .elementor-element.elementor-element-0e4adce .price{display:flex;align-items:baseline;gap:6px}
.elementor-395 .elementor-element.elementor-element-0e4adce .amount{font-family:var(–rep-font-display);font-size:2rem;line-height:1;color:var(–rep-forest)}
.elementor-395 .elementor-element.elementor-element-0e4adce .period{color:var(–rep-text-muted)}
/* details / ver más */
.elementor-395 .elementor-element.elementor-element-0e4adce details{ border-top:1px solid var(–rep-border); margin-top:12px; padding-top:12px }
.elementor-395 .elementor-element.elementor-element-0e4adce summary.toggle{cursor:pointer;list-style:none;position:relative;padding-right:22px;display:inline-flex;align-items:center;gap:8px}
.elementor-395 .elementor-element.elementor-element-0e4adce summary.toggle::-webkit-details-marker{display:none}
.elementor-395 .elementor-element.elementor-element-0e4adce summary.toggle:after{content:»▾»;position:absolute;right:0;top:0;opacity:.7;transition:transform .2s ease}
.elementor-395 .elementor-element.elementor-element-0e4adce details[open] summary.toggle:after{transform:rotate(-180deg)}
.elementor-395 .elementor-element.elementor-element-0e4adce summary.toggle .less{display:none}
.elementor-395 .elementor-element.elementor-element-0e4adce details[open] summary.toggle .more{display:none}
.elementor-395 .elementor-element.elementor-element-0e4adce details[open] summary.toggle .less{display:inline}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6b48e41e *//* ====== Comparativa Replanta ====== */
.rep-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(–rep-border);border-radius:14px;overflow:hidden;background:#fff}
.rep-table thead th{background:#fff;border-bottom:2px solid var(–rep-border);padding:12px 14px;position:sticky;top:0;z-index:2}
.rep-table tbody td,.rep-table tbody th{padding:12px 14px;border-bottom:1px solid var(–rep-border);vertical-align:top}
.rep-table tbody tr:nth-child(even){background:#F7FBF9}
.rep-table .c{text-align:center}
.rep-table .tick{color:var(–rep-green);font-weight:700}
.rep-table .rep-section th{
background:#F7FBF9; color:var(–rep-forest);
padding:10px 14px; text-align:left; font-family: var(–rep-font-display);
font-weight:600; font-size:1.05rem; border-top:1px solid var(–rep-border);
position:sticky; left:0; z-index:1;
}
/* Layout: mostrar tabla en ≥ 860px, acordeón en móviles */
.rep-compare–desktop{ display:block }
.rep-compare–mobile{ display:none }
@media (max-width: 860px){
.rep-compare–desktop{ display:none }
.rep-compare–mobile{ display:block; margin-top:12px }
}
/* Acordeón móvil */
.rep-compare–mobile details{
border:1px solid var(–rep-border); border-radius:12px; background:#fff; padding:12px 14px; margin-top:10px;
}
.rep-compare–mobile summary{ cursor:pointer; list-style:none; font-family: var(–rep-font-display); font-weight:600; color:var(–rep-forest); position:relative; padding-right:18px }
.rep-compare–mobile summary::-webkit-details-marker{ display:none }
.rep-compare–mobile summary::after{ content:»▾»; position:absolute; right:0; top:0; opacity:.6; transition: transform .2s ease }
.rep-compare–mobile details[open] summary::after{ transform: rotate(-180deg) }
.rep-compare–mobile .rep-cards{ list-style:none; margin:10px 0 0; padding:0; display:grid; gap:8px }
.rep-compare–mobile .rep-cards li{
background:#F7FBF9; border:1px solid var(–rep-border); border-radius:10px; padding:10px 12px; color:var(–rep-text-secondary)
}
.rep-compare–mobile .rep-cards li strong{ color:var(–rep-forest) }
.rep-compare–mobile .rep-cards li span{ color:var(–rep-text-tertiary) }
/* Tooltips accesibles Replanta (sin JS) */
.rep-tip{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid var(–rep-border,#E6F3EF);background:#fff;color:var(–rep-text-tertiary,#547065);font-size:12px;line-height:1;cursor:help;margin-left:6px}
.rep-tip:focus{outline:2px solid var(–rep-teal,#41999F);outline-offset:2px}
.rep-tooltip{position:absolute;left:50%;top:calc(100% + 8px);transform:translateX(-50%) translateY(6px);min-width:220px;max-width:320px;background:#fff;color:var(–rep-text-secondary,#3B4B45);border:1px solid var(–rep-border,#E6F3EF);border-radius:10px;padding:10px 12px;box-shadow:0 10px 18px rgba(30,47,35,.12);opacity:0;pointer-events:none;transition:all .15s ease;z-index:5}
.rep-tip:hover + .rep-tooltip,.rep-tip:focus + .rep-tooltip{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
@media (max-width:480px){.rep-tooltip{left:auto;right:0;transform:none}}
/* Tabla bonita */
.rep-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(–rep-border,#E6F3EF);border-radius:14px;overflow:hidden;background:#fff}
.rep-table thead th{background:#fff;border-bottom:2px solid var(–rep-border,#E6F3EF);padding:12px 14px}
.rep-table td,.rep-table th{padding:12px 14px;border-bottom:1px solid var(–rep-border,#E6F3EF)}
.rep-table tbody tr:nth-child(even){background:#F7FBF9}
.rep-section th{background:#F7FBF9;color:var(–rep-forest,#1E2F23);font-family:var(–rep-font-display,’Fraunces’,serif);font-weight:600;text-align:left}
.c{text-align:center}.tick{color:var(–rep-green,#93F1C9);font-weight:700}
/* Comparativa: sin zebra y cabeceras en gris suave */
#comparativa .rep-table tbody tr:nth-child(even),
#comparativa .rep-table tbody tr:nth-child(odd){
background: transparent !important;
}
#comparativa .rep-table thead th{
background: #FAFAFA !important; /* gris muy suave */
}
#comparativa .rep-table .rep-section th{
background: #FAFAFA !important; /* gris muy suave en cabeceras de sección */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8f253a6 *//* ===== 6. COMPARATIVA ===== */
.eh2-compare{padding:88px 0;background:#fff;}
.eh2-compare-head{text-align:center;margin-bottom:52px;}
.eh2-compare-head h2{margin-bottom:12px;}
.eh2-compare-head p{color:var(–rep-text-muted);max-width:540px;margin:0 auto;}
/* Comparison cards */
.eh2-hosts-intro{
display:grid;grid-template-columns:1fr 3fr 1fr;gap:0;
border-radius:var(–rep-radius-xl);overflow:hidden;
border:1px solid var(–rep-border);margin-bottom:8px;
background:#fff;
}
.eh2-compare-table{
width:100%;border-radius:var(–rep-radius-xl);overflow:hidden;
border:1px solid var(–rep-border);background:#fff;
box-shadow:var(–rep-shadow-sm);
}
.eh2-compare-table thead th{
padding:18px 20px;font:600 .8rem/1 var(–rep-font-body);
text-transform:uppercase;letter-spacing:.07em;text-align:left;
}
.eh2-compare-table thead th:first-child{color:var(–rep-text-muted);background:#fafafa;width:38%;}
.eh2-compare-table thead th:nth-child(2){background:#fef9ef;color:#6C5E1A;border-left:1px solid #e8e0c8;text-align:center;}
.eh2-compare-table thead th:nth-child(3){background:#f0f9f2;color:#6C5E1A;border-left:1px solid #cde5d2;text-align:center;}
.eh2-compare-table thead th:nth-child(4){background:rgba(65,153,159,.08);color:var(–rep-teal);border-left:1px solid rgba(65,153,159,.15);text-align:center;}
.eh2-compare-table tbody tr:not(:last-child){border-bottom:1px solid var(–rep-border);}
.eh2-compare-table tbody tr:hover td{background-color:rgba(147,241,201,.03);}
.eh2-compare-table tbody td{padding:14px 20px;font-size:.87rem;color:var(–rep-text-secondary);}
.eh2-compare-table tbody td:first-child{font-weight:500;color:var(–rep-forest);}
.eh2-compare-table tbody td:nth-child(2){background:#fffdf5;border-left:1px solid #e8e0c8;text-align:center;color:#7A6A2A;}
.eh2-compare-table tbody td:nth-child(3){background:#f7fdf9;border-left:1px solid #cde5d2;text-align:center;color:#2d6b46;}
.eh2-compare-table tbody td:nth-child(4){background:rgba(65,153,159,.02);border-left:1px solid rgba(65,153,159,.12);text-align:center;font-weight:600;color:var(–rep-teal);}
.cell-yes{color:#1a854a!important;font-weight:600!important;}
.cell-no{color:#b0443a!important;}
.cell-partial{color:#92660a!important;}
/* ===== 7. TESTIMONIOS ===== */
.eh2-reviews{padding:88px 0;background:var(–rep-forest);overflow:hidden;position:relative;}
.eh2-reviews::before{
content:»»;position:absolute;top:-20%;right:-8%;width:50%;height:70%;
background:radial-gradient(ellipse,rgba(65,153,159,.1) 0%,transparent 60%);
pointer-events:none;
}
.eh2-reviews-head{text-align:center;margin-bottom:48px;position:relative;z-index:1;}
.eh2-reviews-head h2{color:#fff;}
.eh2-reviews-head p{color:rgba(255,255,255,.5);max-width:500px;margin:10px auto 0;}
#eh2-reviews-reel{position:relative;z-index:1;}
#eh2-reviews-reel .container{max-width:1140px;margin:0 auto;padding:0 24px;}
#eh2-reviews-reel .cta-tp{display:flex;justify-content:flex-end;margin-bottom:32px;}
#eh2-reviews-reel .cta-tp a{
display:inline-flex;align-items:center;gap:6px;
padding:9px 18px;border-radius:var(–rep-radius-full);
border:1px solid rgba(255,255,255,.15);
color:rgba(255,255,255,.55);font:.82rem/1 var(–rep-font-body);
transition:all .18s;
}
#eh2-reviews-reel .cta-tp a:hover{background:rgba(255,255,255,.07);color:#fff;}
.reel2{width:100%;overflow:hidden;margin-bottom:18px;}
.track2{display:flex;gap:16px;width:max-content;animation:eh2scroll 30s linear infinite;}
.track2:hover{animation-play-state:paused;}
.track2.rev{animation-direction:reverse;}
@keyframes eh2scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.chunk2{display:flex;gap:16px;}
.rv2{
background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);
border-radius:var(–rep-radius-lg);padding:22px;width:300px;flex-shrink:0;
}
.rv2 .rt{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.rv2 .stars{color:var(–rep-sun);font-size:.9rem;}
.rv2 .src{font:500 .7rem/1 var(–rep-font-body);color:rgba(255,255,255,.3);text-transform:uppercase;}
.rv2 blockquote{font-size:.88rem;color:rgba(255,255,255,.7);line-height:1.65;margin:0 0 14px;}
.rv2 blockquote strong{color:#fff;}
.rv2 .rb{display:flex;gap:10px;align-items:center;}
.rv2 .av{width:30px;height:30px;border-radius:50%;background:var(–rep-teal);display:flex;align-items:center;justify-content:center;font:700 .72rem/1 var(–rep-font-body);color:#fff;flex-shrink:0;}
.rv2 .nm{font:600 .8rem/1.2 var(–rep-font-body);color:rgba(255,255,255,.75);}
.rv2 .dt{font:400 .7rem/1 var(–rep-font-body);color:rgba(255,255,255,.3);}
/* ===== 8. ECOSISTEMA / CROSSLINKS ===== */
.eh2-ecosystem{padding:90px 0;background:var(–rep-bg-light);}
.eh2-eco-head{text-align:center;margin-bottom:52px;}
.eh2-eco-head h2{margin-bottom:12px;}
.eh2-eco-head p{color:var(–rep-text-muted);max-width:560px;margin:0 auto;}
.eh2-eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
.eh2-eco-card{
border:1px solid var(–rep-border);border-radius:var(–rep-radius-xl);
background:#fff;padding:30px;transition:all .25s;
}
.eh2-eco-card:hover{box-shadow:var(–rep-shadow-lg);transform:translateY(-4px);border-color:rgba(65,153,159,.2);}
.eh2-eco-card .ec-icon{
width:50px;height:50px;border-radius:var(–rep-radius-md);
background:var(–rep-bg-light);display:flex;align-items:center;justify-content:center;
font-size:26px;color:var(–rep-teal);margin-bottom:16px;
}
.eh2-eco-card h3{margin-bottom:8px;}
.eh2-eco-card p{font-size:.87rem;color:var(–rep-text-muted);line-height:1.7;margin-bottom:18px;}
.eh2-eco-card ul{display:flex;flex-direction:column;gap:5px;margin-bottom:20px;}
.eh2-eco-card ul li{display:flex;align-items:center;gap:7px;font-size:.83rem;color:var(–rep-text-secondary);}
.eh2-eco-card ul li::before{content:’✓’;color:var(–rep-teal);font-weight:700;flex-shrink:0;}
.eh2-eco-link{display:inline-flex;align-items:center;gap:5px;font:600 .85rem/1 var(–rep-font-body);color:var(–rep-teal);transition:gap .15s;}
.eh2-eco-link:hover{gap:9px;}
/* ===== 9. FAQs ===== */
.eh2-faqs{padding:88px 0;background:#fff;}
.eh2-faqs-head{text-align:center;margin-bottom:52px;}
.eh2-faqs-head h2{margin-bottom:12px;}
.eh2-faqs-head p{color:var(–rep-text-muted);max-width:500px;margin:0 auto;}
.eh2-faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:10px;}
.eh2-faq{
border:1px solid var(–rep-border);border-radius:var(–rep-radius-lg);
background:#fff;overflow:hidden;
}
.eh2-faq summary{
display:flex;align-items:center;justify-content:space-between;
padding:20px 26px;cursor:pointer;
font:600 .97rem/1.35 var(–rep-font-display);color:var(–rep-forest);
list-style:none;gap:14px;transition:background .15s;
}
.eh2-faq summary::-webkit-details-marker{display:none;}
.eh2-faq summary:hover,.eh2-faq[open] summary{background:var(–rep-bg-light);}
.eh2-faq .fi{
width:26px;height:26px;border-radius:50%;background:var(–rep-bg-light);
border:1.5px solid var(–rep-border);display:flex;align-items:center;justify-content:center;
font-size:13px;color:var(–rep-teal);flex-shrink:0;transition:transform .22s;
}
.eh2-faq[open] .fi{transform:rotate(45deg);}
.eh2-faq .fb{padding:0 26px 22px;border-top:1px solid var(–rep-border);}
.eh2-faq .fb p{font-size:.93rem;line-height:1.75;color:var(–rep-text-secondary);padding-top:16px;margin:0;}
.eh2-faq .fb p strong{color:var(–rep-forest);}
.eh2-faq .fb p a{color:var(–rep-teal);font-weight:600;}
/* ===== 10. CTA FINAL ===== */
.eh2-cta{
padding:100px 0;
background:linear-gradient(180deg,#0A1810 0%,#0E1E15 50%,#1E2F23 100%);
position:relative;overflow:hidden;
}
.eh2-cta::before{
content:»»;position:absolute;inset:0;
background:
radial-gradient(ellipse 55% 60% at 50% 50%,rgba(65,153,159,.07) 0%,transparent 65%),
radial-gradient(ellipse 30% 30% at 10% 80%,rgba(147,241,201,.04) 0%,transparent 60%);
pointer-events:none;
}
.eh2-cta .wrap{position:relative;z-index:1;text-align:center;}
.eh2-cta h2{color:#fff;margin-bottom:16px;max-width:600px;margin-left:auto;margin-right:auto;}
.eh2-cta p{color:rgba(255,255,255,.55);max-width:520px;margin:0 auto 34px;font-size:1.05rem;line-height:1.75;}
.eh2-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:26px;}
.eh2-trust-strip{
display:flex;gap:18px;justify-content:center;flex-wrap:wrap;
font:400 .78rem/1 var(–rep-font-body);color:rgba(255,255,255,.32);
}
.eh2-trust-strip span{display:flex;align-items:center;gap:5px;}
.eh2-trust-strip i{font-size:13px;color:var(–rep-green);}
.btn.btn-ghost, .btn.btn-primary{color:white}
/* ── RESPONSIVE ── */
@media(max-width:1024px){
.eh2-eco-grid{grid-template-columns:1fr 1fr;}
.eh2-compare-table{overflow-x:auto;display:block;}
}
@media(max-width:640px){
.eh2-eco-grid{grid-template-columns:1fr;}
.eh2-faq summary{padding:16px 18px;font-size:.88rem;}
.eh2-faq .fb{padding:0 18px 18px;}
}/* End custom CSS */