:root {
  --default-font: "Poppins";
}

:root { 
  --color-white: #FFFFFF; 
  --color-aqua: #3DB790; 
  --color-blue: #0A4565; 
  --color-yellow: #FED966; 
  --color-gray:#F6F7F8;
  --color-black:#44464f;
}

/* Smooth scroll */
:root {
  scroll-behavior: smooth;
}

/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
body {
  overflow-x:hidden;
  color: var(--color-black);
  background-color: var(--color-white);
  font-family: var(--default-font);
}

a {
  color: var(--color-blue);
  text-decoration: none;
  transition: 0.3s;
}

a:hover {
  color: color-mix(in srgb, var(--color-blue), transparent 25%);
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  color: var(--color-blue);
  font-family: var(--default-font);
}
.bg-primary{background-color: var(--color-blue)!important;}
.bg-light{background-color: var(--color-gray)!important;}
.bg-section-light{background-color: var(--color-gray)!important;}
.text-aqua{color: var(--color-aqua)!important;}

.header {display: block!important;color: var(--color-blue);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-blue);}
.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-blue);}
.header .btn-getstarted,
.header .btn-getstarted:focus {color: var(--color-white);background: var(--color-blue);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-blue), 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);}
.index-page.scrolled .header {--background-color: var(--color-white);}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Navmenu - Desktop */
@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);padding: 18px 12px;font-size: 15px;font-family: var(--default-font);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-aqua);}
  .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-blue);}
  .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-aqua);}
  .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(--color-black);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);padding: 10px 20px;font-family: var(--default-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-aqua);color: var(--color-white);}
  .navmenu a i:hover,
  .navmenu a:focus i:hover {background-color: var(--color-aqua);color: var(--color-white);}
  .navmenu a:hover,
  .navmenu .active,
  .navmenu .active:focus {color: var(--color-aqua);}
  .navmenu .active i,
  .navmenu .active:focus i {background-color: var(--color-aqua);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-blue);position: absolute;font-size: 32px;top: 15px;right: 10%;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-aqua);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-blue);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-white), 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);}
}

/*--------------------------------------------------------------
# Global Footer
--------------------------------------------------------------*/
.footer {
  color: var(--colora-white);
  background-color: var(--color-blue);
  font-size: 14px;
  padding-bottom: 50px;
  position: relative;
}

.footer .footer-newsletter {
  background-color: color-mix(in srgb, var(--color-aqua), transparent 97%);
  border-top: 1px solid color-mix(in srgb, var(--color-aqua), transparent 85%);
  border-bottom: 1px solid color-mix(in srgb, var(--color-aqua), 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(--default-color), 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(--accent-color);
}

.footer .footer-newsletter .newsletter-form input[type=email] {
  border: 0;
  padding: 4px;
  width: 100%;
  background-color: color-mix(in srgb, var(--background-color), transparent 50%);
  color: var(--default-color);
}

.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(--accent-color);
  color: var(--contrast-color);
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
}

.footer .footer-newsletter .newsletter-form input[type=button]:hover {
  background: color-mix(in srgb, var(--accent-color), 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(--accent-color), transparent 97%);
  border: 1px solid color-mix(in srgb, var(--accent-color), transparent 85%);
  font-size: 16px;
  color: var(--accent-color);
  margin-right: 10px;
  transition: 0.3s;
}

.footer .social-links a:hover {
  color: var(--contrast-color);
  background-color: var(--accent-color);
}

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(--accent-color);
}

.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(--heading-color);
  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-white), transparent 90%);
}

.footer .copyright p {
  margin-bottom: 0;
}

.footer .credits {
  margin-top: 6px;
  font-size: 13px;
}
.footer-contact-text{
  color: var(--color-white)!important;font-size: 14px!important;font-weight: 400!important;
}

/*--------------------------------------------------------------
# Scroll Top Button
--------------------------------------------------------------*/
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background-color: var(--color-yellow);
  width: 40px;
  height: 40px;
  border-radius: 4px;
  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-yellow), transparent 0%);
  color: var(--colo-white);
}

.scroll-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}



.topbar {background: var(--color-blue);height: 60px;font-size: 14px;transition: all 0.5s;padding: 0;}
.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;}
.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{font-family: "Poppins";text-decoration:none;background-color: #06344D;color: var(--color-white);height: 60px;display: inline-flex;padding: 20px;}
.topbar .container .social-links .btn-cotizacion:hover{background-color: #06344D;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;}
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) {
  .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;}
}

.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);}


.error-label{font-size: 15px;color:#C3032F;margin: 5px 2px;}
.success-form{font-size: 15px;color: rgb(10,69,101, 1.0); margin: 5px 2px;}
#loading{width: 100%;}
#loading .spinner-border{border:rgb(10,69,101, 1.0) solid;border-right-color: transparent;margin: 0px auto;display: block;}
.hero {position: relative;padding-top: 135px;}
.hero::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;}
.hero .hero-content {position: relative;z-index: 1;}
.hero .hero-content h1 {font-size: 3.5rem;font-weight: 700;line-height: 1.2;margin-bottom: 1.5rem;}
.hero .hero-content h1 .accent-text {color: var(--color-blue);}

@media (max-width: 992px) {
  .hero .hero-content { text-align: center;margin-bottom: 3rem;}
  .hero .hero-content h1 {font-size: 2.5rem;}
  .hero .hero-content .hero-buttons {justify-content: center;}
}

@media (max-width: 575px) {
  .hero .hero-content h1 {font-size: 2rem;}
}
.hero .row .col-lg-12 .carousel .carousel-inner .carousel-item .carousel-caption .container .row .text-banner{color: var(--color-white);font-family: 'Poppins';font-size: 32px;}
.hero .stats-row {position: relative;z-index: 1;margin-top: 5rem;background-color: var(--color-white);border-radius: 20px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);padding-bottom: 2rem;}
.hero .stat-item {display: flex;align-items: center;gap: 1rem;padding: 1rem 2rem;}
.hero .stat-item .stat-icon {flex-shrink: 0;width: 64px;height: 64px;display: flex;align-items: center;justify-content: center;background-color: color-mix(in srgb, var(--color-yellow), transparent 0%);border-radius: 50px;transition: 0.3s;}
.hero .stat-item .stat-icon i {font-size: 2.5rem;color: var(--color-white);}
.hero .stat-item:hover .stat-icon {background-color: var(--color-yellow);color: var(--color-white);}
.hero .stat-item .stat-content {flex-grow: 1;}
.hero .stat-item .stat-content h4 {margin-top: 16px;font-size: 1.25rem;margin-bottom: 0.25rem;font-weight: 600;}
.hero .stat-item .stat-content p {font-size: 0.875rem;color: color-mix(in srgb, var(--color-black), transparent 40%);margin: 0;}

.filter-banner{filter: contrast(0.7);}

@media (max-width: 575px) {
  .hero .stat-item {padding: 1.5rem;}
}

@keyframes float-badge {
  0% {transform: translateY(0);}
  50% {transform: translateY(-10px);}
  100% {transform: translateY(0);}
}

.about{margin: 50px 0px;}
.about .about-meta {color: var(--color-aqua);font-weight: 600;margin-bottom: 1rem;display: inline-block;}
.about .about-title {font-size: 1.75rem;margin-bottom: 1rem;line-height: 1.2;font-weight: 700;}
@media (max-width: 992px) {
  .about .about-title {font-size: 2rem;}
}

.about .about-description {margin-bottom: 2rem;color: color-mix(in srgb, var(--color-black), transparent 0%);}
.about .feature-list-wrapper {margin-bottom: 2rem;}
.about .feature-list {list-style: none;padding: 0;margin: 0;}
.about .feature-list li {display: flex;align-items: center;gap: 0.75rem;margin-bottom: 1rem;font-size: 1rem;}
.about .feature-list li i {color: var(--color-blue);font-size: 1.25rem;}
.about .profile .profile-image {width: 60px;height: 60px;border-radius: 50%;object-fit: cover;}
.about .profile .profile-name {font-size: 1.125rem;margin: 0;}
.about .profile .profile-position {color: var(--color-blue);margin: 0;font-size: 0.875rem;}
.about .contact-info {padding: 1rem 1.5rem;background-color: var(--color-white);border-radius: 0.5rem;box-shadow: 0 0 15px rgba(0, 0, 0, 0.06);}
.about .contact-info i {color: var(--color-blue);font-size: 1.5rem;}
.about .contact-info .contact-label {color: color-mix(in srgb, var(--color-gray), transparent 30%);font-size: 0.875rem;margin: 0;}
.about .contact-info .contact-number {font-weight: 600;margin: 0;}
.about .image-wrapper {position: relative;}

@media (max-width: 992px) {
  .about .image-wrapper {padding-left: 0;margin-top: 3rem;display: flex;flex-direction: column;gap: 2rem;}
}

@media (max-width: 992px) {
  .about .image-wrapper .images {display: flex;flex-direction: column;gap: 1.5rem;}
}

@media (max-width: 992px) {
  .about .image-wrapper .main-image {margin-left: 0;}
}

.about .image-wrapper .small-image {position: absolute;top: 20%;left: -10%;width: 45%;border: 8px solid var(--color-white);}

@media (max-width: 992px) {
  .about .image-wrapper .small-image {position: static;width: 100%;margin: 0 auto;border: 0;}
}

.about .image-wrapper .experience-badge {position: absolute;bottom: 5%;right: 5%;background-color: var(--color-aqua);color: var(--color-white);padding: 1.5rem;border-radius: 0.5rem;text-align: center;min-width: 200px;animation: experience-float 3s ease-in-out infinite;}
@media (max-width: 992px) {
  .about .image-wrapper .experience-badge {position: static;width: fit-content;margin: 0 auto;}
}

.about .image-wrapper .experience-badge h3 {color: var(--color-white);font-size: 2.5rem;margin: 0;line-height: 0.5;}
.about .image-wrapper .experience-badge h3 span {font-size: 1rem;display: inline-block;margin-left: 0.25rem;}
.about .image-wrapper .experience-badge p {margin: 0.5rem 0 0;font-size: 0.875rem;}

@keyframes experience-float {
  0% {transform: translateY(0);}
  50% {transform: translateY(-10px);}
  100% {transform: translateY(0);}
}
.bg-gray{background-color: var(--color-gray);}
.about .about-item {background-color: var(--color-white);box-shadow: 0px 5px 90px 0px rgba(0, 0, 0, 0.1);height: 100%;padding: 60px 30px;text-align: center;transition: 0.3s;border-radius: 5px;}

.about .about-item .icon {margin: 0 auto;width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;transition: ease-in-out 0.3s;position: relative;}
.about .about-item .icon i {font-size: 36px;transition: 0.5s;position: relative;}
.about .about-item .icon svg {position: absolute;top: 0;left: 0;}
.about .about-item .icon svg path {transition: 0.5s;fill: color-mix(in srgb, var(--color-gray), transparent 0%);}
.about .about-item h3 {font-weight: 700;margin: 10px 0 15px 0;font-size: 22px;}
.about .about-item p {line-height: 24px;font-size: 14px;margin-bottom: 0;}
.about .about-item:hover {box-shadow: 0px 5px 35px 0px rgba(0, 0, 0, 0.1);}
.about .about-item.item-aqua i {color: var(--color-aqua);}
.about .about-item.item-aqua:hover .icon i {color: var(--color-white);}
.about .about-item.item-aqua:hover .icon path {fill: var(--color-aqua);}
.about .about-item.item-blue i {color: var(--color-blue);}
.about .about-item.item-blue:hover .icon i {color: var(--color-white);}
.about .about-item.item-blue:hover .icon path {fill: var(--color-blue);}
.about .about-item.item-yellow i {color: var(--color-yellow);}
.about .about-item.item-yellow:hover .icon i {color: var(--color-white);}
.about .about-item.item-yellow:hover .icon path {fill: var(--color-yellow);}

.why-us .why-meta {color: var(--color-aqua);font-weight: 600;margin-bottom: 1rem;display: inline-block;}
.why-us .why-title {font-size: 1.75rem;margin-bottom: 1rem;line-height: 1.2;font-weight: 700;}
.why-us .why-item .why-icon {width: 60px;height: 60px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: color-mix(in srgb, var(--color-yellow), transparent 92%);}
.why-us .why-item .why-icon i {font-size: 24px;color: var(--color-yellow);}
.why-us .why-item .why-content h3 {font-size: 16px;font-weight: 600;color: var(--color-black);margin: 0px;}
.why-us .feature-item .feature-content p {color: color-mix(in srgb, var(--color-gray), transparent 25%);font-size: 15px;margin-bottom: 0;}
.why-us .phone-mockup {position: relative;padding: 30px 0;}
.why-us .phone-mockup img {max-width: 300px;height: auto;filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.1));}
.why-mobile{display: none!important;}
@media (max-width: 991.98px) {
  .why-mobile{display: flex!important;}
  .why-desktop{display: none!important;}
  .why-us .why-item {text-align: center !important;margin-bottom: 2rem;}
  .why-us .why-item .d-flex {flex-direction: column;text-align: center;justify-content: center !important;}
  .why-us .phone-mockup {margin: 3rem 0;}
}

.servicios .servicios-meta {color: var(--color-aqua);font-weight: 600;margin-bottom: 1rem;display: inline-block;}
.servicios .servicios-title {font-size: 1.75rem;margin-bottom: 1rem;line-height: 1.2;font-weight: 700;}


.servicios .cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 2rem;
  margin: 4rem 5vw;
  padding: 0;
  list-style-type: none;
}

.servicios .card {
  position: relative;
  display: block;
  height: 100%;  
  border-radius: calc(var(--curve) * 1px);
  overflow: hidden;
  text-decoration: none;
}

.card__image {      
  width: 100%;
  height: auto;
}

.card__overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;      
  border-radius: calc(var(--curve) * 1px);    
  background-color: var(--color-white);      
  transform: translateY(100%);
  transition: .2s ease-in-out;
}
/*
.card:hover .card__overlay {
  transform: translateY(0);
}
*/

.card__header {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2em;
  padding: 2em;
  border-radius: 40px 0px 0px 0px;
  background-color: var(--color-white);
  transform: translateY(-100%);
  transition: .2s ease-in-out;
  
}
.card__header .card__header-text{width: 100%;}
.card__header .card__header-text .card__title{
  text-align: center;color: var(--color-black);
}

.card__arc {
  width: 80px;
  height: 80px;
  position: absolute;
  bottom: 100%;
  right: 0;      
  z-index: 1;
}

.card__arc path {
  fill: var(--color-white);
  d: path("M 40 80 c 22 0 40 -22 40 -40 v 40 Z");
}       
/*
.card:hover .card__header {
  transform: translateY(0);
}
*/

.card__thumb {
  flex-shrink: 0;
  width: 50px;
  height: 50px;      
  border-radius: 50%;      
}

.card__title {
  font-size: 1em;
  margin: 0 0 .3em;
  color: #6A515E;
}

.card__tagline {
  display: block;
  margin: 1em 0;
  font-family: 'Poppins';  
  font-size: .8em; 
  color: #D7BDCA;  
}

.card__status {
  font-size: .8em;
  color: #D7BDCA;
}

.card__description {
  padding: 0 2em 2em;
  margin: 0;
  color: #D7BDCA;
  font-family: 'Poppins';   
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}    


.swiper-button-next, .swiper-button-prev{
  color: var(--color-white)!important;
}

.swiper-pagination-bullet-active{
  background-color: var(--color-blue)!important;
}
#servicios .container .mySwiper .swiper-wrapper .swiper-slide .card{border: none;box-shadow: 0px 0 18px rgba(0, 0, 0, 0.1);border-radius: 40px;}
#servicios .container .mySwiper .swiper-wrapper .swiper-slide .card img{border-radius: 0px 0px 50px  50px;}
.service-desc{margin-top: 130px!important;}

.service-desc .content h3 {
  color: var(--color-blue);
  font-size: 2rem;
  font-weight: 700;
}

.service-desc .content ul {
  list-style: none;
  padding: 0;
}

.service-desc .content ul li {
  display: flex;
  align-items: flex-start;
  margin-top: 40px;
}

.service-desc .content ul i {
  flex-shrink: 0;
  font-size: 48px;
  color: var(--color-white);
  margin-right: 20px;
  line-height: 0;
}

.service-desc .content ul h5 {
  font-size: 18px;
  font-weight: 700;
}

.service-desc .content ul p {
  font-size: 15px;
}

.service-desc .content p:last-child {
  margin-bottom: 0;
}

.service-desc .pulsating-play-btn {
  position: absolute;
  left: calc(50% - 47px);
  top: calc(50% - 47px);
}
.pulsating-play-btn {
  width: 94px;
  height: 94px;
  background: radial-gradient(var(--color-blue) 50%, color-mix(in srgb, var(--color-blue), transparent 75%) 52%);
  border-radius: 50%;
  display: block;
  position: relative;
  overflow: hidden;
}

.pulsating-play-btn:before {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  animation-delay: 0s;
  animation: pulsate-play-btn 2s;
  animation-direction: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: steps;
  opacity: 1;
  border-radius: 50%;
  border: 5px solid color-mix(in srgb, var(--color-blue), transparent 30%);
  top: -15%;
  left: -15%;
  background: rgba(10, 69, 101, 0);
}


.pulsating-play-btn:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 100;
  transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.pulsating-play-btn:hover:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-40%) translateY(-50%);
  width: 0;
  height: 0;
  border: none;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 15px solid #fff;
  z-index: 200;
  animation: none;
  border-radius: 0;
}

.pulsating-play-btn:hover:after {
  border-left: 15px solid var(--color-blue);
  transform: scale(20);
}

@keyframes pulsate-play-btn {
  0% {
    transform: scale(0.6, 0.6);
    opacity: 1;
  }

  100% {
    transform: scale(1, 1);
    opacity: 0;
  }
}


.plyr--full-ui input[type=range] {
   
    color: var(--color-blue)!important;
 
   
}

.plyr__control--overlaid {   background: var(--color-blue)!important;
 
   
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true] { background: var(--accent-color)!important;
 
   
}



.hero-print {
  width: 100%;
    min-height: 100vh;
    position: relative;
    padding: 80px 0 60px 0;
    display: flex;
    align-items: center;
    background-blend-mode: color;
    background-color: rgba(68, 70, 79, 0.2);
    background-image: url(../img/print/banner.jpg);
    background-size: cover;
}

.hero-print h1 {
  color: white;
  text-shadow: 1px 1px var(--color-black);
  margin: 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
}

.hero-print p {
  color: white;
  text-shadow: 1px 1px var(--color-black);
  margin: 5px 0 30px 0;
  font-size: 20px;
  font-weight: 500;
}

.hero-print .btn-get-started {
  color: var(--color-white);
  background: var(--color-blue);
  font-family: var(--default-font);
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 40px;
  border-radius: 4px;
  transition: 0.5s;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
}

.hero-print .btn-get-started i {
  margin-left: 5px;
  font-size: 18px;
  transition: 0.3s;
}

.hero-print .btn-get-started:hover {
  color: var(--color-white);
  background: color-mix(in srgb, var(--color-blue), transparent 15%);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.1);
}

.hero-print .btn-get-started:hover i {
  transform: translateX(5px);
}

.hero-print .btn-watch-video {
  font-size: 16px;
  transition: 0.5s;
  color: var(--color-white);
  font-weight: 600;
}

.hero-print .btn-watch-video i {
  color: var(--color-blue);
  font-size: 32px;
  transition: 0.3s;
  line-height: 0;
  margin-right: 8px;
}

.hero-print .btn-watch-video:hover {
  color: var(--color-blue);
}

.hero-print .btn-watch-video:hover i {
  color: color-mix(in srgb, var(--color-blue), transparent 15%);
}

.hero-print .animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

@media (max-width: 640px) {
  .hero-print h1 {
    font-size: 28px;
    line-height: 36px;
  }

  .hero-print p {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(-10px);
  }
}


.about-print .content {
 
  padding: 40px;
}

.about-print .content h3 {
  font-size: 14px;
  font-weight: 700;
  color: var(--color-blue);
  text-transform: uppercase;
}

.about-print .content h2 {
  font-size: 24px;
  font-weight: 700;
}

.about-print .content p {
  margin: 15px 0 30px 0;
  line-height: 24px;
}

.about-print .content .btn-read-more {
  color: var(--color-white);
  background: var(--color-blue);
  line-height: 0;
  padding: 15px 40px;
  border-radius: 4px;
  transition: 0.5s;
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
}

.about-print .content .btn-read-more span {
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
}

.about-print .content .btn-read-more i {
  margin-left: 5px;
  font-size: 18px;
  transition: 0.3s;
}

.about-print .content .btn-read-more:hover i {
  transform: translateX(5px);
}

/*--------------------------------------------------------------
# Values Section
--------------------------------------------------------------*/
.about-print .card {
  background-color: var(--color-white);
  color: var(--color-bl);
  padding: 30px;
  box-shadow: 0px 0 10px rgba(0, 0, 0, 0.1);
  text-align: center;
  transition: 0.3s;
  height: 100%;
  border: 0;
}

.about-print .card img {
  padding: 30px 50px;
  transition: 0.5s;
  transform: scale(1.1);
}

.about-print .card h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 18px;
}

.about-print .card:hover {
  box-shadow: 0px 0 30px rgba(0, 0, 0, 0.1);
}

.about-print .card:hover img {
  transform: scale(1);
}

/*--------------------------------------------------------------
# Stats Section
--------------------------------------------------------------*/
.about-print .stats-item {
  background-color: var(--color-blue);
  box-shadow: 0px 0 30px rgba(0, 0, 0, 0.1);
  padding: 30px;
}

.about-print .stats-item i {
  color: var(--color-white);
  font-size: 42px;
  line-height: 0;
  margin-right: 20px;
}

.about-print .stats-item span {
  color: var(--color-white);
  font-size: 36px;
  display: block;
  font-weight: 600;
}

.about-print .stats-item p {
  padding: 0;
   color: var(--color-white);
  margin: 0;
  font-family: var(--default-font);
  font-size: 16px;
}


.why-us-print{
  background-color: var(--color-gray);
}

.why-us-print .content h3 {
  font-size: 14px;
  font-weight: 700;
  color: var(--color-blue);
  text-transform: uppercase;
}

.why-us-print .content h2 {
  font-size: 24px;
  font-weight: 700;
}
.why-us-print .box {
  padding: 50px 30px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  transition: all ease-in-out 0.3s;
  background: #FFF;
}

.why-us-print .container .section-title p{
  color: var(--color-black);
}
.why-us-print .box span {
  font-family: "Poppins", sans-serif;
  display: block;
  font-size: 28px;
  font-weight: 700;
  color: var(--color-aqua);
}

.why-us-print .box h4 {
  font-size: 24px;
  font-weight: 600;
  padding: 0;
  margin: 20px 0;
  color: var(--color-blue);
  font-family: "Poppins", sans-serif;
}

.why-us-print .box p {
  font-family: "Poppins", sans-serif;
  color: var(--color-black);
  font-size: 15px;
  margin: 0;
  padding: 0;
}

.why-us-print .box:hover {
  background: var(--color-blue);
  padding: 30px 30px 70px 30px;
  box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18);
}

.why-us-print .box:hover span, .why-us-print .box:hover h4, .why-us-print .box:hover p {
  color: #fff;
}

.features-print .feature-box {
  padding: 24px 20px;
  box-shadow: 0px 0 30px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  height: 100%;
}

.features-print .feature-box h3 {
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

.features-print .feature-box i {
  background: color-mix(in srgb, var(--accent-color), transparent 92%);
  color: var(--accent-color);
  line-height: 0;
  padding: 4px;
  margin-right: 10px;
  font-size: 24px;
  border-radius: 3px;
  transition: 0.3s;
}

.features-print .feature-box:hover i {
  background: var(--accent-color);
  color: var(--contrast-color);
}

.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 25px auto;
  list-style: none;
  text-align: center;
  border-radius: 50px;
  padding: 2px 15px;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #444444;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 5px;
  font-family: "Poppins", sans-serif;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
  color: #fff;
  background: var(--color-blue);
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(10, 69, 101, 0.8);
  position: absolute;
  left: 30px;
  right: 30px;
  top: 30px;
  bottom: 30px;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}

.portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.portfolio .portfolio-wrap .portfolio-info p {
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
}

.portfolio .portfolio-wrap .portfolio-links {
  opacity: 0;
  left: 0;
  right: 0;
  bottom: 10%;
  text-align: center;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: rgba(255, 255, 255, 0.6);
  margin: 0 2px;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  color: #fff;
}

.portfolio .portfolio-wrap:hover::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}

.portfolio .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
  top: calc(50% - 48px);
}

.portfolio .portfolio-wrap:hover .portfolio-links {
  opacity: 1;
  bottom: calc(50% - 50px);
}


/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #5846f9;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #5846f9;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(44, 73, 100, 0.08);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}


/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio-print .portfolio-item {
  margin-bottom: 30px;
}

.portfolio-print #portfolio-flters {
  padding: 0;
  margin: 0 auto 25px auto;
  list-style: none;
  text-align: center;
  border-radius: 50px;
  padding: 2px 15px;
}

.portfolio-print #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #444444;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border-radius: 5px;
  font-family: "Poppins", sans-serif;
}

.portfolio-print #portfolio-flters li:hover,
.portfolio-print #portfolio-flters li.filter-active {
  color: #fff;
  background: var(--color-aqua);
}

.portfolio-print #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio-print .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
}

.portfolio-print .portfolio-wrap::before {
  content: "";
  background: rgba(10, 69, 101, 0.8);
  position: absolute;
  left: 30px;
  right: 30px;
  top: 30px;
  bottom: 30px;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}

.portfolio-print .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 10%;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
  transition: all ease-in-out 0.3s;
}

.portfolio-print .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.portfolio-print .portfolio-wrap .portfolio-info p {
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
}

.portfolio-print .portfolio-wrap .portfolio-links {
  opacity: 0;
  left: 0;
  right: 0;
  bottom: 10%;
  text-align: center;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
}

.portfolio-print .portfolio-wrap .portfolio-links a {
  color: rgba(255, 255, 255, 0.6);
  margin: 0 2px;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio-print .portfolio-wrap .portfolio-links a:hover {
  color: #fff;
}

.portfolio-print .portfolio-wrap:hover::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}

.portfolio-print .portfolio-wrap:hover .portfolio-info {
  opacity: 1;
  top: calc(50% - 48px);
}

.portfolio-print .portfolio-wrap:hover .portfolio-links {
  opacity: 1;
  bottom: calc(50% - 50px);
}


/*** Service ***/
.caracteristica-item .caracteristica-icon {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-yellow);
}

.caracteristica-item .caracteristica-icon img {
    max-width: 60px;
    max-height: 60px;
}
.text-caracteristicas{color: var(--color-blue);}
.section-subtitle{
  font-size: 14px;
  font-weight: 700;
  color: var(--color-blue);
  text-transform: uppercase;
}

.section-title{
  font-size: 24px;
  font-weight: 700;
}
.aboutCobertura{margin: 60px 0px;}
.aboutCobertura .content {
  background-image: url(../img/vector.png);
  padding: 40px;
}

.aboutCobertura .content h3 {
  font-size: 14px;
  font-weight: 700;
  color: var(--color-blue);
  text-transform: uppercase;
}

.aboutCobertura .content h2 {
  font-size: 24px;
  font-weight: 700;
}

.aboutCobertura .content p {
  margin: 15px 0 30px 0;
  line-height: 24px;
}

.aboutCobertura .content .btn-read-more {
  color: var(--color-white);
  background: var(--color-blue);
  line-height: 0;
  padding: 15px 40px;
  border-radius: 4px;
  transition: 0.5s;
  box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.1);
}

.aboutCobertura .content .btn-read-more span {
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
}

.aboutCobertura .content .btn-read-more i {
  margin-left: 5px;
  font-size: 18px;
  transition: 0.3s;
}

.aboutCobertura .content .btn-read-more:hover i {
  transform: translateX(5px);
}

/*--------------------------------------------------------------
# Values Section
--------------------------------------------------------------*/
.aboutCobertura .card {
  background-color: var(--color-white);
  color: var(--color-black);
  padding: 30px;
  box-shadow: 0px 0 10px rgba(0, 0, 0, 0.1);
  text-align: center;
  transition: 0.3s;
  height: 100%;
  border: 0;
}

.aboutCobertura .card img {
  padding: 30px 50px;
  transition: 0.5s;
  transform: scale(1.1);
}

.aboutCobertura .card h3 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 18px;
}

.aboutCobertura .card:hover {
  box-shadow: 0px 0 30px rgba(0, 0, 0, 0.1);
}

.aboutCobertura .card:hover img {
  transform: scale(1);
}

/*--------------------------------------------------------------
# Stats Section
--------------------------------------------------------------*/
.aboutCobertura .stats-item {
  background-color: var(--color-blue);
  box-shadow: 0px 0 30px rgba(0, 0, 0, 0.1);
  padding: 30px;
}

.aboutCobertura .stats-item i {
  color: var(--color-white);
  font-size: 42px;
  line-height: 0;
  margin-right: 20px;
}

.aboutCobertura .stats-item span {
  color: var(--color-white);
  font-size: 36px;
  display: block;
  font-weight: 600;
}

.aboutCobertura .stats-item p {
  padding: 0;
   color: var(--color-white);
  margin: 0;
  font-family: var(--color-blue);
  font-size: 16px;
}

.heroCobertura {
  width: 100%;
  min-height: 100vh;
  position: relative;
  padding: 200px 0 60px;
  display: flex;
  align-items: center;
}

@media (min-width: 1200px) {
  .heroCobertura:after {
    position: absolute;
    content: "";
    width: 44%;
    background-color: var(--color-blue);
    top: 0;
    bottom: 0;
    z-index: 2;
  }
}

.heroCobertura:before {
  position: absolute;
  content: "";
  background: color-mix(in srgb, var(--color-black), transparent 40%);
  inset: 0;
  z-index: 2;
}

.heroCobertura img {
  filter: grayscale(1);
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.heroCobertura .container,
.heroCobertura .container-fluid {
  z-index: 3;
  position: relative;
}

.heroCobertura h1 {
  color: var(--color-white);
  margin: 0;
  font-size: 3rem;
  font-weight: 700;
}

.heroCobertura blockquote {
  color: color-mix(in srgb, var(--color-white), transparent 20%);
  padding-left: 20px;
  border-left: 2px solid var(--color-white);
  margin: 40px 0;
}

.heroCobertura .btn-get-started {
  color: var(--color-white);
  background: var(--color-blue);
  font-family: var(--default-font);
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 30px;
  border-radius: 50px;
  transition: 0.5s;
}

.heroCobertura .btn-get-started:hover {
  background: color-mix(in srgb, var(--color-blue) 90%, white 15%);
}

.heroCobertura .btn-watch-video {
  font-size: 16px;
  transition: 0.5s;
  margin-left: 25px;
  color: var(--color-blue);
  font-weight: 600;
}

.heroCobertura .btn-watch-video i {
  color: color-mix(in srgb, var(--color-blue), transparent 50%);
  font-size: 32px;
  transition: 0.3s;
  line-height: 0;
  margin-right: 8px;
}

.heroCobertura .btn-watch-video:hover {
  color: var(--color-blue);
}

.heroCobertura .btn-watch-video:hover i {
  color: var(--color-blue);
}

@media (max-width: 640px) {
  .heroCobertura h1 {
    font-size: 28px;
    line-height: 36px;
  }

  .heroCobertura .btn-get-started,
  .heroCobertura .btn-watch-video {
    font-size: 13px;
  }
}
.why-usCobertura{margin: 60px 0px;}
.why-usCobertura .img-bg {
  min-height: 500px;
  position: relative;
}

.why-usCobertura .img-bg img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

.why-usCobertura .slides {
  background-color: color-mix(in srgb, var(--color-black), transparent 97%);
}

.why-usCobertura h3 {
  font-size: 24px;
  font-weight: 700;
}

.why-usCobertura h4 {
  font-size: 18px;
  font-weight: 300;
  color: color-mix(in srgb, var(--color-black), transparent 30%);
}

.why-usCobertura .swiper {
  margin: 140px 140px 120px 140px;
  overflow: hidden;
}

.why-usCobertura .swiper-wrapper {
  height: auto;
}

.why-usCobertura .swiper-button-prev:after,
.why-usCobertura .swiper-button-next:after {
  font-size: 24px;
  color: color-mix(in srgb, var(--color-black), transparent 50%);
}

.why-usCobertura .swiper-button-prev {
  left: 80px;
}

.why-usCobertura .swiper-button-next {
  right: 80px;
}

.why-usCobertura .swiper-pagination {
  margin-top: 30px;
  position: relative;
}

.why-usCobertura .swiper-pagination .swiper-pagination-bullet {
  background-color: color-mix(in srgb, var(--color-black), transparent 50%);
}

.why-usCobertura .swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--color-blue);
}

@media (max-width: 1200px) {
  .why-usCobertura .swiper {
    margin: 60px 60px 40px 60px;
  }

  .why-usCobertura .swiper-button-prev,
  .why-usCobertura .swiper-button-next {
    display: none;
  }
}

@media (max-width: 575px) {
  .why-usCobertura .swiper {
    margin: 40px 40px 20px 40px;
  }
}

.text-red{color: var(--color-aqua);}

.main .hero-no-cobertura{background-color: var(--color-yellow);margin-top: 50px;}
.main .hero-no-cobertura .container .row h1{color: var( --color-white); margin-top: 150px;text-align: center;text-shadow: 1px 1px var(--color-black-mate);font-size: 40px;font-weight: 700;line-height: 48px;}
#shadow-host-companion{padding: 0px;}
.contact .info-container {background-color: var(--color-blue);height: 100%;padding: 20px;}
.contact{margin-bottom: 100px;}
.contact .info-item {width: 100%;margin-bottom: 20px;padding: 20px;color: var(--color-white);background-color: color-mix(in srgb, #3a83aa, transparent 85%);}
.contact .info-item:last-child {margin-bottom: 0;}
.contact .info-item i {font-size: 20px;color: var(--color-white);background-color: color-mix(in srgb, var(--color-blue), transparent 80%);width: 44px;height: 44px;display: flex;justify-content: center;align-items: center;border-radius: 50px;transition: all 0.3s ease-in-out;margin-right: 15px;}
.contact .info-item h3 {color: var(--contrast-color);font-size: 20px;padding: 0;font-size: 18px;font-weight: 700;margin-bottom: 5px;}
.contact .info-item p {padding: 0;margin-bottom: 0;font-size: 14px;}
.contact .info-item:hover i {background: var(--color-white);color: var(--color-blue);}
.contact .php-email-form {background-color: var(--surface-color);box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);width: 100%;height: 100%;padding: 30px;}
.contact .php-email-form input[type=text],
.contact .php-email-form input[type=email],
.contact .php-email-form textarea {font-size: 14px;padding: 10px 15px;box-shadow: none;border-radius: 0;color: var(--color-blue);background-color: var(--color-white);border-color: color-mix(in srgb, var(--color-blue), transparent 80%);}
.contact .php-email-form input[type=text]:focus,
.contact .php-email-form input[type=email]:focus,
.contact .php-email-form textarea:focus {border-color: var(--color-aqua);}
.contact .php-email-form input[type=text]::placeholder,
.contact .php-email-form input[type=email]::placeholder,
.contact .php-email-form textarea::placeholder {color: color-mix(in srgb, var(--color-blue), transparent 70%);}
.contact .php-email-form button[type=button] {color: var(--color-white);background: var(--color-aqua);border: 0;padding: 10px 30px;transition: 0.4s;border-radius: 50px;}
.contact .php-email-form button[type=button]:hover {background: color-mix(in srgb, var(--color-aqua), transparent 20%);}


.contact-print .info-container {background-color: var(--color-blue);height: 100%;padding: 20px;}
.contact-print{margin-bottom: 100px;}
.contact-print .info-item {width: 100%;margin-bottom: 20px;padding: 20px;color: var(--color-white);background-color: color-mix(in srgb, #3a83aa, transparent 85%);}
.contact-print .info-item:last-child {margin-bottom: 0;}
.contact-print .info-item i {font-size: 20px;color: var(--color-white);background-color: color-mix(in srgb, var(--color-blue), transparent 80%);width: 44px;height: 44px;display: flex;justify-content: center;align-items: center;border-radius: 50px;transition: all 0.3s ease-in-out;margin-right: 15px;}
.contact-print .info-item h3 {color: var(--contrast-color);font-size: 20px;padding: 0;font-size: 18px;font-weight: 700;margin-bottom: 5px;}
.contact-print .info-item p {padding: 0;margin-bottom: 0;font-size: 14px;}
.contact-print .info-item:hover i {background: var(--color-white);color: var(--color-blue);}
.contact-print .php-email-form {background-color: var(--surface-color);box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);width: 100%;height: 100%;padding: 30px;}
.contact-print .php-email-form input[type=text],
.contact-print .php-email-form input[type=email],
.contact-print .php-email-form textarea {font-size: 14px;padding: 10px 15px;box-shadow: none;border-radius: 0;color: var(--color-blue);background-color: var(--color-white);border-color: color-mix(in srgb, var(--color-blue), transparent 80%);}
.contact-print .php-email-form input[type=text]:focus,
.contact-print .php-email-form input[type=email]:focus,
.contact-print .php-email-form textarea:focus {border-color: var(--color-aqua);}
.contact-print .php-email-form input[type=text]::placeholder,
.contact-print .php-email-form input[type=email]::placeholder,
.contact-print .php-email-form textarea::placeholder {color: color-mix(in srgb, var(--color-blue), transparent 70%);}
.contact-print .php-email-form button[type=button] {color: var(--color-white);background: var(--color-aqua);border: 0;padding: 10px 30px;transition: 0.4s;border-radius: 50px;}
.contact-print .php-email-form button[type=button]:hover {background: color-mix(in srgb, var(--color-aqua), transparent 20%);}

.error-label{font-size: 15px;color:#C3032F;margin: 5px 2px;}
.success-form{font-size: 15px;color: rgb(61, 183, 144, 1.0); margin: 5px 2px;}

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

.active-service {
    color: var(--color-aqua) !important;
}
.whatsapp-float {position: fixed;bottom: 100px;right: 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: #FFF;}