/* RESET */
        .rc-anchor-pt{
            display:none;
        }
        .grecaptcha-badge{
            visibility: hidden;
        }
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: Arial;
        }

        body {
            background: #0b0b0b;
            color: white;
        }


        /* HEADER */

        /* HEADER */

        .main-header {

            position: fixed;

            top: 0;
            left: 0;

            width: 100%;

            background: #111;

            display: flex;

            justify-content: space-between;

            align-items: center;

            padding: 0px 10px;

            z-index: 999;

            border-bottom: 1px solid rgba(255, 255, 255, 0.1);

        }


        /* LOGO */

        .logo {

            color: white;

            font-size: 12px;

            font-weight: bold;

            letter-spacing: 1px;

            border-radius: 8px;


        }

        .logo img {
            border-radius: 8px;
            width: 120px;
            ;
        }


        /* MENU DESKTOP */

        .menu {

            display: flex;

            gap: 35px;

        }


        .menu a {

            color: white;

            text-decoration: none;

            font-size: 16px;

            transition: .3s;

            position: relative;

            font-weight: 900;

        }


        /* LINEA HOVER */

        .menu a::after {

            content: "";

            position: absolute;

            bottom: -5px;
            left: 0;

            width: 0;
            height: 2px;

            background: #ff751a;

            transition: .3s;

        }


        .menu a:hover::after {

            width: 100%;

        }


        .menu a:hover {

            color: #ff751a;

        }


        /* HAMBURGUESA */

        .menu-toggle {

            display: none;

            cursor: pointer;

            flex-direction: column;

            gap: 6px;

        }


        .menu-toggle span {

            width: 28px;
            height: 3px;

            background: white;

            border-radius: 2px;

            transition: .3s;

        }



        /* ANIMACION X */

        .menu-toggle.active span:nth-child(1) {

            transform: rotate(45deg) translate(6px, 6px);

        }

        .menu-toggle.active span:nth-child(2) {

            opacity: 0;

        }

        .menu-toggle.active span:nth-child(3) {

            transform: rotate(-45deg) translate(6px, -6px);

        }



        /* MOBILE */

        @media(max-width:900px) {

            .menu-toggle {
                display: flex;
            }


            .menu {

                position: fixed;

                top: 70px;
                left: -100%;

                width: 100%;

                background: #111;

                flex-direction: column;

                text-align: center;

                padding: 30px 0;

                gap: 25px;

                transition: .4s;

                border-top: 1px solid rgba(255, 255, 255, 0.1);
                height: 100vh;

            }


            /* MENU ABIERTO */

            .menu.active {

                left: 0;

            }


            .menu a {

                font-size: 20px;
                color: #ff751a
            }

        }


        /* HERO SLIDER */

        .hero {

            height: 93vh;
            overflow: hidden;
            position: relative;

        }

        .slide {

            position: absolute;
            width: 100%;
            height: 100%;

            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;

            background-size: cover;
            background-position: center;

            opacity: 0;
            transition: 1s;

        }

        .slide.active {
            opacity: 1;
        }

        .overlay {

            background: rgba(0, 0, 0, 0.6);
            width: 100%;
            height: 100%;

            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;

        }

        .slide h1 {
            font-size: 60px;
            margin-bottom: 20px;
        }

        .slide p {
            color: #ccc;
            font-size: 20px;
            margin-bottom: 30px;
        }

        .btn {
            padding: 15px 40px;
            background: #ff751a;
            border: none;
            color: white;
            font-size: 18px;
            cursor: pointer;
            border-radius: 6px;
        }

        /* SECCIONES */

        .section {
            padding: 70px 10%;
        }

        /* TITLE PREMIUM */

        .title {

            width: fit-content;

            margin: 80px auto 40px auto;

            padding: 14px 50px;

            font-size: 32px;

            font-weight: bold;

            color: white;

            position: relative;

            background: linear-gradient(90deg,
                    transparent,
                    #ff751a,
                    transparent);

            border-radius: 8px;

            letter-spacing: 1px;

            box-shadow:

                0px 5px 20px rgba(0, 0, 0, 0.7),
                0px 0px 15px rgba(255, 117, 26, 0.4);

        }


        /* LINEAS LATERALES */

        .title::before,
        .title::after {

            content: "";

            position: absolute;

            top: 50%;

            width: 150px;
            height: 2px;

            background: linear-gradient(to right,
                    transparent,
                    #ff751a);

        }


        .title::before {

            right: 100%;
            margin-right: 20px;

        }


        .title::after {

            left: 100%;
            margin-left: 20px;

            background: linear-gradient(to left,
                    transparent,
                    #ff751a);

        }


        /* RESPONSIVE */

        @media(max-width:700px) {

            .title {

                font-size: 24px;
                padding: 12px 30px;

            }

            .title::before,
            .title::after {

                display: none;

            }

            .logo img {
                width: 100px;
                ;
            }

        }

        /* GRID */

        .grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }


        /* CARDS */

        .card {
            background: #161616;
            padding: 30px;
            border-radius: 10px;
            border: 1px solid #222;
            transition: 0.3s;
        }

        .card:hover {
            border: 1px solid #ff751a;
        }

        /* SECCION STATS */

        .stats-section {

            background: linear-gradient(180deg,
                    #0a0a0a,
                    #111);

            padding: 80px 20px;

        }


        /* CONTENEDOR */

        .stats-container {

            max-width: 1200px;

            margin: auto;

            display: grid;

            grid-template-columns: repeat(2, 1fr);

            gap: 30px;

            text-align: center;

        }


        /* CAJAS */

        .stat-box {

            background: #111;

            padding: 40px 20px;

            border-radius: 12px;

            border: 1px solid rgba(255, 117, 26, 0.2);

            box-shadow:

                0px 0px 20px rgba(0, 0, 0, 0.7);

            transition: .3s;

        }


        /* HOVER */

        .stat-box:hover {

            transform: translateY(-10px);

            box-shadow:

                0px 0px 25px rgba(255, 117, 26, 0.4);

            border: 1px solid #ff751a;

        }


        /* NUMERO */

        .stat-number {

            font-size: 50px;

            font-weight: bold;

            color: #ff751a;

            margin-bottom: 10px;

            text-shadow:

                0px 0px 10px rgba(255, 117, 26, 0.6);

        }


        /* TEXTO */

        .stat-title {

            color: #ccc;

            font-size: 18px;

        }

        @media(max-width:900px) {

            .stats-container {

                grid-template-columns: repeat(2, 1fr);

            }

        }

        @media(max-width:500px) {

            .stats-container {

                grid-template-columns: 1fr;

            }

        }

        /* SERVICIOS */

        .servicios-section {

            background: #0a0a0a;

            padding: 60px 20px;

            position: relative;

        }


        .servicios-section::before {

            content: "";

            position: absolute;

            top: 0;

            left: 0;

            width: 100%;

            height: 100%;

            background: radial-gradient(circle at center, #ff751a22, transparent);

            pointer-events: none;

        }


        /* CARD */

        .servicio-card {

            background: #111;

            border-radius: 20px;

            overflow: hidden;

            border: 1px solid #222;

            transition: 0.4s;

            box-shadow: 0 0 30px rgba(255, 117, 26, 0.1);

        }


        .servicio-card:hover {

            transform: translateY(-10px);

            box-shadow: 0 0 40px rgba(255, 117, 26, 0.6);

            border: 1px solid #ff751a;

        }


        .servicio-card img {

            width: 100%;

            height: 220px;

            object-fit: cover;

        }


        .servicio-info {

            padding: 25px;

            color: white;

        }


        .servicio-info h3 {

            color: #ff751a;

            margin-bottom: 10px;

        }

        .serviciosSwiper {
            padding: 40px 10px;
        }

        /* PRODUCTOS */

        .productos-section {

            padding: 50px 20px;

            background: linear-gradient(180deg, #111, #050505);

        }

        .productosSwiper {

            padding: 50px 10px;

        }


        /* BOTON PRODUCTO */

        .producto-card button {

            background: #ff751a;
            border: none;

            color: white;

            padding: 12px 25px;

            margin-top: 15px;

            border-radius: 6px;

            cursor: pointer;

            transition: .3s;

            font-weight: bold;

        }


        .producto-card button:hover {

            background: #ff8c3a;

            transform: scale(1.05);

        }


        /* GRID */

        .productos-grid {

            display: grid;

            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

            gap: 40px;

            max-width: 1200px;

            margin: auto;

        }


        /* CARD */

        .producto-card {

            background: white;

            border-radius: 25px;

            overflow: hidden;

            transition: 0.4s;

            box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.5);

        }


        .producto-card:hover {

            transform: translateY(-10px) scale(1.03);

            box-shadow: 0px 40px 80px rgba(255, 117, 26, 0.4);

        }


        /* IMG */

        .producto-img {

            height: 230px;

            overflow: hidden;

        }


        .producto-img img {

            width: 100%;

            height: 100%;

            object-fit: cover;

            transition: 0.5s;

        }


        .producto-card:hover img {

            transform: scale(1.1);

        }


        /* INFO */

        .producto-info {

            padding: 25px;

            text-align: center;

        }


        .producto-info h3 {

            color: #222;

            margin-bottom: 10px;

        }


        /* PRECIO */

        .price {

            color: #ff751a;

            font-size: 22px;

            font-weight: bold;

            margin-bottom: 15px;

        }


        /* BOTON */

        .producto-info button {

            background: #ff751a;

            border: none;

            color: white;

            padding: 12px 25px;

            border-radius: 10px;

            cursor: pointer;

            font-weight: bold;

            transition: 0.3s;

        }


        .producto-info button:hover {

            background: black;

        }

        /* TEAM */

        /* TEAM PREMIUM */

        .team-grid {

            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px;

        }


        .team-card {

            background: #141414;
            padding: 40px 30px;
            text-align: center;
            border-radius: 15px;

            border: 1px solid #222;

            transition: 0.4s;

            position: relative;

            overflow: hidden;

            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.4);

        }


        /* EFECTO HOVER */

        .team-card:hover {

            transform: translateY(-10px);

            box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.8);

            border: 1px solid #ff751a;

        }



        /* IMAGEN */

        .team-img {

            margin-bottom: 20px;
            position: relative;

        }


        .team-img img {

            width: 90%;
            border-radius: 5%;

            border: 3px solid #ff751a;

            transition: 0.4s;

        }


        /* GLOW */

        .team-card:hover img {

            box-shadow: 0px 0px 25px #ff751a;

            transform: scale(1.05);

        }



        /* NOMBRE */

        .team-card h3 {

            margin-top: 10px;
            font-size: 22px;

        }



        /* ROL */

        .team-role {

            color: #bbb;

            margin-top: 5px;

            margin-bottom: 20px;

        }



        /* REDES */

        .team-social {

            display: flex;

            justify-content: center;

            gap: 15px;

        }


        /* ICONOS */

        .team-social span {

            width: 40px;
            height: 40px;

            display: flex;

            justify-content: center;
            align-items: center;

            border-radius: 50%;

            background: #1c1c1c;

            cursor: pointer;

            transition: 0.3s;

            font-size: 18px;

        }


        /* HOVER ICONOS */

        .team-social span:hover {

            background: #ff751a;

            transform: scale(1.2);

        }



        /* RESPONSIVE */

        @media(max-width:900px) {

            .team-grid {

                grid-template-columns: 1fr;

            }

        }

        /* CLIENTES */

        /* CLIENTES PREMIUM */

        .clientes-grid {

            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 40px;
            margin-top: 40px;

        }


        /* CARD */

        .cliente-card {

            background: white;

            color: #111;

            padding: 40px 30px 30px 30px;

            text-align: center;

            border-radius: 15px;

            border: 3px solid #ff751a;

            position: relative;

            transition: 0.3s;

            box-shadow:

                0px 10px 30px rgba(0, 0, 0, 0.5);

        }


        /* HOVER */

        .cliente-card:hover {

            transform: translateY(-10px);

            box-shadow:

                0px 20px 50px rgba(0, 0, 0, 0.7);

        }



        /* BURBUJA FOTO */

        .cliente-foto {

            width: 90px;
            height: 90px;

            border-radius: 5%;

            overflow: hidden;

            margin: auto;

            margin-top: -70px;

            border: 4px solid #ff751a;

            background: white;

            box-shadow:

                0px 5px 20px rgba(0, 0, 0, 0.3);

        }


        .cliente-foto img {

            width: 100%;
            height: 100%;
            object-fit: cover;

        }



        /* TEXTO */

        .cliente-texto {

            margin-top: 15px;
            color: #555;

        }


        /* ESTRELLAS */

        .stars {

            color: #ff751a;

            margin-top: 15px;

            font-size: 20px;

        }


        /* RESPONSIVE */

        @media(max-width:900px) {

            .clientes-grid {

                grid-template-columns: 1fr;

            }

        }

        /*Nuestros clientes*/
        .clientes-section {

            padding: 20px 0;
            background: #fff;
            text-align: center;

        }

        .clientes-section h2 {

            color: white;
            font-size: 32px;
            margin-bottom: 40px;

        }

        .clientesSwiper {

            width: 100%;
            padding: 20px 0;

        }

        .clientesSwiper .swiper-slide {

            display: flex;
            justify-content: center;
            align-items: center;

        }

        .clientesSwiper img {

            width: 150px;
            height: auto;
            /*filter: grayscale(100%);
            opacity: 0.7;
            transition: 0.3s;*/

        }

        .clientesSwiper img:hover {

            /*filter: grayscale(0%);
            opacity: 1;*/
            transform: scale(1.1);

        }

        /* CONTACTO */

        .contact {

            background: #111;
            border-radius: 10px;
            padding: 50px;
            max-width: 700px;
            margin: auto;

        }

        .input {

            width: 99%;
            padding: 15px;
            margin-bottom: 15px;
            background: #1b1b1b;
            border: 1px solid #333;
            color: white;
            border-radius: 5px;

        }

        textarea {
            height: 150px;
        }

        .submit {

            width: 100%;
            padding: 15px;
            background: #ff751a;
            border: none;
            color: white;
            font-size: 18px;
            border-radius: 6px;
            cursor: pointer;

        }

        /* CONTACTO 2 COLUMNAS */

        .contact-container {
            width: 100%;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 50px;
            align-items: start;
            overflow:hidden;
        }


        .contact-info h2 {

            font-size: 36px;
            color: #ff751a;
            margin-bottom: 20px;

        }


        .contact-text {

            color: #bbb;
            margin-bottom: 30px;

        }


        .contact-data p {

            margin-bottom: 15px;
            color: #ddd;

        }


        .map {

            margin-top: 20px;
            border: 1px solid #333;
            border-radius: 10px;
            overflow: hidden;

        }


        .contact-form {

            background: #111;
            padding: 40px;
            border-radius: 10px;
            border: 1px solid #222;

        }



        /* RESPONSIVE */

        @media(max-width:900px) {

            .contact-container {

                grid-template-columns: 1fr;

            }

        }
        @media(max-width:540px) {
            .contact-form {
                width: 98%;
                padding: 15px;
            }
            .contact-container {
                width: 100%;   
                max-width: 98%;
                display: flex;
                justify-content: center;
                flex-direction: column;
                align-items: center;
            }

            .input {
                width: 99%;    
            }
            #contacto{
                padding:30px 30px;
            }

           

        }

        /* FOOTER */
        /* FOOTER */

        .footer {

            background: #0a0a0a;

            margin-top: 100px;

            color: white;

            padding-top: 60px;

            border-top: 3px solid #ff751a;

        }


        /* CONTENEDOR */

        .footer-container {

            max-width: 1200px;

            margin: auto;

            display: grid;

            grid-template-columns: 2fr 1fr 1fr 1fr;

            gap: 40px;

            padding: 0 20px 40px 20px;

        }


        /* LOGO */

        .footer-logo {

            font-size: 28px;

            font-weight: bold;

            color: #ff751a;

            margin-bottom: 15px;

            letter-spacing: 1px;

            text-shadow: 0px 0px 10px rgba(255, 117, 26, 0.4);

        }

        .footer-logo img {
            width: 200px;
            border-radius: 8px;
        }


        /* COLUMNAS */

        .footer-col h3 {

            margin-bottom: 15px;

            color: #ff751a;

        }


        .footer-col a {

            display: block;

            color: #ccc;

            text-decoration: none;

            margin-bottom: 10px;

            transition: .3s;

        }


        .footer-col a:hover {

            color: #ff751a;
            padding-left: 5px;

        }


        /* TEXTO */

        .footer-col p {

            color: #aaa;

            margin-bottom: 10px;

        }


        /* REDES */

        .footer-social {

            margin-top: 20px;

            display: flex;

            gap: 15px;

        }


        .footer-social a {

            background: #ff751a;

            padding: 8px 15px;

            border-radius: 6px;

            color: white;

            text-decoration: none;

            font-size: 14px;

            transition: .3s;

        }


        .footer-social a:hover {

            background: #ff8c3a;

            transform: translateY(-3px);

        }


        /* PARTE BAJA */

        .footer-bottom {

            text-align: center;

            padding: 20px;

            border-top: 1px solid rgba(255, 255, 255, 0.1);

            color: #888;

            font-size: 14px;

        }

        @media(max-width:900px) {

            .footer-container {

                grid-template-columns: 1fr;

                text-align: center;

            }

            .footer-social {

                justify-content: center;

            }

        }


        /* RESPONSIVE */

        @media(max-width:900px) {

            .grid {
                grid-template-columns: 1fr;
            }

            .slide h1 {
                font-size: 40px;
            }

            .header {
                padding: 20px;
            }



        }

        /* CINTA PROMO */

        .promo-bar {

            width: 100%;

            background: #ff751a;

            overflow: hidden;

            padding: 18px 0;

            box-shadow:

                0px 5px 20px rgba(0, 0, 0, 0.6);

        }


        /* TRACK */

        .promo-track {

            display: flex;

            white-space: nowrap;

        }


        /* CONTENIDO */

        .promo-content {

            display: flex;

            gap: 60px;

            animation: scrollPromo 25s linear infinite;

            font-size: 18px;

            font-weight: bold;

            color: white;

        }


        /* ITEMS */

        .promo-content span {

            display: flex;

            align-items: center;

            gap: 10px;

            letter-spacing: 1px;

        }


        /* ANIMACION */

        @keyframes scrollPromo {

            0% {

                transform: translateX(0);

            }

            100% {

                transform: translateX(-50%);

            }

        }
        .imagencliente{
            max-width:100px;
            border-radius:5px;
        }
        .overlay p{
            width:70%;
        }
        .slide img{
            width:auto;
            max-width:100%;
            height:auto;
        }
        /* SECCION SOBRE NOSOTROS */

        .about-section{
            padding:90px 10%;
            background:linear-gradient(180deg,#0b0b0b,#111);
        }

        .about-container{
            max-width:1200px;
            margin:auto;
            display:grid;
            grid-template-columns:1fr 1fr;
            gap:60px;
            align-items:center;
        }

        .about-text h2{
            font-size:38px;
            color:#ff751a;
            margin-bottom:20px;
        }

        .about-text p{
            color:#bbb;
            line-height:1.7;
            margin-bottom:20px;
        }

        .value-list{
            margin-top:20px;
        }

        .value-item{
            display:flex;
            align-items:flex-start;
            gap:15px;
            margin-bottom:18px;
        }

        .value-icon{
            font-size:22px;
            color:#ff751a;
        }

        .value-item span{
            color:#ddd;
        }

        .about-image img{
            width:100%;
            border-radius:12px;
            border:2px solid #ff751a;
            box-shadow:0 0 30px rgba(255,117,26,0.3);
        }

        /* RESPONSIVE */

        @media(max-width:900px){
            .about-container{
                grid-template-columns:1fr;
            }

            .about-text{
                text-align:center;
            }

            .value-item{
                justify-content:center;
            }
        }
        /* POR QUE ELEGIRNOS */

        .why-section{
            padding:90px 10%;
            background:#0a0a0a;
        }

        .why-grid{
            max-width:1200px;
            margin:auto;
            display:grid;
            grid-template-columns:repeat(5,1fr);
            gap:30px;
        }

        .why-card{
            background:#111;
            padding:35px 25px;
            border-radius:12px;
            border:1px solid #222;
            text-align:center;
            transition:0.4s;
        }

        .why-card:hover{
            transform:translateY(-10px);
            border:1px solid #ff751a;
            box-shadow:0 0 30px rgba(255,117,26,0.3);
        }

        .why-icon{
            font-size:40px;
            margin-bottom:15px;
        }

        .why-card h3{
            color:#ff751a;
            margin-bottom:10px;
        }

        .why-card p{
            color:#bbb;
            font-size:15px;
            line-height:1.6;
        }

        /* RESPONSIVE */

        @media(max-width:900px){
            .why-grid{
                grid-template-columns:1fr 1fr;
            }
        }

        @media(max-width:500px){
            .why-grid{
                grid-template-columns:1fr;
            }
        }
        /* EVENTOS DESTACADOS */

        .eventos-destacados{
            padding:90px 10%;
            background:linear-gradient(180deg,#050505,#0a0a0a);
        }

        .eventos-grid{
            max-width:1200px;
            margin:auto;
            display:grid;
            grid-template-columns:repeat(3,1fr);
            gap:30px;
        }

        .evento-card{
            position:relative;
            overflow:hidden;
            border-radius:12px;
            border:1px solid #222;
            cursor:pointer;
        }

        .evento-card img{
            width:100%;
            height:260px;
            object-fit:cover;
            transition:0.5s;
        }

        .evento-overlay{
            position:absolute;
            bottom:0;
            left:0;
            width:100%;
            height:100%;
            background:linear-gradient(transparent,rgba(0,0,0,0.9));
            display:flex;
            flex-direction:column;
            justify-content:flex-end;
            padding:20px;
        }

        .evento-overlay h3{
            color:#ff751a;
            margin-bottom:5px;
        }

        .evento-overlay p{
            color:#ddd;
            font-size:14px;
        }

        .evento-card:hover img{
            transform:scale(1.1);
        }

        .evento-card:hover{
            box-shadow:0 0 30px rgba(255,117,26,0.4);
            border:1px solid #ff751a;
        }

        /* RESPONSIVE */

        @media(max-width:900px){
            .eventos-grid{
                grid-template-columns:1fr 1fr;
            }
        }

        @media(max-width:600px){
            .eventos-grid{
                grid-template-columns:1fr;
            }
        }
        /* ANIMACION SCROLL */

        .reveal{
            opacity:0;
            transform:translateY(40px);
            transition:all 0.8s ease;
        }

        .reveal.active{
            opacity:1;
            transform:translateY(0);
        }