/* Fuentes + bases */
body { font-family: 'Montserrat', Helvetica, Arial, sans-serif; }
header { background-color: #000; padding: 0.6em; height: auto; }
article.hero {
	 background-image: url('https://club-eg.s3.amazonaws.com/club_landing/JacfLTHeRO_bg-concurso-julio-25.webp');    
}
.position-bg{  
    min-height: 670px !important;
  	background-position: bottom center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;}
/* Clases de ancho y peso de fuente */
.font-serif{font-family: serif;}
input[type="button"] {
    background: #003b2b;
    font-size: 20px;
    line-height: 24px;
    font-weight: bolder;
    text-transform: uppercase;
    color: #ffffff;
}

/* Clases de ancho y peso de fuente */
.w-110 { width: 110px; }
.light { font-weight: 300; }
.regular { font-weight: 400; }
.medium { font-weight: 500; }
.bold { font-weight: 700; }
.bold800 { font-weight: 800; }
.bold900 { font-weight: 900; }

/* Style Form */

.forms-style{
  	min-height: 400px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Tamaños de fuente */
.font14 { font-size: 14px !important; }
.font16 { font-size: 16px; line-height: normal; }
.font18 { font-size: 18px; line-height: normal; }
.font20 { font-size: 20px; line-height: normal; }
.font22 { font-size: 22px; line-height: normal; }
.font24 { font-size: 24px !important; }
.font26 { font-size: 26px; line-height: normal; }
.font28 { font-size: 28px; line-height: normal; }
.font30 { font-size: 30px; line-height: normal; }
.font34 { font-size: 34px; line-height: normal; }
.font36 { font-size: 36px; line-height: normal; }
.font48 { font-size: 48px; line-height: normal; }
/* Rellenos */
.pt110 { padding-top: 110px; }
.pt90 { padding-top: 90px; }
.pb90 { padding-bottom: 90px; }
.pb75 { padding-bottom: 75px; }

/* Colores */
.color-e63711 { color: #e63711 !important; }
.color-003b2b { color: #003b2b !important; }
.color-512B60 { color: #512B60 !important;}
.color-EA5E58 { color: #EA5E58 !important;}
.color-ECA19B { color: #ECA19B !important;}
.color-B7DFE8 { color: #B7DFE8 !important;}
.color-163D30 { color: #163D30 !important;}
.color-FF7902 { color: #FF7902 !important;}


.mt-170{margin-top: 170px !important;}

/* Estilos responsivos para pantallas pequeñas (hasta 768px) */
@media only screen and (max-width: 1400px) {
  .forms-style {min-height: 350px !important;}
  .position-bg {min-height: 500px !important;
}
@media only screen and (max-width: 980px) {
    article.hero {
         background-image: url('https://club-eg.s3.amazonaws.com/club_landing/pg6LO1oq97_bg-concurso-julio-mob-25.webp'); 
    }  
  	.position-bg{
  	background-position: top center!important;
    background-repeat: no-repeat!important;
    background-size: cover!important;}
  
    /* Tamaños de fuente mobiles */
    .font-resp-25 { font-size: 25px !important; line-height: 28px !important; }
    .font-resp-28 { font-size: 28px !important; line-height: 32px !important; }
    .font-resp-20 { font-size: 20px !important; line-height: 23px !important; }
    .font-resp-18 { font-size: 18px !important; line-height: 21px !important; }
    .font-resp-16 { font-size: 16px !important; line-height: 19px !important; }
    .font-resp-14 { font-size: 14px !important; }
    .font-resp-13 { font-size: 13px !important; }
    .font-resp-12 { font-size: 12px !important; }
  
  	.text-white-mobile { color: #ffffff !important;}
  	.w-90-mob { width: 90px;}
}

@media (max-width: 1024px) {.position-bg {min-height: 550px !important;}
@media (max-width: 980px) {.height-responsive {height: 2700px; display: flex; align-items: flex-end;}}
@media (max-width: 768px) {.height-responsive {height: 2200px;} .text-md-white{color: #ffffff !important;}
@media (max-width: 480px) {.forms-style {min-height: 310px;} .height-responsive {height: 1260px;} .im-mobile-center { text-align: center !important; }
}
@media (max-width: 425px) {.height-responsive {height: 1240px;}}
@media (max-width: 320px) {.height-responsive {height: 1028px;}}