@import url('https://fonts.googleapis.com/css2?family=Metamorphous&display=swap');
@import url(fuentes.css);

h1 {
    line-height: .8em;
}

p {
    font-family: 'Metamorphous';
}

body {
    background: #072b03;
}

@media (min-width: 1321px) and (max-width: 1540px) {

    body {
        width: 100%;
        background-color: #072b03; 
        display: flex;
        flex-wrap: wrap;
    }
        
    #header-1 {
        width: 100%;
        /* background-color: red; */
        background-size: 100%;
        display: none;
    }

    main {
        width: 70%;
    }
    
    .subheader {
        width: 80%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2em 1em;
        /* border: 1px solid #000; */
    }
    
    #header-2 {
        width: 25%;
        background: url(/imagenes/fondo-01.webp);
        background-size: 100%;
        padding: 1.5% 2.5%;
        /* border: 1px solid #ffffff; */
    }

    #inn-header {
        /* background-color: red; */
        position: fixed;
        width:inherit;
    }

    #logo {
        margin: none;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        /* border: 1px solid #000; */
        margin-bottom: .5em;
    }

    #logo a{
        margin: auto;
        display: flex;
        align-items: center;
    }
    
    #logo img {
        width: 80%;
        /* background-color: #c5c216; */
        margin: auto;
    }

    
    #header-2 menu {
        width: 100%;
        margin: auto;
        /* background: blue; */
    }

    #header-2 nav {
        /* background: red; */
        margin: auto;
        text-align: center;
        width: 100%;
    }

    #header-2 nav ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        /* background-color: aqua; */
        margin-bottom: 1em;
    }
    
    #header-2 nav ul a {
        text-decoration: none;
    }

    #header-2 nav ul a li {
        padding: .3em;
        margin-bottom: 0.35em;
        color: #f1e8e8;
        text-decoration: none;
        font-size: 1.3em;
        line-height: 1.5em;
    }
 
    #header-2 nav ul a li:hover {
        background: #c1950a;
        color: black;
    }
      
    .subheader h1 {
        font-weight: 400;
        font-style: normal;
        font-size: 3em;
    }

    #inn-footer-2 {
        width: 100%;
        text-align: center;
        color: white;
        line-height: 2.3em;
        margin: auto;
        /* background-color: rgb(50, 231, 14); */
        margin-top: 0.5em;
        padding: 0em;
    }
    
    #inn-footer-2 p {
        font-size: 1.3em;
        color: white;

    }
    
    #inn-footer-2 a {
        color: rgb(39, 255, 75);
        font-size: 1em;
        /* background-color: aqua; */
    }
    
    .redes {
        /* background: red; */
        display: flex;
        justify-content: space-between;
        width: 40%;
        margin: auto;
        margin-bottom: 1em;
        margin-top: 0em;
    }
   
    .icon-facebook {
        color: white;
        font-size: 2.5em;
        /* background-color: red; */
        
    }
    
    .icon-youtube-play {
        color: white;
        font-size: 2.5em;
        /* background-color: red; */
    }
    
    .icon-facebook:hover {
        color: rgb(0, 0, 0);
        font-size: 2em;
        background-color: #c1950a;
        
    }
    
    .icon-youtube-play:hover {
        color: rgb(0, 0, 0);
        font-size: 2em;
        background-color: #c1950a;
    }


    .banner {
        width: 100%;
        height: 700px;
        animation: banner 10s infinite linear alternate;
        background-size: 100% 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -99;
        padding: 2em 0em;
        /* margin-top: 1em; */
    }
    
    .banner .info p {
        color: #c7c7c7;
        line-height: 2em;
        /* margin-bottom 0em; */
        font-size: 1.8em;
        /* background-color: red; */
    }

    .banner-2 {
        width: 100%;
        height: 100vh;
        animation: banner 10s infinite linear alternate;
        background-size: 100% 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -99;
        padding: 1em 0em;
        /* margin-top: 1em; */
    }
    
    @keyframes banner {
        0%,
        100% {
        background-image: url("/imagenes/fondo-banner-shamrock.webp");
        }
    }

    .capa {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
    }

    .info {
        z-index: 1;
        width: 100%;
        max-width: 950px;
        text-align: center;
        /* background: rgb(7, 230, 92); */
        /* line-height: 31em; */
    }

    .info h1 {
        color: #fff;
        line-height: 1.1em;
        font-size: 5em;
        margin-bottom: 0em;
        font-family: AONCC___;
        letter-spacing: 1px;
        width: 100%;
        margin: auto;
        font-family: "AONCC___";
    }

    .banner-2 .info h1 {
        color: #fff;
        line-height: 1em;
        font-size: 5em;
        font-family: AONCC___;
        letter-spacing: 1px;
        width: 80%;
        margin: auto;
        font-family: "AONCC___";
    }

    .info p {
        color: #c7c7c7;
        line-height: 2em;
        /* margin-bottom: 10em; */
        font-size: 1.6em;
        /* background-color: red; */
    }
    
    .info img {
        width: 20%;
    } 
   
    #count {
        /* border: 1px solid #ffffff; */
        font-size: 1.5em;
        font-family: 'Metamorphous';
        margin: .5em 0em 0em 0em;
        /* background: #c1950a; */
    }
  
    #count ~ p {
        margin-top: 0em;
    }
    
    #patrocinadores {
        width: 90%;
        /* background-color: red; */
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #patrocinadores img {
        width: 20%;
        margin: 0.5em 1em;
    }

    .image-container .nudos {
        border: none;
        /* background-color: rgb(27, 37, 233); */
        width: 25%;
        margin: auto;
        margin-top: 0.5em;
        margin-bottom: 1em;
        padding: 0em 22.5em;
    }

    .image-container h2 {
        font-size: 3em;
        text-align: center;
        width: 100%;
        /* margin: auto; */
        line-height: 1em;
        font-family: "AONCC___";
        /* background-color: rgb(16, 105, 213); */
        color: white;
        margin-top: 0em;
        margin-bottom: 0em;
        padding: 0em;
    }

    .image-item-1 {
        margin-bottom: 1em;
    }

    button {
        width: 49.5%;
        margin-bottom: 10em;
        /* border: 10px solid #ffffff; */
        /* border: 1px solid #000; */
    }

    .image-container {
        margin-bottom: 20em;
        padding: 0em 0em;
        width: 100%;
        margin: auto;
        margin-top: 2em;
        /* border: 1px solid #ffffff; */
    }
            
    .container {
        /* border-top: 5px solid #c1950a; */
        width: 90%;
        margin: auto;
        /* background: RED; */
    }
      
    .slider-wrapper {
        position: relative;
        max-width: 48rem;
        margin: 0 auto;
        /* border: 1px solid #ffffff; */
    }

    .history__paragraph-1__programa {
        color:white;
        padding: 0% 0% 0% 0%;
        width: 80%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        /* background-color: red; */
        margin: auto;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        margin-top: 2em;
        border: 1px solid #ffffff;
    }

    .history__paragraph-1__programa .event {
        width: 20%;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        background-color: red;
        margin-top: .7em;
        margin-bottom: .7em;
        padding: 0em;
    }
   
    #count-down-hist #prog {
        margin-bottom: 0em;
        width: 60%;
        margin: 0em;
        text-align: center;
        /* background: red; */
        margin: auto;
    }

    .history__paragraph-1__programa--visible{
        transform: translateY(0);
        opacity: 1;      
    }

    .history__paragraph-1__programa .nudos {
        border: none;
        /* background-color: red; */
        /* margin-top: 5em; */
        /* margin-bottom: 1em; */
        width: 40%;
        margin: auto;
    }

    .history__paragraph-1__programa h1 {
        font-size: 2em;
        text-align: center;
        width: 70%;
        margin: auto;
        line-height: .9em;
        font-family: "AONCC___";
        margin-bottom: .3em;
    }

    .history__paragraph-1__programa p {
        font-size: 1em;
        text-align: center;
        font-family: "AONCC___";
        width: 100%;
        margin: auto;
        font-family: 'Metamorphous';
        line-height: 1.7em;
        color: #072b03;
    }

    .history__paragraph-1__programa a {
        text-decoration: none;
    }

    .history__paragraph-1__programa img {
    width: 100%;
    margin: 0em;
    margin-bottom: 1em;
    }

    #vermas {
        width: 30%;
        background: #c1950a;
        border-radius: 1em;
        padding: .5em;
    }

    #slider-new {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    #slider-new ul {
        display: flex;
        padding: 0;
        width: 400%;
        animation: slide 15s infinite alternate ease-in-out;
    }

    .slider-new li {
        width: 100%;
        list-style: none;
        position: relative;
    }

    #slider-new img {
        width: 100%;
    }

    @keyframes slide {
        0% {margin-left: 0;}
        20% {margin-left: 0;}
        
        25% {margin-left: -100%;}
        45% {margin-left: -100%;}
        
        50% {margin-left: -200%;}
        70% {margin-left: -200%;}
        
        75% {margin-left: -300%;}
        100% {margin-left: -300%;}
    }

#contacts-box {
    /* background-color: red; */
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 1em;
    width: 100%;
    margin: auto;
    flex-wrap: wrap;
}

#contacts-box img {
    width: 50%;
    margin-top: .2em;
}

.contact + .contact + .contact {
    margin-bottom: 8em;
}

.icon-phone {
    font-size: 1.5em;
}

.icon-mail {
    font-size: 1.5em;
}

.contact {
    margin-bottom: 1em;
    font-size: 3em;
    text-align: center;
    color: white;
    width: 45%;
    /* background-color: blue; */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact p {
    font-size: .5em;
    text-align: center;
    color: white;
    margin-top: .5em;
}
        
#mapa {
    color: white;
    width: 100%;
    /* border: 1px solid #000;   */
    /* background-color: red; */
    margin: auto;
    text-align: center;
    padding: 2em 0em 1em 0em;
}

#mapa iframe {
   width: 80%;
}

#mapa h1{
    font-family: "AONCC___";
    line-height: 1em;
    font-size: 3em;
    text-align: center;
    width: 100%;
    margin: auto;
    /* background-color: red;    */
    margin-bottom: .5em;
}

#mapa p{
    font-family: 'Metamorphous';
    width: 70%;
    margin: auto;
    margin-bottom: .7em;
    font-size: 1.5em;
}

.contact + .contact + .contact {
    margin-bottom: 0em;
}
 
    .history__paragraph-1__programa {
        color:white;
        padding: 0% 0% 0em 0%;
        width: 80%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        /* background-color: red; */
        margin: auto;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 2em;
        text-align: justify;
        line-height: 2em;
        border: 0px solid #000;
        /* border: 1px solid #ffffff; */
    }

    .event {
        width: 80%;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        /* background-color: red; */
        margin-top: .7em;
        margin-bottom: .7em;
        padding: 0em;
    }

    .history__paragraph-1__programa--visible{
        transform: translateY(0);
        opacity: 1;      
    }

    .history__paragraph-1__programa h2 {
        font-size: 2.5em;
        text-align: center;
        width: 100%;
        margin: auto;
        line-height: 1em;
        font-family: "AONCC___";
        margin-bottom: .3em;
    }

    .history__paragraph-1__programa ul {
        line-height: 1.7em;
        border-bottom: 5px solid #c1950a;
        padding-bottom: 2em;
        width: 80%;
        margin: auto;
    }

    .history__paragraph-1__programa li {
        font-size: 1.2em;   
    }

    
    .history__paragraph {
        color:white;
        padding: 1.5em 10% 2% 10%;
        width: 80%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #ffffff; */
        border-bottom: 5px solid #c1950a;
    }
    
    .history__paragraph img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }
    
    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }
    
    .history__paragraph .nudos {
        border: none;
        /* background-color: red; */
        width: 50%;
        margin-top: .8em;
    }
    
    .history__paragraph h1 {
        font-size: 3.5em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: 1em;
        font-family: "AONCC___";
    }
    
    .history__paragraph p {
        font-size: 1.2em;
        text-align: center;
        font-family: "AONCC___";
        width: 80%;
        margin: auto;
        font-family: 'Metamorphous';
        line-height: 1.7em;
    }
    
    .history__paragraph-1 {
        color:white;
        padding: 2% 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
    }
    
    .history__paragraph-1 img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }
    
    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }
    
    .history__paragraph-1 .nudos {
        border: none;
        /* background-color: red; */
        margin-top: 1em;
        margin-bottom: 1.5em;
        width: 70%;
    }
    
    .history__paragraph-1 h1 {
        font-size: 3em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: .5em;
        font-family: "AONCC___";
        margin-top: .5em;
    }
    
    .history__paragraph-1 p {
        font-size: 1em;
        text-align: justify;
        font-family: "AONCC___";
        width: 80%;
        margin: auto;
        font-family: 'Metamorphous';
        line-height: 1.7em;
    }
    
    .history__paragraph-2 {
        color:white;
        padding: 2% 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */        
    }
    
    .history__paragraph-2 img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }
    
    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }
    
    .history__paragraph-2 .nudos {
        border: none;
        /* background-color: red; */
    }
    
    .history__paragraph-2 p {
        font-size: 1em;
        text-align: justify;
        font-family: "AONCC___";
        width: 80%;
        margin: none;
        font-family: 'Metamorphous';
        line-height: 1.7em;
    }
    
    
    .history__paragraph-3 {
        color:white;
        padding: 2% 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
        /* background-color: red; */
    }
    
    .history__paragraph-3 img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }
    
    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }
    
    .history__paragraph-3 .nudos {
        border: none;
        /* background-color: red; */
    }
    
    .history__paragraph-3 h1 {
        font-size: 3em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: .9em;
        font-family: "AONCC___";
    }
    
    .history__paragraph-3 p {
        font-size: 1em;
        text-align: justify;
        font-family: "AONCC___";
        width: 80%;
        margin: auto;
        font-family: 'Metamorphous';
        line-height: 1.7em;
    }
    
    .batallon__paragraph {
        color:white;
        padding: 2em 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a; */
        border-bottom: 5px solid #c1950a;
    }
    
    .batallon__paragraph img {
        width: 20%;
        border: 5px solid #c1950a;
        margin-bottom: .5em;
        margin-top: .5em;
    }
    
    .batallon__paragraph img ~ img {
        width: 50%;
        border: 5px solid #c1950a;
        margin-bottom: 1em;
        margin-top: 1em;
    }
    
    .batallon__paragraph .nudos {
        border: none;
        /* background-color: red; */
        width: 40%;
        margin-top: .5em;
    }
    
    .batallon__paragraph h2 {
        font-size: 3.5em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: 1em;
        font-family: "AONCC___";
        /* background-color: red; */
    }
    
    .batallon__paragraph p {
        font-size: 1.2em;
        text-align: center;
        font-family: "AONCC___";
        width: 70%;
        margin: auto;
        font-family: 'Metamorphous';
        line-height: 1.7em;
    }

    .convocatorias {
        color:white;
        padding: 0% 0% 0% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: none;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a; */
        border-bottom: 5px solid #c1950a;
    }
    
    #convocatorias-cards {
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;
        padding: 2em 0em;
        /* border-bottom: 5px solid #c1950a; */
        width: 65em;
        /* background-color: red; */
        margin: auto;
        border-bottom: 5px solid #c1950a;
    }

    #convocatorias-cards h2 {
        font-size: 3.5em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: .8em;
        font-family: "AONCC___";
        color: white;
        /* background-color: #0a1f03; */
    }

    #convocatorias-cards .nudos {
        border: none;
        /* background-color: red; */
        width: 45%;
        margin-top: .5em;
     }

    .card {
        width: 17em;
        /* height: 12em; */
        padding: 0.7rem;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);
        transition: 0.5s ease-in-out;
        margin: 0.5em 0em 16em 0em;
        text-align: center;
    }

    .card:hover {
        transform: translateY(20px);
    }

    .card:before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        padding: 7em 0em;
        background: rgb(0, 0, 0, 0.8);
        z-index: 2;
        transition: 0.5s all;
        opacity: 0;
    }

    .card:hover:before{
        opacity: 1;
    }

    .card img {
        width: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
    }

    .card .info {
        position: relative;
        z-index: 3;
        color: #ffffff;
        opacity: 0;
        transform: translateY(30px);
        transition: 0.5s all;
        display: flex;
        flex-direction: column;
        letter-spacing: 0px;
        font-size: .5em;
        margin-top: 0px;
        margin-bottom: 0em;
        margin: 0em;
        line-height: 2.15em;
        /* background-color: red; */
    }

    .card:hover .info {
        opacity: 1;
        transform: translateY(0px);
    }

    .card .info h1 {
        margin: 0;
        font-family: "AONCC___";
    }

    .card .info p{
        width: 16em;
        margin: auto;
    }

    .card .info .btn {
        text-decoration: none;
        padding: 1rem 1rem;
        background: #c1950a;
        color: #000;
        font-size: 20px;
        font-weight: bold;
        cursor: pointer;
        transition: 0.4s ease-in-out;
        margin: 0em;
        position: relative;
        width: 50%;
        margin: auto;
        top: 6.5em;
    }

    .card .info .btn:hover {
        text-decoration: none;
        padding: 1rem 1rem;
        background: #ffffff;
        color: #000;
        font-size: 20px;
        font-weight: bold;
        cursor: pointer;
        transition: 0.4s ease-in-out;
        margin: 0em;
        position: relative;
        width: 50%;
        margin: auto;
        top: 6.5em;
    }

    .card .info .btn:hover {
        box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);
    }

    #cards {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin-top: 1em;
        width: 60em;
        /* background-color:  pink; */
    }
    
    #sponsors .nudos {
        margin-top: 0em;
        margin-bottom: 1em;
        width: 80% ;
        margin: auto;
     }
    
     #patrocinadores--2 {
        color:white;
        padding: 2em 0% 8% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a; */
        /* border-bottom: 5px solid #c1950a; */
     }
    
     #patrocinadores--2 .nudos {
        border: none;
        /* background-color: red; */
        width: 45%;
        margin-top: 0.8em;
     }

         #patrocinadores--2 h2 {
        font-size: 3.5em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: .8em;
        font-family: "AONCC___";
        color: white;
        /* background-color: #0a1f03; */
    }
    
     #patrocinadores--2 img{
        width: 25%;
        margin: 1em 0em 4em 0em;
     }
    
    
    .inn-patrons {
        /* background-color: red; */
        /* border: 1px solid #000; */
        width: 90%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
    }
    
    #patrocinadores--2 a {
        font-size: 1.5em;
        color: #072b03;
        background: #c1950a;
        padding: 1em;
        border-radius: 1em;
        text-decoration: none;
        font-family: 'Metamorphous';
        width: 20%;
        text-align: center;
        line-height: 1.3em;
    }
    
    #patrocinadores--2 a:hover {
        font-size: 1.2em;
        color: #072b03;
        background: #ffffff;
        padding: 1em;
        border-radius: 1em;
        text-decoration: none;
        font-family: 'Metamorphous';
        width: 15%;
        text-align: center;
        line-height: 1.3em;
    }

    #convocatoria-main {
        width: 90%;
        padding: 0.5em 0em 0em 0em;
        /* border: 1px solid #ffffff; */
        margin: auto;
        /* background-color: red; */
    }

    .convocatoria-square {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        /* background-color: #c1950a; */
        margin: auto;
    }

    .descripcion{
        width: 48%;
        margin: none;
        /* padding: .5em; */
        /* background-color: red; */
        margin: 0em;
    }

    .descripcion-2{
        width: 100%;
        margin: none;
        color: white;
        margin: 0em;
        color: white;
        font-family: 'Metamorphous';
        text-align: justify;
        line-height: 2.5em;
        font-size: .6em;
        /* background-color: red; */
    }

    .descripcion p {
        color: white;
        font-family: 'Metamorphous';
        text-align: left;
        line-height: 2.3em;
        font-size: 1em;
    }

    #convocatoria-main-prensa {
        width: 90%;
        padding: 0.5em 0em 0em 0em;
        /* border: 1px solid #ffffff; */
        margin: auto;
        /* background-color: red; */
    }
    
    #convocatoria-main-prensa .descripcion{
        width: 100%;
        margin: none;
        /* padding: .5em; */
        /* background-color: red; */
        margin: 0em;
    }

    #convocatoria-main-prensa .descripcion p {
        color: white;
        font-family: 'Metamorphous';
        text-align: justify;
        line-height: 2.5em;
        font-size: .6em;
        /* background-color: aqua  ; */
        margin: 0em;
    }

    .convocatoria-square img {
        width: 48%;
        margin: 0em;
    }

    #boton {
        width: 90%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 4em;
        /* background-color: red;*/
        display: flex;
        flex-direction: row;
        margin-bottom: 1em;
    }
    
    .inside-boton div {
       /* background-color: green; */
       width: 40%;
       margin: auto;
       /* padding: 1em; */
    }
    
    .inside-boton {
        width: 30%;
        margin: auto;
        color: white;
        text-align: center;
        padding: 1em;
        /* background-color: #8f1f1f; */
    }
    
    .inside-boton p {
        margin-bottom: .3em;
        font-size: 1.2em;
    }
    
    .icon-download {
        width: 100%;
        margin: auto;
        background-color: #c1950a;
        text-align: center;
        border-radius: .7em;
        padding: .5em;
        color: #072b03;
        font-size: 2em;
    }
    
    .icon-download:hover {
        width: 40%;
        margin: auto;
        background-color: #ffffff;
        text-align: center;
        border-radius: .7em;
        padding: .5em;
        color: #072b03;
        font-size: 2em;
    }
    
    footer {
        display: none;
    }

    #inn-footer {
        display: none;
    }

    #boton-2 {
        width: 100%;
        margin: auto;
        color: white;
        text-align: center;
        /* background-color: red;   */
        display: flex;
        flex-direction: row;
        margin-top: 0em;
        font-size: 1.9em;
    }

    
    .inside-boton-2 .icon-download {
        width: 30%;
        margin: auto;
        background-color: #c1950a;
        text-align: center;
        border-radius: .7em;
        padding: .5em;
        color: #072b03;
        font-size: 2em;
        margin-top: .5em;
        margin-bottom: .5em;
    }

    .inside-boton-2 {
        width: 30%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 0em;
        line-height: .8em;
        margin-bottom: 1em;
        /* background-color: rgb(123, 236, 16); */
    }

    .inside-boton-2 a {
        color: white;
        font-size: .6em;
        text-decoration: none;
        font-weight: bold;
        font-family: 'Metamorphous';
    }
    
    .inside-boton-dropdown {
        width: 90%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 0.7em;
        margin-bottom: 1em;
        /* background-color: red; */
        font-size: 2em;
        display: none;
    }

    .inside-boton-dropdown ul {
        list-style: none;
        background-color: #c1950a;

    }

    .inside-boton-dropdown ul li {
        display: inline-block;
        position: relative;
    }

    .inside-boton-dropdown ul li a {
        display: block;
        padding: 20px 25px;
        color: #072b03;
        text-decoration: none;
        text-align: center;
        /* font-size: 20px; */
    }

    .inside-boton-dropdown ul li ul.dropdown li {
        display: block;
    }

    .inside-boton-dropdown ul li ul.dropdown {
        width: 100%;
        background-color: #c1950a;
        position: absolute;
        z-index: 999;
        display: none;
    }

    .inside-boton-dropdown ul li a:hover {
        background-color: #072b03;
        color: #ffffff;
        border: 1px solid #ffffff;
    }

    .inside-boton-dropdown ul li:hover ul.dropdown {
        display: block;
    }
        
    .batallon__paragraph + iframe {
        margin: auto;
        width: 100%;
        margin-bottom: 1em;
    }
    
}

@media (min-width: 1168px) and (max-width: 1320px) {
     
    body {
        width: 100%;
        background-color: #072b03; 
        display: flex;
        flex-wrap: wrap;
    }
        
    #header-1 {
        width: 100%;
        /* background-color: red; */
        background-size: 100%;
        display: none;
    }

    main {
        width: 70%;
    }
    
    .subheader {
        width: 80%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2em 1em;
        /* border: 1px solid #000; */
    }
    
    #header-2 {
        width: 25%;
        background: url(/imagenes/fondo-01.webp);
        background-size: 100%;
        padding: 1.5% 2.5%;
        /* border: 1px solid #ffffff; */
    }

    #inn-header {
        /* background-color: red; */
        position: fixed;
        width:inherit;
    }

    #logo {
        margin: none;   
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        /* border: 1px solid #000; */
        margin-bottom: .5em;
    }

    #logo a{
        margin: auto;
        display: flex;
        align-items: center;
    }
    
    #logo img {
        width: 65%;
        /* background-color: #c5c216; */
        margin: auto;
    }

    
    #header-2 menu {
        width: 100%;
        margin: auto;
        /* background: blue; */
    }

    #header-2 nav {
        /* background: red; */
        margin: auto;
        text-align: center;
        width: 100%;
    }

    #header-2 nav ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        /* background-color: aqua; */
        margin-bottom: 1.2em;
    }
    
    #header-2 nav ul a {
        text-decoration: none;
    }

    #header-2 nav ul a li {
        padding: .3em;
        margin-bottom: 0.1em;
        color: #f1e8e8;
        text-decoration: none;
        font-size: 1.1  em;
        line-height: 1.5em;
    }
    
    #header-2 nav ul a li:hover {
        background: #c1950a;
        color: black;
    }
      
    .subheader h1 {
        font-weight: 400;
        font-style: normal;
        font-size: 3em;
    }

    #inn-footer-2 {
        width: 100%;
        text-align: center;
        color: white;
        line-height: 1.7em;
        margin: auto;
        /* background-color: rgb(50, 231, 14); */
        margin-top: 0.5em;
        padding: 0em;
    }
    
    
    #inn-footer-2 p {
        font-size: .8em;
        color: rgb(255, 255, 255);

    }
    
    #inn-footer-2 a {
        color: rgb(39, 255, 75);
        font-size: 1em;
        /* background-color: aqua; */
    }
    
    .redes {
        /* background: red; */
        display: flex;
        justify-content: space-between;
        width: 40%;
        margin: auto;
        margin-bottom: .8em;
        margin-top: 0.8em;
    }
   
    .icon-facebook {
        color: white;
        font-size: 2em;
        /* background-color: red; */
        
    }
    
    .icon-youtube-play {
        color: white;
        font-size: 2em;
        /* background-color: red; */
    }
    
    .icon-facebook:hover {
        color: rgb(0, 0, 0);
        font-size: 2em;
        background-color: #c1950a;
        
    }
    
    .icon-youtube-play:hover {
        color: rgb(0, 0, 0);
        font-size: 2em;
        background-color: #c1950a;
    }

    .banner {
        width: 100%;
        height: 70px;
        animation: banner 10s infinite linear alternate;
        background-size: 100% 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -99;
        padding: 18em 0em;
        /* margin-top: 1em; */
    }

    .banner-2 {
        width: 100%;
        height: 550px;
        animation: banner 10s infinite linear alternate;
        background-size: 100% 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -99;
        padding: 1em 0em;
        /* margin-top: 1em; */
    }
    
    @keyframes banner {
        0%,
        100% {
        background-image: url("/imagenes/fondo-banner-shamrock.webp");
        }
    }

    .capa {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
    }

    .info {
        z-index: 1;
        width: 95%;
        max-width: 550px;
        text-align: center;
        /* background: rgb(7, 230, 92); */
        /* line-height: 31em; */
    }

    .info h1 {
        color: #fff;
        line-height: 1em;
        font-size: 3.5em;
        margin-bottom: 0em;
        letter-spacing: 1px;
        width: 100%;
        margin: auto;
        font-family: "AONCC___";
    }

    .info p {
        color: #c7c7c7;
        line-height: 2.5em;
        /* margin-bottom 0em; */
        font-size: 1.3em;
        /* background-color: red; */
    }
    
    .info img {
        width: 20%;
    } 
   
    #count {
        /* border: 1px solid #ffffff; */
        font-size: 1.4em;
        font-family: 'Metamorphous';
        margin: .5em 0em 0em 0em;
        /* background: #c1950a; */
    }
  
    #count ~ p {
        margin-top: 0em;
    }
    
    #patrocinadores {
        width: 90%;
        /* background-color: red; */
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #patrocinadores img {
        width: 20%;
        margin: 0.5em 1em;
    }

    .image-container .nudos {
        border: none;
        /* background-color: rgb(27, 37, 233); */
        width: 30%;
        margin-top: 0em;
        margin-bottom: 1em;
        padding: 0em 15em;
    }

    .image-container h2 {
        font-size: 2.5em;
        text-align: center;
        width: 60%;
        /* margin: auto; */
        line-height: 1em;
        font-family: "AONCC___";
        /* background-color: red; */
        color: white;
        margin-top: 0em;
        margin-bottom: 0em;
        padding: 0em;
    }

    .image-item-1 {
        margin-bottom: 1em;
    }

    button {
        width: 40%;
        margin-bottom: 10em;
        /* border: 10px solid #ffffff; */
        /* border: 1px solid #000; */
    }

    .image-container {
        margin-bottom: 20em;
        padding: 0em 0em;
        width: 100%;
        margin: auto;
        margin-top: 2em;
        /* border: 1px solid #ffffff; */
    }
            
    .container {
        /* border-top: 5px solid #c1950a; */
        width: 90%;
        margin: auto;
        /* background: RED; */
    }

    .slider-wrapper {
        position: relative;
        max-width: 48rem;
        margin: 0 auto;
        /* border: 1px solid #ffffff; */
    }

    .history__paragraph-1__programa {
        color:white;
        padding: 0% 0% 0% 0%;
        width: 80%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        /* background-color: red; */
        margin: auto;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        margin-top: 2em;
        border: 1px solid #ffffff;
    }

    .history__paragraph-1__programa .event {
        width: 20%;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        background-color: red;
        margin-top: .7em;
        margin-bottom: .7em;
        padding: 0em;
    }
   
    #count-down-hist #prog {
        margin-bottom: 0em;
        width: 60%;
        margin: 0em;
        text-align: center;
        /* background: red; */
        margin: auto;
    }

    .history__paragraph-1__programa--visible{
        transform: translateY(0);
        opacity: 1;      
    }

    .history__paragraph-1__programa .nudos {
        border: none;
        /* background-color: red; */
        /* margin-top: 5em; */
        /* margin-bottom: 1em; */
        width: 40%;
        margin: auto;
    }

    .history__paragraph-1__programa h1 {
        font-size: 2em;
        text-align: center;
        width: 70%;
        margin: auto;
        line-height: .9em;
        font-family: "AONCC___";
        margin-bottom: .3em;
    }

    .history__paragraph-1__programa p {
        font-size: 1em;
        text-align: center;
        font-family: "AONCC___";
        width: 100%;
        margin: auto;
        font-family: 'Metamorphous';
        line-height: 1.7em;
        color: #072b03;
    }

    .history__paragraph-1__programa a {
        text-decoration: none;
    }

    .history__paragraph-1__programa img {
    width: 100%;
    margin: 0em;
    margin-bottom: 1em;
    }

    #vermas {
        width: 30%;
        background: #c1950a;
        border-radius: 1em;
        padding: .5em;
    }

    #slider-new {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    #slider-new ul {
        display: flex;
        padding: 0;
        width: 400%;
        animation: slide 15s infinite alternate ease-in-out;
    }

    .slider-new li {
        width: 100%;
        list-style: none;
        position: relative;
    }

    #slider-new img {
        width: 100%;
    }

    @keyframes slide {
        0% {margin-left: 0;}
        20% {margin-left: 0;}
        
        25% {margin-left: -100%;}
        45% {margin-left: -100%;}
        
        50% {margin-left: -200%;}
        70% {margin-left: -200%;}
        
        75% {margin-left: -300%;}
        100% {margin-left: -300%;}
    }

#contacts-box {
    /* background-color: red; */
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 1em;
    width: 100%;
    margin: auto;
    flex-wrap: wrap;
}

#contacts-box img {
    width: 60%;
    margin-top: .2em;
}

.contact + .contact + .contact {
    margin-bottom: 8em;
}

.contact {
    margin-bottom: 1em;
    font-size: 3em;
    text-align: center;
    color: white;
    width: 45%;
    /* background-color: blue; */
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact p {
    font-size: .5em;
    text-align: center;
    color: white;
    margin-top: .5em;
}
        
#mapa {
    color: white;
    width: 100%;
    /* border: 1px solid #000;   */
    /* background-color: red; */
    margin: auto;
    text-align: center;
    padding: 1em 0em 1em 0em;
}

#mapa iframe {
   width: 80%;
}

#mapa h1{
    font-family: "AONCC___";
    line-height: 1em;
    font-size: 2em;
    text-align: center;
    width: 100%;
    margin: auto;
    /* background-color: red;    */
    margin-bottom: .5em;
}

#mapa p{
    font-family: 'Metamorphous';
    width: 70%;
    margin: auto;
    margin-bottom: .7em;
}

.contact + .contact + .contact {
    margin-bottom: 0em;
}

.icon-phone {
    font-size: 1em;
}

.icon-mail {
    font-size: 1em;
}
 
    .history__paragraph-1__programa {
        color:white;
        padding: 0% 0% 0em 0%;
        width: 80%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        /* background-color: red; */
        margin: auto;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 2em;
        text-align: justify;
        line-height: 2em;
        border: 0px solid #000;
        /* border: 1px solid #ffffff; */
    }

    .event {
        width: 80%;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        /* background-color: red; */
        margin-top: .7em;
        margin-bottom: .7em;
        padding: 0em;
    }

    .history__paragraph-1__programa--visible{
        transform: translateY(0);
        opacity: 1;      
    }

    .history__paragraph-1__programa h2 {
        font-size: 2.5em;
        text-align: center;
        width: 100%;
        margin: auto;
        line-height: 1em;
        font-family: "AONCC___";
        margin-bottom: .3em;
    }

    .history__paragraph-1__programa ul {
        line-height: 1.7em;
        border-bottom: 5px solid #c1950a;
        padding-bottom: 2em;
        width: 80%;
        margin: auto;
    }

    .history__paragraph-1__programa li {
        font-size: 1.2em;   
    }

    
    .history__paragraph {
        color:white;
        padding: 1.5em 10% 2% 10%;
        width: 80%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #ffffff; */
        border-bottom: 5px solid #c1950a;
    }
    
    .history__paragraph img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }
    
    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }
    
    .history__paragraph .nudos {
        border: none;
        /* background-color: red; */
        width: 75%;
        margin-top: .3em;
    }
    
    .history__paragraph h1 {
        font-size: 2.5em;
        text-align: center;
        width: 100%;
        margin: auto;
        line-height: 1em;
        font-family: "AONCC___";
    }
    
    .history__paragraph p {
        font-size: 1em;
        text-align: center;
        font-family: "AONCC___";
        width: 80%;
        margin: auto;
        font-family: 'Metamorphous';
        line-height: 1.7em;
    }
    
    .history__paragraph-1 {
        color:white;
        padding: 2% 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
    }
    
    .history__paragraph-1 img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }
    
    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }
    
    .history__paragraph-1 .nudos {
        border: none;
        /* background-color: red; */
        margin-top: 1em;
        margin-bottom: 1.5em;
        width: 70%;
    }
    
    .history__paragraph-1 h1 {
        font-size: 3em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: .5em;
        font-family: "AONCC___";
        margin-top: .5em;
    }
    
    .history__paragraph-1 p {
        font-size: 1em;
        text-align: justify;
        font-family: "AONCC___";
        width: 80%;
        margin: auto;
        font-family: 'Metamorphous';
        line-height: 1.7em;
    }
    
    .history__paragraph-2 {
        color:white;
        padding: 2% 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */        
    }
    
    .history__paragraph-2 img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }
    
    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }
    
    .history__paragraph-2 .nudos {
        border: none;
        /* background-color: red; */
    }
    
    .history__paragraph-2 p {
        font-size: 1em;
        text-align: justify;
        font-family: "AONCC___";
        width: 80%;
        margin: none;
        font-family: 'Metamorphous';
        line-height: 1.7em;
    }
    
    
    .history__paragraph-3 {
        color:white;
        padding: 2% 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
        /* background-color: red; */
    }
    
    .history__paragraph-3 img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }
    
    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }
    
    .history__paragraph-3 .nudos {
        border: none;
        /* background-color: red; */
    }
    
    .history__paragraph-3 h1 {
        font-size: 3em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: .9em;
        font-family: "AONCC___";
    }
    
    .history__paragraph-3 p {
        font-size: 1em;
        text-align: justify;
        font-family: "AONCC___";
        width: 80%;
        margin: auto;
        font-family: 'Metamorphous';
        line-height: 1.7em;
    }
    
    .batallon__paragraph {
        color:white;
        padding: 1.2em 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a; */
        border-bottom: 5px solid #c1950a;
    }
    
    .batallon__paragraph img {
        width: 90%;
        border: 5px solid #c1950a;
        margin-bottom: .5em;
        margin-top: .5em;
    }
    
    .batallon__paragraph img ~ img {
        width: 70%;
        border: 5px solid #c1950a;
        margin-bottom: 1em;
        margin-top: 1em;
    }
    
    .batallon__paragraph .nudos {
        border: none;
        /* background-color: red; */
        width: 60%;
        margin-top: .2em;
    }
    
    .batallon__paragraph h2 {
        font-size: 2.5em;
        text-align: center;
        width: 50%;
        margin: auto;
        line-height: 1em;
        font-family: "AONCC___";
        /* background-color: red; */
    }
    
    .batallon__paragraph p {
        font-size: 1em;
        text-align: center;
        font-family: "AONCC___";
        width: 70%;
        margin: auto;
        font-family: 'Metamorphous';
        line-height: 1.7em;
    }

    .convocatorias {
        color:white;
        padding: 0% 0% 0% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: none;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a; */
        border-bottom: 5px solid #c1950a;
    }
    
    #convocatorias-cards {
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;
        padding: 2em 0em;
        /* border-bottom: 5px solid #c1950a; */
        width: 49em;
        /* background-color: red; */
        margin: auto;
        border-bottom: 5px solid #c1950a;
    }

    #convocatorias-cards h2 {
        font-size: 2.5em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: .8em;
        font-family: "AONCC___";
        color: white;
        /* background-color: #0a1f03; */
    }

    #convocatorias-cards .nudos {
        border: none;
        /* background-color: red; */
        width: 65%;
        margin-top: .5em;
     }

    .card {
        width: 13em;
        /* height: 12em; */
        padding: 0.7rem;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);
        transition: 0.5s ease-in-out;
        margin: 0.5em 0em 12em 0em;
        text-align: center;
    }

    .card:hover {
        transform: translateY(20px);
    }

    .card:before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        padding: 5em 0em;
        background: rgb(0, 0, 0, 0.8);
        z-index: 2;
        transition: 0.5s all;
        opacity: 0;
    }

    .card:hover:before{
        opacity: 1;
    }

    .card img {
        width: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
    }

    .card .info {
        position: relative;
        z-index: 3;
        color: #ffffff;
        opacity: 0;
        transform: translateY(30px);
        transition: 0.5s all;
        display: flex;
        flex-direction: column;
        letter-spacing: 0px;
        font-size: .5em;
        margin-top: 0px;
        margin-bottom: 0em;
        margin: 0em;
        line-height: 2.15em;
        /* background-color: red; */
    }
    
    .info h1 {
        color: #fff;
        line-height: 1em;
        font-size: 2.3em;
        margin-bottom: 0em;
        letter-spacing: 1px;
        width: 80%;
        margin: auto;
        font-family: "AONCC___";
    }

    .card:hover .info {
        opacity: 1;
        transform: translateY(0px);
    }

    .card .info h1 {
        margin: 0;
        font-family: "AONCC___";
    }

    .card .info p{
        width: 16em;
        margin: auto;
    }

    .card .info .btn {
        text-decoration: none;
        padding: 1rem 1rem;
        background: #c1950a;
        color: #000;
        font-size: 20px;
        font-weight: bold;
        cursor: pointer;
        transition: 0.4s ease-in-out;
        margin: 0em;
        position: relative;
        width: 50%;
        margin: auto;
        top: 5em;
    }

    
    .card .info .btn:hover {
        text-decoration: none;
        padding: 1rem 1rem;
        background: #ffffff;
        color: #000;
        font-size: 20px;
        font-weight: bold;
        cursor: pointer;
        transition: 0.4s ease-in-out;
        margin: 0em;
        position: relative;
        width: 50%;
        margin: auto;
        top: 6.5em;
    }


    .card .info .btn:hover {
        box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);
    }

    #cards {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        margin-top: 1em;
        width: 47em;
        /* background-color: pink; */
    }
    
    #sponsors .nudos {
        margin-top: 0em;
        margin-bottom: 1em;
        width: 80% ;
        margin: auto;
     }
    
     #patrocinadores--2 {
        color:white;
        padding: 2em 0% 8% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a; */
        /* border-bottom: 5px solid #c1950a; */
     }
    
     #patrocinadores--2 .nudos {
        border: none;
        /* background-color: red; */
        width: 65%;
        margin-top: 0.5em;
     }

         #patrocinadores--2 h2 {
        font-size: 2.5em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: .8em;
        font-family: "AONCC___";
        color: white;
        /* background-color: #0a1f03; */
    }
    
     #patrocinadores--2 img{
        width: 25%;
        margin: 1em 0em 4em 0em;
     }
    
    
    .inn-patrons {
        /* background-color: red; */
        /* border: 1px solid #000; */
        width: 90%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
    }
    
    #patrocinadores--2 a {
        font-size: 1.2em;
        color: #072b03;
        background: #c1950a;
        padding: 1em;
        border-radius: 1em;
        text-decoration: none;
        font-family: 'Metamorphous';
        width: 40%;
        text-align: center;
        line-height: 1.3em;
    }

    #convocatoria-main {
        width: 90%;
        padding: 0.5em 0em 0em 0em;
        /* border: 1px solid #ffffff; */
        margin: auto;
        /* background-color: red; */
    }

    .convocatoria-square {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        /* background-color: #c1950a; */
        margin: auto;
    }

    .descripcion{
        width: 48%;
        margin: none;
        /* padding: .5em; */
        /* background-color: red; */
        margin: 0em;
    }

    .descripcion-2{
        width: 100%;
        margin: none;
        color: white;
        margin: 0em;
        color: white;
        font-family: 'Metamorphous';
        text-align: justify;
        line-height: 2.5em;
        font-size: .6em;
        /* background-color: red; */
    }

    .descripcion p {
        color: white;
        font-family: 'Metamorphous';
        text-align: left;
        line-height: 2.3em;
        font-size: 1em;
    }

    #convocatoria-main-prensa {
        width: 90%;
        padding: 0.5em 0em 0em 0em;
        /* border: 1px solid #ffffff; */
        margin: auto;
        /* background-color: red; */
    }
    
    #convocatoria-main-prensa .descripcion{
        width: 100%;
        margin: none;
        /* padding: .5em; */
        /* background-color: red; */
        margin: 0em;
    }

    #convocatoria-main-prensa .descripcion p {
        color: white;
        font-family: 'Metamorphous';
        text-align: justify;
        line-height: 2.5em;
        font-size: .6em;
        /* background-color: aqua  ; */
        margin: 0em;
    }

    .convocatoria-square img {
        width: 48%;
        margin: 0em;
    }

    #boton {
        width: 90%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 3em;
        /* background-color: red;*/
        display: flex;
        flex-direction: row;
        margin-bottom: 1em;
    }
    
    .inside-boton div {
       /* background-color: green; */
       width: 40%;
       margin: auto;
       /* padding: 1em; */
    }
    
    .inside-boton {
        width: 30%;
        margin: auto;
        color: white;
        text-align: center;
        padding: 1em;
        /* background-color: #8f1f1f; */
    }
    
    .inside-boton p {
        margin-bottom: .3em;
        font-size: 1.2 nem;
    }
    
    .icon-download {
        width: 100%;
        margin: auto;
        background-color: #c1950a;
        text-align: center;
        border-radius: .7em;
        padding: .5em;
        color: #072b03;
        font-size: 2em;
    }
    
    .icon-download:hover {
        width: 40%;
        margin: auto;
        background-color: #ffffff;
        text-align: center;
        border-radius: .7em;
        padding: .5em;
        color: #072b03;
        font-size: 2em;
    }

    footer {
        display: none;
    }

    #inn-footer {
        display: none;
    }

    #boton-2 {
        width: 100%;
        margin: auto;
        color: white;
        text-align: center;
        /* background-color: red;   */
        display: flex;
        flex-direction: row;
        margin-top: 1.5em;
        font-size: 1.7em;
    }

    
    .inside-boton-2 .icon-download {
        width: 30%;
        margin: auto;
        background-color: #c1950a;
        text-align: center;
        border-radius: .7em;
        padding: .5em;
        color: #072b03;
        font-size: 2em;
        margin-top: .5em;
        margin-bottom: .5em;
    }

    .inside-boton-2 {
        width: 40%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 0em;
        line-height: .8em;
        margin-bottom: 1em;
        /* background-color: rgb(123, 236, 16); */
    }

    .inside-boton-2 a {
        color: white;
        font-size: .6em;
        text-decoration: none;
        font-weight: bold;
        font-family: 'Metamorphous';
    }
    
    .inside-boton-dropdown {
        width: 90%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 0.7em;
        margin-bottom: 1em;
        /* background-color: red; */
        font-size: 2em;
        display: none;
    }

    .inside-boton-dropdown ul {
        list-style: none;
        background-color: #c1950a;

    }

    .inside-boton-dropdown ul li {
        display: inline-block;
        position: relative;
    }

    .inside-boton-dropdown ul li a {
        display: block;
        padding: 20px 25px;
        color: #072b03;
        text-decoration: none;
        text-align: center;
        /* font-size: 20px; */
    }

    .inside-boton-dropdown ul li ul.dropdown li {
        display: block;
    }

    .inside-boton-dropdown ul li ul.dropdown {
        width: 100%;
        background-color: #c1950a;
        position: absolute;
        z-index: 999;
        display: none;
    }

    .inside-boton-dropdown ul li a:hover {
        background-color: #072b03;
        color: #ffffff;
        border: 1px solid #ffffff;
    }

    .inside-boton-dropdown ul li:hover ul.dropdown {
        display: block;
    }
        
    .batallon__paragraph + iframe {
        margin: auto;
        width: 100%;
        margin-bottom: 1em;
    }
    
}

@media (min-width: 652px) and (max-width: 1167px) {
     
    body {
        width: 100%;
        background-color: #072b03; 
        display: flex;
        flex-wrap: wrap;
    }
        
    #header-1 {
        width: 100%;
        /* background-color: red; */
        background-size: 100%;
        display: none;
    }

    main {
        width: 70%;
    }
    
    .subheader {
        width: 80%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2em 1em;
        /* border: 1px solid #000; */
    }
    
    #header-2 {
        width: 25%;
        background: url(/imagenes/fondo-01.webp);
        background-size: 100%;
        padding: 2.5%;
        /* border: 1px solid #ffffff; */
    }

    #inn-header {
        /* background-color: red; */
        position: fixed;
        width:inherit;
    }

    #logo {
        margin: none;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        /* border: 1px solid #000; */
        margin-bottom: .5em;
    }

    #logo a{
        margin: auto;
        display: flex;
        align-items: center;
    }
    
    #logo img {
        width: 90%;
        /* background-color: #c5c216; */
        margin: auto;
    }

    
    #header-2 menu {
        width: 100%;
        margin: auto;
        /* background: blue; */
    }

    #header-2 nav {
        /* background: red; */
        margin: auto;
        text-align: center;
        width: 100%;
    }

    #header-2 nav ul {
        /* background-color: red; */
        margin-bottom: 0em;
    }
    
    #header-2 nav ul a {
        text-decoration: none;
    }

    #header-2 nav ul a li {
        padding: .5em;
        margin-bottom: .5em;
        color: #f1e8e8;
        text-decoration: none;
        font-size: .9em;
        line-height: 1.5em;
    }
    
    #header-2 nav ul a li:hover {
        background: #c1950a;
        color: black;
    }

    .subheader h1 {
        font-weight: 400;
        font-style: normal;
        font-size: 3em;
    }

    #inn-footer-2 {
        width: 100%;
        text-align: center;
        color: white;
        line-height: 1.5em;
        margin: auto;
        /* background-color: rgb(50, 231, 14); */
        margin-top: 0.5em;
        padding: 0em;
    }
    
    
    #inn-footer-2 p {
        font-size: .6em;
        color: white;

    }
    
    #inn-footer-2 a {
        color: rgb(39, 255, 75);
        font-size: 1em;
        /* background-color: aqua; */
    }
    
    .redes {
        /* background: red; */
        display: flex;
        justify-content: space-between;
        width: 70%;
        margin: auto;
        margin-bottom: 1em;
        margin-top: 1em;
    }
    
    .icon-facebook {
        color: white;
        font-size: 2em;
        /* background-color: red; */
        
    }
    
    .icon-youtube-play {
        color: white;
        font-size: 2em;
        /* background-color: red; */
    }
    
    .icon-facebook:hover {
        color: rgb(0, 0, 0);
        font-size: 2em;
        background-color: #c1950a;
        
    }
    
    .icon-youtube-play:hover {
        color: rgb(0, 0, 0);
        font-size: 2em;
        background-color: #c1950a;
    }

    .banner {
        width: 100%;
        height: 50px;
        animation: banner 10s infinite linear alternate;
        background-size: 100% 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -99;
        padding: 8.5em 0em;
        /* margin-top: 1em; */
    }

    .banner-2 {
        width: 100%;
        height: 300px;
        animation: banner 10s infinite linear alternate;
        background-size: 100% 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -99;
        padding: 1em 0em;
        /* margin-top: 1em; */
    }
    
    @keyframes banner {
        0%,
        100% {
        background-image: url("/imagenes/fondo-banner-shamrock.webp");
        }
    }

    .capa {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
    }

    .info {
        z-index: 1;
        width: 95%;
        max-width: 550px;
        text-align: center;
        /* background: rgb(7, 230, 92); */
        /* line-height: 31em; */
    }

    .info h1 {
        color: #fff;
        line-height: 1em;
        font-size: 2.3em;
        margin-bottom: 0em;
        letter-spacing: 1px;
        width: 80%;
        margin: auto;
        font-family: "AONCC___";
    }

    .info p {
        color: #c7c7c7;
        line-height: 1.8em;
        /* margin-bottom 0em; */
        font-size: 1em;
        /* background-color: red; */
    }
    
    .info img {
        width: 20%;
    } 

    #count {
        /* border: 1px solid #ffffff; */
        font-size: 1.2em;
        font-family: 'Metamorphous';
        margin: .5em 0em 0em 0em;
        /* background: #c1950a; */
    }
  
    #count ~ p {
        margin-top: 0em;
    }
    
    #count-down {
        background: url(/imagenes/fondo-banner.webp);
        background-size: 100%;
        color: white;
        text-align: center;
        line-height: 2em;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 1em 0em;
        font-size: 1em;
    } 

    #patrocinadores {
        width: 90%;
        /* background-color: red; */
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    #patrocinadores img {
        width: 20%;
        margin: 0.5em 1em;
    }
           
    .image-container .nudos {
        border: none;
        /* background-color: rgb(27, 37, 233); */
        width: 40%;
        margin-top: 0em;
        margin-bottom: 1em;
        padding: 0em 9em;
    }

    .image-container h2 {
        font-size: 2em;
        text-align: center;
        width: 60%;
        /* margin: auto; */
        line-height: 1em;
        font-family: "AONCC___";
        /* background-color: red; */
        color: white;
        margin-top: 0em;
        margin-bottom: 0.1em;
        padding: 0em;
    }

    .image-item-1 {
        margin-bottom: 1em;
    }

    button {
        width: 70%;
        margin-bottom: 10em;
        /* border: 10px solid #ffffff; */
        /* border: 1px solid #000; */
    }

    .image-container {
        margin-bottom: 20em;
        padding: 0em 0em;
        width: 100%;
        margin: auto;
        margin-top: 1em;
        /* border: 1px solid #ffffff; */
    }
            
    .container {
        border-top: 5px solid #c1950a;
        width: 100%;
        margin: auto;
        /* background: RED; */
    }

    .slider-wrapper {
        position: relative;
        max-width: 48rem;
        margin: 0 auto;
        /* border: 1px solid #ffffff; */
    }

    .history__paragraph-1__programa {
        color:white;
        padding: 0% 0% 0% 0%;
        width: 80%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        /* background-color: red; */
        margin: auto;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        margin-top: 2em;
        border: 1px solid #ffffff;
    }

    .history__paragraph-1__programa .event {
        width: 20%;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        background-color: red;
        margin-top: .7em;
        margin-bottom: .7em;
        padding: 0em;
    }
   
    #count-down-hist #prog {
        margin-bottom: 0em;
        width: 60%;
        margin: 0em;
        text-align: center;
        /* background: red; */
        margin: auto;
    }

    .history__paragraph-1__programa--visible{
        transform: translateY(0);
        opacity: 1;      
    }

    .history__paragraph-1__programa .nudos {
        border: none;
        /* background-color: red; */
        /* margin-top: 5em; */
        /* margin-bottom: 1em; */
        width: 40%;
        margin: auto;
    }

    .history__paragraph-1__programa h1 {
        font-size: 2em;
        text-align: center;
        width: 70%;
        margin: auto;
        line-height: .9em;
        font-family: "AONCC___";
        margin-bottom: .3em;
    }

    .history__paragraph-1__programa p {
        font-size: 1em;
        text-align: center;
        font-family: "AONCC___";
        width: 100%;
        margin: auto;
        font-family: 'Metamorphous';
        line-height: 1.7em;
        color: #072b03;
    }

    .history__paragraph-1__programa a {
        text-decoration: none;
    }

    .history__paragraph-1__programa img {
    width: 100%;
    margin: 0em;
    margin-bottom: 1em;
    }

    #vermas {
        width: 30%;
        background: #c1950a;
        border-radius: 1em;
        padding: .5em;
    }

    #slider-new {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    #slider-new ul {
        display: flex;
        padding: 0;
        width: 400%;
        animation: slide 15s infinite alternate ease-in-out;
    }

    .slider-new li {
        width: 100%;
        list-style: none;
        position: relative;
    }

    #slider-new img {
        width: 100%;
    }

    @keyframes slide {
        0% {margin-left: 0;}
        20% {margin-left: 0;}
        
        25% {margin-left: -100%;}
        45% {margin-left: -100%;}
        
        50% {margin-left: -200%;}
        70% {margin-left: -200%;}
        
        75% {margin-left: -300%;}
        100% {margin-left: -300%;}
    }

#contacts-box {
    /* background-color: red; */
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 1em;
    width: 100%;
    margin: auto;
    flex-wrap: wrap;
}

#contacts-box img {
    width: 90%;
}

.contact {
    margin-bottom: 1em;
    font-size: 2em;
    text-align: center;
    color: white;
}

.contact p {
    font-size: .6em;
    text-align: center;
    color: white;
    margin-top: .7em;
    margin-bottom: 0em;
}

.contact + .contact + .contact {
    margin-bottom: 8em;
}

.icon-phone {
    font-size: 1.5em;
}

.icon-mail {
    font-size: 1.5em;
}
        
#mapa {
    color: white;
    width: 100%;
    /* border: 1px solid #000;   */
    /* background-color: red; */
    margin: auto;
    text-align: center;
    padding: 1em 0em 1em 0em;
}

#mapa iframe {
   width: 80%;
}

#mapa h1{
    font-family: "AONCC___";
    line-height: 1em;
    font-size: 2em;
    text-align: center;
    width: 100%;
    margin: auto;
    /* background-color: red;    */
    margin-bottom: .5em;
}

#mapa p{
    font-family: 'Metamorphous';
    width: 70%;
    margin: auto;
    margin-bottom: .7em;
}

.contact + .contact + .contact {    
    margin-bottom: 0em;
}
 
    .history__paragraph-1__programa {
        color:white;
        padding: 0% 0% 0em 0%;
        width: 80%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        /* background-color: red; */
        margin: auto;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 2em;
        text-align: justify;
        line-height: 2em;
        border: 0px solid #000;
        /* border: 1px solid #ffffff; */
    }

    .event {
        width: 80%;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        /* background-color: red; */
        margin-top: .7em;
        margin-bottom: .7em;
        padding: 0em;
    }

    .history__paragraph-1__programa--visible{
        transform: translateY(0);
        opacity: 1;      
    }

    .history__paragraph-1__programa h2 {
        font-size: 2.5em;
        text-align: center;
        width: 100%;
        margin: auto;
        line-height: 1em;
        font-family: "AONCC___";
        margin-bottom: .3em;
    }

    .history__paragraph-1__programa ul {
        line-height: 1.7em;
        border-bottom: 5px solid #c1950a;
        padding-bottom: 2em;
        width: 80%;
        margin: auto;
    }

    .history__paragraph-1__programa li {
        font-size: 1.2em;   
    }

    .history__paragraph {
        color:white;
        padding: 1em 10% 2% 10%;
        width: 80%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #ffffff; */
        border-bottom: 5px solid #c1950a;
    }
    
    .history__paragraph img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }
    
    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }
    
    .history__paragraph .nudos {
        border: none;
        /* background-color: red; */
        width: 85%;
        margin-top: .3em;
    }
    
    .history__paragraph h1 {
        font-size: 2.5em;
        text-align: center;
        width: 100%;
        margin: auto;
        line-height: 1em;
        font-family: "AONCC___";
    }
    
    .history__paragraph p {
        font-size: 1em;
        text-align: center;
        font-family: "AONCC___";
        width: 80%;
        margin: auto;
        font-family: 'Metamorphous';
        line-height: 1.7em;
    }
    
    .history__paragraph-1 {
        color:white;
        padding: 2% 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
    }
    
    .history__paragraph-1 img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }
    
    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }
    
    .history__paragraph-1 .nudos {
        border: none;
        /* background-color: red; */
        margin-top: 1em;
        margin-bottom: 1.5em;
        width: 70%;
    }
    
    .history__paragraph-1 h1 {
        font-size: 3em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: .5em;
        font-family: "AONCC___";
        margin-top: .5em;
    }
    
    .history__paragraph-1 p {
        font-size: 1em;
        text-align: justify;
        font-family: "AONCC___";
        width: 80%;
        margin: auto;
        font-family: 'Metamorphous';
        line-height: 1.7em;
    }
    
    .history__paragraph-2 {
        color:white;
        padding: 2% 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */        
    }
    
    .history__paragraph-2 img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }
    
    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }
    
    .history__paragraph-2 .nudos {
        border: none;
        /* background-color: red; */
    }
    
    .history__paragraph-2 p {
        font-size: 1em;
        text-align: justify;
        font-family: "AONCC___";
        width: 80%;
        margin: none;
        font-family: 'Metamorphous';
        line-height: 1.7em;
    }
    
    
    .history__paragraph-3 {
        color:white;
        padding: 2% 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
        /* background-color: red; */
    }
    
    .history__paragraph-3 img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }
    
    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }
    
    .history__paragraph-3 .nudos {
        border: none;
        /* background-color: red; */
    }
    
    .history__paragraph-3 h1 {
        font-size: 3em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: .9em;
        font-family: "AONCC___";
    }
    
    .history__paragraph-3 p {
        font-size: 1em;
        text-align: justify;
        font-family: "AONCC___";
        width: 80%;
        margin: auto;
        font-family: 'Metamorphous';
        line-height: 1.7em;
    }
    
    .batallon__paragraph {
        color:white;
        padding: 1.2em 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a; */
        border-bottom: 5px solid #c1950a;
    }
    
    .batallon__paragraph img {
        width: 90%;
        border: 5px solid #c1950a;
        margin-bottom: .5em;
        margin-top: .5em;
    }
    
    .batallon__paragraph img ~ img {
        width: 70%;
        border: 5px solid #c1950a;
        margin-bottom: 1em;
        margin-top: 1em;
    }
    
    .batallon__paragraph .nudos {
        border: none;
        /* background-color: red; */
        width: 70%;
        margin-top: .2em;
    }
    
    .batallon__paragraph h2 {
        font-size: 2.5em;
        text-align: center;
        width: 50%;
        margin: auto;
        line-height: 1em;
        font-family: "AONCC___";
        /* background-color: red; */
    }
    
    .batallon__paragraph p {
        font-size: 1em;
        text-align: center;
        font-family: "AONCC___";
        width: 70%;
        margin: auto;
        font-family: 'Metamorphous';
        line-height: 1.7em;
    }
    
    .convocatorias {
        color:white;
        padding: 0% 0% 0% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: none;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a; */
        border-bottom: 5px solid #c1950a;
    }
    
    #convocatorias-cards {
        display: flex;
        align-items: center;
        justify-content: space-around;
        flex-wrap: wrap;
        padding: 1.5em 0em;
        /* border-bottom: 5px solid #c1950a; */
        width: 27em;
        /* background-color: red; */
        margin: auto;
        border-bottom: 5px solid #c1950a;
    }

    #convocatorias-cards h2 {
        font-size: 2.5em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: .8em;
        font-family: "AONCC___";
        color: white;
        /* background-color: #0a1f03; */
    }

    #convocatorias-cards .nudos {
        border: none;
        /* background-color: red; */
        width: 75%;
        margin-top: .5em;
     }

    .card {
        width: 11em;
        /* height: 12em; */
        padding: 0.5rem;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);
        transition: 0.5s ease-in-out;
        margin: 1em 0em 9em 0em;
        text-align: center;
    }

    .card:hover {
        transform: translateY(20px);
    }

    .card:before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        padding: 4.1em 0em;
        background: rgb(0, 0, 0, 0.8);
        z-index: 2;
        transition: 0.5s all;
        opacity: 0;
    }

    .card:hover:before{
        opacity: 1;
    }

    .card img {
        width: 100%;
        object-fit: cover;
        position: absolute;
        top: 0;
        left: 0;
    }

    .card .info {
        position: relative;
        z-index: 3;
        color: #ffffff;
        opacity: 0;
        transform: translateY(30px);
        transition: 0.5s all;
        display: flex;
        flex-direction: column;
        letter-spacing: 0px;
        font-size: .9em;
        margin-top: 0px;
        margin-bottom: 0em;
        margin: 0em;
        line-height: 1em;
        /* background-color: red; */
    }

    .card:hover .info {
        opacity: 1;
        transform: translateY(0px);
    }

    .card .info h1 {
        margin: 0;
        font-family: "AONCC___";
    }

    .card .info p{
        width: 14em;
        margin: auto;
    }

    .card .info .btn {
        text-decoration: none;
        padding: 1rem 1rem;
        background: #c1950a;
        color: #000;
        font-size: 20px;
        font-weight: bold;
        cursor: pointer;
        transition: 0.4s ease-in-out;
        margin: 0em;
        position: relative;
        width: 50%;
        margin: auto;
        top: 3.5em;
    }
    
    .card .info .btn:hover {
        text-decoration: none;
        padding: 1rem 1rem;
        background: #ffffff;
        color: #000;
        font-size: 20px;
        font-weight: bold;
        cursor: pointer;
        transition: 0.4s ease-in-out;
        margin: 0em;
        position: relative;
        width: 50%;
        margin: auto;
        top: 6.5em;
    }

    .card .info .btn:hover {
        box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.5);
    }

    #cards {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-around;
        margin-top: 1em;
        width: 40em;
        /* background-color: pink; */
    }
    
    #sponsors .nudos {
        border: none;
        /* background-color: red; */
        width: 75%;
        margin-top: .5em;
    
     }
    
     #patrocinadores--2 {
        color:white;
        padding: 2em 0% 8% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a; */
        /* border-bottom: 5px solid #c1950a; */
     }
    
     #patrocinadores--2 .nudos {
        border: none;
        /* background-color: red; */
        width: 75%;
        margin-top: 0.3em;
     }

         #patrocinadores--2 h2 {
        font-size: 2.5em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: .8em;
        font-family: "AONCC___";
        color: white;
        /* background-color: #0a1f03; */
    }
    
     #patrocinadores--2 img{
        width: 25%;
        margin: 0em .5em 2em .5em;
     }
    

    .inn-patrons {
        /* background-color: red; */
        /* border: 1px solid #000; */
        width: 90%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
    }
    
    #patrocinadores--2 a {
        font-size: 1em;
        color: #072b03;
        background: #c1950a;
        padding: 1em;
        border-radius: 1em;
        text-decoration: none;
        font-family: 'Metamorphous';
        width: 40%;
        text-align: center;
        line-height: 1.3em;
    }
        
    #patrocinadores--2 a:hover {
        font-size: 1.2em;
        color: #072b03;
        background: #ffffff;
        padding: 1em;
        border-radius: 1em;
        text-decoration: none;
        font-family: 'Metamorphous';
        width: 15%;
        text-align: center;
        line-height: 1.3em;
    }

    #convocatoria-main {
        width: 90%;
        padding: 0.5em 0em 0em 0em;
        /* border: 1px solid #ffffff; */
        margin: auto;
        /* background-color: red; */
    }

    .convocatoria-square {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        /* background-color: #c1950a; */
        margin: auto;
    }

    .descripcion{
        width: 48%;
        margin: none;
        /* padding: .5em; */
        /* background-color: red; */
        margin: 0em;
    }

    .descripcion-2{
        width: 100%;
        margin: none;
        color: white;
        margin: 0em;
        color: white;
        font-family: 'Metamorphous';
        text-align: justify;
        line-height: 2.5em;
        font-size: .6em;
        /* background-color: red; */
    }

    .descripcion p {
        color: white;
        font-family: 'Metamorphous';
        text-align: left;
        line-height: 2.3em;
        font-size: .6em;
    }

    #convocatoria-main-prensa {
        width: 90%;
        padding: 0.5em 0em 0em 0em;
        /* border: 1px solid #ffffff; */
        margin: auto;
        /* background-color: red; */
    }
    
    #convocatoria-main-prensa .descripcion{
        width: 100%;
        margin: none;
        /* padding: .5em; */
        /* background-color: red; */
        margin: 0em;
    }

    #convocatoria-main-prensa .descripcion p {
        color: white;
        font-family: 'Metamorphous';
        text-align: justify;
        line-height: 2.5em;
        font-size: .6em;
        /* background-color: aqua  ; */
        margin: 0em;
    }

    .convocatoria-square img {
        width: 48%;
        margin: 0em;
    }

    #boton {
        width: 90%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 2em;
        /* background-color: red;*/
        display: flex;
        flex-direction: row;
        margin-bottom: 1em;
    }
    
    .inside-boton div {
       /* background-color: green; */
       width: 40%;
       margin: auto;
       /* padding: 1em; */
    }
    
    .inside-boton {
        width: 90%;
        margin: auto;
        color: white;
        text-align: center;
        padding: 1em;
        /* background-color: #8f1f1f; */
    }
    
    .inside-boton p {
        margin-bottom: .3em;
    }
    
    .icon-download {
        width: 100%;
        margin: auto;
        background-color: #c1950a;
        text-align: center;
        border-radius: .7em;
        padding: .5em;
        color: #072b03;
        font-size: 2em;
    }
    
    footer {
        display: none;
    }

    #inn-footer {
        display: none;
    }

    #boton-2 {
        width: 100%;
        margin: auto;
        color: white;
        text-align: center;
        /* background-color: red;   */
        display: flex;
        flex-direction: row;
        margin-top: 1.5em;
        font-size: 1.5em;
    }

    
    .inside-boton-2 .icon-download {
        width: 30%;
        margin: auto;
        background-color: #c1950a;
        text-align: center;
        border-radius: .7em;
        padding: .5em;
        color: #072b03;
        font-size: 2em;
        margin-top: .5em;
        margin-bottom: .5em;
    }

    .inside-boton-2 {
        width: 45%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 0em;
        line-height: .8em;
        margin-bottom: 1em;
        /* background-color: rgb(123, 236, 16); */
    }

    .inside-boton-2 a {
        color: white;
        font-size: .6em;
        text-decoration: none;
        font-weight: bold;
        font-family: 'Metamorphous';
    }
    
    .inside-boton-dropdown {
        width: 90%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 0.7em;
        margin-bottom: 1em;
        /* background-color: red; */
        font-size: 2em;
        display: none;
    }

    .inside-boton-dropdown ul {
        list-style: none;
        background-color: #c1950a;

    }

    .inside-boton-dropdown ul li {
        display: inline-block;
        position: relative;
    }

    .inside-boton-dropdown ul li a {
        display: block;
        padding: 20px 25px;
        color: #072b03;
        text-decoration: none;
        text-align: center;
        /* font-size: 20px; */
    }

    .inside-boton-dropdown ul li ul.dropdown li {
        display: block;
    }

    .inside-boton-dropdown ul li ul.dropdown {
        width: 100%;
        background-color: #c1950a;
        position: absolute;
        z-index: 999;
        display: none;
    }

    .inside-boton-dropdown ul li a:hover {
        background-color: #072b03;
        color: #ffffff;
        border: 1px solid #ffffff;
    }

    .inside-boton-dropdown ul li:hover ul.dropdown {
        display: block;
    }

    .batallon__paragraph + iframe {
        margin: auto;
        width: 100%;
        margin-bottom: 1em;
    }
    
}

@media (min-width: 530px) and (max-width: 651px) {

    
    #banner-index {
        width: 100%;
        background: url(/imagenes/desfile/337409295_727184179063585_7871876553211787193_n.jpg);
        background-size: 110%;
        /* border: 1px solid #0fda41; */
        font-family: "AONCC___";
    }

    #banner-index h1 {
    font-size: 1.5em;
    line-height: 1.3em;
    }

    #banner-index img{
        width: 10%;
        margin: auto;
    }

    #banner-index-inn {
        display: grid;
        gap: 1em;
        width: 80%;
        color: white;
        /* border: 1px solid #e90a0a; */
        margin: auto;
        position: absolute;
        z-index: 99;
        text-align: center;
        padding: 5% 10%;
        font-family: "AONCC___";
        font-size: 1em;
    }

    .pantalla {
        width: 100%;
        height: 260px;
        background-color: #0a1f03;
        opacity: .85;
        font-family: "AONCC___";
    }

    #banner-index-2 {
        width: 100%;
        background: url(/imagenes/desfile/1er-san\ -patricio-fest.webp);
        background-size: 120%;
        /* border: 1px solid #0fda41; */
        font-family: "AONCC___";
        display: none;
    }

    #banner-index-2 h1 {
    font-size: 2em;
    line-height: 1.3em;
    }

    #banner-index-2 img{
        width: 10%;
        margin: auto;
    }

    #banner-index-inn-2 {
        display: grid;
        gap: 1em;
        width: 80%;
        color: white;
        /* border: 1px solid #e90a0a; */
        margin: auto;
        position: absolute;
        z-index: 99;
        text-align: center;
        padding: 5% 10%;
        font-family: "AONCC___";
        font-size: 1em;
    }

    .pantalla-2 {
        width: 100%;
        height: 260px;
        background-color: #0a1f03;
        opacity: .85;
        font-family: "AONCC___";
    }

    #banner-index-3 {
        width: 100%;
        background: url(/imagenes/desfile/1er-san\ -patricio-fest.webp);
        background-size: 120%;
        /* border: 1px solid #0fda41; */
        font-family: "AONCC___";
        display: none;
    }

    #banner-index-3 h1 {
    font-size: 2em;
    line-height: 1.3em;
    }

    #banner-index-3 img{
        width: 10%;
        margin: auto;
    }

    #banner-index-inn-3 {
        display: grid;
        gap: 1em;
        width: 80%;
        color: white;
        /* border: 1px solid #e90a0a; */
        margin: auto;
        position: absolute;
        z-index: 99;
        text-align: center;
        padding: 5% 10%;
        font-family: "AONCC___";
        font-size: 1em;
    }

    #banner-index-inn-3 p {
        width: 80%;
        font-family: "AONCC___";
        font-size: 1em;
        margin: auto;
    }

    .pantalla-3 {
        width: 100%;
        height: 260px;
        background-color: #0a1f03;
        opacity: .85;
        font-family: "AONCC___";
    }

    #header-1 {
        width: 100%;
        /* background-color: red; */
        background-size: 100%;
        display: block;
    }

    #header-2 {
        display: none;
    }

    .subheader {
        width: 68%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1em 1em;
        /* border: 1px solid #000; */
    }

    #logo {
        margin: none;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        /* border: 1px solid #ffffff; */
        /* background: red; */
    }

    #logo a {
        /* background: #c5c216; */
        display: flex;
        align-items: center;
    }

    #logo img {
        width: 100%;
        margin: auto;
    }
    
    .subheader h1 {
        font-weight: 400;
        font-style: normal;
        font-size: 3em;
    }

    .icon-menu {
        font-size: 2em;
        display:flex;
        justify-content: center;
        align-items: center;
        color: #c1950a;
        /* background: blue; */
    }

    .menu-burger {
        display: none;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .menu-burger ul {
        display: flex;
        flex-direction: column;
        background: url(/imagenes/fondo-02.webp);
        background-size: 100%;
    }

    .menu-burger ul a {
        margin: auto;
        text-decoration: none;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 2.5em;
    }

    .menu-burger ul a li {
        text-align: center;
        font-family: 'Metamorphous';
        color: white;
        margin-bottom: .2em;
        font-size: 1.3em;
    }

    .menu-burger ul a li~img {
        width: 80%;
        padding: 0em;
    }

    .icon-cancel{
        color: #c1950a;
        font-size: 2em;
        margin: auto;
        padding: .5em 0em;  
        display: flex;
        flex-direction: column;
        font-family: 'Metamorphous';
        /* border: 1px solid #000; */
        align-items: center; 
        margin-bottom: .5em;

    }

    #btn-menu {
        display: none;
    }

    #btn-menu:checked ~ nav {
        display: block;
    }

    .banner {
        width: 100%;
        height: 200px;
        animation: banner 10s infinite linear alternate;
        background-size: 100% 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -99;
        padding: 7em 0em;
        /* margin-top: 1em; */
    }
    

    .banner-2 {
        width: 100%;
        height: 200px;
        animation: banner 10s infinite linear alternate;
        background-size: 100% 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -99;
        padding: 7em 0em;
        /* margin-top: 1em; */
    }
    
    @keyframes banner {
        0%,
        100% {
        background-image: url("/imagenes/fondo-banner-shamrock.webp");
        }
    }

    .capa {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
    }

    .info {
        z-index: 1;
        width: 95%;
        max-width: 550px;
        text-align: center;
        /* background: rgb(7, 230, 92); */
        /* line-height: 31em; */
    }

    .info h1 {
        color: #fff;
        line-height: 1em;
        font-size: 2.5em;
        margin-bottom: 0em;
        letter-spacing: 1px;
        width: 80%;
        margin: auto;
        font-family: "AONCC___";
    }

    .info p {
        color: #c7c7c7;
        line-height: 2.5em;
        margin-bottom 0em;
        font-size: .8em;
        /* background-color: red; */
    }
    
    .info img {
        width: 20%;
    } 

    #count {
        /* border: 1px solid #ffffff; */
        font-size: 1.4em;
        font-family: 'Metamorphous';
        margin: 0em 0em 0em 0em;
        /* background: #c1950a; */
    }

    #count-down {
        background: url(/imagenes/fondo-banner.webp);
        background-size: 100%;
        color: white;
        text-align: center;
        line-height: 2.5em;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 1em 0em;
    } 

    #patrocinadores {
        width: 50%;
        /* background-color: red; */
        margin: auto;
        display: flex;
        flex-wrap: wrap;
        margin-top: 1em;
        justify-content: space-between;
    }

    #patrocinadores img {
        width: 30%;
    }
        
    .image-container .nudos {
        border: none;
        /* background-color: rgb(27, 37, 233); */
        width: 40%;
        margin-top: 0em;
        margin-bottom: 1em;
        padding: 0em 5em;
    }

    .image-container h2 {
        font-size: 2em;
        text-align: center;
        width: 60%;
        /* margin: auto; */
        line-height: 1em;
        font-family: "AONCC___";
        /* background-color: red; */
        color: white;
        margin-top: 0em;
        margin-bottom: 0.1em;
        padding: 0em;
    }

    .image-item-1 {
        margin-bottom: 1em;
    }

    button {
        width: 70%;
        margin-bottom: 10em;
        /* border: 10px solid #ffffff; */
        /* border: 1px solid #000; */
    }

    .image-container {
        margin-bottom: 20em;
        padding: 0em 0em;
        width: 100%;
        margin: auto;
        margin-top: 1em;
        /* border: 1px solid #ffffff; */
    }
            
    .container {
        border-top: 5px solid #c1950a;
        width: 100%;
        margin: auto;
        /* background: RED; */
    }

    #slider-new {
        width: 100%;
        height: auto;
        overflow: hidden;
    }

    #slider-new ul {
        display: flex;
        padding: 0;
        width: 400%;
        animation: slide 15s infinite alternate ease-in-out;
    }

    .slider-new li {
        width: 100%;
        list-style: none;
        position: relative;
    }

    #slider-new img {
        width: 100%;
    }

    @keyframes slide {
        0% {margin-left: 0;}
        20% {margin-left: 0;}
        
        25% {margin-left: -100%;}
        45% {margin-left: -100%;}
        
        50% {margin-left: -200%;}
        70% {margin-left: -200%;}
        
        75% {margin-left: -300%;}
        100% {margin-left: -300%;}
    }

    #contacts-box {
        /* background-color: red; */
        display: flex;
        flex-direction: column;
        padding: 1em;
        width: 80%;
        margin: auto;
    }

    #contacts-box img {
        width: 45%;
    }

    .contact {
        margin-bottom: 1em;
        font-size: 2em;
        text-align: center;
        color: white;
    }

    .contact p {
        font-size: .6em;
        text-align: center;
        color: white;
        margin-top: .7em;
        margin-bottom: .5em;
    }

    #mapa {
        color: white;
        width: 80%;
        /* border: 1px solid #000;   */
        margin: auto;
        text-align: center;
        padding: 0em 0em 1em 0em;
    }

    #mapa h1{
        font-family: "AONCC___";
        line-height: 1.1em;
        font-size: 2em;
        text-align: center;
        width: 100%;
        margin: auto;
        /* background-color: red;    */
        margin-bottom: .5em;
    }

    #mapa p{
        font-family: 'Metamorphous';
        width: 50%;
        margin: auto;
        margin-bottom: .7em;
    }

    .contact + .contact + .contact {
        margin-bottom: 0em;
    }

    .icon-phone {
        font-size: 1.5em;
    }

    .icon-mail {
        font-size: 1.5em;
    }

    .history__paragraph {
        color:white;
        padding: 1em 10% 1em 10%;
        width: 80%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a; */
        border-bottom: 5px solid #c1950a;
    }

    .history__paragraph img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }

    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }

    .history__paragraph .nudos {
        border: none;
        /* background-color: red; */
    }

    .history__paragraph h1 {
        font-size: 2.5em;
        text-align: center;
        width: 100%;
        margin: auto;
        line-height: 1em;
        font-family: "AONCC___";
        /* background-color: red; */
    }

    .history__paragraph p {
        font-size: 1em;
        text-align: center;
        font-family: "AONCC___";
        width: 90%;
        margin: auto;
        font-family: 'Metamorphous';
        line-height: 1.7em;
    }

    .history__paragraph-1 {
        color:white;
        padding: 2% 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
    }

    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }

    .history__paragraph-1 img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }

    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }

    .history__paragraph-1 .nudos {
        border: none;
        /* background-color: red; */
        margin-top: 0.5em;
        margin-bottom: 1em;
    }

    .history__paragraph-1 h1 {
        font-size: 2em;
        text-align: center;
        width: 70%;
        margin: auto;
        line-height: .7em;
        font-family: "AONCC___";
    }

    .history__paragraph-1 p {
        font-size: .7em;
        text-align: justify;
        font-family: "AONCC___";
        width: 80%;
        margin: auto;
        font-family: 'Metamorphous';
        line-height: 1.7em;
        /* background-color: red; */
    }

    .history__paragraph-1__programa {
        color:white;
        padding: 0% 0% 0em 0%;
        width: 80%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        /* background-color: red; */
        margin: auto;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 2em;
        text-align: center;
        line-height: 2em;
        /* border: 1px solid #ffffff; */
    }

    .event {
        width: 80%;
        margin: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        /* background-color: red; */
        margin-top: .7em;
        margin-bottom: .7em;
        padding: 0em;
    }

    .history__paragraph-1__programa--visible{
        transform: translateY(0);
        opacity: 1;      
    }

    .history__paragraph-1__programa h2 {
        font-size: 2em;
        text-align: center;
        width: 100%;
        margin: auto;
        line-height: 1.2em;
        font-family: "AONCC___";
        margin-bottom: .3em;
    }

    .history__paragraph-1__programa ul {
        line-height: 1.5em;
        border-bottom: 5px solid #c1950a;
        padding-bottom: 2em;

    }

    .history__paragraph-1__programa li {
    
    }

    #vermas {
        width: 40%;
        background: #c1950a;
        border-radius: 1em;
        padding: .5em;
    }

    .history__paragraph-2 {
        color:white;
        padding: 2% 0% 2% 0%;
        width: 90%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        /* border-top: 5px solid #c1950a; */
        /* border-bottom: 5px solid #c1950a; */
        /* background-color: red; */
        margin: auto;
    }

    .history__paragraph-2 img {
        width: 90%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }

    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }

    .history__paragraph-2 .nudos {
        border: none;
        /* background-color: red; */
    }

    .history__paragraph-2 p {
        font-size: .7em;
        text-align: justify;
        font-family: "AONCC___";
        width: 90%;
        margin: none;
        font-family: 'Metamorphous';
        line-height: 1.7em;
    }


    .history__paragraph-3 {
        color:white;
        padding: 2% 0% 2% 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: auto;
        /* border-top: 5px solid #c1950a;
        border-bottom: 5px solid #c1950a; */
        /* background-color: red; */
    }

    .history__paragraph-3 img {
        width: 80%;
        border: 5px solid #c1950a;
        margin-bottom: .8em;
        margin-top: .5em;
    }

    .history__paragraph--visible{
        transform: translateY(0);
        opacity: 1;      
    }

    .history__paragraph-3 .nudos {
        border: none;
        /* background-color: red; */
    }

    .history__paragraph-3 h1 {
        font-size: 3em;
        text-align: center;
        width: 80%;
        margin: auto;
        line-height: .9em;
        font-family: "AONCC___";
    }

    .history__paragraph-3 p {
        font-size: .7em;
        text-align: justify;
        font-family: "AONCC___";
        width: 80%;
        margin: auto;
        font-family: 'Metamorphous';
        line-height: 1.7em;
    }

    .batallon__paragraph {
        color:white;
        padding: 1.5em 0% 1.5em 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a; */
        border-bottom: 5px solid #c1950a;
    }

    .batallon__paragraph img {
        width: 90%;
        border: 5px solid #c1950a;
        margin-bottom: .5em;
        margin-top: .5em;
    }

    .batallon__paragraph img ~ img {
        width: 70%;
        border: 5px solid #c1950a;
        margin-bottom: 1em;
        margin-top: 1em;
    }

    .batallon__paragraph .nudos {
        border: none;
        /* background-color: red; */
        width: 70%;
        margin-top: .7em;
    }

    .batallon__paragraph h2 {
        font-size: 2.5em;
        text-align: center;
        width: 50%;
        margin: auto;
        line-height: .8em;
        font-family: "AONCC___";
        /* background-color: red; */
    }

    .batallon__paragraph p {
        font-size: 1em;
        text-align: center;
        font-family: "AONCC___";
        width: 70%;
        margin: auto;
        font-family: 'Metamorphous';
        line-height: 1.7em;
    }


    #convocatoria-main-prensa {
        width: 90%;
        padding: 1em 0em 0em 0em;
        /* border: 1px solid #ffffff; */
        margin: auto;
        /* background-color: red; */
    }

    #convocatoria-main-prensa .descripcion{
        width: 90%;
        margin: none;
        /* padding: .5em; */
        /* background-color: red; */
        margin: auto;
    }

    #convocatoria-main-prensa .descripcion p {
        color: white;
        font-family: 'Metamorphous';
        text-align: center;
        line-height: 2.5em;
        font-size: .8em;
        /* background-color: aqua  ; */
        margin: 0em;
    }

    .convocatorias {
        color:white;
        padding: 1em 0% 0% 0%;
        width: 80%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a; */
        border-bottom: 5px solid #c1950a;
        margin: auto;
    }

    .convocatorias h3+p {
        font-size: 1em;
        width: 80%;
    }

    .convocatorias h2 {
        font-size: 2.5em;
        text-align: center;
        width: 40%;
        margin: auto;
        line-height: .8em;
        font-family: "AONCC___";
        /* background-color: red; */
    }

    .convocatorias h3 {
        font-size: 1.5em;
        text-align: center;
        width: 60%;
        margin: auto;
        line-height: .8em;
        font-family: "AONCC___";
        background-color: #c1950a;
        padding: .5em;
        color: black;
    }

    #convc1 {
    width: 100%;
    font-family: 'Metamorphous';
    background: url(/imagenes/actividades/1x/concurso-2.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    /* background: red; */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1em 0em;
    /* border: 1px solid #ffffff; */
    }

    #convc1 .nudos {
        border: none;
        /* background-color: red; */
        width: 70%;
        margin-top: 0.4em;
        margin-bottom: 2em;     
    }

    #convc2 {
    width: 100%;
    font-family: 'Metamorphous';
    background: url(/imagenes/actividades/1x/concurso-2.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    /* background: red; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding: 1em 0em;
    }

    #convc3 {
    width: 100%;
    font-family: 'Metamorphous';
    background: url(/imagenes/actividades/1x/mercadillo-2.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    /* background: red; */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1em 0em;
    }

    #convc4 {
    width: 100%;
    font-family: 'Metamorphous';
    background: url(/imagenes/actividades/1x/desfile-2.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    /* background: red; */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1em 0em 2em 0em;
    }

    #convc5 {
    width: 100%;
    font-family: 'Metamorphous';
    background: url(/imagenes/actividades/1x/concurso-2.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    /* background: red; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding: 1em 0em;
    }

    #convc6 {
    width: 100%;
    font-family: 'Metamorphous';
    background: url(/imagenes/actividades/1x/mercadillo-2.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    /* background: red; */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1em 0em;
    }

    #convc7 {
    width: 100%;
    font-family: 'Metamorphous';
    background: url(/imagenes/actividades/1x/desfile-2.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    /* background: red; */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1em 0em 2em 0em;
    }

    #convc8 {
    width: 100%;
    font-family: 'Metamorphous';
    background: url(/imagenes/actividades/1x/concurso-2.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    /* background: red; */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    padding: 1em 0em;
    }

    #convc9 {
    width: 100%;
    font-family: 'Metamorphous';
    background: url(/imagenes/actividades/1x/mercadillo-2.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    /* background: red; */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1em 0em;
    }

    #convc10 {
    width: 100%;
    font-family: 'Metamorphous';
    background: url(/imagenes/actividades/1x/desfile-2.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    /* background: red; */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1em 0em 2em 0em;
    }

    #convc11 {
    width: 100%;
    font-family: 'Metamorphous';
    background: url(/imagenes/actividades/1x/desfile-2.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    /* background: red; */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1em 0em 2em 0em;
    }

    #convc12 {
    width: 100%;
    font-family: 'Metamorphous';
    background: url(/imagenes/actividades/1x/desfile-2.webp);
    background-size: 100%;
    background-repeat: no-repeat;
    /* background: red; */
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1em 0em 2em 0em;
    }

    .convocatorias p {
        font-size: .7em;
        text-align: center;
        font-family: "AONCC___";
        width: 50%;
        margin: auto;
        font-family: 'Metamorphous';
        line-height: 1.7em;
        margin-top: 1em;
        margin-bottom: 1em;
    }

    .convocatorias a {
        font-size: 1em;
        color: #072b03;
        background: #c1950a;
        padding: 1em;
        border-radius: 1em;
        text-decoration: none;
    }

    #convocatorias-cards {
        display: none;
    }

    #sponsors .nudos {
        margin-top: 0em;
        margin-bottom: 1em;
        width: 80% ;
        margin: aut0;

    }

    #patrocinadores--2 {
        color:white;
        padding: 2em 0% 2em 0%;
        width: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* border-top: 5px solid #c1950a; */
        border-bottom: 5px solid #c1950a;
    }

    
    #patrocinadores--2 .nudos {
        border: none;
        /* background-color: red; */
        width: 70%;
        margin-top: 0.8em;
    }

    #patrocinadores--2 img{
        width: 25%;
        margin: 0em .5em 2em .5em;
    }

    #patrocinadores--2 h2 {
        font-size: 2em;
        text-align: center;
        width: 60%;
        margin: auto;
        line-height: .8em;
        font-family: "AONCC___";
        /* background-color: red; */
    }

    .inn-patrons {
        /* background-color: red; */
        /* border: 1px solid #000; */
        width: 90%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        align-items: center;
        justify-content: space-around;
    }

    #patrocinadores--2 a {
        font-size: 1em;
        color: #072b03;
        background: #c1950a;
        padding: 1em;
        border-radius: 1em;
        text-decoration: none;
        font-family: 'Metamorphous';
        width: 40%;
        text-align: center;
        line-height: 1.3em;
    }

    #convocatoria-main {
        width: 100%;
        padding: 0em 0em 0em 0em;
        /* border: 1px solid #000000; */
        margin: auto;
    }

    .convocatoria-square {
            width: 100%;
            /* background-color: #7ee61c; */
    }

    .descripcion{
        width: 80%;
        margin: auto;
        margin-bottom: 2em;
        /* padding: .5em; */
        /* background-color: red; */
    }

    .descripcion p {
        color: white;
        font-family: 'Metamorphous';
        text-align: center;
        line-height: 1.7em;
    }

    .convocatoria-square img {
        width: 100%;
    }

    #boton {
        width: 90%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 0.5em;
        /* background-color: red;   */
        display: flex;
        flex-direction: column;
        margin-bottom: 0em;
    }

    .inside-boton {
        width: 90%;
        margin: auto;
        color: white;
        text-align: center;
        padding: 0em;
        margin-bottom: 2em;
        /* background-color: #8f1f1f; */
    }

    .inside-boton p {
        margin-bottom: 0em;
    }

    .icon-download {
        width: 20%;
        margin: auto;
        background-color: #c1950a;
        text-align: center;
        border-radius: .7em;
        padding: .5em;
        color: #072b03;
        font-size: 2em;
        margin-top: .3em;
        margin-bottom: .5em;
    }

    footer {
        width: 100%;
        font-family: 'Metamorphous';
        background: url(/imagenes/fondo-01.webp);
        background-size: 100%;
        transform: translateY(0px);
        opacity: 1;
        transition: 1s ease;
    }

    #inn-footer {
        width: 90%;
        text-align: center;
        color: white;
        line-height: 2em;
        margin: auto;
        padding-bottom: 1em;
    }

        
    #inn-footer p {
        font-size: .9em;

    }

    #inn-footer a {
        color: rgb(39, 255, 75);
        font-size: .9em;
    }

    .redes {
        /* background: red; */
        display: flex;
        justify-content: space-between;
        width: 50%;
        margin: auto;
        margin-bottom: 1em;

    }

    .icon-facebook {
        color: white;
        font-size: 3em;
        /* background-color: red; */
        
    }

    .icon-youtube-play {
        color: white;
        font-size: 3em;
        /* background-color: red; */
    }

    #boton-2 {
        width: 90%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 1em;
        /* background-color: red;   */
        display: flex;
        flex-direction: column;
    }

    .inside-boton-2 {
        width: 50%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 0em;
        line-height: 1.5em;
        margin-bottom: 1em;
        /* background-color: red; */
    }

    .inside-boton-2 .icon-download {
        width: 50%;
        margin: auto;
        background-color: #c1950a;
        text-align: center;
        border-radius: .7em;
        padding: .5em;
        color: #072b03;
        font-size: 2em;
        margin-top: .3em;
        margin-bottom: .5em;
    }

    .inside-boton-2 a {
        color: white;
        font-size: 1em;
        text-decoration: none;
        font-weight: bold;
        font-family: 'Metamorphous';
    }
    
    .inside-boton-dropdown {
        width: 90%;
        margin: auto;
        color: white;
        text-align: center;
        margin-top: 0.7em;
        margin-bottom: 1em;
        /* background-color: red; */
        font-size: 2em;
        display: none;

    }

    .inside-boton-dropdown ul {
        list-style: none;
        background-color: #c1950a;

    }

    .inside-boton-dropdown ul li {
        display: inline-block;
        position: relative;
    }

    .inside-boton-dropdown ul li a {
        display: block;
        padding: 20px 25px;
        color: #072b03;
        text-decoration: none;
        text-align: center;
        /* font-size: 20px; */
    }

    .inside-boton-dropdown ul li ul.dropdown li {
        display: block;
    }

    .inside-boton-dropdown ul li ul.dropdown {
        width: 100%;
        background-color: #c1950a;
        position: absolute;
        z-index: 999;
        display: none;
    }

    .inside-boton-dropdown ul li a:hover {
        background-color: #072b03;
        color: #ffffff;
        border: 1px solid #ffffff;
    }

    .inside-boton-dropdown ul li:hover ul.dropdown {
        display: block;
    }

    .batallon__paragraph + iframe {
        margin: auto;
        width: 100%;
        margin-bottom: 1em;
    }

}

@media (min-width: 360px) and (max-width: 529px) {


    #banner-index {
        width: 100%;
        background: url(/imagenes/desfile/337409295_727184179063585_7871876553211787193_n.jpg);
        background-size: 110%;
        /* border: 1px solid #0fda41; */
        font-family: "AONCC___";
    }

    #banner-index h1 {
    font-size: 1.5em;
    line-height: 1.3em;
    }

    #banner-index img{
        width: 10%;
        margin: auto;
    }

    #banner-index-inn {
        display: grid;
        gap: 1em;
        width: 80%;
        color: white;
        /* border: 1px solid #e90a0a; */
        margin: auto;
        position: absolute;
        z-index: 99;
        text-align: center;
        padding: 5% 10%;
        font-family: "AONCC___";
        font-size: 1em;
    }

    .pantalla {
        width: 100%;
        height: 260px;
        background-color: #0a1f03;
        opacity: .85;
        font-family: "AONCC___";
    }

    #banner-index-2 {
        width: 100%;
        background: url(/imagenes/desfile/1er-san\ -patricio-fest.webp);
        background-size: 120%;
        /* border: 1px solid #0fda41; */
        font-family: "AONCC___";
        display: none;
    }

    #banner-index-2 h1 {
    font-size: 2em;
    line-height: 1.3em;
    }

    #banner-index-2 img{
        width: 10%;
        margin: auto;
    }

    #banner-index-inn-2 {
        display: grid;
        gap: 1em;
        width: 80%;
        color: white;
        /* border: 1px solid #e90a0a; */
        margin: auto;
        position: absolute;
        z-index: 99;
        text-align: center;
        padding: 5% 10%;
        font-family: "AONCC___";
        font-size: 1em;
    }

    .pantalla-2 {
        width: 100%;
        height: 260px;
        background-color: #0a1f03;
        opacity: .85;
        font-family: "AONCC___";
    }

    #banner-index-3 {
        width: 100%;
        background: url(/imagenes/desfile/1er-san\ -patricio-fest.webp);
        background-size: 120%;
        /* border: 1px solid #0fda41; */
        font-family: "AONCC___";
        display: none;
    }

    #banner-index-3 h1 {
    font-size: 2em;
    line-height: 1.3em;
    }

    #banner-index-3 img{
        width: 10%;
        margin: auto;
    }

    #banner-index-inn-3 {
        display: grid;
        gap: 1em;
        width: 80%;
        color: white;
        /* border: 1px solid #e90a0a; */
        margin: auto;
        position: absolute;
        z-index: 99;
        text-align: center;
        padding: 5% 10%;
        font-family: "AONCC___";
        font-size: 1em;
    }

    #banner-index-inn-3 p {
        width: 80%;
        font-family: "AONCC___";
        font-size: 1em;
        margin: auto;
    }

    .pantalla-3 {
        width: 100%;
        height: 260px;
        background-color: #0a1f03;
        opacity: .85;
        font-family: "AONCC___";
    }

    #header-1 {
        width: 100%;
        /* background-color: red; */
        background-size: 100%;
        display: block;
    }

    #header-2 {
        display: none;
    }

    .subheader {
        width: 80%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 2em 1em;
        /* border: 1px solid #000; */
    }

    #logo {
        margin: none;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        /* border: 1px solid #ffffff; */
        /* background: red; */
    }

    #logo a {
        /* background: #c5c216; */
        display: flex;
        align-items: center;
    }

    #logo img {
        width: 95%;
        margin: auto;
    }
    
    .subheader h1 {
        font-weight: 400;
        font-style: normal;
        font-size: 3em;
    }

    .icon-menu {
        font-size: 2em;
        display:flex;
        justify-content: center;
        align-items: center;
        color: #c1950a;
        /* background: blue; */
    }

    .menu-burger {
        display: none;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }

    .menu-burger ul {
        display: flex;
        flex-direction: column;
        background: url(/imagenes/fondo-02.webp);
        background-size: 100%;
    }

    .menu-burger ul a {
        margin: auto;
        text-decoration: none;
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 2.5em;
    }

    .menu-burger ul a li {
        text-align: center;
        font-family: 'Metamorphous';
        color: white;
        margin-bottom: .2em;
        font-size: 1.3em;
    }

    .menu-burger ul a li~img {
        width: 80%;
        padding: 0em;
    }

    .icon-cancel{
        color: #c1950a;
        font-size: 2em;
        margin: auto;
        padding: .5em 0em;  
        display: flex;
        flex-direction: column;
        font-family: 'Metamorphous';
        /* border: 1px solid #000; */
        align-items: center; 
        margin-bottom: .5em;

    }

    #btn-menu {
        display: none;
    }

    #btn-menu:checked ~ nav {
        display: block;
    }

    .banner {
        width: 100%;
        height: 200px;
        animation: banner 10s infinite linear alternate;
        background-size: 100% 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -99;
        padding: 5em 0em;
        /* margin-top: 1em; */
    }

    .banner-2 {
        width: 100%;
        height: 200px;
        animation: banner 10s infinite linear alternate;
        background-size: 100% 100%;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: -99;
        padding: 4em 0em;
        /* margin-top: 1em; */
    }
    
    @keyframes banner {
        0%,
        100% {
        background-image: url("/imagenes/fondo-banner-shamrock.webp");
        }
    }

    .capa {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.7);
    }

    .info {
        z-index: 1;
        width: 95%;
        max-width: 550px;
        text-align: center;
        /* background: rgb(7, 230, 92); */
        /* line-height: 31em; */
    }

    .info h1 {
        color: #fff;
        line-height: 1em;
        font-size: 2em;
        margin-bottom: 0em;
        letter-spacing: 1px;
        width: 100%;
        margin: auto;
        font-family: "AONCC___";
        /* background: red; */
    }

    .info p {
        color: #c7c7c7;
        line-height: 1.7em;
        margin-bottom: 0em;
        /* background-color: red; */
    }
    
    .info img {
        width: 20%;
    } 

#count {
    /* border: 1px solid #ffffff; */
    font-size: 1.1em;
    font-family: 'Metamorphous';
    margin: 0em 0em 0em 0em;
    /* background: #c1950a; */
}

#count-down {
    background: url(/imagenes/fondo-banner.webp);
    background-size: 100%;
    color: white;
    text-align: center;
    line-height: 2.5em;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 1em 0em;
} 

#patrocinadores {
    width: 50%;
    /* background-color: red; */
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: .8em;
    justify-content: space-between;
}

#patrocinadores img {
    width: 40%;
}

.image-container .nudos {
    border: none;
    /* background-color: rgb(27, 37, 233); */
    width: 40%;
    margin-top: 0em;
    margin-bottom: 1em;
    padding: 0em 5em;
}

.image-container h2 {
    font-size: 2em;
    text-align: center;
    width: 60%;
    /* margin: auto; */
    line-height: 1em;
    font-family: "AONCC___";
    /* background-color: red; */
    color: white;
    margin-top: 0em;
    margin-bottom: 0.1em;
    padding: 0em;
}

.image-item-1 {
    margin-bottom: 1em;
    /* border: 1px solid #c81515; */
}

.image-item-1 {
    margin-bottom: 1em;
    /* border: 1px solid #c81515; */
}

.images {
    /* border: 1px solid #0aef38; */

}

button {
    width: 70%;
    margin-bottom: 10em;
    /* border: 10px solid #ffffff; */
    /* border: 1px solid #000; */
}

.image-container {
    margin-bottom: 20em;
    padding: 0em 0em;
    width: 100%;
    margin: auto;
    margin-top: 1em;
    /* border: 1px solid #ffffff; */
}
        
.container {
    border-top: 5px solid #c1950a;
    width: 100%;
    margin: auto;
    /* background: RED; */
}

#slider-new {
    width: 100%;
    height: auto;
    overflow: hidden;
}

#slider-new ul {
    display: flex;
    padding: 0;
    width: 400%;
    animation: slide 15s infinite alternate ease-in-out;
}

.slider-new li {
    width: 100%;
    list-style: none;
    position: relative;
}

#slider-new img {
    width: 100%;
}

@keyframes slide {
    0% {margin-left: 0;}
    20% {margin-left: 0;}
    
    25% {margin-left: -100%;}
    45% {margin-left: -100%;}
    
    50% {margin-left: -200%;}
    70% {margin-left: -200%;}
    
    75% {margin-left: -300%;}
    100% {margin-left: -300%;}
}

#contacts-box {
    /* background-color: red; */
    display: flex;
    flex-direction: column;
    padding: 1em;
    width: 80%;
    margin: auto;
}

#contacts-box img {
    width: 50%;
}

.contact {
    margin-bottom: 1em;
    font-size: 2em;
    text-align: center;
    color: white;
}

.contact p {
    font-size: .5em;
    text-align: center;
    color: white;
    margin-top: .7em;
}

.icon-phone {
    font-size: 1.3em;
}

.icon-mail {
    font-size: 1.3em;
}

#mapa {
    color: white;
    width: 80%;
    /* border: 1px solid #000;   */
    margin: auto;
    text-align: center;
    padding: 0em 0em 1em 0em;
}

#mapa h1{
    font-family: "AONCC___";
    line-height: 1em;
    font-size: 2em;
    text-align: center;
    width: 100%;
    margin: auto;
    /* background-color: red;    */
    margin-bottom: .5em;
}

#mapa p{
    font-family: 'Metamorphous';
    width: 70%;
    margin: auto;
    margin-bottom: .7em;
}

.contact + .contact + .contact {
    margin-bottom: 0em;
}

.history__paragraph {
    color:white;
    padding: 1em 10% 1em 10%;
    width: 80%;
    transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* border-top: 5px solid #c1950a; */
    border-bottom: 5px solid #c1950a;
}

.history__paragraph img {
    width: 80%;
    border: 5px solid #c1950a;
    margin-bottom: .8em;
    margin-top: .5em;
}

.history__paragraph--visible{
    transform: translateY(0);
    opacity: 1;      
}

.history__paragraph .nudos {
    border: none;
    /* background-color: red; */
}

.history__paragraph h1 {
    font-size: 2em;
    text-align: center;
    width: 90%;
    margin: auto;
    line-height: 1em;
    font-family: "AONCC___";
}

.history__paragraph p {
    font-size: 1em;
    text-align: center;
    font-family: "AONCC___";
    width: 90%;
    margin: auto;
    font-family: 'Metamorphous';
    line-height: 1.7em;
}

.history__paragraph-1 {
    color:white;
    padding: 2% 0% 2% 0%;
    width: 100%;
    transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* border-top: 5px solid #c1950a;
    border-bottom: 5px solid #c1950a; */
}

.history__paragraph--visible{
    transform: translateY(0);
    opacity: 1;      
}

.history__paragraph-1 img {
    width: 80%;
    border: 5px solid #c1950a;
    margin-bottom: .8em;
    margin-top: .5em;
}

.history__paragraph--visible{
    transform: translateY(0);
    opacity: 1;      
}

.history__paragraph-1 .nudos {
    border: none;
    /* background-color: red; */
    margin-top: 0.5em;
    margin-bottom: 1em;
}

.history__paragraph-1 h1 {
    font-size: 2em;
    text-align: center;
    width: 70%;
    margin: auto;
    line-height: .7em;
    font-family: "AONCC___";
}

.history__paragraph-1 p {
    font-size: .7em;
    text-align: justify;
    font-family: "AONCC___";
    width: 80%;
    margin: auto;
    font-family: 'Metamorphous';
    line-height: 1.7em;
    /* background-color: red; */
}

.history__paragraph-1__programa {
    color:white;
    padding: 0% 0% 0em 0%;
    width: 80%;
    transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;
    /* background-color: red; */
    margin: auto;
    /* border-top: 5px solid #c1950a;
    border-bottom: 5px solid #c1950a; */
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 2em;
    text-align: center;
    line-height: 2em;
    /* border: 1px solid #ffffff; */
}

.event {
    width: 80%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    /* background-color: red; */
    margin-top: .7em;
    margin-bottom: .7em;
    padding: 0em;
}

.history__paragraph-1__programa--visible{
    transform: translateY(0);
    opacity: 1;      
}

.history__paragraph-1__programa h2 {
    font-size: 2em;
    text-align: center;
    width: 100%;
    margin: auto;
    line-height: 1.2em;
    font-family: "AONCC___";
    margin-bottom: .3em;
}

.history__paragraph-1__programa ul {
    line-height: 1.5em;
    border-bottom: 5px solid #c1950a;
    padding-bottom: 2em;

}

.history__paragraph-1__programa li {

}

#vermas {
    width: 40%;
    background: #c1950a;
    border-radius: 1em;
    padding: .5em;
}

.history__paragraph-2 {
    color:white;
    padding: 2% 0% 2% 0%;
    width: 90%;
    transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    /* border-top: 5px solid #c1950a; */
    /* border-bottom: 5px solid #c1950a; */
    /* background-color: red; */
    margin: auto;
}

.history__paragraph-2 img {
    width: 90%;
    border: 5px solid #c1950a;
    margin-bottom: .8em;
    margin-top: .5em;
}

.history__paragraph--visible{
    transform: translateY(0);
    opacity: 1;      
}

.history__paragraph-2 .nudos {
    border: none;
    /* background-color: red; */
}

.history__paragraph-2 p {
    font-size: .7em;
    text-align: justify;
    font-family: "AONCC___";
    width: 90%;
    margin: none;
    font-family: 'Metamorphous';
    line-height: 1.7em;
}


.history__paragraph-3 {
    color:white;
    padding: 2% 0% 2% 0%;
    width: 100%;
    transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
    /* border-top: 5px solid #c1950a;
    border-bottom: 5px solid #c1950a; */
    /* background-color: red; */
}

.history__paragraph-3 img {
    width: 80%;
    border: 5px solid #c1950a;
    margin-bottom: .8em;
    margin-top: .5em;
}

.history__paragraph--visible{
    transform: translateY(0);
    opacity: 1;      
}

.history__paragraph-3 .nudos {
    border: none;
    /* background-color: red; */
}

.history__paragraph-3 h1 {
    font-size: 3em;
    text-align: center;
    width: 80%;
    margin: auto;
    line-height: .9em;
    font-family: "AONCC___";
}

.history__paragraph-3 p {
    font-size: .7em;
    text-align: justify;
    font-family: "AONCC___";
    width: 80%;
    margin: auto;
    font-family: 'Metamorphous';
    line-height: 1.7em;
}

.batallon__paragraph {
    color:white;
    padding: 1.5em 0% 1.5em 0%;
    width: 100%;
    transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* border-top: 5px solid #c1950a; */
    border-bottom: 5px solid #c1950a;
}

.batallon__paragraph img {
    width: 90%;
    border: 5px solid #c1950a;
    margin-bottom: .5em;
    margin-top: .5em;
}

.batallon__paragraph img ~ img {
    width: 70%;
    border: 5px solid #c1950a;
    margin-bottom: 1em;
    margin-top: 1em;
}

.batallon__paragraph .nudos {
    border: none;
    /* background-color: red; */
    width: 70%;
    margin-top: .3em;
    margin-bottom: 1em;
}

.batallon__paragraph h2 {
    font-size: 2em;
    text-align: center;
    width: 50%;
    margin: auto;
    line-height: 1em;
    font-family: "AONCC___";
    /* background-color: red; */
}

.batallon__paragraph p {
    font-size: 1em;
    text-align: center;
    font-family: "AONCC___";
    width: 70%;
    margin: auto;
    font-family: 'Metamorphous';
    line-height: 1.7em;
}


#convocatoria-main-prensa {
    width: 90%;
    padding: 1em 0em 0em 0em;
    /* border: 1px solid #ffffff; */
    margin: auto;
    /* background-color: red; */
}

#convocatoria-main-prensa .descripcion{
    width: 90%;
    margin: none;
    /* padding: .5em; */
    /* background-color: red; */
    margin: auto;
}

#convocatoria-main-prensa .descripcion p {
    color: white;
    font-family: 'Metamorphous';
    text-align: center;
    line-height: 2.5em;
    font-size: .8em;
    /* background-color: aqua  ; */
    margin: 0em;
}

.convocatorias {
    color:white;
    padding: 1em 0% 0% 0%;
    width: 80%;
    transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* border-top: 5px solid #c1950a; */
    /* border-bottom: 5px solid #c1950a; */
    margin: auto;
}

.convocatorias h3+p {
    font-size: 1em;
    width: 80%;
}

.convocatorias h2 {
    font-size: 2em;
    text-align: center;
    width: 40%;
    margin: auto;
    line-height: .8em;
    font-family: "AONCC___";
    /* background-color: red; */
}

.convocatorias h3 {
    font-size: 1.5em;
    text-align: center;
    width: 60%;
    margin: auto;
    line-height: .8em;
    font-family: "AONCC___";
    background-color: #c1950a;
    padding: .5em;
    color: black;
}

#convc1 {
width: 100%;
font-family: 'Metamorphous';
background: url(/imagenes/actividades/1x/concurso-2.webp);
background-size: 100%;
background-repeat: no-repeat;
/* background: red; */
display: flex;
flex-direction: column;
align-items: center;
padding: 1em 0em;
/* border: 1px solid #ffffff; */
}

#convc1 .nudos {
    border: none;
    /* background-color: red; */
    width: 70%;
    margin-top: .3em;
    margin-bottom: 2em;     
}

#convc2 {
width: 100%;
font-family: 'Metamorphous';
background: url(/imagenes/actividades/1x/concurso-2.webp);
background-size: 100%;
background-repeat: no-repeat;
/* background: red; */
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
padding: 1em 0em;
}

#convc3 {
width: 100%;
font-family: 'Metamorphous';
background: url(/imagenes/actividades/1x/mercadillo-2.webp);
background-size: 100%;
background-repeat: no-repeat;
/* background: red; */
display: flex;
flex-direction: column;
align-items: center;
padding: 1em 0em;
}

#convc4 {
width: 100%;
font-family: 'Metamorphous';
background: url(/imagenes/actividades/1x/desfile-2.webp);
background-size: 100%;
background-repeat: no-repeat;
/* background: red; */
display: flex;
flex-direction: column;
align-items: center;
padding: 1em 0em 2em 0em;
}

#convc5 {
width: 100%;
font-family: 'Metamorphous';
background: url(/imagenes/actividades/1x/concurso-2.webp);
background-size: 100%;
background-repeat: no-repeat;
/* background: red; */
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
padding: 1em 0em;
}

#convc6 {
width: 100%;
font-family: 'Metamorphous';
background: url(/imagenes/actividades/1x/mercadillo-2.webp);
background-size: 100%;
background-repeat: no-repeat;
/* background: red; */
display: flex;
flex-direction: column;
align-items: center;
padding: 1em 0em;
}

#convc7 {
width: 100%;
font-family: 'Metamorphous';
background: url(/imagenes/actividades/1x/desfile-2.webp);
background-size: 100%;
background-repeat: no-repeat;
/* background: red; */
display: flex;
flex-direction: column;
align-items: center;
padding: 1em 0em 2em 0em;
}

#convc8 {
width: 100%;
font-family: 'Metamorphous';
background: url(/imagenes/actividades/1x/concurso-2.webp);
background-size: 100%;
background-repeat: no-repeat;
/* background: red; */
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
padding: 1em 0em;
}

#convc9 {
width: 100%;
font-family: 'Metamorphous';
background: url(/imagenes/actividades/1x/mercadillo-2.webp);
background-size: 100%;
background-repeat: no-repeat;
/* background: red; */
display: flex;
flex-direction: column;
align-items: center;
padding: 1em 0em;
}

#convc10 {
width: 100%;
font-family: 'Metamorphous';
background: url(/imagenes/actividades/1x/desfile-2.webp);
background-size: 100%;
background-repeat: no-repeat;
/* background: red; */
display: flex;
flex-direction: column;
align-items: center;
padding: 1em 0em 2em 0em;
}

#convc11 {
width: 100%;
font-family: 'Metamorphous';
background: url(/imagenes/actividades/1x/desfile-2.webp);
background-size: 100%;
background-repeat: no-repeat;
/* background: red; */
display: flex;
flex-direction: column;
align-items: center;
padding: 1em 0em 2em 0em;
}

#convc12 {
width: 100%;
font-family: 'Metamorphous';
background: url(/imagenes/actividades/1x/desfile-2.webp);
background-size: 100%;
background-repeat: no-repeat;
/* background: red; */
display: flex;
flex-direction: column;
align-items: center;
padding: 1em 0em 2em 0em;
}

.convocatorias p {
    font-size: .7em;
    text-align: center;
    font-family: "AONCC___";
    width: 50%;
    margin: auto;
    font-family: 'Metamorphous';
    line-height: 1.7em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.convocatorias a {
    font-size: 1em;
    color: #072b03;
    background: #c1950a;
    padding: 1em;
    border-radius: 1em;
    text-decoration: none;
}

#convocatorias-cards {
    display: none;
}

#sponsors .nudos {
    margin-top: 0em;
    margin-bottom: 1em;
    width: 80% ;
    margin: aut0;

}

#patrocinadores--2 {
    color:white;
    padding: 2em 0% 2em 0%;
    width: 100%;
    transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* border-top: 5px solid #c1950a; */
    border-bottom: 5px solid #c1950a;
}


#patrocinadores--2 .nudos {
    border: none;
    /* background-color: red; */
    width: 70%;
    margin-top: 0.3em;
}

#patrocinadores--2 img{
    width: 50%;
    margin: 0em .5em 2em .5em;
}

#patrocinadores--2 h2 {
    font-size: 2em;
    text-align: center;
    width: 60%;
    margin: auto;
    line-height: .8em;
    font-family: "AONCC___";
    /* background-color: red; */
}

.inn-patrons {
    /* background-color: red; */
    /* border: 1px solid #000; */
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}

#patrocinadores--2 a {
    font-size: 1em;
    color: #072b03;
    background: #c1950a;
    padding: 1em;
    border-radius: 1em;
    text-decoration: none;
    font-family: 'Metamorphous';
    width: 40%;
    text-align: center;
    line-height: 1.3em;
}

#convocatoria-main {
    width: 100%;
    padding: 0em 0em 0em 0em;
    /* border: 1px solid #000000; */
    margin: auto;
}

.convocatoria-square {
        width: 100%;
        /* background-color: #7ee61c; */
}

.descripcion{
    width: 80%;
    margin: auto;
    margin-bottom: 2em;
    /* padding: .5em; */
    /* background-color: red; */
}

.descripcion p {
    color: white;
    font-family: 'Metamorphous';
    text-align: center;
    line-height: 1.7em;
}

.convocatoria-square img {
    width: 100%;
}

#boton {
    width: 90%;
    margin: auto;
    color: white;
    text-align: center;
    margin-top: 0.5em;
    /* background-color: red;   */
    display: flex;
    flex-direction: column;
    margin-bottom: 0em;
}

.inside-boton {
    width: 90%;
    margin: auto;
    color: white;
    text-align: center;
    padding: 0em;
    margin-bottom: 1em;
    /* background-color: #8f1f1f; */
}

.inside-boton p {
    margin-bottom: 0em;
}

.icon-download {
    width: 20%;
    margin: auto;
    background-color: #c1950a;
    text-align: center;
    border-radius: .7em;
    padding: .5em;
    color: #072b03;
    font-size: 2em;
    margin-top: .3em;
    margin-bottom: .5em;
}

footer {
    width: 100%;
    font-family: 'Metamorphous';
    background: url(/imagenes/fondo-01.webp);
    background-size: 100%;
    transform: translateY(0px);
    opacity: 1;
    transition: 1s ease;
}

#inn-footer {
    width: 90%;
    text-align: center;
    color: white;
    line-height: 2em;
    margin: auto;
    padding-bottom: 1em;
}

    
#inn-footer p {
    font-size: .9em;

}

#inn-footer a {
    color: rgb(39, 255, 75);
    font-size: .9em;
}

.redes {
    /* background: red; */
    display: flex;
    justify-content: space-between;
    width: 50%;
    margin: auto;
    margin-bottom: 1em;

}

.icon-facebook {
    color: white;
    font-size: 3em;
    /* background-color: red; */
    
}

.icon-youtube-play {
    color: white;
    font-size: 3em;
    /* background-color: red; */
}

#boton-2 {
    width: 90%;
    margin: auto;
    color: white;
    text-align: center;
    margin-top: 1em;
    /* background-color: red;   */
    display: flex;
    flex-direction: column;
}

.inside-boton-2 {
    width: 80%;
    margin: auto;
    color: white;
    text-align: center;
    margin-top: 0em;
    line-height: 1.5em;
    margin-bottom: 1em;
    /* background-color: rgb(35, 222, 159); */
}


.inside-boton-2 .icon-download {
    width: 30%;
    margin: auto;
    background-color: #c1950a;
    text-align: center;
    border-radius: .7em;
    padding: .5em;
    color: #072b03;
    font-size: 2em;
    margin-top: .3em;
    margin-bottom: .5em;
}

.inside-boton-2 a {
    color: white;
    font-size: 1em;
    text-decoration: none;
    font-weight: bold;
    font-family: 'Metamorphous';
}

.inside-boton-dropdown {
    width: 90%;
    margin: auto;
    color: white;
    text-align: center;
    margin-top: 0.7em;
    margin-bottom: 1em;
    /* background-color: red; */
    font-size: 2em;
    display: none;

}

.inside-boton-dropdown ul {
    list-style: none;
    background-color: #c1950a;

}

.inside-boton-dropdown ul li {
    display: inline-block;
    position: relative;
}

.inside-boton-dropdown ul li a {
    display: block;
    padding: 20px 25px;
    color: #072b03;
    text-decoration: none;
    text-align: center;
    /* font-size: 20px; */
}

.inside-boton-dropdown ul li ul.dropdown li {
    display: block;
}

.inside-boton-dropdown ul li ul.dropdown {
    width: 100%;
    background-color: #c1950a;
    position: absolute;
    z-index: 999;
    display: none;
}

.inside-boton-dropdown ul li a:hover {
    background-color: #072b03;
    color: #ffffff;
    border: 1px solid #ffffff;
}

.inside-boton-dropdown ul li:hover ul.dropdown {
    display: block;
}

.batallon__paragraph + iframe {
    margin: auto;
    width: 100%;
    margin-bottom: 1em;
}

}