:root {
  --azul-principal: #3d8bfd;
  --azul-oscuro: #1f4f8f;
  --azul-claro: #eef6ff;
  --rojo-acento: #dc3545;
  --texto: #253047;
  --gris: #6c757d;
  --borde: #dbe7f3;
  --sombra: 0 24px 70px rgba(31, 79, 143, 0.16);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: linear-gradient(135deg, #eef6ff 0%, #ffffff 55%, #f7fbff 100%);
  color: var(--texto);
}

.selector-wrapper {
  position: relative;
  overflow: hidden;
    min-height: calc(100vh - 90px);
}

.selector-bg-circle {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.selector-bg-circle-one {
  width: 420px;
  height: 420px;
  background: rgba(61, 139, 253, 0.12);
  top: -170px;
  left: -120px;
}

.selector-bg-circle-two {
  width: 330px;
  height: 330px;
  background: rgba(220, 53, 69, 0.08);
  bottom: -130px;
  right: -100px;
}


@media (max-width: 575px) {
  .selector-wrapper {
    padding: 30px 0 40px;
  }

  
}