/* ======================================================
   DESDE 1996 - ESTILOS EXCLUSIVOS
====================================================== */
/* separacion general del contenido */

main{
    padding-top:180px;
}

/* ======================================================
   SECCION HISTORIA
====================================================== */
.historia-section{
    width:100%;
    max-width:800px;
    margin:0 auto 70px auto;
    padding:0 25px;
    box-sizing:border-box;
}

.historia-title{
    text-align:center;
    color:#ffffff;
    font-size:25px;
    font-weight:700;
    letter-spacing:1px;
    margin-bottom:35px;

}

.historia-text{
    max-width:800px;
    margin:auto;
    color:#dddddd;
    font-size:20px;
    line-height:1.5;
    text-align:justify;
}

/* ======================================================
   VIDEO
====================================================== */
.inspiration-section{
    width:100%;
    max-width:800px;
    margin:0 auto 80px auto;
    padding:0 25px;
    box-sizing:border-box;
}

.inspiration-container{
    width:100%;
    max-width:800px;
    margin:auto;
}

.inspiration-video{
    width:100%;
    height:auto;
    display:block;
    border-radius:22px;
    background:#000;
    box-shadow:
    0 0 35px
    rgba(118,255,69,0.25);
}

/* TEXTO DEBAJO DEL VIDEO */

.inspiration-text{

max-width:850px;

margin:35px auto 0 auto;

padding:0 20px;

text-align:center;

color:#ddd;

font-size:17px;

line-height:1.8;

font-weight:400;

}
/* ======================================================
   ORIGEN DEL DISEÑO
====================================================== */


.origen-diseno-section{

width:100%;

max-width:800px;

margin:80px auto 100px auto;

padding:0 25px;

box-sizing:border-box;

}


.origen-diseno-text{

max-width:800px;

margin:auto;

text-align:center;

color:#ddd;

font-size:17px;

line-height:1.9;

letter-spacing:.3px;

}
/* ======================================================
   SECCION LOADING - EVOLUCION DIGITAL
====================================================== */


.loading-section{

width:100%;

max-width:800px;

margin:80px auto 100px auto;

padding:0 25px;

box-sizing:border-box;

}



.loading-container{

width:100%;

max-width:800px;

margin:auto;

}



.loading-video{

width:100%;

height:auto;

display:block;

border-radius:22px;

object-fit:cover;

box-shadow:

0 0 35px

rgba(118,255,69,.25);

}



.loading-text{

max-width:800px;

margin:40px auto 0 auto;

text-align:center;

color:#ddd;

font-size:17px;

line-height:1.9;

letter-spacing:.2px;

}

/* ======================================================
   CIERRE HISTORIA
====================================================== */


.final-history-title{

max-width:850px;

margin:70px auto 120px auto;

padding:0 25px;

text-align:center;

color:#ffffff;

font-size:34px;

font-weight:900;

line-height:1.3;

letter-spacing:.5px;

}


/* ======================================================
   MOBILE
====================================================== */
@media(max-width:956px){

    main{
        padding-top:100px;
    }

    .historia-section{
        padding:0 18px;
        margin-bottom:45px;
    }

    .historia-title{
        font-size:30px;
    }

    .historia-text{
        font-size:15px;
        line-height:1.7;
        text-align:left;
    }

    .inspiration-section{
        padding:0 15px;
    }

    .inspiration-video{
        border-radius:16px;
    }

    .inspiration-text{

        font-size:15px;
        line-height:1.6;
}
.origen-diseno-section{

margin-top:60px;

}



.origen-diseno-text{

font-size:15px;

line-height:1.7;

}
.loading-section{

margin-top:60px;

}



.loading-video{

border-radius:16px;

}



.loading-text{

font-size:15px;

line-height:1.7;

}

.final-history-title{

font-size:24px;

margin-top:50px;

margin-bottom:80px;

}


}