/*@import url('assets/css/normalize.css');*/
@import url('assets/css/header.css');
@import url('assets/css/footer.css');
@import url('assets/css/botones.css');
@import url('assets/css/blocks.css');
@import url('assets/css/nav.css');

@font-face {
    font-family: 'Outfit';
    src: url('assets/fonts/Outfit/Outfit-VariableFont_wght.ttf');
}
@font-face {
    font-family: 'Montserrat';
    src: url('assets/fonts/Montserrat/Montserrat-VariableFont_wght.ttf');
}
@font-face {
    font-family: 'Lato';
    src: url('assets/fonts/lato/Lato-Regular.ttf');
}


:root{
    --widthHeader: 100%;
    --heightHeader: 6rem;

    --widthFooter: 100%;
    --heightFooter: 6rem;

    --maxWidth: 1000px;

    --urlMainCover: url("assets/img/maincover.jpg");
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


html{
    width: 100%;
    font-size: 62.5%;
}


body{
    min-width: 400px;
    padding-left: 3%;
    padding-right: 3%;


}


.content{
    max-width: 1000px;
    min-height: calc(100vh - (var(--heightHeader) + var(--heightFooter)));

    margin: 1rem auto 1rem auto;

    /*border: 1px solid #ccc;*/
}


h1{
    font-family: "Outfit";
    font-size: 2rem;
    margin-top: 1rem;
    color: #1A237E;
}


h2{
    font-family: "Outfit";
    font-size: 4rem;
    margin-top: 1rem;
    color: #1A237E;
}


h3{
    font-family: "montserrat";
    font-size: 2.6rem;
    margin-top: 1rem;
    color: #1A237E;
}

h4{
    font-family: "montserrat";
    font-size: 2.2rem;
    margin-top: 1rem;
    color: #1A237E;
}

h5{
    font-family: "montserrat";
    font-size: 2rem;
    margin-top: 1rem;
    color: #1A237E;
}

h6{
    font-family: "montserrat";
    font-size: 1.8rem;
    margin-top: 1rem;
    color: #1A237E;
}

p{
    font-size: 2rem;
    line-height: 1.5;
    font-family: 'Lato';
    margin-top: 1rem;
}

a{
    font-size: 1.5rem;
    line-height: 1.7rem;
    font-family: 'Lato';
    margin-top: 1rem;
}
/****************************
*         FORMATOS          *
****************************/

.borderBottom1{
    border-bottom: 1px solid black;
}


.heigth-20r{
    height: 20rem;
}

.lineHeigth24{
    line-height: 24px;
}


.backBlue{
    background-color: blue;
}

.backColorWhite{
    background-color: white;
}


.border-r10{
    border-radius: 10px;
}

.padding-1r{
    padding: 1rem;
}

/****************************
*    FORMATOS DE TEXTO      *
****************************/
.textCenter{
    text-align: center;
}

.textJustify{
    text-align: justify;
}

.white{
    color: white;
}

.fontColorWhite{
    color: white;
}
/****************************
*         MARGENES          *
****************************/
.marging-T2{
    margin-top: 2rem;
}


/****************************
*         ESPACIADOR        *
****************************/
.esp-1{
    height: 1rem;
}

.esp-2{
    height: 2rem;
}

.esp-3{
    height: 3rem;
}

/****************************
*     ICONOS DE GOOGLE      *
****************************/
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 800,
  'GRAD' 0,
  'opsz' 48
}






/****************************
*         SEPARADOR         *
****************************/
.separador1{
    width: 100%;
    height: 1px;
    background-color: #1A237E;
}

.separador1pxWhite{
    width: 100%;
    height: 1px;
    background-color: white;
}

/**************************************
*     -SECTION- PORTADA PRNCIPAL      *
**************************************/
@media screen and (max-width: 640px){
    
    .mainCover{
        height: 180px;

        border: 1px solid #CCC;
        border-radius: 10px;
        /*background-color: aquamarine;*/
        background-image: var(--urlMainCover);
        background-size: cover;
        background-position: 50% 50%;


    }
}

@media screen and (min-width: 641px){
    
    .mainCover{
        height: 250px;

        border: 1px solid #CCC;
        border-radius: 10px;
        /*background-color: aquamarine;*/

        background-image: var(--urlMainCover);
        background-size: cover;
        background-position: 50% 50%;

    }
}

/******************************
*  -SECTION- INSTALACIONES    *
******************************/
.instalaciones{
    padding: 1rem;
}