:root {
    --blue-torneo: #0A0C2E;
}

/*
Genericos
*/
body.fundacion > section{
	border: 0;
}

body.fundacion .mainsponsors{ display: none; }

.show-in-responsive{display: none;}
#myBody h2{	
	font-size: 48px;
    text-align: center;
	color: var(--blue-torneo);
	font-weight: 700;
    font-variation-settings: "wdth" 50;
    margin-bottom: 15px;
    text-transform: uppercase;
    line-height: 54px;
}
#myBody h3{	
	font-size: 42px;
    text-align: left;
	color: var(--blue-torneo);
	font-weight: 700;
    font-variation-settings: "wdth" 50;
    margin-bottom: 15px;
    text-transform: uppercase;
    line-height: 50px;
}
#myBody p.generic{
	font-size: 18px;
    font-weight: 500;
    text-align: center;
    color: var(--blue-torneo);
}

#myBody a.btn.red{
	background: #ff0b24;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 30px;
    border-radius: 10px;
    font-family: var(--font-bold);
}

/* SOBREESCRIBIR AZUL | Header menu footer*/
body.fundacion .mainsponsors,
header.azul-header-fundacion,
button, input[type="file"]:after,
body form .icon-price,
footer#new-footer {
    background-color: var(--blue-torneo) !important;
}
body.fundacion h1,
fieldset legend,
body.fundacion label,
body.fundacion input[type=text],
body.fundacion .price-marker .euro-tag,
body.fundacion #accept-politica,
body.fundacion .volver a,
body.fundacion .form-exito p,
body.fundacion .form-error a{
	color: var(--blue-torneo) !important;
}

body form .price-marker{
	border-color: var(--blue-torneo) !important;
}

body#myBody section .blue-box{ background: rgba(40, 42, 111, 0.95);}
body#myBody section .blue-box h2, body#myBody section .blue-box h3, body#myBody section .blue-box h4, body#myBody section .blue-box p{ color: #fff;}
body#myBody section .blue-box a:not(.btn){color: #fff; text-decoration: underline;}

body#myBody section .black-box{ background: var(--blue-torneo);}
body#myBody section .black-box h2, body#myBody section .black-box h3, body#myBody section .black-box h4, body#myBody section .black-box p{ color: #fff;}
body#myBody section .black-box a:not(.btn){color: #fff; text-decoration: underline;}
body#myBody.sponsored.mobile { padding-top: 50px; }

/* Menu 
 ----------------------------------------------------------------------------------------- */
#myHeader.fundacion-landing.special-header header#newHeader h1.escudo{ max-width: 290px;}
#myHeader.fundacion-landing.top-bar.sticky{top: 0;}
header#newHeader{ border-bottom: 1px solid #fff;}
header#newHeader ul.mainnav{display: flex !important; width: calc(100% - 290px);text-align: center; display: block !important;}
header#newHeader ul.mainnav li{ display: inline-block; width: auto; }
header#newHeader ul.mainnav li.item-menu-inscripcion{display: none;}
header#newHeader ul.mainnav li.menu-item-fleft{ float: right; margin-top: -8px; }
header#newHeader ul.mainnav li.menu-item-fleft a{ padding: 10px 30px 8px;  }
header#newHeader ul.mainnav li a{ padding: 4px 0; margin: 0 12px; border-bottom: 2px solid transparent;}
header#newHeader ul.mainnav li a:hover{ border-bottom: 2px solid #fff; }
#myHeader.fundacion-landing.fundacion .secondnav{ display: flex !important; }
#myHeader .section-inscribete-only-mbl{ display: none; }

nav.completenav div#menuWrapper { background-color: var(--blue-torneo); }
@media (min-width: 1100px){
	nav.completenav div#menuWrapper div.main_elements {
	    grid-column-end: 12;
	}
}



#myHeader.fundacion .mainnav{ display: none !important; max-width: 960px;}
#myHeader.fundacion-landing.fundacion .secondnav{ display: block !important; }
@media (min-width: 1120px){
	#myHeader.fundacion .mainnav{ display: block !important; }
	#myHeader.fundacion-landing.fundacion .secondnav{ display: none !important; }
}
@media (min-width: 340px) and (max-width: 700px){
	header#newHeader ul.mainnav li.item-menu-inscripcion{display: inline-block;}
	nav.completenav div#menuWrapper div.main_elements ul li { line-height: initial; }
	body.fundacion #myHeader{ border: 0; }
	#myHeader .section-inscribete-only-mbl{ display: block; background: red;  text-align: center; padding: 8px 0 5px 0;}
	#myHeader .section-inscribete-only-mbl a{ display: block; width: 100%; color: #fff; font-family: var(--font-bold);}

}

/* Hero Apertura / Video 
----------------------------------------------------------------------------------------- */
section#heroATM.type02{ 
	height: auto; 
	width: 100%;
	min-width: 100%;
	margin: 0;
    border: 0;
    background: #e9e9df;
}
#heroATM .image img{
	width: 100%;
}

section#heroATM.type02 .main-content{
	position: relative;
}
section#heroATM.type02 .main-content .caption{
	position: absolute;
    max-width: 880px;
    top: calc(7% + 110px);
    left: calc(50% - 440px);
    bottom: auto;
    text-align: center;
    margin: 0 auto;
    display: inline-block;
    padding: 40px;
}
section#heroATM.type02 .main-content h2, section#heroATM.type02 .main-content h2 a{
	color: #0f0e2e;
	font-weight: 700;
}
section#heroATM.type02 .main-content p{
	color: #0f0e2e;
}

section#heroATM.type02 .main-content p .btn{
	display: inline-block;
	margin-top: 20px;
}

body.sponsored.mobile { padding-top: 85px; }
@media screen and (min-width: 1000px){
	body.sponsored {
	    padding-bottom: 39px;
	    padding-top: 45px;
	}
}	


/* Unete 
----------------------------------------------------------------------------------------- */
#join{
  background: #e9e9df;
  width: 100%;
}


@media screen and (min-width: 992px){
	#join{
	    background: url(/images/torneofundacion/hero_torneo_fundacion_rotated.jpg?v=3) #E9E9E0 no-repeat;
	    background-size: cover;
	}
}
#join .title-join{}
#join .description-join{}
#join .data-torneo {
    display: flex; /* Activa el modelo flexbox */
    justify-content: center; /* Centra horizontalmente los elementos */
    align-items: center; /* Centra verticalmente los elementos */
    gap: 20px; /* Espaciado entre los elementos */
    padding: 60px 0;
    max-width: 962px;
    margin: 0 auto;
}
#join .data-torneo div {
    text-align: center;
}
#join .data-torneo img {
    height: auto;
    margin-bottom: 10px;
}
#join .data-torneo h3 {
    margin: 0;
    font-size: 32px;
    line-height: 38px;
    text-align: center;
}

#inscription-box{
	background: #0f0e2e;
	color: #fff;
    width: 100%;
    text-align: center;
    margin: 40px 0 0 0;
    padding: 40px;

    display: flex; /* Activa el modelo flexbox */
    justify-content: center; /* Centra horizontalmente los elementos */
    align-items: center; /* Centra verticalmente los elementos */
    gap: 20px; /* Espaciado entre los elementos */
    margin-top: 0;    
}
#myBody #inscription-box .generic{
	color: #fff;
    text-align: left;
    font-size: 24px;
    line-height: 28px;
}
#inscription-box a.btn{
	background: #ff0b24;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 30px;
    border-radius: 10px;
    font-family: var(--font-bold);
}


/* Formato 
----------------------------------------------------------------------------------------- */
#format{ width: 100%; position: relative; z-index: 1001;}
#format p{ margin-bottom: 15px; }
#format .format-image{ width: 100%; }
#format .format-image img{ width: 100%; }
#format .format-text{ position: absolute; top: 60px; right: 4%; background: rgba(255,255,255,0.95); width: 40%; padding: 60px 30px; border: 1px solid #ccc;}
#format .format-text.transparent-box{ color: #fff; border: 0; background: transparent;}
#format .format-text.transparent-box h3{ color: #fff; text-align: left;}
#format .format-text.transparent-box a{text-decoration: underline;}


/* Ubicacion 
----------------------------------------------------------------------------------------- */
#ubication{ width: 100%; position: relative; display: block; float: left; z-index: 1000; background-color: #0a0c2e;}
#ubication p{ margin-bottom: 15px; }
#ubication .ubication-text{ width: 50%; display: inline-block; float:left; padding: 6% 5%;}
#ubication .ubication-text .btn{ background: var(--blue-torneo); color: #fff; margin: 30px auto 30px auto; padding: 10px 20px; text-align: center; display: block; max-width: 200px;}
#ubication .ubication-text.blue-box .btn{ background: #fff; color: var(--blue-torneo);}
#ubication .ubication-image{ width: 50%; display: inline-block; float: left; padding-top: 100px;}
#ubication .ubication-image.show-in-responsive{ display: none;}
#ubication .ubication-image img{ width: 100%; }

/* Faqs
------------------------------------------------------------------------------------- */

#accordion-fundacion{ padding: 60px 0 20px 0; }

.accordion-fundacion {
	 margin: 50px;
}
 .accordion-fundacion dt{ 
 	cursor: pointer; 
 	background: url(/images/icons/plus-white.svg) no-repeat var(--blue-torneo);
	background-position: 98% 16px;
	}
	.accordion-fundacion dt:hover{
		text-decoration: underline;
	}

 .accordion-fundacion dt, 
 .accordion-fundacion dd {
	font-size: 18px;
	line-height: 24px;
	padding: 15px 50px 15px 20px; 
	border-bottom: 1px solid #fff; 
	}
	.accordion-fundacion dt.showing{
		background: url(/images/icons/menu-close.svg) no-repeat var(--blue-torneo);
		background-position: 100% 3px;
		background-image: none;
	}
 .accordion-fundacion dt:last-of-type, .accordion-fundacion dd:last-of-type {
	border-bottom: 1px solid black;
}
 .accordion-fundacion dt a, .accordion-fundacion dd a {
 	color: #fff;
	display: block;
	font-weight: bold;
}
 .accordion-fundacion dd {
 	color: var(--blue-torneo);
 	font-size: 16px;
 	line-height: 20px;
    border: 1px solid var(--blue-torneo);
    border-top: 0;
    background: #fff;
    margin-top: -1px;
    margin-bottom: 5px;
}
.accordion-fundacion dd p{ margin-bottom: 15px; }
.accordion-fundacion dd a{ text-decoration: underline; display: inline-block; color: var(--blue-torneo); padding: 0; margin: 0; font-size: 16px; font-weight: 400; overflow: initial; }
 .accordion-fundacion dd:last-of-type {
	border-top: 1px solid white;
	position: relative;
	top: -1px;
}
 

/* Banners 
----------------------------------------------------------------------------------------- */
#banners-fundacion{ width: 100%; display: flex; position: relative; }
#banners-fundacion .banner-image{ width: 50%; padding: 1%;}
#banners-fundacion .banner-image a{ display: block; }
#banners-fundacion .banner-image img{ width: 100%; }
#banners-fundacion .banner-image h3{ margin: 0 0 20px 0px; border: 1px solid #282a6f; padding: 20px; }
#banners-fundacion .banner-image:hover h3{ background: #282a6f; color: #fff; }


/* Inscripcion */

#banners-fundacion.hide-seccion,
#accordion-fundacion.hide-seccion,
#format.hide-seccion,
#ubication.hide-seccion,
#join.hide-seccion,
#inscription-box.hide-seccion,
#video.hide-seccion,
#heroATM.type02.hide-seccion{ display: none; }

#inscription h2{ margin-top: 100px; }


/**/
section.fundacion-back{ padding-top: 100px; }
section.fundacion-back #inscription h2{ display: none; }

@media screen and (max-width: 991px){
	section.fundacion-back {
		padding-top: 0px;
	}
}	


/* RESPONSIVE */

@media screen and (max-width: 991px){

	/**/
	body{ overflow-x: hidden;}
	body.sponsored{ padding-top: 45px;}
	.show-in-responsive{display: block;}
	.hide-in-responsive{display: none;}
	#ubication .ubication-image.show-in-responsive{ display: inline-block;}

	/**/
	section#heroATM.type02{ margin-top: -10px; }
	section#heroATM.type02 .main-content .caption{ }
	section#heroATM.type02 .main-content .caption { position: absolute; top: 0; left: 0; bottom: auto; padding: 50px 20px; }
	section#heroATM.type02 .main-content .caption h2{ font-size: 42px; line-height: 48px; }
	section#heroATM.type02 .main-content .caption h2 .nombre-torneo{display: inline-block;}
	section#heroATM.type02 .main-content .caption p{font-size: 18px; line-height: 22px;}

	#join .title-join{ margin-top: 20px; }

	/**/
	#join .data-torneo { display: block; }
	#join .data-torneo > div{ width: 100%; display: block; margin-bottom: 40px;}
	#join .data-torneo > div:last-child{ margin-bottom: 0; }

	/**/
	#myBody #inscription-box{ display: block; }
	#myBody #inscription-box .generic{ width: 100%; margin-bottom: 40px;}
	#inscription-box a.btn{ display: block; }
	#format { background: #100c2d; }
	#format .format-text.blue-box{ background-color: #fff; }
	#format .format-text.blue-box h2, #format .format-text.blue-box h3, #format .format-text.blue-box h4, #format .format-text.blue-box p{ color: var(--blue-torneo); }  
	#format .format-text.transparent-box { color: #fff; border: 0; background: #170f28; margin-top: -5px;}
	#format .format-text{ position: relative; width: 100%; top: 0; right: 0;}

	/**/
	#ubication{ display: block; line-height: 0;}
	#ubication p{ line-height: 20px; }
	body#myBody section .blue-box{ width: 100%; }
	#ubication .ubication-image{ width: 100%; padding-top: 0;}
	#ubication .ubication-text{ width: 100%;  }
	body#myBody #ubication  .black-box {background: #100c2d; margin-top: -5px;}
	

	/**/
	#accordion-fundacion { padding: 40px 20px 40px 20px; width: 100%; }
	.accordion-fundacion{ margin: 0; }
	.accordion-fundacion dt, .accordion-fundacion dd { font-size: 16px; line-height: 20px; }
	.accordion-fundacion dt { background-position: 96% 16px; }

	/**/
	#banners-fundacion{ display: block; }
	#banners-fundacion .banner-image{ width: 100%; }
	#banners-fundacion .banner-image h3{ font-size: 26px; }

	/**/
	#inscripcion{ margin-top: 20px; }
}


@media screen and (min-width: 1440px){
	section#heroATM.type02 .main-content .caption{
		position: absolute;
	    width: 100%;
	    max-width: 100%;
	    top: 30%;
	    left: auto;
	    bottom: auto;
	    text-align: center;
	    margin: 0 auto;
	    display: inline-block;
	    padding: 0 20%;
	}
	section#heroATM.type02 .main-content .caption h2 {
	    font-size: 78px;
	    line-height: 84px;
		}
		section#heroATM.type02 .main-content .caption h2 .nombre-torneo{
			display: block;
		}

	#format .format-text.transparent-box h3,
	section#ubication .black-box h3{
		font-size: 60px;
    	line-height: 68px;
	}

	section#heroATM.type02 .main-content .caption p,
	#format .format-text.transparent-box p,
	section#ubication .black-box p{
		font-size: 24px;
    	line-height: 28px;
	}
	#join .data-torneo {
	    max-width: 1200px;
	}

}