:root {scroll-behavior: smooth;}
.dark-background {
  --background-color: #060606;
  --default-color: #ffffff;
  --heading-color: #ffffff;
  --surface-color: #252525;
  --contrast-color: #ffffff;

}
.bg-gray{background-color: var(--color-gray-light);}
.bg-white{background-color: var(--color-white);}
.mt-50{margin-top: 50px;}
.text-left{text-align: left;}
/***TOP-BAR***/
body, body > *{font-family: "Poppins";}
a{text-decoration: none;}

.section-title {text-align: center;padding: 30px 0;position: relative;}
.section-title h2 {color:var(--color-black-mate);font-size: 32px;font-weight: 700;text-transform: uppercase;margin-bottom: 10px;padding-bottom: 0;position: relative;z-index: 2;}
.section-title span {position: absolute;top: 4px;color: color-mix(in srgb, var(--color-black), transparent 95%);left: 0;right: 0;z-index: 1;font-weight: 700;font-size: 52px;text-transform: uppercase;line-height: 1;}
.section-title p {margin-bottom: 0;position: relative;z-index: 2;}
@media (max-width: 575px) {
  .section-title h2 {font-size: 28px;margin-bottom: 15px;}
  .section-title span {font-size: 38px;}
}

.section-title-white {text-align: center;padding: 30px 0;position: relative;}
.section-title-white h2 {color:var(--color-white);font-size: 32px;font-weight: 700;text-transform: uppercase;margin-bottom: 10px;padding-bottom: 0;position: relative;z-index: 2;}
.section-title-white span {position: absolute;top: 4px;color: color-mix(in srgb, var(--color-white), transparent 95%);left: 0;right: 0;z-index: 1;font-weight: 700;font-size: 52px;text-transform: uppercase;line-height: 1;}
.section-title-white p {margin-bottom: 0;position: relative;z-index: 2;color:var(--color-white);}
@media (max-width: 575px) {
  .section-title-white h2 {font-size: 28px;margin-bottom: 15px;}
  .section-title-white span {font-size: 38px;}
}

.color-red{color: var(--color-red);}
.topbar {background: var(--color-red);height: 60px;font-size: 14px;transition: all 0.5s;padding: 0;}
.topbar .container .contact-info .link-contact{font-weight:500;display: inline-flex; color: var(--color-white);opacity:1;text-decoration:none;line-height: 1.2;font-size: 14px;}
.topbar .container .contact-info .link-contact:hover{opacity: 0.5;}
.topbar .container .contact-info .link-contact .text-contact{margin-left: 10px;color: var(--color-white);}
.topbar .container .social-links .link-contact:hover{opacity: 0.5;}
.topbar .container .social-links .btn-cotizacion{text-decoration:none;background-color: var(--color-dark-red);color: var(--color-white);height: 60px;display: inline-flex;padding: 20px;}
.topbar .container .social-links .btn-cotizacion:hover{background-color: var(--color-dark-red);color: var(--color-white); }
.topbar .container .social-links .btn-cotizacion .text-contact{color: var(--color-white);line-height: 1.4; margin-left: 10px;font-weight:500;}
.topbar .container .contact-info i a {line-height: 0;transition: 0.3s;}
.topbar .container .contact-info i a:hover {color: var(--color-white);text-decoration: underline;}
.topbar .container .social-links a {color: var(--color-white);line-height: 0;transition: 0.3s;margin-left: 20px;}
.topbar .container .social-links a:hover { color: var(--color-white);}
@media (max-width: 1200px) {
  .topbar .container .contact-info .open-hours{display: none;} 
}

@media (max-width: 1200px) {
  .topbar .container .contact-info .link-contact span{display: none;} 
}

@media (max-width: 767px) {
  .topbar .container .contact-info{width: 50px;} 
  .topbar .container .social-links{width: calc((100%) - (50px));} 
  .topbar .container .contact-info,
  .topbar .container .social-links{display: flex;justify-content: end;}
}

@media (max-width: 575px) {
  .topbar .container .contact-info i a,
  .topbar .container .contact-info i span {font-size: 13px;}
}

@media (max-width: 406px) {
 .topbar .container .social-links .btn-cotizacion .text-contact{display: none;}
}

i[class^="ico-box-"]{width:18px;height:18px;margin:auto;background-size: 100%;display: block;background-repeat: no-repeat;background-position: center;}
.ico-box-mail{background-image: url(../img/icon/mail.png);}
.ico-box-phone{background-image: url(../img/icon/phone.png);}
.ico-box-clock{background-image: url(../img/icon/reloj.png);}
.ico-box-facebook{background-image: url(../img/icon/facebook.png);}
.ico-box-tiktok{background-image: url(../img/icon/tiktok.png);}
.ico-box-mensaje{background-image: url(../img/icon/whatsapp.png);}
.ico-box-whatsapp-white{background-image: url(../img/icon/whatsapp.png);}

.header {display: block!important;color: var(--color-black-mate);background-color: var(--color-white);transition: all 0.5s;z-index: 997;}
.header .logo {line-height: 1;}
.header .logo img {max-height: 60px;margin-right: 8px;}
.header .logo h1 {font-size: 30px;margin: 0;font-weight: 700;color: var(--color-dark-red);}
.header .logo-print {line-height: 1;}
.header .logo-print img {max-height: 90px;margin-right: 8px;}
.header .logo-print h1 {font-size: 30px;margin: 0;font-weight: 700;color: var(--color-dark-red);}
.header .btn-getstarted,.header .btn-getstarted:focus {color: var(--color-white);background: var(--color-red);font-size: 15px;padding: 8px 25px;margin: 0 0 0 30px;border-radius: 4px;transition: 0.3s;font-weight: 500;}
.header .btn-getstarted:hover,.header .btn-getstarted:focus:hover {color: var(--color-white);background: color-mix(in srgb, var(--color-red), transparent 15%);}

@media (max-width: 1200px) {
  .header .logo {order: 1; }
  .header .logo-print {order: 1;}
  .header .btn-getstarted {order: 2;margin: 0 15px 0 0;padding: 6px 15px;}
  .header .navmenu {order: 3;}
}
.scrolled .header {box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);}

@media (min-width: 1200px) {
  .navmenu {padding: 0;}
  .navmenu ul {margin: 0;padding: 0;display: flex;list-style: none;align-items: center;}
  .navmenu li {position: relative;}
  .navmenu a,.navmenu a:focus {color: var(--color-black-mate);padding: 18px 12px;font-size: 15px;font-weight: 500;display: flex;align-items: center;justify-content: space-between;white-space: nowrap;transition: 0.3s;}
  .navmenu a i,.navmenu a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;transition: 0.3s;}
  .navmenu li:last-child a {padding-right: 0;}
  .navmenu li:hover>a,.navmenu .active,.navmenu .active:focus {color: var(--color-red);}
  .navmenu .dropdown ul {margin: 0;padding: 10px 0;background: var(--color-white);display: block;position: absolute;visibility: hidden;left: 14px;top: 130%;opacity: 0;transition: 0.3s;border-radius: 4px;z-index: 99;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);}
  .navmenu .dropdown ul li {min-width: 200px;}
  .navmenu .dropdown ul a {padding: 10px 20px;font-size: 15px;text-transform: none;color: var(----color-black-mate);}
  .navmenu .dropdown ul a i {font-size: 12px;}
  .navmenu .dropdown ul a:hover,.navmenu .dropdown ul .active:hover,.navmenu .dropdown ul li:hover>a {color: var(--color-red);}
  .navmenu .dropdown:hover>ul {opacity: 1;top: 100%;visibility: visible;}
  .navmenu .dropdown .dropdown ul {top: 0;left: -90%;visibility: hidden;}
  .navmenu .dropdown .dropdown:hover>ul {opacity: 1;top: 0;left: -100%;visibility: visible;}
}


@media (max-width: 1199px) {
  .mobile-nav-toggle {color: var(--nav-color);font-size: 28px;line-height: 0;margin-right: 10px;cursor: pointer;transition: color 0.3s;}
  .navmenu {padding: 0;z-index: 9997;}
  .navmenu ul {display: none;position: absolute;inset: 60px 20px 20px 20px;padding: 10px 0;margin: 0;border-radius: 6px;background-color: var(--color-white);overflow-y: auto;transition: 0.3s;z-index: 9998;box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);}
  .navmenu a,.navmenu a:focus {color: var(----color-black-mate);padding: 10px 20px;font-family: var(--nav-font);font-size: 17px;font-weight: 500;display: flex;align-items: center;justify-content: space-between;white-space: nowrap;transition: 0.3s;}
  .navmenu a i,.navmenu a:focus i {font-size: 12px;line-height: 0;margin-left: 5px;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: 0.3s;background-color: var(--color-red);color: var(--color-white);}
  .navmenu a i:hover,.navmenu a:focus i:hover {background-color: var(--color-red);color: var(--color-white);}
  .navmenu a:hover,.navmenu .active,.navmenu .active:focus {color: var(--nav-dropdown-hover-color);}
  .navmenu .active i,.navmenu .active:focus i {background-color: var(--color-red);color: var(--color-white);transform: rotate(180deg);}
  .navmenu .dropdown ul {position: static;display: none;z-index: 99;padding: 10px 0;margin: 10px 20px;background-color: var(--color-white);box-shadow: none;transition: all 0.5s ease-in-out;}
  .navmenu .dropdown ul ul {background-color: rgba(33, 37, 41, 0.1);}
  .navmenu .dropdown>.dropdown-active {display: block;background-color: var( --color-white);}
  .mobile-nav-active {overflow: hidden;}
  .mobile-nav-active .mobile-nav-toggle {color: var(--color-red);position: absolute;font-size: 32px;top: 15px;right: 15px;margin-right: 0;z-index: 9999;}
  .mobile-nav-active .navmenu {position: fixed;overflow: hidden;inset: 0;background: var( --color-white);transition: 0.3s;}
  .mobile-nav-active .navmenu>ul {display: block;}
}

@media (min-width: 1200px) {
  .navmenu .listing-dropdown {position: static;}
  .navmenu .listing-dropdown ul {margin: 0;padding: 10px;background: var(--color-white);box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);position: absolute;top: 130%;left: 0;right: 0;visibility: hidden;opacity: 0;display: flex;transition: 0.3s;border-radius: 4px;z-index: 99;}
  .navmenu .listing-dropdown ul li {flex: 1;}
  .navmenu .listing-dropdown ul li a,.navmenu .listing-dropdown ul li:hover>a {padding: 10px 20px;font-size: 15px;color: var(----color-black-mate);background-color: var(--color-white);}
  .navmenu .listing-dropdown ul li a:hover,.navmenu .listing-dropdown ul li .active,.navmenu .listing-dropdown ul li .active:hover {color: var(--color-red);background-color: var(--color-white);}
  .navmenu .listing-dropdown:hover>ul {opacity: 1;top: 100%;visibility: visible;}
}

@media (max-width: 1199px) {
  .navmenu .listing-dropdown ul {position: static;display: none;z-index: 99;padding: 10px 0;margin: 10px 20px;background-color: var(--color-white);border: 1px solid color-mix(in srgb, var(--color-black-mate), transparent 90%);box-shadow: none;transition: all 0.5s ease-in-out;}
  .navmenu .listing-dropdown ul ul {background-color: rgba(33, 37, 41, 0.1);}
  .navmenu .listing-dropdown>.dropdown-active {display: block;background-color: rgba(33, 37, 41, 0.03);}
}

/***HERO***/
.hero {width: 100%;min-height: 100vh;position: relative;padding: 0;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.hero .info {position: relative;inset: 0;z-index: 3;}
.hero .info h1 {color: var(--color-white);margin-bottom: 10px;padding-bottom: 10px;font-size: 48px;font-weight: 700;position: relative;}
.hero .info h1:after {content: "";position: absolute;display: block;width: 80%;height: 4px;background: var(--color-red);left: 0;right: 0;bottom: 0;}
.hero .info p {color: color-mix(in srgb, var(--color-white), transparent 20%);font-size: 18px;}
.hero .info .btn-get-started {color: var(--color-white);background-color: var(--color-red);font-weight: 700;font-size: 16px;letter-spacing: 1px;display: inline-block;padding: 12px 40px;border-radius: 5px;transition: 0.5s;margin: 10px;text-decoration: none;}
.hero .info .btn-get-started:hover {background: var(--color-dark-red);}
.hero .carousel {inset: 0;position: absolute;overflow: hidden;}
.hero .carousel-item {position: absolute;inset: 0;background-size: cover;background-position: center;background-repeat: no-repeat;overflow: hidden;transition-duration: 0.4s;}
.hero .carousel-item img {filter:grayscale(1);position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
.hero .carousel-item::before {content: "";background-color: color-mix(in srgb, var(--color-black-mate), transparent 30%);position: absolute;inset: 0;z-index: 2;}
.hero .carousel-control-prev {justify-content: start;}
.hero .carousel-control-next {justify-content: end;}
.hero .carousel-control-next-icon,
.hero .carousel-control-prev-icon {background: none;font-size: 26px;line-height: 0;background: color-mix(in srgb, var(--color-black-mate), transparent 50%);color: color-mix(in srgb, var(--color-white), transparent 10%);border-radius: 50px;width: 54px;height: 54px;display: flex;align-items: center;justify-content: center;}
.hero .carousel-control-prev,.hero .carousel-control-next {text-decoration:none;z-index: 3;transition: 0.3s;}
.hero .carousel-control-prev:focus,.hero .carousel-control-next:focus {opacity: 0.5;}
.hero .carousel-control-prev:hover,.hero .carousel-control-next:hover {opacity: 0.9;}
@media (max-width: 768px),(max-height: 480px) {
  .hero .info {padding: 100px 50px 60px 50px;}
}
@media (max-width: 768px) {
  .hero .info h1 {font-size: 36px;}
}
@media (min-width: 640px) {
  .hero .carousel-control-prev {padding-left: 15px;}
}
@media (min-width: 640px) {
  .hero .carousel-control-next {padding-right: 15px;}
}
.about{margin-top: 50px;}
.about .content {background-image: url(../img/vector.png);padding: 40px;}
.about .content h3 {font-size: 14px;font-weight: 700;color: var(--color-white);text-transform: uppercase;}
.about .content h2 {font-size: 24px;font-weight: 700;}
.about .content p {margin: 15px 0 30px 0;line-height: 24px;}

.about .service-item {background-color: var(--color-whie);text-align: center;border: 1px solid color-mix(in srgb, var(--color-black-mate), transparent 85%);padding: 80px 20px;transition: all ease-in-out 0.3s;height: 100%;}
.about .service-item .icon {margin: 0 auto;width: 64px;height: 64px;background: var(--color-red);border-radius: 4px;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;transition: 0.3s;transform-style: preserve-3d;}
.about .service-item .icon i {color: var(--color-white);font-size: 28px;transition: ease-in-out 0.3s;}
.about .service-item .icon::before {position: absolute;content: "";left: -8px;top: -8px;height: 100%;width: 100%;background: color-mix(in srgb, var(--color-red), transparent 80%);border-radius: 5px;transition: all 0.3s ease-out 0s;transform: translateZ(-1px);}
.about .service-item h3 {font-weight: 700;margin: 10px 0 15px 0;font-size: 22px;color: var(--color-black-mate);}
.about .service-item p {line-height: 24px;font-size: 14px;margin-bottom: 0;}
.about .service-item:hover {background: var(--color-red);border-color: var(--color-red);}
.about .service-item:hover .icon {background: var(--color-white);}
.about .service-item:hover .icon i {color: var(--color-red);}
.about .service-item:hover .icon::before {background: color-mix(in srgb, var(--color-white), transparent 70%);}
.about .service-item:hover h3,.about .service-item:hover p {color: var(--color-white);}
.call-to-action {padding: 120px 0;position: relative;clip-path: inset(0);}
.call-to-action img {position: fixed;top: 0;left: 0;display: block;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
.call-to-action:before {content: "";background: color-mix(in srgb, var(--background-color), transparent 50%);position: absolute;inset: 0;z-index: 2;}
.call-to-action .container {position: relative;z-index: 3;}
.stats-item {padding: 30px;width: 100%;}
.stats-item span {color: var(--color-white);font-size: 48px;display: block;font-weight: 700;margin-bottom: 20px;padding-bottom: 20px;position: relative;}
.stats-item span:after {content: "";position: absolute;display: block;width: 25px;height: 3px;background: var(--color-red);left: 0;right: 0;bottom: 0;margin: auto;}
.stats-item p {color: color-mix(in srgb, var(--color-white), transparent 40%);padding: 0;margin: 0;font-weight: 500;}


.why-us .box {padding: 50px 30px;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);transition: all ease-in-out 0.3s;background: var(--color-white);}
.why-us .container .section-title p{color: var(--color-black-mate);}
.why-us .box span {display: block;font-size: 28px;font-weight: 700;color: var(--color-black-mate);}
.why-us .box h4 {font-size: 24px;font-weight: 600;padding: 0;margin: 20px 0;color: var(--color-red);}
.why-us .box p {color: var(--color-black-mate);font-size: 15px;margin: 0;padding: 0;}
.why-us .box:hover {background: var(--color-red);padding: 30px 30px 70px 30px;box-shasdow: 10px 15px 30px rgba(0, 0, 0, 0.18);}
.why-us .box:hover span, .why-us .box:hover h4, .why-us .box:hover p {color: var(--color-white);}
.caracteristica{margin-top: 15px;}
.caracteristica .item {width:100%;display:inline-flex;background-color: var(--color-white);box-shadow: 0 3px 20px -2px rgba(0, 0, 0, 0.1);padding: 20px 40px;height: 100%;position: relative;border-radius: 15px;}
.caracteristica h3 {font-weight: 600;margin:10px 0px 0px 25px;font-size: 17px;}
.caracteristica .icon {width: 40px;height: 40px;background: var(--color-red);border-radius: 50%;display: flex;align-items: center;justify-content: center;transition: 0.3s;transform-style: preserve-3d;}
.caracteristica .icon i {color: var(--color-white);font-size: 21px;transition: ease-in-out 0.3s;line-height: 0;}
.caracteristica .icon::before {position: absolute;content: "";height: 50px;width: 50px;border-radius: 50%;background: color-mix(in srgb, var(--color-red), transparent 80%);transition: all 0.3s ease-out 0s;transform: translateZ(-1px);}
.caracteristica .icon::after {position: absolute;content: "";height: 60px;width: 60px;border-radius: 50%;background: color-mix(in srgb, var(--color-red), transparent 90%);transition: all 0.3s ease-out 0s;transform: translateZ(-2px);}
.caracteristica .info{width: calc((100%) - (70px));}
.contact{padding:50px 0px;background-repeat:no-repeat!important;background-size: cover !important;background: linear-gradient(rgba(18, 18, 20, 1) 35%, rgba(18, 18, 20, 0.7) 50%), url(../img/contact.webp);}
.contact #btnOk{color: var(--color-white);background-color: var(--color-red);font-weight: 700;border:none;font-size: 16px;letter-spacing: 1px;display: block;padding: 12px 40px;border-radius: 5px;transition: 0.5s;margin: 10px auto;text-decoration: none;text-align: center;}
.footer {color: var(--background-color);background-color: var(--color-black);font-size: 14px;padding-bottom: 50px;position: relative;}
.footer .footer-newsletter {background-color: color-mix(in srgb, var(--color-red), transparent 97%);border-top: 1px solid color-mix(in srgb, var(--color-red), transparent 85%);border-bottom: 1px solid color-mix(in srgb, var(--color-red), transparent 85%);padding: 50px 0;}
.footer .footer-newsletter h4 {font-size: 24px;}
.footer .footer-newsletter .newsletter-form {margin-top: 30px;margin-bottom: 15px;padding: 6px 8px;position: relative;background-color: color-mix(in srgb, var(--color-white), transparent 50%);border: 1px solid color-mix(in srgb, var(--color-black-mate), transparent 90%);box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1);display: flex;transition: 0.3s;border-radius: 4px;}
.footer .footer-newsletter .newsletter-form:focus-within {border-color: var(--color-red);}
.footer .footer-newsletter .newsletter-form input[type=email] {border: 0;padding: 4px;width: 100%;background-color: color-mix(in srgb, var(--color-white), transparent 50%);color: var(--color-black-mate);}
.footer .footer-newsletter .newsletter-form input[type=email]:focus-visible {outline: none;}
.footer .footer-newsletter .newsletter-form input[type=button] {border: 0;font-size: 16px;padding: 0 20px;margin: -7px -8px -7px 0;background: var(--color-red);color: var(--color-white);transition: 0.3s;border-radius: 0 4px 4px 0;}
.footer .footer-newsletter .newsletter-form input[type=button]:hover {background: color-mix(in srgb, var(--color-red), transparent 20%);}
.footer .footer-top {padding-top: 50px;}
.footer .social-links a {display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 4px;background-color: color-mix(in srgb, var(--color-red), transparent 97%);border: 1px solid color-mix(in srgb, var(--color-red), transparent 85%);font-size: 16px;color: var(--color-red);margin-right: 10px;transition: 0.3s;}
.footer .social-links a:hover {color: var(--color-white);background-color: var(--color-red);}
.footer h4 {font-size: 16px;font-weight: bold;position: relative;padding-bottom: 12px;}
.footer .footer-links {margin-bottom: 30px;}
.footer .footer-links ul {list-style: none;padding: 0;margin: 0;}
.footer .footer-links ul i {margin-right: 3px;font-size: 12px;line-height: 0;color: var(--color-red);}
.footer .footer-links ul li {padding: 10px 0;display: flex;align-items: center;}
.footer .footer-links ul li:first-child {padding-top: 0;}
.footer .footer-links ul a {display: inline-block;color: color-mix(in srgb, var(--color-black-mate), transparent 20%);line-height: 1;}
.footer .footer-links ul a:hover {color: var(--color-red);}
.footer .footer-about a {color: var(--color-dark-red);font-size: 24px;font-weight: 600;font-family: var(--heading-font);}
.footer .footer-contact p {margin-bottom: 5px;}
.footer .copyright {padding-top: 25px;padding-bottom: 25px;border-top: 1px solid color-mix(in srgb, var(--color-black-mate), transparent 90%);}
.footer .copyright p {margin-bottom: 0;}
.footer .credits {margin-top: 6px;font-size: 13px;color: var(--color-white)!important;}
.footer-contact-text{color: var(--color-white)!important;font-size: 14px!important;font-weight: 400!important;}
i[class^="ico18"]{width:18px;height:18px;margin:auto;background-size: 100%;display: block;background-repeat: no-repeat;background-position: center;}
.ico18Facebook{background-image: url(../img/icon/facebook.png);}
.ico18Tiktok{background-image: url(../img/icon/tiktok.png);}
.ico18Close{background-image: url(../img/icon/close.png);}
.scroll-top {position: fixed;visibility: hidden;opacity: 0;right: 15px;bottom: -15px;z-index: 99999;background-color: var(--color-red);width: 44px;height: 44px;border-radius: 50px;transition: all 0.4s;}
.scroll-top i {font-size: 24px;color: var(--color-white);line-height: 0;}
.scroll-top:hover {background-color: color-mix(in srgb, var(--color-dark-red), transparent 20%);color: var(--color-white);}
.scroll-top.active {visibility: visible;opacity: 1;bottom: 15px;}
.error-label{font-size: 15px;color:var(--color-red);margin: 5px 2px;}
.success-form{font-size: 15px;color: rgb(113, 184, 92, 1.0); margin: 5px 2px;}

#loading{width: 100%;margin-top: 30px;}
#loading .spinner-border{border:rgb(113, 184, 92, 1.0) solid;border-right-color: transparent;margin: 0px auto;display: block;}

#espectacular{margin: 200px 0px 80px 0px;}
#espectacular .googleFrame{width: 100%;min-height: 362px;}
#espectacular .img-info{width: 100%;height: 100%;object-fit: cover;min-height: 736px;}
#espectacular .espectacular-info{position: absolute;margin:auto;top: 0;left: 0;width: 100%;height: 100%;display: inline-block;justify-content: center;align-items: center;z-index: 2;  padding: 0px 25px;text-align: center;}
#espectacular .logo-espectacular{width: 235px;margin-top: 50px;}
#espectacular .title-espectacular{color: var(--color-white);text-align: center;font-family: "Rowdies";font-weight: 700;margin-top: 50px;}
#espectacular .subtitle-espectacular{color: var(--color-white);text-align: center;font-size: 15px;}
#espectacular .text-espectacular{margin:0px;display: inline-block;color: var(--color-white);text-align: left;font-size: 13px;}
#espectacular .btn-cotizar{background-color:var(--color-red);color: var(--color-white);font-size: 15px;margin: 20px auto 0px auto;display:block;border-radius: 5px;padding: 5px 20px;width: max-content;}
#espectaculares{margin: 200px 0px;}
#espectaculares .card-espectacular{background-image: url('../img/edificios.webp');background-size: cover;background-position: bottom center;border: none;}
#espectaculares .card-espectacular .card-img-top{clip-path:polygon(0 0,100% 0, 100% 85%, 0 100%);height: 255px;object-fit: cover;}
#espectaculares .card-espectacular .card-body .card-city{color: var(--color-red);font-size: 12px;text-align: center;font-weight: 900;}
#espectaculares .card-espectacular .card-body .card-title{color: var(--color-white);text-align: center;font-family: "Rowdies";font-weight: 700;font-style: normal;}
#espectaculares .card-espectacular .card-body .card-text{color: var(--color-white);text-align: center;font-weight: 500;font-style: normal;font-size: 13px;height: 40px;}
#espectaculares .card-espectacular .card-body .card-type{color: var(--color-white);background-color:var(--color-red);text-align: center;font-weight: 700;font-style: normal;font-size: 13px;text-transform: uppercase;border-radius: 5px;margin: auto;padding: 6px 0px;}
@media (max-width: 320px) {
  #espectaculares .card-espectacular .card-body .card-text{height: 70px;}
}

#mupi{margin: 200px 0px 80px 0px;}
#mupi .googleFrame{width: 100%;min-height: 362px;}
#mupi .img-info{width: 100%;height: 100%;object-fit: cover;min-height: 736px;}
#mupi .mupi-info{position: absolute;margin:auto;top: 0;left: 0;width: 100%;height: 100%;display: inline-block;justify-content: center;align-items: center;z-index: 2;  padding: 0px 25px;text-align: center;}
#mupi .logo-mupi{width: 235px;margin-top: 50px;}
#mupi .title-mupi{color: var(--color-white);text-align: center;font-family: "Rowdies";font-weight: 700;margin-top: 50px;}
#mupi .subtitle-mupi{color: var(--color-white);text-align: center;font-size: 15px;}
#mupi .text-mupi{margin:0px;display: inline-block;color: var(--color-white);text-align: left;font-size: 13px;}
#mupi .btn-cotizar{background-color:var(--color-red);color: var(--color-white);font-size: 15px;margin: 20px auto 0px auto;display:block;border-radius: 5px;padding: 5px 20px;width: max-content;}
#mupis{margin: 200px 0px;}
#mupis .card-mupi{background-image: url('../img/edificios.webp');background-size: cover;background-position: bottom center;border: none;}
#mupis .card-mupi .card-img-top{clip-path:polygon(0 0,100% 0, 100% 85%, 0 100%);height: 255px;object-fit: cover;}
#mupis .card-mupi .card-body .card-city{color: var(--color-red);font-size: 12px;text-align: center;font-weight: 900;}
#mupis .card-mupi .card-body .card-title{color: var(--color-white);text-align: center;font-family: "Rowdies";font-weight: 700;font-style: normal;}
#mupis .card-mupi .card-body .card-text{color: var(--color-white);text-align: center;font-weight: 500;font-style: normal;font-size: 13px;height: 40px;}
#mupis .card-mupi .card-body .card-type{color: var(--color-white);background-color:var(--color-red);text-align: center;font-weight: 700;font-style: normal;font-size: 13px;text-transform: uppercase;border-radius: 5px;margin: auto;padding: 6px 0px;}
@media (max-width: 320px) {
  #mupis .card-mupi .card-body .card-text{height: 70px;}
}

#parabus{margin: 200px 0px 80px 0px;}
#parabus .googleFrame{width: 100%;min-height: 362px;}
#parabus .img-info{width: 100%;height: 100%;object-fit: cover;min-height: 736px;}
#parabus .parabus-info{position: absolute;margin:auto;top: 0;left: 0;width: 100%;height: 100%;display: inline-block;justify-content: center;align-items: center;z-index: 2;  padding: 0px 25px;text-align: center;}
#parabus .logo-parabus{width: 235px;margin-top: 50px;}
#parabus .title-parabus{color: var(--color-white);text-align: center;font-family: "Rowdies";font-weight: 700;margin-top: 50px;}
#parabus .subtitle-parabus{color: var(--color-white);text-align: center;font-size: 15px;}
#parabus .text-parabus{margin:0px;display: inline-block;color: var(--color-white);text-align: left;font-size: 13px;}
#parabus .btn-cotizar{background-color:var(--color-red);color: var(--color-white);font-size: 15px;margin: 20px auto 0px auto;display:block;border-radius: 5px;padding: 5px 20px;width: max-content;}
#parabuses{margin: 200px 0px;}
#parabuses .card-parabus{background-image: url('../img/edificios.webp');background-size: cover;background-position: bottom center;border: none;}
#parabuses .card-parabus .card-img-top{clip-path:polygon(0 0,100% 0, 100% 85%, 0 100%);height: 255px;object-fit: cover;}
#parabuses .card-parabus .card-body .card-city{color: var(--color-red);font-size: 12px;text-align: center;font-weight: 900;}
#parabuses .card-parabus .card-body .card-title{color: var(--color-white);text-align: center;font-family: "Rowdies";font-weight: 700;font-style: normal;}
#parabuses .card-parabus .card-body .card-text{color: var(--color-white);text-align: center;font-weight: 500;font-style: normal;font-size: 13px;height: 40px;}
#parabuses .card-parabus .card-body .card-type{color: var(--color-white);background-color:var(--color-red);text-align: center;font-weight: 700;font-style: normal;font-size: 13px;text-transform: uppercase;border-radius: 5px;margin: auto;padding: 6px 0px;}
@media (max-width: 320px) {
  #parabuses .card-parabus .card-body .card-text{height: 70px;}
}
.nav-pagination .pagination{float: right;}
.nav-pagination .pagination .page-item .page-link{color: var(--color-red);}
.nav-pagination .pagination .active .page-link{color: var(--color-white);background-color: var(--color-red);border: none;}

.cd-filter-trigger{margin-top: 135px;}
.cd-filter {margin-top: 135px;position: fixed;top: 0;left: 0;width: 280px;height: 100vh;background: var(--color-white);box-shadow: 4px 4px 20px transparent;z-index: 3;-webkit-transform: translateZ(0);-moz-transform: translateZ(0);-ms-transform: translateZ(0);-o-transform: translateZ(0);transform: translateZ(0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-transform: translateX(-100%);-moz-transform: translateX(-100%);-ms-transform: translateX(-100%);-o-transform: translateX(-100%);transform: translateX(-100%);-webkit-transition: -webkit-transform 0.3s, box-shadow 0.3s;-moz-transition: -moz-transform 0.3s, box-shadow 0.3s;transition: transform 0.3s, box-shadow 0.3s;}
.cd-filter::before {content: '';position: absolute;top: 0;left: 0;height: 50px;width: 100%;background-color: var(--color-red);z-index: 2;}
.cd-filter form {padding: 70px 20px;}
.cd-filter .cd-close {position: absolute;top: 0;right: 0;height: 50px;line-height: 50px;width: 60px;color: var(--color-white);font-size: 15px;text-align: center;background: var(--color-dark-red);opacity: 0;-webkit-transition: opacity 0.3s;-moz-transition: opacity 0.3s;transition: opacity 0.3s;z-index: 3;}
.no-touch .cd-filter .cd-close:hover {background: var(--color-red);}
.cd-filter.filter-is-visible {-webkit-transform: translateX(0);-moz-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);}
.cd-filter.filter-is-visible .cd-close { opacity: 1;}
@media only screen and (min-width: 1170px) {
  .cd-filter {width: 20%;}
  .cd-filter form {padding: 70px 10%;}
}

.cd-filter-trigger {position: absolute;top: 0;left: 0;height: 50px;line-height: 50px;width: 60px;overflow: hidden;text-indent: 100%;color: transparent;white-space: nowrap;filter: brightness(0) saturate(100%) invert(70%) sepia(17%) saturate(7202%) hue-rotate(304deg) brightness(95%) contrast(82%);background: transparent url("../img/icon/cd-icon-filter.svg") no-repeat center center;z-index: 3;}
.cd-filter-trigger.filter-is-visible {pointer-events: none;}
@media only screen and (min-width: 1170px) {
  .cd-filter-trigger {width: auto;left: 2%;text-indent: 0;color: var(--color-black-mate);text-transform: uppercase;font-size: 15px;font-weight: 700;padding-left: 24px;background-position: left center;-webkit-transition: color 0.3s;-moz-transition: color 0.3s;transition: color 0.3s;}
  .no-touch .cd-filter-trigger:hover {color: var(--color-dark-red);}
  .cd-filter-trigger.filter-is-visible, .cd-filter-trigger.filter-is-visible:hover {color: var(--color-white);}
}

.cd-filter-block {margin-bottom: 1.6em;}
.cd-filter-block h4 {position: relative;margin-bottom: .2em;padding: 10px 0 10px 20px;color: var(--color-black-mate);text-transform: uppercase;font-weight: 700;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;}
.no-touch .cd-filter-block h4:hover {color: var(--color-red);}
.cd-filter-block h4::before {content: '';position: absolute;left: 0;top: 50%;width: 16px;height: 16px;background: url("../img/icon/cd-icon-arrow.svg") no-repeat center center;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);-webkit-transition: -webkit-transform 0.3s;-moz-transition: -moz-transform 0.3s;transition: transform 0.3s;}
.cd-filter-block h4.closed::before {-webkit-transform: translateY(-50%) rotate(-90deg);-moz-transform: translateY(-50%) rotate(-90deg);-ms-transform: translateY(-50%) rotate(-90deg);-o-transform: translateY(-50%) rotate(-90deg);transform: translateY(-50%) rotate(-90deg);}
.cd-filter-block input, .cd-filter-block select,.cd-filter-block .radio-label::before,.cd-filter-block .checkbox-label::before {border-radius: 0;background-color: var(--color-white);border: 2px solid #e6e6e6;}
.cd-filter-block input[type='search'],.cd-filter-block input[type='text'],.cd-filter-block select {width: 100%;padding: .375rem .75rem;height:40px;border-radius:5px;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;box-shadow: none;}
.cd-filter-block input[type='search']:focus,.cd-filter-block input[type='text']:focus,.cd-filter-block select:focus {outline: none;background-color: var(--color-white);border-color: var(--color-red);}
.cd-filter-block input[type='search'] {border-color: transparent;background-color: #e6e6e6;font-size: 15px !important;}
.cd-filter-block input[type='search']::-webkit-search-cancel-button {display: none;}
.cd-filter-block .cd-select {position: relative;}
.cd-filter-block .cd-select::after {content: '';position: absolute;z-index: 1;right: 14px;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);display: block;width: 16px;height: 16px;background: url("../img/icon/cd-icon-arrow.svg") no-repeat center center;pointer-events: none;}
.cd-filter-block select {cursor: pointer;font-size: 15px;}
.cd-filter-block select::-ms-expand {display: none;}
.filter-text{color: var(--color-black-mate);}

/**************************************UI AUTOCOMPLETE*****************************************/
.ui-helper-hidden-accessible{display: none;}
.ui-autocomplete {position: absolute;top: 0;left: 0;cursor: default;background-color: var(--color-white);}
.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper{ z-index: 99;padding: 6px 12px;color: var(--color-black-mate); font-size: 14px;}
.ui-autocomplete .ui-menu-item .ui-state-active{ padding: 6px 12px;border: 0px!important;background-color:var(--color-gray-light)!important;color: var(--color-black-mate); font-size: 14px;}
.ui-menu {box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;list-style: none;padding: 0;margin: 0;display: block;outline: none;}
.ui-menu .ui-menu {position: absolute;}
.ui-menu .ui-menu-item {position: relative;margin: 0;cursor: pointer;min-height: 0; }
.ui-menu .ui-menu-divider {margin: 5px 0;height: 0;font-size: 0;line-height: 0;border-width: 1px 0 0 0;}
.ui-menu .ui-state-focus,.ui-menu .ui-state-active {margin: -1px;}
.ui-menu-icons {position: relative;}
.ui-menu-icons .ui-menu-item {padding-left: 2em;}
.ui-widget {color: var(--color-black-mate); font-size: 14px;z-index: 4;}
.ui-widget .ui-widget {font-size: 1em;}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {color: var(--color-black-mate); font-size: 14px;}
.ui-widget-content {border: 1px solid rgba(0, 0, 0, 0.1);color:var(--color-black-mate);}
.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.dropdown-border-0:active{background-color: unset!important;}
.clear-autocomplete{background-size:100%;position: relative;z-index: 1;margin-left: 88%;margin-top: -20px;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);display: block;width: 12px;height: 12px;cursor: pointer;}
.autocomplete{padding-right: 30px;}
.whatsapp-float {position: fixed;bottom: 30px;left: 10px;z-index: 1000;}
.whatsapp-float .btn {background-color: rgb(37, 211, 102);border-radius: 50%;width: 60px;height: 60px;font-size: 28px;display: flex;align-items: center;justify-content: center;}
.whatsapp-float .btn i{color: var(--color-white);}
/***HERO CENTRO COMERCIAL***/

/***HERO***/
.hero-centro {width: 100%;min-height: 100vh;position: relative;padding: 0;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.hero-centro .info {position: relative;inset: 0;z-index: 3;}
.hero-centro .info h1 {color: var(--color-white);margin-bottom: 10px;padding-bottom: 10px;font-size: 48px;font-weight: 700;position: relative;}
.hero-centro .info h1:after {content: "";position: absolute;display: block;width: 80%;height: 4px;background: var(--color-red);left: 0;right: 0;bottom: 0;}
.hero-centro .info p {color: color-mix(in srgb, var(--color-white), transparent 20%);font-size: 18px;}
.hero-centro .info .btn-get-started {color: var(--color-white);background-color: var(--color-red);font-weight: 700;font-size: 16px;letter-spacing: 1px;display: inline-block;padding: 12px 40px;border-radius: 5px;transition: 0.5s;margin: 10px;text-decoration: none;}
.hero-centro .info .btn-get-started:hover {background: var(--color-dark-red);}
.hero-centro .carousel {inset: 0;position: absolute;overflow: hidden;}
.hero-centro .carousel-item {position: absolute;inset: 0;background-size: cover;background-position: center;background-repeat: no-repeat;overflow: hidden;transition-duration: 0.4s;}
.hero-centro .carousel-item img {filter:none!important;position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: cover;z-index: 1;}
.hero-centro .carousel-item::before {content: "";background-color: color-mix(in srgb, var(--color-black-mate), transparent 30%);position: absolute;inset: 0;z-index: 2;}
.hero-centro .carousel-control-prev {justify-content: start;}
.hero-centro .carousel-control-next {justify-content: end;}
.hero-centro .carousel-control-next-icon,
.hero-centro .carousel-control-prev-icon {background: none;font-size: 26px;line-height: 0;background: color-mix(in srgb, var(--color-black-mate), transparent 50%);color: color-mix(in srgb, var(--color-white), transparent 10%);border-radius: 50px;width: 54px;height: 54px;display: flex;align-items: center;justify-content: center;}
.hero-centro .carousel-control-prev,.hero-centro .carousel-control-next {text-decoration:none;z-index: 3;transition: 0.3s;}
.hero-centro .carousel-control-prev:focus,.hero-centro .carousel-control-next:focus {opacity: 0.5;}
.hero-centro .carousel-control-prev:hover,.hero-centro .carousel-control-next:hover {opacity: 0.9;}
@media (max-width: 768px),(max-height: 480px) {
  .hero-centro .info {padding: 100px 50px 60px 50px;}
}
@media (max-width: 768px) {
  .hero-centro .info h1 {font-size: 36px;}
}
@media (min-width: 640px) {
  .hero-centro .carousel-control-prev {padding-left: 15px;}
}
@media (min-width: 640px) {
  .hero-centro .carousel-control-next {padding-right: 15px;}
}

.pros .feature-box {background: var(--color-white);border-radius: 12px;padding: 2.5rem 1.5rem;text-align: center;height: 100%;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;position: relative;overflow: hidden;z-index: 1;}
.pros .feature-box:before {content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background: color-mix(in srgb, var(--color-red), transparent 0%);z-index: -1;transition: height 0.5s cubic-bezier(0.65, 0, 0.35, 1);border-radius: 12px;}
.pros .feature-box:hover {transform: translateY(-10px);box-shadow: none;}
.pros .feature-box:hover > *{color: var(--color-white);}
.pros .feature-box:hover:before {height: 100%;}
.pros .feature-box:hover .icon-container {background: var(--color-white);color: var(--color-red);}
.pros .feature-box .icon-container {width: 70px;height: 70px;border-radius: 50%;background: color-mix(in srgb, var(--color-red), transparent 0%);color: var(--color-white);display: flex;align-items: center;justify-content: center;margin: 0 auto 1.5rem;font-size: 1.8rem;transition: all 0.3s ease;box-shadow: 0 5px 15px color-mix(in srgb, var(--color-red), transparent 85%);}
.pros .feature-box h4 {font-size: 1.3rem;font-weight: 600;margin-bottom: 1rem;color: var(--color-black-mate);}
.pros .feature-box p {color: color-mix(in srgb, var(--color-black-mate), transparent 25%);font-size: 0.95rem;line-height: 1.6;}

@media (max-width: 767px) {
  .pros .feature-box {padding: 1.8rem 1rem;}
  .pros .feature-box .icon-container {width: 60px;height: 60px;font-size: 1.5rem;}  
}

.types ul li{list-style-type: none;margin:0;padding:0; }
.types ul li .bi-check2-all{color: var(--color-red); }