/**
 * Stylesheet:  style.css (refactor 2025)
 * Theme:       Finixpa || Industrial & Factorial Business HTML5 Template
 * Version:     1.1 (modernizado)
 * Autor base:  Theme Earth
 * Refactor:    actualización accesibilidad + rendimiento (sin romper clases)
 */

/*=============================
  Variables y resets
==============================*/
:root{
  --clr-primary:#79bb79;
  --clr-primary-700:#6a9e6a;
  --clr-dark: #284B63;
  --clr-body:#284B63;
  --clr-light:#ffffff;
  --clr-muted:#777777;
  --clr-gray-50:#fbfbfb;
  --clr-gray-100:#f7f7f7;
  --clr-gray-200:#f2f2f2;
  --clr-gray-300:#e1e1e1;
  --clr-gray-400:#d6d7d9;

  --radius-sm:4px;
  --radius-lg:12px;

  --fs-base:16px;
  --lh-base:1.625;

  --shadow-sm:0 0 6px 1px rgba(0,0,0,.04);
  --shadow-md:0 0 10px 1px rgba(0,0,0,.06);

  --tr-fast:.25s ease;
  --tr-med:.4s ease;

  /* gradientes reutilizables */
  --grad-accent: linear-gradient(135deg, rgba(152, 251, 152,1) 0%, rgba(40, 75, 99,.49) 55%, rgba(40, 75, 99,.09) 98%);
  --grad-overlay: linear-gradient(135deg, rgba(152, 251, 152,1) 0%, rgba(40, 75, 99,.44) 92%, rgba(40, 75, 99,.39) 100%);
  --grad-service: linear-gradient(135deg, rgba(152, 251, 152,1) 0%, rgba(40, 75, 99,.44) 92%, rgba(40, 75, 99,.39) 100%);
}

*{margin:0;padding:0;border:0;outline:none;box-sizing:border-box}
html,body{height:100%;font-size:var(--fs-base);color:var(--clr-body);font-family:'Poppins',sans-serif;line-height:26px}
img{max-width:100%;height:auto;display:block}
a{color:var(--clr-dark);text-decoration:none;transition:all var(--tr-med)}
a:hover,a:active{color:var(--clr-dark)}
a:focus,button:focus,input:focus,textarea:focus{outline:2px solid var(--clr-primary);outline-offset:2px}
p{margin:0 0 20px}
h1,h2,h3,h4,h5,h6{margin:0 0 20px;font-weight:600;font-family:'Poppins',sans-serif;color:var(--clr-dark);line-height:1.5}
h1{font-size:32px}
h2{font-size:18px}
h3{font-size:16px}
ul{list-style:none;margin:0;padding:0}
::selection{background:var(--clr-primary);color:#fff}
::-moz-selection{background:var(--clr-primary);color:#fff}
textarea:focus,input:focus{outline:none}
.owl-carousel{overflow:hidden}

/* Utilidades */
.pt-100{padding-top:100px}
.pb-100{padding-bottom:100px}
.pb-70{padding-bottom:70px}
.bg-color{background:var(--clr-gray-50)}
.bg-gray{background:#f0f0f0}
.no-padding-left{padding-left:0}
.no-padding-right{padding-right:0}

/* Motion-safe */
@media (prefers-reduced-motion:reduce){
  *{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* Animaciones */
@keyframes rotate-animation{from{transform:rotate(0)}to{transform:rotate(360deg)}}

/*=============================
  1. Preloader
==============================*/
#finixpa-preloader{position:fixed;inset:0;z-index:9999999}
.finixpa-preloader-image{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:150px;height:150px;display:flex;align-items:center;justify-content:center;padding:35px}
.finixpa-preloader-image .finixpa-preloader-loader{border:1px solid transparent;border-color:transparent var(--clr-primary) transparent var(--clr-primary);animation:rotate-animation 1.5s linear infinite;border-radius:999px;position:absolute;inset:0}
#finixpa-preloader .finixpa-loader{position:fixed;inset:0}
#finixpa-preloader .finixpa-loader .row{height:100%}
#finixpa-preloader .finixpa-loader .finixpa-loader-area{padding:0}
#finixpa-preloader .finixpa-loader .finixpa-loader-area .finixpa-loader-bg{background:#fff;height:100%;left:0;width:100%;transition:all .8s cubic-bezier(.77,0,.175,1)}
#finixpa-preloader.finixpa-loaded .animation-preloader{opacity:0;transition:.3s ease-out}
#finixpa-preloader.finixpa-loaded .finixpa-loader-area .finixpa-loader-bg{width:0;transition:.7s .3s all cubic-bezier(.1,.1,.1,1)}

/*=============================
  2. Scrollup
==============================*/
#scrollUp{border-radius:50%;bottom:5px;color:var(--clr-primary);font-size:62px;right:20px;text-align:center;text-decoration:none}
#scrollUp:hover{opacity:1;color:#ec4e06 !important}
#scrollUp i{display:block;font-weight:700;padding-top:11px}

/*=============================
  3. Header
==============================*/
.header-top{background:var(--clr-dark)}
.header-left{padding:10px 0}
.header-left ul{display:inline-block}
.header-left li{padding-right:40px;display:inline-block;color:#fff;position:relative}
.header-left li::before{content:"";height:14px;width:1px;background:#fff;position:absolute;right:20px;top:6px}
.header-left li:last-child:before{display:none}
.header-left li:last-child{padding-right:0}
.header-left li i{color:var(--clr-primary);margin-right:6px}
.header-right-div{text-align:right}
.header-right{position:relative;z-index:99;padding:10px 0;display:inline-block;text-align:right}
.soical-profile{padding-top:7px}
.soical-profile ul,.soical-profile li{display:inline-block}
.soical-profile li a i{width:20px;height:20px;text-align:center;line-height:20px;border-radius:4px;background:#fff;display:inline-block}
.soical-profile li a i:hover{background:var(--clr-dark);color:#fff}

/*=============================
  4. Menú
==============================*/
.logo{padding:20px 0}
.social-title{display:inline-block;color:#322f2f;font-weight:500}
.nav-menu{text-align:right}
.menu{display:inline-block;position:relative}
.main-menu{display:inline-block;text-align:right;margin-right:40px}
.main-menu ul{position:relative}
.main-menu ul li{display:inline-block;position:relative}
.main-menu ul li a{display:block;padding:40px 12px;text-transform:capitalize;transition:all var(--tr-med);font-weight:600}
.main-menu ul li a:hover{color:var(--clr-primary)}
.main-menu ul ul{background:var(--clr-dark);left:12px;opacity:0;position:absolute;text-align:left;top:140px;visibility:hidden;z-index:99999;border-top:2px solid var(--clr-primary);transition:all var(--tr-med)}
.main-menu ul ul li{float:none;width:220px}
.main-menu ul ul li i{float:right}
.main-menu ul ul li a{line-height:120%;padding:10px 20px;color:#ddd;border-bottom:1px solid #2c2e3d}
.main-menu ul ul li:last-child a{border-bottom:0}
.main-menu ul ul li a:hover{color:var(--clr-primary);background:var(--clr-dark)}
.main-menu ul ul ul{left:100%;opacity:0;border-top:0;border-bottom:1px solid var(--clr-dark)}
.main-menu ul li:hover > ul{visibility:visible;opacity:1;top:105px}
.main-menu ul li a i{margin-left:6px}

.search-bar-icon{display:inline-block;padding:38px 0;position:absolute;right:0;top:0}
.site-search{position:relative}
.site-search span{display:inline-block;width:30px;height:30px;text-align:center;cursor:pointer;line-height:30px;border:2px solid #000}
.site-search.open span i.icofont-search-2::before{content:"\eee3" !important}
.site-search i{color:var(--clr-dark);font-size:20px}
.search-forum>form{display:inline-flex;background:#fff;padding:18px 20px;border-top:2px solid var(--clr-primary)}
.search-forum input[type="text"]{padding:10px;border:1px solid #ddd}
.search-forum input[type="submit"]{padding:10px;background:#22253a;color:#fff}
.site-search:hover .search-forum{visibility:visible;opacity:1}
.search-forum{right:0;position:absolute;top:68px;z-index:99;visibility:hidden;opacity:0;transition:all var(--tr-med)}
.animation{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@keyframes slideUpIn{0%{transform:translateY(40px)}100%{transform:translateY(0)}}
.slideUpIn{animation-name:slideUpIn}
.hd-sec.sticky_menu{left:0;right:0;top:0;position:fixed;z-index:9999;box-shadow:0 0 5px 0 rgba(0,0,0,.25);background:#fff}

.applay-button{position:relative;z-index:2;padding:28px 0;display:inline-block;width:100%;text-align:right}
.applay-button a{padding:8px 0;display:inline-block;font-weight:600;text-transform:capitalize;margin-top:4px;border-bottom:1px solid var(--clr-primary);width:100%;text-align:center;background:var(--clr-primary);color:#fff}
.applay-button a i{color:#fff;margin-right:10px;font-size:22px}
.applay-button a:hover{background:var(--clr-dark);color:#fff;border-color:var(--clr-dark)}

/*=============================
  5. Slider
==============================*/
.slider-overlay{background-image:var(--grad-accent);height:100%;width:100%;position:absolute;top:0;z-index:1}
.images-overlay{background-color:rgba(15,25,25,.70);height:100%;position:absolute;width:100%;top:0;z-index:-1}
.all-slide .owl-item{height:750px}
.all-slide .single-slide{background-size:cover;background-position:center center;background-repeat:no-repeat;height:100%}
.slider-wrapper{width:1170px;padding:15px;margin:0 auto;height:100%}
.slider-text{position:relative;top:50%;transform:translateY(-50%);z-index:2;text-align:center}
.slider-caption{width:750px;position:relative;padding:20px;text-align:center;margin:0 auto}
.slider-caption span.subtitle{color:#fff;font-size:24px;text-transform:capitalize}
.slider-text ul{margin-top:20px}
.slider-text h1{color:#fff;font-size:48px;text-transform:capitalize;line-height:70px;margin-bottom:10px;font-weight:700}
.slider-text h1>span{color:var(--clr-dark)}
.slider-text p{color:#fff}
.slider-text li{display:inline-block}
.slider-text li a{background:var(--clr-primary);color:#fff;display:inline-block;padding:10px 26px;text-transform:capitalize;margin-right:14px;position:relative;z-index:5;font-weight:600;border:1px solid var(--clr-primary);transition:all var(--tr-med)}
.slider-text li a i{font-size:24px;position:relative;top:2px}
.slider-text li a:hover{background:var(--clr-dark);border-color:var(--clr-dark)}
.slider-text li:last-child a{background:var(--clr-dark);border-color:var(--clr-dark)}
.slider-text li:last-child a:hover{background:transparent;border:1px solid #fff}

.all-slide.owl-carousel .owl-nav{position:absolute;top:45%;width:100%;z-index:99;transform:translateY(-50%)}
.all-slide.owl-carousel .owl-nav .owl-buttons div{background:none;opacity:1}
.all-slide.owl-carousel .owl-nav .owl-prev{left:0}
.all-slide.owl-carousel .owl-nav .owl-next{right:0}
.all-slide.owl-carousel .owl-nav .owl-next,
.all-slide.owl-carousel .owl-nav .owl-prev{position:absolute;color:#fff !important;text-transform:capitalize;font-size:21px !important;background:var(--clr-primary) !important;padding:10px 28px !important;transform:rotate(-90deg);transition:all var(--tr-med)}
.all-slide.owl-carousel .owl-nav .owl-prev:hover,
.all-slide.owl-carousel .owl-nav .owl-next:hover{background:var(--clr-dark) !important}
.all-slide.owl-carousel .owl-nav .owl-prev i,
.all-slide.owl-carousel .owl-nav .owl-next i{color:#fff;font-size:70px;text-align:center;transition:all .5s ease-out;font-weight:400}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0)}

/*=============================
  6. Why Us
==============================*/
.why-us-sec{position:relative;z-index:2}
.container-fluid.why-us-container{padding:0}
.why-us-inner{height:377px;position:relative}
.why-us-inner-text{position:absolute;top:50%;transform:translateY(-50%);text-align:center;left:0;padding:0 25px}
.why-us-inner::before{content:"";position:absolute;inset:0;background-color:rgba(19,160,178,.97)}
.why-us-inner:nth-child(1).why-us-inner::before{background-image:var(--grad-overlay)}
.why-us-inner:nth-child(2).why-us-inner::before{background-color:rgba(239,120,90,.97)}
.why-us-inner:nth-child(3).why-us-inner::before{background-color:rgba(134,184,107,.97)}
.why-us-inner-icon{display:inline-block;width:60px;height:60px;border:1px solid #fff;border-radius:50%;line-height:60px;color:#fff;font-size:28px}
.why-us-inner-text h2 a{font-size:22px;text-transform:capitalize;color:#fff;font-weight:600}
.why-us-inner-text p{color:#fff;margin-bottom:0}
.why-us-inner-text a{color:#fff;margin-top:30px;display:inline-block}

/*=============================
  7. About
==============================*/
.about-img{position:relative}
.about-img img{width:100%}
.about-img::before{border:10px solid rgba(0,0,0,.30);content:"";position:absolute;inset:0;z-index:1}
.about-desc img{margin-bottom:30px}
.about-desc h1{font-weight:700;text-transform:capitalize;position:relative;margin-bottom:30px}
.about-desc h1::before{content:"";position:absolute;bottom:-10px;width:80px;height:2px;background:var(--clr-primary)}
.about-us-sec .sec-title{text-align:left;margin:0 0 50px}
.read-more-btn a{background:var(--clr-primary);color:#fff;display:inline-block;padding:12px 30px;text-transform:capitalize;position:relative;z-index:5;font-weight:600;transition:all var(--tr-med)}
.about-desc a.about-btn{background:var(--clr-dark);padding:10px 26px;display:inline-block;font-weight:600;text-transform:capitalize;color:#fff;position:relative;border:2px solid var(--clr-primary);border-radius:var(--radius-sm)}
.about-desc a.about-btn::before{content:"\f178";font-family:fontawesome;float:right;position:relative;color:#fff;padding-left:10px;margin-left:10px;transition:all var(--tr-med)}
.about-sec{background:#fafafa}
.company-ceo-info h2{font-size:18px;text-transform:uppercase;font-weight:600;margin-bottom:10px}
.company-ceo-info span{text-transform:capitalize;font-weight:400;margin-bottom:20px;display:inline-block;width:100%;font-size:16px}
.company-mission{margin-top:20px}
.company-mission h2 a{text-transform:capitalize;font-size:28px;font-weight:600;color:var(--clr-dark)}
.company-mission a{color:var(--clr-dark);text-transform:capitalize;font-weight:700}

/* Tabs About */
.about{padding:50px 0 30px}
.about h3{text-transform:uppercase}
.about-us-thumb{margin-top:-80px}
.about-tab{margin-bottom:40px}
.about-tab li{display:inline-block;margin-right:10px;transition:all var(--tr-med);font-weight:400;text-align:center;color:#fff;text-transform:capitalize;border:1px solid var(--clr-dark);font-size:18px;padding:10px 30px;background:var(--clr-dark);cursor:pointer}
.about-tab li:hover{background:var(--clr-primary);color:#fff;border-color:var(--clr-primary)}
.about-tab li.active{border-color:var(--clr-primary);color:#fff;background:var(--clr-primary)}
.about-desc a{background:var(--clr-primary);padding:12px 26px;display:inline-block;font-weight:600;text-transform:capitalize;color:#fff;position:relative;margin-top:20px}
.about-desc a::before{content:"\ea94";font-family:IcoFont !important;float:right;position:relative;color:#fff;padding-left:10px;transition:all var(--tr-med);font-size:28px}

/* Contact (sobre el home) */
.about-us-contact{position:relative;margin-top:-220px;width:100%;z-index:2;background:#fff}
.contact-info-icon{float:left;width:75px;height:75px;text-align:center;line-height:75px;margin-right:10px}
.contact-page-sec .contact-field h2{color:#282828;text-transform:capitalize;font-size:22px}
.contact-field .col-md-6.col-sm-6.col-xs-12{padding-left:0}
.contact-field.contact-form input{margin-bottom:5px}
.contact-field.contact-form textarea{height:110px}
.contact-field.contact-form input[type="submit"]{background:#4cc700;width:150px;border-color:#4cc700}
.contact-info-text{padding-left:100px;margin-bottom:40px}
.contact-info-text h2{color:#282828;font-size:20px;text-transform:capitalize}
.contact-info-text span{color:#999;font-size:16px;display:inline-block;width:100%}
.contact-field input{background:transparent;border:1px solid #ddd;margin-top:20px;padding:10px;width:100%;color:#999}
.contact-field select{width:100%;border:1px solid #ddd;padding:13px 20px;margin:20px 0;color:#999}
.single-input-field textarea{border:1px solid #ddd;width:100%;height:120px;padding:10px;margin-top:10px}
.single-input-fieldsbtn input[type="submit"]{background:var(--clr-primary);border:0;color:#fff;display:inline-block;font-weight:600;padding:12px 30px;text-transform:capitalize;width:170px;margin-top:30px;font-size:16px}
.single-input-fieldsbtn input[type="submit"]:hover{background:#020e2a;border-color:#020e2a;color:#fff}

/* Botón de video */
.vedio-inner{position:relative;margin-bottom:40px}
.vedio-overly{position:absolute;inset:0;background-color:rgba(0,0,0,.10)}
.vedio-button{text-align:center;position:relative;top:50%;transform:translateY(-50%);width:100px;height:100px;box-shadow:0 0 0 0 rgba(245,91,20,.7);border-radius:50%;background-color:var(--clr-primary);background-size:cover;background-repeat:no-repeat;animation:pulse 1.25s infinite cubic-bezier(.66,0,0,1);margin:0 auto;line-height:106px}
.vedio-button a{display:inline-block;width:100%;height:100%}
.vedio-button a i{color:#fff;font-size:32px}
.vedio-button:hover{animation:none}
@keyframes pulse{to{box-shadow:0 0 0 45px rgba(255,255,255,0)}}
.video-play-button{position:absolute;bottom:0;padding:0 30px}
.video-play-button a{display:inline-block;padding:10px 30px;background:var(--clr-primary);color:#fff;text-transform:capitalize;font-size:18px}
.video-play-button a i{margin-right:10px}

/*=============================
  8. Title Section
==============================*/
.sec-title{text-align:center;margin:0 150px 50px}
.sec-title h1{font-size:36px;text-transform:capitalize;color:var(--clr-dark);font-weight:700}
.sec-title span{text-transform:capitalize;font-size:20px;font-weight:600;margin-bottom:10px;display:inline-block;position:relative;color:var(--clr-primary)}
.border-shape{background:var(--clr-dark);display:block;height:1px;margin:0 auto 20px;width:330px;position:relative}
.border-shape::before{background:var(--clr-primary);content:"";height:1px;position:absolute;inset:0;width:90px;margin:0 auto}
.sec-title p{margin:30px 0 0}
.shape-top-hight{position:relative}
.shape-top-hight::before{position:absolute;content:"";background:var(--clr-primary);width:1px;height:40px;top:-50px;left:0;right:0;margin:0 auto}

/*=============================
  9. Count Up
==============================*/
.count-up-inner{text-align:left;display:inline-block;width:100%;margin-bottom:50px}
.countup-text{display:inline-block;text-align:left;width:100%}
.count-up-icon{display:inline-block;margin-bottom:14px;width:70px;height:70px;border-radius:100px;border:1px solid var(--clr-gray-200);line-height:74px}
.count-up-icon i{font-size:28px}
.count-up-inner h2{font-size:46px;text-transform:uppercase;margin-bottom:4px}
.count-up-inner h4{font-size:22px;margin-bottom:0;text-transform:capitalize;font-weight:400;color:#fff}

/*=============================
  10. Gallery
==============================*/
.gallery-sec .sec-title{text-align:center;margin:0 150px 50px}
.simplefilter{position:relative;text-align:center;margin-bottom:40px;display:inline-block;width:100%}
.simplefilter li{display:inline-block;background:var(--clr-dark);padding:12px 32px}
.simplefilter li.active{background:var(--clr-primary)}
.simplefilter li.active .gallery-tab-title{color:#fff;transition:all var(--tr-med)}
.gallery-tab-icon{display:inline-block;width:80px;height:80px;border-radius:50%;border-bottom:1px solid #fff;line-height:80px;font-size:36px;cursor:pointer;color:#fff;margin-bottom:20px;transition:all var(--tr-med)}
.gallery-tab-title{display:inline-block;width:100%;color:#fff;text-transform:capitalize;font-size:18px;transition:all var(--tr-med);cursor:pointer}
.shorttitle{display:none}
.gallery-item{position:relative;overflow:hidden;margin-bottom:30px}
.gallery-overlay{position:absolute;inset:0;visibility:hidden;opacity:0;transition:all var(--tr-med);background-image:var(--grad-overlay)}
.gallery-overlay-text{text-align:center;position:relative;top:50%;transform:translateY(-50%)}
.gallery-overlay-text .gallery-button a i{color:#fff;font-size:20px;width:40px;height:40px;border:1px solid #fff;line-height:40px;position:relative;transition:all var(--tr-med);background:transparent;border-radius:50%;display:inline-block}
.gallery-overlay-text .gallery-button a i:hover{background:var(--clr-dark);border-color:var(--clr-dark)}
.gallery-item:hover .gallery-overlay{visibility:visible;opacity:1}
.gallery-item img{transform:scale(1);transition:all var(--tr-med)}
.gallery-item:hover img{transform:scale(1.3)}
.gallery-overlay-text h2 a{font-size:22px;text-transform:capitalize;color:#fff}
.gallery-overlay-text span{color:#ddd}
.gallery-button{display:inline-block;width:100%}
.gallery-load-more-btn{text-align:center;margin-top:50px;display:inline-block;width:100%}
.gallery-load-more-btn a{background:var(--clr-primary);color:#fff;display:inline-block;padding:10px 26px;text-transform:capitalize;margin:0 10px;position:relative;z-index:5;font-weight:600;transition:all var(--tr-med)}
.gallery-load-more-btn a:hover{background:var(--clr-dark)}
.gallery-load-more-btn a i{margin-left:10px;color:#fff;font-size:20px;font-weight:700}

/*=============================
  11. Why Choose Us
==============================*/
.why-choose-sec-image{background:var(--clr-dark) center/cover no-repeat;padding:193px 0;background-image:url(../img/why-us-bg.jpg);position:relative}
.why-choose-us-sec{background:#f2f2f2}
.why-choose-us-sec .border-shape,
.why-choose-us-sec .border-shape::before,
.why-choose-us-sec .border-shape::after{background:#fff}
.why-choose-thumb{position:relative;z-index:2}
.why-choose-inner{text-align:center;position:relative;overflow:hidden;margin-bottom:30px}
.why-choose-text{padding:60px 15px 20px;background:#fff;border:1px solid #ddd;border-top:0}
.why-choose-text h2 a{font-size:22px;text-transform:capitalize}
.why-choose-inner:hover .why-choose-text h2 a{color:var(--clr-dark)}
.why-choose-inner:hover .why-choose-icon{border-color:var(--clr-dark)}
.why-choose-text p{margin-bottom:0}
.why-choose-icon{position:absolute;width:80px;height:80px;border-radius:50%;line-height:80px;text-align:center;margin:0 auto;left:0;right:0;bottom:-40px;background:#fff;border-bottom:3px solid var(--clr-dark);z-index:2;transition:all var(--tr-med)}
.why-choose-icon img{width:50px;height:50px;display:inline-block}
.why-choose-all.owl-carousel .owl-item .why-choose-icon img{width:auto;height:auto;text-align:center;margin:0 auto;padding:20px}
.why-choose-all .owl-controls .owl-nav{position:absolute;top:-90px;width:100%;z-index:2}
.why-choose-all .owl-controls .owl-prev{right:60px;position:absolute}
.why-choose-all .owl-controls .owl-next{right:0;position:absolute}
.why-choose-all .owl-controls .owl-prev i,
.why-choose-all .owl-controls .owl-next i{background:var(--clr-dark);color:var(--clr-dark);font-size:22px;height:40px;line-height:40px;text-align:center;transition:all .5s;width:40px}

/*=============================
  12. Team
==============================*/
.team-sec-image{background:var(--clr-dark) center/cover no-repeat;padding:110px 0;background-image:url(../img/why-us-bg.jpg);position:relative;z-index:2}
.team-sec-image::before{content:"";position:absolute;background-color:rgba(15,25,52,.95);inset:0;z-index:-1}
.team-sec{position:relative;z-index:2;margin-top:-110px}
.team-member{background:var(--clr-dark);margin-bottom:30px;position:relative;overflow:hidden;transition:all var(--tr-med);z-index:2;text-align:center;padding:30px 20px;border-bottom:2px solid var(--clr-primary);border:1px solid var(--clr-gray-200);border-top:1px solid var(--clr-gray-200)}
.team-member::before{content:"";position:absolute;inset:0;background:#fff;transition:all var(--tr-med);z-index:-1}
.team-member:hover::before{height:0}
.team-member:hover{color:#fff}
.team-member:hover h2,.team-member:hover h3{color:#fff}
.team-member-thumb{width:150px;height:150px;border-radius:50%;margin:0 auto;position:relative;overflow:hidden}
.team-member img{width:100%;height:100%;object-fit:cover}
.team-member h2{font-size:18px;font-weight:700;margin-top:15px;text-transform:uppercase;transition:all var(--tr-med);color:var(--clr-dark)}
.team-member h3{font-size:14px;text-transform:capitalize;transition:all var(--tr-med);color:var(--clr-primary)}
.team-social li{display:inline-block}
.team-social li a{display:inline-block;width:30px;height:30px;background:transparent;border-radius:50%;text-align:center;border:1px solid var(--clr-dark);line-height:30px}
.team-social li i{color:var(--clr-dark)}
.team-social li a:hover{background:var(--clr-dark)}
.team-social li a:hover i{color:#fff}
.all-team .owl-controls{position:absolute;top:-90px;width:100%;z-index:2}
.all-team .owl-controls .owl-prev{right:50px;position:absolute}
.all-team .owl-controls .owl-next{right:0;position:absolute}
.all-team .owl-controls .owl-prev i,
.all-team .owl-controls .owl-next i{background:var(--clr-dark);color:var(--clr-dark);font-size:22px;height:40px;line-height:40px;text-align:center;transition:all .5s;width:40px}
.all-team .team-member{text-align:center;background:var(--clr-dark);padding-bottom:30px}

/* Texto soporte */
.team-support-inner{margin-top:200px}
.team-support-inner span{text-transform:capitalize;font-size:20px;font-weight:600;margin-bottom:10px;display:inline-block;position:relative;color:var(--clr-primary);padding-left:70px}
.team-support-inner span::before{content:"";position:absolute;background:var(--clr-primary);width:60px;height:1px;top:14px;left:0}
.team-support-inner h1{font-size:36px;text-transform:capitalize;font-weight:700;line-height:55px}
.team-support-inner ul li{display:inline-block}
.team-support-inner ul li a{background:var(--clr-primary);color:#fff;display:inline-block;padding:10px 18px;text-transform:capitalize;position:relative;z-index:5;font-weight:600;transition:all var(--tr-med)}
.team-support-inner ul li a i{margin-right:10px;font-size:20px;font-weight:700}
.team-support-inner ul li:last-child a{background:var(--clr-dark)}

/*=============================
  13. Call To Action
==============================*/
.call-to-action-sec{background-image:url("../img/call_to_action_bg.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;padding:120px 0;z-index:1}
.call-to-action-overlay{background-color:rgba(245,91,20,.95);position:absolute;inset:0;z-index:-1}
.call-to-action-text{color:#fff;text-align:left}
.call-to-action-text p{margin-bottom:0}
.call-to-action-text h2{color:#fff;text-transform:capitalize;font-size:30px;font-weight:700}
.call-to-action-text a.btn{background:var(--clr-dark);border-radius:0;color:#fff;float:right;font-weight:700;padding:14px 36px;text-transform:uppercase;margin-top:10px;position:relative}
.call-to-action-text a.btn:hover{background:#fff;color:var(--clr-dark)}

/*=============================
  14/19. FAQ (ambas variantes)
==============================*/
.why-choose-us-v1-sec{background:#fff url("../img/slide2.jpg") center/cover no-repeat;overflow:hidden}
.why-choose-v1{padding:100px 0 50px 50px;position:relative;z-index:1}
.why-choose-v1::before{content:"";position:absolute;top:0;left:-15px;height:100%;width:5000px;background:var(--clr-dark);z-index:-1}
.why-choose-v1-title{margin:0 0 40px;text-align:left}
.why-choose-v1-title span{font-size:20px;font-weight:600;margin-bottom:10px;display:inline-block;position:relative;color:var(--clr-primary);padding-left:70px}
.why-choose-v1-title span::before{content:"";position:absolute;background:var(--clr-primary);width:60px;height:1px;top:14px;left:0}
.why-choose-v1-title h1{font-size:36px;text-transform:capitalize;color:#fff;font-weight:700}
.why-choose-v1-single{margin:20px 0;color:#cdcdcd}
.why-choose-v1-single .media{display:flex;overflow:visible}
.why-choose-v1-single .icon{width:60px;height:60px;margin-right:10px;text-align:center;line-height:60px;background:var(--clr-primary);color:#fff;font-size:28px;border-radius:50%;position:relative}
.why-choose-v1-single .media-left{position:relative}
.why-choose-v1-single .media-left::before{width:1px;height:170px;position:absolute;content:"";top:0;left:30px;border-left:1px dashed var(--clr-gray-200);transition:all var(--tr-med)}
.why-choose-v1-single:last-child .media-left:before{display:none}
.why-choose-v1-single .media-body h2{font-size:20px;margin-bottom:10px;text-transform:capitalize;color:#fff}

h1.faq-style1-title{font-size:36px;text-transform:capitalize;font-weight:700;color:var(--clr-dark);line-height:40px;margin-bottom:50px;position:relative}
h1.faq-style1-title::before{content:"";position:absolute;bottom:-10px;width:80px;height:2px;background:var(--clr-dark)}
.faq-style1-sec .panel{background:transparent;border:none;border-radius:0;box-shadow:0 1px 1px rgba(0,0,0,0);padding-bottom:15px;transition:all var(--tr-med)}
.faq-style1-sec .panel-heading{margin-bottom:15px;padding:0}
.faq-style1-sec .panel-content{padding-bottom:20px;color:#999}
.faq-style1-sec .panel-heading a{color:var(--clr-dark);display:inline-block;font-size:20px;width:100%;font-weight:600}
.faq-free-consult-sec{overflow:hidden;position:relative}
.faq-free-consult-sec::before{content:"";position:absolute;background:var(--clr-dark);width:5000px;height:100%;top:0;left:0;z-index:-2}
.about-us-contact .contact-field{padding:50px;background:var(--clr-dark)}
.about-us-contact .contact-field input,
.about-us-contact .single-input-field textarea{border-color:#2c3652}
.about-us-contact-title h1{display:inline-block;width:100%;background:var(--clr-primary);color:#fff;text-align:center;padding:42px 0;margin:0 0 -1px;font-weight:700;font-size:24px}

/* FAQ panel compacta */
.faq-sec .sec-title{text-align:left;margin:0 0 30px}
.faq-sec .panel{border:none;border-radius:0;box-shadow:0 1px 1px rgba(0,0,0,0);margin-bottom:15px}
.faq-sec .panel-heading{margin-bottom:0;padding:10px 20px;background:#22253a;border-radius:0}
.faq-sec .panel-title{font-size:20px;text-transform:capitalize;font-weight:600}
.faq-sec .panel-heading a{color:#f4f4f4;display:inline-block;font-size:16px;width:100%;font-weight:600}
.faq-sec .panel-title a:before{float:right;font-family:FontAwesome;content:"\f106";color:#f4f4f4}
.faq-sec .panel-title a.collapsed:before{content:"\f107"}
.faq-sec .panel-content{padding:20px;color:#777;background:#f4f4f4}
.faq-single{margin-bottom:20px}
.faq-single .media{display:flex}
.faq-single .icon{width:60px;height:60px;margin-right:10px;background:var(--clr-primary);text-align:center;line-height:55px;color:#fff;font-size:32px}
.faq-single .media-body h2{font-size:20px;margin-bottom:10px;text-transform:capitalize}

/*=============================
  20. Page Heading
==============================*/
.pagehding-sec{background:url("../img/page_hd.jpg") center/cover no-repeat;padding-top:130px;position:relative;z-index:1}
.page-breadcrumb-inner{text-align:right}
.page-breadcrumb{display:inline-block;background:var(--clr-primary);padding:12px 32px;position:relative}
.page-breadcrumb::before{width:40px;height:40px;background:var(--clr-primary);position:absolute;content:"";left:0;right:0;margin:0 auto;transform:rotate(45deg);bottom:-10px;z-index:-1}
.page-heading h1{font-size:40px;text-align:left;text-transform:capitalize;font-weight:700;color:#fff}
.breadcrumb-list{text-align:left}
.breadcrumb-list li{display:inline-block;position:relative;padding:0 14px}
.breadcrumb-list li:first-child{padding-left:0}
.breadcrumb-list li a{font-weight:600;text-transform:capitalize;color:#fff}
.breadcrumb-list li:last-child a{color:var(--clr-dark)}
.breadcrumb-list li::before{content:"";position:absolute;right:-4px;background:#f4f4f4;height:10px;width:2px;top:10px}
.breadcrumb-list li:last-child::before{display:none}

/*=============================
  21. Services
==============================*/
.service i{background:#0c246d;color:#fff;font-size:24px;height:80px;line-height:60px;text-align:center;width:60px}
.service-item .media{background:#fff;box-shadow:var(--shadow-sm);transition:all var(--tr-med)}
.service-item .media:hover{background:var(--clr-dark);box-shadow:none;color:#fff}
.service-inner-text{padding:10px 30px 30px}
.service-inner-text .title-wrapper{display:flex;align-items:center;margin-bottom:20px;gap:20px}
.service-inner-text .title h2{margin-bottom:0}
.service-item .inner{margin-bottom:30px}
.service-thumb{position:relative;overflow:hidden}
.service-thumb img{transition:all var(--tr-med);width:100%;transform:scale(1)}
.service-item .inner:hover img{transform:scale(1.02)}
.service-item .inner h2{font-size:18px;font-weight:700;margin:10px 0;text-transform:capitalize;line-height:27px}
.service_icon{font-size:28px;height:50px;line-height:50px;margin-top:10px;text-align:center;width:50px;transition:all var(--tr-med);display:inline-block;color:#fff;border-radius:50%;position:relative;background:var(--clr-primary)}
.service-icon .readmore-button a{background:var(--clr-dark)}
.service-readmore{color:var(--clr-primary);text-transform:capitalize;font-size:16px;font-weight:600;position:relative}
.service-readmore::before{width:30px;height:1px;position:absolute;content:"";top:13px;left:90px;background:var(--clr-primary);transition:all var(--tr-med)}
.service-item .inner:hover .service-readmore{color:var(--clr-primary)}
.pagination.custom-pagination{text-align:center;width:100%}
.pagination.custom-pagination li{display:inline-block}
.pagination.custom-pagination li a{color:#777;font-size:16px;font-weight:500;height:45px;margin:2px 5px;width:45px;border:1px solid var(--clr-primary);display:inline-flex;align-items:center;justify-content:center}
.pagination.custom-pagination li.active a{background:var(--clr-primary);color:#fff}
.pagination.custom-pagination li a:hover{background:#383949;color:#fff}

/*=============================
  22. Home 1 overrides
==============================*/
.header-left li::before{background:#fff}
.header-left li i,.social-title{color:var(--clr-primary);font-weight:600}
.soical-profile li{border-radius:50%;margin-left:10px}

/*=============================
  23. Blog
==============================*/
.blog-page-sec .blog-text{padding:30px 0}
.blog-details-sec .single-post,.blog-page-sec .single-post{border:0;box-shadow:none}
.single-post{margin-bottom:30px;box-shadow:var(--shadow-md);display:inline-block;width:100%;border:1px solid var(--clr-gray-200)}
.single-post-thumb{overflow:hidden;position:relative}
.single-post-thumb img{transform:scale(1);transition:all .5s}
.single-post:hover .single-post-thumb img{transform:scale(1.3)}
.blog-text{padding:30px 20px}
.post-info{margin-bottom:20px}
.post-info h2{margin-bottom:5px;line-height:30px}
.post-info h2 a{text-transform:capitalize;font-size:22px}
.post-meta ul li{display:inline-block;margin-right:10px}
.post-meta li a{color:var(--clr-muted);text-transform:capitalize}
a.blog-readmore{display:inline-block;margin-top:20px;font-weight:600;color:#fff;background:#083180;padding:10px 20px}
.single-post:hover a.blog-readmore{background:#0cb1f6}
.post-share{display:inline-block;width:100%;border-top:1px solid var(--clr-gray-400);border-bottom:1px solid var(--clr-gray-400);padding:10px 0}
.post-tag li{display:inline-block}
.post-tag li a{color:#898989;text-transform:capitalize}
.single-post-thumb.blog-details{margin-bottom:30px}
/* latest news compact */
.latest-news-inner{display:inline-block;width:100%;margin-bottom:50px}
.latest-news-thumb{float:left}
.latest-news-desc{padding-left:85px}
.latest-news-desc h3{margin-bottom:10px}
.latest-news-desc h3 a{color:var(--clr-body);font-weight:400;line-height:26px}
.latest-news-desc h3 a:hover{color:#083180}
.latest-news-desc li{display:inline-block;text-transform:capitalize}
.latest-news-desc li a{color:#083180}
.latest-news-desc li:last-child{float:right}

/* Comentarios */
.commentar-sec .media{display:flex}
.commentar-sec img{float:left;margin-right:20px;width:100px;height:100px;border-radius:50%;border:2px solid #ddd;object-fit:cover}
.comment-author{margin-bottom:0;font-size:18px;text-transform:capitalize;font-weight:600;color:var(--clr-dark)}
.comment-author-designation{font-size:14px;color:var(--clr-primary);text-transform:capitalize;margin-bottom:10px;display:inline-block;width:100%}
.comment-time{font-size:16px;margin-top:25px}
.commentar-sec .media.mt-3{margin-top:40px}
.commentar-sec h2{margin-top:50px;font-weight:600;text-transform:capitalize;margin-bottom:50px;font-size:22px}
.replay-button a{color:var(--clr-dark);font-weight:600;text-transform:capitalize}
.replay-button a:hover{color:var(--clr-primary)}
.code-text{font-style:italic;padding:18px 40px;position:relative;background:var(--clr-dark);margin-bottom:20px}
.code-text p{margin-bottom:0;color:#ddd}
.contact-field{border-top:1px solid var(--clr-gray-200);padding-top:40px}
#commentform input[type="text"]{padding:10px 20px;width:100%;font-size:16px;border:1px solid var(--clr-gray-100);color:var(--clr-dark);background:var(--clr-gray-100)}
#commentform textarea{resize:vertical;width:100%;font-size:16px;border:1px solid var(--clr-gray-100);padding:20px;color:var(--clr-dark);background:var(--clr-gray-100)}
#commentform input#submit{background:var(--clr-primary);border:1px solid var(--clr-primary);border-radius:2px;color:#fff;cursor:pointer;padding:10px 30px;font-size:16px;font-weight:600;text-transform:capitalize}
.comment-reply-title{color:var(--clr-primary);font-size:24px}

/*=============================
  24. What We Do
==============================*/
.what-we-do-title-inner{margin-bottom:70px}
.what-we-do-subtitle{color:var(--clr-primary);font-size:14px;font-weight:600}
.what-we-do-title h1{font-size:28px;margin-bottom:10px;line-height:1.5}
.what-we-do-shortdesc::before{content:"";position:absolute;background:#909090;width:1px;height:100%;left:-30px;top:0}
.what-we-do-shortdesc p{margin-bottom:0}
.what-we-do-inner-icon{color:var(--clr-primary);font-size:50px;margin-bottom:30px}
.what-we-do-button{color:var(--clr-primary);text-transform:uppercase;font-weight:600;font-size:14px}
.what-we-do-button i{margin-left:10px;font-size:24px;font-weight:600;position:relative;top:3px}
.what-we-do-single-inner{border:1px solid #ddd;padding:30px;margin-bottom:30px;position:relative;z-index:1;background:var(--clr-primary)}
.what-we-do-single-inner::before{content:"";position:absolute;inset:0;background:#fff;z-index:-1;transition:all var(--tr-med)}
.what-we-do-single-inner:hover::before{width:0}
.what-we-do-single-inner:hover{border-color:var(--clr-primary);color:#fff}
.what-we-do-single-inner:hover .what-we-do-inner-icon,
.what-we-do-single-inner:hover .what-we-do-inner-desc h2 span{color:#fff}
.what-we-do-single-inner:hover .what-we-do-inner-desc h2 span::before{background:var(--clr-dark)}
.what-we-do-single-inner:hover .what-we-do-button{color:var(--clr-dark)}
.what-we-do-inner-desc h2 a{font-size:20px;text-transform:capitalize}
.what-we-do-inner-desc h2 span{color:var(--clr-primary);position:relative}
.what-we-do-inner-desc h2 span::before{content:"";position:absolute;width:100%;height:1px;background:var(--clr-primary);bottom:-2px;left:0}

/*=============================
  25. Latest Project
==============================*/
.latest-project-title-sec{margin-bottom:40px}
.latest-project-inner{margin-bottom:30px}
.latest-project-title span{color:var(--clr-primary);font-size:16px;font-weight:600}
.latest-project-button{text-align:right}
.latest-project-button a{color:var(--clr-primary);font-weight:600;border-bottom:1px solid var(--clr-primary);padding:9px 0}
.latest-project-button a:hover{color:var(--clr-dark);border-color:var(--clr-dark)}
.latest-project-inner-img{position:relative;overflow:hidden}
.latest-project-inner-img img{width:100%;transform:scale(1);transition:all var(--tr-med)}
.latest-project-inner-desc{position:absolute;inset:0;background:linear-gradient(45deg, rgba(14,25,53,1) 0%, rgba(94,77,84,.81) 47%, rgba(142,113,109,.6) 97% )}
.latest-project-inner-text{position:absolute;bottom:0;padding:24px;width:100%;transition:all var(--tr-med)}
.latest-project-inner-text span{color:var(--clr-primary);text-transform:capitalize;margin-bottom:10px;display:inline-block;width:100%}
.latest-project-inner-text h2 a{font-size:20px;color:#fff;text-transform:capitalize}
.latest-project-inner:hover .latest-project-inner-img img{transform:scale(1.3)}
.latest-project-inner:hover .latest-project-inner-text{bottom:50%;transform:translateY(50%)}

/*=============================
  26. Patners
==============================*/
.all-patner-sec{padding:60px 0;border-top:1px solid var(--clr-gray-200)}
.all-patner.owl-carousel.owl-theme .owl-item{padding:0 40px}
.single-patner{height:86px;padding:6px;text-align:center}
.all-patner.owl-carousel.owl-theme img{position:relative;top:50%;transform:translateY(-50%);display:inline-block}
.all-patner.owl-carousel .owl-item img{width:auto}

/*=============================
  27. Testimonial + Countup
==============================*/
.testimonial-countup-sec{background:var(--clr-primary)}
.testimonial-comment-desc h2{font-weight:700;color:var(--clr-dark);font-size:22px;text-transform:capitalize;margin-bottom:20px}
.testimonial-comment-box{width:70px;height:70px;background:var(--clr-primary-700);border-radius:50%;text-align:center;display:inline-block;line-height:60px;float:left}
.all-testimonial.owl-carousel .owl-item img{width:auto;display:inline-block;border-radius:50%}
.testimonial-comment-desc{padding-left:100px;color:#fff}
.all-testimonial.owl-carousel .owl-dots{padding-left:100px;margin-top:30px}
.all-testimonial.owl-carousel .owl-dot{border-radius:5px;display:inline-block;height:9px;margin:0 5px;width:2px;background:#fff;transition:all var(--tr-med)}
.all-testimonial.owl-carousel .owl-dot.active{height:25px}

/*=============================
  28. Home 2 (placeholder)
==============================*/
/* (mantiene estilos heredados) */

/*=============================
  29. Sidebar
==============================*/
.sidebar h1{display:inline-block;font-size:24px;margin-bottom:20px;text-transform:capitalize;width:100%;color:var(--clr-dark);padding-bottom:10px;font-weight:700;position:relative}
.sidebar h1::before{content:"";position:absolute;height:2px;width:50px;background:var(--clr-primary);bottom:0}
.search-field{margin-bottom:40px}
.search-field form{display:inline-block;width:100%;position:relative;overflow:hidden}
.search-field input[type="text"]{background:var(--clr-dark);border:1px solid var(--clr-gray-200);padding:12px 35px 10px 20px;width:100%;color:#fff}
.search-field button{color:#fff;padding:12px 22px;position:absolute;right:0;background:var(--clr-primary);top:-1px}
.widget-two{margin:40px 0}
.widget-archive,.widget-two,.widget-tag{display:inline-block;width:100%}
.widget-archive li{display:inline-block;position:relative;width:100%;padding:10px 0;color:var(--clr-dark);margin-bottom:5px;border-bottom:1px solid var(--clr-gray-200)}
.widget-archive li:last-child{border-bottom:none}
.widget-archive li a{color:var(--clr-dark);display:inline-block;width:100%;padding-left:20px;transition:all var(--tr-med)}
.widget-archive li a:hover{border-left:3px solid var(--clr-primary)}
.widget-archive li::before{content:"\ea94";font-family:IcoFont !important;right:0;top:10px;position:absolute;color:var(--clr-primary);padding-right:10px}
.widget-cat li{padding:10px 0;border-bottom:1px solid #ececec;position:relative}
.widget-cat li:last-child{border-bottom:none}
.widget-cat li a span{float:right}
.widget-tag a{float:left;margin:0 5px 5px 0;padding:8px 14px;color:#fff;font-weight:600;background:var(--clr-dark)}
.widget-tag li a:hover{background:var(--clr-primary);color:#fff !important}

/* Autor */
.author_info{border-bottom:1px solid #e3e3e3;display:inline-block;padding:22px 0;margin-bottom:30px}
.author_info>img{float:left;margin-right:35px;height:80px;width:80px;border-radius:50%;object-fit:cover}
.author_dec h3{margin:0 0 11px;color:var(--clr-dark);font-size:14px}
.social_link{margin:0;padding:0;float:right;display:inline-flex}
.social_link li{list-style:none}
.social_link li a i{color:#363636;float:left;padding:6px}

/*=============================
  30. Service Details
==============================*/
.service-details-thumb{margin-bottom:30px}
.service-details-thumb img{width:100%}
.service-details h2{font-size:24px}
.related-service-title .sec-title{text-align:left;margin:0 0 30px}

/*=============================
  31. Project Details
==============================*/
.project-details-img{margin-bottom:30px;position:relative}
.project-details-desc h2{font-size:24px;text-transform:capitalize}
.project-details-list{background:var(--clr-primary);padding:10px 20px;position:absolute;bottom:0}
.project-details-list-single{margin:30px 50px;display:inline-block;position:relative}
.project-details-list-single::before{content:"";position:absolute;height:100%;width:1px;background:#fff;right:-46px}
.project-details-list-single:last-child::before{display:none}
.project-details-list-text{text-align:left;display:inline-block}
.project-details-list-text h2{font-size:20px;text-transform:capitalize;margin-bottom:10px;color:#fff;font-weight:600}
.project-details-list-text span,
.project-details-list-text span a{color:var(--clr-dark);font-weight:600}
.project-details-list-text span a:hover{color:#fab90a}
.project-details-column-text{margin-top:40px}
.project-details-column-text h2{font-size:22px;text-transform:capitalize}
.project-details-column-text img{width:100%;margin-bottom:30px}
.widget-title{font-size:30px;color:#222;position:relative}
.widget-title::before{background:var(--clr-primary);bottom:5px;content:"";height:1px;position:absolute;width:140px;z-index:-1}
.service-cat-widget{margin-bottom:50px}
.service-cat-widget li{display:inline-block;width:100%}
.service-cat-widget li a{display:inline-block;width:100%;padding:14px 30px;text-transform:capitalize;background:#f2f2f2;margin-bottom:10px;position:relative;color:var(--clr-body);border-left:3px solid var(--clr-primary)}
.service-cat-widget li a::before{content:"\ea94";font-family:IcoFont !important;right:30px;position:absolute;top:50%;transform:translateY(-50%);color:var(--clr-primary)}
/* Brochures */
.brochures-widget li{display:inline-block;width:100%;padding:10px 20px;position:relative;background:var(--clr-primary);margin-bottom:5px;transition:all var(--tr-med)}
.brochures-widget li a{color:#fff}
.brochures-widget li:first-child::before{content:"\eb1e";font-family:IcoFont !important;color:#fff;padding-right:10px}
.brochures-widget li:last-child::before{content:"\eb0e";font-family:IcoFont !important;color:#fff;padding-right:10px}
.brochures-widget li:hover{background:var(--clr-dark)}
.brochures-widget li a span{float:right;color:#fff}

/*=============================
  17. Contact Page (reutilizado)
==============================*/
.contact-info{display:inline-block;width:100%}
.contact-info-icon{float:left;text-align:center;background:var(--clr-primary);width:50px;height:50px;display:flex;align-items:center;justify-content:center}
.contact-page-sec .contact-page-form h2{color:var(--clr-dark);text-transform:capitalize;font-size:22px;font-weight:700}
.contact-page-form.contact-form input{margin-bottom:5px}
.contact-page-form.contact-form textarea{height:110px}
.contact-page-form.contact-form input[type="submit"]{background:var(--clr-dark);width:150px;border-color:var(--clr-dark)}
.contact-info-icon i{font-size:30px;color:#fff}
.contact-info-text{padding-left:60px;margin-bottom:40px}
.contact-info-text h2{color:var(--clr-dark);font-size:20px;text-transform:capitalize;font-weight:700}
.contact-info-text span{color:#999;font-size:16px;display:inline-block;width:100%}
.contact-page-form input{background:#fff;border:1px solid var(--clr-gray-200);margin-bottom:20px;padding:10px;width:100%;color:#999}
.contact-page-form .message-input{display:inline-block;width:100%}
.single-input-field textarea{border:1px solid var(--clr-gray-200);width:100%;height:120px;padding:10px;background:transparent}
.single-input-fieldsbtn input[type="submit"]{background:var(--clr-primary);color:#fff;display:inline-block;font-weight:600;padding:10px 0;text-transform:capitalize;width:150px;margin-top:20px;font-size:16px}
.single-input-fieldsbtn input[type="submit"]:hover{background:var(--clr-dark);border-color:var(--clr-dark)}

/*=============================
  18. Testimonial v1
==============================*/
.testimonial-v1-sec{background:#fff url(../img/testimonial-bg.jpg) center repeat;position:relative;padding:110px 0}
.single-testimonial-v1{padding:45px 45px 30px;position:relative;margin:5px 5px 30px;box-shadow:var(--shadow-sm);background:#fff;z-index:1}
.single-testimonial-v1::before{content:"";position:absolute;background:var(--clr-primary);height:10px;width:10px;left:0;top:0;z-index:-1;transition:all var(--tr-med)}
.single-testimonial-v1:hover::before{height:100%;width:100%}
.single-testimonial-v1:hover .rating,
.single-testimonial-v1:hover .rating i,
.single-testimonial-v1:hover .details span{color:#fff}
.testimonial-v1-img{float:left;width:60px;height:60px;border-radius:50%;margin-right:14px;margin-top:-8px;overflow:hidden}
.single-testimonial-v1 .testimonial-v1-img img{border-radius:50%}
.single-testimonial-v1 .details{margin-bottom:20px}
.single-testimonial-v1 .details h2{font-weight:600;margin-bottom:5px;text-transform:capitalize;font-size:18px}
.single-testimonial-v1 .rating i{color:var(--clr-primary)}
.testimonial-v1-all.owl-carousel .owl-dots{text-align:center;margin-top:50px}
.testimonial-v1-all.owl-carousel .owl-dot{border-radius:5px;display:inline-block;height:4px;margin:0 5px;width:9px;background:var(--clr-primary-700);transition:all var(--tr-med)}
.testimonial-v1-all.owl-carousel .owl-dot.active{width:35px}

/*=============================
  Footer
==============================*/
.home-v1 footer.footer{background:url(../img/footer-bg.jpg) center/cover no-repeat;position:relative}
.home-v1 .footer-overlay{background-color:rgba(15,25,52,.97);position:absolute;inset:0}
footer.footer{background:#0f263a}
.footer-sec{padding:100px 0 50px;position:relative}
.footer-contact-info{margin-top:40px}
.footer-contact-info-icon{width:40px;height:40px;text-align:center;line-height:40px;color:#fff;font-size:20px;background:var(--clr-primary);top:10px;position:relative;float:left}
.footer-contact-info-text{padding-left:50px}
.footer-contact-info-text span{color:#fff;display:inline-block;width:100%}
.email-subscription form{background:#525459;margin-top:35px;position:relative}
.email-subscription input[type="email"]{background:#fff;border:1px solid #fff;color:#292929;padding:10px 58px 10px 10px;text-transform:capitalize;width:100%}
.email-subscription button{background:var(--clr-primary);color:#fff;padding:11px 30px;position:absolute;right:0;top:0}
.footer-sec h2{color:#fff;text-transform:uppercase;font-weight:700;font-size:20px;position:relative;margin-bottom:40px}
.footer-sec h2::before{content:"";position:absolute;height:2px;width:50px;background:var(--clr-primary);bottom:-10px}
.footer-logo{margin: -4px 0 25px;display:inline-block;width:100%}
.footer-sec p{color:#fff}
.footer-recent-inner{margin-bottom:30px}
.footer-recent-inner:last-child{margin-bottom:0}
.footer-recent-inner h2{margin-bottom:10px;padding-bottom:0}
.footer-recent-inner h2 a{color:#fff;font-size:16px;font-weight:600;text-transform:capitalize}
.footer-recent-inner span{color:#f4f4f4;font-weight:600;font-size:14px;text-transform:capitalize}
.footer-recent-inner span i{color:var(--clr-primary);margin-right:10px}
.footer-wedget-two li{display:inline-block}
.footer-wedget-two li a{border:1px solid #0f4376;color:#f4f4f4;display:inline-block;margin:8px 8px 8px 0;padding:8px 10px;text-transform:capitalize;background:transparent;transition:all var(--tr-med)}
.footer-wedget-two li a:hover{background:var(--clr-primary);color:#fff;border-color:var(--clr-primary)}
.footer-widget-menu li{position:relative}
.footer-widget-menu li::before{content:"\ea9f";font-family:IcoFont !important;color:#fff;padding-right:5px}
.footer-widget-menu li:hover:before{color:var(--clr-primary)}
.footer-widget-menu li a{color:#fff;text-transform:capitalize;padding-bottom:10px;display:inline-block}
.footer-widget-menu li a:hover{color:var(--clr-primary)}
.footer-wedget-four .inner-text{color:#c0bcbc}
.footer-wedget-four .icon i{color:var(--clr-primary);font-size:18px}
.footer-social li{display:inline-block}
.footer-social li a{display:inline-block;width:40px;height:40px;color:#fff;background:var(--clr-primary);text-align:center;line-height:40px;margin-right:10px;margin-bottom:5px}
.footer-bottom-sec{padding:30px 0;border-top:1px solid #1d294b;position:relative}
.copy-right span{color:#fff}
.site-developer{text-align:right}
.site-developer span{color:#fff}
.site-developer span a{color:var(--clr-primary)}

/*=============================
  Accesibilidad extra
==============================*/
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible{outline:2px dashed var(--clr-primary);outline-offset:2px}

/*=============================
  Responsivo básico
==============================*/
@media (max-width:1199px){
  .slider-text h1{font-size:40px;line-height:56px}
  .sec-title{margin:0 40px 40px}
}
@media (max-width:991px){
  .main-menu ul li a{padding:20px 10px}
  .slider-caption{width:auto}
  .team-support-inner{margin-top:80px}
}
@media (max-width:767px){
  .slider-text h1{font-size:32px;line-height:44px}
  .page-breadcrumb-inner{text-align:left}
  .latest-project-button{text-align:left;margin-top:10px}
  .search-bar-icon{position:static;padding:10px 0}
}