@charset "utf-8";

/* ------------------------------------------------------------------------------- */
/*  0. Reset & Clearfix
/* ------------------------------------------------------------------------------- */


	html,body,div,span,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,small,sub,b,dl,dd,dt,ul,li,label,article,details,footer,header,menu,nav,input,textarea,select{
		background:transparent;
		border:0;
		outline:0;
		padding:0;
		margin:0;
	}
	
	video, object {
 		left:0;
 		position:fixed;
 		top:0;
 		z-index:1;
	}
	
	.clearfix:after {
		clear: both;
		content: " ";
		display: block;
		font-size: 0;
		height: 0;
		line-height: 0;
		visibility: hidden;
		width: 0;
	}
	


/* ------------------------------------------------------------------------------- */
/*  1. General
/* ------------------------------------------------------------------------------- */	


	@font-face {
		
	
	}
	
	html,body{
		font-family: 'Raleway', sans-serif;
		font-size:12px;
		width:100%;
		height:100vh;
		color:#FFF;
		background:#FFF;
		z-index:1;
		padding:0 auto;
        margin:0px;
        scroll-snap-type: y mandatory;
        
        
       
		
	}
	
		
	body {overflow-x: hidden;
       
        
           
} /*Importante para que no se vea nada a los costados de la web */

	
	
	a, li {
        color: #FFF;
        text-decoration: none;
        -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
           -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
            -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
             -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
                transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out, outline .3s ease;
    }

    a:hover {
    color: #000;
}
	
	img, input, textarea {
	-webkit-transition: background-color 1s ease, border 1s ease, color 1s ease, opacity 1s ease-in-out, outline 1s ease;
	-moz-transition: background-color 1s ease, border 1s ease, color 1s ease, opacity 1s ease-in-out, outline 1s ease;
	-ms-transition: background-color 1s ease, border 1s ease, color 1s ease, opacity 1s ease-in-out, outline 1s ease;
	-o-transition: background-color 1s ease, border 1s ease, color 1s ease, opacity 1s ease-in-out, outline 1s ease;
	transition: background-color 1s ease, border 1s ease, color 1s ease, opacity 1s ease-in-out, outline 1s ease;
	text-align: right;
	}
	

/* ------------------------------------------------------------------------------- */
/*  A. INDEX DE ESTAMOS TRABAJANDO (Se usa cuando la web se baja para actualizar)
/* ------------------------------------------------------------------------------- */	
.container_center {
    
    text-align: center;
    color: #CCC;
    position: relative;
    padding-bottom: 0px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    width: 100%;
    height: 100%;
    
    
}

.img_center {
    width: 100%;
}

.container_center img {
    width: 500px;
}
@media only screen and (max-width: 700px) {
    
  .container_center img {
    width: 300px;
}  
    
    
}



/* ------------------------------------------------------------------------------- */
/*  2. Menu
/* ------------------------------------------------------------------------------- */

.container_navigation {
    background-color: rgba(255,255,255,0);
    border-bottom: solid 0px rgba(255,255,255,0);
    position: relative;
    width: 75%;
    max-width: 2000px;
    height: auto;
    z-index: 2;
    margin: 0 auto;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    
    
}

.container_navigation p {
    color: white;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bolder;
    -webkit-transition: all 1s ease 0s;
           -moz-transition: all 1s ease 0s;
            -ms-transition: all 1s ease 0s;
             -o-transition: all 1s ease 0s;
                transition: all 1s ease 0s;
    
}

.container_navigation p:hover {
    color: rgba(89,255,0,1.00);
    cursor: pointer;
    
    
    
}

.Nav_Left {
    background: url("../images/Andes_league_logo-whiteH.png") no-repeat;
    background-size: contain;
    border-bottom: solid 1px rgba(255,255,255,0);
    width: 180px;
    height: 100px;
    flex-shrink: 0;
    image-rendering: crisp-edges;
}

.Nav_Right {
    background-color: rgba(255,255,255,0);
    border-bottom: solid 1px rgba(255,255,255,0);
    width:auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    column-gap: 20px;
    flex-grow: 2;
}

.Nav_Right p {
    
    padding: 3px 12px 3px 12px;
    border-radius: 7px;
}
	
.Nav_Right p:hover {
    background: rgba(237,255,0,1.00);
    padding: 3px 12px 3px 12px;
    border-radius: 7px;
    color: black;
}

.Nav_Right p:hover a{
    color: black}



/* ------------------------------------------------------------------------------- */
/*  3. Pages and Subpages
/* ------------------------------------------------------------------------------- */


	#index {
		height: 100%;
        width: 100%;
        position: absolute;
      
	}
.subline {
    border-bottom: solid 1px rgba(255,255,255,.1);
}

    
.container {
    background-color: rgba(255,255,255,.0);
    border-bottom: solid 0px rgba(255,255,255,.5);
    position: relative;
    width: 75%;
    max-width: 2000px;
    height: auto;
    z-index: 2;
    margin: 0 auto;
    padding: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    align-content: flex-end;
   
}

.container p{
    padding: 10px;
}

.container_portada {
    background-color: rgba(255,255,255,.0);
    position: relative;
    width: 75%;
    max-width: 2000px;
    height: auto;
    z-index: 2;
    margin: 0 auto;
    padding: 50px 0px 50px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    align-content: stretch;
    
}

.container_numeros {
    background: url("../images/banner003_grande.png") center center;
    background-color: rgba(0,0,0,1);
    background-size: cover;
    background-blend-mode: lighten;
    position: relative;
    width: 100%;
    max-width: 2000px;
    height: auto;
    z-index: 2;
    margin: 0 auto;
    padding: 50px 0px 0px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.container_nosotros {
    background-color: rgba(255,255,255,.0);
    position: relative;
    width: 75%;
    max-width: 2000px;
    height: auto;
    z-index: 2;
    margin: 0 auto;
    padding: 50px 0px 50px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px;
    
    
}

.container_inscripciones {
    background-color: rgba(255,255,255,.0);
    position: relative;
    width: 90%;
    max-width: 2000px;
    height: auto;
    z-index: 2;
    margin: 0 auto;
    padding: 50px 0px 50px 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    align-items:stretch;
    gap: 20px;
    
    
}

.container_ranking {
    background-color: rgba(255,255,255,.0);
    position: relative;
    width: 75%;
    height: auto;
    z-index: 2;
    margin: 0 auto;
    padding: 50px 0px 50px 0px;
    
    display: flex;
    flex-direction: column;
    align-content: stretch;
    
}

.flex1 {
    display: flex;
    flex-direction: row;
    align-content:flex-end;
    align-items: flex-end;
    justify-content: space-between;
    
}

.flex2 {
    display: flex;
    flex-direction: row;
    align-content:flex-end;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
      
}

.flex3 {
    display: flex;
    flex-direction: row;
    align-content:flex-end;
    align-items: flex-end;
    justify-content: space-around;
    flex-wrap: wrap;
      
}

.container_blocks_camp {
    background-color: rgba(255,255,255,.0);
    position: relative;
    width: 75%;
    max-width: 2000px;
    height: auto;
    z-index: 2;
    margin: 0 auto;
    padding: 10px 0px 50px 0;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    
    row-gap: 40px;
    align-items: stretch;
}

.container_blocks_tor {
    background-color: rgba(255,255,255,.0);
    
    position: relative;
    width: 75%;
    max-width: 2000px;
    height: auto;
    z-index: 2;
    margin: 0 auto;
    padding: 10px 0 40px 0;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    
    row-gap: 40px;
    align-items: stretch;
}

.container_blocks_tor {
    background-color: rgba(255,255,255,.0);
    
    position: relative;
    width: 75%;
    height: auto;
    z-index: 2;
    margin: 0 auto;
    padding: 10px 0 40px 0;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    
    row-gap: 40px;
    align-items: stretch;
}



	
/* ------------------------------------------------------------------------------- */
/*  4. Separators
/* ------------------------------------------------------------------------------- */
.banner_portada {
    background: url("../images/banner001b.png") no-repeat center center;
    background-size:cover;
    width:50%;
    Height: 300px;
    border-radius: 0px 60px; 
    
}

.banner_campamentos {
    background: url("../images/WinterCamp001.jpg") no-repeat right center;
    background-size:cover;
    width:50%;
    Height: 300px;
    border-radius: 0px 60px; 
}

.banner_campeonatos {
    background: url("../images/banner002.png") no-repeat center top;
    background-size:cover;
    width:50%;
    Height: 300px;
    border-radius: 0px 60px; 
}

.texto_portada {
    background: rgba(255,255,255,.0);
    width:50%;
    Height: 300px;
    padding: 0px 20px 0px 20px ;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.texto_portada h1{
    font-size:44px;
    color: white;
    font-weight: bolder;
    line-height: 35px;
    
}

.texto_portada h2{
    font-size:20px;
    color: white;
    font-weight: bolder;
    margin-top: -10px;
}

.texto_portada h3{
    font-size:14px;
    color: lightpink;
    font-weight: bold;
}

.texto_ranking {
    background: rgba(255,255,255,.0);
    width:100%;
    Height: auto;
    padding: 0px 20px 0px 20px ;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.texto_ranking h1{
    font-size:44px;
    color: white;
    font-weight: bolder;
    line-height: 35px;
    
}

.texto_ranking h2{
    font-size:20px;
    color: white;
    font-weight: bolder;
    margin-top: 0px;
}

.texto_ranking h3{
    font-size:14px;
    color: white;
    font-weight: bold;
}

.texto_numeros {
    background: rgba(255,255,255,.0);
    width:25%;
    Height: 270px;
    padding: 0px 20px 0px 20px ;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    
    
}

.texto_numeros h1{
    font-size:100px;
    color: white;
    font-weight: bolder;
    line-height: 75px;
    text-align: center;
    
}

.texto_numeros h2{
    font-size:30px;
    color: white;
    font-weight: bolder;
    margin-top: 0px;
    text-align: center;
}

.texto_numeros h3{
    font-size:20px;
    color: white;
    font-weight: bold;
    text-align: center;
}

.texto_nosotros {
    background: rgba(0,0,0,.2);
    border-radius: 20px;
    width:300px;
    min-Height: 600px;
    padding: 20px 5px 20px 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
     
}

.texto_inscripciones {
    background: rgba(0,0,0,0);
    border-radius: 20px;
    border: solid 1px white;
    width:300px;
    min-Height: 300px;
    padding: 0px 0 30px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content:flex-start;
    
}


.nosotros_imagen {
    width: 300px;
    height: 330px;
    margin-bottom: 20px;
    
}

.nosotros_ins {
    width: 300px;
    height: 330px;
    margin-bottom: 20px;
    
}

.lorena {
    background: url("../images/lorena.png");
    background-position:center;
    background-size: cover;
}

.patricia {
    background: url("../images/patricia.png");
    background-position:center;
    background-size: cover;
}

.fatima {
    background: url("../images/Fatima.png");
    background-position:center;
    background-size: cover;
}

.rossana {
    background: url("../images/Rossana.png");
    background-position:center;
    background-size: cover;
}

.winter-camp {
    background: url("../images/winter-camp2025.png");
    background-position:center bottom;
    background-size: cover;
    width:100%;
    border-radius: 20px;
    
}

.theGame {
    background: url("../images/TheGame2025.png");
    background-position:center bottom;
    background-size: cover;
    width: 100%;
    border-radius: 20px;
    
}

.final-nacional {
    background: url("../images/final2025.png");
    background-position:center bottom;
    background-size: cover;
    width: 100%;
    border-radius: 20px;
    
}

.pack-comp {
    background: url("../images/packx2.png");
    background-position:center bottom;
    background-size: cover;
    width: 100%;
    border-radius: 20px;
    
}

.pack-anual {
    background: url("../images/packx3.png");
    background-position:center bottom;
    background-size: cover;
    width: 100%;
    border-radius: 20px;
    
}

.texto_nosotros h1{
    font-size:30px;
    color: white;
    font-weight: bolder;
    
    text-align: center;
    
}

.texto_nosotros h2{
    font-size:18px;
    color: white;
    font-weight: bolder;
    margin-top: 0px;
    text-align: center;
}

.texto_nosotros h3{
    font-size:14px;
    color: white;
    font-weight: bold;
    text-align: center;
    
  
}


.Camp_block{
    min-height: 320px;
    width: 25%;
    background: rgba(108,108,108,1.00);
    border-radius: 20px;
    padding: 15px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
}

.torneo_block{
    min-height: 320px;
    width: 25%;
    background: #7209b7;
    border-radius: 20px;
    padding: 15px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    
}

.rank_block{
    min-height: 320px;
    width: 20%;
    min-width: 250px;
    background: #F64C76;
    border-radius: 10px;
    padding: 10px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 10px;
}

.block_top {
    width: 100%;
    text-align: right;
    

}

.block_down {
    width: 100%;
    text-align: left;
    margin-bottom: 0px;
}

.Camp_block h1 {
    font-size: 36px;
    color: rgba(255,255,255,.7)
    
}

.Camp_block h2 {
    font-size: 20px;
    color: rgba(255,255,255,.7)
}

.Camp_block h3{
    font-size:100px;
    color: rgba(255,255,255,.7)
}

.Camp_block p{
    font-size:16px;
    font-weight: bold;
    color: rgba(255,255,255,.7)
}

.torneo_block h1 {
    font-size: 36px;
    color: rgba(237,255,0,1)
    
}

.torneo_block h2 {
    font-size: 20px;
    color: rgba(237,255,0,1)
}

.torneo_block h3{
    font-size:100px;
    color: rgba(255,255,255,.25)
}

.torneo_block p{
    font-size:16px;
    font-weight: bold;
    color: rgba(255,255,255,1.00)
}

.boton_pink{
    background: rgba(0,0,0,1);
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    color: white;
    font-weight: bold;
    -webkit-transition: all 1s ease 0s;
           -moz-transition: all 1s ease 0s;
            -ms-transition: all 1s ease 0s;
             -o-transition: all 1s ease 0s;
                transition: all 1s ease 0s;
    
}

.boton_pink:hover{
    background: rgba(221,0,102,1.00);
    text-align: center;
    border-radius: 10px;   
}

.boton_yellow{
    background: rgba(237,255,0,1.00);
    border: 0px solid white;
    text-align: center;
    border-radius: 15px;
    width: 260px;
    padding: 15px 10px 15px 10px;
    color: black;
    font-weight: bold;
    align-self: baseline;
    position: relative;
    top: 500px;
    left: 10px;
    -webkit-transition: all 1s ease 0s;
           -moz-transition: all 1s ease 0s;
            -ms-transition: all 1s ease 0s;
             -o-transition: all 1s ease 0s;
                transition: all 1s ease 0s;
    
}

.boton_yellow:hover{
    background: rgba(0,0,0,1.00);
    color: rgba(237,255,0,1.00);
    
    
    
    
}

.titulo_hidden {
    visibility: hidden;
}

.titulo_grande_numeros {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0px 0px 50px 0px;
    margin-bottom: 0px;
    
}

.titulo_grande_numeros h1 {
    font-size: 40px;
    margin-bottom: 0px
    
}

.titulo_grande_numeros h2 {
    font-size: 20px;
    font-weight: normal;
    padding: 0px 100px 0 100px;
}

.titulo_grande {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0px 0px 50px 0px;
    margin-bottom: 0px;
    
}

.titulo_grande h1 {
    font-size: 40px;
    margin-bottom: 0px
    
}

.titulo_grande h2 {
    font-size: 20px;
    font-weight: normal;
    padding: 0px 100px 0 100px;
}

/* ------------------------------------------------------------------------------- */
/*  5. Home Page
/* ------------------------------------------------------------------------------- */
	
	#fondo_main {
    height: 100%;
    right: 0px;
    position: fixed;
    z-index: 1;
    width: 100%;
    margin-top: 0px;
    background: linear-gradient(135deg, rgba(76,1,92,1.00), rgba(199,17,57,1.00));
    background-size: 200% 100%;
    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    -o-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

	


	
	
/* ------------------------------------------------------------------------------- */
/*  6. About Us
/* ------------------------------------------------------------------------------- */

	

/* ------------------------------------------------------------------------------- */
/*  17. Footer
/* ------------------------------------------------------------------------------- */	

.footer {
    background-color: rgba(0,0,0,1);
    position: relative;
    width: 100%;
    height: auto;
    z-index: 2;
    padding: 0px;
    margin-bottom: 0px;
    bottom: 0;  
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
}

.container_footer {
    width: 75%;
    height: auto;
    padding: 20px 0px 20px 0px;
    background-color: rgba(0,0,0,1);
    position: relative;
    visibility: visible;
    bottom: 0px;
    margin-top: 0px;
    z-index: 2;
    display: flex;
    flex-direction: row;
    
}

.Nav_Footer_left {
    width: 400px;
    text-align: left;
}
.Nav_Footer_right {
    width: 100%;
    
    text-align: right;
}

.Nav_Footer_right h3 {
    font-size: 12px;
    line-height: 12px;
    margin-top: -5px;
    font-weight: normal;
}

/* ------------------------------------------------------------------------------- */
/*  17. MEDIA QUERYS (Ajustan el contenido en pantallas chicas)
/* ------------------------------------------------------------------------------- */
@media only screen and (max-width: 1025px) {
    
   .container_navigation {
    width: 90%;
    
} 
    
      .container_numeros {
    width: 100%;
    
}
    .container_portada {
    margin-top: 0px;
    width: 90%;
} 
    .container_blocks_camp {
        width:90%;
    }
    
    .container_blocks_tor {
        width:90%;
    }

    .container {
    width: 90%;
 }
    .Nav_Left {
    background: url("../images/Andes_league_logo-whiteH.png") no-repeat;
    background-size: contain;
    width: 200px;
    height: 70px;
    flex-shrink: 0;
        
}
    .Nav_Right {
    align-items: flex-end;
    justify-content: flex-end;
    flex-direction: column;
    column-gap: 0px;
    row-gap: 5px;
    padding-top:10px;   
}
    .titulo_grande h1{
    font-size:40px;
    color: white;
    font-weight: bolder;
}

.texto_portada h2{
    font-size:17px;
    color: white;
    font-weight: bolder;
    margin-top: -10px;
}

.texto_portada h3{
    font-size:12px;
    color: white;
    font-weight: bolder;
    
}

    .texto_numeros h1{
    font-size:80px;
    color: white;
    font-weight: bolder;
    line-height: 75px;
    text-align: center;
    
}

.texto_numeros h2{
    font-size:25px;
    color: white;
    font-weight: bolder;
    margin-top: 0px;
    text-align: center;
}

.texto_numeros h3{
    font-size:18px;
    color: white;
    font-weight: bold;
    text-align: center;
}
    
    
 .Camp_block{
    height: 250px;
    width: 25%;   
}
    
    .Camp_block h1 {
    font-size: 30px;
 
      
}

.Camp_block h2 {
    font-size: 16px;
    
}

.Camp_block h3{
    font-size:80px;
    
}

.Camp_block p{
    font-size:12px;
    
}
  .torneo_block h1 {
    font-size: 30px;
    
    
}  
    .torneo_block h2 {
    font-size: 16px;
    
}

.torneo_block h3{
    font-size:80px;
    
}

.torneo_block p{
    font-size:12px;
    
}
    
 .banner_portada {
    border-radius: 0px 40px; 
}  
    
    .banner_campamentos {
    border-radius: 0px 40px; 
}
    .banner_campeonatos {
    border-radius: 0px 40px; 
}
    
       .texto_nosotros {
    width:40%;
    min-Height: 500px;
    padding: 20px 10px 20px 10px;
     
}


.nosotros_imagen {
    width: 90%;
    
    margin-bottom: 20px;
}
    
 .container_nosotros {
    width: 90%;
    padding: 60px 0px 50px 0px;
    
    }
    
    .titulo_grande h1 {
    font-size: 36px;
    margin-bottom: 0px
    
}

.titulo_grande h2 {
    font-size: 18px;
    font-weight: normal;
    background: rgba(0,0,0,.0);
    

    }


    
    
    
@media only screen and (max-width: 600px) {
    
    
  .banner_portada {  
    border-radius: 0px; 
    width: 100%;
    height: 50%;
}
    
     .banner_campamentos {  
    border-radius: 0px; 
    width: 100%;
    height: 50%; 
}
     .banner_campeonatos {  
    border-radius: 0px; 
    width: 100%;
    height: 50%; 
}
    .container_navigation {
    width: 100%;
    padding: 0px;
    height: 300px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row;
    border-bottom: solid 0px rgba(255,255,255,.0);
    position: relative;   
    align-content: flex-start;
    margin-bottom: 0px;
       margin-top: 0px;
} 
    
    .container_portada {
    margin-top: 0px;
    width: 100%;
    padding: 0px;
    flex-direction: column;
    height: 100%;
} 
        
    .texto_portada{
        width: 100%;
        height: 50%;
    justify-content: flex-start;
        padding: 0px;
        
    }
    
    
.container_navigation p {
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bolder;
        -webkit-transition: all 1s ease 0s;
           -moz-transition: all 1s ease 0s;
            -ms-transition: all 1s ease 0s;
             -o-transition: all 1s ease 0s;
                transition: all 1s ease 0s;
    
}
    .container {
    width: 100%;
    position: relative;
    height: 100%;
    padding: 0px;
    }
    
    .yellow {
    background: linear-gradient(135deg, rgba(237,255,0,1.00), rgba(237,255,0,1.00)); 
    color: black;
    }

    .Nav_Right {
    background-color: rgba(255,255,255,0);
    border-bottom: solid 1px rgba(255,255,255,0);
    width:400px;
    display: flex;
    align-items: flex-start;
    justify-content:flex-start;
    flex-direction: column;
    column-gap: 0px;
    row-gap: 0px;
    margin-bottom: 0px;
    padding: 0px;
    
    
    
    
}
.Nav_Left {
    background: url("../images/Andes_league_logo-white.png") no-repeat rgba(255,255,255,0);
    background-size: contain;
    background-position: left;
    border-bottom: solid 1px rgba(255,255,255,0);
    margin-top:0px;
    width: 100px;
    height: 100px;
    flex-shrink: 0;
    align-content: flex-start;
    justify-content: flex-start;
}
    .Nav_Right p {
    background: rgba(255,255,255,0);
    padding:3px 20px 3px 0px;
    border-radius: 0px;
    width: 100%;
    text-align: right;
}
    .Nav_Right p:hover {
    background: rgba(237,255,0,1.00);
    padding: 3px 10px 3px 0px;
    border-radius: 0px;
    color: black;
}
    
    
    .texto_portada h1{
    font-size:36px;
    color: white;
    font-weight: bolder;
        padding: 10px 20px 0px 10px;
}

.texto_portada h2{
    font-size:20px;
    color: white;
    font-weight: bolder;
    margin-top: -10px;
    padding: 0px 20px 0px 10px;
}

.texto_portada h3{
    font-size:14px;
    color: white;
    font-weight: bold;
    padding: 0px 20px 10px 10px;
}
    
    .min_hidden {
        visibility: hidden;
    }
.Camp_block{
    height: 100vh;
    width: 100%;
    background: rgba(237,255,0,1);
    border-radius: 0px;
    padding: 0px;
    color: black;
    flex-shrink: 0;
    border-bottom: black 2px dashed;
   
    
}
    
    .torneo_block{
    height: 100vh;
    width: 100%;
    border-radius: 0px;
    padding: 0px;
    color: black;
    flex-shrink: 0;
    border-bottom: white 2px dashed;
    
    
}
    .flex1 {
    display: flex;
    flex-direction: column;
    align-content:flex-start;
    align-items: flex-start;
    position: relative;
      
}
    .container_blocks_camp {
        
        padding: 0px;
        position: relative;
        width: 100%;
        grid-row-gap: 0px;
        
        
    }
    
    .container_blocks_tor {
        height: 400vdh;
        padding: 0px;
        position: relative;
        width: 100%;
        grid-row-gap: 0px;
        
        
    }
    
     
    
    .block_top {
        position: relative;
        background: rgba(0,0,0,0);
        text-align: right;
        right: 0px;
        top:0px;
        
        
    }
    
    .block_down {
        margin-left: 0px;
        padding-left: 0px;
    }
    
        .Camp_block h1 {
    font-size: 80px;
          padding-left: 10px;
    
    
}

.Camp_block h2 {
    font-size: 46px;
    padding-left: 10px;
    
}

.Camp_block h3{
    font-size:200px;
    padding-left: 10px;
    
    
}

.Camp_block p{
    font-size:20px;
    font-weight: bold;
    padding-left: 10px;
    margin-bottom:50px;
    
    
}
    
         .torneo_block h1 {
    font-size: 80px;
    
}

.torneo_block h2 {
    font-size: 46px;
    
}

.torneo_block h3{
    font-size:200px;
    
    
    
}

.torneo_block p{
    font-size:20px;
    font-weight: bold;
    
    margin-bottom:50px;
    
    
}
 .boton_pink{
    background: rgba(0,0,0,0.1);
    padding: 0px;
    text-align: left;
    border-radius: 10px;
    width: 50%;
    height: 50px;
    display:flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    margin-left: 10px;
    border: solid 1px black;
    color: black;
     
}  
    
     .boton_yellow{
        top: 680px;
        left: 0px;
        margin:0 auto;
         width: 92%;
         text-align: center;
         
} 
    
    .boton_pink:hover {
        
        background: rgba(0,0,0,1);
    }   
    
    .boton_yellow:hover {
        
        background: rgba(0,0,0,1);
        
    } 
    
    
    .titulo_hidden {
       background: rgba(0,0,0,1);
        color:white;
        font-weight: bolder;
        visibility: visible;
        padding: 10px 0 10px 10px;
        width: 150px;
        margin-left: 0px;
        text-align: left;
        position: relative;
        top:-50px;
        z-index:3;
        border-radius: 0px 20px 20px 0;
        
        
    }
    
   .container_numeros {
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 2;
    margin: 0 auto;
    padding: 0px 0 0px 0;
    margin-top: 0px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: row;
    align-content: space-around;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    gap: 0px;
    
}
    
    .texto_numeros {
    background: rgba(255,255,255,.0);
    width:75%;
    Height: auto;
    padding: 0px 0 20px 0 ;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
        
    
    
}
    .texto_numeros h1{
    font-size:60px;    
    line-height:55px;
    
    
    
}

.texto_numeros h2{
    font-size:20px;
    margin-top: 0px;
    
}

.texto_numeros h3{
    font-size:18px;    
    margin-top: -10px;
    }
    
    .texto_nosotros {
    width:100%;
    min-Height: 500px;
    padding: 20px 0px 20px 0px;
     
}


.nosotros_imagen {
    width: 300px;
    height: 330px;
    margin-bottom: 20px;
}
    
 .container_nosotros {
    width: 90%;
    padding: 20px 0px 20px 0px;
    
    }
    
    .titulo_grande {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
    
}

    
    
    .titulo_grande h1 {
    font-size: 32px;
    margin-bottom: 0px
    
}

.titulo_grande h2 {
    font-size: 16px;
    font-weight: normal;
    padding: 0px 0px 0 0px;
} 
    
    .titulo_grande_numeros {
        padding: 0 0 0 0;
    }  
    
    .titulo_grande_numeros h1{
    font-size: 26px;
    } 
    
    .titulo_grande_numeros h2{
    font-size: 16px;
    padding: 0 0px;
    } 
    
    .scroll_snap {
        scroll-snap-align:start;
    }
 
    .nosotros_ins {
        width: 100%;
        height: 470px;
    }
    
    .texto_inscripciones {
        width: 100%;
        height: 700px;
    }
    
    

    .container_footer{
    background-color: rgba(0,0,0,1);
    position: relative;
    width: 100%;
    height: auto;
    z-index: 2;
    bottom: 0;  
    padding: 10px;
        
        
}

.Nav_Footer_left {
    background-color: rgba(255,255,255,0);
    width: 200px;
    text-align: left;
    padding: 0px;
}
.Nav_Footer_right {
    background-color: rgba(255,255,255,0);
    width: 100%;
    padding: 30px;
    text-align: right;
}

.Nav_Footer_right h3 {
    font-size: 12px;
    line-height: 12px;
    margin-top: -5px;
    font-weight: normal;
    
}
    
    }}