/* =========================================================
   GLOBAL RESET (solo una vez)
   ========================================================= */
*{ box-sizing:border-box; margin:0; padding:0; }
html, body{ height:100%; }

/* =========================================================
   ROOT TOKENS (unificados)
   ========================================================= */
:root{
  --azt-font:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;

  /* Sistema etéreo (tech + espiritual) */
  --bg-ethereal:#f0f5fa;
  --bg-light:#f8fafc;
  --bg-glow:#e8f4fc;

  --ethereal-blue:#7eb8e4;
  --ethereal-blue-soft:rgba(126,184,228,.12);
  --ethereal-blue-medium:rgba(126,184,228,.25);
  --ethereal-blue-glow:rgba(126,184,228,.40);

  --deep-blue:#4a7fb5;
  --deep-blue-soft:rgba(74,127,181,.10);

  --chakra-violet:rgba(168,155,201,.15);
  --chakra-gold:rgba(228,200,140,.15);
  --chakra-cyan:rgba(140,220,228,.15);

  --white-glow:rgba(255,255,255,.90);
  --white-soft:rgba(255,255,255,.70);

  --ink:#3d5a80;
  --ink-dark:#1d3557;

  /* Muted compat */
  --muted1:rgba(61,90,128,.65);
  --muted2:rgba(61,90,128,.65);
  --muted3:rgba(61,90,128,.65);

  --softLine:rgba(126,184,228,.15);

  --card:rgba(255,255,255,.75);
  --card-border:rgba(255,255,255,.82);

  --shadow-soft: 0 14px 45px rgba(126,184,228,.10);
  --shadow-card: 0 22px 60px rgba(126,184,228,.16);
  --shadow-lift: 0 32px 85px rgba(126,184,228,.22);

  /* FALTABA EN TU ÚLTIMO CSS: lo usas como box-shadow */
  --card-glow: var(--shadow-card);
}

body{
  font-family:var(--azt-font);
  color:var(--ink);
  background:var(--bg-light);
}

/* =========================================================
   SECCIÓN 1: ONE SCREEN (css1)
   ========================================================= */
.aztOneScreen{
  position:relative;
  height:100vh;
  height:100dvh;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding: 2.2vh 16px;
  overflow:hidden;

  background:
    radial-gradient(ellipse 120% 70% at 50% 0%, var(--white-glow), transparent 60%),
    radial-gradient(ellipse 80% 55% at 18% 70%, var(--chakra-gold), transparent 55%),
    radial-gradient(ellipse 80% 55% at 85% 80%, var(--chakra-violet), transparent 55%),
    radial-gradient(ellipse 90% 60% at 55% 45%, var(--ethereal-blue-soft), transparent 60%),
    linear-gradient(180deg, var(--bg-light) 0%, var(--bg-ethereal) 100%);
}

.aztOneScreen::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(1px 1px at 20% 30%, rgba(126,184,228,.35), transparent),
    radial-gradient(1.5px 1.5px at 80% 18%, rgba(168,155,201,.28), transparent),
    radial-gradient(1px 1px at 44% 65%, rgba(255,255,255,.55), transparent),
    radial-gradient(1.5px 1.5px at 88% 78%, rgba(140,220,228,.20), transparent),
    radial-gradient(1px 1px at 12% 72%, rgba(228,200,140,.20), transparent);
  opacity:.95;
}

.aztOneScreen::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-340px;
  transform:translateX(-50%);
  width:900px;
  height:900px;
  pointer-events:none;
  opacity:.70;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='200' cy='200' r='175' fill='none' stroke='rgba(126,184,228,0.07)' stroke-width='1'/%3E%3Ccircle cx='200' cy='200' r='135' fill='none' stroke='rgba(126,184,228,0.055)' stroke-width='1'/%3E%3Ccircle cx='200' cy='200' r='95' fill='none' stroke='rgba(126,184,228,0.045)' stroke-width='1'/%3E%3Cpolygon points='200,25 375,200 200,375 25,200' fill='none' stroke='rgba(126,184,228,0.055)' stroke-width='1'/%3E%3Cpolygon points='200,65 335,200 200,335 65,200' fill='none' stroke='rgba(126,184,228,0.045)' stroke-width='1'/%3E%3C/svg%3E");
  background-size:contain;
  background-repeat:no-repeat;
}

.aztOneScreen > *{ position:relative; z-index:1; }

.aztOneScreen-head{
  text-align:center;
  max-width: 980px;
  margin: 0 auto 1.8vh;
  flex-shrink:0;
}

.aztOneScreen-pillTop{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 18px;
  border-radius:999px;
  background: var(--white-soft);
  border:1px solid var(--card-border);
  box-shadow: var(--shadow-soft);
  font-size: 12px;
  color: var(--deep-blue);
  font-weight: 500;
  margin-bottom: 10px;
}

.aztOneScreen-title{
  font-weight:300;
  letter-spacing:-0.8px;
  line-height:1.08;
  font-size: clamp(24px, 3.2vw, 46px);
  color: var(--ink-dark);
  margin-bottom: 10px;
}

.aztOneScreen-sub{
  max-width: 720px;
  margin: 0 auto;
  font-size: 15px;
  line-height: 1.65;
  color: var(--muted1);
  font-weight: 300;
}

.aztOneScreen-grid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(12px, 1.4vw, 20px);
  max-width: 1120px;
  margin: 0 auto;
  width:100%;
  flex:1;
  min-height:0;
  overflow:hidden;
}

.aztOneScreen-card{
  background: var(--card);
  border: 1px solid var(--card-border);
  border-radius: 28px;

 /* box-shadow: var(--shadow-card);*/

  overflow:hidden;
  display:flex;
  flex-direction:column;
  min-height:0;
  max-height:100%;
  position:relative;
  transition: transform .28s ease, box-shadow .28s ease;
}

.aztOneScreen-card::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.85), transparent);
  pointer-events:none;
}

.aztOneScreen-card:hover{
  transform: translateY(-4px);
  box-shadow: var(--shadow-lift);
}

.aztOneScreen-media{
  position:relative;
  flex:1;
  min-height:0;
  border-bottom: 1px solid rgba(126,184,228,.14);
  overflow:hidden;
  background:
    radial-gradient(ellipse 80% 80% at 50% 50%, var(--ethereal-blue-soft), transparent 60%),
    radial-gradient(ellipse 60% 60% at 30% 30%, var(--chakra-violet), transparent 55%),
    linear-gradient(135deg, var(--bg-glow), var(--bg-ethereal));
}

.aztOneScreen-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  display:block;
}

.aztOneScreen-media--energy{
  background:
    radial-gradient(ellipse 75% 95% at 28% 22%, rgba(228,200,140,.22), transparent 60%),
    radial-gradient(ellipse 70% 90% at 82% 82%, rgba(168,155,201,.18), transparent 60%),
    radial-gradient(ellipse 80% 80% at 50% 50%, var(--ethereal-blue-soft), transparent 60%),
    linear-gradient(135deg, var(--bg-glow), var(--bg-ethereal));
}

.aztOneScreen-media--tech{
  background:
    radial-gradient(ellipse 75% 95% at 28% 22%, rgba(140,220,228,.20), transparent 60%),
    radial-gradient(ellipse 70% 90% at 82% 82%, rgba(228,200,140,.16), transparent 60%),
    radial-gradient(ellipse 80% 80% at 50% 50%, var(--ethereal-blue-soft), transparent 60%),
    linear-gradient(135deg, var(--bg-glow), var(--bg-ethereal));
}

.aztOneScreen-orbit{
  position:absolute;
  right:-34px;
  bottom:-58px;
  width: 168px;
  height: 168px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.55);
  box-shadow:
    inset 0 0 0 1px rgba(126,184,228,.10),
    0 18px 55px rgba(126,184,228,.12);
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.22), transparent 60%),
    radial-gradient(circle at 60% 70%, rgba(126,184,228,.12), transparent 55%);
  transform: rotate(16deg);
  pointer-events:none;
}

.aztOneScreen-body{
  padding: clamp(14px, 1.6vw, 20px);
  flex-shrink:0;
  height: 300px;
  display:flex;
  flex-direction:column;
}

.aztOneScreen-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding: 9px 14px;
  border-radius:999px;
  background: var(--white-soft);
  border: 1px solid var(--card-border);
  color: var(--deep-blue);
  font-size: 12px;
  font-weight:500;
  margin-bottom: 10px;
  box-shadow: var(--shadow-soft);
  width: fit-content;
}

.aztOneScreen-pillIc{ width: 16px; height: 16px; color: var(--ethereal-blue); }

.aztOneScreen-h3{
  font-size: clamp(16px, 1.6vw, 22px);
  line-height: 1.12;
  letter-spacing: -0.4px;
  font-weight: 500;
  color: var(--ink-dark);
  margin-bottom: 6px;
}

.aztOneScreen-p{
  font-size: 14px;
  line-height: 1.6;
  color: var(--muted1);
  font-weight: 300;
  margin-bottom: 12px;
}

.aztOneScreen-items{
  margin-top: auto;
  display:flex;
  flex-direction:column;
  gap: 10px;
}

.aztOneScreen-item{
  display:grid;
  grid-template-columns: 34px 1fr;
  gap: 12px;
  padding: 10px 10px;
  border-radius: 16px;
  background: rgba(255,255,255,.50);
  border: 1px solid rgba(126,184,228,.12);
  box-shadow: 0 10px 28px rgba(126,184,228,.06);
}

.aztOneScreen-badge{
  width: 34px;
  height: 34px;
  border-radius: 12px;
  display:grid;
  place-items:center;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(126,184,228,.14);
  box-shadow: 0 10px 25px rgba(126,184,228,.08);
  color: var(--deep-blue);
  flex-shrink:0;
}

.aztOneScreen-badge svg{ width: 16px; height: 16px; }

.aztOneScreen-text h4{
  font-size: 14px;
  line-height: 1.15;
  letter-spacing: -0.2px;
  font-weight: 600;
  color: var(--ink-dark);
  margin-bottom: 3px;
}

.aztOneScreen-text p{
  font-size: 12.5px;
  line-height: 1.55;
  color: var(--muted1);
  font-weight: 300;
}

/* Responsive OneScreen */
@media (max-width: 900px){
  .aztOneScreen{ padding: 2.2vh 16px; }
  .aztOneScreen-body{ height: 280px; }
  .aztOneScreen-orbit{ width: 120px; height: 120px; right:-24px; bottom:-44px; }
}

@media (max-width: 700px){
  .aztOneScreen{
    height:auto;
    min-height:100dvh;
    padding: 18px 14px 28px;
    overflow: visible;
  }
  .aztOneScreen-grid{
    grid-template-columns: 1fr;
    gap: 16px;
    overflow: visible;
  }
  .aztOneScreen-media{ flex:none; }
  .aztOneScreen-media img{
    width:100%;
    height:auto;
    object-fit: contain;
  }
  .aztOneScreen-body{ height:auto; padding: 16px; }
  .aztOneScreen-item{ grid-template-columns: 38px 1fr; }
  .aztOneScreen-badge{ width: 38px; height: 38px; }
  .aztOneScreen-text h4{ font-size: 14px; }
  .aztOneScreen-text p{ font-size: 12.5px; }
}

@media (max-width: 400px){
  .aztOneScreen{ padding: 16px 10px 24px; }
  .aztOneScreen-title{ font-size: 22px; }
  .aztOneScreen-pillTop{ font-size: 11px; padding: 8px 14px; }
}



/* =========================================================
   SECCIÓN 2: PROBLEM SECTION (css2) — aislada
   ========================================================= */
.problemSection{
  position:relative;
  padding: 56px 20px 64px;
  overflow:hidden;

  background:
    radial-gradient(ellipse 120% 70% at 50% 0%, var(--white-glow), transparent 60%),
    radial-gradient(ellipse 80% 55% at 18% 70%, var(--chakra-gold), transparent 55%),
    radial-gradient(ellipse 80% 55% at 85% 80%, var(--chakra-violet), transparent 55%),
    radial-gradient(ellipse 90% 60% at 55% 45%, var(--ethereal-blue-soft), transparent 60%),
    linear-gradient(180deg, var(--bg-light) 0%, var(--bg-ethereal) 100%);
}

.problemSection::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(1px 1px at 20% 30%, rgba(126,184,228,.35), transparent),
    radial-gradient(1.5px 1.5px at 80% 18%, rgba(168,155,201,.28), transparent),
    radial-gradient(1px 1px at 44% 65%, rgba(255,255,255,.55), transparent),
    radial-gradient(1.5px 1.5px at 88% 78%, rgba(140,220,228,.20), transparent),
    radial-gradient(1px 1px at 12% 72%, rgba(228,200,140,.20), transparent);
  opacity:.95;
}

.problemSection::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-360px;
  transform:translateX(-50%);
  width: 920px;
  height: 920px;
  pointer-events:none;
  opacity:.70;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='200' cy='200' r='175' fill='none' stroke='rgba(126,184,228,0.07)' stroke-width='1'/%3E%3Ccircle cx='200' cy='200' r='135' fill='none' stroke='rgba(126,184,228,0.055)' stroke-width='1'/%3E%3Ccircle cx='200' cy='200' r='95' fill='none' stroke='rgba(126,184,228,0.045)' stroke-width='1'/%3E%3Cpolygon points='200,25 375,200 200,375 25,200' fill='none' stroke='rgba(126,184,228,0.055)' stroke-width='1'/%3E%3Cpolygon points='200,65 335,200 200,335 65,200' fill='none' stroke='rgba(126,184,228,0.045)' stroke-width='1'/%3E%3C/svg%3E");
  background-size:contain;
  background-repeat:no-repeat;
}

.problemSection .container{
  position:relative;
  z-index:1;
  max-width: 980px;
  margin:0 auto;
}

.problemSection .header{
  text-align:center;
  margin-bottom: 28px;
}

.problemSection .tag{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding: 10px 18px;
  border-radius:999px;
  background: var(--white-soft);
  border:1px solid var(--card-border);
  box-shadow: var(--shadow-soft);
  font-size: 12px;
  color: var(--deep-blue);
  font-weight: 500;
  margin-bottom: 14px;
}

.problemSection .tag svg{
  width: 16px;
  height: 16px;
  color: var(--ethereal-blue);
}

.problemSection .header h1{
  font-size: clamp(24px, 3.1vw, 44px);
  font-weight: 300;
  color: var(--ink-dark);
  line-height: 1.12;
  letter-spacing: -0.8px;
  margin-bottom: 12px;
}

.problemSection .header p{
  font-size: 15px;
  font-weight: 300;
  color: var(--muted2);
  max-width: 62ch;
  margin: 0 auto;
  line-height: 1.7;
}

.problemSection .cards-grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  margin-top: 22px;
  margin-bottom: 26px;
}

.problemSection .card{
  background: var(--card);
  border: 1px solid var(--card-border);
  border-radius: 22px;
  padding: 18px 18px;
  box-shadow: var(--shadow-card);
  transition: transform .28s ease, box-shadow .28s ease;
  position:relative;
  overflow:hidden;
}

.problemSection .card::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.85), transparent);
  pointer-events:none;
}

.problemSection .card:hover{
  transform: translateY(-4px);
  box-shadow: var(--shadow-lift);
}

.problemSection .sphere{
  width: 44px;
  height: 44px;
  border-radius: 14px;
  display:grid;
  place-items:center;
  margin-bottom: 14px;

  background:
    radial-gradient(circle at 30% 25%, rgba(255,255,255,.90) 0%, rgba(255,255,255,.55) 35%, rgba(126,184,228,.12) 70%, rgba(168,155,201,.08) 100%);
  border: 1px solid rgba(126,184,228,.18);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.55),
    0 12px 28px rgba(126,184,228,.12);
  position:relative;
  overflow:hidden;
}

.problemSection .sphere::after{
  content:"";
  position:absolute;
  inset:-40%;
  background: conic-gradient(from 180deg,
    rgba(126,184,228,.20),
    rgba(228,200,140,.16),
    rgba(168,155,201,.18),
    rgba(140,220,228,.16),
    rgba(126,184,228,.20)
  );
  filter: blur(18px);
  opacity:.55;
  transform: rotate(18deg);
  pointer-events:none;
}

.problemSection .sphere svg{
  width: 18px;
  height: 18px;
  color: var(--deep-blue);
  position:relative;
  z-index:1;
  opacity:.95;
}

.problemSection .card h3{
  font-size: 16px;
  font-weight: 600;
  color: var(--ink-dark);
  letter-spacing: -0.25px;
  margin-bottom: 7px;
}

.problemSection .card p{
  font-size: 13.5px;
  font-weight: 300;
  color: var(--muted2);
  line-height: 1.65;
}

.problemSection .cta-container{
  text-align:center;
  margin-top: 8px;
  margin-bottom: 22px;
}

.problemSection .cta-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 22px;
  border-radius:999px;
  text-decoration:none;
  font-size: 13px;
  font-weight: 500;
  color: var(--ink-dark);

  background: rgba(255,255,255,.70);
  border: 1px solid rgba(126,184,228,.20);
  box-shadow: var(--shadow-soft);
  transition: transform .2s ease, background .2s ease, border-color .2s ease;
}

.problemSection .cta-button svg{
  width: 15px;
  height: 15px;
  color: var(--ethereal-blue);
  transition: transform .2s ease;
}

.problemSection .cta-button:hover{
  transform: translateY(-2px);
  background: rgba(255,255,255,.86);
  border-color: rgba(126,184,228,.30);
}

.problemSection .cta-button:hover svg{
  transform: translateX(2px);
}

.problemSection .divider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 12px;
  color: rgba(61,90,128,.55);
  font-size: 11px;
  letter-spacing: 1.2px;
  font-weight: 500;
}

.problemSection .divider::before,
.problemSection .divider::after{
  content:"";
  width: 40px;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(126,184,228,.30), transparent);
}

@media (max-width: 820px){
  .problemSection{ padding: 48px 18px 58px; }
  .problemSection .cards-grid{ gap: 14px; }
}

@media (max-width: 540px){
  .problemSection{ padding: 40px 16px 52px; }
  .problemSection .cards-grid{ grid-template-columns: 1fr; gap: 12px; }
  .problemSection .header{ margin-bottom: 22px; }
  .problemSection .header h1{ font-size: 24px; line-height: 1.2; }
  .problemSection .header h1 br{ display:none; }
  .problemSection .header p{ font-size: 14px; }
  .problemSection .tag{ padding: 8px 16px; font-size: 12px; }
  .problemSection .cta-button{ width:100%; max-width: 320px; }
}











/* =========================================================
   SECCIÓN 3: AZTROTECH DIFFERENCE (tu nuevo bloque)
   ========================================================= */



.aztrotech-difference{
  padding: 90px 20px;
  position: relative;
  overflow: hidden;

  background:
    radial-gradient(ellipse 100% 80% at 50% 0%, var(--white-glow), transparent 60%),
    radial-gradient(ellipse 70% 55% at 18% 30%, var(--ethereal-blue-soft), transparent 55%),
    radial-gradient(ellipse 70% 55% at 82% 70%, var(--chakra-violet), transparent 52%),
    radial-gradient(ellipse 70% 55% at 35% 90%, var(--chakra-cyan), transparent 55%),
    linear-gradient(180deg, var(--bg-light) 0%, var(--bg-ethereal) 100%);
}

.aztrotech-difference::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(1px 1px at 18% 28%, rgba(126,184,228,.35), transparent),
    radial-gradient(1.5px 1.5px at 76% 22%, rgba(168,155,201,.28), transparent),
    radial-gradient(1px 1px at 44% 64%, rgba(255,255,255,.55), transparent),
    radial-gradient(1.5px 1.5px at 86% 78%, rgba(140,220,228,.22), transparent),
    radial-gradient(1px 1px at 12% 70%, rgba(228,200,140,.22), transparent);
  opacity:.9;
}

.aztrotech-difference::after{
  content:"";
  position:absolute;
  left:50%;
  top:-140px;
  transform:translateX(-50%);
  width:900px;
  height:900px;
  pointer-events:none;
  opacity:.75;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='200' cy='200' r='170' fill='none' stroke='rgba(126,184,228,0.07)' stroke-width='1'/%3E%3Ccircle cx='200' cy='200' r='130' fill='none' stroke='rgba(126,184,228,0.055)' stroke-width='1'/%3E%3Ccircle cx='200' cy='200' r='90' fill='none' stroke='rgba(126,184,228,0.045)' stroke-width='1'/%3E%3Cpolygon points='200,25 375,200 200,375 25,200' fill='none' stroke='rgba(126,184,228,0.055)' stroke-width='1'/%3E%3Cpolygon points='200,65 335,200 200,335 65,200' fill='none' stroke='rgba(126,184,228,0.045)' stroke-width='1'/%3E%3C/svg%3E");
  background-size:contain;
  background-repeat:no-repeat;
}

.aztrotech-difference > *{ position:relative; z-index:1; }

/* Container */
.aztrotech-difference{ --wrap: 1120px; }
.aztrotech-top,
.aztrotech-cards{
  max-width: var(--wrap);
  margin: 0 auto;
}

/* Header layout */
.aztrotech-top{
  display:grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 28px;
  align-items:start;
  margin-bottom: 34px;
}

.aztrotech-top .top-left h2{
  font-size: clamp(30px, 4vw, 52px);
  font-weight: 300;
  letter-spacing: -0.9px;
  line-height: 1.06;
  color: var(--ink-dark);
}

.aztrotech-top .lead{
  font-size: 15px;
  line-height: 1.75;
  color: var(--muted3);
  font-weight: 300;
  margin-bottom: 18px;
}

.aztrotech-top .lead span{
  color: var(--deep-blue);
  font-weight: 600;
}

/* CTA pill-button */
.cta2{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  height: 46px;
  padding: 0 22px;
  border-radius: 999px;
  text-decoration:none;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.15px;

  background: var(--white-soft);
  border: 1px solid var(--card-border);
  color: var(--ink-dark);
  box-shadow: 0 14px 45px rgba(126,184,228,.12);
  transition: all .25s ease;
  position: relative;
  overflow:hidden;
}

.cta2::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height: 50%;
  background: linear-gradient(180deg, rgba(255,255,255,.18), transparent);
  pointer-events:none;
}

.cta2 svg{
  width: 18px;
  height: 18px;
  color: var(--ethereal-blue);
}

.cta2:hover{
  transform: translateY(-3px);
  box-shadow: 0 20px 60px rgba(126,184,228,.18);
  border-color: rgba(126,184,228,.25);
}

/* Cards grid */
.aztrotech-cards{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  align-items: stretch;
}

/* Card base */
.aztrotech-difference .card{
  border-radius: 28px;
  padding: 30px;
  background: var(--card);
  border: 1px solid var(--card-border);
  box-shadow: var(--card-glow);
  overflow:hidden;
  position:relative;
  transition: all .28s ease;
  min-height: 320px;
}

.aztrotech-difference .card::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.8), transparent);
}

.aztrotech-difference .card::after{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(600px 260px at 20% 10%, var(--ethereal-blue-soft), transparent 60%),
    radial-gradient(520px 260px at 80% 20%, var(--chakra-violet), transparent 62%);
  opacity:.65;
  pointer-events:none;
}

.aztrotech-difference .card > *{ position:relative; z-index:1; }

.aztrotech-difference .card:hover{
  transform: translateY(-4px);
  box-shadow: 0 30px 85px rgba(126,184,228,.20);
}

/* Primary card */
.aztrotech-difference .card.primary{
  background: linear-gradient(135deg,
    rgba(255,255,255,.78) 0%,
    rgba(126,184,228,.10) 55%,
    rgba(168,155,201,.13) 100%);
  border: 1px solid rgba(255,255,255,.85);
}

.aztrotech-difference .card.primary:hover{
  box-shadow: 0 35px 95px rgba(126,184,228,.24);
}

/* Chip */
.chip2{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .10em;
  text-transform: uppercase;

  background: var(--white-soft);
  border: 1px solid var(--card-border);
  color: var(--deep-blue);
  box-shadow: 0 10px 30px rgba(126,184,228,.10);
  margin-bottom: 18px;
}

.chip2-icon{
  width: 18px;
  height: 18px;
  color: var(--ethereal-blue);
}

.chip2.muted{
  color: var(--muted3);
  border-color: rgba(255,255,255,.75);
}
.chip2.muted .chip2-icon{
  color: rgba(74,127,181,.55);
}

/* Titles & copy */
.aztrotech-difference .card h3{
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.35px;
  color: var(--ink-dark);
  margin-bottom: 10px;
}

.aztrotech-difference .card .card-sub{
  font-size: 14px;
  line-height: 1.7;
  color: var(--muted3);
  font-weight: 300;
  margin-bottom: 18px;
}

/* List */
.aztrotech-difference .card ul{
  list-style:none;
  display:flex;
  flex-direction:column;
  gap: 12px;
  margin: 0;
  padding: 0;
}

.aztrotech-difference .card li{
  position:relative;
  padding-left: 30px;
  font-size: 13px;
  line-height: 1.55;
  color: var(--muted3);
  font-weight: 300;
}

.aztrotech-difference .card li::before{
  content:"";
  position:absolute;
  left:0;
  top: 2px;
  width: 18px;
  height: 18px;
  border-radius:50%;
  background: linear-gradient(135deg, var(--ethereal-blue-soft), transparent);
  border: 1px solid var(--ethereal-blue-medium);
}

.aztrotech-difference .card li.ok::after{
  content:"✦";
  position:absolute;
  left: 5px;
  top: 2px;
  font-size: 9px;
  color: var(--ethereal-blue);
}

.aztrotech-difference .card li.no::before{
  background: linear-gradient(135deg, rgba(232,180,180,.10), transparent);
  border-color: rgba(232,180,180,.20);
}

.aztrotech-difference .card li.no::after{
  content:"○";
  position:absolute;
  left: 6px;
  top: 1px;
  font-size: 11px;
  color: rgba(196,144,144,.85);
}

/* Responsive */
@media (max-width: 980px){
  .aztrotech-top{
    grid-template-columns: 1fr;
    gap: 14px;
  }
  .aztrotech-cards{
    grid-template-columns: 1fr;
  }
  .aztrotech-difference .card{
    min-height: auto;
  }
}












/*PRECIOOOOS*/




/* ════════════════════════════════════════════════════════════════
   PRICING — Elige tu ritmo (tech espiritual etéreo)
   Requiere tus :root (bg-light, bg-ethereal, ethereal-blue, deep-blue,
   white-soft, white-glow, card, card-border, softLine, muted, ink-dark, etc.)
   ════════════════════════════════════════════════════════════════ */

.aztrotech-pricing{
  padding: 90px 20px;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(ellipse 100% 80% at 50% 0%, var(--white-glow), transparent 60%),
    radial-gradient(ellipse 70% 55% at 18% 30%, var(--ethereal-blue-soft), transparent 55%),
    radial-gradient(ellipse 70% 55% at 82% 70%, var(--chakra-violet), transparent 52%),
    radial-gradient(ellipse 70% 55% at 35% 90%, var(--chakra-cyan), transparent 55%),
    linear-gradient(180deg, var(--bg-light) 0%, var(--bg-ethereal) 100%);
}

.aztrotech-pricing::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:
    radial-gradient(1px 1px at 18% 28%, rgba(126,184,228,.35), transparent),
    radial-gradient(1.5px 1.5px at 76% 22%, rgba(168,155,201,.28), transparent),
    radial-gradient(1px 1px at 44% 64%, rgba(255,255,255,.55), transparent),
    radial-gradient(1.5px 1.5px at 86% 78%, rgba(140,220,228,.22), transparent),
    radial-gradient(1px 1px at 12% 70%, rgba(228,200,140,.22), transparent);
  opacity:.9;
}

.aztrotech-pricing::after{
  content:"";
  position:absolute;
  left:50%;
  top:-140px;
  transform:translateX(-50%);
  width:900px;
  height:900px;
  pointer-events:none;
  opacity:.75;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='200' cy='200' r='170' fill='none' stroke='rgba(126,184,228,0.07)' stroke-width='1'/%3E%3Ccircle cx='200' cy='200' r='130' fill='none' stroke='rgba(126,184,228,0.055)' stroke-width='1'/%3E%3Ccircle cx='200' cy='200' r='90' fill='none' stroke='rgba(126,184,228,0.045)' stroke-width='1'/%3E%3Cpolygon points='200,25 375,200 200,375 25,200' fill='none' stroke='rgba(126,184,228,0.055)' stroke-width='1'/%3E%3Cpolygon points='200,65 335,200 200,335 65,200' fill='none' stroke='rgba(126,184,228,0.045)' stroke-width='1'/%3E%3C/svg%3E");
  background-size:contain;
  background-repeat:no-repeat;
}

.aztrotech-pricing-wrap{
  max-width: 1120px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  text-align: center;
}

/* Pill */
.ap-pill{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  /*padding: 12px 18px;*/
  border-radius: 999px;
  background: var(--white-soft);
  border: 1px solid var(--card-border);
  box-shadow: 0 12px 40px rgba(126,184,228,.10);
  color: #1d3557;
  font-size: 12px;
  font-weight: 500;
/*  margin-bottom: 22px;*/
}
.ap-pill svg{ width:18px; height:18px; color: var(--ethereal-blue); }

/* Title */
.ap-title{
  font-size: clamp(30px, 4vw, 50px);
  font-weight: 300;
  letter-spacing: -1px;
  line-height: 1.03;
  color:#1d3557;
  margin-bottom: 14px;

  /* si ya usas serif en tu sitio, esto se ve igual al screenshot */
  font-family:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}
.ap-sub{
  max-width: 680px;
  margin: 0 auto 48px;
  font-size: 16px;
  line-height: 1.7;
  color: rgba(61, 90, 128, .70);
  font-weight: 300;
}

/* Grid */
.ap-grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  align-items: stretch;
  text-align: left;
}

/* Cards */
.ap-card{
  border-radius: 28px;
  padding: 30px;
  background: rgba(255,255,255,.72);
  border: 1px solid rgba(126,184,228,.22);
  box-shadow: 0 25px 70px rgba(126,184,228,.10);
  position: relative;
  overflow: hidden;
  min-height: 420px;
  display:flex;
  flex-direction: column;
}

.ap-card::before{
  content:"";
  position:absolute;
  top:0; left:0; right:0;
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.85), transparent);
}

.ap-card::after{
  content:"";
  position:absolute;
  inset:-1px;
  background:
    radial-gradient(600px 260px at 15% 10%, rgba(126,184,228,.10), transparent 60%),
    radial-gradient(520px 260px at 85% 20%, rgba(168,155,201,.10), transparent 62%);
  opacity:.75;
  pointer-events:none;
}

.ap-card > *{ position: relative; z-index:1; }

.ap-card:hover{
  transform: translateY(-4px);
  box-shadow: 0 35px 95px rgba(126,184,228,.16);
  transition: all .25s ease;
}

/* Strong middle card */
.ap-card--strong{
  border-color: rgba(126,184,228,.35);
  box-shadow:
    0 40px 125px rgba(74,127,181,.18),
    0 24px 85px rgba(126,184,228,.18);
}
.ap-card--strong::after{
  background:
    radial-gradient(720px 320px at 18% 6%, rgba(126,184,228,.22), transparent 60%),
    radial-gradient(720px 320px at 82% 12%, rgba(74,127,181,.18), transparent 62%),
    radial-gradient(520px 260px at 60% 78%, rgba(168,155,201,.14), transparent 62%);
  opacity:.88;
}

/* “Más elegido” badge */
.ap-topBadge{
  display:flex;
  justify-content:flex-start;
  margin-bottom: 10px;
}
.ap-badge{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  height: 36px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(126,184,228,.28);
  color: #1d3557;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .10em;
  text-transform: uppercase;
  box-shadow: 0 12px 36px rgba(126,184,228,.12);
}
.ap-badge svg{ width:16px; height:16px; color: var(--ethereal-blue); }

/* Head */
.ap-head{
  display:flex;
  gap: 14px;
  align-items:center;
  margin-bottom: 18px;
}
.ap-icon{
  width: 54px;
  height: 54px;
  border-radius: 16px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: rgba(255,255,255,.75);
  border: 1px solid rgba(126,184,228,.20);
  box-shadow: 0 16px 45px rgba(126,184,228,.10);
}
.ap-icon svg{ width:26px; height:26px; color: rgba(29,53,87,.80); }

.ap-icon--strong{
  border-color: rgba(126,184,228,.30);
  box-shadow: 0 22px 60px rgba(74,127,181,.14);
}
.ap-icon--strong svg{ color: rgba(74,127,181,.95); }

/* Typography */
.ap-h3{
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.4px;
  color: #1d3557;
  margin: 0 0 6px 0;
  font-family:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;

}
.ap-lead{
  font-size: 13px;
  line-height: 1.6;
  color: rgba(61, 90, 128, .70);
  font-weight: 300;
  margin: 0;
}

/* Price */
.ap-price{
  margin: 10px 0 18px;
}
.ap-price-main{
  font-size: 52px;
  font-weight: 200;
  letter-spacing: -1px;
  line-height: 1.02;
  color: #042245;
  font-family:'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
}
.ap-price-sub{
  margin-top: 10px;
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: rgba(61, 90, 128, .65);
  font-weight: 500;
}

/* Mini rows */
.ap-mini{
  margin-top: auto;
  padding-top: 18px;
  border-top: 1px solid rgba(126,184,228,.16);
}

.ap-row{
  display:flex;
  align-items: baseline;
  gap: 14px;
  font-size: 13px;
  color: rgba(61,90,128,.70);
  font-weight: 300;
}
.ap-row + .ap-row{ margin-top: 16px; }

.ap-row strong{
  color: #0e1b2a;
  font-weight: 600;
  margin-left: auto;
  white-space: nowrap;
}
.ap-row em{
  font-style: normal;
  color: rgba(74,127,181,.55);
  font-size: 12px;
  white-space: nowrap;
}

/* CTA buttons */
.ap-btn{
  margin-top: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  height: 46px;
  width: 100%;
  border-radius: 999px;

  background: rgba(255,255,255,.78);
  border: 1px solid rgba(126,184,228,.28);
  box-shadow: 0 16px 55px rgba(126,184,228,.12);

  color: #1d3557;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.15px;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  position: relative;
  overflow: hidden;
}

.ap-btn::before{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, rgba(255,255,255,.22), transparent 55%);
  pointer-events:none;
}

.ap-btn::after{
  content:"✦";
  width: 20px;
  height: 20px;
  border-radius: 999px;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 9px;
  line-height: 1;
  color: var(--ethereal-blue);

  background: radial-gradient(
    circle at 30% 30%,
    rgba(126,184,228,.45),
    rgba(126,184,228,.12)
  );

  border: 1px solid rgba(126,184,228,.28);
  box-shadow:
    0 10px 30px rgba(126,184,228,.22),
    inset 0 0 6px rgba(255,255,255,.35);
}
.ap-btn--primary::after{
  content:"✦";
  color: white;
  background: radial-gradient(
    circle at 30% 30%,
    rgba(255,255,255,.55),
    rgba(255,255,255,.18)
  );
  border-color: rgba(255,255,255,.35);
  box-shadow:
    0 12px 35px rgba(255,255,255,.25),
    inset 0 0 8px rgba(255,255,255,.45);
}

.ap-btn:hover{
  transform: translateY(-3px);
  box-shadow: 0 22px 70px rgba(126,184,228,.18);
  border-color: rgba(126,184,228,.40);
}

/* Primary button (para Dirección Empresarial) */
.ap-btn--primary{
  background: linear-gradient(135deg, var(--ethereal-blue), var(--deep-blue));
  color: rgba(255,255,255,.95);
  border-color: rgba(255,255,255,.30);
  box-shadow:
    0 28px 85px rgba(126,184,228,.30),
    0 16px 50px rgba(74,127,181,.22);
}

.ap-btn--primary::after{
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.55), rgba(255,255,255,.10));
  border-color: rgba(255,255,255,.28);
  box-shadow: 0 12px 35px rgba(255,255,255,.18);
}

.ap-btn--primary:hover{
  box-shadow:
    0 34px 105px rgba(126,184,228,.38),
    0 18px 60px rgba(74,127,181,.28);
}
/* Métrica */






/* Responsive */
@media (max-width: 980px){
  .ap-grid{ grid-template-columns: 1fr; }
  .ap-card{ min-height: auto; }
  .aztrotech-pricing-wrap{ text-align: left; }
  .ap-sub{ margin-left: 0; margin-right: 0; }
}
























































    :root {
      /* Paleta tech-espiritual etérea */
      --bg-ethereal: #f0f5fa;
      --bg-light: #f8fafc;
      --bg-glow: #e8f4fc;
      
      /* Azules etéreos */
      --ethereal-blue: #7eb8e4;
      --ethereal-blue-soft: rgba(126, 184, 228, .12);
      --ethereal-blue-medium: rgba(126, 184, 228, .25);
      --ethereal-blue-glow: rgba(126, 184, 228, .40);
      
      /* Azul profundo consciencia */
      --deep-blue: #4a7fb5;
      --deep-blue-soft: rgba(74, 127, 181, .10);
      
      /* Acentos chakra sutiles */
      --chakra-violet: rgba(168, 155, 201, .15);
      --chakra-rose: rgba(232, 180, 180, .12);
      --chakra-gold: rgba(228, 200, 140, .15);
      --chakra-green: rgba(140, 200, 180, .12);
      --chakra-cyan: rgba(140, 220, 228, .15);
      
      /* Blanco luminoso */
      --white-glow: rgba(255, 255, 255, .90);
      --white-soft: rgba(255, 255, 255, .70);

      --ink: #3d5a80;
      --ink-dark: #1d3557;
      --muted6: rgba(61, 90, 128, .65);
      --softLine: rgba(126, 184, 228, .15);

      --card: rgba(255, 255, 255, .75);
      --card-border: rgba(255, 255, 255, .80);
      --card-glow: 0 20px 60px rgba(126, 184, 228, .15);
    }

    * { margin: 0; padding: 0; box-sizing: border-box; }
    
    body {
      font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      color: var(--ink);
      background: var(--bg-light);
    }

    /* ════════════════════════════════════════════════════════════════
       SECCIÓN 1: RESULTADOS REALES
       ════════════════════════════════════════════════════════════════ */
    .resultados {
      padding: 90px 20px;
      background:
        radial-gradient(ellipse 100% 80% at 50% 0%, var(--white-glow), transparent 60%),
        radial-gradient(ellipse 80% 60% at 20% 30%, var(--ethereal-blue-soft), transparent 55%),
        radial-gradient(ellipse 70% 50% at 80% 70%, var(--chakra-violet), transparent 50%),
        radial-gradient(ellipse 60% 40% at 50% 100%, var(--ethereal-blue-soft), transparent 50%),
        linear-gradient(180deg, var(--bg-light) 0%, var(--bg-ethereal) 100%);
      position: relative;
      overflow: hidden;
    }

    /* Partículas/estrellas sutiles */
    .resultados::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image: 
        radial-gradient(1px 1px at 20% 30%, rgba(126, 184, 228, .4), transparent),
        radial-gradient(1px 1px at 80% 20%, rgba(168, 155, 201, .3), transparent),
        radial-gradient(1.5px 1.5px at 40% 70%, rgba(126, 184, 228, .35), transparent),
        radial-gradient(1px 1px at 60% 50%, rgba(255, 255, 255, .5), transparent),
        radial-gradient(1.5px 1.5px at 90% 80%, rgba(126, 184, 228, .3), transparent);
      pointer-events: none;
    }

    .resultados-wrap {
      max-width: 1100px;
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }

    .resultados-header {
      text-align: center;
      margin-bottom: 50px;
    }

    .resultados-pill {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 10px 20px;
      border-radius: 999px;
      background: var(--white-soft);
      border: 1px solid var(--card-border);
      font-size: 12px;
      color: var(--deep-blue);
      font-weight: 500;
      margin-bottom: 18px;

      box-shadow: 0 8px 30px rgba(126, 184, 228, .12);
    }

    .resultados-pill svg {
      width: 18px;
      height: 18px;
      color: var(--ethereal-blue);
    }

    .resultados-title {
      font-size: clamp(32px, 4.5vw, 52px);
      font-weight: 300;
      letter-spacing: -0.8px;
      color: var(--ink-dark);
      margin-bottom: 14px;
    }

    .resultados-sub {
      font-size: 16px;
      color: var(--muted6);
      font-weight: 300;
      max-width: 550px;
      margin: 0 auto;
      line-height: 1.7;
    }

    /* Grid principal */
    .resultados-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
    }

    /* Card base */
    .resultados-card {
      border-radius: 28px;
      background: var(--card);
      border: 1px solid var(--card-border);
      box-shadow: var(--card-glow);
      
      overflow: hidden;
      transition: all .3s ease;
      position: relative;
    }

    .resultados-card::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .8), transparent);
    }

    .resultados-card:hover {
      transform: translateY(-4px);
      box-shadow: 0 30px 80px rgba(126, 184, 228, .20);
    }

    /* Card con imagen */
    .resultados-card--image {
      display: flex;
      flex-direction: column;
    }

    .resultados-image {
      width: 100%;
      height: 200px;
      background: 
        radial-gradient(ellipse 80% 80% at 50% 50%, var(--ethereal-blue-soft), transparent 60%),
        radial-gradient(ellipse 60% 60% at 30% 30%, var(--chakra-violet), transparent 50%),
        linear-gradient(135deg, var(--bg-glow), var(--bg-ethereal));
      position: relative;
      overflow: hidden;
    }

    .resultados-image::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='40' fill='none' stroke='rgba(126,184,228,0.15)' stroke-width='0.5'/%3E%3Ccircle cx='50' cy='50' r='25' fill='none' stroke='rgba(126,184,228,0.12)' stroke-width='0.5'/%3E%3Ccircle cx='50' cy='50' r='10' fill='none' stroke='rgba(126,184,228,0.1)' stroke-width='0.5'/%3E%3C/svg%3E");
      background-size: 120px;
      background-position: center;
      opacity: .6;
    }

    .resultados-image::after {
      content: "✦ Espacio para imagen";
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      color: var(--muted6);
      font-weight: 400;
      letter-spacing: 0.5px;
    }

    .resultados-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .resultados-body {
      padding: 28px;
    }

    .resultados-card-header {
      display: flex;
      align-items: center;
      gap: 14px;
      margin-bottom: 22px;
    }

    .resultados-icon {
      width: 48px;
      height: 48px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(135deg, var(--ethereal-blue-soft), var(--white-soft));
      border: 1px solid var(--ethereal-blue-medium);
      color: var(--deep-blue);
      box-shadow: 
        0 8px 25px rgba(126, 184, 228, .15),
        inset 0 1px 0 rgba(255, 255, 255, .5);
    }

    .resultados-icon svg {
      width: 24px;
      height: 24px;
    }

    .resultados-card-title {
      font-size: 18px;
      font-weight: 500;
      color: var(--ink-dark);
      letter-spacing: -0.3px;
    }

    .resultados-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 16px;
    }

    .resultados-list li {
      font-size: 14px;
      line-height: 1.65;
      color: var(--muted6);
      padding-left: 30px;
      position: relative;
    }

    .resultados-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 4px;
      width: 18px;
      height: 18px;
      background: linear-gradient(135deg, var(--ethereal-blue-soft), transparent);
      border: 1px solid var(--ethereal-blue-medium);
      border-radius: 50%;
    }

    .resultados-list li::after {
      content: "✦";
      position: absolute;
      left: 5px;
      top: 4px;
      font-size: 8px;
      color: var(--ethereal-blue);
    }

    .resultados-list li strong {
      color: var(--ink-dark);
      font-weight: 600;
    }

    /* Stats destacados */
    .resultados-stats {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
      margin-top: 24px;
    }

    .resultados-stat {
      padding: 22px 18px;
      border-radius: 18px;
      background: linear-gradient(135deg, var(--white-soft), rgba(255, 255, 255, .50));
      border: 1px solid var(--softLine);
      text-align: center;
      position: relative;
      overflow: hidden;
    }

    .resultados-stat::before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 60%;
      height: 1px;
      background: linear-gradient(90deg, transparent, var(--ethereal-blue-medium), transparent);
    }

    .resultados-stat-number {
      font-size: 32px;
      font-weight: 300;
      color: var(--deep-blue);
      letter-spacing: -1px;
      margin-bottom: 4px;
    }

    .resultados-stat-label {
      font-size: 11px;
      color: var(--muted6);
      font-weight: 500;
      text-transform: uppercase;
      letter-spacing: 0.5px;
    }

    /* Highlight card */
    .resultados-highlight {
      grid-column: 1 / -1;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
      border-radius: 28px;
      background: linear-gradient(135deg, 
        var(--white-soft) 0%, 
        rgba(126, 184, 228, .08) 50%,
        var(--chakra-violet) 100%);
      border: 1px solid var(--card-border);
      box-shadow: 
        var(--card-glow),
        inset 0 1px 0 rgba(255, 255, 255, .6);
      overflow: hidden;
    }

    .resultados-highlight-content {
      padding: 40px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .resultados-highlight-image {
      background: 
        radial-gradient(ellipse 100% 100% at 50% 50%, var(--ethereal-blue-soft), transparent 60%),
        radial-gradient(ellipse 60% 60% at 70% 30%, var(--chakra-cyan), transparent 50%),
        linear-gradient(135deg, var(--bg-glow), var(--bg-ethereal));
      position: relative;
      min-height: 280px;
    }

    .resultados-highlight-image::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='100,10 190,100 100,190 10,100' fill='none' stroke='rgba(126,184,228,0.12)' stroke-width='0.5'/%3E%3Cpolygon points='100,40 160,100 100,160 40,100' fill='none' stroke='rgba(126,184,228,0.10)' stroke-width='0.5'/%3E%3Ccircle cx='100' cy='100' r='30' fill='none' stroke='rgba(126,184,228,0.08)' stroke-width='0.5'/%3E%3C/svg%3E");
      background-size: 200px;
      background-position: center;
      opacity: .8;
    }

    .resultados-highlight-image::after {
      content: "✦ Espacio para imagen";
      position: absolute;
      inset: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      color: var(--muted6);
      font-weight: 400;
    }

    .highlight-kicker {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      color: var(--ethereal-blue);
      margin-bottom: 14px;
    }

    .highlight-kicker svg {
      width: 14px;
      height: 14px;
    }

    .highlight-title {
      font-size: clamp(24px, 3vw, 32px);
      font-weight: 400;
      color: var(--ink-dark);
      letter-spacing: -0.5px;
      margin-bottom: 16px;
      line-height: 1.25;
    }

    .highlight-text {
      font-size: 15px;
      line-height: 1.75;
      color: var(--muted6);
      font-weight: 300;
    }

    .highlight-text strong {
      color: var(--deep-blue);
      font-weight: 600;
    }

    @media (max-width: 768px) {
      .resultados-grid {
        grid-template-columns: 1fr;
      }
      .resultados-highlight {
        grid-template-columns: 1fr;
      }
      .resultados-highlight-image {
        min-height: 200px;
        order: -1;
      }
    }

    /* ════════════════════════════════════════════════════════════════
       SECCIÓN 2: ¿PARA QUIÉN ES?
       ════════════════════════════════════════════════════════════════ */
    .para-quien {
      padding: 90px 20px;
      background:
        radial-gradient(ellipse 100% 80% at 50% 100%, var(--white-glow), transparent 60%),
        radial-gradient(ellipse 70% 50% at 80% 20%, var(--chakra-green), transparent 50%),
        radial-gradient(ellipse 70% 50% at 20% 80%, var(--chakra-rose), transparent 50%),
        linear-gradient(180deg, var(--bg-ethereal) 0%, var(--bg-light) 100%);
      position: relative;
    }

    .para-quien::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image: 
        radial-gradient(1px 1px at 30% 40%, rgba(126, 184, 228, .3), transparent),
        radial-gradient(1.5px 1.5px at 70% 60%, rgba(140, 200, 180, .25), transparent),
        radial-gradient(1px 1px at 50% 20%, rgba(255, 255, 255, .4), transparent);
      pointer-events: none;
    }

    .para-quien-wrap {
      max-width: 1100px;
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }

    .para-quien-header {
      text-align: center;
      margin-bottom: 50px;
    }

    .para-quien-pill {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 10px 20px;
      border-radius: 999px;
      background: var(--white-soft);
      border: 1px solid var(--card-border);
      font-size: 12px;
      color: var(--deep-blue);
      font-weight: 500;
      margin-bottom: 18px;

      box-shadow: 0 8px 30px rgba(126, 184, 228, .10);
    }

    .para-quien-pill svg {
      width: 18px;
      height: 18px;
      color: var(--ethereal-blue);
    }

    .para-quien-title {
      font-size: clamp(32px, 4.5vw, 52px);
      font-weight: 300;
      letter-spacing: -0.8px;
      color: var(--ink-dark);
    }

    .para-quien-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
    }

    .para-quien-card {
      border-radius: 28px;
      padding: 36px;

      transition: all .3s ease;
      position: relative;
      overflow: hidden;
    }

    .para-quien-card::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .7), transparent);
    }

    .para-quien-card:hover {
      transform: translateY(-4px);
    }

    /* Card SI - Verde etéreo */
    .para-quien-card--si {
      background: linear-gradient(145deg, 
        rgba(140, 200, 180, .12) 0%, 
        var(--white-soft) 100%);
      border: 1px solid rgba(140, 200, 180, .25);
      box-shadow: 0 20px 60px rgba(140, 200, 180, .12);
    }

    .para-quien-card--si:hover {
      box-shadow: 0 30px 80px rgba(140, 200, 180, .18);
    }

    /* Card NO - Rosa etéreo */
    .para-quien-card--no {
      background: linear-gradient(145deg, 
        rgba(232, 180, 180, .10) 0%, 
        var(--white-soft) 100%);
      border: 1px solid rgba(232, 180, 180, .20);
      box-shadow: 0 20px 60px rgba(232, 180, 180, .10);
    }

    .para-quien-card--no:hover {
      box-shadow: 0 30px 80px rgba(232, 180, 180, .15);
    }

    .para-quien-card-header {
      display: flex;
      align-items: center;
      gap: 16px;
      margin-bottom: 28px;
    }

    .para-quien-icon {
      width: 56px;
      height: 56px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
    }

    .para-quien-icon::before {
      content: "";
      position: absolute;
      inset: -3px;
      border-radius: 50%;
      background: linear-gradient(135deg, rgba(255, 255, 255, .5), transparent);
      z-index: -1;
    }

    .para-quien-card--si .para-quien-icon {
      background: linear-gradient(135deg, rgba(140, 200, 180, .20), var(--white-soft));
      border: 1px solid rgba(140, 200, 180, .30);
      color: #5a9a85;
      box-shadow: 0 10px 30px rgba(140, 200, 180, .15);
    }

    .para-quien-card--no .para-quien-icon {
      background: linear-gradient(135deg, rgba(232, 180, 180, .15), var(--white-soft));
      border: 1px solid rgba(232, 180, 180, .25);
      color: #c49090;
      box-shadow: 0 10px 30px rgba(232, 180, 180, .12);
    }

    .para-quien-icon svg {
      width: 28px;
      height: 28px;
    }

    .para-quien-card-title {
      font-size: 22px;
      font-weight: 500;
      letter-spacing: -0.4px;
    }

    .para-quien-card--si .para-quien-card-title {
      color: #4a8a75;
    }

    .para-quien-card--no .para-quien-card-title {
      color: #b48080;
    }

    .para-quien-list {
      list-style: none;
      display: flex;
      flex-direction: column;
      gap: 18px;
    }

    .para-quien-list li {
      font-size: 14px;
      line-height: 1.65;
      color: var(--muted6);
      padding-left: 34px;
      position: relative;
    }

    .para-quien-card--si .para-quien-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 2px;
      width: 22px;
      height: 22px;
      background: linear-gradient(135deg, rgba(140, 200, 180, .15), transparent);
      border: 1px solid rgba(140, 200, 180, .25);
      border-radius: 50%;
    }

    .para-quien-card--si .para-quien-list li::after {
      content: "✦";
      position: absolute;
      left: 6px;
      top: 4px;
      font-size: 10px;
      color: #5a9a85;
    }

    .para-quien-card--no .para-quien-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 2px;
      width: 22px;
      height: 22px;
      background: linear-gradient(135deg, rgba(232, 180, 180, .12), transparent);
      border: 1px solid rgba(232, 180, 180, .20);
      border-radius: 50%;
    }

    .para-quien-card--no .para-quien-list li::after {
      content: "○";
      position: absolute;
      left: 7px;
      top: 3px;
      font-size: 10px;
      color: #c49090;
    }

    @media (max-width: 768px) {
      .para-quien-grid {
        grid-template-columns: 1fr;
      }
    }

    /* ════════════════════════════════════════════════════════════════
       SECCIÓN 3: GARANTÍA Y DISPONIBILIDAD
       ════════════════════════════════════════════════════════════════ */
    .garantia {
      padding: 90px 20px;
      background:
        radial-gradient(ellipse 120% 80% at 50% 50%, var(--ethereal-blue-soft), transparent 55%),
        radial-gradient(ellipse 80% 60% at 20% 20%, var(--chakra-gold), transparent 50%),
        radial-gradient(ellipse 80% 60% at 80% 80%, var(--chakra-violet), transparent 50%),
        linear-gradient(180deg, var(--bg-light) 0%, var(--bg-ethereal) 50%, #fff 100%);
      position: relative;
    }

    .garantia::before {
      content: "";
      position: absolute;
      inset: 0;
      background-image: 
        radial-gradient(1.5px 1.5px at 25% 35%, rgba(228, 200, 140, .3), transparent),
        radial-gradient(1px 1px at 75% 65%, rgba(168, 155, 201, .25), transparent),
        radial-gradient(1px 1px at 50% 50%, rgba(126, 184, 228, .2), transparent);
      pointer-events: none;
    }

    .garantia-wrap {
      max-width: 1000px;
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }

    .garantia-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
    }

    .garantia-card {
      border-radius: 28px;
      padding: 40px;

      text-align: center;
      transition: all .3s ease;
      position: relative;
      overflow: hidden;
    }

    .garantia-card::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .8), transparent);
    }

    .garantia-card:hover {
      transform: translateY(-4px);
    }

    /* Garantía Total - Dorado etéreo */
    .garantia-card--total {
      background: linear-gradient(145deg, 
        rgba(228, 200, 140, .15) 0%, 
        var(--white-soft) 100%);
      border: 1px solid rgba(228, 200, 140, .25);
      box-shadow: 0 25px 70px rgba(228, 200, 140, .12);
    }

    .garantia-card--total:hover {
      box-shadow: 0 35px 90px rgba(228, 200, 140, .18);
    }

    /* Disponibilidad - Violeta etéreo */
    .garantia-card--dispo {
      background: linear-gradient(145deg, 
        rgba(168, 155, 201, .12) 0%, 
        var(--white-soft) 100%);
      border: 1px solid rgba(168, 155, 201, .22);
      box-shadow: 0 25px 70px rgba(168, 155, 201, .10);
    }

    .garantia-card--dispo:hover {
      box-shadow: 0 35px 90px rgba(168, 155, 201, .15);
    }

    .garantia-icon {
      width: 80px;
      height: 80px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 24px;
      position: relative;
    }

    .garantia-icon::before {
      content: "";
      position: absolute;
      inset: -4px;
      border-radius: 50%;
      background: linear-gradient(135deg, rgba(255, 255, 255, .6), transparent);
      z-index: -1;
    }

    .garantia-card--total .garantia-icon {
      background: linear-gradient(135deg, rgba(228, 200, 140, .20), var(--white-soft));
      border: 2px solid rgba(228, 200, 140, .30);
      color: #c4a050;
      box-shadow: 
        0 15px 40px rgba(228, 200, 140, .18),
        inset 0 2px 0 rgba(255, 255, 255, .5);
    }

    .garantia-card--dispo .garantia-icon {
      background: linear-gradient(135deg, rgba(168, 155, 201, .18), var(--white-soft));
      border: 2px solid rgba(168, 155, 201, .28);
      color: #8a7ab5;
      box-shadow: 
        0 15px 40px rgba(168, 155, 201, .15),
        inset 0 2px 0 rgba(255, 255, 255, .5);
    }

    .garantia-icon svg {
      width: 36px;
      height: 36px;
    }

    .garantia-badge {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 10px 16px;
      border-radius: 999px;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: 0.08em;
      text-transform: uppercase;
      margin-bottom: 18px;
    }

    .garantia-card--total .garantia-badge {
      background: rgba(228, 200, 140, .12);
      border: 1px solid rgba(228, 200, 140, .22);
      color: #b89840;
    }

    .garantia-card--dispo .garantia-badge {
      background: rgba(168, 155, 201, .12);
      border: 1px solid rgba(168, 155, 201, .22);
      color: #8070a5;
    }

    .garantia-badge svg {
      width: 12px;
      height: 12px;
    }

    .garantia-title {
      font-size: 26px;
      font-weight: 400;
      color: var(--ink-dark);
      letter-spacing: -0.5px;
      margin-bottom: 16px;
    }

    .garantia-text {
      font-size: 14px;
      line-height: 1.75;
      color: var(--muted6);
      font-weight: 300;
      margin-bottom: 24px;
    }

    .garantia-highlight {
      padding: 24px;
      border-radius: 18px;
      background: linear-gradient(135deg, var(--white-soft), rgba(255, 255, 255, .50));
      border: 1px solid var(--softLine);
      position: relative;
    }

    .garantia-highlight::before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 60%;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .8), transparent);
    }

    .garantia-highlight-big {
      font-size: 22px;
      font-weight: 500;
      margin-bottom: 6px;
    }

    .garantia-card--total .garantia-highlight-big {
      color: #b89840;
    }

    .garantia-card--dispo .garantia-highlight-big {
      color: #8070a5;
    }

    .garantia-highlight-small {
      font-size: 12px;
      color: var(--muted6);
    }

    .garantia-list {
      list-style: none;
      text-align: left;
      margin-top: 24px;
      display: flex;
      flex-direction: column;
      gap: 12px;
    }

    .garantia-list li {
      font-size: 13px;
      color: var(--muted6);
      padding-left: 28px;
      position: relative;
      line-height: 1.5;
    }

    .garantia-list li::before {
      content: "✦";
      position: absolute;
      left: 0;
      top: 1px;
      font-size: 10px;
      color: #8a7ab5;
    }

    @media (max-width: 768px) {
      .garantia-grid {
        grid-template-columns: 1fr;
      }
    }

    /* ════════════════════════════════════════════════════════════════
       SECCIÓN 4: CTA FINAL - AGENDA TU SESIÓN
       ════════════════════════════════════════════════════════════════ */
    .cta-final {
      padding: 110px 20px;
      background:
        radial-gradient(ellipse 120% 100% at 50% 100%, var(--ethereal-blue-glow), transparent 55%),
        radial-gradient(ellipse 80% 60% at 20% 30%, var(--chakra-cyan), transparent 50%),
        radial-gradient(ellipse 80% 60% at 80% 40%, var(--chakra-violet), transparent 50%),
        radial-gradient(ellipse 100% 80% at 50% 0%, var(--white-glow), transparent 60%),
        linear-gradient(180deg, #fff 0%, var(--bg-ethereal) 50%, var(--bg-glow) 100%);
      position: relative;
      overflow: hidden;
    }

    /* Geometría sagrada de fondo */
    .cta-final::before {
      content: "";
      position: absolute;
      bottom: -200px;
      left: 50%;
      transform: translateX(-50%);
      width: 800px;
      height: 800px;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='200' cy='200' r='180' fill='none' stroke='rgba(126,184,228,0.08)' stroke-width='1'/%3E%3Ccircle cx='200' cy='200' r='140' fill='none' stroke='rgba(126,184,228,0.06)' stroke-width='1'/%3E%3Ccircle cx='200' cy='200' r='100' fill='none' stroke='rgba(126,184,228,0.05)' stroke-width='1'/%3E%3Ccircle cx='200' cy='200' r='60' fill='none' stroke='rgba(126,184,228,0.04)' stroke-width='1'/%3E%3Cpolygon points='200,20 380,200 200,380 20,200' fill='none' stroke='rgba(126,184,228,0.06)' stroke-width='1'/%3E%3Cpolygon points='200,60 340,200 200,340 60,200' fill='none' stroke='rgba(126,184,228,0.05)' stroke-width='1'/%3E%3C/svg%3E");
      background-size: contain;
      background-repeat: no-repeat;
      opacity: .8;
      pointer-events: none;
    }

    /* Partículas */
    .cta-final::after {
      content: "";
      position: absolute;
      inset: 0;
      background-image: 
        radial-gradient(2px 2px at 20% 30%, rgba(126, 184, 228, .35), transparent),
        radial-gradient(1.5px 1.5px at 80% 20%, rgba(168, 155, 201, .3), transparent),
        radial-gradient(2px 2px at 40% 70%, rgba(140, 220, 228, .25), transparent),
        radial-gradient(1.5px 1.5px at 60% 50%, rgba(255, 255, 255, .5), transparent),
        radial-gradient(2px 2px at 90% 80%, rgba(126, 184, 228, .3), transparent),
        radial-gradient(1px 1px at 10% 60%, rgba(228, 200, 140, .25), transparent);
      pointer-events: none;
    }

    .cta-final-wrap {
      max-width: 850px;
      margin: 0 auto;
      text-align: center;
      position: relative;
      z-index: 1;
    }

    .cta-final-pill {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 12px 22px;
      border-radius: 999px;
      background: var(--white-soft);
      border: 1px solid var(--card-border);
      font-size: 12px;
      color: var(--deep-blue);
      font-weight: 500;
      margin-bottom: 22px;
      box-shadow: 0 10px 35px rgba(126, 184, 228, .15);
    }

    .cta-final-pill svg {
      width: 18px;
      height: 18px;
      color: var(--ethereal-blue);
    }

    .cta-final-title {
      font-size: clamp(38px, 5.5vw, 60px);
      font-weight: 300;
      letter-spacing: -1px;
      color: var(--ink-dark);
      margin-bottom: 18px;
      line-height: 1.1;
    }

    .cta-final-sub {
      font-size: 17px;
      color: var(--muted6);
      font-weight: 300;
      max-width: 520px;
      margin: 0 auto 45px;
      line-height: 1.7;
    }

    /* Steps */
    .cta-steps {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 18px;
      margin-bottom: 55px;
    }

    .cta-step {
      padding: 28px 18px;
      border-radius: 24px;
      background: var(--white-soft);
      border: 1px solid var(--card-border);
      box-shadow: 0 15px 45px rgba(126, 184, 228, .08);
      transition: all .3s ease;
      position: relative;
      overflow: hidden;
    }

    .cta-step::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 1px;
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, .8), transparent);
    }

    .cta-step:hover {
      transform: translateY(-4px);
      box-shadow: 0 20px 60px rgba(126, 184, 228, .15);
    }

    .cta-step-number {
      width: 40px;
      height: 40px;
      border-radius: 50%;
      background: linear-gradient(135deg, var(--ethereal-blue-soft), var(--white-soft));
      border: 1px solid var(--ethereal-blue-medium);
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 auto 16px;
      font-size: 15px;
      font-weight: 600;
      color: var(--deep-blue);
      box-shadow: 0 8px 25px rgba(126, 184, 228, .12);
    }

    .cta-step-icon {
      width: 44px;
      height: 44px;
      margin: 0 auto 14px;
      color: var(--ethereal-blue);
    }

    .cta-step-icon svg {
      width: 100%;
      height: 100%;
    }

    .cta-step-title {
      font-size: 15px;
      font-weight: 600;
      color: var(--ink-dark);
      margin-bottom: 8px;
    }

    .cta-step-text {
      font-size: 12px;
      color: var(--muted6);
      line-height: 1.55;
    }

    /* Botón principal */
    .cta-button {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 14px;
      padding: 22px 48px;
      border-radius: 999px;
      background: linear-gradient(135deg, var(--ethereal-blue), var(--deep-blue));
      color: white;
      text-decoration: none;
      font-size: 16px;
      font-weight: 600;
      letter-spacing: -0.2px;
      box-shadow: 
        0 25px 60px rgba(126, 184, 228, .35),
        0 10px 25px rgba(74, 127, 181, .25),
        inset 0 1px 0 rgba(255, 255, 255, .2);
      transition: all .3s ease;
      margin-bottom: 22px;
      position: relative;
      overflow: hidden;
    }

    .cta-button::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 50%;
      background: linear-gradient(180deg, rgba(255, 255, 255, .15), transparent);
      pointer-events: none;
    }

    .cta-button svg {
      width: 22px;
      height: 22px;
    }

    .cta-button:hover {
      transform: translateY(-4px);
      box-shadow: 
        0 30px 80px rgba(126, 184, 228, .40),
        0 15px 35px rgba(74, 127, 181, .30),
        inset 0 1px 0 rgba(255, 255, 255, .25);
    }

    .cta-disclaimer {
      font-size: 13px;
      color: var(--muted6);
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
    }

    .cta-disclaimer svg {
      width: 16px;
      height: 16px;
      color: var(--ethereal-blue);
    }

    @media (max-width: 768px) {
      .cta-steps {
        grid-template-columns: 1fr 1fr;
        gap: 14px;
      }
    }

    @media (max-width: 480px) {
      .cta-steps {
        grid-template-columns: 1fr;
      }
    }