*{font-family: "Poppins";font-style: normal;}
a{text-decoration: none;}
.bg-blue{background-color: var(--color-blue);}
.bg-gray{background-color: var(--color-gray);}
.py-60{padding: 60px 0px;}
/***SECTION-TITLE***/
.section-title {padding-bottom: 60px;position: relative;}
.section-title h2 {font-size: 14px;font-weight: 500;padding: 0;line-height: 1px;margin: 0;letter-spacing: 1.5px;text-transform: uppercase;color: color-mix(in srgb, var(--color-aqua), transparent 0%);position: relative;}
.section-title h2::after {content: "";width: 120px;height: 2px;display: inline-block;background: var(--color-yellow);margin: 4px 10px;}
.section-title div {color: var(--color-blue);margin: 0;margin: 0;font-size: 28px;font-weight: 700;text-transform: uppercase;font-family: var(--heading-font);}
/***NAVBAR***/
#nav{background-color: var(--color-white);display: block;padding: 0px;}
#nav .topbar {background: var(--color-blue);height: 60px;font-size: 14px;transition: all 0.5s;padding: 0;}
#nav .topbar .container .contact-info .link-contact{font-family: "Poppins";font-weight:500;display: inline-flex; color: var(--color-white);opacity:1;text-decoration:none;line-height: 1.2;font-size: 14px;}
#nav .topbar .container .contact-info .link-contact:hover{opacity: 0.5;}
#nav .topbar .container .contact-info .link-contact .text-contact{margin-left: 10px;color: var(--color-white);}
#nav .topbar .container .social-links .link-contact:hover{opacity: 0.5;}
#nav .topbar .container .social-links .btn-cotizacion{font-family: "Poppins";text-decoration:none;background-color: #06344D;color: var(--color-white);height: 60px;display: inline-flex;padding: 20px;}
#nav .topbar .container .social-links .btn-cotizacion:hover{background-color: #06344D;color: var(--color-white); }
#nav .topbar .container .social-links .btn-cotizacion .text-contact{color: var(--color-white);line-height: 1.4; margin-left: 10px;font-weight:500;}
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/ico/mail.png);}
.ico-box-phone{background-image: url(../img/ico/phone.png);}
.ico-box-mensaje{background-image: url(../img/ico/whatsapp.png);}
@media (max-width: 1200px) {
  #nav .topbar .container .contact-info .open-hours{display: none;} 
}

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

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

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

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

#nav .topbar .container .contact-info i a {line-height: 0;transition: 0.3s;}
#nav .topbar .container .contact-info i a:hover {color: var(--color-white);text-decoration: underline;}
#nav .topbar .container .social-links a {color: var(--color-white);line-height: 0;transition: 0.3s;margin-left: 20px;}
#nav .topbar .container .social-links a:hover { color: var(--color-white);}
#nav .container-fluid .navbar-brand .logo{width: 200px;}
#nav .container-fluid .navbar-nav .nav-item .nav-link{font-weight:600;font-size: 18px;color:var(--color-black);padding: 8px 15px;}
#nav .container-fluid .navbar-nav .nav-item .active{color: var(--color-aqua);}
#nav .container-fluid .navbar-nav .nav-item:hover .nav-link{color:var(--color-aqua);}
#nav .container-fluid .navbar-nav .active .nav-link{color:var(--color-aqua);}
#nav .container-fluid .navbar-nav .nav-item .bg-red-button,#nav .container-fluid .navbar-nav .nav-item .bg-red-button:hover{background-color: var(--color-aqua);color: var(--color-white);border-radius: 5px;padding: 8px 15px;}
/***HOME***/
#home{margin-top:153px;}
#home #carouselExampleCaptions .carousel-inner .carousel-item .carousel-caption h1{font-weight: 700;}
#home #carouselExampleCaptions .carousel-inner .carousel-item .carousel-caption p{font-weight: 500;}

/***US***/
.us {padding-top: 60px;}
.us .us-image {border-radius: 8px;overflow: hidden;}
.us .us-image .experience-badge {position: absolute;top: 30px;right: -10px;background: var(--color-yellow);color: var(--color-white);padding: 1.5rem;border-radius: 8px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);text-align: center;min-width: 150px;}
.us .us-image .experience-badge .years {font-size: 2.5rem;font-weight: 700;line-height: 1;display: block;margin-bottom: 5px;}
.us .us-image .experience-badge .text {font-size: 0.9rem;text-transform: uppercase;letter-spacing: 1px;}
@media (max-width: 768px) {
  .us .us-image .experience-badge {right: 0;top: 10px;padding: 1rem;min-width: 120px;}
  .us .us-image .experience-badge .years {font-size: 2rem;}
}
.us .us-content h2 {font-size: 2.2rem;margin-bottom: 1.25rem;font-weight: 700;color: var(--color-blue);}
@media (max-width: 768px) {
  .us .us-content h2 {font-size: 1.8rem;}
}
.us .us-content p {margin-bottom: 1rem;color: var(--color-black);}
/***VALORES***/
.valores-section{padding:60px 0px;background-color: var(--color-gray);margin: 60px 0px 0px 0px;}
.valores-section .row {justify-content: center;}
.valores-section .valores-card {height: 100%;background: var(--color-white);border-radius: 20px;box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);overflow: hidden;position: relative;transition: all 0.4s;margin-bottom: 30px;display: flex;flex-direction: column;border: 1px solid color-mix(in srgb, var(--color-blue), transparent 90%);}
.valores-section .valores-card:hover {transform: translateY(-10px);box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);}
.valores-section .valores-header {padding: 30px 30px 20px;text-align: center;}
.valores-section .valores-header .valores-icon {width: 70px;height: 70px;margin: 0 auto 20px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: color-mix(in srgb, var(--color-yellow), transparent 90%);}
.valores-section .valores-header .valores-icon i {font-size: 36px;color: var(--color-yellow);}
.valores-section .valores-header h3 {font-size: 24px;font-weight: 700;margin-bottom: 10px;color: var(--color-blue);}
.valores-section .valores-header p {font-size: 15px;color: color-mix(in srgb, var(--color-black), transparent 30%);}
@media (max-width: 992px) {
  .valores-section .valores-card {max-width: 400px;margin-left: auto;margin-right: auto;}
}

@media (max-width: 768px) {
  .valores-section .valores-header {padding: 25px 20px 15px;}
}
/*** WHY-US ***/
.why-us{} 
.why-us .why-us-arrow {color: var(--color-yellow);}
.why-us .why-us-container .why-us-item {border:1px solid var(--color-blue);display:flex;background-color: var(--color-white);position: relative;margin-bottom: 15px;border-radius: 10px;overflow: hidden;}
.why-us .why-us-container .why-us-item:last-child {margin-bottom: 0;}
.why-us .why-us-container .why-us-item .why-us-icon {width: 70px;height: 70px;margin: 0px 20px 0px 0px;display: flex;align-items: center;justify-content: center;background-color: var(--color-aqua);}
.why-us .why-us-container .why-us-item .why-us-icon i {font-size: 36px;color: var(--color-yellow);}
.why-us .why-us-container .why-us-item h3 {color: var(--color-blue);font-weight: 600;font-size: 16px;line-height: 24px;margin: 0 30px 0 0;transition: 0.3s;cursor: pointer;display: flex;align-items: center;}
.why-us .why-us-container .why-us-item .why-us-content {display: grid;grid-template-rows: 0fr;transition: 0.3s ease-in-out;visibility: hidden;opacity: 0;}
.why-us .why-us-container .why-us-item .why-us-content p {color: var(--color-black);margin-bottom: 0;overflow: hidden;}
.why-us .why-us-container .why-us-active h3 {color: var(--color-blue);}
i[class^="icoBox"]{margin:auto;width: 36px;height: 36px;background-size: 100%;display: block;background-repeat: no-repeat;background-position: center;}
.icoBoxMegaphone{background-image: url('../img/ico/icon-01-light.png');}
.icoBoxArrowUp{background-image: url('../img/ico/icon-02-light.png');}
.icoBoxBullsEye{background-image: url('../img/ico/icon-03-light.png');}
.icoBoxClock{background-image: url('../img/ico/icon-04-light.png');}
.icoBoxCamera{background-image: url('../img/ico/icon-05-light.png');}
.icoBoxPeople{background-image: url('../img/ico/icon-06-light.png');}
/*** INFO ***/
.info {padding-top: 60px;}
.info .info-image {border-radius: 8px;overflow: hidden;}
.info .info-content p {margin-bottom: 1rem;color: var(--color-black);}
/*** WORK PROCESS ***/
.work-process{padding: 60px 0px;}
.work-process .steps-content {padding-right: 30px;margin-bottom: 40px;}

@media (max-width: 992px) {
  .work-process .steps-content {padding-right: 0;}
}

.work-process .steps-content h2 {font-size: 2.5rem;font-weight: 700;margin-bottom: 1.5rem;color: var(--color-blue);}

@media (max-width: 768px) {
  .work-process .steps-content h2 {font-size: 2rem;}
}

.work-process .steps-content .lead {font-size: 1.2rem;font-weight: 500;margin-bottom: 1.5rem;color: var(--default-color);}
.work-process .steps-content p {margin-bottom: 2rem;color: var(--dcolor-black);}
.work-process .steps-content .steps-cta {display: flex;gap: 15px;}

@media (max-width: 576px) {
  .work-process .steps-content .steps-cta {flex-direction: column;}
}

.work-process .steps-content .steps-cta .btn {padding: 12px 30px;font-weight: 600;border-radius: 5px;transition: all 0.3s ease;}
.work-process .steps-content .steps-cta .btn-primary {background-color: var(--color-yellow);border-color: var(--color-yellow);color: var(--color-white);}
.work-process .steps-content .steps-cta .btn-primary:hover {background-color: color-mix(in srgb, var(--color-yellow), #FFF 15%);border-color: color-mix(in srgb, var(--color-yellow), #FFF 15%);transform: translateY(-3px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);}
.work-process .steps-list {position: relative;}
.work-process .steps-list::before {content: "";position: absolute;top: 0;bottom: 0;left: 25px;width: 2px;background-color: color-mix(in srgb, var(--color-aqua), transparent 70%);}

@media (max-width: 576px) {
  .work-process .steps-list::before {left: 20px;}
}

.work-process .steps-list .step-item {display: flex;margin-bottom: 30px;position: relative;}
.work-process .steps-list .step-item:last-child {margin-bottom: 0;}
.work-process .steps-list .step-item:hover .step-number {background-color: var(--color-aqua);color: var(--color-white);transform: scale(1.1);}
.work-process .steps-list .step-item .step-number {flex-shrink: 0;width: 50px;height: 50px;border-radius: 50%;background-color: color-mix(in srgb, var(--color-aqua) 10%, white 90%);color: var(--color-aqua);display: flex;align-items: center;justify-content: center;font-size: 1.2rem;font-weight: 700;margin-right: 20px;z-index: 1;transition: all 0.3s ease;}

@media (max-width: 576px) {
  .work-process .steps-list .step-item .step-number {width: 40px;height: 40px;font-size: 1rem;}
}

.work-process .steps-list .step-item .step-content {padding-top: 5px;}
.work-process .steps-list .step-item .step-content h3 {font-size: 1.3rem;font-weight: 700;margin-bottom: 10px;color: var(--color-black);}

@media (max-width: 576px) {
  .work-process .steps-list .step-item .step-content h3 {font-size: 1.1rem;}
}

.work-process .steps-list .step-item .step-content p {font-size: 0.95rem;color: var(--color-black);margin-bottom: 0;}
/*** CONTACT ***/
.contact{padding:60px 0px;background-repeat:no-repeat!important;background-size: cover !important;background: linear-gradient(0deg,rgba(10, 69, 101, 0.67) 0%, rgba(10, 69, 101, 1) 80%), url(../img/contact.webp) center;}
.contact #btnOk{color: var(--color-white);background-color: var(--color-yellow);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;}
.error-label{font-size: 15px;color:var(--color-yellow);margin: 5px 2px;}
.success-form{font-size: 15px;color: rgb(61, 183, 144, 1.0); margin: 5px 2px;}

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

/***FOOTER***/
.footer {color: var(--colora-white);background-color: var(--color-blue);font-size: 14px;padding-bottom: 50px;position: relative;}
.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-blue), transparent 97%);border: 1px solid color-mix(in srgb, var(--color-blue), transparent 85%);font-size: 16px;color: var(--accent-color);margin-right: 10px;transition: 0.3s;}
.footer .social-links a:hover {
  color: var(--color-aqua);

}

i[class^="ico18"]{width:18px;height:18px;margin:auto;background-size: 100%;display: block;background-repeat: no-repeat;background-position: center;}
.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-white);}
.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-white), transparent 20%);line-height: 1;}
.footer .footer-links ul a:hover {color: var(--color-aqua);}
.footer .footer-about a {color: var(--color-white);font-size: 24px;font-weight: 600;font-family: var(--color-white);}
.footer .footer-contact p {margin-bottom: 5px;}
.footer .footer-contact p strong{color: var(--color-aqua);}
.footer .copyright {padding-top: 25px;padding-bottom: 25px;border-top: 1px solid color-mix(in srgb, var(--color-white), transparent 90%);}
.footer .copyright p {margin-bottom: 0;}
.footer .copyright p strong{color: var(--color-aqua);}
.footer .credits {margin-top: 6px;font-size: 13px;}
.footer .credits a b{color: var(--color-aqua);}
.footer-contact-text{color: var(--color-white)!important;font-size: 14px!important;font-weight: 400!important;}
.whatsapp-float {position: fixed;bottom: 30px;left: 10px;z-index: 1000;}
.whatsapp-float .btn {background-color: var(--color-aqua);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);}