.elementor-95 .elementor-element.elementor-element-d1e270c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-8591a48 */*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --ink:#0C0F1D;--ink2:#151929;--ink3:#1C2137;
  --electric:#3366FF;--elec2:#5588FF;--elec-glow:rgba(51,102,255,0.12);
  --mint:#00D4AA;--mint-soft:rgba(0,212,170,0.08);
  --coral:#FF5C5C;--amber:#FFB340;
  --ivory:#FAFAF6;--warm:#F5F3EE;--sand:#E8E4DD;
  --t900:#1A1D2B;--t700:#3A3F52;--t500:#6B7084;--t400:#8E93A7;--t300:#B4B8C9;--t200:#D4D7E3;--t100:#ECEEF4;
  --serif:'Instrument Serif',Georgia,serif;
  --sans:'DM Sans',-apple-system,sans-serif;
  --mono:'IBM Plex Mono',monospace;
}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}
body{font-family:var(--sans);color:var(--t700);background:var(--ivory);overflow-x:hidden}
a{text-decoration:none;color:inherit}
.w{max-width:1200px;margin:0 auto;padding:0 2.5rem}

/* grain */
body::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:0.018;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* ═══════ HERO ═══════ */
.pr-hero{padding:5rem 0 3rem;text-align:center}
.pr-hero h1{font-family:var(--serif);font-size:clamp(2.2rem,4vw,3.4rem);font-weight:400;color:var(--ink);letter-spacing:-0.03em;line-height:1.1;margin-bottom:1rem}
.pr-hero h1 em{font-style:italic;color:var(--electric)}
.pr-hero p{font-size:1.05rem;color:var(--t500);max-width:520px;margin:0 auto 2.5rem;line-height:1.6}

/* ═══════ TOGGLE ═══════ */
.toggle-wrap{display:flex;justify-content:center;margin-bottom:3rem}
.toggle{display:flex;background:var(--warm);border:1px solid var(--sand);border-radius:999px;padding:3px;gap:2px}
.toggle button{
  font-family:var(--sans);font-size:0.82rem;font-weight:600;
  padding:0.5rem 1.5rem;border:none;border-radius:999px;
  cursor:pointer;background:transparent;color:var(--t400);transition:0.2s;
  position:relative;
}
.toggle button.active{background:var(--ink);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,0.1)}
.toggle-save{
  display:inline-block;margin-left:0.5rem;
  font-family:var(--mono);font-size:0.65rem;font-weight:600;
  color:var(--mint);background:var(--mint-soft);
  padding:2px 6px;border-radius:4px;
}

/* ═══════ CARDS ═══════ */
.pr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1050px;margin:0 auto}

.pr-card{
  background:#fff;border:1px solid var(--sand);border-radius:18px;
  padding:2.5rem 2rem;position:relative;transition:all 0.3s;
  display:flex;flex-direction:column;
}
.pr-card:hover{box-shadow:0 12px 40px rgba(0,0,0,0.05)}
.pr-card.pop{
  border:2px solid var(--electric);
  box-shadow:0 0 0 4px var(--elec-glow),0 12px 40px rgba(51,102,255,0.08);
}
.pr-card.pop::before{
  content:'Recomendado';position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  background:var(--electric);color:#fff;font-size:0.68rem;font-weight:700;
  padding:4px 16px;border-radius:999px;letter-spacing:0.02em;
}

.pr-tier{font-size:0.82rem;font-weight:700;color:var(--t400);text-transform:uppercase;letter-spacing:0.08em;margin-bottom:0.25rem}
.pr-name{font-family:var(--serif);font-size:1.4rem;color:var(--ink);margin-bottom:0.4rem}
.pr-desc{font-size:0.82rem;color:var(--t400);line-height:1.5;margin-bottom:1.5rem;min-height:2.4em}

.pr-price{display:flex;align-items:baseline;gap:0.2rem;margin-bottom:0.35rem}
.pr-price .amount{font-family:var(--serif);font-size:3.2rem;color:var(--ink);letter-spacing:-0.03em;line-height:1}
.pr-price .currency{font-size:1.2rem;color:var(--t500);font-weight:600}
.pr-price .period{font-size:0.82rem;color:var(--t400)}
.pr-yearly{font-size:0.75rem;color:var(--t400);margin-bottom:1.5rem;min-height:1.2em}
.pr-yearly strong{color:var(--mint);font-weight:600}

/* Features list */
.pr-feats{display:flex;flex-direction:column;gap:0.6rem;margin-bottom:2rem;flex:1}
.pr-feat{display:flex;align-items:flex-start;gap:0.5rem;font-size:0.84rem;color:var(--t700);line-height:1.4}
.pr-feat svg{width:15px;height:15px;stroke:var(--mint);fill:none;stroke-width:2.5;flex-shrink:0;margin-top:1px}
.pr-feat.disabled{color:var(--t300)}
.pr-feat.disabled svg{stroke:var(--t200)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;font-family:var(--sans);font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all 0.25s;text-align:center;width:100%;padding:0.8rem 1.5rem;font-size:0.9rem}
.btn-primary{background:var(--electric);color:#fff}
.btn-primary:hover{background:#2255DD;box-shadow:0 6px 20px rgba(51,102,255,0.25);transform:translateY(-1px)}
.btn-ghost{background:transparent;color:var(--t700);border:1px solid var(--t200)}
.btn-ghost:hover{border-color:var(--electric);color:var(--electric)}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{background:#1a1f35;box-shadow:0 6px 20px rgba(0,0,0,0.12);transform:translateY(-1px)}

/* ═══════ COMPARISON TABLE ═══════ */
.comp{padding:5rem 0;background:var(--warm)}
.comp h2{font-family:var(--serif);font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:400;color:var(--ink);text-align:center;letter-spacing:-0.02em;margin-bottom:2.5rem}
.comp-table{width:100%;border-collapse:collapse;max-width:960px;margin:0 auto;font-size:0.84rem}
.comp-table th,.comp-table td{padding:0.85rem 1rem;text-align:left;border-bottom:1px solid var(--sand)}
.comp-table th{font-weight:400;color:var(--t400)}
.comp-table td{color:var(--t700)}
.comp-table td:not(:first-child),.comp-table th:not(:first-child){text-align:center;width:18%}
.comp-table thead th{font-weight:700;color:var(--ink);font-size:0.9rem;padding-bottom:1rem;border-bottom:2px solid var(--sand)}
.comp-table thead th:nth-child(3){color:var(--electric)}
.comp-group{font-weight:700;color:var(--t900);font-size:0.78rem;text-transform:uppercase;letter-spacing:0.08em;padding-top:1.5rem;background:transparent}
.comp-check{display:inline-block;width:18px;height:18px}
.comp-check svg{width:18px;height:18px;stroke:var(--mint);fill:none;stroke-width:2.5}
.comp-x{color:var(--t200);font-weight:500}

/* ═══════ ENTERPRISE ═══════ */
.enterprise{padding:4rem 0}
.ent-box{
  background:var(--ink);border-radius:20px;padding:3.5rem;
  display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:center;
  position:relative;overflow:hidden;
}
.ent-box::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,var(--elec-glow),transparent 60%);pointer-events:none}
.ent-box h2{font-family:var(--serif);font-size:1.8rem;color:#fff;font-weight:400;letter-spacing:-0.02em;margin-bottom:0.5rem;position:relative}
.ent-box p{font-size:0.92rem;color:var(--t400);line-height:1.6;max-width:500px;position:relative}
.ent-box .btn{position:relative;width:auto;padding:0.8rem 2rem;white-space:nowrap}
.btn-white{background:#fff;color:var(--ink);font-weight:700}
.btn-white:hover{background:var(--ivory);box-shadow:0 6px 20px rgba(0,0,0,0.15);transform:translateY(-1px)}

/* ═══════ FAQ ═══════ */
.faq{padding:5rem 0}
.faq h2{font-family:var(--serif);font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:400;color:var(--ink);text-align:center;letter-spacing:-0.02em;margin-bottom:2.5rem}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;max-width:960px;margin:0 auto}
.faq-item{
  background:#fff;border:1px solid var(--sand);border-radius:12px;
  overflow:hidden;transition:0.2s;
}
.faq-item:hover{border-color:var(--t200)}
.faq-q{
  display:flex;align-items:center;justify-content:space-between;
  padding:1.1rem 1.25rem;cursor:pointer;
  font-size:0.88rem;font-weight:600;color:var(--t900);
}
.faq-q svg{width:16px;height:16px;stroke:var(--t300);fill:none;stroke-width:2;flex-shrink:0;transition:transform 0.25s}
.faq-item.open .faq-q svg{transform:rotate(180deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height 0.35s ease}
.faq-item.open .faq-a{max-height:300px}
.faq-a p{padding:0 1.25rem 1.1rem;font-size:0.84rem;color:var(--t500);line-height:1.65}

/* ═══════ FINAL CTA ═══════ */
.final{padding:4rem 0 5rem;text-align:center}
.final h2{font-family:var(--serif);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:400;color:var(--ink);letter-spacing:-0.02em;margin-bottom:0.75rem}
.final p{font-size:0.92rem;color:var(--t500);max-width:460px;margin:0 auto 1.5rem;line-height:1.6}
.final .btns{display:flex;gap:0.75rem;justify-content:center;flex-wrap:wrap}
.final .btn{width:auto;padding:0.75rem 1.75rem}

/* ═══════ RESPONSIVE ═══════ */
@media(max-width:900px){
  .pr-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}
  .comp-table{font-size:0.75rem}
  .comp-table th,.comp-table td{padding:0.6rem 0.5rem}
  .ent-box{grid-template-columns:1fr;text-align:center}
  .ent-box .btn{margin:0 auto}
  .faq-grid{grid-template-columns:1fr}
}/* End custom CSS */