@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local('Roboto'), local('Roboto-Regular'), url(../fonts/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: local('Roboto Medium'), local('Roboto-Medium'), url(../fonts/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Roboto;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(../fonts/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

:root {
  --primary: #552166;
}

html {
  font-size: 16px;
  overflow-x: hidden !important;
  font-family: "Oscine Trial", sans-serif scroll-behavior: auto;
  scroll-behavior: smooth;
  scroll-behavior: inherit;
  scroll-behavior: initial;
  scroll-behavior: unset;
  -webkit-overflow-scrolling: touch;
}

body {
  overflow-x: hidden !important;
  font-family: "Oscine Trial", sans-serif
}

.body-container {
  position: relative;
  min-height: 100vh !important
}

.text-h1,
h1 {
  font-size: 3rem
}

.text-h2,
h2 {
  font-size: 2.25rem
}

.text-h3,
h3 {
  font-size: 1.75rem
}

.text-h4,
h4 {
  font-size: 1.5rem
}

.text-h5,
h5 {
  font-size: 1.375rem
}

.text-h6,
h6 {
  font-size: 1.2rem
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
  margin-bottom: 0 !important;
  font-weight: 400
}

a {
  -webkit-transition: color .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -moz-transition: color .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -ms-transition: color .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -o-transition: color .35s cubic-bezier(.645, .045, .355, 1) 0s;
  text-decoration: none !important
}

.text-lg {
  font-size: 1.125rem
}

.text-md {
  font-size: 1rem
}

.text-sm {
  font-size: .875rem
}

.text-xs {
  font-size: .75rem
}

.text-xxs {
  font-size: .5rem
}

.fw-bold {
  font-weight: 700
}

.fw-medium {
  font-weight: 500
}

.fw-regular {
  font-weight: 400
}

.text-u {
  text-decoration: underline !important;
}

.a-noeffect {
  text-decoration: none !important
}

.btn {
  -webkit-box-shadow: 0 0 0 0 transparent !important;
  box-shadow: 0 0 0 0 transparent !important;
  -webkit-transition: background .35s cubic-bezier(.645, .045, .355, 1) 0s, color .35s cubic-bezier(.645, .045, .355, 1) 0s, box-shadow .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -moz-transition: background .35s cubic-bezier(.645, .045, .355, 1) 0s, color .35s cubic-bezier(.645, .045, .355, 1) 0s, box-shadow .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -ms-transition: background .35s cubic-bezier(.645, .045, .355, 1) 0s, color .35s cubic-bezier(.645, .045, .355, 1) 0s, box-shadow .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -o-transition: background .35s cubic-bezier(.645, .045, .355, 1) 0s, color .35s cubic-bezier(.645, .045, .355, 1) 0s, box-shadow .35s cubic-bezier(.645, .045, .355, 1) 0s
}

.btn:not([class*=outline]) {
  border-color: transparent !important
}

.btn.btn-outline-primary {
  background-color: #fff
}

.card {
  border: none;
  background-color: #fff;
  border-radius: .25rem;
  padding: 1rem;
  -webkit-box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .15);
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .15)
}

.card .card-header {
  padding: 1rem;
  margin: -1rem;
  margin-bottom: 1rem;
  background-color: rgba(0, 0, 0, 0)
}

.card .card-footer {
  padding: 1rem;
  margin: -1rem;
  margin-top: 1rem;
  background-color: rgba(0, 0, 0, 0)
}

.card.plan-superior {
  border-bottom: solid .25rem #73ca2e
}

.card.plan-plus {
  border-bottom: solid .25rem #00a9ce
}

.card.plan-basico {
  border-bottom: solid .25rem #ff6a11
}

.gradient:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .8)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%)
}

.card-group-plus .card {
  height: 100% !important
}

#carousel-index .carousel-inner .carousel-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center
}

@media (min-width:992px) {
  #carousel-index .carousel-inner .carousel-item.gradient:before {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, .8)));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .8) 100%)
  }
}

#carousel-index .carousel-inner .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-item-align: end;
  align-self: flex-end;
  text-align: center;
  bottom: 3rem;
  color: #fff
}

#carousel-index .carousel-inner .container .btn {
  width: 221px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1.5rem !important
}

#carousel-index .carousel-inner .container .hero-title {
  font-size: 1.75rem
}

#carousel-index .carousel-inner .container .hero-subtitle {
  font-size: 1.2rem;
  margin-top: .5rem !important
}

.title-center {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width:992px) {
  #carousel-index .carousel-inner .container {
    bottom: auto;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
  }

  .title-center {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  #carousel-index .carousel-inner .container .hero-title {
    font-size: 3rem
  }

  #carousel-index .carousel-inner .container .hero-subtitle {
    font-size: 1.5rem;
    width: 40%;
    margin-left: auto;
    margin-top: 1.5rem !important
  }

  #carousel-index .carousel-inner .container .btn {
    width: 343px;
    margin-right: 0;
    margin-top: 3rem !important
  }
}

a+a,
a+p,
h1+p,
h2+p,
h3+p,
h4+p,
h5+p,
h6+p,
li+li,
p+a,
p+p,
p+ul,
ul+p {
  margin-top: 1rem
}

@media (max-width:767.98px) {
  .perfect-size {
    width: 100%
  }
}

@media (min-width:768px) {
  .perfect-size {
    width: 221px !important
  }
}

@media (min-width:1200px) {
  .perfect-size {
    width: 343px !important
  }
}

.card-header.plan-basico,
.card-header.plan-pareja,
.card-header.plan-plus,
.card-header.plan-superior {
  color: #fff;
  border: none
}

.card-header.plan-superior {
  background-color: #73ca2e;
  padding: .5rem 1rem
}

.card-header.plan-plus {
  background-color: #02aecc;
  padding: .5rem 1rem
}

.card-header.plan-pareja {
  background-color: #932b77;
  padding: .5rem 1rem
}

.card-header.plan-basico {
  background-color: #ff6a11;
  padding: .5rem 1rem
}

.card-header.headSpecial {
  padding: .5rem 1rem
}

.accordion {
  margin-top: -1rem
}

.accordion .accordion-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 0;
  border-bottom: solid 1px #d8d8d8
}

.accordion .accordion-header i {
  -webkit-transition: transform .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -moz-transition: transform .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -ms-transition: transform .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -o-transition: transform .35s cubic-bezier(.645, .045, .355, 1) 0s
}

.accordion .accordion-header[aria-expanded=true] i {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg)
}

.accordion .accordion-body {
  padding: 1.5rem 0;
  -webkit-transition: height .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -moz-transition: height .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -ms-transition: height .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -o-transition: height .35s cubic-bezier(.645, .045, .355, 1) 0s
}

.btn-outline-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 38px;
  border: solid 1px #d8d8d8;
  cursor: pointer
}

.card-nav {
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: -1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: auto;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 9;
  -ms-flex-positive: 9;
  flex-grow: 9;
  padding: 0;
  border: none
}

.card-nav .nav-item {
  width: auto;
  height: 100%;
  width: 50%;
  margin: 0;
  padding: 1rem;
  border: none !important;
  border-radius: none;
  background-color: #eee;
  color: #666
}

.card-nav .nav-item:first-child {
  border-radius: .25rem 0 0 0
}

.card-nav .nav-item:last-child {
  border-radius: 0 .25rem 0 0
}

.card-nav .nav-item.active {
  background-color: #fff;
  color: #333
}

.navcard ul {
  padding: 0
}

.navcard ul li {
  list-style: none
}

.navcard ul li a {
  color: inherit
}

.navcard ul hr {
  margin-left: -1rem;
  margin-right: -1rem
}

.form-check {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

.form-check input[type=checkbox i] {
  background-color: none;
  -webkit-appearance: none;
  border: solid 2px #ada8a8;
  border-radius: .25rem;
  height: 1.125rem;
  width: 1.125rem;
  cursor: pointer;
  margin-top: 0;
  -webkit-transition: background .35s cubic-bezier(.645, .045, .355, 1) 0s, border .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -moz-transition: background .35s cubic-bezier(.645, .045, .355, 1) 0s, border .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -ms-transition: background .35s cubic-bezier(.645, .045, .355, 1) 0s, border .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -o-transition: background .35s cubic-bezier(.645, .045, .355, 1) 0s, border .35s cubic-bezier(.645, .045, .355, 1) 0s
}

.form-check input[type=checkbox i]:focus {
  outline: 0
}

.form-check input[type=checkbox i]:checked {
  background-color: #666;
  border-color: #666
}

.form-check input[type=checkbox i]:checked::after {
  content: '';
  position: absolute;
  left: 2px;
  top: 6px;
  background: #fff;
  width: 2px;
  height: 2px;
  -webkit-box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
  box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.form-check input[type=checkbox i]~label {
  margin-left: 1rem;
  -webkit-user-select: none;
  cursor: default !important
}

.form-check input[type=checkbox i]~label.error {
  display: none !important
}

.form-check input.error[type=checkbox i] {
  border-color: red !important
}

.form-check input.error[type=checkbox]~label {
  color: red !important
}

.form-check input.error[type=checkbox]~label a {
  color: red !important
}

.form-check input[type=radio i] {
  background-color: none;
  -webkit-appearance: none;
  border: solid 2px #ada8a8;
  border-radius: 24.75rem;
  height: 1.25rem;
  width: 1.25rem;
  cursor: inherit;
  margin-top: 0;
  outline: 0 !important;
  -webkit-transition: background .35s cubic-bezier(.645, .045, .355, 1) 0s, border .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -moz-transition: background .35s cubic-bezier(.645, .045, .355, 1) 0s, border .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -ms-transition: background .35s cubic-bezier(.645, .045, .355, 1) 0s, border .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -o-transition: background .35s cubic-bezier(.645, .045, .355, 1) 0s, border .35s cubic-bezier(.645, .045, .355, 1) 0s
}

.form-check input[type=radio i]::after {
  content: '';
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 50%;
  top: 50%;
  background-color: var(--primary);
  width: 70%;
  height: 70%;
  border-radius: 24.75rem;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  -webkit-transition: opacity .35s cubic-bezier(.645, .045, .355, 1) 0s, visibility .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -moz-transition: opacity .35s cubic-bezier(.645, .045, .355, 1) 0s, visibility .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -ms-transition: opacity .35s cubic-bezier(.645, .045, .355, 1) 0s, visibility .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -o-transition: opacity .35s cubic-bezier(.645, .045, .355, 1) 0s, visibility .35s cubic-bezier(.645, .045, .355, 1) 0s
}

.form-check input[type=radio i]:checked {
  border-color: var(--primary);
}

.form-check input[type=radio i]:checked::after {
  opacity: 1;
  visibility: visible
}

.form-check input[type=radio i]~label {
  margin-left: 1rem;
  -webkit-user-select: none;
  cursor: default !important
}


.custom-form-liver input~label.error,
.custom-form-liver textarea~label.error,
.custom-form-liver select~label.error {
  color: #FE5F55 !important;
  font-size: 0.75rem;
  bottom: -2rem;
  top: auto;
}

.custom-form-liver input:not(.datepicker)::-webkit-input-placeholder,
.custom-form-liver textarea:not(.datepicker)::-webkit-input-placeholder,
.custom-form-liver select:not(.datepicker)::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0);
}

.custom-form-liver input:not(.datepicker):-ms-input-placeholder,
.custom-form-liver textarea:not(.datepicker):-ms-input-placeholder,
.custom-form-liver select:not(.datepicker):-ms-input-placeholder {
  color: rgba(0, 0, 0, 0);
}

.custom-form-liver input:not(.datepicker)::-ms-input-placeholder,
.custom-form-liver textarea:not(.datepicker)::-ms-input-placeholder,
.custom-form-liver select:not(.datepicker)::-ms-input-placeholder {
  color: rgba(0, 0, 0, 0);
}

.custom-form-liver input:not(.datepicker)::placeholder,
.custom-form-liver textarea:not(.datepicker)::placeholder,
.custom-form-liver select:not(.datepicker)::placeholder {
  color: rgba(0, 0, 0, 0);
}

.custom-form-liver input:not(select):focus,
.custom-form-liver input:not(select):focus-within,
.custom-form-liver input:not(select):not(:placeholder-shown),
.custom-form-liver input:not(select).datepicker,
.custom-form-liver textarea:not(select):focus,
.custom-form-liver textarea:not(select):focus-within,
.custom-form-liver textarea:not(select):not(:placeholder-shown),
.custom-form-liver textarea:not(select).datepicker,
.custom-form-liver select:not(select):focus,
.custom-form-liver select:not(select):focus-within,
.custom-form-liver select:not(select):not(:placeholder-shown),
.custom-form-liver select:not(select).datepicker {
  padding-top: 1.5rem;
}



.ui-datepicker {
  background-color: white !important;
  border: none !important;
  overflow: hidden;
  border-radius: 1rem !important;
  padding: 1rem !important;
  font-family: 'Montserrat', sans-serif !important;
  z-index: 0 !important;
  -webkit-box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.32);
  box-shadow: 0 0.5rem 2rem 0 rgba(0, 0, 0, 0.32);
}

.ui-datepicker .ui-datepicker-header {
  background-color: #F5F5F5;
  border: none !important;
  padding: 0.5rem 0 !important;
  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: -1rem -1rem 0 -1rem !important;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  top: auto;
  border: none !important;
  border-radius: 0.5rem;
  background-color: var(--primary);
  background-image: radial-gradient(at top left, rgba(229, 230, 231, 0) 0%, #808083 100%);
  background-blend-mode: color-burn;
  -webkit-transition: background 0.25s ease-out 0s;
  -moz-transition: background 0.25s ease-out 0s;
  -ms-transition: background 0.25s ease-out 0s;
  -o-transition: background 0.25s ease-out 0s;
  cursor: pointer;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover {
  background-color: #EDC729;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon-circle-triangle-w,
.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon-circle-triangle-e,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon-circle-triangle-w,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon-circle-triangle-e {
  background-position: 0 0;
  margin: 0;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon-circle-triangle-w,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon-circle-triangle-w {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M5.43075 9.6805C5.49667 9.61283 5.74558 9.3235 5.97743 9.0855C7.33674 7.58867 10.8828 5.13867 12.7388 4.39083C13.0206 4.27067 13.7332 4.01633 14.114 4C14.4788 4 14.8266 4.084 15.1585 4.25433C15.5722 4.49233 15.904 4.86683 16.0859 5.309C16.203 5.61583 16.3848 6.534 16.3848 6.55033C16.5666 7.55483 16.6667 9.187 16.6667 10.9907C16.6667 12.7092 16.5666 14.2748 16.4178 15.2945C16.4007 15.3108 16.2189 16.4518 16.02 16.8427C15.6551 17.5567 14.9425 18 14.1799 18H14.114C13.6173 17.9825 12.5728 17.5392 12.5728 17.5228C10.8169 16.7738 7.35265 14.444 5.96038 12.8958C5.96038 12.8958 5.56827 12.498 5.39779 12.2495C5.13184 11.8925 5 11.4503 5 11.0082C5 10.5147 5.14889 10.055 5.43075 9.6805Z' fill='white'/></svg>") !important;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon-circle-triangle-e,
.ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon-circle-triangle-e {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M16.2359 9.6805C16.17 9.61283 15.9211 9.3235 15.6893 9.0855C14.3299 7.58867 10.7839 5.13867 8.92793 4.39083C8.64607 4.27067 7.93345 4.01633 7.55271 4C7.18788 4 6.84009 4.084 6.50822 4.25433C6.09452 4.49233 5.76264 4.86683 5.5808 5.309C5.46373 5.61583 5.28189 6.534 5.28189 6.55033C5.10004 7.55483 5.00002 9.187 5.00002 10.9907C5.00002 12.7092 5.10004 14.2748 5.24892 15.2945C5.26597 15.3108 5.44782 16.4518 5.64672 16.8427C6.01155 17.5567 6.72416 18 7.48679 18H7.55271C8.04938 17.9825 9.09387 17.5392 9.09387 17.5228C10.8498 16.7738 14.314 14.444 15.7063 12.8958C15.7063 12.8958 16.0984 12.498 16.2689 12.2495C16.5348 11.8925 16.6667 11.4503 16.6667 11.0082C16.6667 10.5147 16.5178 10.055 16.2359 9.6805Z' fill='white'/></svg>") !important;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
  left: 0.5rem;
}

.ui-datepicker .ui-datepicker-header .ui-datepicker-next {
  right: 0.5rem;
  margin-top: 0;
}

.ui-datepicker td a {
  border: none !important;
  background-color: #F5F5F5;
  color: #4E4E4E;
  -webkit-transition: background 0.25s ease-out 0s;
  -moz-transition: background 0.25s ease-out 0s;
  -ms-transition: background 0.25s ease-out 0s;
  -o-transition: background 0.25s ease-out 0s;
}

.ui-datepicker td a.ui-state-active {
  background-color: #EDC729 !important;
}

.ui-datepicker td a.ui-state-highlight {
  background-color: rgba(225, 0, 152, 0.25) !important;
  color: #4E4E4E !important;
}


.text-legales {
  color: #ada8a8
}

.footer-section-2 {
  background-color: #555
}

.footer-section-3 {
  background-color: #464646
}

.modal {
  background: rgba(0, 0, 0, .5)
}

.modal .modal-dialog {
  max-width: 512px;
  height: 100vh;
  margin: 0;
}

@media (min-width:767.98px) {
  .modal .modal-dialog {
    /* max-width: calc(100% + 2px); */
    height: auto;
    margin: auto;
    /* margin-top: -1px */
  }
}

.modal .modal-dialog .modal-content {
  background-color: #f5f5f5;
  /* width: 100% !important;
  border-radius: .25rem; */
  /* overflow: scroll; */
  /* margin-top: 62vh; */
  /* max-height: 540px; */
  /* height: 100%; */
  position: fixed;
  bottom: 0;
}

@media (min-width:767.98px) {
  .modal .modal-dialog .modal-content {
    position: fixed;
    /* top: 0; */
    height: fit-content;
    left: 0;
    top: 0;
    /* max-height: 10rem; */
    margin: auto;
    width: 50%;
    right: 0;
  }
}

.modal .modal-dialog .modal-content .modal-header {
  padding: 1rem;
  -webkit-box-shadow: 0 .125rem .5rem 0 rgba(0, 0, 0, .15);
  box-shadow: 0 .125rem .5rem 0 rgba(0, 0, 0, .15);
  z-index: 12;
  min-height: 60px
}

.modal .modal-dialog .modal-content .modal-body {
  padding: 2rem 1rem
}

@media (max-width:767.98px) {
  .modal .modal-dialog .modal-content .modal-body {
    height: 100%
  }
}

nav {
  z-index: 2
}

nav .pc-navbar {
  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
}

nav .pc-navbar .logo-wrapper-pc {
  height: 60px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

@media (max-width:991.98px) {
  nav .pc-navbar .logo-wrapper-pc {
    height: calc(32px + 1rem);
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
  }
}

.mobile-menu .mobile-menu-icon {
  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-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: start;
  height: 1.5rem;
  width: 2rem;
  cursor: pointer
}

.mobile-menu .mobile-menu-icon span {
  display: block;
  height: calc((100% / 3) - 2 * 10%);
  width: 100%;
  background-color: #333;
  -webkit-transition: margin .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -moz-transition: margin .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -ms-transition: margin .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -o-transition: margin .35s cubic-bezier(.645, .045, .355, 1) 0s
}

.mobile-menu .mobile-menu-icon span+span {
  margin-top: calc(2*10%)
}

.mobile-menu .mobile-menu-icon:hover span+span {
  margin-top: calc(2*5%)
}

.mobile-menu-inside {
  top: 56px;
  left: 0;
  position: fixed;
  min-height: calc(100vh - 56px);
  width: 100%;
  z-index: 3;
  opacity: 0;
  visibility: hidden
}

.mobile-menu-inside .overlay {
  position: absolute;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, .5);
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: opacity .35s cubic-bezier(.645, .045, .355, 1) 0s, visibility .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -moz-transition: opacity .35s cubic-bezier(.645, .045, .355, 1) 0s, visibility .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -ms-transition: opacity .35s cubic-bezier(.645, .045, .355, 1) 0s, visibility .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -o-transition: opacity .35s cubic-bezier(.645, .045, .355, 1) 0s, visibility .35s cubic-bezier(.645, .045, .355, 1) 0s
}

.mobile-menu-inside .mobile-menu-content {
  -webkit-transition: transform .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -moz-transition: transform .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -ms-transition: transform .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -o-transition: transform .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  position: absolute;
  width: 80%;
  max-width: 520px;
  background-color: #fff;
  height: 100vh;
  padding: 3rem 1rem;
  z-index: 3
}

.mobile-menu-inside .mobile-menu-content ul {
  padding: 0
}

.mobile-menu-inside .mobile-menu-content ul li {
  list-style: none
}

.mobile-menu-inside.visible {
  opacity: 1;
  visibility: visible
}

.mobile-menu-inside.visible .overlay {
  opacity: 1;
  visibility: visible
}

.mobile-menu-inside.visible .mobile-menu-content {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.pc-navbar-desktop-ul {
  padding: 0;
  margin: 0;
  list-style: none
}

.pc-navbar-desktop-ul li.pc-navbar-desktop-li {
  display: inline-block;
  margin: 0
}

.pc-navbar-desktop-ul li.pc-navbar-desktop-li a {
  color: #333
}

.pc-navbar-desktop-ul li.pc-navbar-desktop-li+li {
  margin-left: 3rem
}

.pc-navbar-desktop-ul li.dropdown-wrapper {
  position: relative;
  dsplay: flex
}

.pc-navbar-desktop-ul li.dropdown-wrapper .dropdown-btn:hover .dropdown-content,
.pc-navbar-desktop-ul li.dropdown-wrapper .dropdown-btn:hover~.dropdown-content,
.pc-navbar-desktop-ul li.dropdown-wrapper:hover .dropdown-content,
.pc-navbar-desktop-ul li.dropdown-wrapper:hover~.dropdown-content {
  opacity: 1;
  visibility: visible;
  display: block;
  top: calc(100% + 1rem);
  -webkit-transform: scaleY(1) translateX(25%);
  transform: scaleY(1) translateX(25%)
}

.pc-navbar-desktop-ul li.dropdown-wrapper .dropdown-btn {
  padding: 1.5rem 0
}

.pc-navbar-desktop-ul li.dropdown-wrapper .dropdown-btn i {
  position: absolute;
  top: .125rem;
  margin-left: .5rem
}

.pc-navbar-desktop-ul li.dropdown-wrapper .dropdown-content {
  padding: .25rem 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  top: calc(100% + 1rem);
  right: 0;
  z-index: 1;
  background-color: #fff;
  -webkit-box-shadow: 0 .125rem .5rem 0 rgba(0, 0, 0, .3);
  box-shadow: 0 .125rem .5rem 0 rgba(0, 0, 0, .3);
  border-radius: .25rem;
  -webkit-transition: opacity .35s cubic-bezier(.645, .045, .355, 1) 0s, visibility .35s cubic-bezier(.645, .045, .355, 1) 0s, transform .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -moz-transition: opacity .35s cubic-bezier(.645, .045, .355, 1) 0s, visibility .35s cubic-bezier(.645, .045, .355, 1) 0s, transform .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -ms-transition: opacity .35s cubic-bezier(.645, .045, .355, 1) 0s, visibility .35s cubic-bezier(.645, .045, .355, 1) 0s, transform .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -o-transition: opacity .35s cubic-bezier(.645, .045, .355, 1) 0s, visibility .35s cubic-bezier(.645, .045, .355, 1) 0s, transform .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: scaleY(0) translateX(25%);
  transform: scaleY(0) translateX(25%)
}

.pc-navbar-desktop-ul li.dropdown-wrapper .dropdown-content ul.dropdown-ul {
  padding: 0;
  list-style: none
}

.pc-navbar-desktop-ul li.dropdown-wrapper .dropdown-content ul.dropdown-ul li {
  margin: auto;
  min-width: 221px !important;
  cursor: pointer
}

.pc-navbar-desktop-ul li.dropdown-wrapper .dropdown-content ul.dropdown-ul li a {
  margin: auto;
  color: #666;
  width: 100% !important;
  display: inline-block;
  padding: .5rem 1rem;
  -webkit-transition: padding .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -moz-transition: padding .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -ms-transition: padding .35s cubic-bezier(.645, .045, .355, 1) 0s;
  -o-transition: padding .35s cubic-bezier(.645, .045, .355, 1) 0s
}

.pc-navbar-desktop-ul li.dropdown-wrapper .dropdown-content ul.dropdown-ul li a:hover {
  padding-left: 1.25rem;
  text-decoration: none;
  color: var(--primary);
}

.pc-navbar-desktop-ul li.dropdown-wrapper .dropdown-content:before {
  content: '';
  padding: .6rem;
  width: 0;
  top: -.6rem;
  right: 12.5%;
  display: block;
  position: absolute;
  z-index: -1;
  background-color: #fff;
  -webkit-box-shadow: .2rem -.2rem .5rem -.25rem rgba(0, 0, 0, .3);
  box-shadow: .2rem -.2rem .5rem -.25rem rgba(0, 0, 0, .3);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.i-no-m {
  line-height: 1.3rem
}

.cursor-pointer {
  cursor: pointer !important
}

.plan-item {
  padding-bottom: 1rem
}

.plan-item+.plan-item,
.plan-item+.promocion-select {
  padding-top: 1rem;
  border-top: solid 1px #d8d8d8
}

.no-scroll {
  overflow: hidden !important
}

.point {
  height: 10px;
  width: 10px;
  font-size: 10px;
  -webkit-border-radius: 50%;
  padding: 0 5px;
  position: relative;
  bottom: 2px;
  right: 5px
}

.desplegable {
  position: absolute;
  top: 21%;
  right: 6%;
  background: #fff !important;
  padding: 1rem;
  z-index: 99;
  box-shadow: 0 .125rem .25rem 0 rgba(0, 0, 0, .15);
  border-radius: 4px
}

.desple-bene {
  top: unset;
  right: 2%
}

.accordion-toggle {
  cursor: pointer
}

.accordion-toggle:after {
  content: url(../img/flechaUp.svg);
  float: right;
  color: inherit
}

.card-header.collapsed .accordion-toggle:after {
  content: url(../img/flechaDown.svg)
}

.border-span {
  background-color: #cfcfcf;
  padding: 5px;
  border-radius: 16px;
  color: #000;
  font-size: 75%;
  font-weight: 400
}

.dropdown-menu {
  position: absolute;
  right: 0 !important;
  will-change: transform;
  border-radius: 4px;
  border: 0;
  box-shadow: rgba(0, 0, 0, .15) 0 .125rem .25rem 0;
  background-color: #fff;
  min-width: 4rem;
  top: 0;
  left: auto !important;
  transform: translate3d(0, 24px, 0)
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #fff
}

.title-superior {
  color: #73ca2e
}

.title-plus {
  color: #02aecc
}

.title-pareja {
  color: #932b77
}

.title-basico {
  color: #ff6a11
}

.border-special {
  border-radius: 10px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50% !important;
  position: absolute;
  top: 245px !important;
  width: 100% !important
}

.swiper-pagination-bullet {
  background: #D8D8D8 !important;
}

.swiper-pagination-bullet-active {
  background-color: var(--primary) !important
}

.dropdown-toggle::after {
  content: none !important
}

.dropdown-toggle {
  cursor: pointer !important
}

.loading {
  position: fixed;
  z-index: 999;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: -50%;
  left: 0;
  bottom: 0;
  right: 0
}

.loading:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: radial-gradient(rgba(20, 20, 20, .2), rgba(0, 0, 0, .2));
  background: -webkit-radial-gradient(rgba(20, 20, 20, .2), rgba(0, 0, 0, .2))
}

.loading:not(:required) {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
  z-index: 999999
}

.loading:not(:required):after {
  content: url(../img/loading.gif);
  display: block;
  font-size: 10px;
  width: 1em;
  height: 1em;
  margin-top: -4.5em;
  margin-left: -3.5rem;
  -webkit-animation: spinner 1.5s infinite linear;
  -moz-animation: spinner 1.5s infinite linear;
  -ms-animation: spinner 1.5s infinite linear;
  -o-animation: spinner 1.5s infinite linear;
  animation: spinner 1.5s infinite linear;
  border-radius: .5em
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50% !important;
  position: absolute;
  top: 270px !important;
  width: 100% !important
}

.dropspecial.show {
  display: block;
  position: absolute !important;
  right: -99px !important;
  top: 0 !important
}

.alert-special {
  width: 100%;
  max-width: 910px;
  position: absolute;
  z-index: 999;
  top: 106px;
  left: 0;
  right: 0;
  margin: auto;
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
}

.alert-warn {
  border-left: 4px solid #ff0;
  background-color: #fff4d4
}

.alert-error {
  border-left: 4px solid red;
  background-color: #fbdede
}

.alert-sucess {
  border-left: 4px solid green;
  background-color: #dffae7
}

.alert-close {
  cursor: pointer
}

@media screen and (max-width:992px) {
  .alert-special {
    width: 100%;
    max-width: 910px;
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12)
  }
}

.beneficiario {
  padding-top: 1rem;
  padding-bottom: 1rem
}

.beneficiario:first-child {
  padding-top: 0
}

.beneficiario:last-child {
  padding-bottom: 0
}

.beneficiario+.beneficiario {
  border-top: solid 1px #d8d8d8
}

.form-label-group {
  position: relative;
  min-width: 90px;
  max-width: 100%;
  margin-bottom: .5rem
}

.form-label-group label {
  position: absolute;
  margin: 0 auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: .85rem;
  color: #666;
  pointer-events: none;
  border-radius: 1;
  z-index: 1;
  -webkit-transition: top .15s cubic-bezier(.645, .045, .355, 1) 0s, left .15s cubic-bezier(.645, .045, .355, 1) 0s, color .15s cubic-bezier(.645, .045, .355, 1) 0s, font-size .15s cubic-bezier(.645, .045, .355, 1) 0s, paddding .15s cubic-bezier(.645, .045, .355, 1) 0s, background-color .15s cubic-bezier(.645, .045, .355, 1) 0s;
  -moz-transition: top .15s cubic-bezier(.645, .045, .355, 1) 0s, left .15s cubic-bezier(.645, .045, .355, 1) 0s, color .15s cubic-bezier(.645, .045, .355, 1) 0s, font-size .15s cubic-bezier(.645, .045, .355, 1) 0s, paddding .15s cubic-bezier(.645, .045, .355, 1) 0s, background-color .15s cubic-bezier(.645, .045, .355, 1) 0s;
  -ms-transition: top .15s cubic-bezier(.645, .045, .355, 1) 0s, left .15s cubic-bezier(.645, .045, .355, 1) 0s, color .15s cubic-bezier(.645, .045, .355, 1) 0s, font-size .15s cubic-bezier(.645, .045, .355, 1) 0s, paddding .15s cubic-bezier(.645, .045, .355, 1) 0s, background-color .15s cubic-bezier(.645, .045, .355, 1) 0s;
  -o-transition: top .15s cubic-bezier(.645, .045, .355, 1) 0s, left .15s cubic-bezier(.645, .045, .355, 1) 0s, color .15s cubic-bezier(.645, .045, .355, 1) 0s, font-size .15s cubic-bezier(.645, .045, .355, 1) 0s, paddding .15s cubic-bezier(.645, .045, .355, 1) 0s, background-color .15s cubic-bezier(.645, .045, .355, 1) 0s
}

.form-label-group label.error {
  top: 125% !important;
  font-size: .75rem !important
}

.form-label-group input[type=date],
.form-label-group input[type=email],
.form-label-group input[type=number],
.form-label-group input[type=password],
.form-label-group input[type=text],
.form-label-group select,
.form-label-group textarea {
  width: 100%;
  display: block;
  outline: 0 !important;
  position: relative;
  padding: 1.125rem .75rem;
  border-radius: .25rem;
  border: 1px solid #d8d8d8;
  color: #333;
  -webkit-transition: border .15s cubic-bezier(.645, .045, .355, 1) 0s;
  -moz-transition: border .15s cubic-bezier(.645, .045, .355, 1) 0s;
  -ms-transition: border .15s cubic-bezier(.645, .045, .355, 1) 0s;
  -o-transition: border .15s cubic-bezier(.645, .045, .355, 1) 0s
}

.form-label-group input[type=date]::-webkit-input-placeholder,
.form-label-group input[type=email]::-webkit-input-placeholder,
.form-label-group input[type=number]::-webkit-input-placeholder,
.form-label-group input[type=password]::-webkit-input-placeholder,
.form-label-group input[type=text]::-webkit-input-placeholder,
.form-label-group select::-webkit-input-placeholder,
.form-label-group textarea::-webkit-input-placeholder {
  color: transparent
}

.form-label-group input[type=date]:-ms-input-placeholder,
.form-label-group input[type=email]:-ms-input-placeholder,
.form-label-group input[type=number]:-ms-input-placeholder,
.form-label-group input[type=password]:-ms-input-placeholder,
.form-label-group input[type=text]:-ms-input-placeholder,
.form-label-group select:-ms-input-placeholder,
.form-label-group textarea:-ms-input-placeholder {
  color: transparent
}

.form-label-group input[type=date]::-ms-input-placeholder,
.form-label-group input[type=email]::-ms-input-placeholder,
.form-label-group input[type=number]::-ms-input-placeholder,
.form-label-group input[type=password]::-ms-input-placeholder,
.form-label-group input[type=text]::-ms-input-placeholder,
.form-label-group select::-ms-input-placeholder,
.form-label-group textarea::-ms-input-placeholder {
  color: transparent
}

.form-label-group input[type=date]::placeholder,
.form-label-group input[type=email]::placeholder,
.form-label-group input[type=number]::placeholder,
.form-label-group input[type=password]::placeholder,
.form-label-group input[type=text]::placeholder,
.form-label-group select::placeholder,
.form-label-group textarea::placeholder {
  color: transparent
}

.form-label-group input[type=date]:disabled,
.form-label-group input[type=email]:disabled,
.form-label-group input[type=number]:disabled,
.form-label-group input[type=password]:disabled,
.form-label-group input[type=text]:disabled,
.form-label-group select:disabled,
.form-label-group textarea:disabled {
  background-color: #ffffff !important;
  border-color: #d8d8d8 !important;
  color: #d8d8d8 !important
}

.form-label-group input[type=date]:disabled~label,
.form-label-group input[type=email]:disabled~label,
.form-label-group input[type=number]:disabled~label,
.form-label-group input[type=password]:disabled~label,
.form-label-group input[type=text]:disabled~label,
.form-label-group select:disabled~label,
.form-label-group textarea:disabled~label {
  color: #d8d8d8 !important;
  width: 90% !important;
}

.form-label-group input[type=date]:disabled~label:after,
.form-label-group input[type=email]:disabled~label:after,
.form-label-group input[type=number]:disabled~label:after,
.form-label-group input[type=password]:disabled~label:after,
.form-label-group input[type=text]:disabled~label:after,
.form-label-group select:disabled~label:after,
.form-label-group textarea:disabled~label:after {
  color: #d8d8d8 !important
}

.form-label-group input[type=date][required]~label:after,
.form-label-group input[type=email][required]~label:after,
.form-label-group input[type=number][required]~label:after,
.form-label-group input[type=password][required]~label:after,
.form-label-group input[type=text][required]~label:after,
.form-label-group select[required]~label:after,
.form-label-group textarea[required]~label:after {
  content: '*';
  margin-left: .25rem;
  position: relative;
  color: red;
  display: inline-block
}

.form-label-group input[type=date]:focus,
.form-label-group input[type=date]:focus-within,
.form-label-group input[type=date]:not(:placeholder-shown),
.form-label-group input[type=email]:focus,
.form-label-group input[type=email]:focus-within,
.form-label-group input[type=email]:not(:placeholder-shown),
.form-label-group input[type=number]:focus,
.form-label-group input[type=number]:focus-within,
.form-label-group input[type=number]:not(:placeholder-shown),
.form-label-group input[type=password]:focus,
.form-label-group input[type=password]:focus-within,
.form-label-group input[type=password]:not(:placeholder-shown),
.form-label-group input[type=text]:focus,
.form-label-group input[type=text]:focus-within,
.form-label-group input[type=text]:not(:placeholder-shown),
.form-label-group select:focus,
.form-label-group select:focus-within,
.form-label-group select:not(:placeholder-shown),
.form-label-group textarea:focus,
.form-label-group textarea:focus-within,
.form-label-group textarea:not(:placeholder-shown) {
  color: #333;
  -webkit-box-shadow: 0 .125rem .25rem 0 transparent;
  box-shadow: 0 .125rem .25rem 0 transparent
}

.form-label-group input[type=date]:focus-within:not(select),
.form-label-group input[type=date]:focus:not(select),
.form-label-group input[type=date]:not(:placeholder-shown):not(select),
.form-label-group input[type=email]:focus-within:not(select),
.form-label-group input[type=email]:focus:not(select),
.form-label-group input[type=email]:not(:placeholder-shown):not(select),
.form-label-group input[type=number]:focus-within:not(select),
.form-label-group input[type=number]:focus:not(select),
.form-label-group input[type=number]:not(:placeholder-shown):not(select),
.form-label-group input[type=password]:focus-within:not(select),
.form-label-group input[type=password]:focus:not(select),
.form-label-group input[type=password]:not(:placeholder-shown):not(select),
.form-label-group input[type=text]:focus-within:not(select),
.form-label-group input[type=text]:focus:not(select),
.form-label-group input[type=text]:not(:placeholder-shown):not(select),
.form-label-group select:focus-within:not(select),
.form-label-group select:focus:not(select),
.form-label-group select:not(:placeholder-shown):not(select),
.form-label-group textarea:focus-within:not(select),
.form-label-group textarea:focus:not(select),
.form-label-group textarea:not(:placeholder-shown):not(select) {
  border: 1px solid var(--primary);
}

.form-label-group input[type=date]:focus-within:not(select)~label:not(.error),
.form-label-group input[type=date]:focus:not(select)~label:not(.error),
.form-label-group input[type=date]:not(:placeholder-shown):not(select)~label:not(.error),
.form-label-group input[type=email]:focus-within:not(select)~label:not(.error),
.form-label-group input[type=email]:focus:not(select)~label:not(.error),
.form-label-group input[type=email]:not(:placeholder-shown):not(select)~label:not(.error),
.form-label-group input[type=number]:focus-within:not(select)~label:not(.error),
.form-label-group input[type=number]:focus:not(select)~label:not(.error),
.form-label-group input[type=number]:not(:placeholder-shown):not(select)~label:not(.error),
.form-label-group input[type=password]:focus-within:not(select)~label:not(.error),
.form-label-group input[type=password]:focus:not(select)~label:not(.error),
.form-label-group input[type=password]:not(:placeholder-shown):not(select)~label:not(.error),
.form-label-group input[type=text]:focus-within:not(select)~label:not(.error),
.form-label-group input[type=text]:focus:not(select)~label:not(.error),
.form-label-group input[type=text]:not(:placeholder-shown):not(select)~label:not(.error),
.form-label-group select:focus-within:not(select)~label:not(.error),
.form-label-group select:focus:not(select)~label:not(.error),
.form-label-group select:not(:placeholder-shown):not(select)~label:not(.error),
.form-label-group textarea:focus-within:not(select)~label:not(.error),
.form-label-group textarea:focus:not(select)~label:not(.error),
.form-label-group textarea:not(:placeholder-shown):not(select)~label:not(.error) {
  color: var(--primary);
}

.form-label-group input[type=date]:focus-within:not(select)~label:after,
.form-label-group input[type=date]:focus:not(select)~label:after,
.form-label-group input[type=date]:not(:placeholder-shown):not(select)~label:after,
.form-label-group input[type=email]:focus-within:not(select)~label:after,
.form-label-group input[type=email]:focus:not(select)~label:after,
.form-label-group input[type=email]:not(:placeholder-shown):not(select)~label:after,
.form-label-group input[type=number]:focus-within:not(select)~label:after,
.form-label-group input[type=number]:focus:not(select)~label:after,
.form-label-group input[type=number]:not(:placeholder-shown):not(select)~label:after,
.form-label-group input[type=password]:focus-within:not(select)~label:after,
.form-label-group input[type=password]:focus:not(select)~label:after,
.form-label-group input[type=password]:not(:placeholder-shown):not(select)~label:after,
.form-label-group input[type=text]:focus-within:not(select)~label:after,
.form-label-group input[type=text]:focus:not(select)~label:after,
.form-label-group input[type=text]:not(:placeholder-shown):not(select)~label:after,
.form-label-group select:focus-within:not(select)~label:after,
.form-label-group select:focus:not(select)~label:after,
.form-label-group select:not(:placeholder-shown):not(select)~label:after,
.form-label-group textarea:focus-within:not(select)~label:after,
.form-label-group textarea:focus:not(select)~label:after,
.form-label-group textarea:not(:placeholder-shown):not(select)~label:after {
  color: var(--primary);
}

.form-label-group input[type=date]:focus-within~label:not(.error),
.form-label-group input[type=date]:focus~label:not(.error),
.form-label-group input[type=date]:not(:placeholder-shown)~label:not(.error),
.form-label-group input[type=email]:focus-within~label:not(.error),
.form-label-group input[type=email]:focus~label:not(.error),
.form-label-group input[type=email]:not(:placeholder-shown)~label:not(.error),
.form-label-group input[type=number]:focus-within~label:not(.error),
.form-label-group input[type=number]:focus~label:not(.error),
.form-label-group input[type=number]:not(:placeholder-shown)~label:not(.error),
.form-label-group input[type=password]:focus-within~label:not(.error),
.form-label-group input[type=password]:focus~label:not(.error),
.form-label-group input[type=password]:not(:placeholder-shown)~label:not(.error),
.form-label-group input[type=text]:focus-within~label:not(.error),
.form-label-group input[type=text]:focus~label:not(.error),
.form-label-group input[type=text]:not(:placeholder-shown)~label:not(.error),
.form-label-group select:focus-within~label:not(.error),
.form-label-group select:focus~label:not(.error),
.form-label-group select:not(:placeholder-shown)~label:not(.error),
.form-label-group textarea:focus-within~label:not(.error),
.form-label-group textarea:focus~label:not(.error),
.form-label-group textarea:not(:placeholder-shown)~label:not(.error) {
  top: -1.56%;
  left: .6rem;
  font-size: .75rem;
  background-color: #fff;
  padding: 0 .30rem;
  width: auto;
}

.form-label-group i {
  position: absolute;
  top: .3rem;
  right: 0.3rem;
  font-size: 1.75rem;
}

#ui-datepicker-div {
  z-index: 999 !important;
}

.form-label-group input[type=date]:not(:focus):not(:placeholder-shown):not(select),
.form-label-group input[type=email]:not(:focus):not(:placeholder-shown):not(select),
.form-label-group input[type=number]:not(:focus):not(:placeholder-shown):not(select),
.form-label-group input[type=password]:not(:focus):not(:placeholder-shown):not(select),
.form-label-group input[type=text]:not(:focus):not(:placeholder-shown):not(select),
.form-label-group select:not(:focus):not(:placeholder-shown):not(select),
.form-label-group textarea:not(:focus):not(:placeholder-shown):not(select) {
  border: 1px solid #d8d8d8
}

.form-label-group input[type=date]:not(:focus):not(:placeholder-shown):not(select)~label:not(.error),
.form-label-group input[type=email]:not(:focus):not(:placeholder-shown):not(select)~label:not(.error),
.form-label-group input[type=number]:not(:focus):not(:placeholder-shown):not(select)~label:not(.error),
.form-label-group input[type=password]:not(:focus):not(:placeholder-shown):not(select)~label:not(.error),
.form-label-group input[type=text]:not(:focus):not(:placeholder-shown):not(select)~label:not(.error),
.form-label-group select:not(:focus):not(:placeholder-shown):not(select)~label:not(.error),
.form-label-group textarea:not(:focus):not(:placeholder-shown):not(select)~label:not(.error) {
  color: #666
}

.form-label-group input[type=date]:not(:focus):not(:placeholder-shown):not(select)~label:not(.error):after,
.form-label-group input[type=email]:not(:focus):not(:placeholder-shown):not(select)~label:not(.error):after,
.form-label-group input[type=number]:not(:focus):not(:placeholder-shown):not(select)~label:not(.error):after,
.form-label-group input[type=password]:not(:focus):not(:placeholder-shown):not(select)~label:not(.error):after,
.form-label-group input[type=text]:not(:focus):not(:placeholder-shown):not(select)~label:not(.error):after,
.form-label-group select:not(:focus):not(:placeholder-shown):not(select)~label:not(.error):after,
.form-label-group textarea:not(:focus):not(:placeholder-shown):not(select)~label:not(.error):after {
  color: red
}

.form-label-group input[type=date].error,
.form-label-group input[type=email].error,
.form-label-group input[type=number].error,
.form-label-group input[type=password].error,
.form-label-group input[type=text].error,
.form-label-group select.error,
.form-label-group textarea.error {
  border-color: red !important
}

.form-label-group input[type=date].error~label,
.form-label-group input[type=email].error~label,
.form-label-group input[type=number].error~label,
.form-label-group input[type=password].error~label,
.form-label-group input[type=text].error~label,
.form-label-group select.error~label,
.form-label-group textarea.error~label {
  color: red !important
}

.form-label-group input[type=date].error~label:after,
.form-label-group input[type=email].error~label:after,
.form-label-group input[type=number].error~label:after,
.form-label-group input[type=password].error~label:after,
.form-label-group input[type=text].error~label:after,
.form-label-group select.error~label:after,
.form-label-group textarea.error~label:after {
  display: none
}

.form-label-group select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  color: transparent !important
}

.form-label-group select::ms-expand {
  display: none
}

.form-label-group select option {
  color: #666 !important
}

.form-label-group select::-webkit-input-placeholder {
  color: transparent !important
}

.form-label-group select:-ms-input-placeholder {
  color: transparent !important
}

.form-label-group select::-ms-input-placeholder {
  color: transparent !important
}

.form-label-group select::placeholder {
  color: transparent !important
}

.form-label-group select:not(:placeholder-shown)~label {
  color: #666
}

.form-label-group select.disabled {
  color: #d8d8d8 !important;
  border-color: #d8d8d8 !important
}

.form-label-group select.disabled~label {
  color: #d8d8d8 !important
}

.form-label-group select.disabled~label:after {
  color: #d8d8d8 !important
}

.form-label-group select.disabled~i {
  color: #d8d8d8 !important
}

.form-label-group select~i {
  position: absolute;
  color: #666;
  top: 50%;
  right: .5rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
}

.form-label-group select~label {
  font-size: inherit !important;
  top: 50% !important
}

.form-label-group select:focus,
.form-label-group select:not([value=""]):valid {
  color: #666 !important
}

.form-label-group select:focus~label:not(.error),
.form-label-group select:not([value=""]):valid~label:not(.error) {
  top: -1.56% !important;
  font-size: .75rem !important;
  width: auto;
}

.form-label-group select:focus {
  color: var(--primary) !important
}

.form-label-group select:focus~label {
  color: var(--primary);
}

.form-label-group select.error {
  border: 1px solid red
}

.form-label-group select.error~label {
  color: red
}

.form-label-group select.form-valid {
  color: #0abd3e;
  border: 1px solid #0abd3e
}

.form-label-group select.form-valid~label {
  color: #0abd3e
}

.form-label-group select.select-big {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
  border-width: 2px
}

@media (min-width:992px) {
  .form-label-group select.select-big {
    width: auto
  }
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0
}

input[type=number] {
  -moz-appearance: textfield
}

.page-container {
  padding-bottom: calc(389px + 3rem)
}

.new_spaccing {
  padding-bottom: calc(389px + 3rem)
}

@media (max-width:991.98px) {
  .page-container {
    padding-bottom: calc(564px + 3rem)
  }

  .new_spaccing {
    padding-bottom: calc(564px + 1rem)
  }
}

.btnFixedMovil {
  position: fixed;
  z-index: 5;
  padding: 1rem;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #fff;
  -webkit-box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 -10px 20px 0 rgba(0, 0, 0, .2)
}

.btnFixedModal {
  position: sticky;
  bottom: 0;
  width: 100%;
  background: #fff;
  z-index: 999
}

@media screen and (max-width:790px) {
  .btnFixedModal {
    position: fixed
  }
}

.alert {
  z-index: 9
}

.alert.alert-liverpool {
  z-index: 9999;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  top: calc(50px);
  width: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-box-shadow: 0 1px 18px 0 rgba(0, 0, 0, .5);
  box-shadow: 0 1px 18px 0 rgba(0, 0, 0, .5);
  border-radius: 0;
  margin: auto;
  background-color: #fbdede;
  color: #333;
  padding: 1rem;
  min-height: 48px;
  height: auto border: none;
  border-left: solid 5px red
}

@media (min-width:992px) {
  .alert.alert-liverpool {
    max-width: 910px !important
  }
}

@media (max-width:991.98px) {
  .alert.alert-liverpool {
    top: 0 !important
  }
}

.alert-liverpool-success {
  background-color: #dffae7 !important;
  border-left: solid 5px #0abd3e !important
}

.alert-liverpool-danger {
  background-color: #fbdede !important;
  border-left: solid 5px red !important
}

.alert-liverpool-warning {
  background-color: #fff4d4 !important;
  border-left: solid 5px #ffd457 !important
}

.menudd {
  min-width: 110px
}

.form-check input[type=radio i]~label.error {
  display: none !important
}

.form-check input.error[type=radio i] {
  border-color: red !important
}

.form-check input.error[type=radio]~label {
  color: red !important
}

.form-check input.error[type=radio]~label a {
  color: red !important
}

.skeleton .skeleton-item {
  opacity: 0.75;
  display: block;
  padding: 0.125rem 1rem;
  border-radius: 0.75rem;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
  animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  background-color: #ced4da;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(14.36%, #ced4da), color-stop(56.29%, #e9ecef), to(#ced4da));
  background-image: linear-gradient(90deg, #ced4da 14.36%, #e9ecef 56.29%, #ced4da 100%);
  background-repeat: no-repeat;
  background-size: 244px 104px;
}

.skeleton-btn {
  width: 150px !important;
}

@media (max-width: 1399.98px) {
  .skeleton-btn {
    width: 80px !important;
    height: 39px !important;
  }
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: calc(0% - 300px) 0;
  }

  20% {
    background-position: calc(0% - 300px) 0;
  }

  80% {
    background-position: calc(100% + 300px) 0;
  }

  100% {
    background-position: calc(100% + 300px) 0;
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: calc(0% - 300px) 0;
  }

  20% {
    background-position: calc(0% - 300px) 0;
  }

  80% {
    background-position: calc(100% + 300px) 0;
  }

  100% {
    background-position: calc(100% + 300px) 0;
  }
}

.card-headerCoti {
  height: 230px !important;
}

.card-headerDescrip {
  height: 60px !important;
}

.noborders {
  border: 0px solid;
}

.btnPaquetes {
  border-radius: 16px;
  border: 1px solid #EFEFEF !important;
  height: 32px;
  width: 100px;
  background-color: #EFEFEF;
  color: #939393;
}

.menuCot {
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
  display: flex;
}

.w-80 {
  width: 80% !important;
}

.acordiTitle:after {
  content: "\F143";
}

.acordiTitle:after {
  display: inline-block;
  font: normal normal normal 24px/1 "Material Design Icons";
  text-rendering: auto;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  right: 16px;
  top: 10px;
}

.acordiTitle.collapsed:after {
  content: "\F140";
}

@media(min-width: 992px) {
  .mw-lg-328 {
    max-width: 328px;
  }
}

.btnDescuentos {
  border-radius: 16px;
  border: 1px solid #EFEFEF !important;
  height: 28px;
  width: 120px;
  background-color: #9d9d9d;
  color: #ffffff;
}

.btnActive {
  background-color: #FFFFFF;
  color: #676767;
  border: 1px solid #EFEFEF !important;
  border-color: #EFEFEF !important;
}

.btnPaquetes {
  cursor: pointer !important;
}

.overloading {
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: 99999999999999;
  top: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.8);
  transition: 0.5s;
}

.overloading-content {
  position: relative;
  top: 45%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.btn-link {
  cursor: pointer !important;
}

.card-planes {
  min-height: 579px;
  max-width: 650;
  height: 650px;
}

.p-especial {
  padding-right: 8px;
  padding-left: 8px;
}

/* The container */
.form-box {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.form-box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  border: 2px solid #666666;
  border-radius: 3px;
  background-color: transparent;
}

/* On mouse-over, add a grey background color */
.form-box:hover input~.checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.form-box input:checked~.checkmark {
  background-color: #666666;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.form-box input:checked~.checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.form-box .checkmark:after {
  left: 5px;
  top: 1px;
  width: 7px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.form-label-group .dropdown-menu {
  width: 100% !important;
  overflow-y: auto;
  overflow-x: auto;
  max-height: 180px;
}

.form-label-group .dropdown-menu .dropdown-item {
  font-size: 0.75rem;
  color: #666 !important;
  padding: .55rem;
}

#bulletsSpecial .swiper-pagination-bullet {
  background: #000000 !important;
  margin-left: .5rem;
}

#bulletsSpecial .swiper-pagination-bullet-active {
  background: var(--primary) !important;
}

.bg-shadow {
  background-color: rgba(97, 32, 102, 0.2) !important;
}

.posAb {
  position: absolute;
  left: 16px;
}

.bg-form-purple{
  background-color: #fff;
}

.bg-form-purple::before {
  content: '';
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  height: 104%;
  top: -10px;
  right: 0;
  border-left: 102vw solid #552166;
  border-top: 14vh solid transparent;
  transition: .1s all;
}

@media (min-width: 1200px) {
  .bg-form-purple::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    border-left: 160px solid transparent;
    border-bottom: 38rem solid #552166;
    border-top: none;
    transition: .1s all;
  }
}

@media (min-width: 1700px) {
  .bg-form-purple::before {
    border-bottom: 38rem solid #552166;
  }
}

/* @media (min-width: 1520px) {
  .bg-form-purple::before {

    border-left: 160px solid transparent;
    border-bottom: 24vw solid #552166;
    border-top: none;
  }
}

@media (min-width: 1684px) {
  .bg-form-purple::before {

    border-left: 160px solid transparent;
    border-bottom: 20vw solid #552166;
    border-top: none;
  }
}

@media (min-width: 2500px) {
  .bg-form-purple::before {

    border-left: 160px solid transparent;
    border-bottom: 20vw solid #552166;
    border-top: none;
  }
} */

.bg-form-purple-icons::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: -28px;
  right: 0;
  border-left: 33px solid transparent;
  border-bottom: 54px solid #552166;
  transition: .1s all;
}

@media (min-width: 1200px) {
  .bg-form-purple-icons::before {
    top: -28px;
    border-left: 20px solid transparent;
    right: -13px;
    border-bottom: 57px solid #552166;
  }
}

.tabs-cotizador .nav-link {
  background-color: #D8D8D8;
  color: #333333;
  border-radius: 0;
}

.tabs-cotizador .nav-link.active {
  background-color: #fff;
  color: #333333;
  font-weight: 500;
}

/* #validateCotizador{
  width: 100%;
  padding: 0 1rem;
}

@media (min-width: 992px){
  #validateCotizador{
      width: 630px;
      padding: 0;
  }
} */

/* Inicia los estilos de la libreria select2  */
.select2-container {
  /* width: 100% !important; */
}

.select2-container--default .select2-selection--multiple {
  /* border: 1px solid #d8d8d8 !important; */
  min-height: 36px !important;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid #552166 1px !important;
}

.select2-container--default .select2-search--inline .select2-search__field {
  font-family: "Oscine Trial", sans-serif !important;
  color: #666 !important;
  padding: 0 10px !important;
  width: 100% !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: none !important;
  background-color: white !important;
  color: #666 !important;
  font-size: 1rem;
  text-transform: capitalize;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  border: none !important;
  color: #666 !important;
  font-weight: 100 !important;
  float: right;
  right: 0 !important;
  left: initial !important;
  top: -0.3rem !important;
  font-size: 1.4rem !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  background-color: transparent !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  padding-left: 3px !important;
  padding-right: 18px !important;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: block !important;
  padding: 0;
  width: 90%;
  white-space: pre-wrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.select2-container--default .select2-results__option--selected {
  display: none;
}

.form-label-group textarea:not(:focus):not(:placeholder-shown):not(select) {
  border: none;
}

.select2-container--default .select2-results>.select2-results__options {
  max-height: 132px !important;
}

.select2-results__option {
  padding: 6px 6px 6px 16px !important;
  margin-top: 0;
  line-height: 19px;
  text-transform: capitalize;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: lightgray !important;
  color: #333333 !important;
}

.select2-dropdown {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15);
  border: none !important;
  border-radius: 0 !important;
}


.placeholder-select2 {
  position: absolute;
  pointer-events: none;
  top: 0;
  bottom: 0;
  /* height: 16px; */
  font-size: 16px;
  left: 10px;
  margin: 6px;
  color: #666;
  max-width: 14.5rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 768px) {
  .placeholder-select2 {
    max-width: 19rem;
  }
}

.placeholder-select2 span {
  color: red;
}

.select2-results__message {
  text-transform: inherit;
}

/* Aquí termina los estilos de la libreria select2 */