.logoPartner {
  width: 30%;
}

.logoPieAda {
  width: 20%;
}
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .logoFooterAda {
    max-width: 50%;
    margin: 30px 0 10px 0;
  }

  .alturaFooter {
    margin-top: 80px;
  }

  .espaciotf {
    height: auto;
    margin-top: 0;
  }

  .posicionLogoHeader {
    margin-top: 120px;
  }

  .posicionLogoHeader_o {
    margin-top: 160px;
    margin-bottom: 110px;
  }

  .tamaniologo {
    max-width: 55%;
  }

  .tamaniologo_o {
    max-width: 52%;
  }

  #espacioCajaHeader {
    margin-top: -140px !important;
  }

  #espacioCajaHeader_o {
    margin-top: -160px;
    text-align: right;
  }

  .tamanionombre {
    font-size: 1.1em;
    margin-top: 0.6em;
  }

  .espacioCajaEslogan {
    height: 80px !important;
    margin-top: 0.8rem;
  }

  .textoInversion {
    font-size: 0.9em;
    text-align: center;
  }

  .caja-logo-empresa {
    max-width: 130px;
  }

  .caja-pantalla {
    max-width: 180px;
  }

  .tamanioTextoContacto {
    font-size: 1em !important;
  }

  .tamanioFaContacto {
    font-size: 1.2em !important;
  }

  .caja-fa-contacto {
    width: 24px !important;
  }

  .gg {
    margin-bottom: 0;
  }

  .textoCajaContacto {
    font-size: 1.6em;
    margin-bottom: 0.2em !important;
  }

  .logoPartner {
    width: 70%;
  }

  .logoPieAda {
    width: 50%;
  }
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .logoFooterAda {
    max-width: 30%;
    margin: 30px 0 10px 0;
  }

  .alturaFooter {
    margin-top: 100px;
  }

  .espaciotf {
    height: auto;
    margin-top: 0;
  }

  .posicionLogoHeader {
    margin-top: 120px;
  }

  .posicionLogoHeader_o {
    margin-top: 130px;
  }

  .tamaniologo {
    max-width: 38%;
  }

  .tamaniologo_o {
    max-width: 42%;
    margin-bottom: 20%;
  }

  #espacioCajaHeader {
    margin-top: -190px !important;
  }

  #espacioCajaHeader_o {
    margin-top: -160px;
    text-align: right;
  }

  .tamanionombre {
    font-size: 1.3em;
    margin-top: 0.6em;
  }

  .espacioCajaEslogan {
    height: 60px !important;
    margin-top: 0.8rem;
  }

  .textoInversion {
    font-size: 0.9em;
    text-align: center;
  }

  .caja-logo-empresa {
    max-width: 230px;
  }

  .caja-pantalla {
    max-width: 280px;
  }

  .tamanioTextoContacto {
    font-size: 0.9em !important;
  }

  .tamanioFaContacto {
    font-size: 1.5em !important;
  }

  .caja-fa-contacto {
    width: 24px !important;
  }

  .textoCajaContacto {
    font-size: 1.6em;
    margin-bottom: 0.2em !important;
  }

  .logoPartner {
    width: 70%;
  }

  .logoPieAda {
    width: 50%;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .logoFooterAda {
    max-width: 70%;
    margin: 0;
  }

  .alturaFooter {
    margin-top: 100px;
  }

  .espaciotf {
    height: 60px;
  }

  .posicionLogoHeader {
    margin-top: 110px;
  }

  .posicionLogoHeader_o {
    margin-top: 130px;
  }

  .tamaniologo {
    max-width: 40%;
  }

  .tamaniologo_o {
    max-width: 32%;
    margin-bottom: 14%;
  }

  #espacioCajaHeader {
    margin-top: -160px;
  }

  #espacioCajaHeader_o {
    margin-top: -160px;
    text-align: right;
  }

  .tamanionombre {
    font-size: 1.3em;
    margin-top: 0.6em;
  }

  .espacioCajaEslogan {
    height: 60px !important;
    margin-top: 1rem;
  }

  .textoInversion {
    font-size: 0.9em;
    text-align: center;
  }

  .caja-logo-empresa {
    max-width: 230px;
  }

  .caja-pantalla {
    max-width: 280px;
  }

  .tamanioTextoContacto {
    font-size: 1em !important;
  }

  .tamanioFaContacto {
    font-size: 1.5em !important;
  }

  .caja-fa-contacto {
    width: 24px !important;
  }

  .textoCajaContacto {
    font-size: 1.6em;
    margin-bottom: 0.2em !important;
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .logoFooterAda {
    max-width: 50%;
    margin: 0;
  }

  .espaciotf {
    height: 60px;
  }

  .posicionLogoHeader {
    margin-top: 130px;
  }

  .posicionLogoHeader_o {
    margin-top: 170px;
  }

  .tamaniologo {
    max-width: 32%;
  }

  .tamanionombre {
    font-size: 1.5em;
    margin-top: 0.6em;
  }

  .alturaFooter {
    margin-top: 100px;
  }

  .tamaniologo_o {
    max-width: 25%;
    margin-bottom: 6%;
  }

  #espacioCajaHeader {
    margin-top: -170px;
    text-align: right;
  }

  #espacioCajaHeader_o {
    margin-top: -120px;
    text-align: right;
  }

  .espacioCajaEslogan {
    height: 60px !important;
    margin-top: 1rem;
  }

  .textoInversion {
    font-size: 0.9em;
  }

  .caja-logo-empresa {
    max-width: 230px;
  }

  .caja-pantalla {
    max-width: 280px;
  }

  .tamanioTextoContacto {
    font-size: 1em !important;
  }

  .tamanioFaContacto {
    font-size: 1.5em !important;
  }

  .caja-fa-contacto {
    width: 32px !important;
  }

  .textoCajaContacto {
    font-size: 1.6em;
    margin-bottom: 0.2em !important;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .logoFooterAda {
    max-width: 50%;
    margin: 0 0 20px 0;
  }

  .posicionLogoHeader {
    margin-top: 130px;
  }

  .posicionLogoHeader_o {
    margin-top: 130px;
  }

  .tamaniologo {
    max-width: 32%;
  }

  .tamaniologo_o {
    max-width: 20%;
    margin-bottom: 8%;
  }

  .tamanionombre {
    font-size: 1.5em;
    margin-top: 0.6em;
  }

  .alturaFooter {
    margin-top: 150px;
  }

  .espaciotf {
    height: 90px;
  }

  #espacioCajaHeader {
    margin-top: -160px;
    text-align: right;
  }

  #espacioCajaHeader_o {
    margin-top: -160px;
    text-align: right;
  }

  .espacioCajaEslogan {
    height: 60px !important;
    margin-top: 1rem;
  }

  .textoInversion {
    font-size: 0.9em;
  }

  .caja-logo-empresa {
    max-width: 230px;
  }

  .caja-pantalla {
    max-width: 280px;
  }

  .tamanioTextoContacto {
    font-size: 1.2em !important;
  }

  .tamanioFaContacto {
    font-size: 1.8em !important;
  }

  .caja-fa-contacto {
    width: 32px !important;
  }

  .textoCajaContacto {
    font-size: 1.8em;
    margin-bottom: 0.2em !important;
  }
}

.background_image_header_o {
  background-repeat: no-repeat !important;
  background-size: 100% !important;
  background-position-x: center !important;
  background-position-y: center !important;
}

.product-page .page-header_o {
  min-height: 46vh;
  height: auto;
  background-position: top;
  background-size: cover !important;
}

.textoInversion {
  line-height: 1.3em;
  font-weight: normal;
  font-style: italic;
  margin-bottom: 120px;
  margin-top: 10px;
  font-family: "Roboto Slab", "Times New Roman", serif;
  text-shadow: 0 1px 2px rgb(70 65 65 / 80%);
}

.tamanionombre {
  text-shadow: 0 1px 3px rgb(2 0 1 / 30%);
  font-family: "Roboto Slab", "Times New Roman", serif;
  line-height: 1em;
  text-transform: inherit;
  color: #062a47;
  font-size: 1.4em;
}

.tamaniotextocontrole {
  text-shadow: 0 1px 3px rgb(2 0 1 / 30%);
  font-family: "Roboto Slab", "Times New Roman", serif;
  line-height: 1.3em;
  text-transform: uppercase;
  color: #fff;
  font-size: 1.4em;
}

.type-text {
  font-family: "Roboto", sans-serif;
  font-size: 2.7em !important;
  line-height: 1em !important;
  height: 100px;
  /*text-shadow: 1px 1px 3px rgba(0,0,0,0.2);*/
  font-weight: 500;
}

.type-text-color {
  background: linear-gradient(
    90deg,
    #0f52ba 20%,
    #73c2fb 40%,
    #0f52ba 60%,
    #73c2fb 80%,
    #0f52ba
  );
  background-size: 200% auto;
  padding-right: 5px;
  color: #fff;
  caret-color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: glimmer 5s linear infinite;
  animation: glimmer 5s linear infinite;
}

.header-title-accent {
  background: linear-gradient(
    90deg,
    #ffffff 20%,
    #7cd5ff 40%,
    #ffffff 60%,
    #ffc168 80%,
    #ffffff
  );
  /*background: linear-gradient(90deg, #0f52ba 20%, #73c2fb 40%, #0f52ba 60%, #73c2fb 80%, #0f52ba);*/
  background-size: 200% auto;
  padding-right: 5px;
  color: #fff;
  caret-color: #fff;
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-animation: glimmer 5s linear infinite;
  animation: glimmer 5s linear infinite;
}

.header-title-accent:after {
  content: "";
  display: inline-block;
  background: #7ec8d9;
  line-height: 17px;
  margin-left: 3px;
  -webkit-animation: cursor-blink 0.8s infinite;
  animation: cursor-blink 0.8s infinite;
  width: 7px;
  height: 28px;
  position: relative;
  top: 5px;
  left: 4px;
}

.header-title-accent:focus {
  outline: none;
}

.header-title-accent:focus:after {
  content: none;
}

.font-type-text {
  font-size: 1.4em !important;
  font-family: "Roboto Slab", "Times New Roman", serif;
  font-weight: 600;
}

@-webkit-keyframes glimmer {
  to {
    background-position: 200%;
  }
}

@keyframes glimmer {
  to {
    background-position: 200%;
  }
}

@-webkit-keyframes cursor-blink {
  0% {
    background: 0 0;
  }

  50% {
    background: #73c2fb;
  }

  to {
    background: 0 0;
  }
}

@keyframes cursor-blink {
  0% {
    background: 0 0;
  }

  50% {
    background: #73c2fb;
  }

  to {
    background: 0 0;
  }
}

.fa-check-uno {
  color: #21af90;
}

.fa-check-dos {
  color: #38adf9;
}

.fa-check-tres {
  color: #f19d1c;
}

.fa-check-cuatro {
  color: #e43c3c;
}

.li-acerca {
  margin-bottom: 0.5em;
  text-align: left;
}

.bg-gradient-dark {
  /*background: linear-gradient(60deg, rgba(0, 138, 255, .56), rgba(240, 98, 146, .95)); */
  background: -webkit-linear-gradient(
    330deg,
    rgb(25 149 255 / 70%),
    rgb(0 67 167 / 78%)
  );
  background: -o-linear-gradient(
    330deg,
    rgb(25 149 255 / 70%),
    rgb(0 67 167 / 78%)
  );
  background: linear-gradient(
    60deg,
    rgb(25 149 255 / 70%),
    rgb(0 67 167 / 78%)
  );
}

.li-fa-contenido {
  display: flex;
  justify-content: center;
}

.texto-li-fa-contenido {
  color: #072a4e;
}

.fa-contacto {
  font-size: 0.9em;
  margin-right: 12px;
}

.fa-alineacion {
  display: flex !important;
  align-items: center;
  margin-bottom: 0em;
}

.fa-menu {
  font-size: 0.4em;
  line-height: 4em;
  margin-right: 12px;
  color: #002089 !important;
  transition: all 250ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

.fa-menu-enlace {
  font-size: 0.9em;
  color: #002042 !important;
  font-weight: 500;
  text-transform: inherit;
  transition: all 250ms cubic-bezier(0.25, 0.25, 0.75, 0.75);
  /* linear */
}

.fa-menu-enlace:hover {
  color: #fff !important;
}

.fa-contacto-texto {
  font-size: 1em;
  color: #002042 !important;
  font-weight: 500;
}

.lineaSeparadora {
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px dashed rgba(255, 255, 255, 0.4);
  /* border-top: 1px solid rgba(0, 0, 0, .1); */
  margin: 30px 15px 0 15px;
  height: 0;
}

.fa-color-quote:before {
  background: -webkit-linear-gradient(#ffaecc, #e36894);
  background: -o-linear-gradient(#ffaecc, #e36894);
  background: linear-gradient(#ffaecc, #e36894);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.logoTextoAda {
  font-weight: 500;
  color: #00173a !important;
  font-size: 0.9em !important;
}

.logoTextoAdaPunto {
  color: #ff85b0;
}

.espacioCheck_o {
  height: 10px;
  width: 100%;
}

.colorFaCheck_o {
  color: #95c6ef;
}

.colorFaCheck_o_rosado {
  color: #ffcbdf;
}

.colorFaCheck_o_azul {
  color: #fff;
}

.fa_deco_o {
  font-size: 4em;
  background: -webkit-linear-gradient(#95c6ef, #65a9e0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fa_deco_o_rosado {
  font-size: 4em;
  background: -webkit-linear-gradient(#fd99be, #de6794);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.fa_deco_o_azul {
  font-size: 4em;
  color: #fff;
}

.card.bg-primary-o {
  background: -webkit-linear-gradient(330deg, #e49dbb, #e46693);
  background: -o-linear-gradient(330deg, #e49dbb, #e46693);
  background: linear-gradient(60deg, #e49dbb, #e46693);
}

.card.bg-primary-o-azul {
  background: -webkit-linear-gradient(330deg, #8fc2ed, #69abe1);
  background: -o-linear-gradient(330deg, #8fc2ed, #69abe1);
  background: linear-gradient(60deg, #8fc2ed, #69abe1);
}

.fa_deco_o_blanco {
  font-size: 4em;
  color: #fff;
}

.colorFaCheck_o_blanco {
  color: #fff;
}

.gg {
  display: table;
  width: 100%;
  vertical-align: middle;
  margin-bottom: 1.1em;
}

.gg-col {
  display: table-cell;
  vertical-align: inherit;
}

.gg-col {
  display: table-cell;
  vertical-align: inherit;
}

.padding-left {
  padding-left: 10px !important;
}

.card-header-primary-o {
  background: linear-gradient(60deg, #2f78e3, #3373ce) !important;
}

.caja-fa-contacto {
  width: 50px;
  text-align: center;
}

.texto-fa-contacto {
  font-family: Roboto, Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 1.1em;
  color: #636d7b;
}

.caja-logo-empresa {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  padding: 3px;
  margin: 0;
}

.img-logo-empresa {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
}

.padding-logo-empresa {
  padding: 1px !important;
}

.caja-inicial-lightbox {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  padding: 3px;
  max-width: 240px;
}

.caja-lightbox {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
}

.caja-pantalla {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  padding: 3px;
  margin: 0;
}

.padding-pantalla {
  padding: 1px !important;
}

.img-pantalla {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
}

.textoDatoRequerido {
  font-size: 0.9rem !important;
  text-transform: inherit;
}

.colorAsterisco {
  color: #f388ac;
}

.colorAsteriscoM {
  color: #fff;
  font-size: 1.4em;
}

.btn-primary-disabled,
.btn-primary-disabled:hover,
.btn-primary-disabled:active {
  color: #fff;
  background-color: #cacaca;
  border-color: #bdbdbd;
  box-shadow: none;
}

.espacioMini {
  height: 36px;
}

.btn.btn-descargar {
  color: #fff;
  background-color: #73bef7;
  border-color: #55acee;
  box-shadow: 0 2px 2px 0 rgb(24 117 187 / 14%),
    0 3px 1px -2px rgb(13 97 160 / 20%), 0 1px 5px 0 rgb(12 98 162 / 12%);
  font-size: 0.9em;
}

.btn.btn-descargar:hover {
  background-color: #f5c461;
  border-color: #55acee;
  box-shadow: 0 2px 2px 0 rgb(3 82 142 / 14%),
    0 3px 1px -2px rgb(3 65 111 / 20%), 0 1px 5px 0 rgb(4 57 97 / 12%);
}

.cWA {
  color: white;
  font-size: 1.4rem;
}

.tPrecios {
  font-size: 2.4rem;
  color: #fff !important;
  font-weight: 500;
  padding: 0.3rem 1rem;
  text-transform: none;
}

.tPreciosNegro {
  font-size: 3rem;
  color: #000000 !important;
  font-weight: bold;
  padding: 0.1rem 1rem;
  text-transform: none;
}

.tBs {
  text-transform: none;
  color: #fff;
}

.tPlan {
  margin-top: -0.5rem;
  padding: 0.7rem 2rem;
  font-size: 1.5rem;
  font-weight: bold;
  box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.7);
}

.bPlanes {
  background: url("../img/top1.svg") no-repeat bottom center;
  background-size: cover;
}

.bSoporte {
  background: url("../img/acerca_1.jpg") no-repeat top right;
  background-size: cover;
}

.pCard {
  padding: 10px !important;
}

.badgeNaranja {
  background-color: #ffa23b !important;
}

/* redes sociales */
/* whatsapp */
.whatsapp-btn {
  background-color: #25d366;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 50px;
  padding: 12px 25px;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  border: 2px solid transparent;
}

.whatsapp-btn:hover {
  background-color: #1ebe5a;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
  border: 2px solid #fff;
}

.whatsapp-btn .fa-whatsapp {
  margin-right: 12px;
  font-size: 24px;
}

/* peque */
.whatsapp-btn-p {
  background-color: #25d366;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 50px;
  padding: 6px 8px;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.02);
  text-align: center;
}

.whatsapp-btn-p:hover {
  background-color: #1ebe5a;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
}

/* facebook */
.facebook-btn {
  background-color: #3b5998;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 50px;
  padding: 12px 25px;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  border: 2px solid transparent;
}

.facebook-btn:hover,
.facebook-btn:active {
  background-color: #4667b0;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
  border: 2px solid #fff;
}

.facebook-btn .fa-facebook {
  margin-right: 12px;
  font-size: 24px;
}

/* peque */
.facebook-btn-p {
  background-color: #3b5998;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 50px;
  padding: 6px 9px;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.facebook-btn-p:hover,
.facebook-btn-p:active {
  background-color: #4667b0;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
}

/* tik tok */
.tiktok-btn {
  background-color: #010101;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 50px;
  padding: 12px 25px;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  border: 2px solid transparent;
}

.tiktok-btn:hover,
.tiktok-btn:active {
  background-color: #222222;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
  border: 2px solid #fff;
}

.tiktok-btn .fa-tiktok {
  margin-right: 12px;
  font-size: 24px;
}
/* peque */
.tiktok-btn-p {
  background-color: #010101;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 50px;
  padding: 6px 8px;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.tiktok-btn-p:hover,
.tiktok-btn-p:active {
  background-color: #222222;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
}

/* instragram */
.instagram-btn {
  background-color: #ef008f;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 50px;
  padding: 12px 25px;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  border: 2px solid transparent;
}

.instagram-btn:hover,
.instagram-btn:active {
  background-color: #d44d9e;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
  border: 2px solid #fff;
}

.instagram-btn .fa-instagram {
  margin-right: 12px;
  font-size: 24px;
}
/* peque */
.instagram-btn-p {
  background-color: #ef008f;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 50px;
  padding: 6px 8px;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}

.instagram-btn-p:hover,
.instagram-btn-p:active {
  background-color: #d44d9e;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
}

/* correo */
.correo-btn {
  background-color: #00b8d9;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  border-radius: 50px;
  padding: 12px 25px;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease-in-out;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  border: 2px solid transparent;
}

.correo-btn:hover {
  background-color: #009fbb;
  color: #fff;
  text-decoration: none;
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.3);
  transform: translateY(-2px);
  border: 2px solid #fff;
}

.correo-btn .fa-correo {
  margin-right: 12px;
  font-size: 24px;
}

.card .card-header {
  border-radius: 3px;
  padding: 1rem 15px;
  margin-left: 15%;
  margin-right: 15%;
  margin-top: -30px;
  border: 0;
  padding: 1px;
  box-shadow: 0px 7px 7px -5px rgba(0, 0, 0, 0.5);
  background: linear-gradient(60deg, #eee, #bdbdbd);
}

.barraTexto {
  width: 20px;
  height: 4px;
  background: #e91e63;
  border-radius: 3px;
  margin: 7px 0;
}

.blur {
  box-shadow: inset 0 0 2px #fefefed1;
  -webkit-backdrop-filter: saturate(200%) blur(30px);
  backdrop-filter: saturate(200%) blur(30px);
  background-color: hsla(0, 0%, 100%, 0.8) !important;
}

.back-background .card-body,
.card-background .card-body,
.front-background .card-body {
  min-height: auto !important;
}