/***GENERAL STYLES***/
main{margin-top: 100px;}
a{text-decoration: none;}
body{font-family: "Poppins";}
li{list-style: none;}
input:focus,textarea:focus{box-shadow: none!important;}
.mobile#button{transform: translateY(-40px)!important;}
.mt-50{margin-top: 50px;}
.title-services{font-weight: 900;text-align: center;}
.title-services:after{content: "";display: block;width: 80px;height: 4px;background: var(--color-red);left: 0;right: 0;bottom: 0;margin: 10px auto;}
.text-red{color: var(--color-red);}
.error-label{font-size: 15px;color:var(--color-red);margin: 5px 2px;}
.success-form{font-size: 15px;color: rgb(37, 211, 102); margin: 5px 2px;}
.opacity-text{ opacity: 0.5;}
#loading{width: 100%;margin-top: 50px;}
#loading .spinner-border{border:var(--color-red) solid;border-right-color: transparent;margin: 0px auto;display: block;}
.bg-gray{background-color: var(--color-gray-light);}
.btn-primary{background-color: var(--color-red);border: 1px solid var(--color-red);}
.btn-primary:hover{border: 1px solid var(--color-red);box-shadow: none;outline: 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/ico/mail.png);}
.ico-box-phone{background-image: url(../img/ico/phone.png);}
.ico-box-clock{background-image: url(../img/ico/reloj.png);}
.ico-box-facebook{background-image: url(../img/ico/facebook.png);}
.ico-box-tiktok{background-image: url(../img/ico/tiktok.png);}
.ico-box-mensaje{background-image: url(../img/ico/whatsapp.png);}
.ico-box-whatsapp-white{background-image: url(../img/ico/whatsapp.png);}

.header {display: block!important;color: var(--color-black);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 .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 .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);}
/***NAVBAR***/
#nav{}
.navbar-dark{background-color: var(--color-surface);}
.navbar-light{background-color: var(--color-white);}
.navbar-light .container-fluid .navbar-brand .logo{width: 212px;}
.navbar-light .container-fluid .navbar-nav .nav-item .nav-link{font-weight:500;font-size: 18px;color:var(--color-black);padding: 8px 10px;}
.navbar-light .container-fluid .navbar-nav .nav-item .active{color: var(--color-red);}
.navbar-light .container-fluid .navbar-nav .nav-item:hover .nav-link{color:var(--color-red);}
.navbar-light .container-fluid .navbar-nav .nav-item:hover .separator-navmenu{color:var(--color-black);}
.navbar-light .container-fluid .navbar-nav .active .nav-link{color:var(--color-red);}
.navbar-light .container-fluid .navbar-nav .nav-item .bg-red-button,#nav .container-fluid .navbar-nav .nav-item .bg-red-button:hover{background-color: var(--color-red);color: var(--color-white);border-radius: 5px;padding: 8px 15px;}
.navbar-dark .container-fluid .navbar-brand .logo{width: 212px;}
.navbar-dark .container-fluid .navbar-nav .nav-item .nav-link{font-weight:500;font-size: 18px;color:var(--color-white);padding: 8px 10px;}
.navbar-dark .container-fluid .navbar-nav .nav-item .active{color: var(--color-red-led);text-shadow: 2px 2px 5px var(--color-red-led);}
.navbar-dark .container-fluid .navbar-nav .nav-item:hover .nav-link{color:var(--color-red-led);text-shadow: 2px 2px 5px var(--color-red-led);}
.navbar-dark .container-fluid .navbar-nav .nav-item:hover .separator-navmenu{color:var(--color-white);text-shadow: none;}

.navbar-dark .container-fluid .navbar-nav .active .nav-link{color:var(--color-red-led);text-shadow: 2px 2px 5px var(--color-red-led);}
.navbar-dark .container-fluid .navbar-nav .nav-item .bg-red-button,#nav .container-fluid .navbar-nav .nav-item .bg-red-button:hover{background-color: var(--color-red);color: var(--color-white);border-radius: 5px;padding: 8px 15px;}
.navbar-toggler{border: none!important;font-size:25px!important;margin-right: 5px;}
.navbar-toggler-icon{width: 25px!important;height: 25px!important;}
.navbar-toggler:focus{box-shadow: none!important;}
.navbar-light .container-fluid .dropdown-menu {background-color: var(--color-white);}
.navbar-light .container-fluid .dropdown-menu .dropdown-item.active, .dropdown-item:active,.navbar-light .container-fluid .dropdown-menu .dropdown-item:hover {color: var(--color-red)!important;background-color: var(--color-white);}
.navbar-dark .container-fluid .dropdown-menu {background-color: var(--color-surface);}
.navbar-dark .container-fluid .dropdown-menu .dropdown-item{color: var(--color-white);}
.navbar-dark .container-fluid .dropdown-menu .dropdown-item.active, .dropdown-item:active,.navbar-dark .container-fluid .dropdown-menu .dropdown-item:hover {color: var(--color-red-led);text-shadow: 2px 2px 5px var(--color-red-led);background-color: var(--color-surface);}

/*************************HERO*************************/
.hero {padding-top: 120px;position: relative;min-height: 100vh;overflow: hidden;display: flex;align-items: center;padding-bottom: 120px;}
.hero .hero-content {position: relative;display: flex;align-items: center;z-index: 1;}
.hero .hero-background {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
.hero .hero-background img {width: 100%;height: 100%;object-fit: cover;}
.hero .hero-background .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: color-mix(in srgb, var(--color-surface), transparent 30%);}
.hero .hero-text .tagline {display: inline-block;font-size: 14px;font-weight: 600;text-transform: uppercase;letter-spacing: 2px;color: var(--color-white);margin-bottom: 15px;}
.hero .hero-text .hero-title {display:inline-grid;font-size: 3.5rem;font-weight: 700;line-height: 1.0;margin-bottom: 25px;color: var(--color-white);}

@media (max-width: 768px) {
  .hero .hero-text .hero-title {font-size: 2.5rem;}
}

.hero .hero-text .hero-description {font-size: 18px;line-height: 1.6;margin-bottom: 35px;color: color-mix(in srgb, var(--color-white), transparent 15%);max-width: 580px;}

@media (max-width: 768px) {
  .hero .hero-text .hero-description {font-size: 16px;}
}

.hero .hero-text .hero-actions {
  display: flex;
  gap: 20px;
  margin-bottom: 40px;
}

@media (max-width: 576px) {
  .hero .hero-text .hero-actions {
    flex-direction: column;
    gap: 15px;
  }
}

.hero .hero-text .hero-actions .btn {padding: 15px 30px;font-size: 16px;font-weight: 600;border-radius: 8px;text-decoration: none;transition: all 0.3s ease;min-width: 160px;text-align: center;}
.hero .hero-text .hero-actions .btn.btn-primary {background-color: var(--color-red);border: 2px solid var(--color-red);color: var(--color-white);}
.hero .hero-text .hero-actions .btn.btn-primary:hover {transform: translateY(-2px);}
.hero .hero-text .hero-actions .btn.btn-outline {background-color: transparent;border: 2px solid var(--color-white);color: var(--color-white);}
.hero .hero-text .hero-actions .btn.btn-outline:hover {transform: translateY(-2px);}

@keyframes bounce {

  0%,
  20%,
  50%,
  80%,
  100% {
    transform: translateY(0);
  }

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

  60% {
    transform: translateY(-5px);
  }
}
/*******NOSOTROS*******/
section, .section {scroll-margin-top: 90px;padding: 60px 0px;overflow: clip;}
section {display: block;unicode-bidi: isolate;}
.about .content .subtitle {font-weight: 700;font-size: 0.875rem;text-transform: uppercase;margin-bottom: 1rem;}
.about .content h2 {line-height:1.0;font-size: 2.25rem;font-weight: 700;margin-bottom: 1rem;}
.about .content p {opacity: 0.5;margin-bottom: 2rem;}
.about .content .btn-primary {background-color: var(--color-red);color: var(--color-white);font-weight: 600;border-color: var(--color-red);padding: 0.75rem 2.5rem;border-radius: 8px;transition: 0.3s;}
.about .image-composition {position: relative;padding: 2rem;}
.about .image-composition::before {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 90%;height: 90%;background-color: color-mix(in srgb, #524dd3, transparent 95%);z-index: 1;border-radius: 12px;}
.about .image-composition .image-main {position: relative;z-index: 2;}
.about .image-composition .image-main img {border-radius: 8px;}
.about .image-composition .image-secondary {position: absolute;bottom: 0px;left: 0px;width: 45%;z-index: 3;}
.about .image-composition .image-secondary img {border-radius: 8px;}
.about .image-composition .stats-card {position: absolute;top: 0px;right: 0px;z-index: 4;display: flex;background: var(--color-red);padding: 1.5rem;border-radius: 8px;gap: 2rem;}
.about .image-composition .stats-card .stats-item {text-align: center;}
.about .image-composition .stats-card .stats-item h3 {font-size: 2.5rem;font-weight: 700;color: var(--color-white);line-height: 1;margin: 0px;}
.about .image-composition .stats-card .stats-item p{font-size: 0.8rem;color: color-mix(in srgb, var(--color-white), transparent 40%); font-weight: 500;margin: 0.5rem 0px 0px;}
.about .about-card {border-radius: 1.25rem;padding: 2.2rem 1.5rem 1.5rem 1.5rem;display: flex;flex-direction: column;align-items: flex-start;transition: box-shadow 0.3s, transform 0.3s;}
.about .about-card:hover, .about .about-card:focus-within{transform: translateY(-5px) scale(1.03);}
.about .about-card:hover .icon-blurred-led-dm, .about .about-card:focus-within .icon-blurred-led-dm{background-color: var(--color-red-led)!important;box-shadow: 0 0rem 1.5rem rgba(255,96,104, 0.55);color: var(--color-white);}
.about .about-card:hover .icon-blurred-dm, .about .about-card:focus-within .icon-blurred-dm{background-color: var(--color-red)!important;color: var(--color-white);}
.about .about-card .icon-wrap {display: flex;align-items: center;justify-content: center;width: 56px;height: 56px;border-radius: 50%;font-size: 2rem;margin-bottom: 1rem;transition: background 0.3s, color 0.3s;}
.about .about-card h5 {font-size: 1.22rem;font-weight: 600;margin-bottom: 0.5rem;}
.about .about-card p {font-size: 1rem;margin-bottom: 0;opacity:0.5;}
/*******POR QUE NOSOTROS*******/
.why-us {padding-top: 60px;padding-bottom: 60px;}
.why-us .feature-showcase {text-align: center;}
.why-us .feature-showcase img {max-width: 100%;height: auto;}
.why-us .feature-content {padding-left: 30px;}
.why-us .feature-content h3 {font-size: 36px;font-weight: 800;margin-bottom: 20px;line-height: 1.0;}
.why-us .feature-content .feature-list{margin-bottom: 40px;}
.why-us .feature-content .feature-list .feature-item {display: flex;align-items: flex-start;margin-bottom: 30px;}
.why-us .feature-content .feature-list .feature-item .feature-icon {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;margin-right: 20px;flex-shrink: 0;background: linear-gradient(135deg,color-mix(in srgb, var(--color-red), transparent 80%),color-mix(in srgb, var(--color-red), transparent 90%));border-radius: 15px;}
.why-us .feature-content .feature-list .feature-item .feature-icon i {font-size: 24px;}
.why-us .feature-content .feature-list .feature-item .feature-text h5{font-size: 18px;font-weight: 600;margin-bottom: 5px;}
.why-us .feature-content .feature-list .feature-item .feature-text p {opacity: 0.5;line-height: 1.5;margin: 0px;}

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

@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;}
.work-process .steps-content p {opacity:0.5;margin-bottom: 2rem;}
.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-red);border-color: var(--color-red);color: var(--color-white);}
.work-process .steps-content .steps-cta .btn-primary:hover {background-color: color-mix(in srgb, var(--color-red), #FFF 15%);border-color: color-mix(in srgb, var(--color-red), #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: var(--color-pink);}

@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 {transform: scale(1.1);}
.work-process .steps-list .step-item .step-number {flex-shrink: 0;width: 50px;height: 50px;border-radius: 50%;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;}

.work-process .steps-list .step-item:hover .step-number-dark-dm{background-color: var(--color-red-led);color: var(--color-white);box-shadow: 0 0rem 1.5rem rgba(255,96,104, 0.55);}
.work-process .steps-list .step-item:hover .step-number-light-dm{background-color: var(--color-red);color: var(--color-white);}
.work-process .steps-list .step-item .step-number-dark-dm{background-color: rgb(233,140,124);color: var(--color-white);box-shadow: 0 0rem 1.5rem rgba(233,140,124, 0.55);}
.work-process .steps-list .step-item .step-number-light-dm{background-color: var(--color-pink);color: var(--color-white);}

@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;}

@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 {opacity:0.5;font-size: 0.95rem;margin-bottom: 0;}

/****DARKMODE****/
.box-shadow-dark-dm{  box-shadow: 0 15px 40px color-mix(in srgb, var(--accent-color), transparent 85%);/*border: 5px solid color-mix(in srgb, #524dd3, transparent 70%);*/}
.filter-shadow-dark-dm{  filter: drop-shadow(rgba(27, 25, 51, 0.5) 0px 20px 40px);}
.filter-shadow-light-dm{  filter: drop-shadow(rgba(0, 0, 0, 0.5) 0px 20px 40px);}

.bg-dark{background-color: var(--color-surface-dark)!important;}
.bg-surface{background-color: var(--color-surface)!important;}
.bg-light{background-color: var(--color-light);}
.text-black-dm{color: var(--color-black);}
.text-white-dm{color: var(--color-white);}
.text-red-led-dm{color: var(--color-red-led);text-shadow: 2px 2px 5px var(--color-red-led); -webkit-text-stroke: 2px var(--color-red);}
.text-white-led-dm{color: var(--color-white);text-shadow: 2px 2px 5px var(--color-white);}
.btn-red-led-dm{background-color: var(--color-red-led)!important;box-shadow: 0 0rem 1.5rem rgba(255,96,104, 0.55);}
.btn-white-led-dm{background-color: var(--color-white);box-shadow: 0 0rem 1.5rem rgba(255, 255, 255, 0.55);}
.btn-red-outline-led-dm{box-shadow: 0 0rem 1.5rem rgba(255,96,104, 0.55);text-shadow: 2px 2px 5px var(--color-red-led);}
.btn-white-outline-led-dm{box-shadow: 0 0rem 1.5rem rgba(255, 255, 255, 0.55);text-shadow: 2px 2px 5px var(--color-white);}
.icon-blurred-led-dm{-webkit-text-stroke:1px var(--color-red);color: var(--color-red-led);text-shadow: 2px 2px 5px var(--color-red-led); background-color: color-mix(in srgb, var(--color-red-led), transparent 90%);}
.icon-blurred-dm{-webkit-text-stroke:1px var(--color-red);color: var(--color-red);background-color: color-mix(in srgb, var(--color-red), transparent 90%);}
.title-section .content .subtitle {font-weight: 700;font-size: 0.875rem;text-transform: uppercase;margin-bottom: 1rem;}
.title-section .content h2 {font-weight: 700;}
.no-stroke{-webkit-text-stroke: 0px;}

/****COEBRTURA****/
.cobertura-light-dm {background: linear-gradient(135deg, var(--color-white),color-mix(in srgb, var(--color-gray), transparent 97%));}
.cobertura-dark-dm {background: linear-gradient(135deg, var(--color-surface-dark),color-mix(in srgb, var(--color-surface), transparent 97%));}

.cobertura .cobertura-form-card .form-header .header-icon {width: 60px;height: 60px;border-radius: 18px;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;}
.cobertura-light-dm .cobertura-form-card .form-header .header-icon {background: linear-gradient(135deg, var(--color-red),color-mix(in srgb, var(--color-red), var(--color-red) 30%));}
.cobertura-dark-dm .cobertura-form-card .form-header .header-icon {box-shadow: 0 0rem 1.5rem rgba(255,96,104, 0.55);background: linear-gradient(135deg, var(--color-red-led), color-mix(in srgb, var(--color-red-led), var(--color-red-led) 30%));}

.cobertura .cobertura-form-card .form-header {text-align: center;margin-bottom: 35px;}
.cobertura .cobertura-form-card {position: relative;border-radius: 24px;padding: 40px;overflow: hidden;}
.cobertura-light-dm .cobertura-form-card {box-shadow: 0 20px 60px color-mix(in srgb, var(--color-black-mate), transparent 92%);background: var(--color-white);border: 1px solid color-mix(in srgb, var(--color-black-mate), transparent 90%);}
.cobertura-dark-dm .cobertura-form-card {box-shadow: 0 20px 60px color-mix(in srgb, var(--accent-color), transparent 92%);background: var(--color-surface);border: 1px solid color-mix(in srgb, var(--accent-color), transparent 90%);}
.cobertura .cobertura-form-card .form-header .header-icon i{font-size: 28px;color: var(--color-white);}
.cobertura .cobertura-form-card:before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 4px;}
.cobertura-light-dm .cobertura-form-card:before {background: linear-gradient(90deg, var(--color-red),color-mix(in srgb, var(--color-red), var(--color-red) 30%));}
.cobertura-dark-dm .cobertura-form-card:before {background: linear-gradient(90deg, var(--color-red-led),color-mix(in srgb, var(--color-red-led), var(--color-red-led) 30%));box-shadow: 0 0rem 1.5rem rgba(255,96,104, 0.55);}


.cobertura .cobertura-info-area{padding-left: 40px;}
.cobertura .cobertura-info-area .info-header{margin-bottom: 40px;}
.cobertura .cobertura-info-area .cobertura-methods{display: flex;flex-direction: column;gap: 20px;margin-bottom: 20px;}

.cobertura .cobertura-info-area .method-card {display: flex;align-items: center;gap: 10px;padding: 0px;border-radius: 10px;transition: all 0.3s ease;}
.cobertura-dark-dm .cobertura-info-area .method-card {background: var(--color-surface);border: 1px solid color-mix(in srgb, var(--accent-color), transparent 92%);}
.cobertura-light-dm .cobertura-info-area .method-card {background: var(--color-white);border: 1px solid color-mix(in srgb, var(--color-black-mate), transparent 92%);box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);}

.cobertura .cobertura-info-area .method-card .card-icon{width: 50px;height: 50px; border-radius: 14px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;transition: all 0.3s ease;}
.cobertura-dark-dm .cobertura-info-area .method-card .card-icon{background:  color-mix(in srgb, var(--color-red), transparent 92%);}
.cobertura-light-dm .cobertura-info-area .method-card .card-icon{background: color-mix(in srgb, var(--colo-red-led), transparent 92%);}

.cobertura .cobertura-info-area .method-card .card-icon i{font-size: 20px;transition: all 0.3s ease;}
.cobertura-dark-dm .cobertura-info-area .method-card .card-icon i{color: var(--color-red-led);}
.cobertura-light-dm .cobertura-info-area .method-card .card-icon i{color: var(--color-red);}
/****GALLERY****/
.gallery {overflow: hidden;}
.gallery .swiper-wrapper {height: auto;}
.gallery .swiper-pagination {margin-top: 20px;position: relative;}
.gallery .swiper-pagination .swiper-pagination-bullet {width: 12px;height: 12px;opacity: 1;}

.gallery-dark-dm .swiper-pagination .swiper-pagination-bullet {background-color: var(--color-surface);border: 1px solid var(--color-surface-dark);}
.gallery-dark-dm .swiper-pagination .swiper-pagination-bullet-active {background-color: var(--color-red-led);}
.gallery-light-dm .swiper-pagination .swiper-pagination-bullet {background-color: var(--color-gray-thin);border: 1px solid var(--color-gray-thin);}
.gallery-light-dm .swiper-pagination .swiper-pagination-bullet-active {background-color: var(--color-red);}

.gallery .swiper-slide-active {text-align: center;}

@media (min-width: 992px) {
  .gallery .swiper-wrapper {padding: 40px 0;}
  .gallery .swiper-slide-active {padding: 4px;z-index: 1;transform: scale(1.2);transition: none;}
  .gallery-dark-dm .swiper-slide-active {background: var(--color-white);border: 6px solid var(--accent-color);}
  .gallery-light-dm .swiper-slide-active {background: var(--color-white);border: 6px solid var(--color-red);}
}
/****CONTACTO****/
.contact-light-dm {background: linear-gradient(135deg, var(--color-white),color-mix(in srgb, var(--color-gray), transparent 97%));}
.contact-dark-dm {background: linear-gradient(135deg, var(--color-surface-dark),color-mix(in srgb, var(--color-surface), transparent 97%));}

.contact .contact-form-card .form-header .header-icon {width: 60px;height: 60px;border-radius: 18px;display: flex;align-items: center;justify-content: center;margin: 0 auto 20px;}
.contact-light-dm .contact-form-card .form-header .header-icon {background: linear-gradient(135deg, var(--color-red),color-mix(in srgb, var(--color-red), var(--color-red) 30%));}
.contact-dark-dm .contact-form-card .form-header .header-icon {box-shadow: 0 0rem 1.5rem rgba(255,96,104, 0.55);background: linear-gradient(135deg, var(--color-red-led), color-mix(in srgb, var(--color-red-led), var(--color-red-led) 30%));}

.contact .contact-form-card .form-header {text-align: center;margin-bottom: 35px;}
.contact .contact-form-card {position: relative;border-radius: 24px;padding: 40px;overflow: hidden;}
.contact-light-dm .contact-form-card {box-shadow: 0 20px 60px color-mix(in srgb, var(--color-black-mate), transparent 92%);background: var(--color-white);border: 1px solid color-mix(in srgb, var(--color-black-mate), transparent 90%);}
.contact-dark-dm .contact-form-card {box-shadow: 0 20px 60px color-mix(in srgb, var(--accent-color), transparent 92%);background: var(--color-surface);border: 1px solid color-mix(in srgb, var(--accent-color), transparent 90%);}
.contact .contact-form-card .form-header .header-icon i{font-size: 28px;color: var(--color-white);}
.contact .contact-form-card:before {content: "";position: absolute;top: 0;left: 0;right: 0;height: 4px;}
.contact-light-dm .contact-form-card:before {background: linear-gradient(90deg, var(--color-red),color-mix(in srgb, var(--color-red), var(--color-red) 30%));}
.contact-dark-dm .contact-form-card:before {background: linear-gradient(90deg, var(--color-red-led),color-mix(in srgb, var(--color-red-led), var(--color-red-led) 30%));box-shadow: 0 0rem 1.5rem rgba(255,96,104, 0.55);}

.contact .contact-form-card .php-email-form .form-control {height: 52px;font-size: 15px;padding: 16px 20px;border-radius: 16px;transition: 0.3s;}
.contact-light-dm .contact-form-card .php-email-form .form-control {background-color: color-mix(in srgb, var(--color-white), var(--color-gray) 30%);color: var(--color-black-mate);border: 2px solid color-mix(in srgb, var(--color-black-mate), transparent 88%);transition: 0.3s;}
.contact-dark-dm .contact-form-card .php-email-form .form-control {background-color: color-mix(in srgb, var(--color-surface), var(--color-surface-dark) 30%);color: var(--color-white);border: 2px solid color-mix(in srgb, var(--color-white), transparent 88%);transition: 0.3s;}

.contact .contact-form-card .php-email-form textarea.form-control {height: 100px;resize: vertical;}
.contact .contact-form-card .php-email-form .submit-btn {width: 100%;font-weight: 600;font-size: 16px;display: flex;align-items: center;justify-content: center;position: relative;border-width: initial;border-style: none;border-color: initial;border-image: initial;padding: 16px 30px;border-radius: 16px;gap: 12px;transition: 0.3s;overflow: hidden;}
.contact .contact-form-card .php-email-form .submit-btn::before {content: "";position: absolute;top: 0px;left: -100%;width: 100%;height: 100%;transition: left 0.6s;}

.contact-light-dm .contact-form-card .php-email-form .form-control::placeholder {color: var(--color-black-mate);}
.contact-dark-dm .contact-form-card .php-email-form .form-control::placeholder {color: var(--color-white);opacity: 0.5;}

.contact-light-dm .contact-form-card .php-email-form .submit-btn {color: var(--color-white);background: linear-gradient(135deg, var(--color-red),color-mix(in srgb, var(--color-red), var(--color-red) 30%));}
.contact-light-dm .contact-form-card .php-email-form .submit-btn::before {background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-white), transparent 85%), transparent);}

.contact-dark-dm .contact-form-card .php-email-form .submit-btn {color: var(--color-white);background: linear-gradient(135deg, var(--color-red-led),color-mix(in srgb, var(--color-red-led), var(--color-red-led) 30%));}
.contact-dark-dm .contact-form-card .php-email-form .submit-btn::before {background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--color-white), transparent 85%), transparent);}

.contact .contact-form-card .php-email-form .submit-btn span, .contact .contact-form-card .php-email-form .submit-btn i{position: relative;z-index: 1;}
.contact .contact-form-card .php-email-form .submit-btn i {font-size: 16px;transition: transform 0.3s;}

.contact .contact-info-area{padding-left: 40px;}
.contact .contact-info-area .info-header{margin-bottom: 40px;}
.contact .contact-info-area .contact-methods{display: flex;flex-direction: column;gap: 20px;margin-bottom: 40px;}

.contact .contact-info-area .method-card {display: flex;align-items: center;gap: 20px;padding: 24px;border-radius: 20px;transition: all 0.3s ease;}
.contact-dark-dm .contact-info-area .method-card {background: var(--color-surface);border: 1px solid color-mix(in srgb, var(--accent-color), transparent 92%);}
.contact-light-dm .contact-info-area .method-card {background: var(--color-white);border: 1px solid color-mix(in srgb, var(--color-black-mate), transparent 92%);box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);}

.contact .contact-info-area .method-card .card-icon{width: 50px;height: 50px; border-radius: 14px;display: flex;align-items: center;justify-content: center;flex-shrink: 0;transition: all 0.3s ease;}
.contact-dark-dm .contact-info-area .method-card .card-icon{background:  color-mix(in srgb, var(--color-red), transparent 92%);}
.contact-light-dm .contact-info-area .method-card .card-icon{background: color-mix(in srgb, var(--colo-red-led), transparent 92%);}

.contact .contact-info-area .method-card .card-icon i{font-size: 20px;transition: all 0.3s ease;}
.contact-dark-dm .contact-info-area .method-card .card-icon i{color: var(--color-red-led);}
.contact-light-dm .contact-info-area .method-card .card-icon i{color: var(--color-red);}

.contact .contact-info-area .additional-info .info-stats{display: flex;gap: 30px;padding: 30px;border-radius: 20px;margin-bottom: 30px;}
.contact-dark-dm .contact-info-area .additional-info .info-stats{background: linear-gradient(135deg,color-mix(in srgb, var(--accent-color), transparent 96%),color-mix(in srgb, var(--accent-color), transparent 92%));}
.contact-light-dm .contact-info-area .additional-info .info-stats{background: linear-gradient(135deg,color-mix(in srgb, var(--color-red), transparent 0%),color-mix(in srgb, var(--color-red), transparent 0%));}


.contact .contact-info-area .additional-info .info-stats .stat-item{text-align: center;}

.contact .contact-info-area .additional-info .info-stats .stat-item .stat-number{font-size: 24px;font-weight: 700; margin-bottom: 4px;}
.contact-dark-dm .contact-info-area .additional-info .info-stats .stat-item .stat-number{color: var(--color-red-led);}
.contact-light-dm .contact-info-area .additional-info .info-stats .stat-item .stat-number{color: var(--color-white);}

.contact .contact-info-area .additional-info .info-stats .stat-item .stat-label {font-size: 13px;font-weight: 500;}
.contact-dark-dm .contact-info-area .additional-info .info-stats .stat-item .stat-label {color: color-mix(in srgb, var(--color-white), transparent 30%);}
.contact-light-dm .contact-info-area .additional-info .info-stats .stat-item .stat-label {color: color-mix(in srgb, var(--color-white), transparent 30%);}



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

.poppins-bold{font-family: "Poppins";font-weight: 700;text-align: center;}


.footer {color: var(--color-white);font-size: 14px;padding-bottom: 50px;position: relative;}
.footer-dark-dm{background-color: var(--color-surface);}
.footer-light-dm{background-color: var(--color-black);}
.footer-light-dm .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-dark-dm .footer-newsletter {background-color: color-mix(in srgb, var(--color-red-led), transparent 97%);border-top: 1px solid color-mix(in srgb, var(--color-red-led), transparent 85%);border-bottom: 1px solid color-mix(in srgb, var(--color-red-led), 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;box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.1);display: flex;transition: 0.3s;border-radius: 4px;}
.footer-light-dm .footer-newsletter .newsletter-form {background-color: color-mix(in srgb, var(--color-white), transparent 50%);border: 1px solid color-mix(in srgb, var(--color-black-mate), transparent 90%);}
.footer-dark-dm .footer-newsletter .newsletter-form {background-color: color-mix(in srgb, var(--color-white), transparent 50%);border: 1px solid color-mix(in srgb, var(--color-black-mate), transparent 90%);}

.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;font-size: 16px;color: var(--color-white);margin-right: 10px;transition: 0.3s;}
.footer-light-dm .social-links a {background-color: color-mix(in srgb, var(--color-red), transparent 97%);border: 1px solid color-mix(in srgb, var(--color-red), transparent 85%);}
/*
.footer-dark-dm .social-links a {background-color: color-mix(in srgb, var(--color-red-led), transparent 97%);border: 1px solid color-mix(in srgb, var(--color-red-led), transparent 85%);}
*/
.footer-light-dm .social-links a:hover {color: var(--color-white);background-color: var(--color-red);}
.footer-dark-dm .social-links a:hover {color: var(--color-white);background-color: var(--color-red-led);}

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/ico/facebook.png);}
.ico18Tiktok{background-image: url(../img/ico/tiktok.png);}

.footer-light-dm h4{color: var(--color-red);}
.footer-dark-dm h4{color: var(--color-red-led);}

.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-white), transparent 20%);line-height: 1;}
.footer .footer-links ul a:hover {color: var(--color-red);}
.footer .footer-about a {color: var(--color-white);font-size: 24px;font-weight: 600;}
.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-dark-dm .footer-contact-text{color: var(--color-red-led)!important;font-size: 14px!important;font-weight: 400!important;}
.footer-light-dm .footer-contact-text{color: var(--color-white)!important;font-size: 14px!important;font-weight: 400!important;}
.footer-dark-dm .credits a{color: var(--color-red-led);}
.footer-light-dm .credits a{color: var(--color-red);}


#btn-float-phone .phone-float {position: fixed;bottom: 110px;left: 10px;z-index: 1000;}
#btn-float-phone .phone-float .btn {border-radius: 50%;width: 60px;height: 60px;font-size: 28px;display: flex;align-items: center;justify-content: center;}
#btn-float-phone .phone-float .btn i{color: var(--color-white);width: 24px;height: 24px;}
.bottom-130 .phone-float{bottom: 130px!important;}