body {
    transition: all 0.3s ease;
    background: -webkit-linear-gradient(90deg, #1f3d50 10%, #265060 40%);
    background: -moz-linear-gradient(90deg, #1f3d50 10%, #265060 40%);
    background: -ms-linear-gradient(90deg, #1f3d50 10%, #265060 40%);
    background: -o-linear-gradient(90deg, #1f3d50 10%, #265060 40%);
    background: linear-gradient(90deg, #1f3d50 10%, #265060 40%);
}

marfeel-flowcards{display: none;}


.article a:hover h3{
    color:#e3af36 !important;
}

.article a:hover img{
    opacity: 0.8;
}


.special {}

.logo {
    text-align: center;
}

.logo img {
    width: 100%;
    max-width: 600px;
    padding-top: 4%;
    padding-bottom: 4%;
    filter: grayscale(0%) !important;
}

.twelve img {
    border-radius: 0px;
    width: 100%;
}

.article-big{text-align: center;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;padding: 20px 0 20px 0;}
.article-big h3{font-size: 5em;}
.article-big{text-align: center;}

.clear {
    clear: both;
}

strong {
    color: #e3af36;
}

.sticky {
    position: sticky;
    top: 80px;
}

.reduce {
    margin-bottom: 50px !important;
}

.titular {
    margin-bottom: 15px !important;
    line-height: 1em;
    margin-top: 15px;
    font-weight: 500;
    text-rendering: geometricPrecision;
        font-size: 1.6em;

}

.titular em {
    color: #fff;
    font-weight: 600;
    text-align: center;
}

.article p {
    line-height: 1.2 !important;
    font-size: 1em;
}

.svg-overlay {
    position: fixed;
    top: -50px;
    left: -300px;
    transform: rotate(25deg);
    pointer-events: none;
    z-index: -1;
    width: 900px;
    opacity: 0.5;
    filter: blur(10px);
}

#menu {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background-color: black;
    transition: background-color 0.3s ease;
}

.navbar {
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
}

.navbar ul {
    display: flex;
    justify-content: space-around;
    list-style: none;
    margin-bottom: 0px;
}

.navbar ul li {
    padding: 10px 20px;
    margin-bottom: 0px;
}

.navbar ul li a {
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 16px;
    transition: color 0.3s ease;
}

.navbar ul li a:hover {
    color: #f0f0f0;
}

/* Contenido */
.content {
    padding: 100px 20px;
    text-align: center;
}

.long-content {
    height: 2000px;
    background-color: #f5f5f5;
    padding: 50px;
}

.scrolled {
    background-color: #e3af36 !important;
}

.texto-sombra {
    text-shadow: 1px 1px #000000, 2px 2px #000000, 3px 3px #000000, 4px 4px #000000, 
    5px 5px #000000, 6px 6px #000000, 7px 7px #000000, 8px 8px #000000, 
    9px 9px #000000, 10px 10px #000000, 11px 11px #000000, 12px 12px #000000, 
    13px 13px #000000, 14px 14px #000000, 15px 15px #000000, 16px 16px #000000, 
    17px 17px #000000, 18px 18px #000000, 19px 19px #000000, 20px 20px #000000;
}

.azul {

}

.contenedor {
    width: 90%;
    max-width: 1180px;
    padding-left: 5%;
    padding-right: 5%;
    margin: 0px auto 40px auto;
}

.contenedor-50 {
    width: 90% !important;
    max-width: 700px;
    padding-left: 5%;
    padding-right: 5%;
    margin: 0px auto 150px auto;
}

.contenedor-center {
    width: 90% !important;
    max-width: 700px;
    padding-left: 5%;
    padding-right: 5%;
    margin: 0px auto 150px auto;
    text-align: center;
}

.contenedor-100 {
    width: 100% !important;
    margin: 0px auto 0px auto;
}

h1 {
    font-family: 'Oswald', sans-serif;
    color: #FFF;
    text-align: center;
    line-height: 1.2;
    font-size: 3.5em;
    font-weight: 900;
}

h1 span+span {
    font-family: 'Oswald', sans-serif;
    color: #FFF;
    text-align: center;
    line-height: 1;
    margin-top: 30px !important;
    font-size: 1.8em;
    font-weight: 900;
}

h1 span {
    font-family: 'Oswald', sans-serif;
    color: #fff;
    text-align: center;
    line-height: 1.2;
    font-size: 30px;
    display: block;
    letter-spacing: 2px;
    font-weight: 300;
}

h3 {
    color: #fff;
    font-weight: 300;

}

p {
    font-family: "Poppins", sans-serif;
    font-size: 1.1em;
    letter-spacing: 0.2px;
    color: #fff;
    font-weight: 200;
    text-align: left;
}




.tituloformato{
     font-family: "Poppins", sans-serif;
    font-size: 1.3em;
    letter-spacing: 2px;
    color: #e3af36;
    font-weight: 700;
    border-top: 1px solid #e3af36;
    padding-top: 10px;
}

.contenedor span{
    color: #fff;
}

.article p {
    line-height: 1.2;
}

.destacado {
    font-family: "Raleway", sans-serif;
    color: #fff;
    font-weight: 300;
    font-size: 2.5em;
}

.destacado.big {
    font-family: "Raleway", sans-serif;
    color: #ffffff;
    font-weight: 300;
    font-size: 3em;
}

.left-special {
    border-left: 24px solid #0c65af;
    padding-left: 15px;
}

.borde {
    border: 0px solid #333;
    padding: 0% 1% 0% 1%;
    border-radius: 5px;
}

.background {
    background: rgba(0, 188, 212, .70);
    background: -webkit-linear-gradient(320deg, rgba(0, 188, 212, 0.7), #1495b9, rgba(0, 82, 185, 0.6));
    background: -o-linear-gradient(320deg, rgba(0, 188, 212, .70), #1495b9, rgba(0, 82, 185, 0.7));
    background: linear-gradient(130deg, rgba(0, 188, 212, .70), #1495b9, rgba(0, 82, 185, 0.7));
}

.background .destacado {
    text-align: center;
    color: #fff;
    margin: 0px;
    padding: 130px 0px 130px 0px;
    font-size: 3em;
    font-weight: 300;
}

.contenedor a {
    text-decoration: none;
    color: #fff;
}

.video {
    text-align: center;
    width: 100%;
    margin-top: 200px;
}

.imagen-destacada img {
    width: 100%;
    padding-top: 3%;
    padding-bottom: 3%;
}

.imagen-destacada {
    width: 100%;
}

.contenedor-50 img,
.contenedor-center img {
    width: 100%;
}

.compartir {
    text-align: center;
    padding-bottom: 2%;
}

.compartir ul li {
    display: inline;
}

.compartir ul li img {
    width: 35px;
    padding-left: 0.5%;
    padding-right: 0.5%;
}

.descripcion {
    font-size: 20px;
    font-weight: 100;
    font-family: 'Oswald', sans-serif;
    color: #fff;
    text-align: center;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
}

.firma {
    font-family: 'Oswald', sans-serif;
    font-weight: 100;
    color: #fff;
    text-align: center;
    padding-top: 0%;
    padding-bottom: 2%;
}

.six img {
    width: 100%;
}

footer {
    width: 100%;
    height: 30px;
    background-color: #0c65af;
    margin-top: 50px;
}

.bg-1 {
    margin-bottom: 50px;
}

.bg-2 {
    background-image: url(../img/mercedes-11.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    padding-top: 10px;
    padding-bottom: 30px;
    margin-top: 200px;
    margin-bottom: 0px;
}

.bg-1 .twelve h1 {
    padding-top: 30px;
    padding-bottom: 0px;
}


/* RESPONSIVE */
.video-container {
    position: relative;
    padding-top: 56.25%; /* Mantiene la relación 16:9 (altura/anchura * 100) */
    height: 0;
    overflow: hidden;
}

.video-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Asegura que la imagen cubra todo el contenedor */
    cursor: pointer; /* Cambia el cursor para indicar que es clickeable */
}

iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; /* Elimina el borde del iframe */
    display: none; /* Oculta el iframe inicialmente */
}

.video-container:after {
    background: #ccc url(https://s.libertaddigital.com/images/svg/play-icon.svg) center 47% / 60% no-repeat;
}

.video-container:after {
        background-color: rgba(0, 0, 0, .6);
    }

.video-container:after {
    background-color: rgba(27, 117, 187, .5);
    bottom: auto;
    left: auto;
    padding-bottom: 3em;
    right: .25em;
    top: .25em;
    width: 3em;
}

.video-container:after {
border: 0 solid #fff;
    border-radius: 0;
    bottom: 0;
    content: "";
    height: 0;
    right: 0;
    margin: 0px ! Important;
    padding-bottom: 4em;
    position: absolute;
    right: 0em;
    top: 0em;
    transition: background-color .3s;
    width: 4em;
}

   .video-ancho{margin-bottom: 0px !Important;}

.video-container-federico{margin-bottom: 50px !important;}




/*RESPONSIVE*/

@media all and (max-width: 550px) {



.patrocinadores {
    padding: 70px 0px 0px 0px !Important;}

    
.colaboradores {
    padding: 40px 0px 0px 0px !Important;}

    .texto-sombra {
        text-shadow: 1px 1px #000000, 2px 2px #000000, 3px 3px #000000, 4px 4px #000000, 
        5px 5px #000000, 6px 6px #000000, 7px 7px #000000, 8px 8px #000000, 
        9px 9px #000000, 10px 10px #000000, 11px 11px #000000, 12px 12px #000000, 
        13px 13px #000000, 14px 14px #000000, 15px 15px #000000, 16px 16px #000000, 
        17px 17px #000000, 18px 18px #000000, 19px 19px #000000, 20px 20px #000000,
        21px 21px #000000,22px 22px #000000,23px 23px #000000,24px 24px #000000,
        25px 25px #000000,26px 26px #000000,27px 27px #000000,28px 28px #000000,

    }   


.article-big h3 {
    font-size: 3em;
}
  

    .contenedor{width: 100%;margin: 0px;padding: 0px;}

        .inicial{        height: 255px;
        overflow: hidden;
        overflow-x: hidden;
        overflow-y: scroll;
-webkit-overflow-scrolling: touch;
    }

        .inicial::-webkit-scrollbar {
  width: 5px; /* Ancho de la barra de scroll */
}

.inicial::-webkit-scrollbar-thumb {
  background-color: #e3af36; /* Color del control del scroll */
  border-radius: 0px;
}

    .columns{margin-bottom:0px;margin-top: 0%;}
     .columns>.columns{margin-bottom:0px;margin-top: 10%;}

    .svg-overlay {
        display: none;
    }

    .reduce {
    margin-bottom: 10px !important;
    }

    .video-ancho{width: 100% !Important;padding:0px !Important;margin: 0px !Important;}


    h1 {
        color: #fff;
        text-align: center;
        padding-top: 5%;
        line-height: 1.2;
        font-size: 4em;
        font-weight: 900;
    }

    h1 span {
        color: #fff;
        text-align: center;
        line-height: 1.2;
        font-size: 16px;
        display: block;
        letter-spacing: 3px;
        font-weight: 300;
    }


    h1 span+span {
        color: #FFF;
        text-align: center;
        line-height: 1;
        font-size: 0.9em;
        font-weight: 900;
        margin-top: 10px;
    }

    h3 {
        color: #fff;
        font-weight: 300;
        font-size: 1.8em;
    }

    .article a:hover h3{
    color:#fff !important;
}

    p {
        font-size: 17px;
    }

    .destacado {
        padding-top: 5%;
        font-weight: 300;
        font-size: 2em !important;
    }

    .logo img {
        width: 100%;
        max-width: 290px;
        padding-top: 50px;
        padding-bottom: 1%;
        filter: grayscale(0%) !important;
    }


    .bg-1 {
        margin-bottom: 20px;
    }

    .bg-1 .twelve h1 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .sticky {
        position: relative;
        top: 0px;
    }

    .videos {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .margin-top{
        margin-top: 25px !Important;
    }

    .galeria {
        margin-bottom: 50px;
    }

    .galeria .three {
        width: 100% !important;
    }

    .borde {
        border: 0px solid #333;
        padding: 0% 4% 0% 4% !important;
        margin-bottom: 8% !Important;
    }

    .background {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        background-attachment: inherit;
        margin-top: 30px !important;
   
    }

    .background .destacado {
        text-align: center;
        color: #fff;
        margin: 0px;
        padding: 20px 0px 20px 0px;
        font-size: 1.8em !important;
        font-weight: 300;
        letter-spacing: 1px;
    }


  

    .contenedor, .contenedor-50, .contenedor-center, .contenedor-100 {
        margin: 0px auto;
    }

      .contenedor-100{
        margin: 30px auto !important;
        margin-top: 30px !important;
    }


    .video {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .azul p{
       text-align: justify;
    }



    .titular {
       margin-bottom: 10px !important;
       margin-top: 0px !important;
       letter-spacing: 1px;
    padding: 1% 4% 0% 4%;
    font-weight: 900;
    }



    .autor{
        margin-bottom: 20px !important;
                padding: 0% 4% 4% 4%;
    }

    .navbar ul li a {
    font-size: 9px;
    }   

    .carrusel{
      overflow-x: scroll;
      white-space: nowrap;
      position: relative;
    }

    .carrusel .twelve .columns{
      display: inline-block;
      float: none;
      margin-right: 5%;
      overflow: hidden;
      max-width: 340px;
    }

    .carrusel p{
        white-space: break-spaces;
    }

    /* Keyframes */
    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        animation-name: fadeInLeft;
    }

    @keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
    }

    .fadeInRight {
        -webkit-animation-name: fadeInRight;
        animation-name: fadeInRight;
    }

}


/*IPAD*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    h1 span+span {
        font-size: 1.2em;

    }

    .logo img {
    padding-top: 15%;
    
    }
}

/*Colaboradores*/

        .colaboradores {
            width: 100%;
            max-width: 1180px;
            margin: 0 auto;
            overflow: hidden;
            background: transparent;
            padding: 90px 0px 20px 0px;
            display: flex;
            justify-content: center;
            position: relative;
            margin-bottom: 40px;
        }

                .patrocinadores {
            width: 100%;
            max-width: 1180px;
            margin: 0 auto;
            overflow: hidden;
            background: transparent;
           padding: 40px 0px 60px 0px;
            display: flex;
            justify-content: center;
            position: relative;
        }

        .slider-wrapper {
            display: flex;
            width: max-content;
            animation: scroll 150s linear infinite;
        }

        .slider {
            display: flex;
            gap: 20px;
            margin-left: 20px;
        }


        .slider-wrapper2 {
            display: flex;
            width: max-content;
            animation: scroll 150s linear infinite;
        }

        .slider2 {
            display: flex;
            gap: 20px;
            margin-left: 20px;
        }

        .colaboradores h4{position: absolute;
             color: #fff;
            bottom: 85px;
            font-size: 1.3em;
        }

                .patrocinadores h4{position: absolute;
             color: #fff;
            bottom: 140px;
            font-size: 1.3em;
        }

        .slider img {
            width: 150px;
            height: auto;
            background: #1495b9;
        }


        .slider2 img {
            width: 120px;
            height: auto;
            background: #1495b9;
        }



        @keyframes scroll {
            from {
                transform: translateX(0);
            }
            to {
                transform: translateX(-40%);
            }
        }

        @media (max-width: 600px) {
            .slider img {
                width: 110px;
            }
                .colaboradores h4{position: absolute;
             color: #fff;
            bottom: 70px;
            font-size: 1em;
        }

                .patrocinadores h4{position: absolute;
             color: #fff;
            bottom: 70px;
            font-size: 1em;
        }
        }