/* Fuentes */    
@font-face {
    font-family: FuturaPTBook;
    src: url(/fonts/FuturaPTBook.otf);
    }   
@font-face {
    font-family: FuturaPTBold;
    src: url(/fonts/FuturaPTBold.otf);
    }          
@font-face {
    font-family: FuturaPTLightOblique;
    src: url(/fonts/FuturaPTLightOblique.otf);
    }
@font-face {
    font-family: FuturaPTMedium;
    src: url(/fonts/FuturaPTMedium.otf);
    }   
@font-face {
    font-family: FuturaPTHeavy;
    src: url(/fonts/FuturaPTHeavy.otf);
    }       


/*
@font-face {
    font-family: FuturaPTBoldOblique;
    src: url(/fonts/FuturaPTBoldOblique.otf);
    }    
@font-face {
    font-family: FuturaPTBookOblique;
    src: url(/fonts/FuturaPTBookOblique.otf);
    }
@font-face {
    font-family: FuturaPTCondBold;
    src: url(/fonts/FuturaPTCondBold.otf);
    }     
@font-face {
    font-family: FuturaPTCondBoldOblique;
    src: url(/fonts/FuturaPTCondBoldOblique.otf);
    }     
@font-face {
    font-family: FuturaPTCondBook;
    src: url(/fonts/FuturaPTCondBook.otf);
    }     
@font-face {
    font-family: FuturaPTCondBookOblique;
    src: url(/fonts/FuturaPTCondBookOblique.otf);
    }
@font-face {
    font-family: FuturaPTCondExtraBold;
    src: url(/fonts/FuturaPTCondExtraBold.otf);
    }     
@font-face {
    font-family: FuturaPTCondExtraBoldOblique;
    src: url(/fonts/FuturaPTCondExtraBoldOblique.otf);
    }     
@font-face {
    font-family: FuturaPTCondMedium;
    src: url(/fonts/FuturaPTCondMedium.otf);
    }     
@font-face {
    font-family: FuturaPTCondMediumOblique;
    src: url(/fonts/FuturaPTCondMediumOblique.otf);
    }
@font-face {
    font-family: FuturaPTDemi;
    src: url(/fonts/FuturaPTDemi.otf);
    }     
@font-face {
    font-family: FuturaPTDemiOblique;
    src: url(/fonts/FuturaPTDemiOblique.otf);
    }     
@font-face {
    font-family: FuturaPTExtraBold;
    src: url(/fonts/FuturaPTExtraBold.otf);
    }     
@font-face {
    font-family: FuturaPTExtraBoldOblique;
    src: url(/fonts/FuturaPTExtraBoldOblique.otf);
    }
@font-face {
    font-family: FuturaPTHeavyOblique;
    src: url(/fonts/FuturaPTHeavyOblique.otf);
    }
@font-face {
    font-family: FuturaPTLight;
    src: url(/fonts/FuturaPTLight.otf);
    }
@font-face {
    font-family: FuturaPTMediumOblique;
    src: url(/fonts/FuturaPTMediumOblique.otf);
    }   
*/

/* Imágenes */
#LOGO_FLC{
    max-width: 70%;
    height: auto;
}

#Image_Somos_Fundacion{
    max-width: 100%;
    height: auto;
}

#Image_Organismo_Paritario{
    max-width: 100%;
    height: auto;
}
#Image_Cursos {
    max-width: 100%;
    height: auto;
    /*max-height: 100%;
    width:auto;*/
}
#Image_Empleo {
    max-width: 100%;
    height: auto;
    /*max-height: 100%;
    width: auto;*/
}

#Image_Seguridad {
    max-width: 100%;
    height: auto;
    /*max-height: 100%;
    width: auto;*/
}

#Image_Enviar{
    min-width: 75px;
    max-width: 100%;
    height: auto;
}

#Image_Fb{
    min-width: 10px;
    max-width: 100%;
    height: auto;
}

#Image_tw {
    min-width: 22px;
    max-width: 100%;
    height: auto;
}

#Image_ig {
    min-width: 22px;
    max-width: 100%;
    height: auto;
}

#Image_in {
    min-width: 22px;
    max-width: 100%;
    height: auto;
}

#Image_yt {
    min-width: 22px;
    max-width: 100%;
    height: auto;
}

/* Textos */
html {
    /* Base font size */
    font-size: 10px;
}

#Texto01{
    overflow: visible;
    text-align: left;
    font-family: FuturaPTHeavy;
    font-style: normal;
    font-weight: normal;
    /*font-size: 38px;*/
    font-size: clamp(1.8rem, 5vw, 3.8rem);
    color: rgba(1,1,1,1);
    padding-top: 100px;
}

#Texto02{
    text-align: left;
    font-family: FuturaPTBook;
    font-style: normal;
    font-weight: normal;
    /*font-size: 29px;*/
    font-size: clamp(1.5rem, 3vw, 2.9rem);
    color: rgba(1,1,1,1);
    padding-top: 4%;
}

#Label01 {
    text-align: left;
    font-family: FuturaPTLightOblique;
    font-style: normal;
    font-weight: normal;
    /*font-size: 21px;*/    
    font-size: clamp(1.2rem, 2vw, 2.1rem);
    color: rgba(1,1,1,1);
    padding-bottom: 15px;
}
#Label02{
    text-align: left;
    font-family: FuturaPTBook;
    font-style: normal;
    font-weight: normal;
    /*font-size: 24px;*/
    font-size: clamp(1.3rem, 2vw, 2.4rem);
    color: rgba(1,1,1,1);
    padding-bottom: 15px;
}

#Label03 {
    text-align: left;
    font-family: FuturaPTBook;
    font-style: normal;
    font-weight: normal;
    /*font-size: 14px;*/ 
    font-size: clamp(1.1rem, 2vw, 1.4rem);
    color: rgba(1,1,1,1);
    padding-bottom: 15px;
}

#LabelMsgError {
    text-align: left;
    font-family: FuturaPTBook;
    font-style: normal;
    font-weight: bold;
    /*font-size: 21px;*/
    font-size: clamp(1.2rem, 2vw, 2.1rem);
    color: rgb(255, 0, 0);
    padding-bottom: 15px;
}

#TextoEnlace {
    text-align: left;
    font-family: FuturaPTMedium;
    font-style: normal;
    font-weight: normal;
    /*font-size: 25px;*/
    font-size: clamp(1.0rem, 2vw, 2.5rem);
    /*font-size: clamp(1.4rem, 2vw, 2.5rem);*/
    color: rgba(1,1,1,1);
}

#Texto03{
    text-align: left;
    font-family: FuturaPTMedium;
    font-style: normal;
    font-weight: normal;
    /*font-size: 35px;*/
    font-size: clamp(1.5rem, 4vw, 3.5rem);
    color: rgba(1,1,1,1);
    margin-top: 30px;
}

.Texto04{
    text-align: left;
    font-family: FuturaPTBold;
    font-style: normal;
    font-weight: normal;
    /*font-size: 35px;*/
    font-size: clamp(1.5rem, 4vw, 3.5rem);
    color: rgba(167,31,46,1);
    margin-top: 30px;
}

.Texto05 {
    text-align: left;
    font-family: FuturaPTBold;
    font-style: normal;
    font-weight: normal;
    /*font-size: 35px;*/
    font-size: clamp(1rem, 2.5vw, 2.5rem);
    color: rgb(255, 255, 255);
}

/* AREAS (LAYOUT) */
/* Ponemos un mínimo al div principal para que al verse en mobil no aparezca una línea vertical en blanco por el responsive */
.container-fluid{
    min-width:450px;
}
#PrimeraFila {
    background-image: url('/images/FOTO.png');
    background-repeat: no-repeat;
    background-attachment: local;
    /*
    background-position: center center;    
    background-attachment: fixed;    
    */
    background-size: cover;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    height: 100%;
    /*width: 100%;*/
    padding: 10px;
}

#SegundaFila{
    margin: 30px;
}

#TerceraFila{
    padding-left: 10%;
    padding-right: 10%;
}

#CuartaFila{
    /*margin: 60px;*/
    padding:10%;
}
#QuintaFila{
    padding: 60px;
}
#SextaFila {
    /*height: 100px;*/
    padding: 1%;
    background-color: rgba(167,31,46,1);
    align-content: center;
}

/* Varios */

#formulario{
    padding-top: 10px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
    background-color: white;
    /* Para evitar que cuando en el mobil lo ponga horizontal */
    min-width: 400px;
}
Boton_Enviar{
    background-image: url('/images/Boton_enviar.png');
    background-size: 100px;
    background-repeat: no-repeat; 
}

.textoLinks{
    text-decoration:none;  
}

input{
    font-size:14px;
}

#Link_Politica_Privacidad {
    color: rgba(167,31,46,1);
    text-decoration: underline;
}

#columna1 {
    padding: 40px;
}

#columna2 {
    padding-left: 40px
}

/* Footer: medios sociales */

#footer_col1 {
    width: 25%;
}

#footer_col2 {
    width: 10%;
    margin-right: 20px;
}

#footer_col3 {
    display: flex;
    align-items: center;
    width: 1% ;
    margin-right: 15px;
}

#footer_col4 {
    display: flex;
    align-items: center;
    width: 1.5%;
    margin-right: 20px
}

#footer_col5 {
    display: flex;
    align-items: center;
    width: 1.5%;
    margin-right: 20px
}

#footer_col6 {
    display: flex;
    align-items: center;
    width: 1.5%;
    margin-right: 20px
}

#footer_col7 {
    display: flex;
    align-items: center;
    width: 1.5%;
}

#footer_col8 {
    width: 25%
}

/* Medias */
/* Padding de la primera fila*/
@media (max-width: 360px), (max-width: 400px), (max-width: 648px), (width: 675px), (max-width: 540px), (max-width: 720px), (max-width: 1080px), (max-width: 1170px) {
    #columna1 {
        padding: 10px;
        min-width: 100%; /* Forzamos que las columnas aparezcan apiladas */
    }

    #columna2 {
        padding-left: 10px;
    }


    #footer_col1 {
        width: 0%
    }

    #footer_col8 {
        width: 0%
    }
}
/* Modal */
.box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    /*opacity: 0.7;*/
    background-color: rgba(255,255,255,0.7);
    justify-content: center;
    text-align: center;
    align-items: center;
}

.overlay {
    z-index: 9;
}