.elementor-397 .elementor-element.elementor-element-72bb8af{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-3a02e52 *//* ===========================================================================
   Replanta Dominios v4 · All styles scoped to .rpl
   =========================================================================== */

/* ── Fallback tokens (replanta-kit.css carga los definitivos) ── */
:root{
  --rep-green:#93F1C9;--rep-forest:#1E2F23;--rep-teal:#41999F;--rep-sun:#F7D450;
  --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:wght@300..800&family=Sora:wght@300..800&display=swap');

/* ── Base atoms ── */
.rpl *,.rpl *::before,.rpl *::after{box-sizing:border-box;}
.rpl 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.4rem)!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.25rem)!important;font-weight:600!important;color:var(--rep-forest);}
.rpl h4{font-size:clamp(.9rem,1.4vw,1.05rem)!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);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(24px);transition:opacity .6s ease,transform .6s ease;}
.reveal.is-visible{opacity:1;transform:translateY(0);}
.reveal[data-delay="1"]{transition-delay:.1s;}
.reveal[data-delay="2"]{transition-delay:.2s;}
.reveal[data-delay="3"]{transition-delay:.3s;}
.reveal[data-delay="4"]{transition-delay:.4s;}

/* ===========================================================================
   1. HERO
   =========================================================================== */
.dom-hero{
  min-height:90vh;display:flex;align-items:center;
  background:linear-gradient(155deg,#0D1C11 0%,#152419 45%,#0B1910 100%);
  position:relative;overflow:hidden;padding:120px 0 80px;
}
.dom-hero::before{
  content:"";position:absolute;inset:0;
  background:
    radial-gradient(ellipse 65% 55% at 25% 45%,rgba(65,153,159,.13) 0%,transparent 60%),
    radial-gradient(ellipse 50% 50% at 85% 20%,rgba(147,241,201,.06) 0%,transparent 55%);
  pointer-events:none;
}
.dom-hero::after{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(147,241,201,.02) 1px,transparent 1px),
    linear-gradient(90deg,rgba(147,241,201,.02) 1px,transparent 1px);
  background-size:52px 52px;pointer-events:none;
}
.dom-hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;}
.dom-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);
}
.dom-hero-eyebrow i{font-size:14px;}
.dom-hero-content h1{margin-bottom:20px;}
.dom-hero-sub{font-size:1.05rem;color:rgba(255,255,255,.58);line-height:1.8;margin-bottom:30px;max-width:500px;}
.dom-hero-sub strong{color:var(--rep-green);}
.dom-hero-badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:34px;}
.dom-hbadge{
  display:inline-flex;align-items:center;gap:5px;
  padding:6px 12px;border-radius:var(--rep-radius-full);
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  font:500 .78rem/1 var(--rep-font-body);color:rgba(255,255,255,.65);
}
.dom-hbadge i{color:var(--rep-green);font-size:13px;}
.dom-hero-btns{display:flex;gap:12px;flex-wrap:wrap;}

/* ── Hero visual: domain ecosystem card ── */
.dom-hero-visual{position:relative;}
.dom-globe-card{
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);
  border-radius:var(--rep-radius-xl);padding:28px 28px 24px;
  backdrop-filter:blur(6px);position:relative;
}
.dom-globe-card::before{
  content:"";position:absolute;inset:-1px;border-radius:var(--rep-radius-xl);
  background:linear-gradient(135deg,rgba(147,241,201,.14),rgba(65,153,159,.07),transparent 65%);
  z-index:-1;pointer-events:none;
}
/* Globe icon center */
.dgc-globe-wrap{text-align:center;margin-bottom:20px;}
.dgc-globe-icon{
  width:64px;height:64px;border-radius:50%;
  background:rgba(147,241,201,.1);border:1px solid rgba(147,241,201,.18);
  display:flex;align-items:center;justify-content:center;
  font-size:30px;color:var(--rep-green);margin:0 auto 10px;
  animation:dom-globe-breathe 4s ease-in-out infinite;
}
@keyframes dom-globe-breathe{
  0%,100%{box-shadow:0 0 0 0 rgba(147,241,201,.12);}
  50%{box-shadow:0 0 0 12px rgba(147,241,201,0);}
}
.dgc-globe-label{font:600 .75rem/1 var(--rep-font-body);color:rgba(255,255,255,.35);letter-spacing:.06em;text-transform:uppercase;}
/* Extension chips cloud */
.dgc-ext-cloud{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:22px;
}
.dgc-ext{
  padding:5px 14px;border-radius:var(--rep-radius-full);
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.11);
  font:700 .9rem/1 var(--rep-font-display);color:rgba(255,255,255,.7);
  transition:background .2s;
}
.dgc-ext.prime{background:rgba(147,241,201,.1);border-color:rgba(147,241,201,.25);color:var(--rep-green);}
.dgc-ext.eco{background:rgba(247,212,80,.07);border-color:rgba(247,212,80,.2);color:var(--rep-sun);}
/* Feature checklist */
.dgc-features{
  display:flex;flex-direction:column;gap:9px;
  padding:18px 0 18px;border-top:1px solid rgba(255,255,255,.07);
  margin-bottom:18px;
}
.dgc-feat{
  display:flex;align-items:center;gap:10px;
  font:400 .84rem/1.3 var(--rep-font-body);color:rgba(255,255,255,.58);
}
.dgc-feat i{color:var(--rep-green);font-size:15px;flex-shrink:0;}
/* Footer stats */
.dsc-footer{
  display:grid;grid-template-columns:repeat(3,1fr);gap:1px;
  background:rgba(255,255,255,.07);border-radius:var(--rep-radius-md);
  overflow:hidden;
}
.dsc-stat{
  background:rgba(255,255,255,.04);padding:12px 8px;text-align:center;
}
.dsc-stat .val{font:700 1.1rem/1 var(--rep-font-display);color:var(--rep-green);}
.dsc-stat .lab{font:400 .68rem/1.3 var(--rep-font-body);color:rgba(255,255,255,.3);margin-top:3px;}

/* Floating pulse dot */
.dom-pulse{
  position:absolute;top:18px;right:18px;
  width:10px;height:10px;border-radius:50%;background:#22c55e;
  box-shadow:0 0 0 0 rgba(34,197,94,.4);
  animation:dom-pulse 2.8s infinite;
}
@keyframes dom-pulse{
  0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,.4);}
  70%{box-shadow:0 0 0 10px rgba(34,197,94,0);}
}

/* Mobile hero layout */
@media(max-width:860px){
  .dom-hero-inner{grid-template-columns:1fr;gap:48px;}
  .dom-hero-content h1,.dom-hero-sub{text-align:center;}
  .dom-hero-badges,.dom-hero-btns,.dom-hero-eyebrow{justify-content:center;}
}

/* ===========================================================================
   2. WIDGET UPMIND DAC (dark section)
   =========================================================================== */
.dom-widget{
  background:linear-gradient(180deg,#0D1C11 0%,#12221A 100%);
  padding:80px 0;position:relative;
}
.dom-widget::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(147,241,201,.2),transparent);
}
.dom-widget-head{text-align:center;margin-bottom:40px;}
.dom-widget-head .kicker{color:var(--rep-green);}
.dom-widget-head h2{color:#fff;margin-bottom:10px;}
.dom-widget-head p{color:rgba(255,255,255,.5);max-width:500px;margin:0 auto;font-size:.98rem;}
.dom-widget-inner{max-width:760px;margin:0 auto;}
.rep-domain-search{width:100%;}

/* ===========================================================================
   3. EXTENSIONES POPULARES
   =========================================================================== */
.dom-tlds{padding:88px 0;background:#fff;}
.dom-tlds .wrap{max-width:940px;}
.dom-tlds-head{text-align:center;margin-bottom:44px;}
.dom-tlds-head h2{margin-bottom:10px;}
.dom-tlds-head p{color:var(--rep-text-muted);max-width:480px;margin:0 auto;font-size:.97rem;}
.tld-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.tld-card{
  background:var(--rep-bg-light);border:1px solid var(--rep-border);
  border-radius:var(--rep-radius-lg);padding:22px 18px;text-align:center;
  transition:all .25s ease;cursor:default;
}
.tld-card:hover{box-shadow:var(--rep-shadow-md);transform:translateY(-3px);border-color:rgba(65,153,159,.25);}
.tld-ext{font:700 1.5rem/1 var(--rep-font-display);color:var(--rep-forest);margin-bottom:8px;}
.tld-ext span{color:var(--rep-teal);}
.tld-price{font:600 .82rem/1 var(--rep-font-body);color:var(--rep-teal);margin-bottom:5px;}
.tld-desc{font-size:.76rem;color:var(--rep-text-muted);}
.tld-eco-badge{
  display:inline-flex;align-items:center;gap:4px;
  font:600 .66rem/1 var(--rep-font-body);padding:3px 8px;
  border-radius:var(--rep-radius-full);background:rgba(147,241,201,.12);
  color:var(--rep-teal);border:1px solid rgba(147,241,201,.25);margin-top:6px;
}
@media(max-width:640px){.tld-grid{grid-template-columns:repeat(2,1fr);}}

/* ===========================================================================
   4. INCLUIDO CON TU DOMINIO (dark, diagonal clip)
   =========================================================================== */
.dom-features{
  --angle:clamp(32px,3.5vw,64px);
  padding:calc(80px + var(--angle)) 0 80px;
  background:var(--rep-forest);color:#fff;
  position:relative;z-index:2;
  clip-path:polygon(0 var(--angle),100% 0,100% 100%,0 100%);
  margin-top:calc(-1 * var(--angle));
}
.dom-features .wrap{max-width:1000px;}
.dom-feat-head{text-align:center;margin-bottom:52px;}
.dom-feat-head h2{color:#fff;margin-bottom:10px;}
.dom-feat-head p{color:rgba(255,255,255,.5);max-width:500px;margin:0 auto;font-size:.97rem;}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.feat-card{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);
  border-radius:var(--rep-radius-lg);padding:28px;text-align:center;
  transition:all .25s ease;
}
.feat-card:hover{background:rgba(255,255,255,.09);transform:translateY(-4px);}
.feat-card i{font-size:36px;color:var(--rep-green);margin-bottom:14px;display:block;}
.feat-card h3{color:#fff!important;font-size:1.05rem;margin-bottom:8px;}
.feat-card p{font-size:.88rem;color:rgba(255,255,255,.55);line-height:1.7;}
@media(max-width:640px){.feat-grid{grid-template-columns:1fr;}}

/* ===========================================================================
   5. TRANSFERIR DOMINIO
   =========================================================================== */
.dom-transfer{padding:88px 0;background:#fff;}
.dom-transfer .wrap{max-width:860px;}
.dom-transfer-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.dom-transfer-copy{display:block;} /* left column */
.dom-transfer-copy .kicker{display:block;margin-bottom:12px;}
.dom-transfer-copy h2{margin-bottom:14px;}
.dom-transfer-copy p{font-size:.97rem;line-height:1.8;margin-bottom:20px;}
.dom-steps{display:flex;flex-direction:column;gap:16px;}
.dom-step{display:flex;gap:16px;align-items:flex-start;}
.dom-step-num{
  width:38px;height:38px;flex-shrink:0;border-radius:50%;
  background:var(--rep-green);color:var(--rep-forest);
  display:grid;place-items:center;font:700 .88rem/1 var(--rep-font-display);
}
.dom-step-body h4{font-size:.95rem;margin-bottom:3px;color:var(--rep-forest);}
.dom-step-body p{font-size:.84rem;color:var(--rep-text-muted);margin:0;}
@media(max-width:640px){.dom-transfer-inner{grid-template-columns:1fr;gap:40px;}}

/* ===========================================================================
   6. FAQ
   =========================================================================== */
.dom-faqs{padding:88px 0;background:var(--rep-bg-light);}
.dom-faqs .wrap{max-width:720px;}
.dom-faqs-head{text-align:center;margin-bottom:44px;}
.dom-faqs-head h2{margin-bottom:10px;}
.dom-faqs-head p{color:var(--rep-text-muted);font-size:.97rem;}
.dom-faq{
  border:1px solid var(--rep-border);border-radius:var(--rep-radius-md);
  background:#fff;margin-bottom:10px;overflow:hidden;transition:box-shadow .25s;
}
.dom-faq:hover{box-shadow:var(--rep-shadow-sm);}
.dom-faq summary{
  padding:18px 22px;cursor:pointer;list-style:none;display:flex;align-items:center;
  justify-content:space-between;font:600 .95rem/1.45 var(--rep-font-display);color:var(--rep-forest);
}
.dom-faq summary::-webkit-details-marker{display:none;}
.dom-faq summary i{font-size:16px;color:var(--rep-teal);transition:transform .22s;flex-shrink:0;margin-left:12px;}
.dom-faq[open] summary i{transform:rotate(180deg);}
.dom-faq .answer{padding:0 22px 18px;font-size:.9rem;line-height:1.75;color:var(--rep-text-secondary);}
.dom-faq .answer a{color:var(--rep-teal);text-decoration:underline;}

/* ===========================================================================
   7. CTA FINAL
   =========================================================================== */
.dom-cta{
  padding:88px 0;
  background:linear-gradient(135deg,#1E2F23 0%,#2A4A35 50%,#1A3828 100%);
  text-align:center;position:relative;overflow:hidden;
}
.dom-cta::before{
  content:"";position:absolute;inset:0;
  background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(65,153,159,.12) 0%,transparent 70%);
  pointer-events:none;
}
.dom-cta .wrap{position:relative;z-index:1;}
.dom-cta h2{color:#fff;margin-bottom:12px;}
.dom-cta p{color:rgba(255,255,255,.6);max-width:460px;margin:0 auto 32px;font-size:1.05rem;}
.dom-cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}/* End custom CSS */