@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");

@font-face {
  font-family: Pangram;
  src: local("Pangram-Black") url("fonts/Pangram-Black.woff") format("woff");
}
@font-face {
  font-family: Pangram;
  src: local("Pangram-Bold") url("fonts/Pangram-Bold.woff") format("woff");
}
@font-face {
  font-family: Pangram;
  src: local("Pangram-ExtraBold") url("fonts/Pangram-ExtraBold.woff") format("woff");
}
@font-face {
  font-family: Pangram;
  src: local("Pangram-ExtraLight") url("fonts/Pangram-ExtraLight.woff") format("woff");
}
@font-face {
  font-family: Pangram;
  src: local("Pangram-Light") url("fonts/Pangram-Light.woff") format("woff");
}
@font-face {
  font-family: Pangram;
  src: local("Pangram-Medium") url("fonts/Pangram-Medium.woff") format("woff");
}
@font-face {
  font-family: Pangram;
  src: local("Pangram-Regular") url("fonts/Pangram-Regular.woff") format("woff");
}

.bebas-neue-regular {
  font-family: "Bebas Neue", serif;
  font-weight: 400;
  font-style: normal;
}

.montserrat {
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-style: normal;
}

html {
  font-size: 15px;
  scroll-behavior: smooth;
}

body {
  font-family: "Montserrat", serif !important;
  font-weight: normal;
}

ul {
  padding-left: 0px;
}

h2 {
  font-family: "Bebas Neue", serif;
  color: #5c0f8b;
  font-weight: 400;
  font-size: 36px !important;
}

.pleca-superior {
  background-color: #5c0f8b;
  height: 37px;
  padding: 5px 26px;
}

.pleca-superior img {
  width: 23px;
  height: auto;
}

.pleca-superior a {
  color: white;
  font-size: 19px;
  font-weight: 500;
  text-decoration: none;
  padding: 10px;
}

.margen-mitelmovil {
  margin-right: 10px;
}

/* Sticky top  */
.sticky-top {
  position: fixed; /* Asegura que se quede fijo */
  top: 0; /* Se quedará en la parte superior */
  z-index: 1050 !important; /* Asegura que el Top Bar esté por encima de todo */
  width: 100%;
  font-family: 14px !important;
  font-weight: 400;
  height: auto;
  padding: 9px 0 !important;
}

.sticky-top .top-link {
  font-size: 14px !important;
  color: #000;
  font-weight: 400;
  font-family: "Montserrat", serif !important;
}

@media (max-width: 370px) {
  .navbar {
    top: 5vh; /* Ajusta el top para que no se amontone con el top bar en pantallas pequeñas */
  }

  .navbar-brand img {
    display: block; /* Asegúrate de que no esté en none */
    visibility: visible; /* Asegúrate de que no esté en hidden */
    max-height: 35px;
  }
}
/* Ajustes responsivos para pantallas pequeñas */
@media (max-width: 576px) {
  .sticky-top {
    width: 99vw;
    font-size: 11px; /* Reducir el tamaño de fuente */
    padding: 3px 0; /* Reducir espaciado interno */
  }

  .sticky-top .contacto {
    margin-left: 3px !important;
  }

  .sticky-top .top-link {
    font-size: 12px !important;
  }
}

.topbar-logos {
  color: #666666;
  font-size: 15px;
}

.encabezado {
  background-color: #f8f9fa !important;
  color: #1e1a34;
  padding: 20px !important;
  padding-left: 0% !important;
  padding-right: 0% !important;
  position: fixed; /* Para que la Navbar también sea sticky */
  top: 39px; /* Mantiene la navbar en la parte superior */
  width: 100%;
  z-index: 1040;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
/* Responsive Navbbar  */
/* @media (min-width: 1320px) {
    .encabezado {
      padding-left: 16% !important;
      padding-right: 13% !important;
      }
    } */

.encabezado img {
  width: 79px;
  height: auto;
  align-items: start;
  padding-left: 0px;
}

.contenedor-navbar {
  margin-left: 100px;
  margin-right: 100px;
}

.menu-mitelmovil {
  background: #5c0f8b;
  color: #1e1a34;
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.menu-mitelmovil img {
  width: 135px;
  height: auto;
  padding-left: 15px;
}

.cerrar-sesion {
  margin-left: auto;
  margin-right: 10px;
  margin-top: 12px;
}

.cerrar-sesion ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
}

.cerrar-sesion ul li a {
  color: #2ed9c3;
  font-size: 21px;
  padding: 12px;
  margin: 0 5px;
  text-decoration: none;
  border-bottom: 5px solid transparent;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.cerrar-sesion img {
  width: 45px;
  height: auto;
  margin-top: -5px;
}

.seccion-mitelmovil {
  margin-top: 107px;
}

.contenido-mitelmovil {
  background: white;
  padding-top: 35px;
  padding-bottom: 105px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}

.icono-mitelmovil img {
  width: 135px;
  height: auto;
}

.nombre-usuario {
  color: #5c0f8b;
  margin-left: -30px;
}

.usuario-mitelmovil {
  font-size: 45px;
  font-weight: bold;
}

.numero-usuario {
  font-size: 32px;
  margin-top: -25px;
}

.link-referencia img {
  width: 115px;
  height: auto;
}

.link-recarga img {
  width: 95px;
  height: auto;
}

.link-recarga {
  color: #5c0f8b;
  font-size: 19px;
}

.link-recarga:hover {
  color: #5c0f8b;
  text-decoration: none;
}

.link-estado img {
  width: 50px;
  height: auto;
  padding-left: 5px;
}

.link-estado {
  color: #5c0f8b;
  font-size: 19px;
}

.link-estado:hover {
  color: #5c0f8b;
  text-decoration: none;
}

.col-izq-inicio img {
  width: 25px;
  height: auto;
  margin-top: 3px;
}

.col-izq-perfil img {
  width: 17px;
  height: auto;
  margin-top: 16px;
}

.col-izq-detalles img {
  width: 25px;
  height: auto;
  margin-left: 5px;
  margin-top: 19px;
}

.col-izq-servicio img {
  width: 20px;
  height: auto;
  margin-top: 12px;
}

.col-izq-historial img {
  width: 21px;
  height: auto;
  margin-top: 15px;
}

.col-izq-cambio img {
  width: 25px;
  height: auto;
  margin-top: 19px;
}

.col-links {
  margin-left: -15px;
}

.col-links a {
  color: #5c0f8b;
  font-size: 19px;
}

.vigencia {
  color: #5c0f8b;
  background-color: #85e89a;
  border-radius: 5px;
  padding: 20px 0px 5px 0px;
  text-transform: uppercase;
}

.fecha-vigencia {
  font-size: 21px;
  font-weight: bold;
}

.col-der-contenido {
  margin-top: 45px;
  padding-left: 25px;
}

.nav-pills .nav-link.active {
  background-color: transparent !important;
  color: #5e0d8b !important;
  font-weight: bold;
  border-radius: 25px;
}

.nav-pills .nav-link {
  color: #000;
  /* border: 1px solid #5E0D8B; */
  border-radius: 25px !important;
  font-weight: normal;
  padding: 10px 20px;
  margin-bottom: 10px;
}

.paquete-disponible {
  color: #5c0f8b;
  font-size: 19px;
  font-weight: bold;
  background-color: #85e89a;
  padding: 8px 20px 8px 20px;
}

.contenido-paquete {
  color: #5c0f8b;
  font-size: 19px;
  padding: 20px;
  border: 2px solid #85e89a;
}

.beneficios-mitelmovil {
  font-size: 25px;
  font-weight: bold;
}

.img-beneficios img {
  width: 180px;
  height: auto;
}

.btn-detalles {
  color: white;
  background: #5c0f8b;
  border: transparent;
  border-radius: 7px;
  padding: 10px 35px;
  font-size: 23px;
}

.btn-detalles:hover {
  color: white;
  background: #5c0f8b;
  border: transparent;
  border-radius: 7px;
  padding: 10px 35px;
  font-size: 23px;
}

.card2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #5c0f8b;
  border-radius: 21px;
  margin-top: 15px;
}

.pleca-card {
  color: white;
  background: #5c0f8b;
  font-size: 21px;
  padding: 15px 20px 15px 20px;
  border-radius: 15px 15px 0px 0px;
}

.card-body2 {
  color: #515151;
  font-size: 17px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  border-radius: 21px;
}

.detalles-servicio p {
  color: #5c0f8b;
  font-size: 19px;
  font-weight: bold;
  padding: 20px 0px 0px 30px;
}

.detalles-disponible p {
  color: #5c0f8b;
  font-size: 19px;
  font-weight: bold;
  padding-top: 20px;
}

.detalles-minutos-izq p {
  color: #5c0f8b;
  font-size: 17px;
  padding: 0px 0px 0px 30px;
}

.porcentaje p {
  color: #5250de;
}

.detalles-minutos p {
  color: #5c0f8b;
  font-size: 17px;
}

.perfil-img img {
  width: 25px;
  height: auto;
}

.perfil-titulo {
  color: #5c0f8b;
  font-size: 21px;
  font-weight: bold;
  margin-left: -19px;
}

/*.border-inferior-mt{
    border-bottom: 1px solid $secundario;
    padding: 5px;
}*/
.pin-img img {
  width: 35px;
  height: auto;
}

.pin-titulo {
  color: #5c0f8b;
  font-size: 21px;
  font-weight: bold;
  margin-left: -15px;
  margin-top: -3px;
}

.numero-img img {
  width: 23px;
  height: auto;
}

.numero-titulo {
  color: #5c0f8b;
  font-size: 21px;
  font-weight: bold;
  margin-left: -15px;
}

.titulo-detalles {
  color: #5c0f8b;
  font-size: 19px;
  font-weight: bold;
  margin-left: -10px;
}

.btn-llamadas {
  display: grid;
}

.btn-llamadas,
.btn:focus,
.btn.focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.llamadas {
  color: #5c0f8b;
  border: 3px solid #85e89a;
  border-radius: 20px;
  padding: 25px 0px 0px 0px;
}

.llamadas img {
  width: 60px;
  height: auto;
}

.titulo-detalle {
  font-size: 23px;
  font-weight: bold;
  margin-top: 15px;
}

.d-mensajes {
  color: #5c0f8b;
  border: 3px solid #85e89a;
  border-radius: 21px;
  padding: 55px 0px 0px 0px;
}

.d-mensajes img {
  width: 95px;
  height: auto;
}

.titulo-mensaje {
  font-size: 23px;
  font-weight: bold;
  margin-top: 25px;
}

/*.d-megas{
    color: $principal;
    border: 3px solid $principal;
    border-radius: 17px;
    padding: 25px 0px 0px 0px;
}*/
.d-megas {
  color: #5c0f8b;
  border: 3px solid #f92121;
  border-radius: 21px;
  padding: 25px 0px 0px 0px;
}

.d-megas img {
  width: 95px;
  height: auto;
}

.titulo-megas {
  font-size: 23px;
  font-weight: bold;
  margin-top: 15px;
}

:root {
  --color-green: #85e89a;
  --color-red: #f92121;
  --color-button: #fdffff;
  --color-black: #5c0f8b;
}

.switch-button {
  display: inline-block;
}

.switch-button .switch-button__checkbox {
  display: none;
}

.switch-button .switch-button__label {
  background-color: var(--color-red);
  width: 4rem;
  height: 2rem;
  border-radius: 3rem;
  display: inline-block;
  position: relative;
}

.switch-button .switch-button__label:before {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  display: block;
  position: absolute;
  width: 2rem;
  height: 2rem;
  background-color: var(--color-button);
  content: "";
  border-radius: 50%;
  -webkit-box-shadow: inset 0px 0px 0px 1px var(--color-black);
  box-shadow: inset 0px 0px 0px 1px var(--color-black);
}

.switch-button .switch-button__checkbox:checked + .switch-button__label {
  background-color: var(--color-green);
}

.switch-button .switch-button__checkbox:checked + .switch-button__label:before {
  -webkit-transform: translateX(2rem);
  transform: translateX(2rem);
}

.contenido-porcentaje {
  color: #5c0f8b;
  font-size: 17px;
}

.img-porcentaje img {
  width: 165px;
  height: auto;
}

.titulo-general h5 {
  color: white;
}

.btn-buzon {
  display: grid;
}

.btn-buzon,
.btn:focus,
.btn.focus {
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.buzon {
  color: #5c0f8b;
  border: 3px solid #85e89a;
  border-radius: 20px;
  padding: 25px 0px 0px 0px;
}

.buzon img {
  width: 100px;
  height: auto;
}

.titulo-buzon {
  font-size: 20px;
  font-weight: bold;
  margin-top: 15px;
}

.servicio-activo {
  color: #5c0f8b;
  background-color: #85e89a;
  font-size: 21px;
  padding: 15px 0px 2px 0px;
  border-radius: 0px 0px 17px 17px;
  text-decoration: none;
}

.servicio-off {
  background: #f92121;
  font-size: 21px;
  padding: 15px 0px 2px 0px;
  border-radius: 0px 0px 17px 17px;
}

.servicio-off p {
  color: white;
}

.btn-desvio {
  display: grid;
}

.desvio {
  color: #5c0f8b;
  border: 3px solid #f92121;
  border-radius: 20px;
  padding: 25px 0px 0px 0px;
}

.desvio img {
  width: 60px;
  height: auto;
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.img-modal img {
  width: 25px;
  height: auto;
  margin-left: 25px;
}

.titulo-desvio {
  font-size: 20px;
  font-weight: bold;
  margin-top: 15px;
}

.btn-tripartita {
  display: grid;
}

.tripartita {
  color: #5c0f8b;
  border: 3px solid #f92121;
  border-radius: 20px;
  padding: 45px 0px 0px 0px;
}

.tripartita img {
  width: 140px;
  height: auto;
}

.img-modal-tripartita img {
  width: 45px;
  height: auto;
  margin-left: 25px;
}

.titulo-tripartita {
  font-size: 20px;
  font-weight: bold;
  margin-top: 25px;
  padding: 0px 10px 0px 10px;
}

.btn-incondicional {
  display: grid;
}

.incondicional {
  color: #5c0f8b;
  border: 3px solid #f92121;
  border-radius: 20px;
  padding: 25px 0px 0px 0px;
}

.incondicional img {
  width: 60px;
  height: auto;
}

.titulo-incondicional {
  font-size: 20px;
  font-weight: bold;
  margin-top: 15px;
  padding: 0px 10px 0px 10px;
}

.leyenda-c {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.formulario-modal .form-control {
  background-color: #fff;
  border: 1px solid #5c0f8b;
}

.formulario-modal .campos-contacto {
  border: 1px solid #5c0f8b;
  padding: 25px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.formulario-modal label {
  font-size: 15px;
}

/*RADIO*/
.content-input input,
.content-select select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.content-input input {
  visibility: hidden;
  position: absolute;
  right: 0;
}

.content-input {
  position: relative;
  margin-bottom: 30px;
  padding: 5px 0 5px 60px;
  /* Padding de 60px para posicionar el elemento <i> en este espacio*/
  display: block;
}

/* Estas reglas se aplicarán a todos las elementos i después de cualquier input*/
.content-input input + i {
  background: #f0f0f0;
  border: 2px solid #5c0f8b;
  position: absolute;
  left: 0;
}

/* Estas reglas se aplicarán a todos los i despues de un input de tipo radio*/
.content-input input[type="radio"] + i {
  height: 25px;
  width: 25px;
  border-radius: 100%;
  left: 21px;
}

.content-input input[type="radio"] + i:before {
  content: "";
  display: block;
  height: 13px;
  width: 13px;
  background: red;
  border-radius: 100%;
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 4px;
  background: #2ed9c3;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
  /* Todas las propiedades | tiempo | tipo movimiento */
  -webkit-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  /* Lo ocultamos*/
}

.content-input input[type="radio"]:checked + i:before {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

.content-input:hover input[type="radio"]:not(:checked) + i {
  background: #b1e8cd;
}

.titulo-historia {
  color: #5c0f8b;
  font-size: 19px;
  font-weight: bold;
  margin-left: -15px;
}

.sub-contenido {
  color: #5c0f8b;
  font-size: 17px;
}

.sub-historial {
  color: #5c0f8b;
  border-bottom: 1px solid #2ed9c3;
  padding-bottom: 5px;
}

.historial-paq {
  color: #5c0f8b;
  font-size: 19px;
  font-weight: bold;
}

.paq-actual {
  color: #5c0f8b;
  font-size: 21px;
  font-weight: bold;
}

.titulo-cambio {
  color: #5c0f8b;
  font-size: 19px;
  font-weight: bold;
  margin-left: -15px;
}

.contenido-cambio {
  color: #f92121;
  font-size: 17px;
  font-weight: bold;
}

.frase-cambio {
  color: #5c0f8b;
  font-size: 17px;
}

.form-cambio {
  color: #5c0f8b;
  font-size: 17px;
}

.select-css {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #5c0f8b;
  line-height: 1.4;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #5c0f8b;
  -webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.03);
  box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.03);
  position: relative;
  -webkit-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.select-css::-ms-expand {
  display: none;
}

.select-css:hover {
  border-color: #888;
}

.select-css:focus {
  border-color: #aaa;
  -webkit-box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 1px 3px rgba(59, 153, 252, 0.7);
  box-shadow: 0 0 0 3px -moz-mac-focusring;
  color: #222;
  outline: none;
}

.select-css option {
  font-weight: normal;
}

.caja::after {
  content: "\025be";
  display: table-cell;
  padding-top: 7px;
  text-align: center;
  width: 30px;
  height: 30px;
  position: absolute;
  background: white;
  top: 34px;
  right: 19px;
  pointer-events: none;
}

.btn-cambio {
  color: white;
  background-color: #5c0f8b;
  border: transparent;
  border-radius: 7px;
  padding: 10px 35px;
  font-size: 23px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tc-cambio a {
  color: #5c0f8b;
}

.encabezado button img {
  width: 45px;
  height: auto;
}

.boton-menu,
.boton-buscar {
  border: 0px;
  margin: 0px;
  padding: 0px 15px;
  background: transparent;
}

.boton-menu:focus,
.boton-buscar:focus {
  outline: 0;
}

.boton-buscar {
  margin-left: auto;
  margin-right: 10px;
}

#campo-buscar {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

.busqueda {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 50px;
  margin: 15px 0px;
}

.busqueda input[type="text"] {
  border: 1px solid #5c0f8b;
  border-radius: 5px 0 0 5px;
  padding: 7px;
  font-size: 16px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 70%;
  flex: 1 1 70%;
}

.busqueda input[type="submit"] {
  border: 1px solid #5c0f8b;
  border-radius: 0 5px 5px 0;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  background-color: #5c0f8b;
  color: white;
  font-size: 17px;
}

.menu-principal {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px; /* Añade espacio a los lados */
  margin-top: 0px !important; /* Ajusta el margen superior */
}

.menu-principal ul {
  display: flex;
  list-style: none;
  align-items: center;
  padding: 0;
  margin: 0;
}

.menu-principal ul li a {
  font-size: 14px; /* Ajusta el tamaño del texto */
  padding: 10px 8px; /* Ajusta el espaciado interno */
  font-weight: 400; /* Asegura consistencia en el grosor del texto */
  display: inline-block;
  text-decoration: none;
  color: #000;
}

.menu-principal ul li a:hover,
.menu-principal ul li.active a {
  color: #5c0f8b;
}

.menu-principal ul li a:hover {
  background-color: #e8e0f7;
  border-radius: 10px;
  /* color: #5C0F8B; */
}

.encabezado {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 20px;
}

#otn-sim a {
  color: #5c0f8b !important;
  background-color: #2ed9c3;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 10px;
  font-weight: 500;
  border-bottom: transparent;
}

#btn-sim a:hover {
  color: #5c0f8b !important;
  background-color: #2ed9c3;
  border-radius: 10px;
  border-bottom: transparent;
}

#recargas-mp a {
  color: white !important;
  background-color: #5c0f8b;
  padding-left: 25px;
  padding-right: 25px;
  border-radius: 10px;
  border-bottom: transparent;
  font-weight: 500;
}

#recargas-mp a:hover {
  color: #5c0f8b !important;
  background-color: #2ed9c3;
  border-bottom: transparent;
}

/* #recargas-mp .btn-recargas {
  color: white !important;
  background: linear-gradient(to right, #CB9BDE, #824BF9, #5C0F8B ) !important; 
  font-size: 17px;
  font-weight: 500;
  padding: 9px 28px 9px 28px;
  border-radius: 21px;
  border-left: transparent;
  border-right: transparent;
  border-bottom: transparent;
  margin-top: -7px; 
  transition: all 0.3s ease-in-out; }

#recargas-mp .btn-recargas:hover {
  background: linear-gradient(to right, #2ED9C3, #601485) !important; 
  transform: scale(1.04); 
  color: white; 
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); 
  border-bottom: transparent; } */

#menu-movil {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
}

#menu-movil ul {
  margin-top: 15px;
  padding-left: 0;
}

#menu-movil ul li {
  padding: 0px;
  list-style: none;
}

#menu-movil ul li a {
  display: block;
  padding: 10px 0px;
  text-align: start;
  color: #000;
  font-size: 14px;
  font-weight: 300;
  text-decoration: none;
}

#menu-movil ul li a:hover,
#menu-movil ul li:active a {
  color: #5e0d8b;
}

#recargas a {
  color: white !important;
  background-color: #5c0f8b;
  border-radius: 25px;
}

#recargas a:hover {
  color: #2ed9c3 !important;
  background-color: #5c0f8b;
  border-radius: 25px;
}

.btn-recargas:hover {
  background-color: #e8e0f7 !important;
  border-radius: 10px !important;
}

/* #recargas .btn-recargas {
  width: 100%;
  color: white !important;
  font-size: 21px;
  text-transform: uppercase;
  background: linear-gradient(to right, #CB9BDE, #824BF9, #5C0F8B ) !important; 
  border: transparent;
  border-left: transparent;
  border-radius: 25px; }

#recargas .btn-recargas:hover {
  color: #fff !important;
  
  background: linear-gradient(to right, #2ED9C3, #601485) !important; 
  transform: scale(1.03); 
  border-radius: 25px; } */

.slider-principal {
  margin-top: 99px !important;
  z-index: 0;
}

.servicios {
  margin-top: 60px;
  z-index: 1;
  margin-bottom: 60px;
}

.servicios h2 {
  font-size: 23px;
  font-weight: 200;
}

.caja1 a {
  background-color: white;
  border: 2px solid #5c0f8b;
  height: 250px;
  padding: 19px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 9px;
  color: #5c0f8b;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.caja1 a:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.caja2 a {
  background-color: white;
  border: 2px solid #5c0f8b;
  height: 250px;
  padding: 19px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 9px;
  color: #5c0f8b;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.caja2 a:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.caja2 a h2 {
  padding-top: 10px;
}

.caja3 a {
  background-color: white;
  border: 2px solid #5c0f8b;
  height: 250px;
  padding: 25px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 9px;
  color: #5c0f8b;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.caja3 a:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.caja4 a {
  background-color: white;
  border: 2px solid #5c0f8b;
  height: 250px;
  padding: 27px 20px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 9px;
  color: #5c0f8b;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.caja4 a:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.titulo-caja2 {
  text-align: center;
}

.margen-top-servicios {
  margin-top: 45px;
}

.img-s1 {
  width: 119px;
  height: auto;
  margin-bottom: 25px;
}

.img-s2 {
  margin-top: 54px;
  margin-bottom: 25px;
  width: 250px;
  height: auto;
}

.img-s3 {
  width: 185px;
  height: auto;
  margin-bottom: 25px;
}

.img-s4 {
  width: 150px;
  height: auto;
  margin-bottom: 25px;
}

.servicio-tel {
  color: white;
  background: url("../images/S9.jpg") no-repeat center top;
  background-size: cover;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 35px;
}

.servicio-tel h1 {
  font-size: 95px;
  font-weight: bold;
  text-align: center;
  text-shadow: 2px 3px 2px #5c0f8b;
}

.contenido-tel {
  background: url("../images/S10.png") no-repeat center center;
  background-size: cover;
  height: 1150px;
  margin-bottom: 65px;
}

.parrafo-tel {
  color: #5c0f8b;
  font-size: 30px;
  padding: 54px;
  margin-top: 15px;
}

.img-tarjeta {
  padding: 45px;
}

.contenido-sim {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sim-h1 {
  color: #5c0f8b;
  padding: 34px;
  font-size: 45px;
  font-weight: bold;
}

.link-tel-compatibilidad {
  color: #2ed9c3;
}

.link-tel-compatibilidad:hover {
  color: #2ed9c3;
  text-decoration: none;
}

.contenido-servicio {
  margin-top: 65px;
  padding: 45px;
}

.contenido-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.titulo-info {
  color: #5c0f8b;
  font-size: 17px;
  font-weight: bold;
}

.info-p {
  color: #5c0f8b;
  font-size: 17px;
}

.img-contrato {
  width: 105px;
  height: auto;
}

.img-recarga-cel {
  width: 60px;
  height: auto;
}

.img-tv {
  width: 100px;
  height: auto;
}

.img-deuda {
  width: 90px;
  height: auto;
}

.titulo-servicio {
  background: #5c0f8b;
}

.titulo-servicio h1 {
  color: white;
  font-size: 45px;
  padding: 45px;
}

.margen-info {
  margin-top: 65px;
}

.paquetes-st {
  color: white;
  background: #5c0f8b;
}

.paquetes-st p {
  color: #5c0f8b;
  font-size: 19px;
  font-weight: normal;
}

.mifi {
  color: white;
  background: url("../images/S11.jpg") no-repeat center center;
  background-size: cover;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 145px;
}

.mifi h1 {
  font-size: 95px;
  font-weight: bold;
  margin-left: 135px;
}

.contenido-mifi {
  margin-top: 45px;
  margin-bottom: 40px;
  background: url("../images/mifi-fondo.svg") no-repeat center;
}

.titulo-mifi {
  color: #5c0f8b;
  font-size: 29px;
  padding: 5px;
}

.link-mifi {
  color: #5c0f8b;
  font-weight: bold;
  text-decoration: underline;
}

.link-mifi:hover {
  color: #5c0f8b;
  font-weight: bold;
  text-decoration: underline;
}

.internet-casa {
  color: white;
  background: url("../images/S8.jpg") no-repeat center top;
  background-size: cover;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 145px;
}

.internet-casa h1 {
  font-size: 95px;
  font-weight: bold;
  text-align: center;
}

.contenido-internet {
  margin-top: 45px;
  margin-bottom: 45px;
}

.titulo-internet {
  color: #5c0f8b;
  font-size: 95px;
  font-weight: bold;
}

.texto-internet {
  color: #5c0f8b;
  font-size: 29px;
  margin-top: 25px;
  background: url("../images/casa-fondo.svg") no-repeat center;
}

.dispositivos {
  color: white;
  background: url("../images/S15.jpg") no-repeat center center;
  background-size: cover;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 35px;
}

.dispositivos h1 {
  font-size: 95px;
  font-weight: bold;
  text-shadow: 2px 3px 2px #5c0f8b;
}

.contenido-dispositivos {
  margin-top: 45px;
  margin-bottom: 40px;
}

.titulo-dispositivos {
  color: #5c0f8b;
  font-size: 55px;
  font-weight: bold;
  padding: 5px;
}

.logo-telmov {
  width: 350px;
  height: auto;
}

.logo-telmovb {
  width: 350px;
  height: auto;
}

.marca-dispositivos {
  margin-top: 45px;
}

.modelo {
  font-size: 75px;
  text-align: right;
}

.btn-telmov {
  color: white;
  font-size: 25px;
  font-weight: bold;
  max-width: 300px;
  text-transform: uppercase;
  padding: 18px;
  margin-bottom: 25px;
  border: transparent;
  background: #5c0f8b;
  border-radius: 35px;
  text-decoration: none;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-telmov:hover {
  color: #5c0f8b;
  font-size: 25px;
  font-weight: bold;
  max-width: 300px;
  text-transform: uppercase;
  padding: 18px;
  border: transparent;
  background: #2ed9c3;
  border-radius: 35px;
  text-decoration: none;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.margen-btn-catalogo {
  margin-top: 45px;
  margin-bottom: 50px;
}

.btn-catalogo {
  color: white;
  font-size: 25px;
  font-weight: bold;
  max-width: 300px;
  text-transform: uppercase;
  padding: 18px;
  border: transparent;
  background: #5c0f8b;
  border-radius: 35px;
  text-decoration: none;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-catalogo:hover {
  color: #5c0f8b;
  font-size: 25px;
  font-weight: bold;
  max-width: 300px;
  text-transform: uppercase;
  padding: 18px;
  border: transparent;
  background: #2ed9c3;
  border-radius: 35px;
  text-decoration: none;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.lider {
  background: #fdc900;
  padding: 35px;
}

.btn-lider {
  color: white;
  font-size: 25px;
  font-weight: bold;
  max-width: 300px;
  text-transform: uppercase;
  padding: 18px;
  margin-bottom: 25px;
  border: transparent;
  background: #5c0f8b;
  border-radius: 35px;
  text-decoration: none;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-lider:hover {
  color: white;
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 18px;
  border: transparent;
  background: #5c0f8b;
  border-radius: 35px;
  text-decoration: none;
}

.nosotros {
  color: white;
  background: url("../images/S12.jpg") no-repeat center center;
  background-size: cover;
  /* margin-top: 70px !important; */
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.nosotros h1 {
  font-size: 95px;
  font-weight: bold;
  text-shadow: 2px 3px 2px #5c0f8b;
}

.contenido-nosotros {
  margin-top: 45px;
  margin-bottom: 40px;
}

.titulo-nosotros {
  color: #5c0f8b;
  font-size: 25px;
  font-weight: bold;
  padding: 5px;
}

.texto-nosotros {
  color: #5c0f8b;
  font-size: 19px;
}

.promo {
  color: white;
  background: url("../images/fondo-promo.jpg") no-repeat center;
  background-size: cover;
  height: auto;
  padding-bottom: 95px;
}

.promo h1 {
  font-weight: bold;
  margin-top: 100px;
  font-size: 55px;
  margin-bottom: 35px;
}

.txt-promo {
  color: #19f4ff;
  font-size: 27px;
  font-weight: 200;
  margin: -25px 0px 45px 0px;
}

.img-promo100 {
  width: 350px;
  height: auto;
}

.pie-promo {
  color: #5c0f8b;
  background: #ffdb27;
  padding: 12px;
  font-size: 21px;
  text-transform: uppercase;
  border: 1px solid #ffdb27;
  border-radius: 25px;
}

.img-costo-promo {
  width: 500px;
  height: auto;
}

.vineta {
  width: 15px;
  height: auto;
}

.margen-top-tc {
  margin-top: 15px;
}

.link-promo {
  color: #5c0f8b;
  font-size: 15px;
  font-weight: normal;
  text-decoration: underline;
}

.link-promo:hover {
  color: #5c0f8b;
  font-size: 15px;
}

.folio-promo {
  color: #5c0f8b;
  font-size: 14px !important;
  margin-top: 10px;
  font-weight: normal;
}

.btn-promo {
  color: #5c0f8b;
  font-weight: bold;
  background-color: #2ed9c3;
  border: none;
  padding: 20px;
  font-size: 23px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 35px;
}

.btn-promo:hover,
.btn-promo:focus {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: none;
  font-size: 23px;
  -webkit-box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
  box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
  -webkit-transform: translateY(-0.25em);
  transform: translateY(-0.25em);
}

.btn-promo:active {
  color: #1e1a34 !important;
  background-color: #2ed9c3 !important;
  border: none !important;
  font-size: 23px !important;
  -webkit-box-shadow: 0 0.5em 0.5em -0.4em var(--hover) !important;
  box-shadow: 0 0.5em 0.5em -0.4em var(--hover) !important;
  -webkit-transform: translateY(-0.25em) !important;
  transform: translateY(-0.25em) !important;
}

.flecha-btn {
  width: 15px;
  height: auto;
}

.btn-promo:hover,
.btn-promo:focus,
.btn-promo:active {
  --hover: #ffffff;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.recomendaciones {
  margin-bottom: 50px;
}

.pleca-recomendacion {
  margin-top: 45px;
  margin-bottom: 45px;
}

.recomendaciones h1 {
  color: white;
  font-weight: bold;
  font-size: 75px;
  margin-top: 50px;
  padding-bottom: 25px;
  padding-left: 55px;
}

.recomendaciones h2 {
  color: #5c0f8b;
}

.alinea-recomendacion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.img-fav {
  width: 170px;
  height: auto;
}

.nombre-cel {
  color: black;
  font-size: 62px;
  margin-top: -25px;
}

.capacidad {
  color: #3b3b3b;
  font-size: 35px;
  font-weight: lighter;
  margin-top: -25px;
  letter-spacing: 2px;
}

.costo-r {
  font-size: 75px;
  font-weight: bold;
}

.marca-r {
  font-size: 25px;
  display: none;
}

.cel-recomendacion {
  width: 250px;
  height: auto;
}

.logo-samsung {
  width: 270px;
  height: auto;
}

.logo-xiaomi {
  width: 120px;
  height: auto;
}

.sub-cel {
  font-size: 42px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 500;
  margin-top: -35px;
}

.img-equipo {
  width: 450px;
  height: auto;
}

.img-promo200 {
  width: 300px;
  height: auto;
}

.img-50 {
  width: 280px;
  height: auto;
}

.img-costo200 {
  width: 450px;
  height: auto;
}

.img-costo-promo100 {
  width: 300px;
  height: auto;
}

.telmov-100-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.link-recomendacion {
  color: #5c0f8b;
  font-size: 15px;
  text-align: center;
  text-decoration: underline;
}

.link-recomendacion:hover {
  color: #5c0f8b;
  font-size: 15px;
  text-align: center;
}

.folio-recomendacion {
  color: #5c0f8b;
  font-size: 14px !important;
  margin-top: 10px;
}

.cantidad-paquete {
  font-size: 35px;
}

.btn-recomendaciones {
  color: white;
  font-weight: bold;
  background-color: #5c0f8b;
  border: none;
  padding: 20px;
  font-size: 23px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 35px;
  margin-bottom: 25px;
}

.btn-recomendaciones:hover,
.btn-recomendaciones:focus {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: none;
  font-size: 23px;
  -webkit-box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
  box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
  -webkit-transform: translateY(-0.25em);
  transform: translateY(-0.25em);
}

.btn-recomendaciones:active {
  color: white !important;
  background-color: #2ed9c3 !important;
  border: none !important;
  font-size: 23px !important;
  -webkit-box-shadow: 0 0.5em 0.5em -0.4em var(--hover) !important;
  box-shadow: 0 0.5em 0.5em -0.4em var(--hover) !important;
  -webkit-transform: translateY(-0.25em) !important;
  transform: translateY(-0.25em) !important;
}

.btn-recomendaciones:hover,
.btn-recomendaciones:focus,
.btn-recomendaciones:active {
  --hover: #5c0f8b;
}

/**/
.recomendacion-telmov {
  background: url(../images/ftelmov.jpg) no-repeat bottom;
  background-size: cover;
  height: auto;
  padding: 70px 0px 0px 0px;
}

.titulo-recomendacion {
  color: white;
  font-size: 50px;
  font-weight: normal;
  padding: 5px;
}

/*.beneficios{
    color: white;
    background: url("../images/img1.jpg") no-repeat center top;
    background-size: cover;
    min-height: 750px;
}
.beneficios{
    font-size: 25px;
    font-weight: lighter;
}
.beneficios h1{
    font-weight: bold;
    margin-top: 100px;
    font-size: 75px;
}*/
.beneficios {
  margin-bottom: 60px;
}

.box-beneficios {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.beneficios h1 {
  color: #5c0f8b;
  font-size: 55px;
  font-weight: bold;
}

.beneficios h2 {
  color: #5c0f8b;
  font-size: 19px;
  font-weight: lighter;
  padding: 25px 25px 0px 25px;
}

.beneficios p {
  color: #5c0f8b;
  font-size: 19px;
  font-weight: lighter;
  padding: 0px 25px 0px 25px;
}

.img-b1 {
  width: 145px;
  height: auto;
}

.img-b2 {
  width: 120px !important;
  height: auto;
}

.img-b3 {
  width: 125px;
  height: auto;
}

.img-b4 {
  width: 125px;
  height: auto;
}

.box-beneficios a:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  background-color: #2ed9c3;
}

.ofertas {
  color: white;
  background: #5c0f8b;
  background-size: cover;
  height: 100%;
}

.ofertas h1 {
  font-weight: bold;
  margin-top: 70px;
  margin-bottom: 50px;
  font-size: 75px;
}

.ofertas h2 {
  color: #5c0f8b;
  font-size: 47px;
  font-weight: lighter;
  text-transform: uppercase;
}

.ofertas h4 {
  color: #2ed9c3;
  font-size: 45px;
  font-weight: bold;
  margin-top: -20px;
}

.link-detalles {
  color: #5c0f8b;
  border: transparent;
  background-color: transparent;
  font-size: 19px;
  text-align: center;
  margin-top: 20px;
}

.link-detalles:hover {
  color: #5c0f8b;
  font-size: 19px;
  text-align: center;
  text-decoration: none;
}

.bs-popover-bottom > .arrow::after,
.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #c6f4ec;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: #5c0f8b;
  background-color: #c6f4ec;
  border-bottom: 1px solid #5c0f8b;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #5c0f8b;
  background: #c6f4ec;
}

.link-tc {
  color: #5c0f8b;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
  text-align: center;
  margin-top: 15px;
}

.link-tc:hover {
  color: #5c0f8b;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}

.contenido-vdetalles {
  font-size: 14px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.vdetalles-fila1 {
  background: #c6f4ec !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 10px !important;
}

.vdetalles-fila1 span {
  font-weight: bold !important;
}

.vdetalles-fila2 {
  background: #dacfe2 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding: 10px !important;
}

.vdetalles-fila2 span {
  font-weight: bold !important;
}

.folio {
  font-size: 12px !important;
  margin-top: 10px;
}

.ofertas p {
  color: #5c0f8b;
  font-size: 17px;
  font-weight: normal;
}

.caja-ofertas .costo1 {
  color: #5c0f8b;
  font-size: 77px;
  font-weight: bold;
  text-transform: uppercase;
}

.contenido-ofertas {
  padding-left: 55px;
}

.caja-ofertas {
  border: 4px solid #2ed9c3;
  height: 710px;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 7px;
  color: white;
  background-color: rgba(255, 255, 255, 0.99);
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 25px 15px 0px 15px;
}

.caja-ofertas .img-dias {
  width: 150px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.caja-ofertas2 {
  height: 750px;
  color: #5c0f8b !important;
  border: 4px solid #2ed9c3;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 7px;
  color: white;
  background-color: rgba(255, 255, 255, 0.99);
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 15px 15px 0px 15px;
}
.caja-oferta-30 {
  height: 750px;
  color: #5c0f8b !important;
  border: 4px solid #824bf9;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 7px;
  color: white;
  background-color: rgba(255, 255, 255, 0.99);
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 15px 15px 0px 15px;
}
.caja-oferta-50 {
  height: 750px;
  color: #5c0f8b !important;
  border: 4px solid #16df7e;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 7px;
  color: white;
  background-color: rgba(255, 255, 255, 0.99);
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 15px 15px 0px 15px;
}
.caja-oferta-100 {
  height: 750px;
  color: #5c0f8b !important;
  border: 4px solid #f44573;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 7px;
  color: white;
  background-color: rgba(255, 255, 255, 0.99);
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 15px 15px 0px 15px;
}
.caja-oferta-200 {
  height: 750px;
  color: #5c0f8b !important;
  border: 4px solid #f0b40e;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 7px;
  color: white;
  background-color: rgba(255, 255, 255, 0.99);
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 15px 15px 0px 15px;
}
.caja-oferta-300 {
  height: 750px;
  color: #5c0f8b !important;
  border: 4px solid #fc7131;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 7px;
  color: white;
  background-color: rgba(255, 255, 255, 0.99);
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 15px 15px 0px 15px;
}
.caja-oferta-1-2-100 {
  height: 830px;
  color: #5c0f8b !important;
  border: 4px solid #f44573;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 7px;
  color: white;
  background-color: rgba(255, 255, 255, 0.99);
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 15px 15px 0px 15px;
}
.caja-oferta-1-2-200 {
  height: 830px;
  color: #5c0f8b !important;
  border: 4px solid #f0b40e;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 7px;
  color: white;
  background-color: rgba(255, 255, 255, 0.99);
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 15px 15px 0px 15px;
}
.caja-oferta-1-2-300 {
  height: 830px;
  color: #5c0f8b !important;
  border: 4px solid #fc7131;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 7px;
  color: white;
  background-color: rgba(255, 255, 255, 0.99);
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 15px 15px 0px 15px;
}
.caja-ofertas3 {
  border: 4px solid #2ed9c3;
  height: 850px;
  margin-bottom: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 7px;
  color: white;
  background-color: rgba(255, 255, 255, 0.99);
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 25px 15px 0px 15px;
}

.telmovil100 {
  color: white !important;
  background: #f44573;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  padding: 14px 35px 7px 35px !important;
  font-size: 17px !important;
  font-weight: lighter !important;
}

/*.dias7{
    color: white !important;
    background: #824BF9;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border-radius: 5px;
    padding: 10px 35px 10px 35px;
    font-size: 23px !important;
    font-weight: lighter !important;
}*/
.dias7 {
  color: white !important;
  background: #824bf9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  padding: 14px 35px 7px 35px !important;
  font-size: 17px !important;
  font-weight: lighter !important;
}

.dias15 {
  color: white !important;
  background: #16df7e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  padding: 14px 35px 7px 35px !important;
  font-size: 17px !important;
  font-weight: lighter !important;
}

.dias30 {
  color: white !important;
  background: #1f7cea;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  padding: 14px 35px 7px 35px !important;
  font-size: 17px !important;
  font-weight: lighter !important;
}

/*CONTENIDO 3 DIAS*/
.paquete {
  color: white !important;
  font-weight: lighter !important;
  font-size: 29px;
  line-height: 1em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.megas {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.costo-paquete {
  color: #5c0f8b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 15px 0px 15px;
  font-size: 17px !important;
}

.costo-paquete-pre {
  color: #5c0f8b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 15px 0px 15px;
  font-size: 17px !important;
  margin: -15px 0px 15px 0px;
}

.costop {
  font-weight: bold;
  font-size: 65px;
  line-height: 1em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.costopre {
  font-weight: bold;
  font-size: 60px;
  line-height: 1em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.pesos {
  font-size: 23px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.telmovil100 span {
  font-weight: normal;
  color: white;
}

.dias3 span:last-child {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

/*CONTENIDO 7 DIAS*/
.paquete {
  color: white !important;
  font-weight: lighter !important;
  font-size: 29px;
  line-height: 1em;
}

.dias7 span {
  font-weight: normal;
  color: white;
}

.dias7 span:last-child {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

/*CONTENIDO 15 DIAS*/
.paquete2 {
  color: white !important;
  font-weight: lighter !important;
  font-size: 29px;
  line-height: 1em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.dias15 span {
  font-weight: normal;
  color: white;
}

.dias15 span:last-child {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

/*CONTENIDO 30 DIAS*/
.dias30 span {
  font-weight: normal;
  color: white;
}

.dias30 span:last-child {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.costo2 {
  color: #5c0f8b !important;
  font-weight: bold !important;
  font-size: 82px;
  line-height: 1em;
}

.btn-ofertas {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: 1px solid #2ed9c3;
  border-radius: 25px;
  font-size: 23px;
  font-weight: bold;
  letter-spacing: 3px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-ofertas:hover,
.btn-ofertas:focus {
  color: white;
  background-color: #5c0f8b;
  border: 1px solid #5c0f8b;
  font-size: 23px;
  -webkit-box-shadow: 0px 0px 15px 0px white;
  box-shadow: 0px 0px 15px 0px white;
}

.btn-ofertas:active {
  color: #5c0f8b !important;
  background-color: #2ed9c3 !important;
  border: 1px solid #2ed9c3 !important;
  font-size: 23px !important;
  -webkit-box-shadow: 0px 0px 15px 0px white;
  box-shadow: 0px 0px 15px 0px white;
}

.modal-header {
  border-bottom: 1px solid #5c0f8b;
  background: #5c0f8b;
}
.modal-title {
  color: white;
  font-weight: 200;
}

.close {
  color: white;
}

.close:hover,
.close:focus {
  color: white;
}

.close:active {
  color: white;
}

.modal-body {
  color: #5c0f8b;
  padding: 0px;
}

.modal-footer {
  border-top: 1px solid #5c0f8b;
}

.btn-pop-paquete {
  color: white;
  background-color: #5c0f8b;
  border: 1px solid #5c0f8b;
  border-radius: 5px;
  padding: 10px;
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-pop-paquete:hover,
.btn-pop-paquete:focus {
  color: white;
  background-color: #5c0f8b;
  border: 1px solid #5c0f8b;
  border-radius: 5px;
  text-decoration: none;
}

.btn-pop-paquete:active {
  color: white;
  background-color: #5c0f8b;
  border: 1px solid #5c0f8b;
  border-radius: 5px;
}

.btn-paquetes {
  color: white;
  background-color: #5c0f8b;
  border: 1px solid #2ed9c3;
  border-radius: 9px;
  padding: 15px 20px 15px 20px;
  font-size: 25px;
  font-weight: lighter;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-bottom: 50px;
}

.btn-paquetes:hover {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: 1px solid #2ed9c3;
  border-radius: 9px;
  padding: 15px 20px 15px 20px;
  font-size: 25px;
  font-weight: lighter;
  -webkit-box-shadow: 0 0.5em 0.5em -0.3em white;
  box-shadow: 0 0.5em 0.5em -0.3em white;
  -webkit-transform: translateY(-0.25em);
  transform: translateY(-0.25em);
}

/* CARRUSEL */
.carrusel h1 {
  color: #5c0f8b;
  font-size: 55px;
  font-weight: bold;
}

.carrusel .card {
  border: none !important;
  background: transparent !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.owl-carousel .owl-item img {
  display: block;
  width: 80%;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #5c0f8b;
  border: 1px solid #5c0f8b;
}

.paquetes {
  color: white;
  background: #5c0f8b;
  margin-top: 145px;
}

.paquetes h1 {
  font-weight: bold;
  margin-top: 70px;
  margin-bottom: 50px;
  font-size: 65px;
}

.paquetes h2 {
  color: #5c0f8b;
  font-size: 47px;
  font-weight: lighter;
  text-transform: uppercase;
}

.paquetes h4 {
  color: #2ed9c3;
  font-size: 45px;
  font-weight: bold;
  margin-top: -20px;
}

.link-detalles {
  color: white;
  border-radius: 50px;
  background-color: #5c0f8b;
  font-size: 19px;
  text-align: center;
  margin-top: 20px;
  padding: 7px 0px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.link-detalles:hover {
  color: white;
  font-size: 19px;
  text-align: center;
  text-decoration: none;
}

.bs-popover-bottom > .arrow::after,
.bs-popover-auto[x-placement^="bottom"] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #c6f4ec;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  color: #5c0f8b;
  background-color: #c6f4ec;
  border-bottom: 1px solid #5c0f8b;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #5c0f8b;
  background: #c6f4ec;
}

.link-tc {
  color: #5c0f8b;
  font-size: 14px;
  font-weight: 400;
  text-decoration: underline;
  text-align: center;
  margin-top: 15px;
}

.link-tc:hover {
  color: #5c0f8b;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}

.folio {
  font-size: 14px !important;
  margin-top: 10px;
}

.paquetes p {
  color: #5c0f8b;
  font-size: 19px;
  font-weight: normal;
}

.caja-ofertas .costo1 {
  color: #5c0f8b;
  font-size: 77px;
  font-weight: bold;
  text-transform: uppercase;
}

.contenido-ofertas {
  padding-left: 55px;
}

.semestrales {
  margin-top: 55px;
}

.caja-ofertas {
  border: 4px solid #2ed9c3;
  height: 710px;
  margin-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 7px;
  color: white;
  background-color: rgba(255, 255, 255, 0.99);
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 25px 15px 0px 15px;
}

.caja-ofertas .img-dias {
  width: 150px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

.telmovil100 {
  color: white !important;
  background: #f44573;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  padding: 10px 35px 10px 35px;
  font-size: 17px !important;
  font-weight: lighter !important;
}

.telmovil200-30D {
  color: white !important;
  background: #f0b40e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  padding: 14px 35px 7px 35px !important;
  font-size: 17px !important;
  font-weight: lighter !important;
}

.telmovil100-30D {
  color: white !important;
  background: #ff3baa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  padding: 14px 35px 7px 35px !important;
  font-size: 17px !important;
  font-weight: lighter !important;
}

.telmovil45-3D {
  color: white !important;
  background: #a0da19;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  padding: 14px 35px 7px 35px !important;
  font-size: 17px !important;
  font-weight: lighter !important;
}

.telmovil75-7D {
  color: white !important;
  background: #3acad4;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  padding: 14px 35px 7px 35px !important;
  font-size: 17px !important;
  font-weight: lighter !important;
}

.telmovil150-15 {
  color: white !important;
  background: #1dd497;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  padding: 14px 35px 7px 35px !important;
  font-size: 17px !important;
  font-weight: lighter !important;
}

.dias7 {
  color: white !important;
  background: #824bf9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  padding: 14px 35px 7px 35px !important;
  font-size: 17px !important;
  font-weight: lighter !important;
}

.dias15 {
  color: white !important;
  background: #16df7e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  padding: 14px 35px 7px 35px !important;
  font-size: 17px !important;
  font-weight: lighter !important;
}

.dias30 {
  color: white !important;
  background: #1f7cea;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  padding: 14px 35px 7px 35px !important;
  font-size: 17px !important;
  font-weight: lighter !important;
}

.telmovil300-30D {
  color: white !important;
  background: #fc7131;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  padding: 14px 35px 7px 35px !important;
  font-size: 17px !important;
  font-weight: lighter !important;
}

.telmovil500-30D {
  color: white !important;
  background: #6442ff;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 5px;
  padding: 14px 35px 7px 35px !important;
  font-size: 17px !important;
  font-weight: lighter !important;
}

/*CONTENIDO 3 DIAS*/
.paquete {
  color: white !important;
  font-weight: lighter !important;
  font-size: 29px;
  line-height: 1rem;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.megas {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-weight: normal;
  color: white;
}

.dias3 span:last-child {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

/*CONTENIDO 7 DIAS*/
.paquete {
  color: white !important;
  font-weight: lighter !important;
  font-size: 29px;
  line-height: 1em;
}

.dias7 span:last-child {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

/*CONTENIDO 15 DIAS*/
.paquete2 {
  color: white !important;
  font-weight: lighter !important;
  font-size: 29px;
  line-height: 1em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.dias15 span:last-child {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

/*CONTENIDO 30 DIAS*/
.dias30 span {
  font-weight: normal;
  color: white;
}

.dias30 span:last-child {
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.costo2 {
  color: #5c0f8b !important;
  font-weight: bold !important;
  font-size: 82px;
  line-height: 1em;
}

.btn-ofertas {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: 3px solid #5c0f8b;
  border-radius: 25px;
  font-size: 23px;
  font-weight: bold;
  letter-spacing: 3px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-ofertas:hover,
.btn-ofertas:focus {
  color: white;
  background-color: #5c0f8b;
  border: 3px solid #5c0f8b;
  font-size: 23px;
  -webkit-box-shadow: 0px 0px 15px 0px white;
  box-shadow: 0px 0px 15px 0px white;
}

.btn-ofertas:active {
  color: #5c0f8b !important;
  background-color: #2ed9c3 !important;
  border: 3px solid #2ed9c3 !important;
  font-size: 23px !important;
  -webkit-box-shadow: 0px 0px 15px 0px white;
  box-shadow: 0px 0px 15px 0px white;
}

.modal-header {
  border-bottom: 1px solid #5c0f8b;
  background: #5c0f8b;
}

.close {
  color: white;
}

.close:hover,
.close:focus {
  color: white;
}

.close:active {
  color: white;
}

.modal-body {
  color: #5c0f8b;
}

.modal-footer {
  border-top: 1px solid #5c0f8b;
}

.btn-pop-paquete {
  color: white;
  background-color: #5c0f8b;
  border: 1px solid #5c0f8b;
  border-radius: 5px;
  padding: 10px;
  font-size: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-pop-paquete:hover,
.btn-pop-paquete:focus {
  color: white;
  background-color: #5c0f8b;
  border: 1px solid #5c0f8b;
  border-radius: 5px;
  text-decoration: none;
}

.btn-pop-paquete:active {
  color: white;
  background-color: #5c0f8b;
  border: 1px solid #5c0f8b;
  border-radius: 5px;
}

.login {
  color: white;
  background: url("../images/Flogin.jpg") no-repeat center top;
  background-size: cover;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.login h3 {
  color: #2ed9c3;
  font-size: 25px;
  border-bottom: 3px solid #2ed9c3;
  margin-bottom: 25px;
}

.contenido-login {
  max-width: 430px;
  height: auto;
  background: rgba(92, 15, 139, 0.9);
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 15px;
  padding: 35px;
}

.contenido-login a {
  color: #2ed9c3;
  font-size: 21px;
  margin-top: -10px;
  text-decoration: none;
}

.contenido-login .recupera-pass {
  color: white;
  font-size: 15px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: 5px;
}

.logo-login {
  width: 235px;
  height: auto;
  padding: 25px;
}

.contenido-login .icon-cel {
  width: 25px;
  height: auto;
}

.contenido-login .icon-pass {
  width: 30px;
  height: auto;
}

.contenido-login label {
  font-size: 21px;
  font-weight: 400;
}

.input-login {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: transparent;
  border: none;
}

.f-login {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 25px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: rgba(255, 255, 255, 0.9);
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 3px;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.espaciado-input {
  margin-bottom: 15px;
}

.espaciado-input2 {
  margin-bottom: 35px;
}

.btn-login {
  color: #1e1a34;
  background-color: #2ed9c3;
  border: none;
  padding: 15px;
  font-size: 23px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-bottom: 21px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-login:hover,
.btn-login:focus {
  color: white;
  background-color: #2ed9c3;
  border: none;
  font-size: 23px;
  -webkit-box-shadow: 0px 0px 15px 0px white;
  box-shadow: 0px 0px 15px 0px white;
}

.btn-login:active {
  color: white !important;
  background-color: #2ed9c3 !important;
  border: none !important;
  font-size: 23px !important;
  -webkit-box-shadow: 0px 0px 15px 0px white;
  box-shadow: 0px 0px 15px 0px white;
}

.registro {
  color: white;
  background: url("../images/Flogin.jpg") no-repeat center top;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 140px;
}

.registro h3 {
  color: #2ed9c3;
  font-size: 25px;
  border-bottom: 3px solid #2ed9c3;
  margin-bottom: 25px;
}

.registro hr {
  background-color: #2ed9c3;
}

.contenido-registro {
  background: rgba(92, 15, 139, 0.9);
  margin: 0 auto;
  margin-top: 35px;
  margin-bottom: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-radius: 15px;
}

.contenido-registro a {
  color: #2ed9c3;
  font-size: 17px;
  margin-top: -10px;
}

.logo-registro {
  width: 235px;
  height: auto;
  padding: 25px;
}

.contenido-registro .icon-registro {
  width: 30px;
  height: auto;
}

.contenido-registro .icon-cel {
  width: 25px;
  height: auto;
}

.contenido-registro .icon-correo {
  width: 35px;
  height: auto;
}

.contenido-registro label {
  font-size: 19px;
}

.input-registro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: transparent;
  border: none;
}

.f-registro {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 25px;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: rgba(255, 255, 255, 0.9);
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 3px;
  -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}

.espaciado-input {
  margin-bottom: 15px;
}

.espaciado-input2 {
  margin-bottom: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.espaciado-input2 .form-check-input {
  position: relative;
}

.espaciado-input2 .form-check-label {
  position: relative;
}

.btn-registro {
  color: #1e1a34;
  background-color: #2ed9c3;
  border: none;
  padding: 15px 25px;
  font-size: 23px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-bottom: 21px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-registro:hover,
.btn-registro:focus {
  color: white;
  background-color: #2ed9c3;
  border: none;
  font-size: 23px;
  -webkit-box-shadow: 0px 0px 15px 0px white;
  box-shadow: 0px 0px 15px 0px white;
}

.btn-registro:active {
  color: white !important;
  background-color: #2ed9c3 !important;
  border: none !important;
  font-size: 23px;
  -webkit-box-shadow: 0px 0px 15px 0px white;
  box-shadow: 0px 0px 15px 0px white;
}

.aviso {
  margin-top: 150px;
  margin-bottom: 100px;
}

.aviso a {
  color: #5c0f8b;
  font-size: 17px;
  font-weight: bold;
  text-decoration: none;
}

.aviso p {
  font-size: 17px !important;
}

.aviso ol li {
  font-size: 17px;
}

.aviso .telefonos-ap {
  font-size: 17px;
  color: #5c0f8b;
}

.legales {
  margin-top: 150px;
  margin-bottom: 70px;
}

.legales h3 {
  color: #5c0f8b;
}

.legal-box {
  height: auto;
  background: white;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #2ed9c3;
  border-radius: 5px;
  padding: 35px;
}

.legal-box img {
  width: 65px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.titulo-docs {
  margin-top: 25px;
  margin-bottom: 25px;
}

.legal-box a {
  text-decoration: none;
}

.btn-legales {
  color: #5c0f8b;
  background-color: transparent;
  border: 2px solid #2ed9c3;
  border-radius: 7px;
  padding: 10px 25px;
  font-size: 23px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-legales:hover,
.btn-legales:focus {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: 2px solid #2ed9c3;
  font-size: 23px;
}

.btn-legales:active {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: 2px solid #2ed9c3;
  font-size: 23px;
}

.recursos {
  margin-top: 230px;
  margin-bottom: 70px;
}

.recursos h3 {
  color: #5c0f8b;
}

.recursos-box {
  max-width: 430px;
  height: auto;
  background: white;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #2ed9c3;
  border-radius: 5px;
  padding: 35px;
}

.recursos-box img {
  width: 65px;
  height: auto;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.recursos-box a {
  text-decoration: none;
}

.btn-recursos {
  color: #5c0f8b;
  background-color: transparent;
  border: 2px solid #2ed9c3;
  border-radius: 7px;
  padding: 10px 25px;
  font-size: 23px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-recursos:hover,
.btn-recursos:focus {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: 2px solid #2ed9c3;
  font-size: 23px;
}

.btn-recursos:active {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: 2px solid #2ed9c3;
  font-size: 23px;
}

.terminos {
  margin: 150px 0px 100px 0px;
}

.terminos h4 {
  font-weight: bold;
}

.terminos a {
  color: #5c0f8b;
  text-decoration: underline;
}

.terminos span {
  font-weight: bold;
}

.portabilidad {
  margin-top: 45px;
  margin-bottom: 65px;
}

.banner-portabilidad {
  color: white;
  background: url("../images/S4.jpg") no-repeat center top;
  background-size: cover;
  height: 80vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.banner-portabilidad h1 {
  font-size: 95px;
  font-weight: bold;
  text-align: center;
  text-shadow: 2px 3px 2px #5c0f8b;
}

.anuncio-portabilidad {
  color: white;
  background-color: #5c0f8b;
  padding: 65px 0px 65px 0px;
}

.anuncio-portabilidad h3 {
  font-size: 25px;
  font-weight: lighter;
}

.portabilidad h1 {
  color: #5c0f8b;
  margin-top: 30px;
  margin-bottom: 30px;
}

.portabilidad h2 {
  color: #5c0f8b;
  margin-top: 25px;
  margin-bottom: 65px;
}

.portabilidad h3 {
  color: #5c0f8b;
  font-size: 18px;
  padding: 25px;
  border-radius: 5px;
  line-height: 2;
}

.portabilidad h4 {
  color: #5c0f8b;
}

.link-sim {
  color: #2ed9c3;
  font-weight: bold;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.link-sim:hover {
  color: #5c0f8b;
  text-decoration: none;
}

.btn-compatibilidad a {
  color: white;
  font-size: 19px;
  padding: 18px;
  margin-bottom: 25px;
  border: transparent;
  background: -webkit-gradient(linear, left top, right top, from(#5846f9), color-stop(90%, #7b27d8));
  background: linear-gradient(90deg, #5846f9 0%, #7b27d8 90%);
  border-radius: 15px;
  text-decoration: none;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sim-img img {
  width: 50px;
  height: auto;
}

.btn-compatibilidad a:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.btn-compatibilidad p {
  color: #5c0f8b;
  font-size: 19px;
}

.desbloqueado {
  width: 150px;
  height: auto;
}

.img-nip {
  width: 120px;
  height: auto;
}

.img-sms {
  width: 120px;
  height: auto;
}

.img-reloj {
  width: 120px;
  height: auto;
}

.margen-portabilidad {
  margin-top: 25px;
  margin-bottom: 25px;
}

.contenido-portabilidad h1 {
  color: #5c0f8b;
  font-size: 21px;
  font-weight: normal;
  padding: 10px;
  line-height: 2;
}

.contenido-portabilidad span {
  float: left;
  font-size: 35px;
  font-weight: bold;
  line-height: 29px;
  padding: 2px;
  margin-right: 5px;
}

.contenido-portabilidad ul li {
  color: #5c0f8b;
  font-size: 17px;
  margin-left: 35px;
}

.margen-h4 {
  margin-top: 65px;
}

/* BONO PORTA */
.bono-portabilidad {
  color: white;
  background: url("../images/f-bono.jpg") no-repeat center top;
  background-size: cover;
  height: 80vh;
  margin-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.margen-bono {
  margin-top: 85px;
}

.titulo-portab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bono-portabilidad h1 {
  color: #19f4ff;
  font-size: 95px;
  font-weight: bold;
  text-align: center;
  text-shadow: 2px 3px 2px #5c0f8b;
}

.img-celb {
  width: 80px;
  height: auto;
  margin: 0px 25px;
}

.mas-megasb {
  font-size: 65px;
}

.bono-porta {
  margin-top: 75px;
}

.paso-b1 {
  width: 300px;
  height: auto;
}

.img-nsim {
  width: 250px;
  height: auto;
}

.paso-b2 {
  width: 330px;
  height: auto;
}

.paso-b3 {
  width: 430px;
  height: auto;
}

.paso-b4 {
  width: 380px;
  height: auto;
}

.margen-pasos {
  margin-top: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.margen-inf {
  margin-bottom: 65px;
}

.txt-bonox {
  font-weight: lighter !important;
}

.link-bono {
  color: white;
  font-weight: lighter;
  text-decoration: underline;
}

.link-bono:hover {
  color: white;
  font-weight: lighter;
  text-decoration: underline;
}

.f-anunciob {
  background: #f9cb3a;
  padding: 35px 10px 15px 10px;
  border-radius: 0px 10px 10px 10px;
}

.txt-anunciob {
  color: #5c0f8b;
  font-size: 19px;
  font-weight: lighter;
}

.fbono {
  margin-top: 35px;
}

.titulo-whats {
  margin-bottom: 45px;
}

.titulo-whats h2 {
  color: #5c0f8b;
  font-weight: lighter;
}

.titulo-form h2 {
  color: #5c0f8b;
  font-weight: lighter;
}

.link-whatsb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.link-whatsb:hover {
  text-decoration: none;
}

.link-whatsc {
  font-size: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-decoration: none !important;
}

.link-whatsc:hover {
  text-decoration: none;
}

.tels {
  color: #5c0f8b;
  font-size: 25px;
}

.margen-campos {
  margin-top: 25px;
}

.whatsb {
  width: 65px;
  height: auto;
  margin-bottom: 15px;
}

/* PRE PLANES */
.preplanes {
  background: url(../images/pre-planesh.jpg) no-repeat center center;
  background-size: cover;
  height: 100vh;
}

.preplanes-movil {
  background: url(../images/pre-movil.jpg) no-repeat center center;
  background-size: cover;
  height: 100vh;
}

.preplanes-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100vh;
}

.btn-preplanes {
  color: #5c0f8b;
  background: #2ed9c3;
  font-size: 25px;
  padding: 15px 25px;
  border: 3px solid #5c0f8b;
  border-radius: 15px;
  text-transform: uppercase;
  margin-bottom: 75px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-preplanes:hover {
  color: #2ed9c3;
  background: #5c0f8b;
  border: 3px solid #2ed9c3;
  -webkit-box-shadow: 0px 0px 15px 0px white;
  box-shadow: 0px 0px 15px 0px white;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

/* LANDING */
.bg-preplanes {
  color: white;
  background: url("../images/pre-planes.jpg") no-repeat center center;
  background-size: cover;
  height: 100vh;
  margin-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.m-preplanes {
  color: white;
  background: url("../images/preplanes-m.jpg") no-repeat center center;
  background-size: cover;
  height: 85vh;
  margin-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.preplanesl {
  padding: 35px;
}

.tit-preplanes h1 {
  color: #5c0f8b;
}

.tit-preplanes p {
  color: #5c0f8b;
  font-size: 21px;
  font-weight: 200;
  margin-top: 25px;
}

.titulo-preplanes {
  font-size: 55px;
  margin: 45px 0 65px 0;
  line-height: 50px;
  font-weight: bold;
  text-shadow: 3px 3px 0px #5c0f8b;
  letter-spacing: 5px;
}

.titulo-preplanes-gen {
  font-size: 55px;
  margin: 0 0 65px 0;
  line-height: 50px;
  font-weight: bold;
  text-shadow: 3px 3px 0px #5c0f8b;
  letter-spacing: 5px;
}

/**/
.preplanes-gen {
  color: white;
  /*background-image: linear-gradient(to right,rgb(255,158,0) 0%,rgb(255,0,0) 35%,rgb(181,0,125) 60%,rgb(33,66,156) 85%,rgb(0,113,255) 100%);
  background-clip: text;
  text-fill-color: transparent;*/
  background: url("../images/pre-fondo.jpg");
}

.preplanes-gen h2 {
  color: #5c0f8b;
  font-size: 47px;
  font-weight: lighter;
  text-transform: uppercase;
}

.preplanes-gen h4 {
  color: #2ed9c3;
  font-size: 45px;
  font-weight: bold;
  margin-top: -20px;
}

.preplanes-gen p {
  color: #5c0f8b;
  font-size: 19px;
  font-weight: normal;
}

.costo-pre {
  font-weight: bold;
  font-size: 65px;
  line-height: 1em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

/**/
.txt-meses {
  font-weight: bold !important;
  font-size: 50px !important;
}

.txt-meses-pre {
  font-weight: bold !important;
  font-size: 50px !important;
  margin: 0px;
  line-height: 50px;
  text-shadow: 3px 3px 0px #2ed9c3;
  letter-spacing: 5px;
}

.sin-margen {
  margin: -20px 0px 0px 0px;
}

.txt-pre {
  color: #5c0f8b;
  font-size: 50px;
  font-weight: bold;
  line-height: 50px;
  text-shadow: 3px 3px 0px #2ed9c3;
  letter-spacing: 5px;
}

.internet-1 {
  border-style: dashed;
  border-width: 2px;
  border-color: #f44573;
  background-color: white;
  font-family: verdana, arial;
  font-size: 15px;
  border-radius: 25px;
  padding: 10px 15px;
}

.internet-2 {
  border-style: dashed;
  border-width: 2px;
  border-color: #f0b40e;
  background-color: white;
  font-family: verdana, arial;
  font-size: 15px;
  border-radius: 25px;
  padding: 10px 15px;
}

.internet-3 {
  border-style: dashed;
  border-width: 2px;
  border-color: #fc7131;
  background-color: white;
  font-family: verdana, arial;
  font-size: 15px;
  border-radius: 25px;
  padding: 10px 15px;
}

.compatibilidad {
  margin-top: 65px;
  margin-bottom: 65px;
}

.verificacion-img {
  width: 120px;
  height: auto;
  padding: 10px;
}

/*.banner-compatibilidad{
    color: white;
    background: url("../images/S5.jpg") no-repeat center top;
    background-size: cover;
    height: 100vh;
    margin-top: 143px;
    display: flex;
    align-items: center;
}*/
.banner-compatibilidad h1 {
  color: #5c0f8b;
  font-size: 95px;
  font-weight: bold;
  text-align: center;
  margin-top: 173px;
}

.compatibilidad h2 {
  color: #5c0f8b;
  font-size: 27px;
  margin-top: 5px;
}

.compatibilidad h4 {
  color: #5c0f8b;
  font-size: 21px;
  margin-top: 15px;
}

.vozapp {
  color: #5c0f8b;
  font-size: 21px;
}

.compatibilidad p {
  color: #5c0f8b;
  font-size: 21px;
  margin-top: 20px;
}

.compatibilidad span {
  font-weight: bold;
}

.n-imei {
  line-height: 50px;
  font-size: 55px !important;
  font-weight: bold;
  margin-bottom: 0px;
  text-shadow: 3px 3px 0px #2ed9c3;
  letter-spacing: 5px;
}

.size-imei {
  color: #444444 !important;
  font-size: 17px !important;
}

.btn-imei {
  font-size: 21px;
  background: -webkit-gradient(linear, left top, right top, from(#5846f9), color-stop(90%, #7b27d8));
  background: linear-gradient(90deg, #5846f9 0%, #7b27d8 90%);
  border: none;
  border-radius: 5px;
  color: white;
  padding: 12px 25px;
  width: 100%;
  margin-bottom: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-imei:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.campo-imei {
  background-color: white;
  border: 1px solid #2ed9c3;
  padding: 25px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.validacion-imei {
  background: #16df7e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 7px;
  padding: 15px;
}

.validacion-imei span {
  text-decoration: underline;
}

.no-valido {
  color: white;
  background-color: #ff061e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 7px;
  padding: 15px;
}

.bloqueo-imei {
  color: white;
  background-color: orange;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 7px;
  padding: 15px;
}

.validacion-imei h1 {
  color: #5c0f8b;
  font-size: 29px;
  font-weight: bold;
  margin-bottom: 0px;
}

.no-valido h1 {
  font-size: 29px;
  font-weight: bold;
  margin-bottom: 0px;
}

.enlace-equipos {
  color: white;
  text-decoration: underline;
}

.enlace-equipos:hover {
  color: white;
}

.enlace-app {
  color: #5c0f8b;
  text-decoration: underline;
}

.enlace-app:hover {
  color: #5c0f8b;
}

.clientes {
  margin-top: 45px;
  margin-bottom: 65px;
}

.banner-clientes {
  color: white;
  background: url("../images/S6.jpg") no-repeat center top;
  background-size: cover;
  /* margin-top: 80px !important; */
  height: 92vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.banner-clientes h1 {
  font-size: 95px;
  font-weight: bold;
  text-align: center;
  margin-top: 225px;
  text-shadow: 2px 3px 2px #5c0f8b;
}

.comunicate {
  color: #5c0f8b;
  padding: 65px 0px 25px 0px;
}

.comunicate h1 {
  font-size: 39px;
  font-weight: bold;
}

.c-elementos-ac {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ero-imgero-contacto {
  color: #5c0f8b;
  font-size: 65px;
  font-weight: bolder;
}

.direccion-atencion {
  font-size: 21px;
  margin-top: 25px;
}

.img-imei {
  width: 100px;
  height: auto;
}

.img-contacto {
  width: 180px;
  height: auto;
}

.img-call {
  width: 60px;
  height: auto;
}

.sms-call {
  font-size: 80px;
  font-weight: bolder;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.txt-ac-top {
  font-size: 21px;
  font-weight: lighter;
  margin-bottom: -25px;
}

.txt-ac-bottom {
  font-size: 21px;
  font-weight: lighter;
}

.margen-inferior-ac {
  margin-bottom: 35px;
}

.margen-top-call {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.numero-contacto {
  font-size: 45px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.numero-contacto a {
  color: #5c0f8b;
  font-size: 30px;
  font-weight: bold;
}

.ayuda-servicios {
  margin-top: 30px;
  margin-bottom: 70px;
}

.ayuda-servicios h1 {
  color: #5c0f8b;
  margin-bottom: 30px;
}

.ayuda-servicios h3 {
  color: #5c0f8b;
  margin-bottom: 15px;
}

.p-servicios {
  color: #5c0f8b;
  font-size: 35px;
  margin: 0 auto;
  margin-bottom: 35px;
  padding: 10px;
}

.ayuda-box {
  max-width: 430px;
  height: auto;
  background: white;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #2ed9c3;
  border-radius: 5px;
  padding: 35px;
}

.ayuda-box .movil-img {
  width: 60px;
  height: auto;
  margin: 0 auto;
}

.ayuda-box .mifi-img {
  width: 100px;
  height: auto;
  margin: 0 auto;
}

.ayuda-box .casa-img {
  width: 110px;
  height: auto;
  margin: 0 auto;
}

.ayuda-box .equipos-img {
  width: 120px;
  height: auto;
  margin: 0 auto;
}

.sucursales-img {
  width: 70px;
  height: auto;
  margin: 0 auto;
}

.btn-ayuda {
  color: white;
  background: -webkit-gradient(linear, left top, right top, from(#5846f9), color-stop(90%, #7b27d8));
  background: linear-gradient(90deg, #5846f9 0%, #7b27d8 90%);
  border: transparent;
  border-radius: 7px;
  padding: 10px 25px;
  font-size: 23px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-ayuda:hover {
  color: white;
  text-decoration: none;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.banner-contacto {
  color: white;
  background: url("../images/S7.jpg") no-repeat center top;
  background-size: cover;
  height: 80vh;
  margin-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.banner-contacto h1 {
  font-size: 145px;
  font-weight: bold;
  text-align: center;
  text-shadow: 2px 3px 2px #5c0f8b;
}

.titulo-contacto {
  color: #5c0f8b;
  font-size: 50px;
  margin-bottom: 65px;
}

.formulario p {
  color: #515151;
  font-size: 15px;
}

.margen-contacto {
  margin-bottom: 35px;
}

.img-ubicacion {
  width: 45px;
  height: auto;
  padding-right: 10px;
}

.img-tel {
  width: 45px;
  height: auto;
  padding-right: 10px;
}

.img-correo {
  width: 45px;
  height: auto;
  padding-right: 10px;
}

.correo-contacto {
  color: #5c0f8b;
}

.correo-contacto:hover {
  color: #5c0f8b;
}

.formulario label {
  color: #5c0f8b;
  font-size: 19px;
}

.formulario .campos-contacto {
  border: 1px solid #5c0f8b;
  padding: 25px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.campo-mensaje {
  border: 1px solid #5c0f8b;
  padding-left: 25px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.formulario textarea {
  resize: none;
}

.formulario .form-control {
  background-color: #fff;
  border: 1px solid #5c0f8b;
}

.mensajes {
  color: #0fbc61;
  font-size: 17px;
}

.btn-contacto {
  color: white;
  background-color: #5c0f8b;
  border: transparent;
  border-radius: 7px;
  padding: 10px 35px;
  font-size: 23px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 15px;
  text-decoration: none;
}

.btn-contacto:hover,
.btn-contacto:focus {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: transparent;
  font-size: 23px;
  text-decoration: none;
}

.btn-contacto:active {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: transparent;
  font-size: 23px;
}

.mapa-contacto {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.mapa-contacto iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.recargas {
  margin-top: 180px;
  margin-bottom: 30px;
}

.recargas h1 {
  color: #5c0f8b;
  font-size: 32px;
  margin-bottom: 30px;
}

.recargas h3 {
  color: #5c0f8b;
  font-size: 19px;
  margin-bottom: 15px;
}

.p-recarga {
  color: #5c0f8b;
  font-size: 27px;
  margin: 0 auto;
  margin-bottom: 35px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.recargas .p-mensaje {
  color: red;
}

.recargas form {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.recarga-img img {
  width: 45px;
  height: auto;
}

.recarga-box {
  height: auto;
  background: white;
  margin: 0 auto;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #2ed9c3;
  border-radius: 5px;
  padding: 35px;
}

.sombra-recarga-box {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}

.recarga-box .movil-img {
  width: 60px;
  height: auto;
  margin: 0 auto;
}

.recarga-box .mifi-img {
  width: 100px;
  height: auto;
  margin: 0 auto;
}

.recarga-box .casa-img {
  width: 110px;
  height: auto;
  margin: 0 auto;
}

.recarga-box .numero-img {
  width: 55px;
  height: auto;
}

.img-correo-recarga {
  line-height: 100px;
}

.recarga-box .correo-img {
  width: 75px;
  height: auto;
}

.recarga-box .mifirecarga-img {
  width: 85px;
  height: auto;
}

.recarga-box .costo-img {
  width: 75px;
  height: auto;
  margin: 0 auto;
}

.recarga-box .pago-img {
  width: 110px;
  height: auto;
  margin: 0 auto;
}

.recarga-box a {
  text-decoration: none !important;
}

.recarga-box .form-check {
  padding-left: 0px !important;
}

.recargas label {
  color: #5c0f8b !important;
}

.recargas .campo-tel {
  background-color: #c6f4ec !important;
  border: 1px solid #5c0f8b !important;
  padding: 25px !important;
  -webkit-transition: all 0.5s ease !important;
  transition: all 0.5s ease !important;
}

.campo-correo {
  background-color: #c6f4ec !important;
  border: 1px solid #5c0f8b !important;
  padding: 25px !important;
  -webkit-transition: all 0.5s ease !important;
  transition: all 0.5s ease !important;
}

.campos-radio {
  list-style: none;
  margin-top: 25px;
}

.campo-radio-item {
  position: relative;
}

.radio-box-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.radio-box-label {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #c6f4ec;
  margin: 8 auto;
  border-radius: 7px;
  -webkit-transition: color, 0.5s;
  transition: color, 0.5s;
  -webkit-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 25px;
}

.radio-box-label-pre {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #c6f4ec;
  margin: 8 auto;
  border-radius: 7px;
  -webkit-transition: color, 0.5s;
  transition: color, 0.5s;
  -webkit-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 25px;
  padding: 3px 0px;
}

.radio-box-span {
  color: #5c0f8b;
  text-align: center;
  padding: 6px;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
}

.radio-box-label:hover {
  background-color: #1ebca5;
}

.radio-box-input:checked + .radio-box-label {
  background-color: #2ed9c3;
}

.radio-box-label-pre:hover {
  background-color: #1ebca5;
}

.radio-box-input:checked + .radio-box-label-pre {
  background-color: #2ed9c3;
}

.radio-box-input-paso3 {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.radio-box-label-paso3 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #c6f4ec;
  border-radius: 7px;
  -webkit-transition: color, 0.5s;
  transition: color, 0.5s;
  -webkit-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
  font-size: 19px;
}

.radio-box-span-paso3 {
  color: #5c0f8b;
  text-align: center;
  padding: 6px;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
}

.radio-box-label-paso3:hover {
  background-color: #1ebca5;
}

.radio-box-input-paso3:checked + .radio-box-label-paso3 {
  background-color: #2ed9c3;
}

.btn-acordeon {
  color: #2ed9c3 !important;
  background: #5c0f8b !important;
  font-weight: bold !important;
  border-radius: 50% !important;
  position: relative !important;
  z-index: 1 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: right !important;
  -ms-flex-pack: right !important;
  justify-content: right !important;
  margin-left: auto !important;
  margin-right: 10px !important;
  margin-bottom: -43px !important;
}

.btn-acordeon:hover,
.btn-acordeon:focus {
  color: #5c0f8b !important;
  background-color: #2ed9c3 !important;
}

.btn-acordeon:active {
  color: #5c0f8b !important;
  background-color: #2ed9c3 !important;
}

.contenido-acordeon {
  color: #5c0f8b !important;
  border: 1px solid #5c0f8b !important;
  margin-bottom: 20px !important;
}

.btn-recarga {
  color: white;
  background-color: #5c0f8b;
  border: 2px solid #5c0f8b;
  border-radius: 7px;
  padding: 10px 25px;
  font-size: 23px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-recarga:hover,
.btn-recarga:focus {
  color: #5c0f8b !important;
  background-color: #2ed9c3 !important;
  border: 2px solid #2ed9c3 !important;
  font-size: 23px !important;
}

.btn-recarga:active {
  color: #5c0f8b !important;
  background-color: #2ed9c3 !important;
  border: 2px solid #2ed9c3 !important;
  font-size: 23px !important;
}

.banner-sucursales {
  color: white;
  background: url("../images/S14.jpg") no-repeat center top;
  background-size: cover;
  /* margin-top: 75px !important; */
  height: 95vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.banner-sucursales h1 {
  font-size: 95px;
  font-weight: bold;
  text-shadow: 2px 3px 2px #5c0f8b;
}

.sucursales {
  margin-top: 45px;
  margin-bottom: 40px;
}

.titulo-sucursales {
  color: white;
  font-size: 25px;
  padding: 15px;
  background: #5c0f8b;
  border-radius: 3px;
}

.texto-sucursales {
  color: #5c0f8b;
  font-size: 25px;
  padding: 15px;
  background: white;
  border-bottom: 1px solid #5c0f8b;
}

.link-sucursales {
  color: #5c0f8b;
}

.link-sucursales:hover {
  color: #5c0f8b;
  text-decoration: none;
}

.estados {
  color: #5c0f8b;
  background: white;
  border-bottom: 1px solid #5c0f8b;
}

.titulo-sucursal {
  font-weight: bold;
  padding-top: 15px;
}

.btn-mapa {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: 1px solid #2ed9c3;
  border-radius: 25px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 19px;
  font-weight: bold;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-bottom: 15px;
}

.btn-mapa:hover,
.btn-mapa:focus {
  color: white;
  background-color: #5c0f8b;
  border: 1px solid #5c0f8b;
  border-radius: 25px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 19px;
  font-weight: bold;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-bottom: 15px;
}

.btn-mapa:active {
  color: white;
  background-color: #5c0f8b;
  border: 1px solid #5c0f8b;
  border-radius: 25px;
  padding-left: 25px;
  padding-right: 25px;
  font-size: 19px;
  font-weight: bold;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-bottom: 15px;
}

.icon-map {
  width: 30px;
  height: auto;
}

.banner-cobertura {
  color: white;
  background: url("../images/S13.jpg") no-repeat center top;
  background-size: cover;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.banner-cobertura h1 {
  font-size: 95px;
  font-weight: bold;
  text-align: center;
  margin-top: 85px;
  text-shadow: 2px 3px 2px #5c0f8b;
}

.titulo-cobertura {
  color: #5c0f8b;
  font-size: 21px;
}

.titulo-cobertura h1 {
  font-size: 43px;
  font-weight: bold;
  color: #5c0f8b;
  margin-top: 65px;
}

.titulo-cobertura p {
  color: #5c0f8b;
  font-size: 19px;
}

.circle-g {
  width: 45px;
  height: auto;
}

#mapa {
  width: 100%;
  height: 600px;
}

.p-cobertura {
  margin-top: 25px;
}

.leyenda-cobertura {
  font-weight: bold;
}

.titulo-pf {
  color: white;
  background: url("../images/S16.jpg") no-repeat center top;
  background-size: cover;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.titulo-pf h1 {
  font-size: 95px;
  font-weight: bold;
  text-align: center;
  margin-top: 85px;
  text-shadow: 2px 3px 2px #5c0f8b;
}

.preguntas {
  padding-bottom: 65px;
}

.preguntas h1 {
  color: #5c0f8b;
  margin-bottom: 30px;
}

.preguntas h3 {
  color: #5c0f8b;
  margin-bottom: 15px;
}

.p-servicios-pf {
  color: #5c0f8b;
  font-size: 35px;
  margin: 0 auto;
  margin-top: 35px;
  margin-bottom: 45px;
  padding: 10px;
}

.ayuda-box {
  max-width: 430px;
  height: auto;
  background: white;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #2ed9c3;
  border-radius: 5px;
  padding: 35px;
}

.ayuda-box .movil-img {
  width: 60px;
  height: auto;
  margin: 0 auto;
}

.ayuda-box .mifi-img {
  width: 100px;
  height: auto;
  margin: 0 auto;
}

.ayuda-box .casa-img {
  width: 110px;
  height: auto;
  margin: 0 auto;
}

.ayuda-box .equipos-img {
  width: 120px;
  height: auto;
  margin: 0 auto;
}

.btn-ayuda {
  color: white;
  background: -webkit-gradient(linear, left top, right top, from(#5846f9), color-stop(90%, #7b27d8));
  background: linear-gradient(90deg, #5846f9 0%, #7b27d8 90%);
  border: transparent;
  border-radius: 7px;
  padding: 10px 25px;
  font-size: 23px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-ayuda:hover {
  color: white;
  text-decoration: none;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.ayuda-sitio {
  color: white;
  background: url("../images/S24.jpg") no-repeat center top;
  background-size: cover;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ayuda-sitio h1 {
  font-size: 95px;
  font-weight: bold;
  text-align: center;
  margin-top: 85px;
  text-shadow: 2px 3px 2px #5c0f8b;
}

.manuales-movil {
  padding-top: 65px;
  padding-bottom: 65px;
  background: #5c0f8b;
}

.titulo-manuales h2 {
  font-size: 45px;
  color: white;
  margin-bottom: 35px;
}

.manuales-movil h3 {
  color: #5c0f8b;
}

.manuales-box a {
  height: 340px;
  background: white;
  margin: 0 auto;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 3px solid #2ed9c3;
  border-radius: 17px;
  padding: 25px;
  color: #5c0f8b;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.manuales-box a:hover {
  height: 340px;
  background: white;
  margin: 0 auto;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 3px solid #2ed9c3;
  border-radius: 17px;
  padding: 25px;
  color: #5c0f8b;
  text-decoration: none;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.manuales-box img {
  margin: 0 auto;
  width: 65px;
  height: auto;
}

.manuales-box p {
  font-size: 25px;
  border: 2px solid #2ed9c3;
  border-radius: 7px;
  padding: 5px;
}

.btn-manuales {
  color: #5c0f8b;
  border: 2px solid #2ed9c3;
  border-radius: 7px;
  padding: 10px 25px;
  font-size: 23px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-manuales:hover,
.btn-manuales:focus {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: 2px solid #2ed9c3;
  font-size: 23px;
}

.btn-manuales:active {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: 2px solid #2ed9c3;
  font-size: 23px;
}

.preguntas h2 {
  color: #5c0f8b;
  font-size: 35px;
  margin-top: 35px;
}

.card {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #2ed9c3;
  border-radius: 21px;
  margin-top: 15px;
}

.card-body {
  color: #515151;
  font-size: 17px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
  background: #eefffd;
  border-radius: 21px;
}

.card-body-recargas {
  color: #515151;
  font-size: 15px;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1rem;
  background: #eefffd;
  border-radius: 21px;
}

.card-body a {
  color: #5c0f8b;
  text-decoration: underline;
}

.card-body ul {
  margin-left: 25px;
}

.card-cabecera {
  background-color: white;
  border-bottom: 1px solid #2ed9c3;
}

.btn-link {
  padding: 20px !important;
  font-size: 19px !important;
  font-weight: 400 !important;
  color: #5c0f8b !important;
  text-decoration: none !important;
  text-align: left !important;
  border-radius: 21px !important;
}

.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  color: #5c0f8b;
  text-decoration: none;
  border-bottom: 1px solid #2ed9c3;
}

.img-flecha {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.flecha-baja {
  width: 20px;
  height: auto;
  margin-top: -25px;
}

.ayuda-mifi {
  color: white;
  background: url("../images/S17.jpg") no-repeat center top;
  background-size: cover;
  height: 100vh;
  margin-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ayuda-mifi h1 {
  font-size: 95px;
  font-weight: bold;
  text-align: center;
  margin-top: 65px;
  text-shadow: 2px 3px 2px #5c0f8b;
}

.preguntas-mifi {
  margin-top: 65px;
  margin-bottom: 45px;
}

.preguntas-mifi h2 {
  color: #5c0f8b;
  font-size: 42px;
}

.preguntas-mifi-pf {
  margin-top: 35px;
  margin-bottom: 45px;
}

.preguntas-mifi-pf h2 {
  color: #5c0f8b;
  font-size: 42px;
}

.pago-exitoso {
  color: white;
  background: url("../images/S18.jpg") no-repeat center top;
  background-size: cover;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 35px;
}

.pago-exitoso h1 {
  font-size: 45px;
  text-align: center;
  font-weight: normal;
}

.pago-exitoso span {
  color: #2ed9c3;
}

.pago-error {
  color: white;
  background: url("../images/S18.jpg") no-repeat center top;
  background-size: cover;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 35px;
}

.pago-error h1 {
  font-size: 45px;
  text-align: center;
  font-weight: normal;
}

.pago-error span {
  color: #2ed9c3;
}

.pago-oxxo {
  color: white;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 135px;
  margin-bottom: 100px;
}

.pago-oxxo h1 {
  font-size: 35px;
  text-align: center;
  font-weight: normal;
}

.pago-oxxo span {
  color: #2ed9c3;
}

.btn-oxxo {
  color: white;
  background-color: #5c0f8b;
  border: 2px solid #5c0f8b;
  border-radius: 7px;
  padding: 10px 25px;
  font-size: 23px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-oxxo:hover,
.btn-oxxo:focus {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: 2px solid #2ed9c3;
  font-size: 23px;
}

.btn-oxxo:active {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: 2px solid #2ed9c3;
  font-size: 23px;
}

.oferta-encabezado {
  color: white;
  background: #5c0f8b;
  background-size: cover;
  height: auto;
  margin-top: 35px;
}

.oferta-encabezado h1 {
  font-weight: bold;
  margin-top: 180px;
  margin-bottom: 35px;
  font-size: 75px;
}

.oferta-promo {
  color: white;
  background: url("../images/fondo-promo.jpg") no-repeat center;
  background-size: cover;
  height: auto;
  padding-top: 35px;
}

.oferta-promo {
  font-size: 25px;
  font-weight: lighter;
}

.oferta-promo h1 {
  font-weight: bold;
  margin-top: 120px;
  margin-bottom: 35px;
  font-size: 75px;
}

.img-promo100 {
  width: 500px;
  height: auto;
}

.img-costo-promo {
  width: 500px;
  height: auto;
}

.vineta {
  width: 15px;
  height: auto;
}

.margen-top-ofertas {
  margin-top: 145px;
}

.link-promo {
  color: #5c0f8b;
  font-size: 15px;
  font-weight: normal;
  text-decoration: underline;
}

.link-promo:hover {
  color: #5c0f8b;
  font-size: 15px;
}

.folio-promo {
  color: #5c0f8b;
  font-size: 14px !important;
  margin-top: 10px;
  font-weight: normal;
}

.btn-promo {
  color: #5c0f8b;
  font-weight: bold;
  background-color: #2ed9c3;
  border: none;
  padding: 20px;
  font-size: 23px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 35px;
}

.btn-promo:hover,
.btn-promo:focus {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: none;
  font-size: 23px;
  -webkit-box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
  box-shadow: 0 0.5em 0.5em -0.4em var(--hover);
  -webkit-transform: translateY(-0.25em);
  transform: translateY(-0.25em);
}

.btn-promo:active {
  color: #1e1a34 !important;
  background-color: #2ed9c3 !important;
  border: none !important;
  font-size: 23px !important;
  -webkit-box-shadow: 0 0.5em 0.5em -0.4em var(--hover) !important;
  box-shadow: 0 0.5em 0.5em -0.4em var(--hover) !important;
  -webkit-transform: translateY(-0.25em) !important;
  transform: translateY(-0.25em) !important;
}

.flecha-btn {
  width: 15px;
  height: auto;
}

.btn-promo:hover,
.btn-promo:focus,
.btn-promo:active {
  --hover: #ffffff;
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.paquetes-ofertas {
  color: white;
  background: #5c0f8b;
}

.paquetes-ofertas h1 {
  font-weight: bold;
  margin-top: 70px;
  margin-bottom: 50px;
  font-size: 75px;
}

.paquetes-ofertas h2 {
  color: #5c0f8b;
  font-size: 47px;
  font-weight: lighter;
  text-transform: uppercase;
}

.paquetes-ofertas h4 {
  color: #2ed9c3;
  font-size: 45px;
  font-weight: bold;
  margin-top: -20px;
}

.paquetes-ofertas p {
  color: #5c0f8b;
  font-size: 19px;
  font-weight: normal;
}

.cupon {
  color: white;
  background: url("../images/S5.jpg") no-repeat center top;
  background-size: cover;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 35px;
}

.cupon h1 {
  font-size: 105px;
  font-weight: bold;
  text-align: center;
  text-shadow: 2px 3px 2px #5c0f8b;
}

.contenido-cupon {
  margin-top: 45px;
  margin-bottom: 45px;
}

.titulo-cupon {
  color: #5c0f8b;
  font-size: 25px;
  font-weight: bold;
}

.texto-cupon {
  color: #5c0f8b;
  font-size: 19px;
  margin-top: 25px;
}

.btn-cupon {
  color: white;
  background-color: #5c0f8b;
  border: transparent;
  border-radius: 7px;
  padding: 10px 35px;
  font-size: 23px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-top: 15px;
}

.btn-cupon:hover,
.btn-cupon:focus {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: transparent;
  font-size: 23px;
}

.btn-cupon:active {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: transparent;
  font-size: 23px;
}

.no-valido-cupon {
  color: white;
  background-color: #ff061e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 7px;
  padding: 15px;
}

.no-valido-cupon p {
  font-size: 19px;
  color: white;
}

.margen-genero {
  margin-top: 5px;
}

.genero p {
  color: #5c0f8b;
  font-size: 19px;
}

.contenido-canje {
  margin-top: 185px;
  margin-bottom: 45px;
}

.titulo-canje {
  color: #5c0f8b;
  font-size: 25px;
  font-weight: bold;
}

.texto-canje {
  color: #5c0f8b;
  font-size: 19px;
  margin-top: 25px;
}

.formulario-beneficios {
  margin-bottom: 45px;
}

.btn-canje {
  color: white;
  background-color: #5c0f8b;
  border: transparent;
  border-radius: 7px;
  padding: 10px 35px;
  font-size: 23px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 15px;
}

.btn-canje:hover,
.btn-canje:focus {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: transparent;
  font-size: 23px;
}

.btn-canje:active {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: transparent;
  font-size: 23px;
}

.no-valido-cupon {
  color: white;
  background-color: #ff061e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 7px;
  padding: 15px;
}

.no-valido-cupon p {
  font-size: 19px;
  color: white;
}

.margen-genero {
  margin-top: 5px;
}

.genero p {
  color: #5c0f8b;
  font-size: 19px;
}

.num-canje {
  color: #5c0f8b;
  font-size: 21px;
}

.codigo-canje {
  color: #5c0f8b;
  font-size: 65px;
  font-weight: bold;
}

.formulario-canje label {
  color: #5c0f8b;
  font-size: 19px;
}

.formulario-canje .campos-contacto {
  border: 1px solid #5c0f8b;
  padding: 25px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.formulario-canje .form-control {
  background-color: #fff;
  border: 1px solid #5c0f8b;
}

.calendar,
.calendar_weekdays,
.calendar_content {
  max-width: 450px;
}

.calendar {
  margin: auto;
  font-weight: 400;
}

.calendar_content {
  background: #fff;
}

.calendar_weekdays {
  background: #5c0f8b;
}

.calendar_header {
  padding: 10px 0;
}

.calendar_content,
.calendar_weekdays,
.calendar_header {
  position: relative;
  overflow: hidden;
}

.calendar_weekdays div {
  display: inline-block;
  vertical-align: top;
  color: #fff !important;
}

.calendar_weekdays div,
.calendar_content div {
  width: 14.28571%;
  overflow: hidden;
  text-align: center;
  background-color: transparent;
  color: #000;
  font-size: 16px;
  padding: 15px 0;
}

.calendar_content div {
  border: 1px solid transparent;
  float: left;
  position: relative;
  z-index: 0;
}

.calendar_content div:hover {
  border: 1px solid #dcdcdc;
  cursor: default;
}

.calendar_content div.blank:hover {
  cursor: default;
  border: 1px solid transparent;
}

.calendar_content div.past-date {
  color: #d5d5d5;
}

.calendar_content div.today {
  font-weight: bold;
  font-size: 16px;
  color: #fff !important;
}

.calendar_content div.today:after {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  content: "";
  width: 40px;
  height: 40px;
  border-radius: 50%;
  margin: 0 auto;
  background: #5c0f8b;
  z-index: -1;
  -webkit-box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
  box-shadow: 0px 5px 11px -9px rgba(0, 0, 0, 0.48);
}

.calendar_content div.selected {
  background-color: #f0f0f0;
}

.calendar_header {
  width: 100%;
  text-align: center;
}

.calendar_header h2 {
  padding: 0 10px;
  font-weight: 500;
  font-size: 23px;
  color: #5c0f8b;
  float: left;
  width: 70%;
  margin: 0 0 10px;
}

button.switch-month {
  background-color: transparent;
  padding: 0;
  outline: none;
  border: none;
  color: #5c0f8b;
  float: left;
  width: 15%;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}

button.switch-month:hover {
  color: #5c0f8b;
}

.img-recarga {
  width: 70px;
  height: auto;
}

.leyenda-recarga {
  color: #5c0f8b;
  font-size: 21px;
}

.contenido-leyenda-canje {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.lanzamiento {
  background: url("../images/fondo-p.jpg") no-repeat center top;
  background-size: cover;
  height: 100vh;
  margin-top: 35px;
}

.contenido-l {
  margin: 0 auto;
}

.scene {
  margin-top: 60px;
}

.sms {
  margin-top: 15px;
}

.logo-referencia {
  width: 100px;
  height: auto;
}

.img-cel-sms {
  z-index: 9;
  margin-top: -35px;
  margin-bottom: -40px;
}

.img-sms {
  width: 60px;
  height: auto;
}

.sms h2 {
  font-size: 32px;
}

.contorno-logo {
  background: #5c0f8b;
  border: 1px solid #5c0f8b;
  border-radius: 9px 9px 0px 0px;
  padding: 35px;
}

.contenido-sms {
  color: #5c0f8b;
  background: white;
  border: 1px solid #5c0f8b;
  border-radius: 0px 0px 9px 9px;
  padding: 25px 25px 10px 25px;
  margin-bottom: 25px;
}

.contenido-sms p {
  font-size: 17px;
}

.contenido-sms span {
  font-weight: bold;
}

.contenido-sms ul li {
  margin-left: 15px;
}

.madicionales {
  padding: 3px 10px 0px 10px;
  border-left: 9px solid #2ed9c3;
  background: #e5e5e5;
}

.recarga {
  margin-top: 15px;
}

.recarga h2 {
  color: #5c0f8b;
  font-size: 16px;
  margin-top: 35px;
  margin-bottom: 30px;
}

.recarga-box-n {
  height: auto;
  background: white;
  margin: 0 auto;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border: 1px solid #2ed9c3;
  border-radius: 5px;
  padding: 25px;
}

.recarga label {
  color: #5c0f8b;
}

.recarga-box-n .movil-img {
  width: 60px;
  height: auto;
  margin: 0 auto;
}

.recarga-box-n .mifi-img {
  width: 100px;
  height: auto;
  margin: 0 auto;
}

.recarga-box-n .casa-img {
  width: 110px;
  height: auto;
  margin: 0 auto;
}

.recarga-box-n .numero-img {
  width: 55px;
  height: auto;
}

.img-correo-recarga {
  line-height: 100px;
}

.recarga-box-n .correo-img {
  width: 75px;
  height: auto;
}

.recarga-box-n .mifirecarga-img {
  width: 85px;
  height: auto;
}

.recarga-box-n .costo-img {
  width: 75px;
  height: auto;
  margin: 0 auto;
}

.recarga-box-n .pago-img {
  width: 110px;
  height: auto;
  margin: 0 auto;
}

.recarga-box-n a {
  text-decoration: none;
}

.recarga-box-n .form-check {
  padding-left: 0px;
}

.recarga .campo-tel {
  background-color: #c6f4ec;
  border: 1px solid #5c0f8b;
  padding: 25px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.campo-correo {
  background-color: #c6f4ec;
  border: 1px solid #5c0f8b;
  padding: 25px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.titulo-docs-n {
  color: #5c0f8b;
  font-size: 17px;
  margin-top: 19px;
  margin-bottom: 15px;
}

.btn-referencia {
  color: white;
  background-color: #5c0f8b;
  border: 2px solid #5c0f8b;
  border-radius: 7px;
  padding: 10px 25px;
  font-size: 23px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-top: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-referencia:hover,
.btn-referencia:focus {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: 2px solid #2ed9c3;
  font-size: 23px;
  text-decoration: none;
}

.btn-referencia:active {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: 2px solid #2ed9c3;
  font-size: 23px;
}

.leyenda-sms {
  font-size: 14px !important;
  margin-top: 15px;
}

.leyenda-sms a {
  color: #5c0f8b;
  font-weight: bold;
}

.campo-correo {
  background-color: #c6f4ec;
  border: 1px solid #5c0f8b;
  padding: 25px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.campos-radio {
  list-style: none;
  margin-top: 25px;
}

.campo-radio-item {
  position: relative;
}

.radio-box-input-n {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.radio-box-label-n {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #c6f4ec;
  margin: 8 auto;
  border-radius: 7px;
  -webkit-transition: color, 0.5s;
  transition: color, 0.5s;
  -webkit-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 25px;
}

.radio-box-span-n {
  color: #5c0f8b;
  text-align: center;
  padding: 6px;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
}

.radio-box-label-n:hover {
  background-color: #1ebca5;
}

.radio-box-input-n:checked + .radio-box-label-n {
  background-color: #2ed9c3;
}

.radio-box-input-paso3-n {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.radio-box-label-paso3-n {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #c6f4ec;
  border-radius: 7px;
  -webkit-transition: color, 0.5s;
  transition: color, 0.5s;
  -webkit-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
  font-size: 16px;
}

.radio-box-span-paso3-n {
  color: #5c0f8b;
  text-align: center;
  padding: 6px;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
}

.radio-box-label-paso3-n:hover {
  background-color: #1ebca5;
}

.radio-box-input-paso3-n:checked + .radio-box-label-paso3-n {
  background-color: #2ed9c3;
}

.btn-acordeon-n {
  color: #2ed9c3;
  background: #5c0f8b;
  font-weight: bold;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  margin-left: auto;
  margin-right: 15px;
  margin-bottom: -40px;
}

.btn-acordeon-n:hover,
.btn-acordeon-n:focus {
  color: #5c0f8b;
  background-color: #2ed9c3;
}

.btn-acordeon-n:active {
  color: #5c0f8b;
  background-color: #2ed9c3;
}

.contenido-acordeon-n {
  color: #5c0f8b !important;
  border: 1px solid #5c0f8b !important;
  margin-bottom: 20px !important;
}

.btn-recarga {
  color: white;
  background-color: #5c0f8b;
  border: 2px solid #5c0f8b;
  border-radius: 7px;
  padding: 10px 25px;
  font-size: 23px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  margin-top: 25px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.btn-recarga:hover,
.btn-recarga:focus {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: 2px solid #2ed9c3;
  font-size: 23px;
}

.btn-recarga:active {
  color: #5c0f8b;
  background-color: #2ed9c3;
  border: 2px solid #2ed9c3;
  font-size: 23px;
}

.banner-puntos {
  color: white;
  background: url("../images/S23.jpg") no-repeat center top;
  background-size: cover;
  /* margin-top: 70px !important; */
  height: 80vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.banner-puntos h1 {
  font-size: 95px;
  font-weight: bold;
  text-align: center;
  margin-top: 85px;
  text-shadow: 2px 3px 2px #5c0f8b;
}

.titulo-puntos h1 {
  font-size: 35px;
  color: #5c0f8b;
  margin-top: 65px;
}

.titulo-puntos a {
  font-size: 35px;
  color: #5c0f8b;
  margin-top: 65px;
}

.leyenda-tarjetapr h1 {
  font-size: 25px;
  color: #5c0f8b;
}

.leyenda-tarjetapr a {
  font-size: 25px;
  color: #5c0f8b;
}

.alinea-pr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.tarjeta-pr {
  width: 110px;
  height: auto;
  margin: 0 auto;
}

.titulo-cobertura p {
  color: #5c0f8b;
  font-size: 19px;
}

.centrado-tiendas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.img-farmacias {
  width: 145px;
}

.img-seven {
  width: 185px;
}

.img-mercado {
  width: 155px;
}

.img-123 {
  width: 150;
}

.img-extra {
  width: 175px;
}

.img-circle {
  width: 140px;
}

.img-benavides {
  width: 180px;
}

.img-ft {
  width: 180px;
}

.img-fc {
  width: 180px;
}

.img-fgm {
  width: 180px;
}

.img-fn {
  width: 110px;
}

.img-fz {
  width: 170px;
}

.img-fu {
  width: 60px;
}

.img-fsf {
  width: 140px;
}

.img-fsc {
  width: 140px;
}

.img-fd {
  width: 85px;
}

#map {
  width: 100%;
  height: 600px;
}

.p-cobertura {
  margin-top: 25px;
}

.leyenda-cobertura {
  font-weight: bold;
}

.campo-puntos {
  background-color: white;
  border: 1px solid #5c0f8b;
  padding: 25px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.leyenda-pr {
  color: #5c0f8b;
  font-size: 17px;
}

#loadingscreen {
  background-color: rgba(25, 25, 25, 0.7);
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 9999;
  margin-top: 0;
  top: 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

#loadingscreen img {
  width: 100px;
  height: 100px;
  position: relative;
}

.titulo-prueba {
  font-size: 105px;
  font-weight: bold;
  text-align: center;
}

.main {
  position: fixed;
  background: #5c0f8b;
  width: 100%;
  height: 100%;
  left: 50%;
  margin-top: 15px;
}

.scrollDist {
  width: 100%;
  height: 200%;
}

.titulo-cn {
  color: white;
  background: url("../images/S24.jpg") no-repeat center top;
  background-size: cover;
  height: 100vh;
  /* margin-top: 35px; */
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.titulo-cn h1 {
  font-size: 95px;
  font-weight: bold;
  text-align: center;
  margin-top: 85px;
  text-shadow: 2px 3px 2px #5c0f8b;
}

.advertencia {
  color: red;
  font-size: 23px;
}

.contenido-cambio {
  color: #5c0f8b;
  font-size: 23px;
  font-weight: 400;
}

.elementos-form {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.contenido-form label {
  color: #5c0f8b;
  font-size: 19px;
}

.contenido-form .form-control {
  background-color: #fff;
  border: 1px solid #5c0f8b;
  height: 45px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.caja-select::after {
  content: "\025be";
  display: table-cell;
  padding-top: 7px;
  text-align: center;
  width: 30px;
  height: 30px;
  position: absolute;
  background: white;
  top: 42px;
  right: 19px;
  pointer-events: none;
}

.alerta-cambio {
  color: white;
  background: red;
  font-size: 15px;
  padding: 25px;
  border-radius: 7px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.alerta-correcto {
  color: #5c0f8b;
  background: #16df7e;
  font-size: 19px;
  padding: 25px;
  border-radius: 7px;
  margin-top: -25px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.tc-cambio .form-check-input {
  position: relative;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}

.formulario-kuesky {
  margin-top: 185px;
}

.img-tarjetak {
  width: 65px;
  height: auto;
  margin-bottom: 25px;
}

.titulo-fkuesky {
  color: #5c0f8b;
  font-size: 35px;
}

.f-kuesky {
  background: white;
  padding: 25px;
  margin-bottom: 35px;
  -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.09), 0 4px 8px rgba(0, 0, 0, 0.09);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.09), 0 4px 8px rgba(0, 0, 0, 0.09);
}

.f-kuesky label {
  color: #5c0f8b;
  font-size: 19px;
}

.f-kuesky .form-control {
  background-color: #fff;
  border: 1px solid #5c0f8b;
}

.f-kuesky .campo-fkuesky {
  padding: 25px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-pkuesky {
  color: white !important;
  background-color: #5c0f8b !important;
  border: transparent !important;
  font-size: 23px !important;
  padding: 10px 35px !important;
}

.btn-pkuesky:hover,
.btn-pkuesky:focus {
  color: #5c0f8b !important;
  background-color: #2ed9c3 !important;
  border: transparent !important;
  font-size: 23px !important;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.fast {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.title-tab {
  color: #5c0f8b;
  font-size: 19px;
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn !important;
  animation-name: fadeIn !important;
}

.form-input-error {
  font-size: 12px !important;
  margin-bottom: 0 !important;
  display: none !important;
}

.form-input-error-activo {
  display: block !important;
}

.formulario-grupo-input {
  position: relative !important;
}

.formulario-validacion-estado {
  position: absolute !important;
  right: 10px !important;
  bottom: 15px !important;
  z-index: 100 !important;
  font-size: 16px !important;
  opacity: 0 !important;
}

.formulario-grupo-correcto .formulario-validacion-estado {
  color: #1ed12d !important;
  opacity: 1 !important;
}

.formulario-grupo-incorrecto .formulario-validacion-estado {
  color: #bb2929 !important;
  opacity: 1 !important;
}

.kushki-img {
  width: auto;
  height: 100px;
  margin: 0 auto;
}

.venta-sim {
  margin-top: 210px;
}

.ajustar-sim {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.sombra-sim {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.chip-img {
  width: 45px;
  height: auto;
}

.contenido-chip {
  margin-top: 5px;
}

.titulo-sim h1 {
  color: #5c0f8b;
  font-size: 45px;
  font-weight: bolder;
}

.titulo-sim p {
  color: #5c0f8b;
  font-size: 18px;
}

.form-label {
  color: #5c0f8b;
  font-size: 18px;
  font-weight: bold;
}

.n-sims {
  color: #5c0f8b;
  padding: 10px;
  height: 45px;
  border: 1px solid #5c0f8b;
  font-size: 21px;
}

.titulo-sim p span {
  font-size: 18px;
  font-weight: bold;
}

.titulo-sim a {
  color: #5c0f8b;
  font-weight: bold;
}

.chip-titulo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.margen-d-sim {
  margin-top: 35px;
}

.lista-beneficios1 {
  color: #5c0f8b;
  background: #c6f4ec;
  font-size: 17px;
  font-weight: bold;
  padding: 10px;
}

.lista-beneficios2 {
  color: #5c0f8b;
  background: #edf9f7;
  font-size: 17px;
  font-weight: bold;
  padding: 10px;
}

/*NUMERO DE SIMS*/
.input-number {
  position: relative;
  width: 100px;
  height: 40px;
  background-color: transparent;
  overflow: hidden;
  border-radius: 20px;
  margin: 2px;
}

.input-number span {
  position: absolute;
  left: 50%;
  margin-left: -20px;
  display: inline-block;
  background-color: #5c0f8b;
  height: 100%;
  width: 40px;
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
  font-size: 16px;
  color: white;
  letter-spacing: -1px;
}

.input-number button {
  display: inline-block;
  width: 50px;
  height: 100%;
  background-color: transparent;
  border: none;
  color: #5c0f8b;
  font-size: 20px;
  cursor: pointer;
  background-color: rgba(46, 217, 195, 0.7);
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}

.input-number button:nth-of-type(1) {
  padding-right: 20px;
}

.input-number button:nth-of-type(2) {
  padding-left: 20px;
}

.input-number button:hover {
  background-color: rgba(46, 217, 195, 0.9);
}

.s-compatibilidad {
  color: #5c0f8b;
}

.compatibilidad-sim {
  color: #5c0f8b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 65px;
}

.compatibilidad-img {
  width: 37px;
  margin-right: 5px;
}

.paso1-sim {
  width: 35px;
}

.btn-imei-sim {
  font-size: 21px;
  background: #5c0f8b;
  border: none;
  border-radius: 5px;
  color: white;
  padding: 12px 25px;
  width: 100%;
  margin-bottom: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-imei-sim:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.btn-imei-sim2 {
  font-size: 21px;
  background: #2ed9c3;
  border: none;
  border-radius: 5px;
  color: #5c0f8b;
  padding: 12px 25px;
  width: 100%;
  margin-bottom: 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-imei-sim2:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.lineas-adicionales {
  color: #5c0f8b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.lineas .titulo-lineas {
  color: #5c0f8b;
  font-size: 19px;
  font-weight: bold;
}

.lineas .sub-lineas {
  color: #5c0f8b;
}

.div-btn-sim {
  margin-bottom: -35px;
  z-index: 1;
}

.btn-cerrar-sim {
  color: white;
  background: #5c0f8b;
  font-size: 19px;
  border: 1px solid #5c0f8b;
  border-radius: 3px;
}

/*NUMERO DE SIMS*/
.form-adicionales .caja-paquete {
  padding-left: 0px;
  padding-right: 0px;
}

.chip-paquete {
  color: #5c0f8b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.paquete-img {
  width: 30px;
  margin-right: 5px;
}

.paquetes-sim {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 35px;
}

.caja-paquete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  padding: 0px;
}

.costo-paquete-sim {
  background: #5c0f8b;
  padding: 10px 50px 5px 50px;
}

.costo-paquete-sim p {
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 17px !important;
}

.costop-sim {
  font-weight: bold;
  font-size: 32px;
  line-height: 1em;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.telmovil100 span {
  font-weight: normal;
  color: white;
}

.megas-sim {
  font-size: 21px;
}

.link-tc-sim {
  color: #5c0f8b;
  font-size: 12px;
  font-weight: 400;
  text-decoration: underline;
  text-align: center;
}

.radio-box-input-sim {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.radio-box-label-sim {
  width: 180px;
  position: relative;
  margin: 0 auto;
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #c6f4ec;
  border: 3px solid #5c0f8b;
  border-radius: 15px;
  -webkit-transition: color, 0.5s;
  transition: color, 0.5s;
  -webkit-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  font-size: 23px;
  font-weight: bold;
}

.radio-box-span-sim {
  color: #5c0f8b;
  padding: 6px;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
}

.radio-box-label-sim:hover {
  background-color: #1ebca5;
  cursor: pointer;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.3);
}

.radio-box-input-sim:checked + .radio-box-label-sim {
  background-color: #2ed9c3;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.35);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.35);
}

.caja-paquete .folio-sim {
  color: #5c0f8b;
  font-size: 14px !important;
  margin: 10px 0px 5px 0px;
  padding-right: 7px;
}

.s-compatibilidad {
  margin-bottom: 45px;
}

.btn-acordeon-sim {
  color: #2ed9c3;
  background: #5c0f8b;
  font-weight: bold;
  border-radius: 50%;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
  margin-left: auto;
  margin-right: 15px;
  margin-bottom: -54px;
}

.radio-box-span-sim {
  color: #5c0f8b;
  font-size: 25px;
  text-align: center;
  padding: 16px;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
}

.envio-img {
  width: 85px;
  height: auto;
  margin-right: 5px;
}

.titulo-envio {
  color: #5c0f8b;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.sub-envio {
  color: #5c0f8b;
  font-size: 19px;
  font-weight: bold;
}

.leyenda-fenvio {
  color: #5c0f8b;
}

.label-fenvio {
  color: #5c0f8b;
}

.domicilio {
  padding: 10px;
  height: 52px;
  border: 1px solid #2ed9c3;
  font-size: 15px;
}

/* MEGAS EXTRA */
.megas-extra {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-top: 143px;
}

.megas-extra.extra {
  background: #fff fixed no-repeat 80% 20%;
  background-size: cover;
}

#fondo-megas {
  background-image: url(../images/fondo-megas.jpg);
  padding-top: 45px;
}

.img-megas {
  width: 450px;
  height: auto;
}

.txt1-megas {
  color: white;
  font-size: 35px;
}

.txt-megas {
  color: white;
  font-size: 105px;
  font-weight: bold;
}

.txt-extra {
  color: white;
  font-size: 105px;
  font-weight: bold;
  margin-top: -75px;
}

/**/
.promo-datos {
  background: #f1e5f9;
}

.titulo-megas {
  background: #5c0f8b;
  border-radius: 50px;
}

.titulo1 {
  color: white;
  font-size: 65px;
}

.txt2-megas {
  color: #5c0f8b;
  font-size: 25px;
}

.img-m100 {
  width: 350px;
  height: auto;
}

.img-m200 {
  width: 350px;
  height: auto;
}

.img-m300 {
  width: 350px;
  height: auto;
}

.h-tabla {
  background: #5c0f8b;
  padding: 10px;
  color: white;
  font-size: 25px;
}

.f-tabla {
  background: #e8e8e8;
  color: #494949;
  font-size: 27px;
  font-weight: bold;
  padding: 12px;
}

.f2 {
  background: white;
  color: #494949;
  font-size: 27px;
  font-weight: bold;
  padding: 12px;
}

.titulo-f {
  background: -webkit-gradient(linear, left bottom, left top, from(#5c0f8b), to(magenta));
  background: linear-gradient(bottom, #5c0f8b, magenta);
  border-radius: 50px;
}

.titulof {
  color: white;
  font-size: 45px;
  font-weight: bold;
  padding: 20px 65px;
}

.tyc {
  color: #5c0f8b;
  font-size: 14px;
  margin: 35px 0px 35px 0px;
}

/* TUTORIALES */
.f-tutos {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.f-tutos.tuto {
  background: #fff fixed no-repeat 50% 50%;
  background-size: cover;
}

#fondo-tuto {
  background-image: url(../images/ftuto.jpg);
  padding: 80px;
}

#fondo-tuto2 {
  background-image: url(../images/ftuto.jpg);
  padding: 120px 0px;
}

.f-tutos a {
  text-decoration: none;
}

.margen-tuto {
  margin-top: 150px;
}

.tit-tutos {
  color: white;
  font-size: 85px;
  font-weight: 700;
  margin-top: 25px;
  line-height: 50px;
  margin-bottom: 0px;
  text-shadow: 3px 3px 0px #2ed9c3;
  letter-spacing: 5px;
}

.tit-tutos2 {
  color: white;
  font-size: 85px;
  font-weight: 700;
  line-height: 50px;
  margin-bottom: 0px;
  text-shadow: 3px 3px 0px #2ed9c3;
  letter-spacing: 5px;
}

.img-flechas {
  width: 165px;
  height: auto;
  margin-top: 65px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-animation: btn-tuto 2s ease-in-out infinite;
  animation: btn-tuto 2s ease-in-out infinite;
}

@-webkit-keyframes btn-tuto {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(9px);
    transform: translateX(9px);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes btn-tuto {
  from {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  50% {
    -webkit-transform: translateX(9px);
    transform: translateX(9px);
  }
  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
/* VIDEOS */
.videos {
  padding: 45px;
}

.card-body-recargas-filas {
  color: #515151 !important;
  font-size: 15px !important;
  -webkit-box-flex: 1 !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
  min-height: 1px !important;
}

/* PASO 2 NUEVOS */
.costo-box-2 {
  color: #5c0f8b;
  font-size: 21px;
  font-weight: bold;
  background: #c6f4ec;
  padding: 15px 0px;
  border-radius: 7px;
}

.costo-box-2 p {
  font-size: 17px !important;
  font-weight: 200;
  padding: 0px;
  margin: -10px;
}

.btn-detalles-pre {
  color: #5c0f8b;
  font-size: 15px;
  text-decoration: underline;
}

.btn-detalles-pre:hover {
  color: #5c0f8b !important;
  font-size: 15px;
  text-decoration: underline;
}

.check-pre {
  margin: 15px 0px 10px 0px;
}

.check-pre label {
  font-size: 12px;
}

.check-pre2 label {
  font-size: 12px;
}

.tyc-pre {
  color: #5c0f8b;
  text-decoration: underline !important;
}

.tyc-pre:hover {
  color: #5c0f8b;
}

.img-pre {
  width: 110px;
  height: auto;
  margin: 0 auto;
}

.campos-radio-pre {
  list-style: none;
  margin-top: 5px;
}

.radio-box-label-pre3 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #c6f4ec;
  border-radius: 7px;
  -webkit-transition: color, 0.5s;
  transition: color, 0.5s;
  -webkit-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 3px 0px;
}

.radio-box-label-pre3:hover {
  background-color: #2ed9c3;
}

.radio-box-input:checked + .radio-box-label-pre3 {
  background-color: #7cf1de;
}

.plan3 {
  color: #fc7131;
}

.radio-box-label-pre2 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #c6f4ec;
  border-radius: 7px;
  -webkit-transition: color, 0.5s;
  transition: color, 0.5s;
  -webkit-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 3px 0px;
}

.radio-box-label-pre2:hover {
  background-color: #2ed9c3;
}

.radio-box-input:checked + .radio-box-label-pre2 {
  background-color: #7cf1de;
}

.plan2 {
  color: #f0b40e;
}

.radio-box-label-pre1 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #c6f4ec;
  border-radius: 7px;
  -webkit-transition: color, 0.5s;
  transition: color, 0.5s;
  -webkit-transition-delay: 0s, 0s;
  transition-delay: 0s, 0s;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 3px 0px;
}

.radio-box-label-pre1:hover {
  background-color: #2ed9c3;
}

.radio-box-input:checked + .radio-box-label-pre1 {
  background-color: #7cf1de;
}

.plan1 {
  color: #f44573;
}

/**/
.gen-recargas {
  margin: 250px 0px 200px 0px;
}

.cont-recargas {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 30px 0px 20px 0px;
}

.cont-recargas2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.img-cel-pre {
  width: 60px;
  height: auto;
}

.img-preplanes {
  width: 140px;
  height: auto;
}

.titulo-modal {
  color: white;
  font-weight: 200;
}

.btn-recarga-gen {
  width: 300px !important;
  color: white !important;
  background-color: #5c0f8b !important;
  border: 2px solid #5c0f8b !important;
  border-radius: 7px !important;
  padding: 10px 25px !important;
  font-size: 23px !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.btn-recarga-gen:hover,
.btn-recarga-gen:focus {
  color: #5c0f8b !important;
  background-color: #2ed9c3 !important;
  border: 2px solid #2ed9c3 !important;
  font-size: 23px !important;
}

.morado {
  color: white;
  background: #5c0f8b;
}

.morado th {
  font-weight: 200;
}

.importante {
  color: #5c0f8b;
  font-size: 19px;
  margin-top: 35px;
}

/**/
.img-compra {
  width: 150px;
  height: auto;
}

.img-compra2 {
  width: 180px;
  height: auto;
}

/* BAJA */
.titulo-baja {
  color: white;
  background: url("../images/f-baja.jpg") no-repeat center top;
  background-size: cover;
  height: 100vh;
  margin-top: 35px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.titulo-baja h1 {
  font-size: 100px;
  font-weight: bold;
  text-align: center;
  margin-top: 85px;
  text-shadow: 2px 3px 2px #5c0f8b;
}

.contenido-baja {
  margin-top: 30px;
}

.tc-baja a {
  color: #5c0f8b;
  font-size: 15px;
}

.tc-baja .form-check-input {
  margin-top: 0.6rem;
}

.alerta-baja {
  color: #5c0f8b;
  background: #0fbc61;
  font-size: 15px;
  font-weight: lighter;
  padding: 15px 10px;
  border-radius: 7px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.redes {
  width: 25px !important;
  height: auto;
  margin: 0px 4px 0px 0px;
}

.redes2 {
  width: 30px !important;
  height: auto;
  margin: -2px 3px 0px 0px;
}

.pie a:hover {
  color: #2ed9c3;
}

.pie .direccion {
  color: white;
  font-size: 18px;
  font-weight: lighter;
}

.pagos .direccion img {
  width: 17px;
  height: auto;
}

.pie .aclientes {
  color: white;
  font-size: 18px;
  font-weight: lighter;
}

.pagos .aclientes img {
  width: 21px;
  height: auto;
}

.img-whats {
  width: 29px !important;
  height: auto;
}

hr {
  background-color: #2ed9c3;
}

.img-pago {
  width: 75px;
  height: auto;
}

.espaciado-iconos {
  margin-left: 21px;
}

.logo-footer {
  width: 200px;
  height: auto;
  margin-bottom: 35px;
}

.pie ul li i {
  font-size: 20px;
  color: white;
}

.btn-sube {
  position: fixed;
  bottom: 25px;
  right: 30px;
  text-decoration: none;
  z-index: 99999;
  line-height: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-sube:hover {
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 15px 0px white;
  box-shadow: 0px 0px 15px 0px white;
  background: white;
}

.btn-sube img {
  width: 35px;
  height: auto;
}

.btn-whats {
  position: fixed;
  bottom: 69px;
  right: 29px;
  text-decoration: none;
  z-index: 99999;
  line-height: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.btn-whats:hover {
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 15px 0px white;
  box-shadow: 0px 0px 15px 0px white;
  background: white;
}

.btn-whats img {
  width: 38px;
  height: auto;
}

.chat-icon {
  width: 55px;
  height: auto;
  position: fixed;
  bottom: 70px;
  right: 20px;
  text-decoration: none;
  z-index: 99999;
  line-height: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.animacion-chat {
  background: #2ed9c3;
  width: 55px;
  height: 55px;
  border-radius: 50%;
}

@media (min-width: 1351px) {
  .campo-escritorio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .boton-buscar {
    margin-left: 10px !important;
    margin-right: 10px;
  }

  .encabezado button img {
    width: 50px;
    height: auto;
  }

  .busqueda {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    margin: 15px 0px;
    width: 710px;
  }

  .busqueda input[type="text"] {
    border: 1px solid #5c0f8b;
    border-radius: 5px 0 0 5px;
    padding: 17px;
    font-size: 19px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
  }

  .busqueda input[type="submit"] {
    border-radius: 0 5px 5px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: white;
    font-size: 19px;
    font-weight: 500;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .busqueda input:hover[type="submit"] {
    border: 1px solid #2ed9c3;
    border-radius: 0 5px 5px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: #2ed9c3;
    color: #5c0f8b;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
}
@media (max-width: 1250px) {
  .encabezado {
    background: white;
    color: #1e1a34;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .slider-principal {
    margin-top: 100px !important;
    margin-bottom: 25px;
    z-index: 0;
  }

  .campo-escritorio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .boton-buscar {
    margin-left: 10px !important;
    margin-right: 10px;
  }

  .encabezado button img {
    width: 50px;
    height: auto;
  }

  .busqueda {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    margin: 15px 0px;
    width: 710px;
  }

  .busqueda input[type="text"] {
    border: 1px solid #5c0f8b;
    border-radius: 5px 0 0 5px;
    padding: 17px;
    font-size: 19px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 70%;
    flex: 1 1 70%;
  }

  .busqueda input[type="submit"] {
    border-radius: 0 5px 5px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    color: white;
    font-size: 19px;
    font-weight: 500;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .busqueda input:hover[type="submit"] {
    border: 1px solid #2ed9c3;
    border-radius: 0 5px 5px 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    background-color: #2ed9c3;
    color: #5c0f8b;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .servicios {
    text-align: center;
    margin-top: -100px;
    z-index: 1;
    margin-bottom: 30px;
  }

  .servicios h2 {
    font-size: 19px;
  }

  .servicio-tel {
    color: white;
    background: url("../images/S9.jpg") no-repeat right;
    background-size: cover;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 105px;
  }

  .servicio-tel h1 {
    font-size: 65px;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 3px 2px #5c0f8b;
  }

  .contenido-tel {
    background: url("../images/S10.png") no-repeat center top;
    background-size: cover;
    height: 434px;
    margin-bottom: 5px;
  }

  .parrafo-tel {
    color: #5c0f8b;
    font-size: 20px;
    padding: 54px;
    margin-top: 15px;
  }

  .parrafo1 {
    color: #5c0f8b;
    font-size: 20px;
    padding: 0px;
    margin-top: 65px;
  }

  .img-cel {
    width: 190px;
    height: auto;
    margin-top: 65px;
  }

  .img-tarjeta {
    padding: 35px;
  }

  .contenido-sim {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .sim-h1 {
    color: #5c0f8b;
    padding: 0px;
    font-size: 20px;
    font-weight: bold;
  }

  .link-tel-compatibilidad {
    color: #2ed9c3;
  }

  .link-tel-compatibilidad:hover {
    color: #2ed9c3;
    text-decoration: none;
  }

  .contenido-servicio {
    margin-top: 25px;
    padding: 0px;
  }

  .contenido-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .titulo-info {
    color: #5c0f8b;
    font-size: 15px;
    font-weight: bold;
  }

  .info-p {
    color: #5c0f8b;
    font-size: 15px;
  }

  .img-contrato {
    width: 95px;
    height: auto;
  }

  .img-recarga-cel {
    width: 60px;
    height: auto;
  }

  .img-tv {
    width: 100px;
    height: auto;
  }

  .img-deuda {
    width: 80px;
    height: auto;
  }

  .titulo-servicio {
    background: #5c0f8b;
  }

  .titulo-servicio h1 {
    color: white;
    font-size: 25px;
    padding: 15px;
  }

  .margen-info {
    margin-top: 15px;
    margin-bottom: 35px;
  }

  .mifi {
    color: white;
    background: url("../images/S11.jpg") no-repeat center center;
    background-size: cover;
    height: 100vh;
    margin-top: 145px;
  }

  .mifi h1 {
    font-size: 145px;
    font-weight: bold;
    margin-left: 205px;
    margin-top: -300px;
  }

  .contenido-mifi {
    margin-top: 45px;
    margin-bottom: 40px;
    background: url("../images/mifi-fondo.svg") no-repeat center;
  }

  .titulo-mifi {
    color: #5c0f8b;
    font-size: 29px;
    padding: 25px;
  }

  .dispositivos {
    color: white;
    background: url("../images/S15.jpg") no-repeat center center;
    background-size: cover;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 35px;
  }

  .dispositivos h1 {
    font-size: 75px;
    font-weight: bold;
    text-shadow: 2px 3px 2px #5c0f8b;
  }

  .contenido-dispositivos {
    margin-top: 25px;
    margin-bottom: 40px;
  }

  .titulo-dispositivos {
    color: #5c0f8b;
    font-size: 37px;
    font-weight: bold;
    padding: 5px;
  }

  .logo-telmov {
    width: 350px;
    height: auto;
  }

  .marca-dispositivos {
    margin-top: 15px;
  }

  .modelo {
    font-size: 45px;
    text-align: right;
  }

  .btn-telmov {
    color: white;
    font-size: 21px;
    font-weight: bold;
    max-width: 300px;
    text-transform: uppercase;
    padding: 18px;
    margin-bottom: 25px;
    border: transparent;
    background: #5c0f8b;
    border-radius: 35px;
    text-decoration: none;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .btn-telmov:hover {
    color: white;
    font-size: 21px;
    font-weight: bold;
    max-width: 300px;
    text-transform: uppercase;
    padding: 18px;
    margin-bottom: 25px;
    border: transparent;
    background: #5c0f8b;
    border-radius: 35px;
    text-decoration: none;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .promo h1 {
    font-weight: bold;
    margin-top: 55px;
    font-size: 47px;
  }

  .img-promo100 {
    width: 350px;
    height: auto;
  }

  .img-promo200 {
    width: 350px;
    height: auto;
  }

  .recomendaciones h2 {
    color: #5c0f8b;
    margin-top: 5px;
    font-size: 35px;
  }

  .cantidad-paquete {
    font-size: 25px;
  }

  .nombre-cel {
    color: black;
    font-size: 35px;
    margin-top: -20px;
  }

  .costo-r {
    font-size: 35px;
    font-weight: bold;
  }

  /*.beneficios{
      color: white;
      background: url("../images/img1.jpg") no-repeat center top;
      background-size: cover;
      min-height: 650px;
  }
  .beneficios h1{
      font-weight: bold;
      margin-top: 50px;
      font-size: 55px;
  }*/
  .beneficios {
    margin-top: 0px;
    z-index: 1;
    margin-bottom: 10px;
  }

  .box-beneficios {
    border: transparent;
    max-width: 650px;
    height: 230px;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 3px;
    color: white;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .beneficios h1 {
    font-weight: bold;
    margin-top: 10px;
    font-size: 55px;
  }

  .beneficios h2 {
    color: #5c0f8b;
    font-size: 16px;
    font-weight: lighter;
    padding: 25px 25px 0px 25px;
  }

  .beneficios2 p {
    color: #5c0f8b;
    font-size: 15px;
    font-weight: lighter;
    padding: 0px 25px 0px 25px;
  }

  .img-b1 {
    width: 80px;
    height: auto;
  }

  .img-b2 {
    width: 75px !important;
    height: auto;
  }

  .img-b3 {
    width: 90px;
    height: auto;
  }

  .img-b4 {
    width: 100px;
    height: auto;
  }

  .ofertas h1 {
    font-weight: bold;
    margin-top: 50px;
    font-size: 55px;
  }

  .caja-ofertas {
    border: 4px solid #2ed9c3;
    height: auto;
    margin-bottom: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 7px;
    color: white;
    background-color: rgba(255, 255, 255, 0.99);
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 25px;
  }

  .margentop-portabilidad-img {
    margin-top: 50px;
  }

  .margentop-portabilidad-h2 {
    margin-top: 60px;
    margin-bottom: 50px;
  }

  .portabilidad h2 {
    color: #5c0f8b;
    margin-top: 20px;
    margin-bottom: 25px;
    font-size: 27px;
    font-weight: 500;
  }

  .espaciado-portabilidad {
    margin-top: 65px;
    margin-bottom: 30px;
  }

  .compatibilidad {
    margin-top: 15px;
    margin-bottom: 65px;
  }

  .verificacion-img {
    width: 120px;
    height: auto;
    padding: 0px;
  }

  /*.banner-compatibilidad{
      color: white;
      background: url("../images/S5.jpg") no-repeat center top;
      background-size: cover;
      height: 100vh;
      margin-top: 100px;
      display: flex;
      align-items: center;
  }*/
  .banner-compatibilidad h1 {
    font-size: 65px;
    font-weight: bold;
    text-align: center;
    margin-top: 165px;
  }

  .compatibilidad h2 {
    color: #5c0f8b;
    font-size: 23px;
    margin-top: 5px;
  }

  .compatibilidad p {
    color: #5c0f8b;
    font-size: 21px;
    margin-top: 20px;
  }

  .compatibilidad span {
    font-weight: bold;
  }

  .size-imei {
    color: #444444 !important;
    font-size: 15px !important;
  }

  .banner-contacto {
    color: white;
    background: url("../images/S7.jpg") no-repeat center right;
    background-size: cover;
    height: 100vh;
    margin-top: 83px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .banner-contacto h1 {
    font-size: 125px;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 3px 2px #5c0f8b;
  }

  .formulario label {
    color: #5c0f8b;
    font-size: 17px;
  }

  .formulario p {
    margin-left: 10px;
  }

  .recargas h3 {
    color: #5c0f8b;
    font-size: 15px;
    margin-bottom: 15px;
  }

  .radio-box-label {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 25px;
  }

  .btn-acordeon {
    margin-bottom: -35px;
  }

  .radio-box-label-paso3 {
    font-size: 15px;
  }

  .card-body-recargas {
    color: #515151;
    font-size: 12px;
  }
}
@media (max-width: 1024px) and (orientation: landscape) {
  #recargas-mp a {
    color: white !important;
    background-color: #5c0f8b;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 10px;
    border-bottom: transparent;
    font-weight: 500;
  }

  .menu-principal ul li a {
    color: #000;
    font-size: 14px;
    /* padding: 12px;
    margin: 0 5px; */
    text-decoration: none;
    border-bottom: 5px solid transparent;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
  }

  .menu-principal ul li a:hover {
    background-color: #e8e0f7 !important;
    border-radius: 10px !important;
    /* padding-left: 5px;
            padding-right: 5px; */
    color: #830cc4;
  }

  .boton-buscar {
    margin-left: -20px !important;
    margin-right: 0px;
  }

  .nombre-cel {
    color: black;
    font-size: 35px;
    margin-top: -17px;
  }

  .costo-r {
    font-size: 45px;
    font-weight: bold;
  }
}
@media (max-width: 767px) {
  .pleca-superior {
    background-color: #5c0f8b;
    height: 35px;
    padding: 5px 3px;
  }

  .encabezado {
    background: white;
    color: #1e1a34;
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .boton-menu,
  .boton-buscar {
    border: 0px;
    margin: 0px;
    padding: 0px 0px;
    background: transparent;
  }

  .busqueda {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    margin: 15px 0px;
    width: auto;
  }

  .busqueda input[type="text"] {
    border: 1px solid #5c0f8b;
    border-radius: 5px 0 0 5px;
    padding: 17px;
    font-size: 14px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }

  .busqueda input[type="submit"] {
    border-radius: 0 5px 5px 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    color: white;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .busqueda input:hover[type="submit"] {
    border: 1px solid #2ed9c3;
    border-radius: 0 5px 5px 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #2ed9c3;
    color: #5c0f8b;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .encabezado img {
    width: 105px;
    height: auto;
    padding-left: 15px;
  }

  .slider-principal {
    margin-top: 117px !important;
    margin-bottom: 25px;
    z-index: 0;
  }

  .servicios {
    text-align: center;
    margin-top: 0px;
    z-index: 1;
    margin-bottom: 20px;
  }

  .servicios h2 {
    font-size: 17px;
    font-weight: normal;
  }

  .caja1 a {
    background-color: white;
    border: 2px solid #5c0f8b;
    height: 180px;
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 7px;
    color: #5c0f8b;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .caja1 a:hover {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  .caja2 a {
    background-color: white;
    border: 2px solid #5c0f8b;
    height: 180px;
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 7px;
    color: #5c0f8b;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .caja2 a:hover {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  .caja2 a h2 {
    padding-top: 10px;
  }

  .caja3 a {
    background-color: white;
    border: 2px solid #5c0f8b;
    height: 180px;
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 7px;
    color: #5c0f8b;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .caja3 a:hover {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  .caja4 a {
    background-color: white;
    border: 2px solid #5c0f8b;
    height: 180px;
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 7px;
    color: #5c0f8b;
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .caja4 a:hover {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  .margen-top-servicios {
    margin-top: 0px;
  }

  .img-s1 {
    width: 73px;
    height: auto;
  }

  .img-s2 {
    margin: 35px 0px 32px 0px;
    width: 200px;
    height: auto;
  }

  .img-s3 {
    width: 120px;
    height: auto;
    margin-bottom: 15px;
  }

  .img-s4 {
    width: 87px;
    height: auto;
  }

  .servicio-tel {
    color: white;
    background: url("../images/S9.jpg") no-repeat right;
    background-size: cover;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 105px;
  }

  .servicio-tel h1 {
    font-size: 55px;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 3px 2px #5c0f8b;
  }

  .contenido-tel {
    background: url("../images/S10.png") no-repeat center center;
    background-size: cover;
    height: 100vh;
    margin-bottom: 5px;
  }

  .parrafo-tel {
    color: #5c0f8b;
    font-size: 15px;
    padding: 0px;
    margin-top: 35px;
  }

  .img-cel {
    width: 170px;
    height: auto;
    margin-top: 15px;
  }

  .img-tarjeta {
    padding: 35px;
  }

  .contenido-sim {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .sim-h1 {
    color: #5c0f8b;
    padding: 0px;
    font-size: 20px;
    font-weight: bold;
  }

  .link-tel-compatibilidad {
    color: #2ed9c3;
  }

  .link-tel-compatibilidad:hover {
    color: #2ed9c3;
    text-decoration: none;
  }

  .contenido-servicio {
    margin-top: 25px;
    padding: 25px;
  }

  .contenido-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .titulo-info {
    color: #5c0f8b;
    font-size: 15px;
    font-weight: bold;
  }

  .info-p {
    color: #5c0f8b;
    font-size: 15px;
  }

  .img-contrato {
    width: 150px;
    height: auto;
    margin-bottom: 25px;
  }

  .img-recarga-cel {
    width: 80px;
    height: auto;
    margin-bottom: 25px;
  }

  .img-deuda {
    width: 120px;
    height: auto;
    margin-bottom: 0px;
  }

  .img-tv {
    width: 150px;
    height: auto;
  }

  .titulo-servicio {
    background: #5c0f8b;
  }

  .titulo-servicio h1 {
    color: white;
    font-size: 25px;
    padding: 15px;
  }

  .margen-info {
    margin-top: 15px;
    margin-bottom: 10px;
  }

  .mifi {
    color: white;
    background: url("../images/S11.jpg") no-repeat left;
    background-size: cover;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 105px;
  }

  .mifi h1 {
    font-size: 95px;
    font-weight: bold;
    margin-left: 0px;
    margin-top: -290px;
  }

  .contenido-mifi {
    margin-top: 25px;
    margin-bottom: 40px;
    background: url("../images/mifi-fondo.svg") no-repeat center;
  }

  .titulo-mifi {
    color: #5c0f8b;
    font-size: 19px;
    padding: 5px;
  }

  .internet-casa {
    color: white;
    background: url("../images/S8.jpg") no-repeat center top;
    background-size: cover;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 125px;
  }

  .internet-casa h1 {
    font-size: 75px;
    font-weight: bold;
    text-align: center;
  }

  .contenido-internet {
    margin-top: 45px;
    margin-bottom: 45px;
  }

  .titulo-internet {
    color: #5c0f8b;
    font-size: 35px;
    font-weight: bold;
  }

  .texto-internet {
    color: #5c0f8b;
    font-size: 19px;
    margin-top: 25px;
    background: url(../images/casa-fondo.svg) no-repeat center;
  }

  .dispositivos {
    color: white;
    background: url("../images/S15.jpg") no-repeat center center;
    background-size: cover;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 35px;
  }

  .dispositivos h1 {
    font-size: 45px;
    font-weight: bold;
    text-shadow: 2px 3px 2px #5c0f8b;
  }

  .contenido-dispositivos {
    margin-top: 25px;
    margin-bottom: 40px;
  }

  .titulo-dispositivos {
    color: #5c0f8b;
    font-size: 17px;
    font-weight: bold;
    padding: 5px;
  }

  .logo-telmov {
    width: 350px;
    height: auto;
  }

  .marca-dispositivos {
    margin-top: 15px;
  }

  .modelo {
    font-size: 45px;
    text-align: right;
  }

  .btn-telmov {
    color: white;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 18px;
    margin-bottom: 25px;
    border: transparent;
    background: #5c0f8b;
    border-radius: 35px;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .btn-telmov:hover {
    color: #5c0f8b;
    font-size: 19px;
    font-weight: bold;
    padding: 18px;
    margin-bottom: 25px;
    border: transparent;
    background: #2ed9c3;
    border-radius: 35px;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .margen-btn-catalogo {
    margin-top: 10px;
    margin-bottom: 20px;
  }

  .btn-catalogo {
    color: white;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 18px;
    border: transparent;
    background: #5c0f8b;
    border-radius: 35px;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .btn-catalogo:hover {
    color: #5c0f8b;
    font-size: 19px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 18px;
    border: transparent;
    background: #2ed9c3;
    border-radius: 35px;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .nosotros {
    color: white;
    background: url("../images/S12.jpg") no-repeat center center;
    background-size: cover;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 105px;
  }

  .nosotros h1 {
    font-size: 55px;
    font-weight: bold;
    text-shadow: 2px 3px 2px #5c0f8b;
  }

  .contenido-nosotros {
    margin-top: 45px;
    margin-bottom: 40px;
  }

  .titulo-nosotros {
    color: #5c0f8b;
    font-size: 19px;
    font-weight: bold;
    padding: 5px;
  }

  .texto-nosotros {
    color: #5c0f8b;
    font-size: 19px;
  }

  .promo {
    height: auto;
    padding-bottom: 0px;
  }

  .pleca-recomendacion {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .promo h1 {
    font-weight: bold;
    margin-top: 45px;
    font-size: 37px;
    text-align: center;
    padding-left: 0px;
  }

  .txt-promo {
    color: #19f4ff;
    font-size: 19px;
    font-weight: 200;
    margin: -25px 0px 45px 0px;
  }

  .pie-promo {
    color: #5c0f8b;
    background: #ffdb27;
    padding: 12px;
    font-size: 17px;
    text-transform: uppercase;
    border: 1px solid #ffdb27;
    border-radius: 25px;
  }

  .btn-promo {
    margin-bottom: 30px;
  }

  .margen-top-tc {
    margin-top: 0px;
    padding-bottom: 15px;
  }

  .recomendaciones h1 {
    font-size: 37px;
    margin-top: 50px;
    margin-bottom: 0px;
    padding-left: 10px;
  }

  .nombre-cel {
    font-size: 50px;
    margin-top: -25px;
  }

  .img-equipo {
    width: 300px;
    height: auto;
  }

  .recomendaciones h2 {
    font-size: 37px;
  }

  .costo-r {
    font-size: 55px;
    font-weight: bold;
    text-align: center;
  }

  .beneficios {
    margin-top: 10px;
    z-index: 1;
    margin-bottom: 30px;
  }

  .box-beneficios {
    border: transparent;
    max-width: 650px;
    height: 180px;
    margin-bottom: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 3px;
    color: white;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .beneficios h2 {
    color: #5c0f8b;
    font-size: 21px;
    font-weight: normal;
    padding: 25px 25px 0px 25px;
  }

  .beneficios2 p {
    color: #5c0f8b;
    font-size: 19px;
    font-weight: lighter;
    padding: 0px 25px 0px 25px;
  }

  .img-b1 {
    width: 100px;
    height: auto;
  }

  .img-b2 {
    width: 95px !important;
    height: auto;
  }

  .img-b3 {
    width: 100px;
    height: auto;
  }

  .ofertas h1 {
    font-weight: bold;
    margin-top: 50px;
    font-size: 55px;
    text-align: center;
    padding-left: 0px;
  }

  .contenido-ofertas {
    padding-left: 15px;
  }

  .caja-ofertas {
    border: 4px solid #2ed9c3;
    height: auto;
    margin-bottom: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 7px;
    color: white;
    background-color: rgba(255, 255, 255, 0.99);
    text-decoration: none;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    padding: 25px;
  }

  .link-tc {
    color: #5c0f8b;
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    text-align: center;
    margin-top: 15px;
  }

  .link-tc:hover {
    color: #5c0f8b;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
  }

  .btn-paquetes {
    color: white;
    background-color: #5c0f8b;
    border: 1px solid #2ed9c3;
    border-radius: 9px;
    padding: 15px 20px 15px 20px;
    font-size: 15px;
    font-weight: lighter;
    text-transform: uppercase;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .btn-paquetes:hover {
    color: #5c0f8b;
    background-color: #2ed9c3;
    border: 1px solid #2ed9c3;
    border-radius: 9px;
    padding: 15px 20px 15px 20px;
    font-size: 15px;
    font-weight: lighter;
    -webkit-box-shadow: 0 0.5em 0.5em -0.3em white;
    box-shadow: 0 0.5em 0.5em -0.3em white;
    -webkit-transform: translateY(-0.25em);
    transform: translateY(-0.25em);
  }

  .paquetes {
    color: white;
    background: #5c0f8b;
    margin-top: 100px;
  }

  .paquetes h1 {
    font-weight: bold;
    margin-top: 70px;
    margin-bottom: 50px;
    font-size: 45px;
    text-align: center;
  }

  .banner-portabilidad {
    margin-top: 120px;
  }

  .banner-portabilidad h1 {
    font-size: 55px;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 3px 2px #5c0f8b;
  }

  .margentop-portabilidad-img {
    margin-top: 50px;
  }

  .margentop-portabilidad-h2 {
    margin-top: 5px;
  }

  .portabilidad h2 {
    color: #5c0f8b;
    margin-top: 20px;
    margin-bottom: 25px;
    font-size: 27px;
    font-weight: 500;
  }

  .espaciado-portabilidad {
    margin-top: 65px;
    margin-bottom: 30px;
  }

  .img-sim {
    width: 210px;
    height: auto;
  }

  .img-asesor {
    width: 210px;
    height: auto;
  }

  /* BONO PORTA */
  .bono-portabilidad {
    height: 70vh;
    margin-top: 45px;
  }

  .bono-portabilidad h1 {
    color: #19f4ff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 3px 2px #5c0f8b;
  }

  .img-celb {
    width: 30px;
    height: auto;
    margin: 0px 25px;
  }

  .mas-megasb {
    font-size: 25px;
  }

  .txt-bonox {
    font-size: 12px;
    font-weight: lighter !important;
  }

  .link-bono {
    color: white;
    font-size: 12px;
    font-weight: lighter;
    text-decoration: underline;
  }

  .bono-porta {
    margin-top: 35px;
  }

  .img-nsim {
    width: 250px;
    height: auto;
    margin-top: 35px;
  }

  .paso-b3 {
    width: 320px;
    height: auto;
  }

  .paso-b4 {
    width: 320px;
    height: auto;
  }

  .txt-anunciob {
    color: #5c0f8b;
    font-size: 17px;
    font-weight: lighter;
  }

  .whatsb {
    width: 65px;
    height: auto;
    margin-bottom: 15px;
  }

  .compatibilidad {
    margin-top: 15px;
    margin-bottom: 65px;
  }

  .verificacion-img {
    width: 60px;
    height: auto;
    padding: 0px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  /*.banner-compatibilidad{
      color: white;
      background: url("../images/S5.jpg") no-repeat center top;
      background-size: cover;
      height: 100vh;
      margin-top: 100px;
      display: flex;
      align-items: center;
  }*/
  .banner-compatibilidad h1 {
    color: #5c0f8b;
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    margin-top: 135px;
  }

  .compatibilidad h2 {
    color: #5c0f8b;
    font-size: 15px;
    margin-top: 5px;
  }

  .compatibilidad p {
    color: #5c0f8b;
    font-size: 15px;
    margin-top: 20px;
  }

  .compatibilidad span {
    font-weight: bold;
  }

  .size-imei {
    color: #444444 !important;
    font-size: 14px !important;
  }

  .clientes {
    margin-top: 45px;
    margin-bottom: 65px;
  }

  .banner-clientes {
    color: white;
    background: url("../images/S6.jpg") no-repeat center top;
    background-size: cover;
    height: 100vh;
    margin-top: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .banner-clientes h1 {
    font-size: 55px;
    font-weight: bold;
    text-align: center;
    margin-top: 195px;
    text-shadow: 2px 3px 2px #5c0f8b;
  }

  .comunicate {
    padding: 25px 0px 0px 0px;
  }

  .comunicate h1 {
    font-size: 19px;
    font-weight: bold;
  }

  .ayuda-servicios {
    margin-top: 5px;
    margin-bottom: 15px;
  }

  .p-servicios {
    color: #5c0f8b;
    font-size: 25px;
    margin: 0 auto;
    margin-bottom: 15px;
    padding: 10px;
  }

  .txt-ac-top {
    font-size: 21px;
    font-weight: lighter;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
  }

  .txt-ac-bottom {
    font-size: 21px;
    font-weight: lighter;
    margin-left: auto;
    margin-right: auto;
  }

  .margen-top-call {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .sms-call {
    font-size: 60px;
    font-weight: bolder;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .numero-contacto {
    color: #5c0f8b;
    font-size: 23px;
    font-weight: bolder;
    text-align: center;
  }

  .numero-contacto a {
    color: #5c0f8b;
    font-size: 21px;
    font-weight: bold;
  }

  .banner-contacto {
    color: white;
    background: url("../images/S7.jpg") no-repeat center right;
    background-size: cover;
    height: 100vh;
    margin-top: 83px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .banner-contacto h1 {
    font-size: 65px;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 3px 2px #5c0f8b;
  }

  .margen-contacto {
    margin-bottom: 35px;
    margin-left: 10px;
  }

  .titulo-contacto {
    color: #5c0f8b;
    font-size: 35px;
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .terminos {
    margin-top: 150px;
    margin-bottom: 100px;
  }

  .banner-cobertura {
    color: white;
    background: url("../images/S13.jpg") no-repeat center top;
    background-size: cover;
    height: 95vh;
    margin-top: 75px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .banner-cobertura h1 {
    font-size: 55px;
    font-weight: bold;
    text-align: center;
    margin-top: 35px;
    text-shadow: 2px 3px 2px #5c0f8b;
  }

  .titulo-cobertura h1 {
    font-size: 21px;
    font-weight: bold;
    color: #5c0f8b;
    margin-top: 35px;
  }

  .margen-inferior-ac {
    margin-bottom: 10px;
  }

  #mapa {
    width: 100%;
    height: 400px;
  }

  .banner-puntos {
    color: white;
    background: url("../images/S23.jpg") no-repeat center top;
    background-size: cover;
    height: 70vh;
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .banner-puntos h1 {
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    margin-top: 65px;
    text-shadow: 2px 3px 2px #5c0f8b;
  }

  .titulo-puntos h1 {
    font-size: 17px;
    font-weight: normal;
    color: #5c0f8b;
    margin-top: 35px;
  }

  .titulo-cobertura p {
    color: #5c0f8b;
    font-size: 19px;
  }

  .leyenda-tarjetapr h1 {
    font-size: 17px;
    color: #5c0f8b;
  }

  .leyenda-tarjetapr a {
    font-size: 17px;
    color: #5c0f8b;
  }

  .margen-inferior-ac {
    margin-bottom: 20px;
  }

  .img-seven {
    width: 185px;
  }

  .img-mercado {
    width: 155px;
  }

  .img-farmacias {
    width: 75px;
  }

  .img-123 {
    width: 150;
  }

  .img-extra {
    width: 175px;
  }

  .img-circle {
    width: 140px;
  }

  .img-ft {
    width: 80px;
  }

  .img-fc {
    width: 80px;
  }

  .img-fgm {
    width: 180px;
    margin-top: 15px;
  }

  .img-fn {
    width: 80px;
    margin-top: 15px;
  }

  .img-fz {
    width: 80px;
    margin-top: 15px;
  }

  .img-fu {
    width: 30px;
    margin-top: 15px;
  }

  .img-fsf {
    width: 140px;
  }

  .img-fsc {
    width: 140px;
  }

  .img-fd {
    width: 35px;
  }

  .tarjeta-pr {
    width: 110px;
    height: auto;
    margin: 0 auto;
    margin-top: 25px;
  }

  #map {
    width: 100%;
    height: 400px;
  }

  .titulo-pf h1 {
    font-size: 45px;
    font-weight: bold;
    text-align: center;
    margin-top: 145px;
    text-shadow: 2px 3px 2px #5c0f8b;
  }

  .preguntas {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .preguntas h2 {
    font-size: 25px;
  }

  .ayuda-sitio h1 {
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    margin-top: 185px;
    text-shadow: 2px 3px 2px #5c0f8b;
  }

  .p-servicios-pf {
    color: #5c0f8b;
    font-size: 30px;
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 35px;
    padding: 10px;
  }

  .btn-link {
    padding: 20px;
    font-size: 13px;
    font-weight: 400;
    color: #5c0f8b;
    text-decoration: none;
  }

  .img-flecha {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: 20px;
  }

  .ayuda-mifi {
    color: white;
    background: url("../images/S17.jpg") no-repeat right;
    background-size: cover;
    height: 100vh;
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .ayuda-mifi h1 {
    font-size: 75px;
    font-weight: bold;
    text-align: center;
    margin-top: 185px;
    text-shadow: 2px 3px 2px #5c0f8b;
  }

  .preguntas-mifi {
    margin-top: 50px;
    margin-bottom: 45px;
  }

  .preguntas-mifi h2 {
    color: #5c0f8b;
    font-size: 25px;
  }

  .preguntas-mifi-pf {
    margin-top: 5px;
    margin-bottom: 45px;
  }

  .preguntas-mifi-pf h2 {
    color: #5c0f8b;
    font-size: 25px;
  }

  .aviso {
    margin-top: 150px;
    margin-bottom: 50px;
  }

  .banner-sucursales {
    color: white;
    background: url("../images/S14.jpg") no-repeat center top;
    background-size: cover;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 95px;
  }

  .banner-sucursales h1 {
    font-size: 50px;
    font-weight: bold;
    text-shadow: 2px 3px 2px #5c0f8b;
  }

  .sucursales {
    margin-top: 45px;
    margin-bottom: 40px;
  }

  .contenido-sucursales {
    margin-top: 35px;
  }

  .titulo-sucursales {
    color: white;
    font-size: 21px;
    padding: 15px;
    background: #5c0f8b;
    border-radius: 3px;
  }

  .texto-sucursales {
    color: #5c0f8b;
    font-size: 21px;
    padding: 15px;
    background: white;
    border-bottom: 1px solid #5c0f8b;
  }

  .link-sucursales {
    color: #5c0f8b;
  }

  .link-sucursales:hover {
    color: #5c0f8b;
    text-decoration: none;
  }

  .estados {
    color: #5c0f8b;
    background: white;
    border-bottom: 1px solid #5c0f8b;
  }

  .titulo-sucursal {
    font-weight: bold;
    padding-top: 15px;
  }

  .btn-mapa {
    color: #5c0f8b;
    background-color: #2ed9c3;
    border: 1px solid #2ed9c3;
    border-radius: 25px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 19px;
    font-weight: bold;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-bottom: 15px;
  }

  .btn-mapa:hover,
  .btn-mapa:focus {
    color: white;
    background-color: #5c0f8b;
    border: 1px solid #5c0f8b;
    border-radius: 25px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 19px;
    font-weight: bold;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-bottom: 15px;
  }

  .btn-mapa:active {
    color: white;
    background-color: #5c0f8b;
    border: 1px solid #5c0f8b;
    border-radius: 25px;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 19px;
    font-weight: bold;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-bottom: 15px;
  }

  .icon-map {
    width: 30px;
    height: auto;
  }

  .legales {
    margin-top: 150px;
    margin-bottom: 30px;
  }

  .legales h3 {
    font-size: 21px;
  }

  .login {
    color: white;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 89px;
  }

  .contenido-login {
    max-width: 430px;
    height: auto;
    background: rgba(92, 15, 139, 0.9);
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 15px;
    margin-top: 30px;
    margin-bottom: 50px;
  }

  .contenido-login label {
    font-size: 12px;
    font-weight: 400;
  }

  .registro {
    color: white;
    background: url("../images/flogin.jpg") no-repeat center top;
    background-size: cover;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 89px;
  }

  .registro h3 {
    color: #2ed9c3;
    font-size: 21px;
    border-bottom: 3px solid #2ed9c3;
    margin-bottom: 25px;
  }

  .logo-registro {
    width: 135px;
    height: auto;
    padding: 25px;
  }

  .contenido-registro {
    height: auto;
    background: rgba(92, 15, 139, 0.9);
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 15px;
    margin-top: 65px;
    margin-bottom: 50px;
  }

  .contenido-registro label {
    font-size: 12px;
  }

  .contenido-registro a {
    color: #2ed9c3;
    font-size: 15px;
  }

  .espaciado-input2 .form-check-input {
    position: absolute;
    margin-top: 5px;
  }

  .espaciado-input2 .form-check-label {
    position: absolute;
  }

  .espaciado-input2 .form-check {
    position: inherit;
    display: block;
  }

  .btn-registro {
    color: #1e1a34;
    background-color: #2ed9c3;
    border: none;
    padding: 15px 25px;
    font-size: 19px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-bottom: 21px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .btn-registro:hover,
  .btn-registro:focus {
    color: white;
    background-color: #2ed9c3;
    border: none;
    font-size: 19px;
    -webkit-box-shadow: 0px 0px 15px 0px white;
    box-shadow: 0px 0px 15px 0px white;
  }

  .btn-login:active {
    color: white !important;
    background-color: #2ed9c3 !important;
    border: none !important;
    font-size: 19px !important;
    -webkit-box-shadow: 0px 0px 15px 0px white;
    box-shadow: 0px 0px 15px 0px white;
  }

  .recargas {
    margin-top: 140px;
    margin-bottom: 30px;
  }

  .recargas h3 {
    color: #5c0f8b;
    font-size: 17px;
    margin-bottom: 15px;
  }

  .btn-acordeon {
    color: #2ed9c3;
    background: #5c0f8b;
    font-weight: bold;
    border-radius: 50%;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
    margin-left: auto;
    margin-right: 15px;
    margin-bottom: -38px;
  }

  .radio-box-label {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #c6f4ec;
    margin: 8 auto;
    border-radius: 7px;
    -webkit-transition: color, 0.5s;
    transition: color, 0.5s;
    -webkit-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 25px;
  }

  .pago-oxxo h1 {
    font-size: 21px;
    text-align: center;
    font-weight: normal;
  }

  .radio-box-input-paso3 {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }

  .radio-box-label-paso3 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #c6f4ec;
    border-radius: 7px;
    -webkit-transition: color, 0.5s;
    transition: color, 0.5s;
    -webkit-transition-delay: 0s, 0s;
    transition-delay: 0s, 0s;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05), 0 2px 4px rgba(0, 0, 0, 0.05);
    font-size: 16px;
  }

  .radio-box-span-paso3 {
    color: #5c0f8b;
    text-align: center;
    padding: 6px;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
  }

  .radio-box-label-paso3:hover {
    background-color: #1ebca5;
  }

  .radio-box-input-paso3:checked + .radio-box-label-paso3 {
    background-color: #2ed9c3;
  }

  .oferta-encabezado h1 {
    font-weight: bold;
    margin-top: 120px;
    margin-bottom: 0px;
    font-size: 25px;
  }

  .oferta-promo {
    color: white;
    background: url("../images/fondo-promo.jpg") no-repeat center;
    background-size: cover;
    height: auto;
    margin-top: 0px;
  }

  .oferta-promo {
    font-size: 25px;
    font-weight: lighter;
  }

  .oferta-promo h1 {
    font-weight: bold;
    margin-top: 120px;
    margin-bottom: 35px;
    font-size: 35px;
  }

  .paquetes-ofertas h1 {
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 30px;
  }

  .margen-top-ofertas {
    margin-top: 45px;
  }

  .cupon {
    color: white;
    background: url("../images/S5.jpg") no-repeat right;
    background-size: cover;
    height: 70vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 85px;
  }

  .cupon h1 {
    font-size: 35px;
    font-weight: bold;
    text-align: center;
    text-shadow: 2px 3px 2px #5c0f8b;
  }

  .contenido-cupon {
    margin-top: 15px;
    margin-bottom: 45px;
  }

  .titulo-cupon {
    color: #5c0f8b;
    font-size: 15px;
    font-weight: normal;
  }

  .texto-cupon {
    color: #5c0f8b;
    font-size: 19px;
    margin-top: 25px;
  }

  .btn-cupon {
    color: white;
    background-color: #5c0f8b;
    border: transparent;
    border-radius: 7px;
    padding: 10px 35px;
    font-size: 23px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 15px;
  }

  .btn-cupon:hover,
  .btn-cupon:focus {
    color: #5c0f8b;
    background-color: #2ed9c3;
    border: transparent;
    font-size: 23px;
  }

  .btn-cupon:active {
    color: #5c0f8b;
    background-color: #2ed9c3;
    border: transparent;
    font-size: 23px;
  }

  .no-valido-cupon {
    color: white;
    background-color: #ff061e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 7px;
    padding: 15px;
  }

  .no-valido-cupon p {
    font-size: 19px;
    color: white;
  }

  .margen-genero {
    margin-top: 12px;
  }

  .genero p {
    color: #5c0f8b;
    font-size: 19px;
  }

  .seccion-mitelmovil {
    margin-top: 62px;
  }

  .menu-mitelmovil {
    padding: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .menu-mitelmovil img {
    width: 95px;
    height: auto;
    padding-left: 15px;
  }

  .cerrar-sesion {
    margin-left: auto;
    margin-right: 0px;
    margin-top: 19px;
  }

  .cerrar-sesion ul li a {
    color: #2ed9c3;
    font-size: 17px;
    padding: 7px;
    margin: 0px;
    text-decoration: none;
    border-bottom: 5px solid transparent;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
  }

  .cerrar-sesion img {
    width: 35px;
    height: auto;
  }

  .menu-mitelmovil button img {
    width: 55px;
    height: auto;
  }

  .menu-movil {
    border: 0px;
    margin: 0px;
    padding: 0px 15px;
    background: transparent;
  }

  .menu-movil:focus {
    outline: 0;
  }

  .link-estado img {
    width: 25px;
    height: auto;
    padding-left: 0px;
    margin-top: -3px;
  }

  .estado-linea {
    text-align: center;
    margin-top: -5px !important;
  }

  .fondo-link-m {
    background: #5c0f8b;
    padding: 10px;
    border-bottom: 1px solid #2ed9c3;
  }

  .link-recarga {
    color: white;
  }

  .nav-item:hover {
    background-color: #e8e0f7 !important;
    border-radius: 10px !important;
    color: #830cc4 !important;
  }

  .nav-item a:hover {
    color: #830cc4;
  }

  .nav-tabs .nav-link.active,
  .nav-tabs .nav-link {
    color: #495057;
    background-color: #5c0f8b;
    border-color: #5c0f8b #5c0f8b #5c0f8b;
  }

  .nav-tabs .nav-link {
    border-right: 1px solid #5c0f8b;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }

  .nav-tabs {
    border-bottom: 1px solid #5c0f8b;
  }

  #links-movil ul li a {
    display: block;
    padding: 10px 0px;
    text-align: center;
    color: white;
    font-size: 21px;
    text-transform: uppercase;
    border-top: 1px solid #2ed9c3;
    text-decoration: none;
  }

  .icono-mitelmovil img {
    width: 95px;
    height: auto;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .nombre-usuario {
    color: #5c0f8b;
    margin-left: 0px;
  }

  .usuario-mitelmovil {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
  }

  .numero-usuario {
    font-size: 25px;
    margin-top: -15px;
    text-align: center;
  }

  .estado-linea {
    text-align: center;
  }

  .col-der-contenido {
    margin-top: 15px;
    padding-left: 15px;
  }

  .link-img img {
    width: 25px;
    height: auto;
  }

  .link-img-perfil img {
    width: 20px;
    height: auto;
  }

  .link-img-detalles img {
    width: 27px;
    height: auto;
  }

  .link-img-servicio img {
    width: 17px;
    height: auto;
  }

  .link-img-historial img {
    width: 23px;
    height: auto;
  }

  .link-img-cambio img {
    width: 27px;
    height: auto;
  }

  .iconos-centrados {
    margin: 0 auto;
  }

  .acomodo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px;
  }

  .lista-movil {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: #eaeaea;
  }

  .paquete-disponible {
    color: #5c0f8b;
    font-size: 17px;
    font-weight: bold;
    background-color: #85e89a;
    padding: 8px 20px 8px 20px;
  }

  .beneficios-mitelmovil {
    font-size: 19px;
    font-weight: bold;
  }

  .img-beneficios img {
    width: 150px;
    height: auto;
    margin-top: 15px;
  }

  .pleca-card {
    color: white;
    background: #5c0f8b;
    font-size: 17px;
    padding: 15px 20px 15px 20px;
    border-radius: 15px 15px 0px 0px;
  }

  .paq-actual {
    border-bottom: 1px solid #2ed9c3;
  }

  .btn-cambio {
    margin-top: 35px;
  }

  .form-check {
    margin: 0 auto;
  }

  .titulo-cn {
    color: white;
    background: url("../images/S24.jpg") no-repeat center top;
    background-size: cover;
    height: 85vh;
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .titulo-cn h1 {
    font-size: 55px;
    font-weight: bold;
    text-align: center;
    margin-top: 85px;
    text-shadow: 2px 3px 2px #5c0f8b;
  }

  .contenido-cambio {
    color: #5c0f8b;
    font-size: 17px;
    font-weight: 400;
  }

  .contenido-form label {
    color: #5c0f8b;
    font-size: 16px;
  }

  .caja-select {
    margin-top: 15px;
  }

  .caja-select::after {
    content: "\025be";
    display: table-cell;
    padding-top: 7px;
    text-align: center;
    width: 30px;
    height: 30px;
    position: absolute;
    background: white;
    top: 34px;
    right: 19px;
    pointer-events: none;
  }

  .formulario-kuesky {
    margin-top: 155px;
  }

  .img-tarjetak {
    width: 65px;
    height: auto;
    margin-bottom: 25px;
  }

  .titulo-fkuesky {
    color: #5c0f8b;
    font-size: 21px;
  }

  .venta-sim {
    margin-top: 110px;
    margin-bottom: 100px;
  }

  .ajustar-sim {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .chip-img {
    width: 45px;
    height: auto;
    margin-left: 1px;
  }

  .contenido-chip {
    margin-top: 25px;
  }

  .titulo-sim h1 {
    color: #5c0f8b;
    font-size: 35px;
    font-weight: bolder;
  }

  .titulo-sim p {
    color: #5c0f8b;
    font-size: 15px;
  }

  .titulo-sim p span {
    font-size: 15px;
    font-weight: bold;
  }

  .margen-d-sim {
    margin-top: 25px;
  }

  .lista-beneficios1 {
    color: #5c0f8b;
    background: #c6f4ec;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
  }

  .lista-beneficios2 {
    color: #5c0f8b;
    background: #edf9f7;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
  }

  .leyenda-activar {
    font-size: 12px !important;
  }

  /* CARRUSEL */
  .carrusel h1 {
    color: #5c0f8b;
    font-size: 30px;
    font-weight: bold;
  }

  /* TUTORIALES */
  .tit-tutos {
    color: white;
    font-size: 35px;
    font-weight: 700;
    margin-top: 0px;
    line-height: 50px;
    margin-bottom: 0px;
    text-shadow: 3px 3px 0px #2ed9c3;
    letter-spacing: 5px;
  }

  .margen-tuto {
    margin-top: 120px;
  }

  .tit-tutos2 {
    color: white;
    font-size: 45px;
    font-weight: 700;
    line-height: 50px;
    margin-bottom: 0px;
    text-shadow: 3px 3px 0px #2ed9c3;
    letter-spacing: 5px;
  }

  /* PREPLANES */
  .titulo-preplanes {
    font-size: 45px;
    margin: 45px 0 65px 0;
  }

  .titulo-preplanes-gen {
    font-size: 45px;
    margin: 0 0 65px 0;
  }

  /* BAJA */
  .titulo-baja {
    color: white;
    background: url("../images/f-baja.jpg") no-repeat center top;
    background-size: cover;
    height: 50vh;
    margin-top: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .titulo-baja h1 {
    font-size: 50px;
    font-weight: bold;
    text-align: center;
    margin-top: 85px;
    text-shadow: 2px 3px 2px #5c0f8b;
  }

  .contenido-baja {
    margin-top: 30px;
  }

  .contenido-baja h2 {
    font-size: 19px;
    text-align: center;
  }

  .contenido-baja p {
    text-align: center;
  }

  .tc-baja .form-check-input {
    margin-top: 0.4rem;
  }

  .pie {
    padding-top: 25px;
  }

  .logo-footer {
    width: 180px;
    height: auto;
    margin-top: 15px;
    margin-bottom: 35px;
  }

  .pagos {
    margin-top: 25px;
    text-align: left !important;
  }

  #links-legales {
    margin-top: 35px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    text-align: center;
  }

  #links-legales ul {
    padding-left: 0px;
  }

  #direccion-m {
    margin-top: 25px;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .pie .direccion {
    color: white;
    font-weight: lighter;
    text-align: center;
  }

  .pie .aclientes {
    color: white;
    font-weight: lighter;
    text-align: center;
  }

  .btn-sube {
    position: fixed;
    bottom: 17px;
    right: 21px;
    text-decoration: none;
    z-index: 99999;
    line-height: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .btn-sube:hover {
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 15px 0px white;
    box-shadow: 0px 0px 15px 0px white;
    background: white;
  }

  .btn-sube img {
    width: 35px;
    height: auto;
  }

  .btn-whats {
    position: fixed;
    bottom: 65px;
    right: 19px;
    text-decoration: none;
    z-index: 99999;
    line-height: 0;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }

  .btn-whats:hover {
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 15px 0px white;
    box-shadow: 0px 0px 15px 0px white;
    background: white;
  }

  .btn-whats img {
    width: 38px;
    height: auto;
  }

  /* + MEGAS */
  .megas-extra {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 127px;
  }

  #img-megas {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  #recarga-m {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .txt1-megas {
    color: white;
    font-size: 25px;
  }

  .txt-megas {
    color: white;
    font-size: 45px;
    font-weight: bold;
  }

  .txt-extra {
    color: white;
    font-size: 55px;
    font-weight: bold;
    margin-top: -35px;
  }

  .titulo1 {
    color: white;
    font-size: 25px;
    padding-top: 15px;
  }

  .titulof {
    color: white;
    font-size: 25px;
    font-weight: bold;
    padding: 21px 20px;
  }

  .titulo-recomendacion {
    color: white;
    font-size: 25px;
    font-weight: normal;
    padding: 0px;
  }

  .logo-telmovb {
    width: 270px;
    height: auto;
    margin-top: 25px;
  }
}
@media (max-width: 330px) {
  .link-img img {
    width: 23px;
    height: auto;
  }

  .link-img-perfil img {
    width: 18px;
    height: auto;
  }

  .link-img-detalles img {
    width: 25px;
    height: auto;
  }

  .link-img-servicio img {
    width: 16px;
    height: auto;
  }

  .link-img-historial img {
    width: 21px;
    height: auto;
  }

  .link-img-cambio img {
    width: 24px;
    height: auto;
  }

  .iconos-centrados {
    margin: 0 auto;
  }

  .acomodo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0px;
  }
}

@media only screen and (min-width: 992px) {
  .sub .sub-menu .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    margin-top: 0;
  }

  .sub .dropdown-menu.fade-down {
    top: 80%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
  }

  .sub .dropdown-menu.fade-up {
    top: 180%;
  }

  .sub .sub-menu:hover .dropdown-menu {
    transition: 0.3s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: rotateX(0deg);
  }
  .sub .dropdown-menu.fade-up a {
    border-bottom: none;
    margin: 0px;
    padding: 10px 20px;
  }
  .dropdown-item:active {
    color: #5c0f8b !important;
    padding: 10px 20px;
    text-decoration: none;
    background-color: transparent;
  }
  .dropdown-item:hover,
  .dropdown-item:focus {
    color: #830cc4 !important;
    padding: 8px 20px;
    text-decoration: none;
    background-color: #e8e0f7;
    border-radius: 0 !important;
  }
}
.btn-app {
  margin-top: -5px;
}
.btn-app a:hover {
  margin-top: -5px;
  border-bottom: transparent !important;
}
.img-app {
  width: 60px !important;
  height: auto;
}
.img-app-footer {
  width: 70px !important;
  height: auto;
  border: 2px solid white;
  border-radius: 12px;
}
.ofertas-pre {
  margin: 50px 0px 30px 0px;
}
.ofertas-pre h1 {
  color: #5c0f8b;
  font-size: 45px;
  font-weight: bold;
}
.alinea-btns {
  display: flex;
  align-items: center;
  justify-content: center;
}
.centrar {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.img-ofertas {
  width: 200px !important;
  height: auto;
}
.txt-datos {
  line-height: 50px;
  font-size: 21px !important;
  font-weight: bold;
  margin-bottom: 0px;
  text-shadow: 3px 3px 0px #2ed9c3;
  letter-spacing: 5px;
}
.icons-redes {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.modal-title {
  color: white;
}
.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  left: -70px;
  top: 40%;
}
.owl-carousel .owl-nav button.owl-next {
  position: absolute;
  right: -70px;
  top: 40%;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
  background: #f1dffc;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
}
.sec-form {
  padding: 70px 0px 70px 0px;
  background: white;
}
.caja-form {
  color: #5c0f8b;
  padding: 30px 30px 40px 30px;
  border-radius: 25px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
.img-form {
  width: auto;
  height: 575px;
}
.fx-img::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
  height: 20%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  pointer-events: none;
}
.fx-img2::after {
  content: "";
  position: absolute;
  bottom: 15px;
  left: 5px;
  width: 100%;
  height: 20%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  pointer-events: none;
}
.footer-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1200px;
  width: 100%;
}
.pie {
  display: flex;
  justify-content: center;
  /*background: #5C0F8B;*/
  background: #efeded;
  padding: 35px 0px 0px 0px;
}

.pie p {
  color: #333;
}

.pie ul li {
  padding-top: 10px;
  list-style: none;
}

.pie a {
  color: #333;
  font-weight: lighter;
  text-decoration: none;
}

.footer-left {
  font-weight: lighter;
  flex: 0 1 25%;
  padding-right: 30px;
}
.footer-links {
  color: #333;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  flex: 0 1 70%;
}
.footer-links ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  flex: 0 1 calc(20% - 20px);
}
.img-apps {
  width: 120px;
  height: auto;
}
.footer-bottom {
  /*background: #5C0F8B;*/
  background: #efeded;
  max-width: 1200px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0px 50px 0px;
}
.footer-section {
  flex: 1 1 22%;
  text-align: center;
}
.footer-section img {
  margin: 5px;
}
.img-footer {
  width: 60px;
  height: auto;
}
/**/
.encabezado a #logo-blanco {
  display: none;
}
.pie #logo-f-blanco {
  display: none;
}
.img-master {
  width: 57px;
  height: auto;
  border-radius: 9px;
}
.img-profeco {
  width: 105px;
  height: auto;
}
.img-redes {
  width: 35px;
  height: auto;
}
.copy {
  /*background: #5C0F8B;*/
  background: #efeded;
  padding: 25px 0px 15px 0px;
  border-top: 1px solid #2ed9c3;
}
.copy h6 {
  color: #333;
}
.derechos {
  color: #302f4a;
  font-weight: lighter;
  background-color: #3ddbc0;
}
.btn-pop .close {
  color: #000;
  font-size: 35px;
  position: absolute;
  right: 10px;
  top: 2px;
  z-index: 9;
}
/* SWITCH */
.switch {
  width: 60px;
  height: 30px;
  padding: 0px 5px;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: space-between;
  bottom: 25px;
  left: 30px;
  border: 2px solid #333;
  border-radius: 100px;
  background: #132b41;
  text-decoration: none;
  z-index: 99999;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  cursor: pointer;
}
.switch i {
  font-size: 15px;
  color: #fdc21c;
}
.switch::before {
  content: "";
  position: absolute;
  width: 25px;
  height: 25px;
  border: solid thin black;
  border-radius: 50%;
  background: white;
  left: 0px;
  right: unset;
}
.switch.active::before {
  right: 0px;
  left: unset;
  border: solid thin white;
}
.btn-sun {
  width: 20px;
  height: auto;
}
.btn-moon {
  width: 20px;
  height: auto;
}
/**/
body.active {
  background: #000;
}
body.active .sticky-top {
  background: #000 !important;
  color: white !important;
}

body.active .sticky-top a {
  color: white !important;
}
body.active .encabezado {
  background: #000 !important;
}
body.active .encabezado #logo-normal {
  display: none;
}
body.active .encabezado #logo-blanco {
  display: block;
}

body.active .encabezado button {
  color: white;
}

body.active .encabezado a {
  color: white;
}
body.active .encabezado a:hover {
  color: #5c0f8b;
}
body.active .encabezado .menu-principal ul li.active a {
  color: white;
}
body.active .encabezado .dropdown-item {
  color: #5c0f8b !important;
}
body.active .encabezado .dropdown-item:hover {
  color: #5c0f8b !important;
}
body.active #menu-movil a {
  color: white;
}
body.active .ofertas-pre {
  background: #000;
}
body.active .ofertas-pre h1 {
  color: white;
}
body.active .ofertas-pre h2 {
  color: white;
}
body.active .carrusel h1 {
  color: white;
}
body.active .carrusel h1 {
  color: white;
}
body.active .carrusel h2 {
  color: white;
}
body.active .sec-form {
  background: #000;
}
body.active .sec-form .caja-form {
  background: white;
}
body.active .sec-form .fx-img::after,
body.active .sec-form .fx-img2::after {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

/* Footer modo obscuro */
body.active .footer {
  background-color: #000;
}
/* Footer modo obscuro */
body.active .pie {
  background: #000;
}
body.active .pie p,
body.active .pie .footer-links ul li strong,
body.active .pie .footer-links ul li a {
  color: white;
}
body.active .copy h6 {
  color: white;
}
body.active .pie #logo-f-normal {
  display: none;
}
body.active .pie #logo-f-blanco {
  display: block;
}
body.active .footer-bottom {
  background: #000;
}
body.active .copy {
  background: #000;
}
body.active .titulo-puntos h1,
body.active .titulo-puntos a,
body.active .titulo-puntos p {
  color: white;
}
body.active .titulo-cobertura,
body.active .titulo-cobertura h1,
body.active .titulo-cobertura p {
  color: white;
}
body.active .portabilidad h1,
body.active .portabilidad h2,
body.active .portabilidad h3,
body.active .portabilidad h4,
body.active .portabilidad p,
body.active .portabilidad ul li {
  color: white;
}
body.active .comunicate {
  color: white;
}
body.active .comunicate a {
  color: white;
}
body.active .ayuda-servicios p {
  color: white;
}
body.active .terminos {
  color: white;
}
body.active .terminos a,
body.active .terminos p {
  color: white;
}
body.active .aviso,
body.active .aviso a,
body.active .aviso p,
body.active .aviso span {
  color: white;
}
body.active .terminos {
  color: white;
}
body.active .contenido-nosotros p {
  color: white;
}
body.active .preguntas h2 {
  color: white;
}
body.active .manuales-movil {
  color: white;
  background: #000;
}
body.active .contenido-cambio,
body.active .contenido-cambio h2,
body.active .contenido-cambio p {
  color: white;
}
body.active .recargas h2 {
  color: white;
}
body.active .formulario-kuesky h2 {
  color: white;
}
body.active .pago-exitoso span {
  color: white;
}
body.active .pago-error span {
  color: white;
}
.owl-theme .owl-dots .owl-dot span {
  width: 17px;
  height: 17px;
}
body.active .contenido-carrusel .owl-stage-outer {
  background: white;
  border-radius: 7px;
}
body.active .compatibilidad span,
body.active .compatibilidad h2,
body.active .compatibilidad p {
  color: white;
}
body.active .banner-compatibilidad h1 {
  color: white;
}

body.active .text-purple {
  color: #d58dfd !important;
}

body.active .navbar .btn-mi-telmovil {
  color: #d58dfd !important;
}

@media only screen and (max-width: 720px) {
  .btn-app {
    margin-top: 15px;
  }
  .ofertas-pre h1 {
    color: #5c0f8b;
    font-size: 25px;
    font-weight: bold;
  }
  .owl-carousel .owl-nav button.owl-prev {
    display: none;
  }
  .owl-carousel .owl-nav button.owl-next {
    display: none;
  }
  .pie {
    display: flex;
    justify-content: center;
    padding-top: 15px;
  }
  .footer-container {
    flex-direction: column;
    align-items: center;
  }
  .footer-left {
    padding-right: 0;
    text-align: center;
  }
  .footer-links {
    display: block;
    width: 100%;
  }
  .footer-bottom {
    flex-direction: column;
    align-items: center;
  }
  .footer-links ul li {
    text-align: center;
  }
  /* SWITCH */
  .switch {
    width: 60px;
    height: 30px;
    padding: 0px 5px;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: space-between;
    bottom: 45px;
    left: 15px;
    border: 2px solid #333;
    border-radius: 100px;
    background: #132b41;
    text-decoration: none;
    z-index: 99999;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    cursor: pointer;
  }
}

/*# sourceMappingURL=estilos.css.map */

/* NUEVOES ESTILOS NAVBAR  */

.text-purple {
  color: #611284 !important;
  font-weight: 600 !important;
}

.nav-link.text-purple {
  color: #611284 !important;
  font-weight: 600 !important;
}

.btn-mi-telmovil {
  font-size: 16px !important;
}

.topbar-logos {
  color: #666666;
  font-size: 15px;
}

.navbar {
  position: fixed; /* Para que la Navbar también sea sticky */
  top: 36px; /* Mantiene la navbar en la parte superior */
  z-index: 1040; /* Navbar debajo del Top Bar */
  width: 100%;
  font-size: 14px;
  /* height: 10vh; */
  height: auto; /* Ajustar altura automáticamente */
  padding: 4px 10px !important;
}

.nav-link {
  color: #000 !important;
}

.navbar-brand img {
  display: block; /* Asegúrate de que no esté en none */
  visibility: visible; /* Asegúrate de que no esté en hidden */
  max-height: 48px;
  height: auto;
}

.navbar-toggler {
  border: none !important;
}

.navbar-toggler:focus {
  box-shadow: none !important;
}

#nav-hamburguer {
  color: #5c0f8b !important;
  font-weight: bolder !important;
}

.btn-telmov-new {
  width: 130px;
  height: 30px;
  background-color: #5c068c !important;
  color: white !important;
  border-radius: 30px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  padding: 4px !important;
}

.btn-telmov-new:hover {
  background-color: #47046b !important;
}

.btn-telmov-pay {
  width: 130px;
  height: 30px;
  background-color: #aac25b !important;
  color: #0f4c77 !important;
  border-radius: 30px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 4px !important;
}

.btn-telmov-pay:hover {
  background-color: #8ca147 !important;
}

.btn-antenabay {
  width: 130px;
  height: 30px;
  background-color: #2d3687 !important;
  color: white !important;
  border-radius: 30px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  padding: 4px !important;
}

.btn-antenabay:hover {
  background-color: #1c2362 !important;
}

.btn-telmov-movil {
  width: 100px !important;
  margin-top: 10px;
  margin-left: 0px !important;
  background-color: #47d7ac !important;
  color: #5c068c !important;
  border-radius: 12px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  padding: 8px 20px !important;
}

.btn-telmov-movil:hover {
  background-color: #37b87f !important;
}

/* NUEVO FOOTER  */

/* Footer Styles */
.footer {
  background-color: #302f4a;
  color: #fff;
  padding: 40px 0;
}

.footer i {
  color: #fff;
  font-size: 20px !important;
  text-decoration: none;
}

.footer a {
  color: #fff;
  text-decoration: none;
}

.footer a:hover {
  text-decoration: underline;
}

.footer h5 {
  margin-bottom: 20px;
}

.footer-logos img {
  max-height: 50px;
  margin-right: 10px;
}

.payment-logos img {
  max-height: 40px;
  margin-right: 5px;
}

.footer-hr {
  border: none !important; /* Elimina el borde por defecto */
  border-top: 0.5px solid #fff !important; /* Línea delgada */
  margin: 15px 60px !important;
}

.footer ul {
  margin-right: 12px;
}

.footer ul li {
  font-weight: 300;
  font-size: 14px !important;
  margin: 7px 0px;
}

.dropdown-item.active,
.dropdown-item:active {
  color: black !important;
  background-color: #e8e0f7 !important;
}

.plan3-img {
  height: 3em; /* igual al tamaño del texto para mantener proporción */
  vertical-align: middle; /* alinear con el texto */
  display: inline-block;
}

/* -------------------- */

/* Contenedor por estado (fila) */
.fila-estado {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d8f5f3;
}

/* Estado alineado a la izquierda */
.estado-nombre {
    font-size: 18px;
    font-weight: 600;
    color: #4a4a4a;
    flex: 1;
}

/* Botón a la derecha */
.btn-municipios {
    background: #6428A6;
    color: #fff;
    border: none;
    padding: 8px 14px;
    border-radius: 10px;
    font-size: 14px;
    cursor: pointer;
    white-space: nowrap;
    transition: all .2s ease;
    margin-left: 10px;
}

.btn-municipios:hover {
    opacity: 0.85;
}

.btn-municipios:focus {
    outline: none;
    box-shadow: none;
}

/* Lista de municipios */
.municipios-container {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height .35s ease, opacity .25s ease;
    margin-bottom: 20px;
}

.lista-municipios {
    list-style: none;
    padding-left: 0;
}

.lista-municipios li {
    padding: 5px 0;
    font-size: 15px;
    border-left: 2px solid #76ded9;
    padding-left: 10px;
    margin-bottom: 5px;
    color: #444;
}

/* Contenedor animado */
.municipios-container {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height .35s ease, opacity .25s ease;
}

/* Cuando está visible */
.municipios-container.show {
    opacity: 1;
    max-height: 600px; /* lo suficiente para municipios */
}

.link-zonas {
    font-size: 14px;
    color: #555;
}

.a-zonas {
    color: #6428A6;
    font-weight: 600;
    text-decoration: underline;
}

.a-zonas:hover {
    text-decoration: none;
    opacity: 0.85;
}

/* Ajustes para móvil */
@media (max-width: 768px) {
    .fila-estado {
        flex-direction: column;
        align-items: flex-start;
    }

    .btn-municipios {
        margin-top: 6px;
        margin-left: 0;
    }

    .estado-nombre {
        font-size: 16px;
    }
}