/*CSS MODAL PRECIOS INICIO*/
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");
:root {
  --baseColor: #181818;
  --baseSize: 16px;
  --baseLineHeight: 1.5;
  --fontFamily: Inter, sans-serif;
  --pink: #fff;
  --pinkLight: #53b5a6;
  --blue: #1769ff;
  --redTick: url("data:image/svg+xml,%3Csvg width='18' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.552.134 5.717 10.97 1.448 6.701 0 8.149l5.717 5.717L18 1.583 16.552.134Z' fill='%2305b8a6'/%3E%3C/svg%3E%0A");
  --whiteTick: url("data:image/svg+xml,%3Csvg width='18' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.552.134 5.717 10.97 1.448 6.701 0 8.149l5.717 5.717L18 1.583 16.552.134Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
  --close: url("data:image/svg+xml,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 1.414 16.586 0 9 7.586 1.414 0 0 1.414 7.586 9 0 16.586 1.414 18 9 10.414 16.586 18 18 16.586 10.414 9 18 1.414Z' fill='%23B1B8C9'/%3E%3C/svg%3E");
  --entpIcon: url("data:image/svg+xml,%3Csvg width='42' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.813 11.077 21 1.155l17.187 9.922v19.846L21 40.845 3.813 30.923V11.077Z' stroke='%23fff' stroke-width='2'/%3E%3Ccircle cx='21' cy='21' r='8' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E");
}

/** {
  box-sizing: border-box;
}

html {
  color: var(--baseColor);
  font-family: var(--fontFamily);
  font-size: var(--baseSize);
  line-height: var(--baseLineHeight);
}

body {
  margin: 0;
}*/

.plans {
  width: 96%;
  max-width: 1128px;
  margin: 0 auto;
}
.plans__container {
  /*padding: 1rem 0 2rem;*/
}

.plansHero {
  text-align: center;
  padding: 0rem 0 2rem;
  line-height: 1.21;
}
.plansHero__title {
  font-weight: 700;
  font-size: 2rem;
  margin: 0 0 1rem 0;
  color: #fff;
  /*text-transform: uppercase;*/
}
/*.plansHero__subtitle {
  margin: 0;
}*/

.planItem {
  --border: 1px solid #e6e6e6;
  --bgColor: #181818;
  --boxShadow: none;
  background-color: var(--bgColor);
  /*border: var(--border);*/
  border-radius: 1rem;
  box-shadow: var(--boxShadow);
  padding: 2rem 1.5rem;
  display: inline-flex;
  flex-direction: column;
}
.planItem__container {
  --direction: column;
  display: grid;
  grid-auto-flow: var(--direction);
  grid-auto-columns: 1fr;
  gap: 1.5rem;
}
.planItem .price {
  /*--priceMargin: 2rem 0;*/
}
.planItem--free:hover {
  /*transform: translateY(-2px);*/
  /*box-shadow: 0px 14px 30px rgba(204, 204, 204, 0.32);
  border: 1px solid #09b8a6;*/
  box-shadow: 0 0 10px 0 #22DFC8;
  /*opacity: 50%;*/
}
/*.planItem--pro {
  --border: 0;
  --boxShadow: 0px 14px 30px rgba(204, 204, 204, 0.32);
}
/*.planItem--pro .label {
  --labelBg: #fdb72e;
  --labelColor: #fff;
}
.planItem--entp {
  --bgColor: var(--blue);
}
.planItem--entp .card {
  --titleColor: #fff;
  --descColor: rgb(255 255 255 / 80%);
}
.planItem--entp .card__icon {
  background-image: var(--entpIcon);
  background-size: cover;
}
.planItem--entp .price,
.planItem--entp .featureList {
  --color: #fff;
}
.planItem--entp .featureList {
  --icon: var(--whiteTick);
}*/
.planItem .button {
  /*margin-top: auto;*/
}

.button {
  --bgColor: var(--pinkLight);
  --color: var(--pink);
  --shadowColor: rgba(7, 104, 81, 0.61);
  --outline: var(--pink);
  border-radius: 0.5rem;
  display: block;
  width: 100%;
  padding: 1rem 1.5rem;
  border: 0;
  line-height: inherit;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  background-color: var(--bgColor);
  color: var(--color);
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0.5rem 0 1rem 0;
}
.button--disabled {
  --bgColor: #3c3d3d;
  --color: var(--pink);
  --shadowColor: rgba(7, 104, 81, 0.61);
  --outline: var(--pink);
  border-radius: 0.5rem;
  display: block;
  width: 100%;
  padding: 1rem 1.5rem;
  border: 0;
  line-height: inherit;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 600;
  background-color: var(--bgColor);
  color: var(--color);
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0.5rem 0 1rem 0;
}
/*.button--pink {
  --bgColor: #09b8a6;
  --color: #fff;
  --shadowColor: rgb(234 76 137 / 50%);
}*/
/*.button--white {
  --bgColor: #fff;
  --shadowColor: rgb(255 255 255 / 30%);
  --outline: #fff;
}*/
.button:hover {
  transform: translateY(-2px);
  box-shadow: 0px 6px 10px var(--shadowColor);
}
.button:focus-visible {
  outline-offset: 2px;
  outline: 2px solid var(--outline);
}

.card {
  --titleColor: #fff;
  --descColor: var(--baseColor);
}
.card__header {
  display: grid;
  /*gap: 1rem;*/
  align-items: center;
}
.spanplanactual {
  text-align: center;
  color: #09b8a6;
}
/*.card__icon {
  width: 2.625rem;
  height: 2.625rem;
}*/
.card h2 {
  color: var(--titleColor);
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 800;
  margin: 0;
  flex-grow: 1;
  text-align: center;
}
.card__desc {
  /*margin: 1rem 0 1.5rem;*/
  margin-top: 1rem;
  color: #fff;
  text-align: center;
  font-size: 11px;
}

.label {
  --labelColor: #fff;
  --labelBg: #09b8a6;
  font-weight: 600;
  line-height: 1.25;
  font-size: 1rem;
  text-align: center;
  padding: 0.625rem 1.125rem;
  border-radius: 2rem;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: var(--labelBg);
  color: var(--labelColor);
}

.price {
  --color: #fff;
  --priceMargin: 0;
  display: grid;
  color: var(--color);
  align-items: center;
  gap: 0.5625rem;
  font-weight: 600;
  font-size: 2rem;
  margin: 5px -15px 5px -15px;
  /*background: #262626;*/
  /*padding: 6px;*/
  height: 100px;
  text-align: center;
}
.price span {
  /*font-size: 1rem;*/
  font-weight: 800;
  color: #fff;
}
.spansincosto{
  font-size: 3rem;
}
.spanmoneda {
  position: relative;
  top: -14px;
}
.spanprecio {
  font-size: 4rem;
}
.spancentavo {
  position: relative;
  top: -14px;
}
.spannomplan {
  position: relative;
  /*top: 2px;
  left: -29px;*/
}
.spanplan {
  position: relative;
  top: -11px;
  /*font-size: 1.5rem;*/
  font-size: 12px;
  font-weight: 500 !important;
}
.spanplancostoadd {
  font-weight: 500 !important;
  font-size: 12px;
}
.textgeolabslink {
  color: #22DFC8;
  text-decoration: underline;
}
.linkanual {
  cursor: pointer;
}
.linkmensual {
  cursor: pointer;
}
.textcolorgeolabs {
  color: #53b5a6;
}
.icontitulo {
  background: #fff;
  height: 25px;
  display: inline-grid;
  width: 24px;
  border-radius: 50%;
  /*background-size: cover;
  padding: 0px;
  margin: 0px;*/
  text-align: center;
  align-content: center;
  align-items: center;
  position: absolute;
  /*left: 223px;*/
  left: 219px;
  color: #09B8B6;
}
.featureList {
  --color: #000;
  /*--icon: var(--redTick);*/
  --height: 0.875rem;
  /*margin: 0 0 2.75rem;*/
  padding: 0;
  font-weight: 500;
}
.featureList li {
  color: #fff;
  margin-bottom: 0.5rem;
  display: flex;
  align-items: first baseline;
  gap: 1rem;
  font-size: 1.2rem;
}
/*.featureList li:before {
  content: "";
  background-image: var(--icon);
  background-size: cover;
  display: block;
  width: 1.125rem;
  height: var(--height);
}*/
.featureList li:last-child {
  /*margin-bottom: 5px;*/
}
.featureList li.disabled {
  --color: #b1b8c9;
  --height: 1.125rem;
  --icon: var(--close);
}

.subtitleList {
  color: #09b8a6;
  margin-bottom: 1rem;
  display: none;
}
.colorIcon {
  color: #53b5a6;
}
.container_sinespacio {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.planItem.planItem--pro {
  background-color: #474747 !important;
}
.planItem.planItem--free {
  background-color: #303134 !important;
}
.planItem.planItem--entp {
  /*background: linear-gradient( 270deg, #bcbcbc 0%, #222222 9% ) !important;*/
  /*background: linear-gradient(
    270deg,
    #bcbcbc 0%,
    #222222 60%
  ) !important;*/
  background: linear-gradient(
    270deg,
    #2a2a2a 0%,
    #222222 65%,
    #1a1a1a 85%,
    #141414 100%
  ) !important;
  border: 1px solid #707070;
}
.planItem--free {
  margin: 4px;
  /*border: 1px solid #09b8a6;*/
}
.planItem--free .card {
  display: grid;
  background: #686868;
  margin: -20px -15px -9px -15px;
  padding-top: 18px;
  padding-bottom: 9px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding-left: 14px;
  padding-right: 14px;
}
.planItem--free .featureList {
  /*padding-bottom: 52px;*/
}
.planItem--free .card__desc {
  /*margin-bottom: 1.5rem;*/
}
.planItem--standard {
  margin: 4px;
}
.planItem--standard:hover {
  box-shadow: 0 0 10px 0 #22DFC8;
}
.planItem--standard .featureList {
  padding-bottom: 7px;
}
.planItem--standard .card__desc {
  /*margin-bottom: 1.8rem;
  margin-top: 1.8rem;*/
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.planItem--pro {
  margin: 4px;
  /*border: 1px solid #09b8a6;*/
}
.planItem--pro .card {
  display: grid;
  background: #53b5a6;
  margin: -20px -15px -9px -15px;
  padding-top: 18px;
  padding-bottom: 9px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding-left: 14px;
  padding-right: 14px;
}
.planItem--pro:hover {
  box-shadow: 0 0 10px 0 #22DFC8;
}
.planItem--pro .featureList {
  margin-bottom: 0px;
}
.planItem--pro .card__desc {
  /*margin-bottom: 1.5rem;*/
}
.planItem--entp .card {
  display: grid;
  background: #191919;
  margin: -20px -15px -9px -15px;
  padding-top: 18px;
  padding-bottom: 9px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding-left: 14px;
  padding-right: 14px;
  border-bottom: 1px solid #707070;
}
.planItem--entp {
  margin: 4px;
}
.planItem--entp:hover {
  box-shadow: 0 0 10px 0 #22DFC8;
}
.planItem--entp .featureList {
  margin-bottom: 0px;
}
.planItem--entp .card__desc {
  margin-bottom: 0rem;
}
.spanselectplan {
  border:none;
  background: transparent;
  color: #53b5a6;
  cursor: pointer;
}
.spanselectplan option{
  color: #181818;
}
.spanselectplan:focus:after {
  background: transparent;
}
.spanselectplanstand {
  border:none;
  background: transparent;
  color: #53b5a6;
  cursor: pointer;
}
.spanselectplanstand option{
  color: #181818;
}
.spanselectplanstand:focus:after {
  background: transparent;
}
.spanselectplanprogcp {
  border:none;
  background: transparent;
  color: #53b5a6;
  cursor: pointer;
}
.spanselectplanprogcp option{
  color: #181818;
}
.spanselectplanprogcp:focus:after {
  background: transparent;
}
/*.textpieList {
  font-size: 1.1rem;
}
.divtextpieList {
  position: fixed;
  bottom: 135px;
  flex-direction: column !important;
  display: flex;
  width: 19%;
}*/
/*.symbol {
  --big: 2.625rem;
  --small: 1.5rem;
  --radius: 0.25rem;
  border: 2px solid var(--blue);
  width: var(--big);
  height: var(--big);
  border-radius: var(--radius);
  position: relative;
}
.symbol--rounded {
  --radius: 2rem;
}
.symbol:after {
  content: "";
  box-sizing: border-box;
  display: block;
  position: absolute;
  border: 2px solid var(--pink);
  width: var(--small);
  height: var(--small);
  border-radius: var(--radius);
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}*/
.btn_contactVolver {
  font-size: 32px;
}
.plansfooter {
  text-align: center;
}
.plansfooter__title {
  font-size: 2rem;
  /*text-decoration: underline*/
  display: inline-block;
  padding-bottom: 15px;
  border-bottom-style: solid;
  border-bottom-width: 0.1px;
  width: fit-content;
}

@media screen and (max-width: 640px) {
  .plans {
    max-width: 480px;
    width: 90%;
  }

  .planItem__container {
    --direction: row;
  }

  /*.divtextpieList {
    position: static;
    bottom: initial;
    flex-direction: row !important;
    display: flex;
    width: 100%;
  }*/

  .icontitulo {
    position: static;
  }
}
@media screen and (min-width: 641px) and (max-width: 768px) {
  :root {
    --baseSize: 12px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1080px) {
  :root {
    --baseSize: 14px;
  }
}
/*CSS MODAL PRECIOS FIN*/
/*CSS MENU LATERAL INICIO*/
.nomdesc_plan {
  font-size: 15px;
  font-weight: 700;
}
.animaciontextplan {
  text-shadow: #09b8a6 1px 0 10px;
  animation-name: animaciontextplan;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;

  -webkit-animation-name:animaciontextplan;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}
@-moz-keyframes animaciontextplan{  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}

@-webkit-keyframes animaciontextplan {  
  0% { opacity: 1.0; }
  50% { opacity: 0.0; }
   100% { opacity: 1.0; }
}

@keyframes animaciontextplan {  
  0% { opacity: 1.0; }
   50% { opacity: 0.0; }
  100% { opacity: 1.0; }
}
#mikeyactivate {
  font-size: 25px;
  text-align: center;
  text-transform: uppercase;
}
.form-group.has-error .form-control {
  border-color: #dd4b39 !important;
}
.form-group.has-success .form-control {
  border-color: #00a65a !important;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
  cursor: not-allowed !important;
  filter: alpha(opacity=65) !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  opacity: .65 !important;
}
.btn-geolabs {
  background: #53b5a6;
  border: 1px solid #53b5a6;
}