a,a:active,a:focus,a:hover {
    color:#333;
    text-decoration:none;
    outline:0
}
.main_title,.mt5 {
    margin-top:5px
}
.header-fixed__content h1,.header-pages__content h1,.header-pages__content.blogs h1,.main_title {
    word-break:break-word;
    word-wrap:break-word
}
.bg-fixeds,.bg-pages,.bg-services-home {
    mix-blend-mode:luminosity
}
.counter_content__number,.title-dron h1 {
    -webkit-text-stroke:1px var(--white-color)
}
.cta span,.list-contact li:before,.tabs i,.tags_article p {
    vertical-align:middle
}
*,:after,:before {
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
:root {
    --main-color:#00afe8;
    --main-colorRGB:0,175,232;
    --main2-color:#6133ff;
    --alter-main:#00b3a6;
    --secondary-color:#fb8500;
    --secondary2-color:#ffd93b;
    --secondary2-colorRGB:255,217,59;
    --white-color:#f2f2f2;
    --black-color:#111319;
    --black-colorRGB:17,19,25;
    --light-color:#F2F2F2;
    --text-color:#B5B5B5;
    --BorderColor:#717171;
    --BorderColorRgb:113,113,113;
    --gradient-main:linear-gradient(to top, #00afe8 30%, #6133ff);
    --gradient-black:linear-gradient(to top,#111319 25%, rgba(0,0,0,0));
    --font-text:'Red Hat Display',sans-serif
}
::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#f5f5f5
}
::-webkit-scrollbar {
    width:5px;
    background-color:#f5f5f5
}
::-webkit-scrollbar-thumb {
    -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);
    background-color:#111319
}
@font-face {
    font-family:'Geogrotesque Cyr';
    src:url('font/GeogrotesqueCyr-Light.eot');
    src:local('font/GeogrotesqueCyr-Light'),url('font/GeogrotesqueCyr-Light.eot?#iefix') format('embedded-opentype'),url('font/GeogrotesqueCyr-Light.woff2') format('woff2'),url('font/GeogrotesqueCyr-Light.woff') format('woff'),url('font/GeogrotesqueCyr-Light.ttf') format('truetype');
    font-weight:300;
    font-style:normal
}
@font-face {
    font-family:'Geogrotesque Cyr';
    src:url('font/GeogrotesqueCyr-Medium.eot');
    src:local('font/GeogrotesqueCyr-Medium'),url('font/GeogrotesqueCyr-Medium.eot?#iefix') format('embedded-opentype'),url('font/GeogrotesqueCyr-Medium.woff2') format('woff2'),url('font/GeogrotesqueCyr-Medium.woff') format('woff'),url('font/GeogrotesqueCyr-Medium.ttf') format('truetype');
    font-weight:500;
    font-style:normal
}
@font-face {
    font-family:'Geogrotesque Cyr';
    src:url('font/GeogrotesqueCyr-Bold.eot');
    src:local('font/GeogrotesqueCyr-Bold'),url('font/GeogrotesqueCyr-Bold.eot?#iefix') format('embedded-opentype'),url('font/GeogrotesqueCyr-Bold.woff2') format('woff2'),url('font/GeogrotesqueCyr-Bold.woff') format('woff'),url('font/GeogrotesqueCyr-Bold.ttf') format('truetype');
    font-weight:700;
    font-style:normal
}
@font-face {
    font-family:'Geogrotesque Cyr';
    src:url('font/GeogrotesqueCyr-Regular.eot');
    src:local('font/GeogrotesqueCyr-Regular'),url('font/GeogrotesqueCyr-Regular.eot?#iefix') format('embedded-opentype'),url('font/GeogrotesqueCyr-Regular.woff2') format('woff2'),url('font/GeogrotesqueCyr-Regular.woff') format('woff'),url('font/GeogrotesqueCyr-Regular.ttf') format('truetype');
    font-weight:400;
    font-style:normal
}
@font-face {
    font-family:'Codec Pro';
    src:url('font/CodecPro-Light.eot');
    src:local('font/Codec Pro Light'),local('CodecPro-Light'),url('font/CodecPro-Light.eot?#iefix') format('embedded-opentype'),url('font/CodecPro-Light.woff2') format('woff2'),url('font/CodecPro-Light.woff') format('woff'),url('font/CodecPro-Light.ttf') format('truetype');
    font-weight:300;
    font-style:normal
}
@font-face {
    font-family:'Codec Pro';
    src:url('font/CodecPro-ExtraBold.eot');
    src:local('font/Codec Pro ExtraBold'),local('CodecPro-ExtraBold'),url('font/CodecPro-ExtraBold.eot?#iefix') format('embedded-opentype'),url('font/CodecPro-ExtraBold.woff2') format('woff2'),url('font/CodecPro-ExtraBold.woff') format('woff'),url('font/CodecPro-ExtraBold.ttf') format('truetype');
    font-weight:800;
    font-style:normal
}
@font-face {
    font-family:'Codec Pro';
    src:url('font/CodecPro-Bold.eot');
    src:local('font/Codec Pro Bold'),local('CodecPro-Bold'),url('font/CodecPro-Bold.eot?#iefix') format('embedded-opentype'),url('font/CodecPro-Bold.woff2') format('woff2'),url('font/CodecPro-Bold.woff') format('woff'),url('font/CodecPro-Bold.ttf') format('truetype');
    font-weight:500;
    font-style:normal
}
body {
    background:var(--black-color);
    margin:0;
    padding:0;
    color:var(--text-color);
    line-height:1.3;
    font-size:16px;
    font-family:var(--font-text);
    font-weight:300;
    letter-spacing:.5px
}
@-webkit-keyframes imgLoading {
    0% {
        height:0%;
        opacity:1
    }
    95% {
        height:100%;
        opacity:1
    }
    100% {
        height:100%;
        opacity:0
    }
}
@keyframes imgLoading {
    0% {
        height:0%;
        opacity:1
    }
    95% {
        height:100%;
        opacity:1
    }
    100% {
        height:100%;
        opacity:0
    }
}
#loader-container {
    position:fixed;
    top:0;
    left:0;
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
    z-index:999999;
    width:100%;
    height:100%;
    background:0 0!important
}
.loaded #loader-container {
    -webkit-transform:translateX(-200vw);
    -ms-transform:translateX(-200vw);
    transform:translateX(-200vw);
    pointer-events:none;
    opacity:0;
    transition:opacity 0s 1s,transform 0s 2s
}
.loaded #loader-container #loader,.loaded #loader-container .loader-close-button {
    opacity:0;
    transition:.3s ease-out
}
#loader-container .loader-inner {
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%);
    z-index:1001;
    text-align:center;
    transition:none;
    font-size:0
}
#loader-container .loader-inner #loader {
    position:relative;
    z-index:1002;
    top:auto;
    left:auto;
    display:inline-block;
    margin:0 auto;
    padding:0;
    border:none;
    border-radius:0;
    background:0 0!important;
    color:#00afe8
}
#loader-container .loader-section {
    position:fixed;
    z-index:999;
    width:50%;
    height:100%;
    background:#000;
    opacity:.95;
    transition:none;
    will-change:transform
}
#loader-container .loader-section.section-fade {
    top:0;
    left:0;
    width:100%;
    will-change:opacity
}
.loaded #loader-container .loader-section.section-fade {
    opacity:0!important;
    transition:opacity .7s cubic-bezier(.645, .045, .355, 1) .3s
}
#loader-container.ld-img #loader {
    width:auto;
    height:auto;
    max-width:90vw
}
#loader-container.ld-img #loader img {
    position:relative;
    z-index:1;
    display:block;
    width:100%;
    height:auto;
    margin:0 auto;
    opacity:.3
}
#loader-container.ld-img #loader .imgld-container {
    position:absolute;
    bottom:0;
    left:0;
    z-index:3;
    display:block;
    width:100%;
    height:0%;
    transition:none;
    overflow:hidden;
    -webkit-animation:6s linear infinite imgLoading;
    animation:6s linear infinite imgLoading;
    will-change:height,opacity;
    transform-origin:0 100%
}
#loader-container.ld-img #loader span {
    position:absolute;
    bottom:0;
    left:0;
    z-index:3;
    display:block;
    width:100%;
    height:100%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:center bottom;
    transition:none
}
.loader-close-button {
    position:fixed;
    right:10px;
    top:10px;
    z-index:99999;
    box-sizing:border-box;
    width:auto;
    min-width:35px;
    height:35px;
    padding:5px 30px 5px 5px;
    border-radius:999px;
    background:rgba(0,0,0,.3);
    color:#fff;
    font-size:12px;
    line-height:25px;
    cursor:pointer
}
.list-contact li:before,.widget-icon {
    color:var(--main-color)
}
.loader-close-button:hover {
    background:rgba(0,0,0,.7)
}
.loader-close-button:after,.loader-close-button:before {
    position:absolute;
    top:16px;
    right:9px;
    display:block;
    width:18px;
    height:2px;
    transform-origin:50% 50%;
    content:"";
    background:#fff
}
.loader-close-button:before {
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
.loader-close-button:after {
    -webkit-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg)
}
.loader-close-button .screen-reader-text {
    position:absolute!important;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    border:0;
    clip:rect(1px,1px,1px,1px);
    clip-path:inset(50%);
    overflow:hidden;
    word-wrap:normal!important
}
.text-decoration-center::after,.text-decoration-center::before,.title-decoration:before {
    width:clamp(1.25rem,.9164rem + 1.8405vw,3.125rem);
    height:2px;
    background-color:rgba(var(--BorderColorRgb),.7)
}
.loader-close-button .close-des {
    padding:0 5px;
    font-size:12px
}
h1,h2,h3,h4,h5,h6 {
    font-family:'Codec Pro',sans-serif;
    font-weight:800;
    margin:0;
    padding:0;
    color:var(--white-color)
}
small {
    font-size:11px
}
a[href^=mailto],a[href^=tel] {
    color:inherit;
    text-decoration:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
button {
    border:none;
    outline:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none
}
.popup-app img,img {
    display:block;
    max-width:100%
}
@font-face {
    font-family:Flaticon;
    src:url("./flaticon_sinopsis_web.ttf?da0b72f65aab470c68193e02eb20326b") format("truetype"),url("./flaticon_sinopsis_web.woff?da0b72f65aab470c68193e02eb20326b") format("woff"),url("./flaticon_sinopsis_web.woff2?da0b72f65aab470c68193e02eb20326b") format("woff2"),url("./flaticon_sinopsis_web.eot?da0b72f65aab470c68193e02eb20326b#iefix") format("embedded-opentype"),url("./flaticon_sinopsis_web.svg?da0b72f65aab470c68193e02eb20326b#flaticon_sinopsis_web") format("svg")
}
[class*=" flaticon-"]:before,[class^=flaticon-]:before {
    font-family:Flaticon!important;
    font-style:normal;
    font-weight:400!important;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.flaticon-facebook:before {
    content:"\f101"
}
.flaticon-whatsapp:before {
    content:"\f102"
}
.flaticon-instagram:before {
    content:"\f103"
}
.flaticon-email:before {
    content:"\f104"
}
.flaticon-location:before {
    content:"\f105"
}
.flaticon-phone-call:before {
    content:"\f106"
}
.flaticon-chat:before {
    content:"\f107"
}
.flaticon-email-1:before {
    content:"\f108"
}
.flaticon-check-circle:before {
    content:"\f109"
}
.flaticon-left-arrow:before {
    content:"\f10a"
}
.flaticon-right-arrow:before {
    content:"\f10b"
}
.flaticon-linkedin:before {
    content:"\f10c"
}
.flaticon-twitter:before {
    content:"\f10d"
}
.flaticon-tik-tok:before {
    content:"\f10e"
}
.flaticon-performance:before {
    content:"\f10f"
}
.flaticon-bullhorn:before {
    content:"\f110"
}
.flaticon-strategy:before {
    content:"\f111"
}
.flaticon-plus:before {
    content:"\f112"
}
.flaticon-social-media:before {
    content:"\f113"
}
.flaticon-sale:before {
    content:"\f114"
}
.flaticon-startup:before {
    content:"\f115"
}
.flaticon-strategy-1:before {
    content:"\f116"
}
.flaticon-graphic-design:before {
    content:"\f117"
}
.flaticon-data:before {
    content:"\f118"
}
.flaticon-clapperboard:before {
    content:"\f119"
}
.pd2 {
    padding:2.5em
}
.pd3 {
    padding:3em
}
.pd5 {
    padding:4em
}
.pd1 {
    padding:1em
}
.pd {
    padding:.5em
}
.p-top {
    padding:47px
}
.m5 {
    margin:5px
}
.mb5 {
    margin-bottom:5px
}
.main_subtitle,.main_subtitle-center {
    font-weight:300;
    letter-spacing:1px;
    font-family:var(--font-text);
    text-transform:uppercase
}
.br-10 {
    border-radius:10px
}
.main_title {
    font-size:50px;
    line-height:1
}
.title_page {
    margin:0;
    font-size:60px;
    line-height:1
}
.main_subtitle {
    font-size:20px;
    display:flex;
    flex-wrap:wrap;
    white-space:break-spaces
}
.text-decoration-center,.title-decoration,.title-decoration:before {
    display:inline-flex;
    position:relative
}
.main_subtitle.small {
    font-size:14px;
    line-height:17px
}
.main_subtitle-center {
    font-size:24px
}
.text-decoration-center {
    text-align:start;
    justify-content:start;
    justify-items:start;
    align-items:center
}
.text-decoration-center::after,.text-decoration-center::before {
    content:'';
    position:relative;
    display:inline-flex;
    top:0
}
.text-decoration-center::after {
    left:10px
}
.text-decoration-center::before {
    right:10px
}
.title-decoration {
    text-align:start;
    justify-content:start;
    justify-items:start;
    align-items:center;
    margin-right:0
}
.f-container,.l-container,.logo,.m-container,.s-container,.xl-container {
    margin-left:auto;
    margin-right:auto
}
.title-decoration:before {
    content:'';
    top:-2px;
    left:0;
    right:auto;
    bottom:0;
    margin-right:10px
}
.main-header .xl-container,.widget {
    display:-webkit-flex;
    display:-ms-flexbox
}
.title-decoration.right {
    margin-right:0;
    margin-left:10px
}
.l-container {
    width:90%;
    max-width:1200px
}
.xl-container {
    width:90%;
    max-width:1500px
}
.m-container {
    width:90%;
    max-width:800px
}
.s-container {
    width:90%;
    max-width:600px
}
.f-container {
    width:100%
}
.main-header {
    position:fixed;
    left:0;
    width:100%;
    z-index:100
}
.main-header .xl-container {
    padding:20px 0;
    display:flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.logo {
    height:45px;
    margin-top:5px;
    display:block
}
.widget {
    display:-webkit-box;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.widget-icon {
    text-align:center;
    font-size:65px
}
.widget-icon.icon-header {
    line-height:2
}
.widget-data {
    margin-left:20px
}
.widget-title {
    margin:0;
    font-size:25px
}
.widget-content {
    margin-top:10px;
    color:var(--text-color);
    text-align: justify;
}
.navbar-main {
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center
}
.main-menu {
    padding-left:0
}
.main-menu li {
    display:inline-block;
    position:relative;
    list-style:none
}
.main-menu a {
    color:var(--white-color);
    font-size:14px;
    width:100%;
    text-transform:uppercase;
    font-family:var(--font-text);
    font-weight:600;
    padding-right:15px;
    letter-spacing:2px;
    transition:.5s
}
.main-menu a.active_menu,.main-menu a:hover {
    color:var(--main-color);
    cursor:pointer
}
.main-menu a.active_menu:hover {
    color:var(--white-color);
    cursor:pointer
}
@media screen and (max-width:1024px) {
    .navbar-main {
        flex-direction:column;
        background:0 0
    }
    .main-menu {
        display:flex;
        flex-direction:column
    }
    .overlay {
        position:fixed;
        background:var(--black-color);
        top:0;
        left:0;
        width:100%;
        height:0%;
        opacity:0;
        visibility:hidden;
        transition:opacity .35s,visibility .35s,height .35s;
        overflow:hidden;
        z-index:10
    }
    .overlay.open {
        opacity:.9;
        visibility:visible;
        height:100vh
    }
    .overlay.open li {
        -webkit-animation:.5s .35s forwards fadeInRight;
        animation:.5s .35s forwards fadeInRight
    }
    .overlay.open li:nth-of-type(2) {
        -webkit-animation-delay:.4s;
        animation-delay:.4s
    }
    .overlay.open li:nth-of-type(3) {
        -webkit-animation-delay:.45s;
        animation-delay:.45s
    }
    .overlay.open li:nth-of-type(4) {
        -webkit-animation-delay:.5s;
        animation-delay:.5s
    }
    .overlay nav {
        position:absolute;
        margin:0;
        padding:0;
        top:50%;
        left:50%;
        -webkit-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
        text-align:center
    }
    .overlay ul {
        list-style:none;
        margin:0;
        padding:0
    }
    .overlay ul li {
        color:white;
        opacity: 0;
        margin:20px 0
    }
    .overlay ul li a {
        font-size:2em;
        color:var(--white-color)
    }
}
/* ── Dropdown Clientes ── */
.has-dropdown {
    position: relative;
}

.dropdown-arrow {
    font-size: 8px;
    margin-left: 4px;
    display: inline-block;
    transition: transform .3s;
    vertical-align: middle;
}

.has-dropdown:hover .dropdown-arrow {
    transform: rotate(180deg);
}

.has-dropdown::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 12px; 
}

.dropdown-menu {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    transform: translateX(-50%);
    background: rgba(10, 10, 10, 0.95);
    backdrop-filter: blur(8px);
    border-top: 2px solid var(--main-color);
    min-width: 220px;
    padding: 8px 0;
    list-style: none;
    z-index: 100;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
    border-radius: 0 0 4px 4px;

    opacity: 0;
    pointer-events: none;
    visibility: hidden;

    transition: opacity .2s ease, visibility .2s ease, top .2s ease;
    transition-delay: 0s;
}

.has-dropdown:hover .dropdown-menu {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
    top: calc(100% + 6px);

    transition-delay: 0s;
}

.has-dropdown:not(:hover) .dropdown-menu {
    transition-delay: 300ms;
}

.dropdown-menu li {
    display: block;
    width: 100%;
}

.dropdown-menu li a {
    display: block;
    padding: 10px 20px;
    font-size: 12px;
    letter-spacing: 1.5px;
    white-space: nowrap;
    color: var(--white-color);
    transition: background .2s, color .2s;
}

.dropdown-menu li a:hover,
.dropdown-menu li a.active_menu {
    color: var(--main-color);
    background: rgba(255,255,255,0.05);
}

/* Móvil */
@media screen and (max-width: 1024px) {
    .dropdown-toggle .dropdown-arrow { display: none; }

    .dropdown-menu {
        position: static;
        transform: none;
        background: transparent;
        border: none;
        box-shadow: none;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto;
        padding: 0;
        min-width: unset;
        transition: none !important;
    }

    .dropdown-menu li a {
        font-size: 1.4em;
        padding: 8px 0;
        color: var(--white-color);
    }

    .has-dropdown > a.dropdown-toggle {
        display: none;
    }
}
.cd-popup,.slick-loading .slick-slide,.slick-loading .slick-track {
    visibility:hidden
}
@media screen and (max-width:560px) {
    .overlay ul li a {
        font-size:1em
    }
    .overlay ul li {
        opacity:0;
        margin:10px 0
    }
}
@-webkit-keyframes fadeInRight {
    0% {
        opacity:0;
        left:20%
    }
    100% {
        opacity:1;
        left:0
    }
}
@keyframes fadeInRight {
    0% {
        opacity:0;
        left:20%
    }
    100% {
        opacity:1;
        left:0
    }
}
.scrollheader {
    position:fixed;
    background:var(--main2-color);
    top:0;
    right:0;
    left:0;
    z-index:20;
    transition:.8s
}
.button-header,.icon {
    right:30px;
    display:none;
    margin:0;
    cursor:pointer
}
.button-phone__header {
    text-transform:uppercase;
    padding:10px 30px;
    height:100%;
    border:2px solid var(--main-color);
    color:var(--white-color)
}
.icon {
    width:60px;
    height:60px;
    position:absolute;
    z-index:100
}
.button-header {
    background:var(--white-color);
    width:auto;
    height:60px;
    position:absolute
}
.hamburger,.hamburger:after,.hamburger:before {
    position:absolute;
    width:40px;
    height:4px;
    box-shadow:0 2px 5px rgba(0,0,0,.2);
    transition:.5s;
    background:#fff
}
.content__button-header {
    padding-left:20px;
    padding-right:20px
}
.button-header a,.button-header a:active,.button-header a:hover {
    text-transform:uppercase;
    color:var(--main-color)
}
@media screen and (max-width:1024px) {
    .icon {
        display:block
    }
    .button-header {
        display:flex;
        align-items:center
    }
}
.hamburger {
    top:50%;
    left:50%;
    transform:translate(-50%,-50%)
}
.slick-list,.slick-slider,.slick-track {
    position:relative;
    display:block
}
.hamburger:after,.hamburger:before {
    content:''
}
.hamburger:before {
    top:-12px
}
.hamburger:after {
    top:12px
}
.icon.active .hamburger {
    background:rgba(0,0,0,0);
    box-shadow:0 2px 5px transparent
}
.icon.active .hamburger:before {
    top:0;
    transform:rotate(45deg);
    background:#fff
}
.icon.active .hamburger:after {
    top:0;
    background:#fff;
    transform:rotate(135deg)
}
.slick-slider {
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list {
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus,.tabs nav a:focus {
    outline:0
}
.slick-list.dragging {
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track {
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.slick-track {
    top:0;
    left:0;
    margin-left:auto;
    margin-right:auto
}
.slick-track:after,.slick-track:before {
    display:table;
    content:''
}
.slick-track:after {
    clear:both
}
.slick-slide {
    display:none;
    float:left;
    height:100%;
    min-height:1px
}
[dir=rtl] .slick-slide {
    float:right
}
.content-tabs section.content-current,.no-mobile,.slick-initialized .slick-slide,.slick-slide img,.visible-m {
    display:block
}
.content-tabs section,.slick-arrow.slick-hidden,.slick-slide.slick-loading img,.visible-l {
    display:none
}
.slick-slide.dragging img {
    pointer-events:none
}
.slick-vertical .slick-slide {
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-dots {
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0;
    padding:1rem 0;
    list-style-type:none
}
.slick-dots li {
    margin:0 .25rem
}
.slick-dots button {
    display:block;
    width:.5rem;
    height:.5rem;
    padding:0;
    border:none;
    border-radius:100%;
    background-color:var(--text-color);
    text-indent:-9999px;
    -webkit-transition:.5s ease-out;
    transition:.5s ease-out;
    cursor:pointer
}
.slick-dots li.slick-active button {
    width:.8rem;
    height:.8rem;
    background:var(--main-color)
}
.slick-next,.slick-prev {
    font-size:0;
    line-height:0;
    position:absolute;
    top:50%;
    display:block;
    width:30px;
    height:30px;
    padding:0;
    -webkit-transform:translate(0,-50%);
    -ms-transform:translate(0,-50%);
    transform:translate(0,-50%);
    cursor:pointer;
    color:transparent;
    border:none;
    outline:0;
    background:#000;
    border-radius:50%;
    transition:.5s
}
.btn,.cta,.cta span {
    position:relative
}
/* ===== BANNER CTA CONTAINER ===== */
.banner_cta {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 24px;
    justify-content: center;
}

/* ===== BOTÓN PRINCIPAL ===== */
.btn-main-cta {
    display: inline-block;
    padding: 14px 32px;
    background: #00bcd4;
    color: #000;
    font-weight: 700;
    font-size: 1rem;
    text-decoration: none;
    border-radius: 4px;
    letter-spacing: 0.5px;
    transition: background 0.25s ease, transform 0.2s ease;
}

.btn-main-cta:hover {
    background: #00e5ff;
    transform: translateY(-2px);
}

/* ===== BOTÓN SECUNDARIO ===== */
.btn-secondary-cta {
    display: inline-block;
    padding: 13px 30px;
    background: transparent;
    color: #fff;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    border-radius: 4px;
    border: 2px solid rgba(255, 255, 255, 0.4);
    letter-spacing: 0.5px;
    transition: border-color 0.25s ease, color 0.25s ease, transform 0.2s ease;
}

.btn-secondary-cta:hover {
    border-color: #00bcd4;
    color: #00bcd4;
    transform: translateY(-2px);
}

/* ===== RESPONSIVE ===== */
@media (max-width: 600px) {
    .banner_cta {
        flex-direction: column;
        align-items: flex-start;
    }

    .btn-main-cta,
    .btn-secondary-cta {
        width: 100%;
        text-align: center;
    }
}
.slick-next:focus,.slick-next:hover,.slick-prev:focus,.slick-prev:hover {
    color:transparent;
    outline:0;
    background:var(--main-color)
}
.button,.cta span {
    color:var(--white-color)
}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before {
    opacity:1
}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before {
    opacity:.25
}
.slick-next:before,.slick-prev:before {
    font-family:Flaticon;
    font-style:normal;
    font-weight:700;
    font-size:15px;
    line-height:1.1;
    margin:0;
    padding:0;
    opacity:.75;
    color:var(--white-color);
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-prev {
    left:35px;
    z-index:1
}
[dir=rtl] .slick-prev {
    right:25px;
    left:auto
}
.slick-prev:before,[dir=rtl] .slick-next:before {
    content:'\f10a'
}
.slick-next:before,[dir=rtl] .slick-prev:before {
    content:'\f10b'
}
.slick-next {
    right:35px
}
[dir=rtl] .slick-next {
    right:auto;
    left:35px
}
.btn {
    margin-top:20px;
    margin-bottom:20px;
    border:none;
    padding:10px 24px;
    font-size:15px;
    text-transform:uppercase;
    background:0 0
}
.btn.rounded,.btn::before {
    border-radius:50px
}
.btn::before {
    transition:.85s cubic-bezier(.68, -.55, .265, 1.55);
    content:"";
    position:absolute;
    bottom:10%;
    left:10%;
    width:20px;
    height:20px;
    background:var(--main-color);
    animation:3s linear infinite headShake
}
.btn:hover::before {
    background:#000;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    animation:none
}
.btn.rounded .text-btn {
    color:var(--main-color);
    mix-blend-mode:difference
}
.btn.rounded:hover::before {
    background:var(--main-color);
    width:100%
}
.cta {
    display:inline-block;
    margin:10px 0;
    padding:15px 20px;
    transition:.2s
}
.button,.button_mini {
    font-weight:400;
    cursor:pointer;
    transition:.8s;
    text-transform:uppercase;
    outline:0
}
.cta:before {
    content:"";
    position:absolute;
    top:19%;
    left:1%;
    display:block;
    border-radius:28px;
    background:rgba(var(--main-colorRGB),.5);
    width:12px;
    height:35px;
    transition:.3s;
    animation:1s linear infinite pulse
}
.button,.button_mini,.img-replace {
    display:inline-block
}
.cta span {
    font-size:13px;
    font-weight:800;
    letter-spacing:1px;
    text-transform:uppercase;
    transition:.3s
}
.button.primary:hover,.cd-popup-container p,.cta:hover span,.filters .button_filter.active-filter span,.filters .button_filter:hover span,.tabs-style-bar nav ul li a {
    color:var(--black-color)
}
.cta:hover:before,.filters .button_filter.active-filter:before,.filters .button_filter:hover:before {
    width:100%;
    left:0;
    background:var(--main-color);
    animation:none
}
.cta:active,.filters .button_filter:active {
    transform:scale(.96)
}
.button {
    font-size:14px;
    padding:12px 24px;
    margin:20px 0
}
.bg-main,.button.primary {
    background:var(--main-color)
}
.button.primary:hover {
    background:var(--white-color)
}
.button.secondary,.button.third {
    background:var(--white-color);
    color:var(--black-color);
    border:2px solid var(--white-color)
}
.button.secondary:hover {
    color:var(--white-color);
    background:var(--main-color);
    border:2px solid var(--main-color)
}
.button.third:hover,.button_mini {
    border:2px solid var(--white-color)
}
.button.third:hover {
    color:var(--white-color);
    background:0 0
}
.button_mini {
    font-size:11.5px;
    padding:8px 15px;
    color:var(--white-color);
    margin:6px 0;
    background:var(--white-color);
    color:var(--black-color)
}
.button_mini:active,.button_mini:hover {
    color:var(--main-color);
    background:var(--white-color);
    border:2px solid var(--white-color)
}
.img-replace {
    overflow:hidden;
    text-indent:100%;
    color:transparent;
    white-space:nowrap
}
.cd-popup {
    position:fixed;
    left:0;
    top:0;
    height:100%;
    width:100%;
    z-index:3000;
    background-color:rgba(0,0,0,.8);
    opacity:0;
    overflow:auto;
    -webkit-transition:opacity .3s,visibility 0s .3s;
    -moz-transition:opacity .3s,visibility 0s .3s;
    transition:opacity .3s,visibility 0s .3s
}
.cd-popup.is-visible {
    opacity:1;
    visibility:visible;
    -webkit-transition:opacity .3s,visibility;
    -moz-transition:opacity .3s,visibility;
    transition:opacity .3s,visibility
}
.bg-pages.bg-btl,.bg-pages.blogs {
    opacity:.3;
    mix-blend-mode:normal
}
.cd-popup-container {
    text-align:center;
    position:relative;
    width:90%;
    max-width:600px;
    min-width:250px;
    padding:2em 2.5em;
    margin:2.5em auto;
    background:#fff;
    border-radius:.25em .25em .4em .4em;
    box-shadow:0 0 20px rgba(0,0,0,.5);
    -webkit-transform:translateY(-40px);
    -moz-transform:translateY(-40px);
    -ms-transform:translateY(-40px);
    -o-transform:translateY(-40px);
    transform:translateY(-40px);
    -webkit-backface-visibility:hidden;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    transition-property:transform;
    -webkit-transition-duration:.3s;
    -moz-transition-duration:.3s;
    transition-duration:.3s
}
.cd-popup-video {
    width:90%;
    max-width:900px;
    min-width:250px;
    padding:0
}
.cd-popup-container p {
    text-align:center;
    padding:0 0 15px;
    margin:0;
    font-size:14px
}
.cd-popup-container h2 {
    text-align:center;
    color:var(--main-color);
    padding-top:25px
}
.cd-popup-container .cd-buttons:after {
    content:"";
    display:table;
    clear:both
}
.cd-popup-container .cd-buttons li {
    text-align:center;
    float:left;
    width:50%
}
.cd-popup-container .cd-buttons a {
    text-align:center;
    display:block;
    height:60px;
    line-height:60px;
    text-transform:uppercase;
    color:#fff;
    -webkit-transition:background-color .2s;
    -moz-transition:background-color .2s;
    transition:background-color .2s
}
.cd-popup-container .cd-popup-close {
    position:absolute;
    top:8px;
    right:8px;
    width:30px;
    height:30px
}
.cd-popup-container .cd-popup-close::after,.cd-popup-container .cd-popup-close::before {
    content:'';
    position:absolute;
    top:12px;
    width:14px;
    height:3px;
    background-color:#8f9cb5
}
.cd-popup-container .cd-popup-close::before {
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    left:8px
}
.cd-popup-container .cd-popup-close::after {
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
    right:8px
}
.is-visible .cd-popup-container {
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    -ms-transform:translateY(0);
    -o-transform:translateY(0);
    transform:translateY(0)
}
@media only screen and (min-width:1170px) {
    .cd-popup-container {
        margin:6em auto
    }
}
.icon_video {
    font-size:4em;
    transition:.5s
}
a:hover .icon_video {
    color:var(--main-color)
}
.embed-container {
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden
}
.embed-container iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    overflow:hidden
}
.bg-banner-home {
    position:relative;
    background-color:var(--black-color);
    overflow:hidden
}
.bg-banner-home2 {
    background: url(../img/sinopsis-home-web.webp) right bottom / contain no-repeat;
    height: 100vh;
    -webkit-animation:10s linear infinite scale-bg;
    animation:10s linear infinite scale-bg
}
.bg-banner-home::before {
    content: "";
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(circle at min(75vw, 1200px) 50%, transparent 25%, rgba(0,0,0,0.9) 70%),
        linear-gradient(to right, rgba(0,0,0,1) 50%, transparent 90%);
    z-index: 1;
}
.banner-home,.bg-banner-home {
    height:100vh
}
.banner-home {
    position:absolute;
    top:5%;
    left:5%
}
@media screen and (max-width:364px) {
    .banner-home,.bg-banner-home {
        height:500px
    }
}
.banner_img {
    text-align:center;
    margin:0 auto;
    overflow:hidden;
    object-fit:contain
}
.banner_img img {
    object-fit:contain;
    image-rendering:-webkit-optimize-contrast;
    -webkit-animation:10s linear infinite scale-banner;
    animation:10s linear infinite scale-banner
}
@keyframes scale-banner {
    0%,100% {
        -webkit-transform:scale(.9);
        -moz-transform:scale(.9);
        -ms-transform:scale(.9);
        -o-transform:scale(.9);
        transform:scale(.9)
    }
    50% {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes scale-bg {
    0%,100% {
        -webkit-transform:scale(1);
        -moz-transform:scale(1);
        -ms-transform:scale(1);
        -o-transform:scale(1);
        transform:scale(1)
    }
    50% {
        -webkit-transform:scale(1.1);
        -moz-transform:scale(1.1);
        -ms-transform:scale(1.1);
        -o-transform:scale(1.1);
        transform:scale(1.1)
    }
}
.banner-home .title-banner {
    font-size:50px;
    line-height:1.1;
    color:var(--white-color)
}
.banner-home .content-banner {
    margin-top:5px;
    font-size:20px;
    color:var(--text-color)
}
@media screen and (max-width:1000px) {
    .banner-home .title-banner {
        font-size:2em
    }
}
.banner {
    width:100%;
    max-height:100%;
    position:relative;
    background:url(../img/bg.jpg) center/cover no-repeat
}
.banner:before {
    background:rgba(0,144,69,.9);
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%
}
.banner__content {
    position:relative;
    z-index:5
}
.banner__content___text {
    padding:1.5em 0;
    margin-left:20px
}
.banner__content___img img {
    display:block;
    max-width:100%;
    margin:0 auto;
    padding:0
}
.banner__content___text .title_banner {
    font-size:3em
}
.banner__content___text .details_banner,.drones-content li {
    font-size:20px
}
.stretch {
    align-items:stretch
}
.third_column {
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media screen and (min-width:700px) {
    .columns {
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:center;
        gap: 1rem;
    }
    .third_column {
        width:calc(50% - .3em);
        margin:0 0 1em
    }
    .two_column {
        width:calc(100% - .3em);
        margin:0 0 1em
    }
}
@media screen and (min-width:780px) {
    .banner-home,.bg-banner-home {
        height:100vh
    }
    .banner__content {
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        align-items:center;
        -webkit-justify-content:center;
        -ms-flex-pack:justify;
        justify-content:center
    }
    .banner__content___img {
        width:30%
    }
    .banner__content___text {
        width:65%
    }
    .two_column {
        width:calc(50% - .5em)
    }
}
.four_column-blog {
    margin-bottom:25px
}
@media screen and (min-width:690px) {
    .four_column {
        width:50%
    }
    .four_column-blog {
        width:calc(50% - 15px)
    }
}
@media screen and (min-width:580px) {
    .columns-blog {
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .columns-center {
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        align-items:center;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .columns-center2,.columns-portfolio {
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-justify-content:center;
        -ms-flex-pack:center;
        justify-content:center
    }
    .numbers_column {
        width:calc(50% - .3em)
    }
    .columns .home-services__container:first-child,.columns .home-services__container:nth-child(3),.columns .home-services__container:nth-child(5),.columns .home-services__container:nth-child(7),.columns-center .numbers_column:first-child,.columns-center .numbers_column:nth-child(3) {
        border-right:1px solid rgba(255,255,255,.3)
    }
}
@media screen and (max-width:579px) {
    .columns-center .numbers_column {
        border-bottom:1px solid rgba(255,255,255,.3);
        margin-bottom:2em
    }
}
@media screen and (min-width:580px) {
    .portfolio_column {
        width:calc(50% - 0px)
    }
    .columns_logo {
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        align-items:center;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
}
.columns_logo div,.portfolio-carousel div {
    outline:0;
    display:flex;
    align-items:center
}
.columns_logo .slick-prev {
    left:5px;
    z-index:1
}
.columns_logo [dir=rtl] .slick-prev {
    right:5px;
    left:auto
}
.columns_logo .slick-next {
    right:5px
}
.columns_logo [dir=rtl] .slick-next {
    right:auto;
    left:5px
}
.logo_column {
    padding:1.5em 3em
}
@media screen and (min-width:580px) {
    .logo_column {
        width:calc(50% - 0px)
    }
    .counter_content {
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        align-items:center;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .counter_content__number,.counter_content__text {
        width:50%
    }
}
@media screen and (min-width:1025px) {
    .third_column {
        width:calc(33% - .5em)
    }
    .four_column {
        width:25%
    }
    .four_column-blog {
        width:calc(25% - 10px)
    }
    .numbers_column {
        width:calc(25% - .5em)
    }
    .columns .home-services__container:first-child,.columns .home-services__container:nth-child(2),.columns .home-services__container:nth-child(3),.columns .home-services__container:nth-child(5),.columns .home-services__container:nth-child(6),.columns .home-services__container:nth-child(7),.columns-center .numbers_column:first-child,.columns-center .numbers_column:nth-child(2),.columns-center .numbers_column:nth-child(3) {
        border-right:1px solid rgba(255,255,255,.3)
    }
    .portfolio_column {
        margin:0;
        width:calc(25% - 0em)
    }
    .logo_column {
        margin:0;
        width:calc(20% - 0em)
    }
}
.logo_column img {
    max-width:100%;
    display:block;
    margin:0 auto;
    -webkit-filter:grayscale(100%);
    -moz-filter:grayscale(100%);
    -ms-filter:grayscale(100%);
    -o-filter:grayscale(100%);
    filter:grayscale(100%);
    filter:Gray();
    -webkit-transition:.5s;
    -moz-transition:.5s;
    -ms-transition:.5s;
    -o-transition:.5s;
    transition:.5s
}
.logo_column img:hover {
    -webkit-filter:grayscale(0%);
    -moz-filter:grayscale(0%);
    -ms-filter:grayscale(0%);
    -o-filter:grayscale(0%);
    filter:grayscale(0%)
}
@media screen and (min-width:800px) {
    .project-home,.project-home2 {
        display:grid;
        grid-template-rows:minmax(100px,auto)
    }
    .project-home {
        width:100%;
        grid-template-columns:25% 50% 25%
    }
    .project-home2 {
        grid-template-columns:40% 30% 30%
    }
}
.project__content {
    align-self:center;
    padding:30px 50px
}
.overlay_portfolio,.overlay_project,.overlay_video {
    position:relative;
    overflow:hidden
}
.overlay_project img {
    width:100%;
    height:100%;
    margin:0;
    padding:0
}
.overlay_project .img_project {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    background:center center/cover no-repeat
}
.overlay_project .color_overlay {
    position:absolute;
    top:20%;
    right:0;
    bottom:0;
    left:0;
    z-index:2;
    background-color:rgba(var(--black-colorRGB),0);
    visibility:hidden;
    transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    backdrop-filter:blur(10px);
    -webkit-backdrop-filter:blur(10px)
}
.box_portfolio__details,.box_project__details {
    position:absolute;
    bottom:0;
    left:0;
    z-index:3;
    padding:22px 30px;
    opacity:0;
    visibility:hidden;
    transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out
}
.name_project {
    margin:0;
    font-size:30px;
    line-height:30px;
    color:var(--white-color);
    letter-spacing:-1px;
    transform:translateX(-120%);
    -webkit-transform:translateX(-120%);
    transition:.6s ease-in-out;
    -webkit-transition:.6s ease-in-out
}
@media screen and (max-width:960px) {
    .name_project {
        font-size:20px;
        line-height:22px
    }
}
.details_project {
    font-size:16px;
    color:var(--text-color);
    margin-top:10px;
    transform:translateX(-120%);
    -webkit-transform:translateX(-120%);
    transition:.9s ease-in-out;
    -webkit-transition:.9s ease-in-out
}
.cursor-overlay {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:4;
    cursor:url(../img/white_cursor.png) 33 33,auto
}
.bg-fixeds:after,.bg-pages,.bg-pages:after {
    z-index:-1;
    overflow:hidden;
    pointer-events:none
}
.overlay_portfolio:hover>.color_portfolio__overlay,.overlay_project:hover>.color_overlay {
    background-color:rgba(var(--black-colorRGB),.8);
    visibility:visible;
    backdrop-filter:blur(4px);
    -webkit-backdrop-filter:blur(4px)
}
.overlay_project:hover>.box_project__details {
    opacity:1;
    visibility:visible
}
.overlay_project:hover>.box_project__details .details_project,.overlay_project:hover>.box_project__details .name_project {
    transform:translateX(0);
    -webkit-transform:translateX(0)
}
.center,.counter_content__number,.counter_content__text,.tabs nav {
    text-align:center
}
.counter_content__number {
    font-family:'Codec Pro',sans-serif;
    font-size:60px;
    font-weight:700;
    line-height:1em;
    color:transparent;
    text-transform:uppercase;
    -webkit-transition:.5s;
    transition:.5s
}
.counter_content__text p,.team-job {
    font-size:14px;
    text-transform:uppercase
}
.counter_content:hover .counter_content__number {
    -webkit-text-stroke:1px var(--main-color);
    color:var(--main-color)
}
.counter_content__text {
    margin:0 10px
}
.counter_content__text p {
    color:var(--text-color);
    line-height:1.5
}
.discount {
    position:absolute;
    top:10px;
    right:10px;
    width:60px;
    height:60px;
    background:var(--main2-color);
    color:var(--white-color);
    padding:10px;
    border-radius:50%
}
.card .front .discount .tag-dscto {
    position:relative;
    margin:0;
    top:10px;
    left:-5px;
    padding:0;
    font-size:20px
}
.home-services__container {
    padding:0 50px;
    margin-bottom:40px
}
@media screen and (max-width:690px) {
    .home-services__container {
        padding:0 30px 30px
    }
}
.home-services__content {
    padding-bottom:20px
}
.home-services__content h2 {
    font-size:35px;
    line-height:35px;
    color:var(--white-color);
    -webkit-transition:.5s;
    transition:.5s
}
.article_content h1,.article_content h2,.article_content h3,.article_content h4,.article_content h5,.article_content h6,.home-services__container:hover .home-services__content h2,.main-color,.tabs-style-bar nav ul li a:focus,.tabs-style-bar nav ul li a:hover,.team-job {
    color:var(--main-color)
}
.home-services__container img {
    max-width:100%;
    display:block;
    margin:0 auto
}
.header-pgs {
    margin:0 0 50px;
    padding:0;
    position:relative;
    width:100%
}
.header-pages__content {
    padding:150px 0 80px
}
.header-pages__container {
    position:static;
    clear:both;
    float:left;
    margin:0;
    width:100%
}
.header-pages__content h1 {
    font-size:60px;
    -webkit-animation:.8s cubic-bezier(.25,.46,.45,.94) both focus-in-expand;
    animation:.8s cubic-bezier(.25,.46,.45,.94) both focus-in-expand
}
.header-pages__content.blogs h1 {
    font-size:45px;
    -webkit-animation:.8s cubic-bezier(.25,.46,.45,.94) both focus-in-expand;
    animation:.8s cubic-bezier(.25,.46,.45,.94) both focus-in-expand
}
.header-pages {
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    float:left;
    margin:0 0 100px;
    padding:0;
    position:relative;
    width:100%
}
.bg-about-container__img,.bg-pages,.bg-services-home {
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.bg-fixeds:after,.bg-fixeds:before,.bg-pages,.bg-pages:after,.bg-pages:before,.bg-services-home {
    position:absolute;
    width:100%;
    left:0
}
.bg-pages {
    opacity:.12;
    content:"";
    height:100%!important;
    top:0
}
.bg-pages.bg-btl {
    background-image:url(../img/bg-btl.webp)
}
.bg-nosotros {
    background-image:url(../img/bgnosotros.jpg)
}
.bg-services-home {
    background-image:url(../img/bg-services-home.jpg);
    opacity:.1;
    height:100%;
    top:0
}
.box_video__details,.overlay_portfolio:hover>.box_portfolio__details {
    opacity:1;
    visibility:visible
}
.bg-services {
    background-image:url(../img/bg-servicio.jpg)
}
.bg-blog {
    background-image:url(../img/bg-blog.webp)
}
.bg-talleres {
    background-image:url(../img/13.jpg)
}
.bg-contacto {
    background-image:url(../img/bg-contacto.jpg)
}
.bg-dron {
    background-image:url(../img/bg-dron.webp)
}
.bg-portfolio {
    background-image:url(../img/bg-portafolio.jpg)
}
.bg-fixeds:before,.bg-pages:before {
    content:'';
    background-image:linear-gradient(180deg,#11131900,#15171c);
    height:75%;
    bottom:0;
    background-color:transparent
}
.bg-fixeds:after,.bg-pages:after {
    background-color:rgba(var(0,0,0),.5);
    opacity:0;
    content:"";
    height:100%!important;
    top:0
}
.about-container,.blog-img,.content-tabs,.prelative {
    position:relative
}
.banner-home {
    z-index: 2;
}
@media screen and (min-width:860px) {
    .banner-home {
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        flex-wrap:wrap;
        align-items:center;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .about-container__details,.about-container__img,.banner_content,.banner_img {
        width:50%;
        z-index: 1;
    }
    .about-container,.port-content {
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .about-container__details {
        position:absolute;
        right:5%;
        padding:60px 50px 60px 60px
    }
    .port-content__details,.port-content__img {
        width:49%
    }
}
.bg-about-container__img {
    background-image:url(../img/about-2.jpg);
    height:100vh
}
.about-container__details {
    border-style:solid;
    border-width:1px 0 1px 1px;
    border-color:var(--main-color);
    transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;
    background-color:var(--black-color)
}
@media screen and (max-width:860px) {
    .about-container__details {
        border:1px solid var(--main-color);
        width:90%;
        margin:-30px auto 0;
        padding:30px 20px
    }
}
.about-container__img img {
    display:block;
    max-width:100%;
    text-align:right
}
.team-container {
    padding:5px
}
.team-photo img {
    display:block;
    margin:10px auto;
    filter:grayscale(1);
    -webkit-transform:translateY(10px);
    transform:translateY(10px);
    transform-origin:0 20%;
    object-fit:cover;
    -webkit-transition:.8s;
    transition:.8s
}
.team-container:hover img {
    border:1px solid var(--main-color);
    filter:grayscale(0);
    -webkit-transform:translateY(0);
    transform:translateY(0)
}
.team-details {
    padding-top:15px
}
.team-name {
    padding:0;
    margin:0
}
.team-job {
    padding:0;
    margin:5px 0 0
}
.box_video__details i,.box_video__details span,.btn-back,.btn-back.alt:hover,.category_portfolio,.filters .button_filter span,.name_portfolio {
    color:var(--white-color)
}
.socialbg {
    background:var(--gradient-black),url(../img/servicios/social-header.jpg)
}
.mkinmobg {
    background:var(--gradient-black),url(../img/servicios/mkinmobiliario-header.jpg)
}
.fotobg {
    background:var(--gradient-black),url(../img/servicios/fotografia-header.jpg)
}
.seobg {
    background:var(--gradient-black),url(../img/servicios/seo-header.jpg)
}
.mktbg {
    background:var(--gradient-black),url(../img/servicios/mkt-header.jpg)
}
.estrabg {
    background:var(--gradient-black),url(../img/servicios/estrategias-header.jpg)
}
.graficobg {
    background:var(--gradient-black),url(../img/servicios/grafico-header.jpg)
}
.webbg {
    background:var(--gradient-black),url(../img/servicios/web-header.jpg)
}
.podcastbg {
    background:var(--gradient-black),url(../img/podcast-header.jpg)
}
.bg-services__details {
    background-size:cover;
    background-position:center;
    height:400px
}
.services__content {
    padding:20px
}
@media screen and (min-width:580px) {
    .counter_content__number {
        text-align:right
    }
    .counter_content__text {
        text-align:left
    }
    .buyer-container,.services__container___img {
        position:relative;
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        align-items:center;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .services__content___img {
        width:48%
    }
    .buyer-text {
        width:70%
    }
    .buyer-img {
        width:30%
    }
}
/* ===== SEO CONTENT SECTION ===== */
.seo-content-section {
    padding: 0 20px;
}

/* ===== GRID DE DOS COLUMNAS ===== */
.seo-content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 48px;
    align-items: start;
}

/* ===== BLOQUE DE TEXTO SEO ===== */
.seo-block {
}

.seo-h2 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 16px;
    color: #fff;
    line-height: 1.3;
}

.seo-block p {
    color: #aaa;
    line-height: 1.8;
    margin-bottom: 12px;
}

.seo-block ul {
    color: #aaa;
    line-height: 2;
    padding-left: 20px;
    margin: 0;
}

.seo-block ul li {
    margin-bottom: 4px;
}

.seo-block strong {
    color: #fff;
}

.seo-block ul li strong {
    color: #00bcd4;
}

/* ===== FAQ BLOCK ===== */
.faq-seo-block {
    background: rgba(255, 255, 255, 0.03);
    border-radius: 12px;
    padding: 32px;
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.faq-seo-block > h2 {
    font-size: 1.4rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 24px;
    text-align: center;
    line-height: 1.3;
}

/* ===== FAQ GRID ===== */
.faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

/* ===== FAQ ITEM ===== */
.faq-item {
    padding: 20px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    transition: border-color 0.25s ease, background 0.25s ease;
}

.faq-item:hover {
    border-color: rgba(0, 188, 212, 0.3);
    background: rgba(0, 188, 212, 0.04);
}

.faq-item h3 {
    color: #00bcd4;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 8px;
    line-height: 1.4;
}

.faq-item p {
    color: #aaa;
    font-size: 0.95rem;
    line-height: 1.7;
    margin: 0;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .seo-content-grid {
        grid-template-columns: 1fr;
        gap: 32px;
    }

    .faq-grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .faq-seo-block {
        padding: 24px 16px;
    }

    .seo-h2 {
        font-size: 1.3rem;
    }
}
.buyer-container {
    margin-top:40px;
    padding:30px 0
}
.buyer-text h2 {
    font-size:35px;
    margin-bottom:0;
    padding-bottom:0
}
.buyer-text p {
    font-size:20px;
    margin:0;
    padding-top:0
}
.buyer-img img {
    margin:0 auto;
    max-width:200px;
    -webkit-animation:3.9s linear infinite moveleftbounce;
    animation:3.9s linear infinite moveleftbounce
}
.services__content h2 {
    margin-bottom:0
}
.services__content p {
    margin-top:0
}
.services__content___img img {
    margin:0 auto;
    -webkit-animation:3.9s linear infinite movebounce;
    animation:3.9s linear infinite movebounce
}
.services__container___img .services__content___img:first-child img {
    margin-top:70px;
    -webkit-animation:3.9s linear infinite moveupbounce;
    animation:3.9s linear infinite moveupbounce
}
@keyframes movebounce {
    0%,100% {
        transform:translateY(0)
    }
    50% {
        transform:translateY(20px)
    }
}
@keyframes moveupbounce {
    0%,100% {
        transform:translateY(0)
    }
    50% {
        transform:translateY(-40px)
    }
}
@keyframes moveleftbounce {
    0%,100% {
        transform:translateX(0)
    }
    50% {
        transform:translateX(20px)
    }
}
.box_portfolio,.box_video,.content-tabs p {
    margin:0;
    padding:0
}
.overlay_portfolio img,.overlay_video img {
    width:100%;
    margin:0;
    padding:0
}
.overlay_portfolio .img_portfolio,.overlay_video .img_video {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    background:center top/cover no-repeat
}
.overlay_video .color_overlay__video {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:2;
    background-color:rgba(var(--black-colorRGB),.7);
    visibility:visible;
    transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out;
    backdrop-filter:blur(2px);
    -webkit-backdrop-filter:blur(2px)
}
.box_video__details {
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:3;
    padding:22px 30px;
    transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out
}
.btn-video {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:10px 20px;
    border-radius:50px;
    border:2px solid rgba(var(--main-colorRGB),.7);
    background:rgba(var(--black-colorRGB),.7);
    -webkit-animation:2s ease-in-out infinite both headShake;
    animation:2s ease-in-out infinite both headShake
}
.box_video__details i {
    margin:0;
    font-size:20px;
    transition:.6s ease-in-out;
    -webkit-transition:.6s ease-in-out
}
.box_video__details span {
    font-size:15px;
    text-transform:uppercase;
    margin-left:10px
}
.portfolio-carousel>div {
    outline:0;
    width:100%
}
.overlay_portfolio .color_portfolio__overlay {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:2;
    background-color:rgba(var(--black-colorRGB),0);
    visibility:hidden;
    transition:.3s ease-in-out;
    -webkit-transition:.3s ease-in-out
}
.name_portfolio {
    margin:0;
    font-size:24px;
    letter-spacing:-1px;
    transform:translateX(-120%);
    -webkit-transform:translateX(-120%);
    transition:.6s ease-in-out;
    -webkit-transition:.6s ease-in-out
}
.category_portfolio {
    font-size:13px;
    text-transform:uppercase;
    margin:0;
    padding:0;
    transform:translateX(-120%);
    -webkit-transform:translateX(-120%);
    transition:.9s ease-in-out;
    -webkit-transition:.9s ease-in-out
}
.overlay_portfolio:hover>.box_portfolio__details .category_portfolio,.overlay_portfolio:hover>.box_portfolio__details .name_portfolio {
    transform:translateX(0);
    -webkit-transform:translateX(0)
}
.filters .button_filter {
    position:relative;
    margin:2px 4px;
    padding:15px 20px;
    transition:.2s;
    outline:0;
    cursor:pointer;
    display:inline-block
}
.filters .button_filter:before {
    content:"";
    position:absolute;
    top:19%;
    left:1%;
    display:block;
    border-radius:28px;
    background:rgba(var(--main-colorRGB),.5);
    width:12px;
    height:32px;
    transition:.3s;
    animation:1s linear infinite pulse
}
.filters .button_filter span {
    position:relative;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    vertical-align:middle;
    transition:.3s
}
.line-portfolio {
    border:1px solid rgba(var(--secondary2-colorRGB),.2)
}
.card-wrapper {
    display:inline-block;
    perspective:1000px
}
.card-wrapper .card {
    position:relative;
    cursor:pointer;
    transition-duration:.6s;
    transition-timing-function:ease-in-out;
    transform-style:preserve-3d
}
.card-wrapper .card .back,.card-wrapper .card .back1,.card-wrapper .card .front,.card-wrapper .card .front1 {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    backface-visibility:hidden;
    transform:rotateX(0);
    transform-style:preserve-3d
}
.card-wrapper .card .front,.card-wrapper .card .front1 {
    z-index:2
}
.card-wrapper .card .back,.card-wrapper .card .back1,.card-wrapper.flip-right .card .back,.card-wrapper.flip-right .card .back1,.card-wrapper.flip-right:hover .card,.card-wrapper:hover .card {
    transform:rotateY(180deg)
}
.card-wrapper.flip-left .card .back,.card-wrapper.flip-left .card .back1,.card-wrapper.flip-left:hover .card {
    transform:rotateY(-180deg)
}
.card-wrapper.flip-up .card .back,.card-wrapper.flip-up .card .back1,.card-wrapper.flip-up:hover .card {
    transform:rotateX(180deg)
}
.card-wrapper.flip-down .card .back,.card-wrapper.flip-down .card .back1,.card-wrapper.flip-down:hover .card {
    transform:rotateX(-180deg)
}
.card-wrapper.flip-diagonal-right .card .back,.card-wrapper.flip-diagonal-right .card .back1,.card-wrapper.flip-diagonal-right:hover .card {
    transform:rotate3d(1,1,0,180deg)
}
.card-wrapper.flip-diagonal-left .card .back,.card-wrapper.flip-diagonal-left .card .back1,.card-wrapper.flip-diagonal-left:hover .card {
    transform:rotate3d(1,1,0,-180deg)
}
.card-wrapper.flip-inverted-diagonal-right .card .back,.card-wrapper.flip-inverted-diagonal-right .card .back1,.card-wrapper.flip-inverted-diagonal-right:hover .card {
    transform:rotate3d(-1,1,0,180deg)
}
.card-wrapper.flip-inverted-diagonal-left .card .back,.card-wrapper.flip-inverted-diagonal-left .card .back1,.card-wrapper.flip-inverted-diagonal-left:hover .card {
    transform:rotate3d(1,-1,0,180deg)
}
.card,.card-wrapper {
    width:100%;
    height:310px
}
.card .back,.card .back1,.card .front,.card .front1 {
    padding:50px 42px;
    background:#1a1d24;
    border-radius:10px;
    box-shadow:0 8px 30px 0 rgba(0,0,0,.12)
}
.bg-blackalter,.card .front,.card .front1 {
    background:#1a1d24
}
.card .back1,.card .front {
    display:flex;
    align-items:center;
    justify-content:center;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover
}
.card .back i,.card .front1 i {
    color:var(--main2-color);
    font-size:60px
}
.card .back h2,.card .front1 h2 {
    font-size:25px;
    margin:7px 0 8px
}
.card .back p,.card .front1 p {
    margin:0
}
.button-back {
    transform:translateZ(45px) scale(.94)
}
.btn-back {
    padding:20px 35px;
    margin:20px 0;
    border-radius:5px;
    background:var(--black-color);
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    transition:.5s
}
.btn-back.alt,.btn-back:hover {
    background:var(--main2-color);
    color:var(--white-color)
}
.btn-back.alt:hover {
    background:#1a1d24
}
.bg-btl__content {
    width:100%;
    background:url(../img/bg-btl-content.webp) center center/cover no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    min-height:500px;
    position:relative
}
.header-fixed {
    margin:0;
    padding:0;
    position:relative;
    width:100%
}
.header-fixed__content {
    padding:150px 0 200px
}
.header-fixed__content h1 {
    font-size:45px;
    line-height:48px;
    -webkit-animation:.8s cubic-bezier(.25,.46,.45,.94) both focus-in-expand;
    animation:.8s cubic-bezier(.25,.46,.45,.94) both focus-in-expand
}
.bg-fixeds {
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;
    background-attachment:fixed;
    opacity:.12;
    content:"";
    height:100%!important;
    overflow:hidden;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:-1;
    pointer-events:none
}
.bg-fixeds.bg-btl-fd {
    background-image:url(../img/bg-btl-fixed.webp);
    opacity:.2;
    mix-blend-mode:normal
}
.bg-fixeds.bg-dron-fd {
    background-image:url(../img/bg-dron-fixed.webp);
    opacity:.2;
    mix-blend-mode:normal
}
.bg-fixeds.bg-social-fd {
    background-image:url(../img/bg-fixed-social.webp);
    opacity:.2;
    mix-blend-mode:normal
}
.bg-dron__1,.bg-dron__2,.bg-dron__content {
    width:100%;
    min-height:400px;
    position:relative
}
.drones-content {
    padding:2em 3em
}
.drones-content h2 {
    font-size:30px;
    color:var(--secondary2-color);
    padding:0;
    margin:0
}
.drones-content .big {
    font-size:18px
}
.drones-content .title-dron-services {
    font-size:22px;
    padding:10px 30px;
    margin:0;
    border-radius:50px
}
.drones-content .dron-services_1 {
    width:fit-content;
    color:var(--secondary2-color);
    background:rgba(0,0,0,.4)
}
.bg-dron1 {
    background:url(../img/textobg2.png),var(--main2-color);
    background-size:cover,100%;
    position:relative
}
.bg-dron2 {
    background:url(../img/textobg2.png),var(--alter-main);
    background-size:cover,100%;
    position:relative
}
.bg-dron3 {
    background:url(../img/textobg2.png),var(--main-color);
    background-size:cover,100%;
    position:relative
}
.bg-dron__content {
    background:url(../img/dron1.jpg) center center/cover no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    border-radius:0 10px 10px 0
}
.bg-dron__1 {
    background:url(../img/dron.jpg) center center/cover no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    border-radius:10px 0 0 10px
}
.bg-dron__2 {
    background:url(../img/dron2.jpg) center right/cover no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    border-radius:0 10px 10px 0
}
.bg-dron__3,.bg-dron__4,.bg-dron__5 {
    width:100%;
    min-height:400px;
    position:relative;
    border-radius:10px 0 0 10px
}
.bg-dron__3 {
    background:url(../img/dron3.jpg) center center/cover no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover
}
.bg-dron__4 {
    background:url(../img/dron4.jpg) center center/cover no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover
}
.bg-dron__5 {
    background:url(../img/dron5.jpg) center center/cover no-repeat;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover
}
.title-dron h1:first-child {
    opacity:.45!important
}
.title-dron h1:nth-child(2) {
    opacity:.3!important
}
.title-dron h1:nth-child(3) {
    opacity:.15!important
}
.title-dron h1:nth-child(4) {
    opacity:.03!important
}
.title-dron h1 {
    color:transparent;
    font-size:90px;
    line-height:95px
}
.dron {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-43%)
}
.video-dron video {
    display:block;
    max-width:100%;
    margin:20px auto
}
.blog-box {
    border-radius:10px;
    position:relative;
    height:100%;
    margin-top:10px;
    background-color:#1a1d24;
    box-shadow:0 4px 15px rgba(0,0,0,.1);
    transition:.5s ease-in-out;
    -webkit-transition:.5s ease-in-out
}
.blog-box:hover {
    border:2px solid var(--main-color);
    transform:translateY(-10px);
    -webkit-transform:translateY(-10px)
}
.blog-img:before {
    content:" ";
    display:block;
    padding-top:calc((60 / 100) * 100%)
}
.blog-img__bg {
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1;
    background:center center/cover no-repeat;
    border-radius:10px 10px 0 0
}
.blog-box__details {
    padding:15px 20px
}
.blog-box__title {
    margin:0;
    font-size:20px;
    letter-spacing:-.5px
}
.blog-box__date {
    color:var(--text-color);
    text-transform:uppercase;
    font-size:11px;
    margin:10px 0 0
}
.articles_headers {
    display:flex;
    align-items:center;
    justify-content:center
}
.articles_headers span {
    padding:5px 15px;
    margin-bottom:10px
}
.articles_headers span:first-child,.articles_headers span:nth-child(2) {
    border-right:1px solid rgba(var(--BorderColorRgb),.5)
}
.article_content a,.article_content b,.article_content strong {
    color:var(--main-color);
    font-weight:700
}
.tags_article {
    margin-bottom:20px
}
.tags_article p {
    display:inline-block;
    font-size:11px
}
.tags_article span {
    display:inline-block;
    margin:0 3px 4px 0;
    padding:4px 9px;
    background:#1a1d24;
    color:var(--white-color);
    font-size:9.5px;
    border:1px solid rgba(var(--BorderColorRgb),.3);
    text-transform:uppercase;
    letter-spacing:1px;
    transition:.8s
}
.tags_article span:hover {
    border:1px solid rgba(var(--main-colorRGB),.5)
}
@media screen and (max-width:540px) {
    .tags_article span {
        font-size:8px;
        letter-spacing:1px
    }
}
.list-check {
    padding:0
}
.list-check li {
    list-style:none;
    padding-left: 2em;
    margin:4px 0
}
.list-check li:before {
    font-family:Flaticon;
    content:"\f109";
    font-style:normal;
    position:absolute;
    margin-left:-23px;
    margin-top:2px;
    font-size:15px;
    margin-right:5px;
    color:var(--main-color)
}
.list-check a,.list-check a:active,.list-check a:hover,.list-check.white li:before,.white,.white:active,.white:hover,a.terms:active,a.terms:hover {
    color:var(--white-color)
}
.list-check.servicios li {
    list-style:none;
    padding-left:1.5em;
    margin:4px 0
}
.list-check.servicios li:before {
    margin-top:0;
    font-size:22px;
    margin-left:-28px
}
.contact-frm {
    padding:30px;
    border:1px solid var(--main-color)
}
.list-contact,.tabs nav ul {
    padding:0;
    list-style:none
}
#map-container {
    width:100%;
    min-height:500px;
    margin:0
}
.list-contact li {
    margin:20px 0 20px 3.6em
}
.list-contact li:before {
    display:inline-block;
    font-family:Flaticon;
    font-style:normal;
    margin-left:-1.2em;
    margin-right:10px;
    -webkit-background-clip:text
}
.list-contact li:first-child:before {
    content:"\f104";
    font-size:3em
}
.list-contact li:nth-child(2):before {
    content:"\f102";
    font-size:3em
}
.list-contact li:nth-child(3):before {
    content:"\f105";
    font-size:3em
}
.list-contact li:nth-child(4):before {
    content:"\f11f";
    font-size:3em
}
.list-contact li:nth-child(5):before {
    content:"\f103";
    font-size:3em
}
.contact-form input,.contact-form textarea {
    outline:0;
    display:block;
    margin:25px auto 0;
    font-family:Comfortaa,cursive;
    background:0 0;
    width:100%;
    padding:10px 5px;
    box-sizing:border-box;
    border:none;
    border-bottom:2px solid rgba(0,144,69,.3);
    font-size:14px;
    font-weight:400;
    transition:.8s
}
.contact-form textarea {
    resize:none
}
.contact-form input:focus,.contact-form textarea:focus {
    border-bottom:2px solid var(--main-color)
}
.contact-form button {
    color:#fff;
    outline:0;
    font-size:1em;
    padding:1em 1.5em;
    width:auto;
    border:none
}
.error-send,.success-send {
    text-align:center;
    width:100%;
    color:#fff;
    padding:1em;
    font-size:15px
}
.contact-icon__content,.contact-icon__title,.text-color {
    color:var(--text-color)
}
.success-send {
    background:#2ecc71
}
.error-send {
    background:#e74c3c
}
@media screen and (min-width:980px) {
    .buttons_column,.contact {
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        align-items:center;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .contact-info {
        width:73%
    }
    .contact-frm {
        width:25%
    }
    .text__content {
        width:65%
    }
    .button__content {
        width:30%
    }
}
@media screen and (max-width:979px) {
    #map-container {
        min-height:400px
    }
    .buttons_column {
        text-align:center
    }
}
.footer-paragraph {
    text-align: justify;
}
.terms-divider {
    width:25%;
    border-bottom:1px solid rgba(var(--BorderColorRgb),.5)
}
a.terms {
    font-size:13px;
    color:var(--white-color)
}
@media screen and (max-width:880px) {
    .no-widget {
        display:none
    }
}
.contact-icon,.tabs nav ul {
    display:-ms-flexbox;
    display:-webkit-flex
}
.contact-icon-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.contact-icon {
    display:-webkit-box;
    min-width: 100%;
    display:flex;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    margin-bottom:10px
}
.contact-icon__icon {
    color:var(--main-color);
    text-align:center;
    border-radius:5px;
    width:2.2em;
    height:2.2em;
    font-size:1.6em
}
.bg-black,.wsp-fixed {
    background:var(--black-color)
}
.contact-icon__icon.icon-contact {
    line-height:2.2
}
.contact-icon__data {
    margin-right:0;
    margin-left:0
}
.contact-icon__title {
    margin:0;
    font-size:18px
}
.contact-icon__content {
    font-size:13px;
    margin:0
}
.btn-project i {
    color:var(--main-color);
    font-size:20px;
    margin-left:0
}
.wsp-fixed {
    position:fixed;
    width:65px;
    height:65px;
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:33px;
    border:1px solid var(--main-color);
    box-shadow:2px 2px 4px rgba(0,0,0,.3);
    cursor:pointer;
    right:15px;
    bottom:15px;
    z-index:9;
    animation:4s infinite pulse
}
.wsp-fixed i {
    font-size:20px;
    color:#fff
}
.wsp-fixed p {
    margin-left:10px
}
.whatsapp-icon {
    width: 70%;
}
.main-footer h3 {
    font-size:1.5em
}
.main-footer .copy {
    font-size:13px;
    border-top:1px solid rgba(var(--BorderColorRgb),.3);
    text-align:center;
    padding:1.5em 0
}
.social-footer {
    font-size:3em;
    margin-top:10px
}
.tabs,.video-text .container {
    position:relative;
    margin:0 auto;
    overflow:hidden
}
.social-footer a {
    color:rgba(255,255,255,.7);
    transition:.3s
}
.social-footer a:active,.social-footer a:hover {
    color:#fff
}
.alter-main {
    color:var(--alter-main)
}
.secondary-color {
    color:var(--secondary-color)
}
.secondary2-color {
    color:var(--secondary2-color)
}
.bg-alt {
    background:var(--alter-main)
}
.left {
    text-align:left
}
.right {
    text-align:right
}
.justify,.popup-app p {
    text-align:justify
}
.bold {
    font-weight:600
}
@media screen and (min-width:1024px) {
    .logo {
        margin-left:0
    }
    .home-services {
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        -webkit-align-items:center;
        -ms-flex-align:center;
        align-items:center;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .home-services__column {
        width:48%
    }
    .drones,.services__container {
        display:-webkit-flex;
        display:-ms-flexbox;
        display:flex;
        align-items:center;
        -webkit-justify-content:space-between;
        -ms-flex-pack:justify;
        justify-content:space-between
    }
    .drones-content,.drones-img,.services__content,.services__img {
        width:50%
    }
    .visible-m {
        display:none
    }
    .visible-l {
        display:block
    }
}
@media screen and (max-width:780px) {
    .box_project__mobile {
        position:absolute;
        bottom:10px;
        z-index:3;
        margin:0;
        right:10px;
        opacity:1;
        visibility:visible;
        transition:.6s ease-in-out;
        -webkit-transition:.6s ease-in-out
    }
    .btn-project {
        width:50px;
        height:50px;
        border-radius:33px;
        display:flex;
        background:var(--black-color);
        justify-content:center;
        box-shadow:2px 2px 4px rgba(0,0,0,.3);
        align-items:center
    }
    .btn-project i {
        color:var(--main-color);
        font-size:20px;
        margin-left:0
    }
    .overlay_project:hover .box_project__mobile {
        transform:translateX(30%);
        -webkit-transform:translateX(30%);
        opacity:0;
        visibility:hidden
    }
    .header-pages {
        padding-top:4em;
        padding-bottom:4em
    }
    .bg-btl__content {
        min-height:300px
    }
    .header-fixed__content {
        padding:4em 0
    }
    .title-dron h1 {
        font-size:60px;
        line-height:65px
    }
    .no-mobile {
        display:none
    }
}
iframe {
    border:none;
    outline:0
}
.tabs {
    width:100%
}
#pilares-titulo {
    text-align: center;
    padding: 1rem 0 2rem 0;
    font-size: 2rem;
}
.tabs nav ul {
    position:relative;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    margin:0;
    -ms-box-orient:horizontal;
    -ms-box-pack:center;
    -webkit-flex-flow:row wrap;
    -moz-flex-flow:row wrap;
    -ms-flex-flow:row wrap;
    flex-flow:row wrap;
    -webkit-justify-content:center;
    -moz-justify-content:center;
    -ms-justify-content:center;
    justify-content:center
}
.tabs nav ul li {
    position:relative;
    z-index:1;
    display:block;
    margin:0;
    text-align:center;
    -webkit-flex:1;
    -moz-flex:1;
    -ms-flex:1;
    flex:1
}
.tabs nav a {
    position:relative;
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    padding:1.5em 0
}
.tabs i {
    font-size:2em
}
.tabs-style-bar nav {
    background:rgba(40,44,42,.05)
}
.tabs-style-bar nav ul {
    border:4px solid transparent
}
.tabs-style-bar nav ul li a {
    margin:0 2px;
    background-color:#f9f9f9;
    transition:background-color .2s,color .2s
}
.tabs-style-bar nav ul li a span {
    text-transform:uppercase;
    letter-spacing:1px;
    font-weight:700;
    margin-top:10px;
    font-size:.75em
}
.tabs-style-bar nav ul li.tab-current a {
    background:var(--main-color);
    color:#fff
}
@-webkit-keyframes focus-in-expand {
    0% {
        letter-spacing:-.5em;
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    100% {
        -webkit-filter:blur(0px);
        filter:blur(0px);
        opacity:1
    }
}
@keyframes focus-in-expand {
    0% {
        letter-spacing:-.5em;
        -webkit-filter:blur(12px);
        filter:blur(12px);
        opacity:0
    }
    100% {
        -webkit-filter:blur(0px);
        filter:blur(0px);
        opacity:1
    }
}
.cd-overlay {
    position:fixed;
    min-height:100%;
    width:100%;
    top:0;
    left:0;
    background:rgba(45,52,54,.85);
    cursor:pointer;
    z-index:100;
    display:none
}
.popup-app {
    background-color:#fff;
    width:520px;
    padding:10px;
    position:absolute;
    transform:translate(-50%,-50%);
    left:50%;
    top:50%;
    border-radius:8px;
    font-family:Poppins,sans-serif;
    display:none;
    text-align:center
}
@media screen and (max-width:580px) {
    .title_page {
        font-size:3em
    }
    .main_title {
        font-size:30px;
        line-height:1.1
    }
    .banner__content___text .details_banner {
        font-size:15px
    }
    .header-pages__content h1 {
        font-size:30px
    }
    .header-pages__content.blogs h1 {
        font-size:25px
    }
    .bg-about-container__img {
        height:50vh
    }
    .overlay_portfolio .color_portfolio__overlay {
        background-color:rgba(var(--black-colorRGB),.8);
        visibility:visible;
        backdrop-filter:blur(2px);
        -webkit-backdrop-filter:blur(2px)
    }
    .box_portfolio__details {
        opacity:1;
        visibility:visible
    }
    .box_portfolio__details .category_portfolio,.box_portfolio__details .name_portfolio {
        transform:translateX(0);
        -webkit-transform:translateX(0)
    }
    .header-fixed__content h1 {
        font-size:25px;
        line-height:28px
    }
    .title-dron h1 {
        font-size:30px;
        line-height:35px
    }
    .popup-app {
        width:360px;
        padding:0
    }
}
.popup-app button {
    position:absolute;
    display:block;
    right:-3%;
    top:-3%;
    background-color:transparent;
    font-size:30px;
    color:#fff;
    background:var(--main-color);
    border-radius:100%;
    width:40px;
    height:40px;
    border:none;
    outline:0;
    cursor:pointer
}
.popup-app h2 {
    margin-top:-20px
}
.popup-app p {
    font-size:14px;
    margin:20px 0;
    line-height:25px
}
.video-text {
    background:#111319;
    display:flex;
    align-items:center;
    height:100vh
}
.video-text .container {
    text-align:center;
    width:95%;
    max-width:1400px
}
.video-text video {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:1;
    display:block
}
.video-text svg {
    display:block;
    width:100%;
    position:relative;
    z-index:2
}
.video-text text {
    font-family:'Codec Pro',sans-serif;
    font-weight:800;
    text-transform:uppercase
}
.video-text text.line-1 {
    font-size:126px;
    letter-spacing:.079em
}
.video-text text.line-2 {
    font-size:223.232px;
    letter-spacing:-.015em
}
@media screen and (max-width:768px) {
    .logo {
        height:30px;
        margin-top:0
    }
    .wsp-fixed {
        width:55px;
        height:55px;
    }
    .wsp-fixed p {
        display:none
    }
    .video-text {
        height:50vh
    }
}
.card-wrapper img {
    width:60px
}
.bg-video {
    background-color:#fff;
    background-image:url(../img/bg-sinopsis.webp);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;
    position:relative
}
.bg-video-overlay {
    height:100%;
    width:100%;
    top:0;
    left:0;
    position:absolute;
    background-color:transparent;
    background-image:linear-gradient(90deg,rgba(0,175,232,.7) 50%,rgba(97,51,255,.7) 50%);
    opacity:1;
    transition:background .3s,border-radius .3s,opacity .3s
}
.video-container {
    position:relative;
    padding-bottom:56.25%;
    height:0;
    overflow:hidden;
    box-shadow:0 40px 40px 0 rgba(0,0,0,.4)
}
.video-container iframe,.video-container video {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    overflow:hidden;
    box-shadow:0 40px 40px 0 rgba(0,0,0,.2)
}
.z10 {
    z-index:10;
    position:relative
}