/* =========================================================
   SIMULADOR GRATUITO 2026
   Estilos encapsulados para la vista interna
========================================================= */

.simulador-gratis-app{
  --sg-bg:#070707;
  --sg-panel:#111111;
  --sg-panel-2:#171717;
  --sg-gold:#d4af37;
  --sg-gold-light:#fff1a6;
  --sg-gold-soft:#f5d67b;
  --sg-text:#ffffff;
  --sg-muted:rgba(255,255,255,.70);
  --sg-muted-2:rgba(255,255,255,.50);
  --sg-line:rgba(255,255,255,.10);
  --sg-gold-line:rgba(212,175,55,.30);
  --sg-success:#62d99a;
  --sg-danger:#ff7d7d;
  --sg-shadow:0 24px 60px rgba(0,0,0,.42);

  position:relative;
  width:100%;
  min-height:100%;
  padding:26px;
  color:var(--sg-text);
  font-family:"Inter","Segoe UI",sans-serif;

  background:
    radial-gradient(
      700px 340px at 50% 0%,
      rgba(212,175,55,.08),
      transparent 70%
    ),
    linear-gradient(
      180deg,
      rgba(11,11,11,.98),
      rgba(4,4,4,1)
    );

  border-radius:24px;
  overflow:hidden;
}

.simulador-gratis-app,
.simulador-gratis-app *{
  box-sizing:border-box;
}

.simulador-gratis-app a{
  color:inherit;
  text-decoration:none;
}

.simulador-gratis-app button,
.simulador-gratis-app input,
.simulador-gratis-app select{
  font:inherit;
}

.simulador-gratis-app button{
  -webkit-tap-highlight-color:transparent;
}

.simulador-gratis-hidden{
  display:none !important;
}

.simulador-gratis-pantalla{
  position:relative;
  z-index:1;
  width:100%;
}

/* =========================================================
   INICIO
========================================================= */

.simulador-gratis-inicio{
  display:flex;
  justify-content:center;
  align-items:flex-start;
}

.simulador-gratis-hero{
  width:100%;
  max-width:1080px;
  margin:0 auto;
  padding:30px 20px 40px;
  text-align:center;
}

.simulador-gratis-kicker{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 14px;
  margin-bottom:18px;

  border-radius:999px;
  border:1px solid rgba(212,175,55,.38);

  background:
    linear-gradient(
      180deg,
      rgba(212,175,55,.10),
      rgba(212,175,55,.035)
    );

  color:var(--sg-gold-soft);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.065em;
  text-transform:uppercase;
}

.simulador-gratis-hero h1{
  max-width:780px;
  margin:0 auto;

  color:#fff;
  font-size:clamp(2.25rem,5vw,4.4rem);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:900;
}

.simulador-gratis-hero h1 span{
  display:block;

  background:
    linear-gradient(
      90deg,
      #f5d67b 0%,
      #d4af37 35%,
      #fff1a6 52%,
      #d4af37 72%,
      #b8962e 100%
    );

  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.simulador-gratis-descripcion{
  max-width:700px;
  margin:20px auto 0;

  color:var(--sg-muted);
  font-size:1.05rem;
  line-height:1.62;
}

.simulador-gratis-beneficios{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;

  max-width:760px;
  margin:26px auto 0;
}

.simulador-gratis-beneficio{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;

  min-height:56px;
  padding:12px 14px;

  border-radius:15px;
  border:1px solid rgba(255,255,255,.09);

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.038),
      rgba(255,255,255,.012)
    );

  color:rgba(255,255,255,.84);
}

.simulador-gratis-beneficio span{
  font-size:1rem;
}

.simulador-gratis-beneficio strong{
  font-size:.84rem;
  font-weight:800;
}

.simulador-gratis-meta{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  gap:10px;

  margin-top:18px;
  color:var(--sg-muted-2);
  font-size:.82rem;
}

.simulador-gratis-meta strong{
  color:var(--sg-gold-soft);
}

.simulador-gratis-ley{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  margin-top:12px;
  padding:8px 14px;

  border-radius:999px;
  border:1px solid rgba(255,255,255,.08);

  background:rgba(255,255,255,.025);
  color:rgba(255,255,255,.60);

  font-size:.78rem;
}

.simulador-gratis-ley strong{
  margin:0 4px;
  color:var(--sg-gold-soft);
}

.simulador-gratis-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;

  width:100%;
  margin-top:30px;
}

.simulador-gratis-card{
  position:relative;
  min-height:190px;
  padding:24px 18px 20px;

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

  border-radius:20px;
  border:1px solid var(--sg-gold-line);

  background:
    radial-gradient(
      240px 110px at 50% 0%,
      rgba(212,175,55,.065),
      transparent 72%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,.035),
      rgba(255,255,255,.012)
    );

  color:#fff;
  cursor:pointer;
  transition:.2s ease;
  box-shadow:0 14px 34px rgba(0,0,0,.24);
}

.simulador-gratis-card:hover{
  transform:translateY(-3px);
  border-color:rgba(255,224,102,.58);

  background:
    radial-gradient(
      260px 130px at 50% 0%,
      rgba(212,175,55,.12),
      transparent 72%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.015)
    );

  box-shadow:
    0 18px 42px rgba(0,0,0,.32),
    0 0 24px rgba(212,175,55,.08);
}

.simulador-gratis-card:focus-visible{
  outline:2px solid var(--sg-gold-light);
  outline-offset:3px;
}

.simulador-gratis-card-activa{
  border-color:rgba(255,224,102,.76);

  background:
    radial-gradient(
      260px 140px at 50% 0%,
      rgba(212,175,55,.16),
      transparent 70%
    ),
    linear-gradient(
      180deg,
      rgba(38,31,12,.50),
      rgba(12,12,12,.92)
    );
}

.simulador-gratis-card-pro{
  opacity:.82;
}

.simulador-gratis-card-badge{
  position:absolute;
  top:13px;
  right:13px;

  padding:5px 9px;
  border-radius:999px;

  border:1px solid rgba(255,224,102,.34);
  background:rgba(212,175,55,.08);

  color:var(--sg-gold-soft);
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.06em;
}

.simulador-gratis-card-numero{
  color:#fff;
  font-size:2.6rem;
  line-height:1;
  font-weight:900;
}

.simulador-gratis-card-titulo{
  margin-top:5px;
  color:rgba(255,255,255,.92);
  font-size:.96rem;
  font-weight:800;
}

.simulador-gratis-card-tiempo{
  margin-top:13px;
  color:var(--sg-gold-soft);
  font-size:.86rem;
  font-weight:800;
}

.simulador-gratis-card-texto{
  margin-top:6px;
  color:var(--sg-muted-2);
  font-size:.76rem;
  line-height:1.35;
}

.simulador-gratis-acciones-inicio{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;

  margin-top:26px;
}

.simulador-gratis-btn{
  min-height:48px;
  padding:0 21px;

  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  border-radius:14px;
  border:1px solid transparent;

  cursor:pointer;
  font-size:.90rem;
  font-weight:900;

  transition:
    transform .18s ease,
    border-color .18s ease,
    filter .18s ease,
    box-shadow .18s ease;
}

.simulador-gratis-btn:hover{
  transform:translateY(-2px);
}

.simulador-gratis-btn:focus-visible{
  outline:2px solid var(--sg-gold-light);
  outline-offset:3px;
}

.simulador-gratis-btn:disabled{
  opacity:.45;
  cursor:not-allowed;
  transform:none;
}

.simulador-gratis-btn-principal{
  color:#161103;

  border-color:rgba(255,241,166,.72);

  background:
    linear-gradient(
      180deg,
      #fff1a6 0%,
      #e5c147 52%,
      #bd9425 100%
    );

  box-shadow:
    0 12px 28px rgba(0,0,0,.28),
    0 0 20px rgba(212,175,55,.14),
    inset 0 1px 0 rgba(255,255,255,.50);
}

.simulador-gratis-btn-principal:hover{
  filter:brightness(1.05);

  box-shadow:
    0 16px 34px rgba(0,0,0,.34),
    0 0 28px rgba(212,175,55,.20);
}

.simulador-gratis-btn-secundario{
  color:rgba(255,255,255,.82);

  border-color:rgba(255,255,255,.13);

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.045),
      rgba(255,255,255,.015)
    );
}

.simulador-gratis-btn-secundario:hover{
  color:#fff;
  border-color:rgba(212,175,55,.38);
  background:rgba(212,175,55,.06);
}

.simulador-gratis-mensaje{
  min-height:22px;
  margin:14px 0 0;

  color:var(--sg-gold-soft);
  font-size:.84rem;
  line-height:1.45;
}

.simulador-gratis-aviso{
  display:flex;
  align-items:flex-start;
  gap:10px;

  max-width:700px;
  margin:22px auto 0;
  padding:13px 15px;

  border-radius:14px;
  border:1px solid rgba(255,255,255,.08);

  background:rgba(255,255,255,.02);

  color:var(--sg-muted-2);
  font-size:.78rem;
  line-height:1.45;
  text-align:left;
}

.simulador-gratis-aviso p{
  margin:0;
}

/* =========================================================
   EXAMEN
========================================================= */

.simulador-gratis-topbar{
  position:sticky;
  top:0;
  z-index:20;

  width:100%;
  padding:15px 18px;

  border-radius:18px;
  border:1px solid rgba(255,255,255,.09);

  background:
    linear-gradient(
      180deg,
      rgba(19,19,19,.98),
      rgba(8,8,8,.98)
    );

  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);

  box-shadow:0 14px 30px rgba(0,0,0,.24);
}

.simulador-gratis-progreso-info{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.simulador-gratis-progreso-texto{
  color:rgba(255,255,255,.76);
  font-size:.90rem;
  font-weight:800;
}

.simulador-gratis-temporizador{
  min-width:92px;
  padding:8px 12px;

  border-radius:12px;
  border:1px solid rgba(212,175,55,.32);

  background:rgba(212,175,55,.055);
  color:#fff;

  text-align:center;
  font-size:.92rem;
  font-weight:900;
  letter-spacing:.04em;
}

.simulador-gratis-barra-progreso{
  width:100%;
  height:7px;
  margin-top:12px;

  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.08);
}

.simulador-gratis-barra-progreso-fill{
  width:0;
  height:100%;

  border-radius:999px;

  background:
    linear-gradient(
      90deg,
      #b8962e,
      #d4af37,
      #fff1a6
    );

  transition:width .25s ease;
}

.simulador-gratis-examen-main{
  width:100%;
  max-width:920px;
  margin:22px auto 30px;
}

.simulador-gratis-pregunta-card{
  width:100%;
  padding:24px;

  border-radius:22px;
  border:1px solid var(--sg-gold-line);

  background:
    radial-gradient(
      560px 220px at 50% 0%,
      rgba(212,175,55,.07),
      transparent 72%
    ),
    linear-gradient(
      180deg,
      rgba(22,22,22,.96),
      rgba(9,9,9,.98)
    );

  box-shadow:var(--sg-shadow);
}

.simulador-gratis-pregunta{
  margin-bottom:20px;

  color:#fff;
  font-size:1.12rem;
  font-weight:850;
  line-height:1.55;
}

.simulador-gratis-opciones{
  display:flex;
  flex-direction:column;
  gap:11px;
}

.simulador-gratis-opciones label{
  position:relative;

  display:flex;
  align-items:flex-start;
  gap:12px;

  padding:14px 15px;

  border-radius:15px;
  border:1px solid rgba(255,255,255,.10);

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.032),
      rgba(255,255,255,.010)
    );

  color:rgba(255,255,255,.84);
  line-height:1.48;

  cursor:pointer;
  transition:.17s ease;
}

.simulador-gratis-opciones label:hover{
  border-color:rgba(212,175,55,.40);
  background:rgba(212,175,55,.045);
}

.simulador-gratis-opciones label:has(input:checked){
  border-color:rgba(255,224,102,.62);

  background:
    linear-gradient(
      180deg,
      rgba(212,175,55,.13),
      rgba(212,175,55,.045)
    );

  color:#fff;
}

.simulador-gratis-opciones input[type="radio"]{
  width:18px;
  height:18px;
  margin-top:2px;

  accent-color:var(--sg-gold);
  flex:0 0 auto;
}

.simulador-gratis-opciones span{
  flex:1;
}

.simulador-gratis-navegacion{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:12px;

  margin-top:22px;
}

/* =========================================================
   RESULTADOS
========================================================= */

.simulador-gratis-resultados{
  width:100%;
  padding:10px 0 30px;
}

.simulador-gratis-resultados-inner{
  width:100%;
  max-width:1000px;
  margin:0 auto;
}

.simulador-gratis-resultado-card{
  padding:28px;

  border-radius:23px;
  border:1px solid var(--sg-gold-line);

  background:
    radial-gradient(
      580px 240px at 50% 0%,
      rgba(212,175,55,.10),
      transparent 72%
    ),
    linear-gradient(
      180deg,
      rgba(22,22,22,.97),
      rgba(8,8,8,.99)
    );

  text-align:center;
  box-shadow:var(--sg-shadow);
}

.simulador-gratis-resultado-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  padding:7px 13px;
  border-radius:999px;

  border:1px solid rgba(212,175,55,.34);
  background:rgba(212,175,55,.07);

  color:var(--sg-gold-soft);
  font-size:.76rem;
  font-weight:900;
}

.simulador-gratis-resultado-puntaje{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:7px;

  margin-top:13px;
}

.simulador-gratis-resultado-puntaje #scoreBig{
  color:#fff;
  font-size:4rem;
  line-height:.95;
  font-weight:900;
  letter-spacing:-.055em;
}

.simulador-gratis-resultado-puntaje #scoreTotal{
  padding-bottom:6px;

  color:rgba(255,255,255,.55);
  font-size:1.35rem;
  font-weight:800;
}

.simulador-gratis-resultado-subtitulo{
  margin:8px 0 0;

  color:var(--sg-muted);
  font-size:.92rem;
  font-weight:700;
}

.simulador-gratis-estadisticas{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;

  margin-top:22px;
}

.simulador-gratis-estadistica{
  padding:15px 12px;

  border-radius:15px;
  border:1px solid rgba(255,255,255,.08);

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.035),
      rgba(255,255,255,.012)
    );
}

.simulador-gratis-estadistica strong{
  display:block;

  color:#fff;
  font-size:1.55rem;
  font-weight:900;
}

.simulador-gratis-estadistica span{
  display:block;
  margin-top:4px;

  color:var(--sg-muted-2);
  font-size:.78rem;
  font-weight:700;
}

.simulador-gratis-resultado-progreso{
  height:8px;
  margin-top:20px;

  overflow:hidden;
  border-radius:999px;

  background:rgba(255,255,255,.08);
}

.simulador-gratis-resultado-progreso-fill{
  width:0;
  height:100%;

  border-radius:999px;

  background:
    linear-gradient(
      90deg,
      #b8962e,
      #d4af37,
      #fff1a6
    );

  transition:width .45s ease;
}

.simulador-gratis-resultado-acciones{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;

  margin-top:22px;
}

.simulador-gratis-revision{
  margin-top:24px;
  padding:22px;

  border-radius:21px;
  border:1px solid rgba(255,255,255,.09);

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.028),
      rgba(255,255,255,.008)
    );
}

.simulador-gratis-revision-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;

  margin-bottom:16px;
}

.simulador-gratis-revision-kicker{
  display:block;
  margin-bottom:4px;

  color:var(--sg-gold-soft);
  font-size:.68rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.simulador-gratis-revision h2{
  margin:0;

  color:#fff;
  font-size:1.25rem;
  font-weight:900;
}

.simulador-gratis-chip{
  min-height:38px;
  padding:0 14px;

  border-radius:999px;
  border:1px solid rgba(212,175,55,.30);

  background:rgba(212,175,55,.07);
  color:var(--sg-gold-soft);

  cursor:pointer;
  font-size:.76rem;
  font-weight:850;
}

.simulador-gratis-chip:hover{
  border-color:rgba(255,224,102,.50);
  background:rgba(212,175,55,.11);
}

.simulador-gratis-lista-resultados{
  display:flex;
  flex-direction:column;
  gap:11px;
}

.simulador-gratis-lista-resultados .qitem{
  overflow:hidden;

  border-radius:16px;
  border:1px solid rgba(255,255,255,.09);

  background:
    linear-gradient(
      180deg,
      rgba(20,20,20,.96),
      rgba(9,9,9,.98)
    );
}

.simulador-gratis-lista-resultados .qhead{
  display:flex;
  align-items:flex-start;
  gap:11px;

  padding:14px;
  cursor:pointer;
}

.simulador-gratis-lista-resultados .qicon{
  width:30px;
  height:30px;

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

  flex:0 0 auto;
  border-radius:10px;
  font-weight:900;
}

.simulador-gratis-lista-resultados .qicon.ok{
  border:1px solid rgba(98,217,154,.36);
  background:rgba(98,217,154,.09);
  color:var(--sg-success);
}

.simulador-gratis-lista-resultados .qicon.bad{
  border:1px solid rgba(255,125,125,.34);
  background:rgba(255,125,125,.08);
  color:var(--sg-danger);
}

.simulador-gratis-lista-resultados .qtitle{
  flex:1;
  min-width:0;
}

.simulador-gratis-lista-resultados .qt{
  color:rgba(255,255,255,.90);
  font-size:.90rem;
  font-weight:850;
  line-height:1.45;
}

.simulador-gratis-lista-resultados .qmeta{
  margin-top:4px;

  color:var(--sg-muted-2);
  font-size:.76rem;
}

.simulador-gratis-lista-resultados .qchev{
  color:var(--sg-gold-soft);
  font-weight:900;
}

.simulador-gratis-lista-resultados .qbody{
  display:none;
  padding:0 14px 14px;

  color:rgba(255,255,255,.78);
  font-size:.84rem;
  line-height:1.55;
}

.simulador-gratis-lista-resultados .qitem.open .qbody{
  display:block;
}

.simulador-gratis-lista-resultados .ans{
  padding:12px;

  border-radius:13px;
  border:1px solid rgba(255,255,255,.08);

  background:rgba(255,255,255,.022);
}

.simulador-gratis-mejorar-card{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;

  margin-top:24px;
  padding:22px;

  border-radius:21px;
  border:1px solid rgba(212,175,55,.30);

  background:
    radial-gradient(
      520px 180px at 0% 0%,
      rgba(212,175,55,.10),
      transparent 70%
    ),
    linear-gradient(
      180deg,
      rgba(255,255,255,.035),
      rgba(255,255,255,.012)
    );
}

.simulador-gratis-mejorar-card span{
  display:block;

  color:var(--sg-gold-soft);
  font-size:.70rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.simulador-gratis-mejorar-card h2{
  margin:5px 0 7px;

  color:#fff;
  font-size:1.18rem;
  font-weight:900;
}

.simulador-gratis-mejorar-card p{
  margin:0;

  color:var(--sg-muted);
  font-size:.86rem;
  line-height:1.5;
}

/* =========================================================
   FREEMIUM
========================================================= */

.simulador-gratis-freemium{
  display:flex;
  align-items:center;
  justify-content:center;

  min-height:560px;
}

.simulador-gratis-freemium-card{
  width:min(100%,620px);
  padding:38px 30px;

  border-radius:25px;
  border:1px solid rgba(212,175,55,.38);

  background:
    radial-gradient(
      500px 240px at 50% 0%,
      rgba(212,175,55,.14),
      transparent 72%
    ),
    linear-gradient(
      180deg,
      rgba(22,22,22,.98),
      rgba(7,7,7,.995)
    );

  text-align:center;

  box-shadow:
    0 30px 80px rgba(0,0,0,.54),
    0 0 34px rgba(212,175,55,.09);
}

.simulador-gratis-freemium-icono{
  width:64px;
  height:64px;
  margin:0 auto 15px;

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

  border-radius:20px;
  border:1px solid rgba(212,175,55,.38);

  background:rgba(212,175,55,.08);
  font-size:1.5rem;
}

.simulador-gratis-freemium-badge{
  display:inline-flex;
  padding:6px 11px;

  border-radius:999px;
  border:1px solid rgba(212,175,55,.30);

  background:rgba(212,175,55,.06);
  color:var(--sg-gold-soft);

  font-size:.68rem;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.simulador-gratis-freemium-card h2{
  margin:15px 0 12px;

  color:#fff;
  font-size:1.75rem;
  line-height:1.15;
  font-weight:900;
}

.simulador-gratis-freemium-card p{
  max-width:500px;
  margin:0 auto;

  color:var(--sg-muted);
  font-size:.94rem;
  line-height:1.62;
}

.simulador-gratis-freemium-acciones{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;

  margin-top:24px;
}

/* =========================================================
   MODAL PRO
========================================================= */

.simulador-gratis-modal{
  position:fixed;
  inset:0;
  z-index:10080;

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

  padding:20px;

  background:
    radial-gradient(
      720px 420px at 50% 35%,
      rgba(212,175,55,.15),
      transparent 70%
    ),
    rgba(0,0,0,.84);

  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}

.simulador-gratis-modal-card{
  position:relative;
  width:min(100%,500px);
  padding:36px 30px 30px;

  overflow:hidden;
  border-radius:25px;
  border:1px solid rgba(212,175,55,.42);

  background:
    radial-gradient(
      430px 220px at 50% 0%,
      rgba(212,175,55,.16),
      transparent 72%
    ),
    linear-gradient(
      180deg,
      rgba(23,23,23,.99),
      rgba(8,8,8,.995)
    );

  text-align:center;

  box-shadow:
    0 32px 86px rgba(0,0,0,.65),
    0 0 38px rgba(212,175,55,.10);
}

.simulador-gratis-modal-card::before{
  content:"";
  position:absolute;
  top:0;
  left:12%;
  right:12%;
  height:1px;

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,241,166,.90),
      transparent
    );
}

.simulador-gratis-modal-cerrar-icono{
  position:absolute;
  top:13px;
  right:14px;

  width:36px;
  height:36px;

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

  border-radius:11px;
  border:1px solid rgba(255,255,255,.10);

  background:rgba(255,255,255,.035);
  color:rgba(255,255,255,.70);

  cursor:pointer;
  font-size:1.25rem;
}

.simulador-gratis-modal-cerrar-icono:hover{
  color:#fff;
  border-color:rgba(212,175,55,.35);
}

.simulador-gratis-modal-icono{
  width:58px;
  height:58px;
  margin:0 auto 14px;

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

  border-radius:19px;
  border:1px solid rgba(212,175,55,.42);

  background:rgba(212,175,55,.08);
  color:var(--sg-gold-soft);

  font-size:1.45rem;
}

.simulador-gratis-modal-kicker{
  color:var(--sg-gold-soft);

  font-size:.68rem;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.simulador-gratis-modal-card h2{
  margin:11px 0 12px;

  color:#fff;
  font-size:1.65rem;
  line-height:1.14;
  font-weight:900;
}

.simulador-gratis-modal-card p{
  max-width:420px;
  margin:0 auto;

  color:var(--sg-muted);
  font-size:.92rem;
  line-height:1.62;
}

.simulador-gratis-modal-acciones{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:12px;

  margin-top:24px;
}

/* =========================================================
   LOADER
========================================================= */

.simulador-gratis-loader{
  position:absolute;
  inset:0;
  z-index:100;

  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:13px;

  min-height:420px;

  border-radius:24px;
  background:rgba(5,5,5,.92);

  color:rgba(255,255,255,.76);
  font-size:.86rem;
  font-weight:800;
}

.simulador-gratis-loader-spinner{
  width:40px;
  height:40px;

  border-radius:50%;
  border:3px solid rgba(255,255,255,.10);
  border-top-color:var(--sg-gold);

  animation:simuladorGratisGirar .75s linear infinite;
}

@keyframes simuladorGratisGirar{
  to{
    transform:rotate(360deg);
  }
}

/* =========================================================
   TABLET
========================================================= */

@media (max-width:1050px){

  .simulador-gratis-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .simulador-gratis-card{
    min-height:170px;
  }

}

/* =========================================================
   MÓVIL
========================================================= */

@media (max-width:700px){

  .simulador-gratis-app{
    padding:14px;
    border-radius:18px;
  }

  .simulador-gratis-hero{
    padding:20px 4px 28px;
  }

  .simulador-gratis-hero h1{
    font-size:2.25rem;
  }

  .simulador-gratis-descripcion{
    font-size:.92rem;
  }

  .simulador-gratis-beneficios{
    grid-template-columns:1fr;
    gap:8px;
  }

  .simulador-gratis-beneficio{
    justify-content:flex-start;
    min-height:48px;
  }

  .simulador-gratis-meta{
    gap:7px;
    font-size:.73rem;
  }

  .simulador-gratis-meta > span:nth-child(even){
    display:none;
  }

  .simulador-gratis-cards{
    grid-template-columns:1fr;
    gap:10px;
  }

  .simulador-gratis-card{
    min-height:116px;
    padding:16px 16px;

    display:grid;
    grid-template-columns:auto 1fr auto;
    grid-template-rows:auto auto;
    column-gap:14px;
    text-align:left;
  }

  .simulador-gratis-card-badge{
    top:11px;
    right:11px;
  }

  .simulador-gratis-card-numero{
    grid-row:1 / 3;
    align-self:center;

    font-size:2rem;
  }

  .simulador-gratis-card-titulo{
    margin:0;
    align-self:end;
  }

  .simulador-gratis-card-tiempo{
  grid-column:2 / 4;
  grid-row:2;
  justify-self:end;
  align-self:end;
  margin:0;
}

  .simulador-gratis-card-texto{
    display:none;
  }

  .simulador-gratis-acciones-inicio{
    flex-direction:column;
  }

  .simulador-gratis-acciones-inicio .simulador-gratis-btn{
    width:100%;
  }

  .simulador-gratis-topbar{
    padding:13px;
    border-radius:15px;
  }

  .simulador-gratis-pregunta-card{
    padding:18px 15px;
    border-radius:18px;
  }

  .simulador-gratis-pregunta{
    font-size:1rem;
  }

  .simulador-gratis-navegacion{
    flex-direction:column;
  }

  .simulador-gratis-navegacion .simulador-gratis-btn{
    width:100%;
  }

  .simulador-gratis-resultado-card{
    padding:23px 16px;
  }

  .simulador-gratis-resultado-puntaje #scoreBig{
    font-size:3.2rem;
  }

  .simulador-gratis-estadisticas{
    grid-template-columns:1fr;
  }

  .simulador-gratis-resultado-acciones{
    flex-direction:column;
  }

  .simulador-gratis-resultado-acciones .simulador-gratis-btn{
    width:100%;
  }

  .simulador-gratis-revision{
    padding:17px 14px;
  }

  .simulador-gratis-revision-header{
    flex-direction:column;
    align-items:flex-start;
  }

  .simulador-gratis-chip{
    width:100%;
  }

  .simulador-gratis-mejorar-card{
    flex-direction:column;
    align-items:flex-start;
  }

  .simulador-gratis-mejorar-card .simulador-gratis-btn{
    width:100%;
  }

  .simulador-gratis-freemium{
    min-height:470px;
  }

  .simulador-gratis-freemium-card{
    padding:30px 19px;
  }

  .simulador-gratis-freemium-card h2{
    font-size:1.45rem;
  }

  .simulador-gratis-freemium-acciones{
    flex-direction:column;
  }

  .simulador-gratis-freemium-acciones .simulador-gratis-btn{
    width:100%;
  }

  .simulador-gratis-modal-card{
    padding:32px 19px 23px;
    border-radius:21px;
  }

  .simulador-gratis-modal-card h2{
    font-size:1.42rem;
  }

  .simulador-gratis-modal-acciones{
    flex-direction:column;
  }

  .simulador-gratis-modal-acciones .simulador-gratis-btn{
    width:100%;
  }

}

/* =========================================================
   PANTALLAS MUY PEQUEÑAS
========================================================= */

@media (max-width:400px){

  .simulador-gratis-app{
    padding:10px;
  }

  .simulador-gratis-hero h1{
    font-size:1.95rem;
  }

  .simulador-gratis-progreso-info{
    align-items:flex-start;
  }

  .simulador-gratis-progreso-texto{
    font-size:.78rem;
  }

  .simulador-gratis-temporizador{
    min-width:78px;
    padding:7px 9px;
    font-size:.82rem;
  }

}