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.5rem)!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);}
.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);}
.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!important;}
.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);}
.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 ===== */
.hwp-hero{
min-height:88vh;display:flex;align-items:center;
background:linear-gradient(155deg,#0A1A10 0%,#112018 45%,#0A1A10 100%);
padding:90px 0 70px;position:relative;overflow:hidden;
}
.hwp-hero::before{
content:»»;position:absolute;inset:0;
background:
radial-gradient(ellipse 65% 55% at 25% 35%,rgba(65,153,159,.14) 0%,transparent 62%),
radial-gradient(ellipse 45% 40% at 85% 25%,rgba(247,212,80,.04) 0%,transparent 55%);
pointer-events:none;
}
.hwp-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.hwp-eyebrow{
display:inline-flex;align-items:center;gap:8px;
padding:6px 14px;border:1px solid rgba(147,241,201,.18);border-radius:var(–rep-radius-full);
font:600 .74rem/1 var(–rep-font-body);color:var(–rep-green);letter-spacing:.08em;text-transform:uppercase;
margin-bottom:22px;background:rgba(147,241,201,.04);
}
.hwp-hero h1{margin-bottom:18px;}
.hwp-hero h1 span{color:var(–rep-green);}
.hwp-hero-sub{font-size:1.08rem;color:rgba(255,255,255,.6);line-height:1.75;margin-bottom:28px;max-width:520px;}
.hwp-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:30px;}
.hwp-badge{
display:inline-flex;align-items:center;gap:5px;
padding:6px 11px;border-radius:var(–rep-radius-full);
background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
font:500 .77rem/1 var(–rep-font-body);color:rgba(255,255,255,.65);
}
.hwp-badge i{color:var(–rep-green);font-size:12px;}
.hwp-hero-btns{display:flex;gap:12px;flex-wrap:wrap;}
/* Hero visual: PageSpeed panel */
.hwp-visual{display:flex;flex-direction:column;gap:14px;}
.hwp-ps-card{
background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);
border-radius:var(–rep-radius-xl);padding:24px;
}
.hwp-ps-card .psc-head{
display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;
}
.hwp-ps-card .psc-title{font:600 .85rem/1 var(–rep-font-display);color:rgba(255,255,255,.7);}
.hwp-ps-card .psc-device{
display:flex;gap:6px;
}
.hwp-ps-card .psc-device span{
padding:3px 10px;border-radius:var(–rep-radius-full);font:.72rem/1 var(–rep-font-body);
border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.4);
}
.hwp-ps-card .psc-device span.active{background:rgba(65,153,159,.2);color:var(–rep-teal);border-color:rgba(65,153,159,.3);}
.hwp-score-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;}
.hwp-score{text-align:center;padding:12px 8px;border-radius:var(–rep-radius-md);background:rgba(255,255,255,.03);}
.hwp-score .sv{font:700 1.4rem/1 var(–rep-font-display);}
.hwp-score .sl{font:400 .65rem/1.3 var(–rep-font-body);color:rgba(255,255,255,.3);text-transform:uppercase;margin-top:4px;}
.hwp-score.green .sv{color:#22c55e;}
.hwp-score.amber .sv{color:var(–rep-sun);}
.hwp-cwv-row{display:grid;grid-template-columns:1fr;gap:8px;margin-top:14px;}
.hwp-cwv-item{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:var(–rep-radius-md);background:rgba(255,255,255,.03);}
.hwp-cwv-item .cwv-name{font:500 .8rem/1 var(–rep-font-body);color:rgba(255,255,255,.5);}
.hwp-cwv-item .cwv-val{font:700 .85rem/1 var(–rep-font-body);}
.hwp-cwv-item.good .cwv-val{color:#22c55e;}
/* TTFB card */
.hwp-ttfb-card{
background:rgba(65,153,159,.08);border:1px solid rgba(65,153,159,.15);
border-radius:var(–rep-radius-lg);padding:16px 20px;
display:flex;align-items:center;gap:14px;
}
.hwp-ttfb-card i{font-size:24px;color:var(–rep-teal);flex-shrink:0;}
.hwp-ttfb-card .tc-text{font:400 .82rem/1.5 var(–rep-font-body);color:rgba(255,255,255,.5);}
.hwp-ttfb-card .tc-text strong{color:var(–rep-teal);}
/* ===== 2. POR QUÉ IMPORTA EL STACK ===== */
.hwp-stack-intro{padding:88px 0;background:var(–rep-bg-light);}
.hwp-si-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.hwp-si-content .kicker{display:block;}
.hwp-si-content h2{margin-bottom:18px;}
.hwp-si-content p{font-size:.98rem;color:var(–rep-text-secondary);line-height:1.8;margin-bottom:14px;}
.hwp-si-content .si-note{
display:flex;gap:10px;padding:14px 18px;border-radius:var(–rep-radius-lg);
background:#fff;border:1px solid var(–rep-border);margin-top:10px;
}
.hwp-si-content .si-note i{font-size:20px;color:var(–rep-teal);flex-shrink:0;margin-top:1px;}
.hwp-si-content .si-note p{font-size:.83rem;margin:0;line-height:1.6;}
/* Stack diagram */
.hwp-stack-layers{display:flex;flex-direction:column;gap:10px;}
.hwp-layer{
border:1px solid var(–rep-border);border-radius:var(–rep-radius-lg);
background:#fff;padding:16px 22px;
display:flex;align-items:center;gap:16px;
transition:box-shadow .2s;
}
.hwp-layer:hover{box-shadow:var(–rep-shadow-md);}
.hwp-layer .layer-num{
width:32px;height:32px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
font:700 .8rem/1 var(–rep-font-body);flex-shrink:0;
}
.hwp-layer .layer-num.n1{background:rgba(65,153,159,.1);color:var(–rep-teal);}
.hwp-layer .layer-num.n2{background:rgba(247,212,80,.12);color:#92660a;}
.hwp-layer .layer-num.n3{background:rgba(34,197,94,.1);color:#166534;}
.hwp-layer .layer-num.n4{background:rgba(147,241,201,.15);color:#1a6b3b;}
.hwp-layer .layer-num.n5{background:rgba(30,47,35,.08);color:var(–rep-forest);}
.hwp-layer .layer-info dt{font:600 .88rem/1.2 var(–rep-font-body);color:var(–rep-forest);margin-bottom:3px;}
.hwp-layer .layer-info dd{font:400 .77rem/1.4 var(–rep-font-body);color:var(–rep-text-muted);}
.hwp-layer .layer-badge{
margin-left:auto;flex-shrink:0;
padding:3px 9px;border-radius:var(–rep-radius-full);
font:600 .7rem/1 var(–rep-font-body);
background:var(–rep-bg-light);color:var(–rep-teal);border:1px solid var(–rep-border);
}
/* ===== 3. WORDPRESS ESPECÍFICO ===== */
.hwp-wp-specific{padding:88px 0;background:var(–rep-forest);overflow:hidden;position:relative;}
.hwp-wp-specific::before{
content:»»;position:absolute;inset:0;
background:radial-gradient(ellipse 60% 50% at 75% 30%,rgba(65,153,159,.1) 0%,transparent 60%);
pointer-events:none;
}
.hwp-wp-specific .wrap{position:relative;z-index:1;}
.hwp-wps-head{text-align:center;margin-bottom:56px;}
.hwp-wps-head h2{color:#fff;margin-bottom:12px;}
.hwp-wps-head p{color:rgba(255,255,255,.5);max-width:540px;margin:0 auto;font-size:.98rem;}
.hwp-wps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:36px;}
.hwp-wps-card{
border:1px solid rgba(255,255,255,.08);border-radius:var(–rep-radius-xl);
background:rgba(255,255,255,.04);padding:28px;
transition:background .2s;
}
.hwp-wps-card:hover{background:rgba(255,255,255,.07);}
.hwp-wps-card .wc-icon{
width:46px;height:46px;border-radius:var(–rep-radius-md);
background:rgba(65,153,159,.15);color:var(–rep-teal);
display:flex;align-items:center;justify-content:center;font-size:24px;
margin-bottom:16px;
}
.hwp-wps-card h3{font-size:1.05rem!important;color:#fff!important;margin-bottom:10px;}
.hwp-wps-card p{font-size:.85rem;color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:12px;}
.hwp-wps-card .wc-metric{
font:700 .9rem/1 var(–rep-font-body);color:var(–rep-green);
display:flex;align-items:center;gap:5px;
}
/* WooCommerce callout */
.hwp-woo-callout{
border:1px solid rgba(255,255,255,.1);border-radius:var(–rep-radius-xl);
background:rgba(255,255,255,.04);padding:28px 32px;
display:flex;align-items:flex-start;gap:24px;
}
.hwp-woo-callout .woo-icon{
width:52px;height:52px;flex-shrink:0;border-radius:var(–rep-radius-md);
background:rgba(147,105,193,.15);display:flex;align-items:center;justify-content:center;font-size:28px;
color:#9b6ebf;margin-top:2px;
}
.hwp-woo-callout h3{font-size:1.1rem!important;color:#fff!important;margin-bottom:10px;}
.hwp-woo-callout p{font-size:.88rem;color:rgba(255,255,255,.55);line-height:1.7;margin-bottom:16px;}
.hwp-woo-features{display:flex;gap:8px;flex-wrap:wrap;}
.hwp-woo-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 .73rem/1 var(–rep-font-body);
color:rgba(255,255,255,.5);
}
.hwp-woo-chip.hl{border-color:rgba(155,110,191,.3);color:#b58cd8;}
/* ===== 4. CORE WEB VITALS ===== */
.hwp-cwv{padding:90px 0;background:#fff;}
.hwp-cwv-head{text-align:center;margin-bottom:56px;}
.hwp-cwv-head h2{margin-bottom:12px;}
.hwp-cwv-head p{color:var(–rep-text-muted);max-width:560px;margin:0 auto;}
.hwp-cwv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:36px;}
.hwp-cwv-card{
border:1px solid var(–rep-border);border-radius:var(–rep-radius-xl);
background:#fff;padding:32px;text-align:center;
transition:all .25s;
}
.hwp-cwv-card:hover{box-shadow:var(–rep-shadow-lg);transform:translateY(-4px);}
.hwp-cwv-card .cwv-icon{font-size:2rem;margin-bottom:14px;display:block;}
.hwp-cwv-card .cwv-acronym{font:800 2rem/1 var(–rep-font-display);color:var(–rep-teal);margin-bottom:6px;}
.hwp-cwv-card .cwv-full-name{font:600 .85rem/1 var(–rep-font-display);color:var(–rep-forest);margin-bottom:12px;}
.hwp-cwv-card p{font-size:.85rem;color:var(–rep-text-muted);line-height:1.65;margin-bottom:18px;}
.hwp-cwv-target{
display:flex;align-items:center;justify-content:space-between;
padding:10px 14px;border-radius:var(–rep-radius-md);
background:var(–rep-bg-light);border:1px solid var(–rep-border);
font:.82rem/1 var(–rep-font-body);
}
.hwp-cwv-target .tl{color:var(–rep-text-muted);}
.hwp-cwv-target .tv{font-weight:700;color:var(–rep-teal);}
/* SEO impact callout */
.hwp-seo-callout{
display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;
padding:28px 36px;border-radius:var(–rep-radius-xl);
background:linear-gradient(135deg,rgba(65,153,159,.06),rgba(147,241,201,.04));
border:1px solid rgba(65,153,159,.15);
}
.hwp-seo-callout .seo-icon{font-size:2.5rem;color:var(–rep-teal);flex-shrink:0;}
.hwp-seo-callout h3{margin-bottom:6px;}
.hwp-seo-callout p{font-size:.9rem;color:var(–rep-text-muted);line-height:1.7;margin:0;}
.hwp-seo-callout p strong{color:var(–rep-forest);}
/* ===== 5. MIGRACIÓN ===== */
.hwp-migration{padding:88px 0;background:var(–rep-bg-light);}
.hwp-mig-head{text-align:center;margin-bottom:56px;}
.hwp-mig-head h2{margin-bottom:12px;}
.hwp-mig-head p{color:var(–rep-text-muted);max-width:520px;margin:0 auto;}
.hwp-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative;margin-bottom:32px;}
.hwp-steps-grid::before{
content:»»;position:absolute;top:28px;left:10%;right:10%;height:1px;
background:linear-gradient(90deg,transparent,var(–rep-border) 30%,var(–rep-border) 70%,transparent);
}
.hwp-step{position:relative;text-align:center;padding:24px 16px;}
.hwp-step .step-num{
width:56px;height:56px;border-radius:50%;margin:0 auto 16px;
display:flex;align-items:center;justify-content:center;font-size:24px;
position:relative;z-index:1;
}
.hwp-step:nth-child(1) .step-num{background:rgba(65,153,159,.1);color:var(–rep-teal);border:2px solid rgba(65,153,159,.2);}
.hwp-step:nth-child(2) .step-num{background:rgba(65,153,159,.15);color:var(–rep-teal);border:2px solid rgba(65,153,159,.3);}
.hwp-step:nth-child(3) .step-num{background:rgba(65,153,159,.2);color:var(–rep-teal);border:2px solid rgba(65,153,159,.35);}
.hwp-step:nth-child(4) .step-num{background:rgba(65,153,159,.25);color:var(–rep-teal);border:2px solid rgba(65,153,159,.45);}
.hwp-step h4{margin-bottom:8px;}
.hwp-step p{font-size:.85rem;color:var(–rep-text-muted);line-height:1.6;margin:0;}
.hwp-mig-reassurance{
display:grid;grid-template-columns:repeat(3,1fr);gap:16px;
}
.hwp-mig-chip{
display:flex;align-items:center;gap:10px;
padding:16px 20px;border-radius:var(–rep-radius-lg);
background:#fff;border:1px solid var(–rep-border);
}
.hwp-mig-chip i{font-size:22px;color:var(–rep-teal);flex-shrink:0;}
.hwp-mig-chip dt{font:600 .88rem/1.2 var(–rep-font-body);color:var(–rep-forest);margin-bottom:3px;}
.hwp-mig-chip dd{font:400 .77rem/1.4 var(–rep-font-body);color:var(–rep-text-muted);}
/* ── RESPONSIVE ── */
@media(max-width:1024px){
.hwp-hero-inner{grid-template-columns:1fr;gap:44px;}
.hwp-visual{display:none;}
.hwp-si-inner{grid-template-columns:1fr;}
.hwp-wps-grid{grid-template-columns:1fr 1fr;}
.hwp-cwv-grid{grid-template-columns:1fr 1fr;}
.hwp-steps-grid{grid-template-columns:1fr 1fr;}
.hwp-steps-grid::before{display:none;}
.hwp-mig-reassurance{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
.hwp-hero{min-height:auto;padding:60px 0 50px;}
.hwp-wps-grid{grid-template-columns:1fr;}
.hwp-cwv-grid{grid-template-columns:1fr;}
.hwp-steps-grid{grid-template-columns:1fr;}
.hwp-mig-reassurance{grid-template-columns:1fr;}
.hwp-seo-callout{grid-template-columns:1fr;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2651710 *//* ===== 6. SEGURIDAD ===== */
.hwp2-security{padding:90px 0;background:#fff;}
.hwp2-sec-head{text-align:center;margin-bottom:52px;}
.hwp2-sec-head h2{margin-bottom:12px;}
.hwp2-sec-head p{color:var(–rep-text-muted);max-width:540px;margin:0 auto;}
.hwp2-sec-inner{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;}
.hwp2-sec-list{display:flex;flex-direction:column;gap:16px;}
.hwp2-sec-item{
display:flex;gap:16px;align-items:flex-start;
padding:20px 24px;border-radius:var(–rep-radius-xl);
border:1px solid var(–rep-border);background:var(–rep-bg-light);
transition:box-shadow .2s;
}
.hwp2-sec-item:hover{box-shadow:var(–rep-shadow-md);}
.hwp2-sec-item .si-icon{
width:44px;height:44px;border-radius:var(–rep-radius-md);
background:#fff;border:1px solid var(–rep-border);
display:flex;align-items:center;justify-content:center;font-size:22px;
color:var(–rep-teal);flex-shrink:0;
}
.hwp2-sec-item dt{font:600 .9rem/1.2 var(–rep-font-body);color:var(–rep-forest);margin-bottom:5px;}
.hwp2-sec-item dd{font:400 .82rem/1.55 var(–rep-font-body);color:var(–rep-text-muted);}
/* Threat counter */
.hwp2-threat-card{
border:1px solid var(–rep-border);border-radius:var(–rep-radius-xl);
overflow:hidden;background:#fff;box-shadow:var(–rep-shadow-md);
}
.hwp2-threat-card .tc-head{
background:var(–rep-forest);padding:18px 22px;
display:flex;align-items:center;gap:10px;
}
.hwp2-threat-card .tc-head i{font-size:22px;color:var(–rep-green);}
.hwp2-threat-card .tc-head span{font:600 .88rem/1 var(–rep-font-display);color:#fff;}
.hwp2-threat-card .tc-body{padding:22px;}
.hwp2-threat-row{
display:flex;align-items:center;justify-content:space-between;
padding:11px 0;
}
.hwp2-threat-row:not(:last-child){border-bottom:1px solid var(–rep-border);}
.hwp2-threat-row .tr-name{font:500 .85rem/1 var(–rep-font-body);color:var(–rep-text-secondary);}
.hwp2-threat-row .tr-status{
display:inline-flex;align-items:center;gap:4px;
font:600 .78rem/1 var(–rep-font-body);padding:3px 9px;border-radius:var(–rep-radius-full);
}
.tr-status.blocked{background:rgba(34,197,94,.1);color:#166534;}
.tr-status.auto{background:rgba(65,153,159,.1);color:var(–rep-teal);}
.hwp2-uptime{
margin-top:16px;padding:14px 18px;
border-radius:var(–rep-radius-lg);
background:rgba(147,241,201,.08);border:1px solid rgba(147,241,201,.2);
}
.hwp2-uptime .up-val{font:800 1.6rem/1 var(–rep-font-display);color:var(–rep-teal);}
.hwp2-uptime .up-label{font:400 .78rem/1 var(–rep-font-body);color:var(–rep-text-muted);margin-top:3px;}
/* ===== 7. TESTIMONIOS ===== */
.hwp2-reviews{padding:88px 0;background:var(–rep-forest);overflow:hidden;position:relative;}
.hwp2-reviews::before{
content:»»;position:absolute;top:-15%;right:-5%;width:50%;height:60%;
background:radial-gradient(ellipse,rgba(65,153,159,.1) 0%,transparent 60%);pointer-events:none;
}
.hwp2-reviews-head{text-align:center;margin-bottom:46px;position:relative;z-index:1;}
.hwp2-reviews-head h2{color:#fff;}
.hwp2-reviews-head p{color:rgba(255,255,255,.5);max-width:480px;margin:10px auto 0;}
#hwp2-reel{position:relative;z-index:1;}
#hwp2-reel .container{max-width:1140px;margin:0 auto;padding:0 24px;}
#hwp2-reel .cta-tp{display:flex;justify-content:flex-end;margin-bottom:28px;}
#hwp2-reel .cta-tp a{
display:inline-flex;align-items:center;gap:6px;
padding:8px 16px;border-radius:var(–rep-radius-full);
border:1px solid rgba(255,255,255,.14);color:rgba(255,255,255,.5);font:.8rem/1 var(–rep-font-body);transition:all .15s;
}
#hwp2-reel .cta-tp a:hover{background:rgba(255,255,255,.07);color:#fff;}
.hwp2-reel{width:100%;overflow:hidden;margin-bottom:16px;}
.hwp2-track{display:flex;gap:14px;width:max-content;animation:hwp2scroll 33s linear infinite;}
.hwp2-track:hover{animation-play-state:paused;}
.hwp2-track.rev{animation-direction:reverse;}
@keyframes hwp2scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.hwp2-chunk{display:flex;gap:14px;}
.hwp2-rv{
background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.09);
border-radius:var(–rep-radius-lg);padding:20px;width:295px;flex-shrink:0;
}
.hwp2-rv .rt{display:flex;justify-content:space-between;margin-bottom:10px;}
.hwp2-rv .stars{color:var(–rep-sun);font-size:.88rem;}
.hwp2-rv .src{font:500 .68rem/1 var(–rep-font-body);color:rgba(255,255,255,.28);text-transform:uppercase;}
.hwp2-rv blockquote{font-size:.86rem;color:rgba(255,255,255,.68);line-height:1.6;margin:0 0 13px;}
.hwp2-rv blockquote strong{color:#fff;}
.hwp2-rv .rb{display:flex;gap:8px;align-items:center;}
.hwp2-rv .av{width:29px;height:29px;border-radius:50%;background:var(–rep-teal);display:flex;align-items:center;justify-content:center;font:700 .7rem/1 var(–rep-font-body);color:#fff;flex-shrink:0;}
.hwp2-rv .nm{font:600 .78rem/1.2 var(–rep-font-body);color:rgba(255,255,255,.72);}
.hwp2-rv .dt{font:400 .68rem/1 var(–rep-font-body);color:rgba(255,255,255,.28);}
/* ===== 8. ECOSISTEMA ===== */
.hwp2-ecosystem{padding:88px 0;background:var(–rep-bg-light);}
.hwp2-eco-head{text-align:center;margin-bottom:50px;}
.hwp2-eco-head h2{margin-bottom:10px;}
.hwp2-eco-head p{color:var(–rep-text-muted);max-width:540px;margin:0 auto;}
.hwp2-eco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.hwp2-eco-card{
background:#fff;border:1px solid var(–rep-border);border-radius:var(–rep-radius-xl);
padding:28px;transition:all .22s;
}
.hwp2-eco-card:hover{box-shadow:var(–rep-shadow-lg);transform:translateY(-3px);border-color:rgba(65,153,159,.2);}
.hwp2-eco-card .ec-icon{
width:48px;height:48px;border-radius:var(–rep-radius-md);
background:var(–rep-bg-light);display:flex;align-items:center;justify-content:center;
font-size:24px;color:var(–rep-teal);margin-bottom:14px;
}
.hwp2-eco-card h3{margin-bottom:8px;}
.hwp2-eco-card p{font-size:.86rem;color:var(–rep-text-muted);line-height:1.7;margin-bottom:16px;}
.hwp2-eco-card ul{display:flex;flex-direction:column;gap:5px;margin-bottom:18px;}
.hwp2-eco-card ul li{display:flex;align-items:center;gap:7px;font-size:.82rem;color:var(–rep-text-secondary);}
.hwp2-eco-card ul li::before{content:’✓’;color:var(–rep-teal);font-weight:700;flex-shrink:0;}
.eco-link2{display:inline-flex;align-items:center;gap:5px;font:600 .85rem/1 var(–rep-font-body);color:var(–rep-teal);transition:gap .15s;}
.eco-link2:hover{gap:10px;}
/* ===== 9. FAQs ===== */
.hwp2-faqs{padding:88px 0;background:#fff;}
.hwp2-faqs-head{text-align:center;margin-bottom:50px;}
.hwp2-faqs-head h2{margin-bottom:10px;}
.hwp2-faqs-head p{color:var(–rep-text-muted);max-width:500px;margin:0 auto;}
.hwp2-faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:10px;}
.hwp2-faq{border:1px solid var(–rep-border);border-radius:var(–rep-radius-lg);background:#fff;overflow:hidden;}
.hwp2-faq summary{
display:flex;align-items:center;justify-content:space-between;
padding:20px 26px;cursor:pointer;list-style:none;
font:600 .96rem/1.35 var(–rep-font-display);color:var(–rep-forest);
gap:14px;transition:background .15s;
}
.hwp2-faq summary::-webkit-details-marker{display:none;}
.hwp2-faq summary:hover,.hwp2-faq[open] summary{background:var(–rep-bg-light);}
.hwp2-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:12px;color:var(–rep-teal);flex-shrink:0;transition:transform .22s;
}
.hwp2-faq[open] .fi{transform:rotate(45deg);}
.hwp2-faq .fb{padding:0 26px 22px;border-top:1px solid var(–rep-border);}
.hwp2-faq .fb p{font-size:.92rem;line-height:1.75;color:var(–rep-text-secondary);padding-top:16px;margin:0;}
.hwp2-faq .fb p strong{color:var(–rep-forest);}
.hwp2-faq .fb p a{color:var(–rep-teal);font-weight:600;}
/* ===== 10. CTA FINAL ===== */
.hwp2-cta{
padding:100px 0;
background:linear-gradient(180deg,#0A1810 0%,#0E1E15 50%,#1E2F23 100%);
position:relative;overflow:hidden;
}
.hwp2-cta::before{
content:»»;position:absolute;inset:0;
background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(65,153,159,.07) 0%,transparent 65%);
pointer-events:none;
}
.hwp2-cta .wrap{position:relative;z-index:1;text-align:center;}
.hwp2-cta h2{color:#fff!important;margin-bottom:16px;max-width:600px;margin-left:auto;margin-right:auto;}
.hwp2-cta p{color:rgba(255,255,255,.55);max-width:500px;margin:0 auto 32px;font-size:1.03rem;line-height:1.75;}
.hwp2-cta-btns{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:26px;}
.hwp2-cta-btns .btn{color:#FFF;}
.hwp2-trust-strip{
display:flex;gap:16px;justify-content:center;flex-wrap:wrap;
font:400 .77rem/1 var(–rep-font-body);color:rgba(255,255,255,.3);
}
.hwp2-trust-strip span{display:flex;align-items:center;gap:5px;}
.hwp2-trust-strip i{font-size:12px;color:var(–rep-green);}
/* ── RESPONSIVE ── */
@media(max-width:1024px){
.hwp2-sec-inner{grid-template-columns:1fr;}
.hwp2-eco-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:640px){
.hwp2-eco-grid{grid-template-columns:1fr;}
.hwp2-faq summary{padding:16px 18px;font-size:.88rem;}
.hwp2-faq .fb{padding:0 18px 18px;}
}/* End custom CSS */