@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap');

body {
  font-family: 'DM Sans', sans-serif;
}



/*===== All Preloader Style =====*/
.preloader {
  /* Body Overlay */
  position: fixed;
  top: 0;
  left: 0;
  display: table;
  height: 100%;
  width: 100%;
  /* Change Background Color */
  background: #fff;
  z-index: 99999;
}
.preloader .loader {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.preloader .loader .ytp-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 64px;
  margin-left: -32px;
  z-index: 18;
  pointer-events: none;
}
.select-field{
    border-radius: 20px;
    height: 41px;
}
.preloader .loader .ytp-spinner .ytp-spinner-container {
  pointer-events: none;
  position: absolute;
  width: 100%;
  padding-bottom: 100%;
  top: 50%;
  left: 50%;
  margin-top: -50%;
  margin-left: -50%;
  -webkit-animation: ytp-spinner-linspin 1568.2353ms linear infinite;
  animation: ytp-spinner-linspin 1568.2353ms linear infinite;
}

.preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: ytp-spinner-easespin 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-left {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  right: 50%;
}

.preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-right {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  left: 50%;
}

.preloader .loader .ytp-spinner-circle {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 200%;
  height: 100%;
  border-style: solid;
  /* Spinner Color */
  border-color: #F2802D #F2802D #ededed;
  border-radius: 50%;
  border-width: 6px;
}

.preloader .loader .ytp-spinner-left .ytp-spinner-circle {
  left: 0;
  right: -100%;
  border-right-color: #ededed;
  -webkit-animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: ytp-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

.preloader .loader .ytp-spinner-right .ytp-spinner-circle {
  left: -100%;
  right: 0;
  border-left-color: #ededed;
  -webkit-animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  animation: ytp-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
}

/* Preloader Animations */
@-webkit-keyframes ytp-spinner-linspin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes ytp-spinner-linspin {
  to {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes ytp-spinner-easespin {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}

@keyframes ytp-spinner-easespin {
  12.5% {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  25% {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
  }
  37.5% {
    -webkit-transform: rotate(405deg);
    transform: rotate(405deg);
  }
  50% {
    -webkit-transform: rotate(540deg);
    transform: rotate(540deg);
  }
  62.5% {
    -webkit-transform: rotate(675deg);
    transform: rotate(675deg);
  }
  75% {
    -webkit-transform: rotate(810deg);
    transform: rotate(810deg);
  }
  87.5% {
    -webkit-transform: rotate(945deg);
    transform: rotate(945deg);
  }
  to {
    -webkit-transform: rotate(1080deg);
    transform: rotate(1080deg);
  }
}

@-webkit-keyframes ytp-spinner-left-spin {
  0% {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
}

@keyframes ytp-spinner-left-spin {
  0% {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
  50% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  to {
    -webkit-transform: rotate(130deg);
    transform: rotate(130deg);
  }
}

@-webkit-keyframes ytp-right-spin {
  0% {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}

@keyframes ytp-right-spin {
  0% {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
  50% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  to {
    -webkit-transform: rotate(-130deg);
    transform: rotate(-130deg);
  }
}

@media (min-width: 576px) and (max-width: 1200px) {
    .modal-qr{
        max-width: 550px !important;
    }
}

@media (max-width: 1199px) {
    .navbar-brand-logo{
        min-width: 4.5rem !important;
        max-width: 4.5rem !important;
    }
}


@media (max-width: 992px) {
    .d-xs-none {
        display: none!important
    }
    .form-card{
        padding-left: 2rem !important;
    }
    .content-space-t-5{
        padding-top: 7rem !important;
    }
    .size-6{
        font-size: 27px !important;
    }
    .modal-telc{
        margin-top: 2rem;
    }
    .modal-telc-img img{
        width: -webkit-fill-available;
    }
    .w-xs-100 {
        width: 100%;
    }
    .mt-sl-5 {
        margin-top: 2rem!important
    }
    #localModal p{
        width: auto !important;
    }
    .well-profile{
        margin-top: 3rem;
        text-align: center;
    }
    .align-items-start.back-item{
        display: block !important;
    }
    .p-sm{
        margin-top: 1rem;
    }
    .dropdown-notify {
        transform: translate(-13px, -1px) !important;
        width: 330px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .w-xs-100 {
        width: 90% !important;
    }
    .text-partner{
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}
.img-tariffs{
    width: 100%;
}
.tariff-desktop{
    display: none;
}
.tariff-mobile{
    display: initial;
}
@media (min-width: 992px) {
    .container-acc {
        min-height: 450px;
    }
    .tariff-mobile{
        display: none;
    }
    .tariff-desktop{
        display: initial;
    }
}


.swiper-container-button{
    position: relative !important;
    padding: 0 !important;
}
@media (max-width: 768px) {
    .modal-body {
        padding: 2rem 1rem;
    }
    .botton-m{
        margin-top: 2rem;
    }
    .head-wrap{
        margin-left: 0 !important;
    }
    .mb-ssm-1{
        margin-bottom: 0.25rem!important;
    }
    .img-footer-services {
        width: 100% !important;
    }
    .btn-res-search{
        text-align: center !important;
    }
}

.link-black {
    color: #000;
    text-decoration: underline;
}

/* INDEX */
.team-.rental{
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
}
.swiper-button-prev.index-botton{
    border-radius: 50%;
    width: 70px;
    height: 70px;
    border: 1px solid #E5ECEE;
    box-sizing: border-box;
    background: #fff;
    box-shadow:none !important;
    position: relative !important;
    margin: 1rem;
    
}
.swiper-button-next.index-botton{
    border-radius: 50%;
    width: 70px;
    height: 70px;
    border: 1px solid #E5ECEE;
    box-sizing: border-box;
    background: #fff;
    box-shadow: none !important;
    position: relative !important;
    margin: 1rem;
}
.swiper-button-next.index-botton:after, .swiper-button-prev.index-botton:after{
    width: 0 !important;
}



.js-swiper-single-testimonials-pagination.none {
    display: none;
}


/*fonts*/
.font-serif {
    font-family: 'DM Serif Display', serif;
    font-style: italic;
}
.font-inter{
    font-family: 'Inter';
}
.font-style-none {
    font-style: normal;
}

.text-orange {
    color: #F2802D;
}
.text-grey {
    color: #B2B2B2;
}

.text-grey-italic {
    font-style: italic;
    color: #878787;
}
.font-italic{
    font-style: italic;
}

.text-border {
    position: relative;
    padding-bottom: 1.814rem;
}
.text-border:before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 40px;
    background-color: #F2802D;
    left: 0;
    right: 0;
    height: 3px;
    margin: 0 auto;
}


/*NAV SITE*/
.navbar {
    height: 90px;
    align-items: center;
    display: flex;
    border: 1px solid #E5ECEE;
}
@media (max-width: 768px) { 
    .navbar {
        height: auto;
    }
}

.navbar-brand {
    margin-bottom: -40px;
}
@media (max-width: 768px) { 
    .navbar-brand {
        margin-bottom: 0;
        position: absolute;
        top: 5px;
        width: 100px;
    }
    .navbar-brand img {
        min-width: 100%;
        max-width: 100%;
    }
}


/*Nav Profile*/
.btn-profile {
    padding: 0;
    background: transparent;
    border: none;
}
.name-user {
    color: #8083A3;
    padding-right: 10px;
}
.image-profile {
    width: 50px;
    overflow: hidden;
    border-radius: 50px;
    border: solid 1px #000000;
}
.image-profile img {
    width: 100%;
}
@media (max-width: 768px) { 
    .nav-user .dropdown-menu[data-bs-popper] {
        left: auto;
        margin-top: 8px;
        right: 0;
    }
}
.card-account{
    margin-top: 76px;
    padding: 0.4rem;
}
.card-vertical li a{
    margin-left: 0 !important;
    border-top-left-radius: 12px !important;
    border-bottom-left-radius: 12px;
}
.card-vertical li a{
    margin-right: 0 !important;
   border-radius: 12px !important;
}
.card-vertical{
    margin-top: 3.75rem;
    
}
.name-acc-1{
    font-size: 14px;
    font-weight: 700;
    line-height: 21px;
    padding-left: 2.375rem;
}

.form-card{
    padding-left: 4rem;
}
.name-acc-2{
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    color: #8083A3;
    padding-left: 3.1rem;
}
.back-profile{
    position: absolute;
    left: 0;
    right: 0;
    top: 6.87%;
    bottom: 76.82%;
    background: #F5F5FA;
    mix-blend-mode: normal;
    border-radius: 16px;
}
/*Button Back to top*/
.back-to-top.btn-hover {
    position: fixed;
    z-index: 99999;
}
.btn-hover {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.back-to-top {
    display: none;
    text-align: center;
    line-height: 50px;
    color: #fff;
    position: fixed;
    bottom: 40px;
    right: 30px;
    z-index: 99999;
    cursor: pointer;
    width: 3.125rem;
    height: 3.125rem;
    background-color: #F2802D;
    color: #FFFFFF;
    font-size: 1rem;
    border-radius: 50%;
    transition: .3s ease-out;
        display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: "inter" ;
}    
.back-to-top {
    display: none;
}
.back-to-top:hover {
    color: #FFFFFF
}




/*HOME > SECTION HERO*/
#hero-home {
    background-image: url(../img/hero/Rectangle-hero.png);
    background-position: center top;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 100%;
}
@media (max-width: 1280px) {
    #hero-home {
        background-position: right top;
        background-size: cover;
    }
}
@media (max-width: 920px) {
    #hero-home {
        height: auto;
    }
}
@media (max-width: 768px) {
    #hero-home {
        max-height: 505px;
        margin-bottom: 7.514rem;
    }
}
@media (max-width: 576px) {
    a.btn.btn-link{
        margin-left: 0 !important;
    }
    #localModal p{
        width: auto !important;
    }
    .select-nivel{
        width: auto !important;
    }
    .px-sm-7 {
        padding-right: 3rem!important;
        padding-left: 3rem!important
    }
    .px-mb-11{
        display: grid;
    }
    .size-4>p{
        font-size: 15px !important;
    }
    #description{
        padding-left: 1rem;
        padding-right: 1rem;
    }
    #tab-details .size-1 {
        font-size: 16px !important;
    }
    .content-space-3{
        padding-top: 5rem!important;
        padding-bottom: 7rem!important;
    }
    .card-product-detail{
        padding: 1rem 1rem !important;
    }
    .container-acc{
        height: 550px;
    }
    .w-block-center{
        width: auto !important;
    }
    .navbar-brand-head{
        margin-left: 0 !important;
    }
    .head-wrap{
        margin-left: 5rem !important;
    }
    .mt-sm{
        margin-top: 1rem;
    }
    .dropdown-notify {
        width: 293px !important;
       
    }
    .card-form .card-body{
        padding: 0rem !important;
    }
    
}

#hero-home h1 {
    font-size: 3.814rem;
}
@media (min-width: 1200px) {
    #hero-home h1 {
        font-size: 4rem;
        font-weight: 500;
        line-height: 99px;
    }
    #hidden-button{
        content-visibility: hidden;
    }
}
@media (max-width: 768px) {
    #hero-home h1 {
        font-size: 3.214rem;
    }
    #hero-home .arrow-hero {
        display: none;
    }
    #image-login{
        display: none;
    }
}
@media (max-width: 690px) {
    #hero-home h1 {
        color: #FFF;
    }
    #hero-home .lead {
        color: #FFF;
    }
}
#hero-home .arrow-hero {
    position: absolute;
    top: 35%;
    left: 0;
    right: -45px;
    margin: 0 auto;
    width: 70px;
}

@media (min-width: 576px) {
    .px-mb-11 {
        padding-right: 8rem!important;
        padding-left: 8rem!important;
    }
}


/*Form*/
#hero-home .form-label {
    font-size: 1rem;
    color: #1e2022;
    font-weight: 500;
}

#hero-home .arrow-bg {
    position: relative;
}
#hero-home .arrow-bg:before {
    content: "";
    position: absolute;
    right: 20px;
    top: 20px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23677788'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
    width: 15px;
    height: 15px;
    z-index: 5;
    transform: rotate(270deg);
    background-repeat: no-repeat;
}
#hero-home .form-control-lg {
    padding: 0.75rem 1.2rem;
}

.form-select-bg {
    font-size: 1rem;
    padding: 0.75rem 1.2rem;
}

/*HOME > SECTION > SELECT NIVEL*/
.select-nivel {
    position: relative;
    width: 235px;
    margin: 0 auto;
}
.select-nivel input[type="checkbox"][id^="myCheckbox"] {
  display: none;
}

.select-nivel label {
  padding: 0;
  display: block;
  position: relative;
  margin: 0 auto;
  cursor: pointer;
  width: 190px;
  height: 190px;
  border-radius: 100px;
}
.select-nivel label img {
  height: 190px;
  width: 190px;
  border-radius: 100px;
  border: 2px solid transparent;
  transition-duration: 0.2s;
  opacity: .6;
}
.select-nivel h3{
    opacity: .6;
}
.select-nivel label:hover img {
    box-shadow: 0px 10px 17px rgb(0 0 0 / 14%);
}
.select-nivel .form-check-input[type=radio] {
    background-image: none;
    position: absolute;
    right: 28px;
    z-index: 1;
    top: 7px;
    width: 35px;
    height: 35px;
    background-color: transparent;
    border: solid 1px transparent;
    padding: 5px 0;
    transform: scale(0);
}
.select-nivel .form-check-input:checked[type=radio] {
    background-color: #F2802D;
    border: solid 1px #F2802D;
    transform: scale(1);
    transition-duration: 0.4s;
}
.select-nivel .form-check-input:checked[type=radio] ~ h3 {
    opacity: 1 !important;
}
.select-nivel .form-check-input:checked[type=radio]:after {
    content: "✓";
    text-align: center;
    width: 35px;
    height: 35px;
    float: left;
    color: #fff;
    line-height: normal;
}
.select-nivel:hover img {
    opacity: 9;
}
.select-nivel :checked + label img {
  opacity: 9;
  border: 2px solid #F2802D;
    box-shadow: 0px 10px 17px rgb(0 0 0 / 14%);
}



/*HOME > SECTION > MAP LOCALS*/
.map-points {
    background-image: url(../img/mapa-catedralskirental.png);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    height: 900px;
    position: relative;
}
.btn-modal-points {
    position: absolute;
    top: 52%;
    width: 70px;
    height: 70px;
    text-align: center;
    padding: 20px;
    background: #F2802D;
    border-radius: 50px;
}
.btn-modal-points.point-1 {
    left: 17%;
}
.btn-modal-points.point-2 {
    left: 29%;
}

@media (max-width: 1200px) {
    .map-points {
        height: 360px;
    }
    .table-name-1{
        padding-top: 5px;
    }
    .size-3{
        font-size: 1.25625rem !important;
    }
    .card-product-in{
        height: auto !important;
    }
    td.row.border-line-left {
        margin-left: 0px;
        display: revert;
    }
    #hidden-button-one {
        content-visibility: hidden;
        width: 0;
        background-color: #fff;
    }
    .mt-s {
        margin-top: 2rem !important;
    }
    .back-item-p{
        border-left: 0rem solid !important;
    }
}
@media (max-width: 768px) {
    .btn-modal-points {
        width: 33px;
        height: 33px;
        padding: 2px;
    }
}
@media (max-width: 620px) {
    .map-points {
        height: 200px;
    }
    .btn-modal-points {
        width: 25px;
        height: 25px;
        padding: 0;
    }
    .btn-modal-points svg {
        height: 13px;
    }
    
}



.bg-grey {
    background-color: #E5ECEE;
}





/*HOME > SECTION > CARDS ITEMS*/
.card-pinned {
    overflow: hidden;
    padding: 10px;
    background: #ffffff;
}
.card-bordered {
    border-top-left-radius: 40px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 40px;
    overflow: hidden;
}
.card-img, .card-img-top {
    border-top-left-radius: 40px;
        border-top-right-radius: 0;
}

#background-size-contain {
    background-size: contain;
}

.item-card {
    border: 0.0625rem solid #e4e4e4;
}
.item-card .card-body {
    padding: 1rem 1.5rem 0 1.5rem;
}
.item-card .card-footer {
    padding: 0rem 1.5rem 1.5rem 1.5rem;
}
.item-card h4 {
    margin: 0;
/*    font-style: italic;
    text-transform: uppercase;*/
    color: #000;
    font-weight: 600;
    font-style: italic;
}
.item-card h5 {
    margin: 0 0 15px 0;
/*    font-style: italic;
    text-transform: uppercase;*/
    color: #F2802D;
    font-style: italic;
}
.item-card .item-price {
    color: #4A4A4A;
    font-size: 15px;
    font-weight: 500;
}
.item-card .item-price p {
    color: #000000;
    font-weight: 500;
    font-size: 21px;
    margin: 0;
}
.item-card .bi-heart::before {
    float: left;
}


@media (max-width: 768px) {
    .item-card .card-body {
        padding: 1rem 1rem 1.214rem 1rem;
    }
}




/*Slide*/
#equipmentHome .swiper-button-next, 
#equipmentHome .swiper-button-prev {
    top: 43%;
}
#equipmentHome .swiper-button-next, 
#equipmentHome .swiper-button-prev {
    color: #677788;
    width: 5.125rem;
    height: 5.125rem;
    box-shadow: 0 0.1175rem 0.8375rem 0 rgb(140 152 164 / 29%);
}
#equipmentHome .swiper-button-next:after, 
#equipmentHome .swiper-button-prev:after {
    width:1.314rem;
    height: 2rem;
}
#equipmentHome .swiper-button-next:after {
    margin-right: 13px;
}
#equipmentHome .swiper-button-next {
    right: -35px;
}
#equipmentHome .swiper-button-prev {
    left: -35px;
}
#equipmentHome .swiper-button-prev:after {
    margin-left: 13px;
}







/*HOME > SECTION > COUNTS*/
.card-count {
    background-color: #E5ECEE;
    text-align: center;
    padding: 2rem;
    border-radius: 12px;
}
.card-count .font-serif {
    font-style: normal;
    font-size: 36px;
}
.card-count p {
    margin-bottom: 0;
    color: #242A37;
    font-size: 14px;
    font-weight: 400;
}

/*HOME > SECTION > TESTIMONIALS*/
.blockquote-footer {
    font-size: 20px;
}

/*FOOTER*/
footer {
    background: #000000;
}
footer h1, 
footer h2, 
footer h3, 
footer h4, 
footer h5, 
footer h6 {
   font-weight: normal;
}

footer hr {
    color: #3c3c3c;
}
.suscribe-form .input-card {
    background-color: transparent;
}
.suscribe-form .form-control {
    color: #fff;
    background-color: #1A1A21;
    border: 0.0625rem solid #1A1A21;
}

.btn-social {
    background: #FFF;
    border-radius: 50px;
    padding: 9px;
    width: 50px;
    height: 50px;
}
.btn-social:hover {
    color: #FFF;
    background: #f2802d;
}
.btn-social:hover i {
    color: #fff;
}
.btn-social i {
    font-size: 21px;
    color: #000;
}



/*SERVICIOS Y EQUIPOS*/
#hero-in {
    background-color:#E5ECEE ;
}
#hero-in h1 {
    font-size: 4rem;
    font-weight: 500 ;
}
.filter-text{
    font-size: 18px;
    font-weight: 500;
    color: #4A4A4A;
}
.accordion-button:not(.collapsed){
    color: #F2802D;
}
@media (max-width: 768px) {
    #hero-in h1 {
        font-size: 2.5rem;
    }
    #hero-in h1 br {
        display: none;
    }
    #partners h1 {
        font-size: 2.5rem !important;
    }
}

.hero-steps {
    height: 265px;
    background-image: url(../img/hero/services-hero-steps.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    padding-top: 5rem;
    background-color: #E5ECEE;
}
@media (max-width: 768px) { 
    .hero-steps {
        background-position: top right;
        background-size: cover;
         padding-top: 2rem;
    }
    .hero-steps h2 {
           font-size: 2.514rem;
    }
    .hero-steps p {
        font-size: 17px;
    }
    .hero-steps h2,
    .hero-steps p {
        color: #FFFFFF;
    }
}

.hero-items {
    height: 265px;
    background-image: url(../img/hero/hero-list-items.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: contain;
    padding-top: 5rem;
}
@media (max-width: 768px) { 
    .hero-items {
        background-position: top right;
        background-size: cover;
        padding-top: 2rem;
    }
    .hero-items h2 {
        font-size: 2.514rem;
    }
    .hero-items p {
        font-size: 17px;
    }
    .hero-items h2,
    .hero-items p {
        color: #FFFFFF;
    }
    .img-red{
        top: 273px !important;
    }
}
.text-border-l {
    border-left: solid 2px #C7B498;
    padding-left: 30px;
}

.bg-circle {
    bottom: -72px;
    left: -85px;
    z-index: -1;
}



.steps-count {
    width: 400px;
    margin: 0 auto 5rem auto;
    display: flex;
}

@media (max-width: 768px) {
    .steps-count {
        width: 100%;
    }
}
.color-pasive{
    background-color: #F9B17C !important;
}
.volumen{
    height: 9px !important;
    margin-top: -2px !important;
}

.steps-count .box-step {
    background-color: #E0E0E0;
    width: 25%;
    height: 5px;
    margin: 0 7px;
    border-radius: 12px;
}
.steps-count .box-step.active {
    background-color: #f2802d;
}
.step-res>a{
    color: #878787;
}
.step-res>a:hover{
    color: #F2802D;
}
.chevron-right-col::before {
    color: #F2802D;
}


/*PRODUCT DETAIL*/
.card-product-detail {
    padding: 2rem 4rem;
    background: #E5ECEE;
    color: #000;
}

.card-product-in {
    border: .0625rem solid rgba(33, 50, 91, .1);
    height: 691px;
    overflow: hidden;
    border-radius: 12px;
}

ul#tab-details li.nav-item {
    background: #FFFFFF;
    margin: 0 0rem;
    font-size: 18px;
}
ul#tab-details.nav-pills .nav-link:hover,
ul#tab-details.nav-pills .nav-link.active, 
ul#tab-details.nav-pills .show>.nav-link {
    color: #000000;
    background-color: #ffffff;
    border-bottom: solid 3px #f2802d;
    border-radius: 0;
}
button.nav-link.bbva{
    padding-bottom: 34px !important;
}
ul#tab-details.nav-pills .nav-link.active:hover, 
ul#tab-details.nav-pills .show>.nav-link:hover {
    color: #000000;
    background-color: #ffffff;
    border-bottom: solid 3px #f2802d;
}
ul#tab-details.nav-pills .nav-link.active, 
ul#tab-details.nav-pills .show>.nav-link ~ .description-op{
    opacity: 1 !important;
}
#tab-details .nav-link{
    opacity: .6;
}


/*Slide > More Products*/
.others-products .swiper-button-next, 
.others-products .swiper-button-prev {
    display: none;
}
.others-products:hover .swiper-button-next, 
.others-products:hover .swiper-button-prev {
    display: flex;
}







/*PARTNERS*/
#partners{
    background-color: #A2A6B0;
    
}
#partners h1 {
    font-size: 4rem;
    font-weight: 500;
}
.card-form {
    border-radius: 1rem;
}
.card-form .card-body {
    padding: 3rem;
}
.hero-partners{
    color: #FFFFFF;
}
img.image-partner {
    position: initial;
    margin-top: -26px;
    padding-right: 4px;
}
.text-partner{
    margin-top: -27px;
    line-height: 28.8px;
    padding-left: 2.938rem;
    padding-right: 2.938rem;
}
.sun-bright{
    color: #8083A3 !important;
    font-size: 15px;
    padding: 0.5rem 8px 0 0;
}
.sun-bright:hover{
    color: #F2802D !important;
}







/*STEPS*/
.step-item h5 {
    color: #A2A6B0;
    font-weight: 700 ;
    font-size: 16px;
}
.step-item.active .step-icon-soft-primary {
    color: #000000;
    background-color: rgb(255 255 255);
    border: solid 2px #f2802d;
}
.step-item.active h5 {
    color: #000000;
}
.step-item.active .bi-check-lg::before {
    content: "\f633";
    margin-top: 7px;
}
.line-position{
    border: 1px solid #DADADA;
    margin-bottom: 25px !important;
    margin-top: 2.901rem;
}
.line-filter{
    border: 1px solid #F2802D;
}
.table-step{
    font-size: 16px;
    font-weight: 600 !important;
    line-height: 28px;
    font-family: "Inter";
}
.list-table h5 a {
    font-size: 14px;
    font-weight: 400;
    font-family: 'Inter';
    line-height: 32px;
}
.list-table{
    flex: auto;
}
.small-list {
    font-size: 14px;
    font-weight: 500;
    font-family: 'Inter';
    line-height: 32px;
    color: #878787;
}
.small-bg{
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    font-family: "Inter";
    color: black;
}
.price{
    color: #000;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
}
.step-form h2{
    font-size: 25px;
    font-weight: 600;
    font-family: 'DM Sans';
    line-height: 32.5px;
}
.form-lavel-step{
    font-size: 14px;
    font-weight: 700;
    color: black;
}
.button-step{
    font-size: 15px;
    font-weight: 600;
    font-family: "Inter";
}
.form-control-lg{
    border: 1px solid #A2A6B0;
    border-radius: 4px;
}
.step-select{
    border: 1px solid #A2A6B0;
    border-radius: 4px;
}
.thead-light th{
    background-color: #fff;
}
.content-space-t-lg-6{
    padding-top: 2rem !important;
}
#with-container{
    max-width: 1140px;
}
.card-step{
    box-shadow: none !important;
}
.list-add{
    float: right;
    font-size: 12px;
    font-weight: 600;
    line-height: 25px;
    font-family: "Inter";
}
.page-client{
    color: #8083A3;
    font-size: 14px;
    font-weight: 400;
}
.page-step-9{
    font-weight: 700;
    line-height: 46.8px;
}
.align-top{
    vertical-align: top;
}
.btn-icon.btn-xs{
    border: 2px solid #F2802D;
}
.btn-step-6{
    border: 2px solid #CACDD8 !important;
}
i.bi.bi-pencil {
    color: #CACDD8;
}
i.bi.bi-x-lg{
    color: #CACDD8;
}
@media (min-width: 768px) {
    .step-md .step-icon::after {
        top: 1.5625rem;
        left: 4.625rem;
        width: calc(100% - 1.325rem);
        left: calc(50% + 1.4rem);
        height: 1.625rem;
        border-top: 0.125rem solid rgba(33, 50, 91, .1);
        border-left: none;
    }
    .step-item.active .step-icon.step-icon-soft-primary::after {
        border-top: 0.125rem solid #F2802D;
    }
}




/*PROFILE > switchs*/
.form-switch2 {
    position: relative
}
.form-switch2 .form-check-input {
    width: 2.8125em;
    height: 1.8125em;
    border-width: 0;
    background-color: #e7eaf3;
    margin-top: -.25em;
    margin-right: .75rem;
    float: right;
}
.form-switch2 .form-check-input:active {
    -webkit-filter: 100%;
    filter: 100%
}
.form-check-input:checked {
    background-color: #F2802D
}

.form-switch2 {
    padding:  0;
}
.icon-profile{
    position: absolute;
    margin-top: 12px;
}
.card-title-p{
    font-size: 20px !important;
    font-weight: 700;
    line-height: 27px;
}
.card-title-s {
    font-size: 12px;
    line-height: 18px;
    font-weight:  500;
    color: #8083A3;
}
.card-header{
    border-bottom: none;
}
.card-header-title{
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
    padding-top: 13px;
}
.segurity-in{
    font-size: 14px !important;
    font-weight: 700 !important;
}
.sub-detail h5{
    font-size: 16px;
    font-weight: 700;
}
.sub-detail span{
    font-size: 16px;
    font-weight: 700;
}
.form-switch2 .form-check-input {
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: background-position .15s ease-in-out
}
@media (prefers-reduced-motion: reduce) {
    .form-switch2 .form-check-input {
        transition: none
    }
}

.form-switch2 .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28140, 152, 164, 0.25%29'/%3e%3c/svg%3e")
}
.form-switch2 .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}


/* TARGET  */
.border-bt{
    border-bottom: 1px solid #E4E6E8 !important;
    border: none;
}






/*RESERVAR > STEPS*/
.quantity-counter {
    background-color: #E5ECEE;
    text-align: center;
    padding: 2rem;
    border-radius: 12px;
    border: none;
}
.form-control-quantity-counter {
    background: transparent;
    font-size: 32px;
}
.form-control-quantity-counter:focus {
    box-shadow: none;
    background: transparent;
}
.quantity-counter .font-serif {
    font-style: normal;
    font-size: 1.814rem;
}
.hero-steps-4{
    color: #828282;
    font-size: 16px !important;
}
.hero-steps-4>b{
    color: #000000;
}
.line-list{
    border: 1px solid #E5ECEE
}
td.pt-5 {
    padding: 0 0 33px;
}
.tab-content .tab-pane p{
    font-weight: normal !important;
}

/*FONT SIZES*/
.size-7{
    font-size: 16px;
}
.font-size-3{
    font-size: 24px;
}
.font-size-4{
    font-size: 14px;
}
.fz-1{
    font-size: 12px;
}
.size-5{
    font-size: 25px;
}
.size-6{
    font-size: 42px;
}
.size-8{
    font-size: 28.5px;
}
.size-9{
    font-size: 15px;
}
/*Colors*/
.color-b{
    color:#0051FF;
}
.color-r{
    color: #EB5757;
}
.color-orange{
    color: #F2802D;
}
.icon-cart{
    color:#F2802D;
    font-size: 24px;
    padding-right: 10px;
}
.icon-cart > a:hover{
    color:#f0751e;
}
.size-1{
    font-size: 22px !important;
}
.size-2{
    font-size: 36px;
}
.size-3{
    font-size: 32px;
}
.size-4>p{
    font-size: 18px;
}
.size-4{
    font-size: 18px;
}
.font-wight-1{
    font-weight: 500;
}

    /* side-nav */
    .side-nav.wide.slim {
        width: 3.75rem !important;
    }
    .list-filter{
        list-style: none;
        padding: 0;
        line-height: 36px;
        margin-bottom: 0;
        margin-top: 15px;
    }
    .accordion-item{
        border: none !important;
    }
    .accordion-body{
        padding: 0;
    }
    .space-acc {
        padding: 0 2px;
    }
    .list-filter li{
        font-size: 15px;
        font-weight: 400;
        color: #4A4A4A;    
    }
    .list-filter li:hover{
        color: #f0751e;
    }


    .input-form-profile{
        width: 100%;
        padding: 10px 0;
        box-sizing: border-box;
        background: none;
        outline: none;
        resize: none;
        border: 0;
        font-family: 'Montserrat',sans-serif;
        transition: all .3s;
        border-bottom: 1px solid #E4E6E8;;
        font-size: 14px;
        font-weight: 700;
        color: #000 !important;
    }
    .label-profile:before{
        content: attr(type);
        display: block;
        margin: 12px 0 0;
        font-size: 14px;
        color: #5a5a5a;
    }
    .title-label{
        color: #8083A3 !important;
        font-size: 14px;
        margin-bottom: 0;
    }
    .btn-link{
        background-color: #F5F5FA;
        color: #8083A3;
    }
    .delete-input {
        font-size: 21px;
        border-radius: 4px;
        padding: 0px 1rem;
        border: 1px solid #e3b6bb8c;
        color: red;
        margin-left: 5px;
        cursor: pointer;
    }


    /*form*/

    .input-wrapper {
        position: relative;
    }
    .input-icon {
        color: #191919;
        position: absolute;
        width: 10px;
        height: 5px;
        right: 20px;
        top: 48%;
        transform: translateY(-65%);
    }

    /**********/
    .button-profile {
        position: relative;
    }
    .input-icon-p {
        color: #191919;
        position: absolute;
        width: 39px;
        height: 0px;
        right: 11px;
        top: 48%;
        transform: translateY(-65%);
        font-weight: 700;
        margin-top: 11px;
    }
    .modal-form{
        padding: 0;
        border: hidden;
        position: absolute;
    }
    .form-check-label{
        color: black;
    }

.title-label{
    color: #8083A3;
    font-size: 14px;
    margin-bottom: 0;
}
.btn-link{
    background-color: #F5F5FA;
    color: #8083A3;
}
.delete-input {
    font-size: 21px;
    border-radius: 4px;
    padding: 0px 1rem;
    border: 1px solid #e3b6bb8c;
    color: red;
    margin-left: 5px;
    cursor: pointer;
}

/* Tarifas y promos */

/* Tabla */
#temporada table .title{
    border-radius: 12px 12px 0px 0px;
}
.th-logo{
    position: relative;
    bottom: 0px;
}
#temporada table .logo{
    position: relative;
    width: 62px;
    height: 62px;
    background: #F2802D;
    border-radius: 33px;
    margin-left: auto;
}
#temporada table th h4{
    font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 140%;
    text-align: center;
    margin-bottom: -5px;
}
#temporada table th p{
    font-style: italic;
    font-weight: 500;
    font-size: 12px;
    line-height: 140%;
}
#temporada table thead .encabezado p{
    margin: 0;
}


#temporada table .ofert th{
    width: 8.33%;
    min-width: 105px;
}

#temporada table .ofert span{
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 140%;
}
#temporada table .ofert span, #temporada table th h4, #temporada table .ofert span{
    font-family: Inter;
    letter-spacing: 0.5px;
}
.logo-calendar{
    color: white;    
}
#temporada tbody .title-ofert{
    font-weight: 700;
    font-size: 14px;
}
#temporada tbody .sub-ofert{
    font-weight: 400;
    font-size: 14px;
}
.logo-year, #temporada table .ofert span,  #temporada tbody .title-ofert{
    color: #F2802D;
}
.logo-title{
    color: #2B2B2B;
}
.logo-title, .logo-year{
    font-family: DM Sans;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 28px;
    letter-spacing: 0.229091px;
}
#temporada table .column-1{
    background-color: #BAC9CD !important;
}
#temporada table .column-2{
    background-color: #ffffff !important;
}#temporada table .column-2 .text-iva{
    font-size: 12px;
    font-weight: 400;
    font-style: italic;
    margin: auto;
}
#temporada tbody .filas-color td{
    background-color: #E5ECEE;
} 
#temporada tbody td{
    color: black;
    font-weight: 500;
}
.border-right-0{
    border-right: hidden;
}
.w-90{
    width: 90% !important;
}



/* Tarjetas */
.title-nuestras-promos{
    font-size: 36px;
    text-align: center;
    font-family: DM Sans;
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 130%;
    color: #242A37;
}
.title-promos{
    font-family: DM Serif Display;
    font-style: italic;
    font-weight: 400;
}
.rectangulo-tp-1{
    background: #F2802D;
}
.rectangulo-tp-2{
    background: url(../img/tarifas-promos/Rectangle_bba.png);
}
.rectangulo-tp-3{
    background: #8083A3;
}
.rectangulo-tp-1, .rectangulo-tp-2, .rectangulo-tp-3{
    font-family: DM Sans;
    font-style: normal;
    font-weight: bold;
    width: 361px;
    height: 237px;
    line-height: 130%;
    border-radius: 8px;
    color: #FFFFFF;
    position: relative;
}

.rectangulo-tp-1 p{
    color: #2B2B2B;
    width: 200px;
}
.rectangulo-tp-2 p{
    color: #E5ECEE;
}

.rectangulo-tp-1 p, .rectangulo-tp-2 p, .rectangulo-tp-3 p{
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0.229091px;
}

.rectangulo-tp-1 span, .rectangulo-tp-2 span, .rectangulo-tp-3 span{
    font-size: 64px;
}
.rectangulo-tp-1 .no-porcentaje{
    color: #ffb186;
    font-family: unset;
}
.rectangulo-tp-2 .porcentaje{
    color: #4693C7;
}
.rectangulo-tp-1 a, .rectangulo-tp-2 a, .rectangulo-tp-3 a{
    width: 222px;
    height: 24px;
    left: 31px;
    display: flex;
    color: #FFFFFF;
}
.rectangulo-tp-1 i, .rectangulo-tp-2 i, .rectangulo-tp-3 i{
    font-size: 12px;
    -webkit-text-stroke: thick;
}
.rectangulo-tp-2 i{
    color :#4693C7;
}
.rectangulo-tp-1 i, .rectangulo-tp-3 i{
    color :#000000;
}

.rectangulo-tp-sky{
    position: absolute;
    width: 135px;
    height: 120px;
    left: 226px;
    top: 117px;
    background: url(../img/tarifas-promos/Rectangle_sky.png);
    border-radius: 300px 8px 20px 20px;
}

#localModal p{
    font-size: 16px;
    font-family: Inter;
    font-style: normal;
    font-size: 16px;
    line-height: 180%;
    width: 390px;
}
#localModal p span{
    font-style: italic;
}
.option-items{
    margin-right: 13px;
    font-size: 29px;
    margin-top: -5px;
    margin-bottom: -5px;
}
.img-red{
    position: absolute;
    width: 250px;
    height: 49px;
    right: 0px;
    top: 306px;
    background: #EB5757;
    border-radius: 200px 0px 0px 0px;
}
.logo-option-items{
    margin-left: 3px;
    width: 7px;
    height: 19px;
    left: 439px;
    top: 530px;
    background: #F2802D;
    border-radius: 1px;
}

.separador{
    margin-left: 16px;
    margin-right: 13px;
    width: 0px;
    height: 22px;
    left: 465px;
    top: 528px;
    border: 1px solid #DADADA;
}
.icon-paginate{
    width: 40px;
    height: 40px;
    background: #FFFFFF;
    border: 1px solid #DADADA;
    box-sizing: border-box;
    border-radius: 5px;
    transform: matrix(-1, 0, 0, 1, 0, 0);
    margin-top: -8px;
    padding: 7px;
}




/* STEPS EQUIPOS */
#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
} 

.card {
    z-index: 0;
    border: none;
    position: relative
}



#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #000000;
}
#progressbar .active h3.icon-progress {
    color: #000 !important;
}
#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 33.33%;
    float: left;
    position: relative;
    font-weight: 400
}

#progressbar #account:before {
    content: "";
    border: solid 2.5px #f2802d;
    background-image: url(/assets/img/footer-logos.png) no-repeat;
    background: #fff;
}

#progressbar #personal:before {
    content: "";
    border: solid 2.5px #f2802d;
    background: #fff;
}

#progressbar #payment:before {
    content: "";
    border: solid 2.5px lightgrey;
    background: #fff;
}

#progressbar #confirm:before {
    content: "";
    border: solid 2.5px #f2802d;
    background: #fff;
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #f2802d;
    border: solid 1.5px #f2802d;
}


.progressbar-equipos{
    padding-left: 0rem !important;
    padding-right: 0rem !important;
}

h3.icon-progress {
    position: absolute;
    height: 22px;
    display: inline-block !important;
    display: block;
    top: 9px;
    /* left: 57px; */
    text-align: center;
    transform: translate(-50%, 20%);
    color: lightgrey;
}
.active-none{
    color: lightgrey !important;
}

/* STEPS EQUIPOS END*/

.container-acc{
    max-width: 460px;
}

/* LOGIN */
.w-block-center {
    width: 400px;
    margin: 0 auto;
    padding-top: 10%;
}
#image-login{
    background-image: url(../img/login/Rectangle.png);
    background-position: center top;
    background-size: cover;
    /* width: 528px;
    height: 960px; */
    background-repeat: no-repeat;
    top: 0px;
    
}

.height-login{
min-height: 937px;
}
.block-center{
    margin-bottom: auto !important;
    margin-top: auto!important;
    flex: 0 0 100%;
    max-width: 100%;
}

#header-login{
    position: absolute;
    margin-left: 2rem;
    margin-top: 2rem;
}
.copyright{
    position: absolute;
    color: #AEB4BC;
    font-size: 13px;   
    left:0px; 
    right:0px; 
    bottom:0px; 
    height:50px; 
    z-index:0;
    text-align-last: center;
}


/* profile  */

.profile-log{
    margin-left: 2rem;
    margin-top: 2rem;
}
.card-states {
    padding: 1rem 1rem !important;
    border-bottom: 1px solid #EBEFF2;
}
.number-state{
    font-family: DM Sans;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    line-height: 39px;
    text-align: center;
    color: #042440;
}
.state-descent>div>h4 {
    font-style: normal;
    font-weight: normal;
    font-size: 14.5px;
    line-height: 24px;
    text-align: center;
    color: #607285;
}
ul.horizontal{
    margin:0;
    padding:0;
}

ul.date-week>.horizontal{
    float:left;
    padding:13px 35px;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 24px;
}
.view-details{
    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 18px;
    width: 70px;
}
.horizontal>a>li{
    display: block;
    text-align: center;
    color: #000;
}
.horizontal>li{
    display: block;
    text-align: center;
}
.puntio{
width: 8px;
height: 8px;
border-radius: 50%;
border: 2px solid #F2802D;
box-sizing: border-box;
}
.average-team{
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 24px;
    color: #607285;
}
.por-team>li{
font-style: normal;
font-weight: 500;
font-size: 13px;
line-height: 24px;
text-align: right;
color: #18273A;
}
.image-rent{
    object-fit: cover;
    width: 100%;
}
input[type=range]::-webkit-slider-thumb{
    background-color: #000000;
    color: #000;
} 
.select-date{
    border: none !important;
    background-color: none !important;
    padding: 0 3rem 0 1rem;
}
select.form-select.select-date {
    color: #607285;;
    font-size: 13px;
}
.olaquepedo{
    width: 8px;
    height: 8px;
    border: 2px solid #F2802D;
    box-sizing: border-box;
    border-radius: 50%;
}

input[type=range]{
    height: 20px;
width: 100%;
    height:.5em;
    display:block;
    margin:1em auto;
    -webkit-appearance: none; 
    background-image:linear-gradient(to right, #F2802D  calc(var(--value)*1%), rgb(218, 218, 218) 0);
  }
  
  input[type='range'],
  input[type='range']::-webkit-slider-runnable-track,
  input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
  }
  
  input[type=range]::-webkit-slider-thumb {
    background-color: #F2802D;
    width: 21px;
    height: 21px;
    border: 3px solid #ddd;
    border-radius: 50%;
    margin-top: -4px;
  }
  
  /* Alquileres */
  .ic-style1{
      background-image: url('../img/icons-profile/icon-profile.png');
  }
  .icon-td {
    height: 32px;
    width: 32px;
    float: left;
    margin: -3px 7px 0 0;
}
.botton-status{
    border-radius: 18px;
    width: 118px;
    height: 36px;
    border: 1px solid #E4E6E8;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}
.point-skyblue{
    width: 10px;
    height: 10px;
    background: #00BFFF;
    position: relative;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}
.point-green{
    width: 10px;
    height: 10px;
    background: #5FDCB3;
    position: relative;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}
.point-orange{
    width: 10px;
    height: 10px;
    background: #ffa500;
    position: relative;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}
.point-red{
    width: 10px;
    height: 10px;
    background: #ff0000;
    position: relative;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}
.point-yellow{
    width: 10px;
    height: 10px;
    background: #F2C94C;
    position: relative;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}
.point-blue{
    width: 10px;
    height: 10px;
    background: #1854ee;
    position: relative;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}
.point-black{
    width: 10px;
    height: 10px;
    background: #000000;
    position: relative;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}
.my-button {
    width: 200px;
    padding: 5px;
    margin: 0 0 10px 0;
    text-align: left;
    display: block;
 }
 
 
 .icon-pull-right {
     float: right;
 }
 .table-rents-1>td{
    font-family: 'Inter';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
    color: #607285;
 }
 .table-rents-1>td.table-amount{
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    color: #607285;
    font-family: 'inter';
 }
 .table-rents-1>td.table-name-1{
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #18273A;
 }
 .button-rents{
    width: auto;
    height: 40px;
    border: 1px solid #efefef;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 500;
    padding-top: 10px;
    color: #8083A3;
 }
 .chevron-rent{
    font-size: 10px;
    margin: 4px;
    color: #8083A3;
 }
.page-rent{
    background-color: #A2A6B0 !important;
    border-radius: 8px !important; 
    width: 40px;
    height: 40px;
}
a.page-link.page-rent {
    margin-left: 8px;
}
.title-table>th{
    font-size: 12px;
    font-weight: 700 !important;
    color: #8083A3 !important;
}
.table-thead{
    border-bottom: 1px solid #e9e9e9;
}
.botton-m{    
    border-bottom: 1px solid #AEB4BC;
}
.select-rent{
    border: none !important;
    background-color: none !important;
    padding: 0 3rem 0 0;
    background-position: right;
    padding-bottom: 0.5rem;
}
select.form-select.select-rent {
    color: #607285;;
    font-size: 13px;
}
.search-rentails{
    width: 322px;
    height: 41px;
    background: #FFFFFF;
    border: 1px solid #C3D7E2;
    box-sizing: border-box;
    border-radius: 200px !important;
}





.icon-circle {
    height: 32px;
    width: 32px;
    float: left;
    margin: -3px 7px 0 0;
    border-radius: 50px;
    text-align: center;
    padding: 2px;
}
.ic-color4 {
    background-color: #fef3ea;
    color: #f2802d;
}
/* .search-rentails */

.container-1{
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
  }
  .container-1 input#search{
    height: 41px;
    border: 1px solid #C3D7E2;
    box-sizing: border-box;
    border-radius: 200px !important;
    font-size: 10pt;
    float: left;
    color: #63717f;
    padding-left: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    font-size: 14px !important;
    padding-right: 18px;
  }
 .container-1 .icon{
    position: absolute;
    top: 50%;
    z-index: 1;
    margin-top: -4px;
    color: orange;
  }
  .navbar-brand-head{
    width: 100%;
    min-width: 7.5rem;
    max-width: 7.5rem;
    position: absolute;
    margin-top: 3rem;
    margin-left: 1.5rem;
    margin-top: 0;

  }
  .search-header{
    font-size: 14px;
    border: 1px solid #f1f1f1;
    border-radius: 200px !important;
  }

  /* detaller alquiler */
  .detail-client{
    font-family: 'Inter';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
  }
  .mont-details{
    font-weight: normal;
    font-size: 26px;
    line-height: 21px;
  }
  .btn-details{
    border-radius: 10px !important;
    background-color: #ffedda;
    border: #ffedda;
    color: #F2802D;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Inter';
    width: 129px;
    height: 44px
    }
.btn-details-down{
    font-size: 13px;
    font-weight: 700;
    font-family: 'Inter';
}


/* productos */
.container-image-prod{
    width: 108px;
    height: 85px;
    background-color: #F7F7F7;
    border-radius: 8px;
}
.image-product{
    width: 70px;
}
td.border-line-left{
    border-left-width: 1px !important;
    border-top-left-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
    border-collapse: separate !important;
    --bs-gutter-x: none !important;
}
td.border-line-right{
    border-right-width: 1px !important;
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    border-collapse: separate !important;
}
table.dataTable{
    border-collapse: unset;
    border-spacing: 0px 14px;
}
.table>:not(caption)>*>*{
    border-top-width: 0.0625rem;
}
.title-table>th{
    border-top-width: 0 !important;
}
table tbody td.bt {
    border-bottom: 1px solid #E4E6E8 !important;
    border-top: 1px solid #E4E6E8 !important;
}
.table-rents-2>td.table-p{
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 21px;
    color: #171721;
}
.table-rents-2>td {
    font-family: 'Inter';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 21px;
    color: #8083A3;
}
.table-name-1{
    font-family: 'Inter';
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    color: #171721;
}
.opacy-name{
    color: #828282;
    font-size: 14px;
    font-weight: 500;
}
.boton-status{
    max-width: 145px;
    height: 36px;
    border: 1.4px solid #E5ECEE;
    border-radius: 18px;
    padding: 0.4125rem 1rem;
    font-size: 12px;
    font-weight: 500;
    text-align: left;
}
.back-item {
    background-color: #FBFBFF;
}
.back-item-p {
    background-color: #ffffff;
    border-left: .0625rem solid rgba(33, 50, 91, .1);
}
.list-nabvar{
    float: right;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    font-family: "Inter";
    background-color: none !important;
}
.list-nabvar:hover{
    color: #000 !important;
}
.list-nabvar.active{
    color: #000 !important;
    background-color: #FBFBFF !important;
    font-weight: 600;
}
/* div#v-pills-tab{
    align-items: flex-start;
} */
span.numero-vabvar{
    width: 36px;
    height: 18px;
    border: 1px solid #E4E6E8;
    border-radius: 12px;
    color: #8083A3;
    padding: 0px 6px;
    font-style: normal;
    font-weight: 500;
    text-align: center;
    float: right;
    font-family: sans-serif;
}
a.list-nabvar.active > .numero-vabvar {
    color: white;
    background: #C7B498;
}
.nav-link:focus, .nav-link:hover{
    color: #171721;
}
.nav-vertical.nav-tabs .nav-link:hover{
    background: #ECF2FF;
}
.field-form{
    padding: 0;
    margin-top: 0.75rem;
}
.font-image{
    width: 104px;
    height: 104px;
    background: #F2F2F2;
    border-radius: 4px;
    margin: 5px;
}
.btn-icon.btn-xs.icon-more{
    border: none;
    background-color: #fff;
    width: 40px;
    height: 40px;
    top: 30%;
}
.btn-icon.btn-xs.icon-more:hover{
    color: rgb(255, 255, 255);
    background-color: #F2802D;
}
.btn-c-p{
    border: 1px solid;
    background-color: #fff !important;
}


/* notificaciones */
.dropdown-alert{
    font-weight: 500;
    font-size: 15px;
    line-height: 21px;
    color: #000000 !important;
    letter-spacing: 0.5px;
}
.point-notification span.dot-3{
    width: 11px;
    height: 11px;
    border-radius: 50%;
}
.dropdown-notify{
    transform: translate(-245px, 36px);
    width: 330px;
    height: 371px;
    border: 1px solid #DFE3E7;
    border-radius: 8px;
}
.notify{
    color: #F2802D;
    font-size: 16px;
    font-weight: 600;
    font-family: 'Inter';
    padding-top: 21px;
}


.address-bar__dots {
    margin-left: 4px;
    font-size: 15px;
    font-weight: 500;
    color: black;
}

.address-bar__dots span.dot-1 {
    background-color:  #27AE60;
}
.address-bar__dots span {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    margin: 6px 0px 0 0;
    float: right;
}
.address-bar{
    font-family: 'Inter';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
    color: #607285;
}
.address-bar span.dot-2{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    float: right;
    color: #A2A6B0;
}
.nav-link.link.active {
    color: #F2802D !important;
}
.autoload::before {
    padding-top: 8px;
    margin-left: -2px;
} 
.btn-update{
    width: 34px;
    height: 34px;
    border: 1.4px solid #E5ECEE;
    border-radius: 50%;
    font-size: 22px;
    float: right;
}
.icon-update{
    padding: 0 5px;
}


.expand {
    position: absolute;
    top: 12px;
    height: 29px;
    left: 57px;
    opacity: 0.7;
    background: transparent;
    border: none;
    color: transparent;
}
.btn-upload {
    display: block;
    border-radius: 0px;
    box-shadow: 0px 4px 6px 2px rgb(0 0 0 / 20%);
    margin-top: 30px;
}

.imagePreview {
    width: 85px;
    height: 85px;
    background-position: center center;
    background: url(http://cliquecities.com/assets/no-image-e3699ae23f866f6cbdf8ba2443ee5c4e.jpg);
    background-color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    box-shadow: 0px -3px 6px 2px rgba(0, 0, 0, 0.2);
}
div[class^="imagePreview"] {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover;
    height: 300px !important;
}

.frameimagePreview{
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover;
    height: 350px !important;
}
.frameimagePreviewhome{
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover;
    height: 100px !important;
}
.frame-home{
    height: 100px !important;
    overflow: hidden;
}
.frame-img{
    height: 350px !important;
    overflow: hidden;
}
.frame-img1{
    height: 200px !important;
    overflow: hidden;
}

/* prueb */
/* .col.imgUp1 {
    margin-top: 27px;
    margin-left: 5px;
} */

/* label.btn.btn-upload {
    margin-top: -124px;
}
.bi-plus-lg::before {
    content: "\f64d";
    margin-left: -4px;
}
.contador-blanco{
    background-color: white;
    border-radius: 4px;
    height: 44px;
    margin-top: 2px;
    margin-left: 0px;
    margin-right: 0px;
    border: 1px solid #e4e8ec;
}
*/
.pr-36{
    padding-right: 36px;
}

.w-45{
    width: 45% !important;
}
.btn-inverse{
    border: 1px solid #a2a6b0;
}

.active_search{
    color: #f5902d !important;
}
.w-300{
    width: 300px !important;
}

.mt--24px{
    margin-top: -24px;
}
.img-footer-services{
    width: 400px;
}
.escuela-home{
    border-radius: 50%;
    width: 180px;
    height: 180px;
    /* background-size: cover; */
    object-fit: cover;
}
#frontend_register .error, #partners_save .error{
    color: red;
}
.content-qr{
    padding-bottom: 2rem;
    padding-top: 2rem;
}

@media (max-width: 351px){
    #hero-home {
        margin-bottom: 10.514rem;
    }
}

@media (max-width: 289px){
    #hero-home {
        margin-bottom: 14.514rem
    }
}

.highlight-bnt{
    background-color: #c7c7c7;
    border-radius: 50%;
    height: 3.5rem;
    width: 3.5rem;
}

@media (min-width: 768px) {
    .carousel-inner-multiple {
      display: flex;
    }
    .carousel-item-multiple {
      margin-right: 0;
      flex: 0 0 33.333333%;
      display: block;
    }
}

.carousel-inner-multiple{
    padding: 1em;
}
.card-multiple{
    margin: 0 .5em;
    box-shadow: 2px 6px 8px 0 rgba(22, 22, 26, 0.18);
    border: none;
}
.carousel-control-prev-multiple, .carousel-control-next-multiple{
    background-color: #e1e1e1;
    width: 6vh;
    height: 6vh;
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
}
.card-img-multiple{
    overflow: hidden;
    height: 271px;
    border-radius: 12px;
}

.let-multiple{
    text-transform: lowercase;
}

.let-multiple:first-letter {
    text-transform: uppercase;
}
.generate-invoice{
    cursor: pointer;
}

.container-cropper{
    display: block;
    width: 100%;
}

.error-invoice{
    padding: 0.7rem 1rem;
    background: red;
    border-radius: 20px;
    color: white;
}

.close-error-invoice{
    background: white;
    color: black;
    font-weight: 700;
    padding: 0.3rem 0.6rem;
    border-radius: 8px;
}
.cursor-pointer{
    cursor: pointer;
}

.loading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 4vh;
}
.swal2-popup {
    font-size: 0.8rem !important;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
.content-terms{
    flex: 1;
}
.terms-conditions{
    padding-top: 1rem;
}
.datepicker-box{
    position: relative;
}
.datepicker-icon {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    pointer-events: none; /* Para que el icono no capture eventos de clic */
}
.ui-datepicker{
    max-width: 243px;
}
.ui-datepicker table{
    font-size: .7em !important;
}
.ui-state-default{
    height: 24px !important;
    width: 24px !important;
    padding: 1px 0 !important;
    margin: 1px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
.ui-datepicker th {
    padding: .1em .1em !important;
    text-align: center;
    border: 0;
}
.border-radius-50{
    border-radius: 50% !important;
    object-fit: cover;
}
.box-image-service{
    width: 180px;
    height: 180px;
}
.box-image-service img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.whatsapp-btn {
    position: fixed;
    bottom: 41px;
    right: 88px;
    z-index: 9999;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #25D366;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    animation: breathe 2s ease-in-out infinite;
  }
  
  .whatsapp-btn i {
    color: #fff;
    font-size: 24px;
    animation: beat 2s ease-in-out infinite;
    text-decoration: none;
  }
  
  @keyframes breathe {
    0% {
      box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }
    70% {
      box-shadow: 0 0 0 15px rgba(37, 211, 102, 0);
    }
    100% {
      box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
  }
  
  @keyframes beat {
    0% {
      transform: scale(1);
    }
    50% {
      transform: scale(1.2);
    }
    100% {
      transform: scale(1);
    }
  }


.select2-selection--single{
    height: 46px !important;
    align-content: center;
    margin: 0 0 10px 0;
}

.very-weak { color: red !important;  }
.weak { color: orange !important; }
.strong { color: blue !important; }
.very-safe { color: green !important; }
label.error {
    color: #ff0000c2 !important;
    font-size: small !important;
}
.height-125{
    height: 125px;
}
.height-35{
    height: 35px;
}


/* Modal siempre centrado en home */
.attention-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1050;
    display: none;
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0,0,0,0.2);
    background-color: transparent;
    overflow: hidden;
}

/* Header con icono */
.modal-header-warning {
    background-color: #e0a96d; /* naranja claro */
    padding: 20px 0;
    text-align: center;
}

.warning-icon {
    width: 50px;
    height: 50px;
}

/* Texto centrado y legible */
.attention-text {
    font-size: 15px;
    line-height: 1.5;
    color: #333;
    margin-bottom: 20px;
}

/* Botón OK */
.btn-ok {
    background-color: #e0a96d;
    border: none;
    color: #fff;
    padding: 10px 25px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer;
}

.btn-ok:hover {
    background-color: #d5944f;
}