@font-face {
    font-family: 'NoticiaText-Bold';
    src: url('../../assets/fonts/noticiatext-bold-webfont.woff2') format('woff2'),
         url('../../assets/fonts/noticiatext-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NoticiaText-Regular';
    src: url('../../assets/fonts/noticiatext-regular-webfont.woff2') format('woff2'),
         url('../../assets/fonts/noticiatext-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'NoticiaText-Italic';
    src: url('../../assets/fonts/NoticiaTextItalic.eot');
    src: url('../../assets/fonts/NoticiaTextItalic.eot') format('embedded-opentype'),
         url('../../assets/fonts/NoticiaTextItalic.woff2') format('woff2'),
         url('../../assets/fonts/NoticiaTextItalic.woff') format('woff'),
         url('../../assets/fonts/NoticiaTextItalic.ttf') format('truetype'),
         url('../../assets/fonts/NoticiaTextItalic.svg#NoticiaTextItalic') format('svg');
}


html {
    font-size: 16px;
}
body {
    font-family: 'NoticiaText-Regular';
    color: #1a1a1a;
}
a,i,.home__pre__message,.BoxCentro .Link img{
    text-decoration: none;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

/*//// UTILITIES ///*/

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999999;
}
#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -100px;
}


.BotonTop{
    position: fixed;
    z-index: 999;
    width: 40px;
    height: 40px;
    color: #fff;
    background: #545454;
    border-radius: 50%;
    text-align: center;
    padding-top: 2px;
    right: 15px;
    bottom: 20px;
    display: none;
}

.BotonTop i {
    font-size: 2rem;
    position: relative;
    top: 0px;
}

.BotonTop:hover, .BotonTop:focus, .BotonTop:active{
    color: #fff;
    background: #d13138;
}

.hasScrolled{
    display: block;
}

/*//// AND UTILITIES ///*/

.Wrapper{
    max-width:100%;
    background-color:#fff;
    width:100%;
    padding-bottom:0px;
    margin:0 auto;
    position:relative;
    overflow-x: hidden;
}
.Header{
    padding: 0px;
    width:100%;
    height: 66px;
}
.Header-Logo {
    display: flex;
    align-items: center;
}
.Header-Logo a{}
.Header-Logo a span{padding: 0 5px;}

.Logo-Content{}
.Logo-Content img{}
.Header-Menu{}
.Menu-Principal {

    display: flex;
    justify-content: end;

}
.Menu-Principal a {
    font-size: 0.9rem;
    color: #545454;;
    padding: 22px 10px;
    position: relative;
    text-transform: uppercase;
    font-family: 'NoticiaText-Bold';
}

.Menu-Principal a.BtnComprar {
    background: #d13138;
    color: #fff;
}
.Menu-Principal a.BtnComprar:hover {
    background: #545454;
    color: #fff;
}

.Menu-Principal a:hover{
    color: #d13138;
    text-decoration: none;
}

/*///////////// LANDING /////////////*/

.Box-Text{
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.Box-Text .Detalle{
    color: #fff;
    font-size: 0.8rem;
    text-transform: uppercase;
    font-family: 'NoticiaText-Bold';
}
.Box-Text .Title {
    color: #fff;
    font-size: 3rem;
    line-height: 3.2rem;
    font-family: 'NoticiaText-Italic';
    margin-bottom: 1.5rem;
}
.Box-Text .SubTitle {
    color: #fff;
    font-size: 2rem;
    line-height: 2.2rem;
    font-family: 'NoticiaText-Italic';
    margin-bottom: 1.5rem;
}
.Box-Text .Text {
    color: #fff;
    font-size: 1.2rem;
}
.Box-Text .Title span {
    text-transform: uppercase;
    font-size: 3.5rem;
    font-family: 'NoticiaText-Bold';
    display: block;
}

/*///////////// LANDING INTRO /////////////*/

.Home-Intro{/*height: 100vh;*/}

.Home-Intro .Box-Text .Title {line-height: 4.2rem;}
.Home-Intro .Box-Text .Title span {font-size: 5.5rem;}

.Home-Intro_Box .Box-Text {
    position: absolute;
    left: 0%;
    bottom: 50%;    
}

.Home-Intro_Box .btnDown{
    position: absolute;
    left: 0%;
    bottom: 25%;
    width: 100%;
    display: flex;
    justify-content: center;
}

.Home-Intro_Box .btnDown span {
    display: flex;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-decoration: none;
}

.Home-Intro_Box .btnDown span i {
    color: #fff;
    font-size: 2rem;
    align-self: center;
}

.Home-Intro_Box{position: relative;}
.Home-Intro_Box img{width: 100%;}

#IconIntro {
  -webkit-animation: scales 1.2s ease-in-out infinite alternate;
  -moz-animation: scales 1.2s ease-in-out infinite alternate;
  animation: scales 1.2s ease-in-out infinite alternate;
}
@-moz-keyframes scales {
  from {
    bottom: 30%;
  }
  to {
    bottom: 25%;
  }
}

/*///////////// LANDING STATE /////////////*/

.Home-Brand{
    position: relative;
    background: url("../../assets/img/intro/bg-intro.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
.Home-Brand .Arrow{
    position: absolute;
    left: 50%;
    margin-left: -80px;
}
.Home-Brand .Arrow.arrow-down {
    width: 0px;
    height: 0px;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-top: 80px solid #e5e5e5;
    top: 0;
}

.Home-Brand .Arrow.arrow-up {
    width: 0px;
    height: 0px;
    border-left: 80px solid transparent;
    border-right: 80px solid transparent;
    border-bottom: 80px solid #e5e5e5;
    bottom: 0;
}

.Home-Brand .Home-Brand-Content .Link {
    border: 1px solid #1a1a1a;
    padding: 7px 15px;
    width: 90px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
}
.Home-Brand .Home-Brand-Content .Link i{
    color: #1a1a1a;
}
.Home-Brand .Home-Brand-Content .Link:hover {background: #1a1a1a;}
.Home-Brand .Home-Brand-Content .Link:hover i {color: #fff;}

.Copy-Grid .TextCopy br{display: none;}
.Copy-Grid .TextCopy span br{display: block !important;}

/*///////////// LANDING EXPLORA /////////////*/

.Home-Explora{
    background: #252a30;
}

.TitleCentros{}

.BoxCentro{
    position: relative;
    padding-bottom: 15px;
    padding-top: 15px;
}
.BoxCentro .Link{
        display: inline-block;
    border-radius: 5px;
    overflow: hidden;
}
.BoxCentro .Link img{opacity: 1;}
.BoxCentro .Link:hover img{
    opacity: 0.3;
    box-shadow: 10px 10px 10px rgba(0,0,0,1);
}

.BoxCentro .BoxCentro-Detalle {
    position: absolute;
    left: 5%;
    bottom: 5%;
    padding: 15px;
    width: 90%;
}

.BoxCentro .BoxCentro-Detalle .Detalle-Title{
    font-family: 'NoticiaText-Bold';
    font-size: 1.5rem;
}
.BoxCentro .BoxCentro-Detalle .Detalle-Text{
    font-family: 'NoticiaText-Regular';
}

.BoxSomos-Text{
}
.BoxSomos-Text .Title {
    width: 426px;
    float: right;
    color: #fff;
    font-size: 1.5rem;
    padding-right: 35px;
}

.BoxSomos-Img {padding-right: 0;}

.BoxSomos-Img .Img{width: 100%;}

.BoxGarantia-Text{
    padding-top: 30px;
}
.BoxGarantia-Text .Img{width: 100%;}
.BoxGarantia-Text .Title {

    width: 654px;
    float: left;
    color: 

    #fff;
    font-size: 1.2rem;
    padding: 85px 85px 0px 85px;
    line-height: 1.6rem;

}
.BoxGarantia-Img {padding: 0 15px 0 0px;}
.BoxGarantia-Img .Img{
    position: relative;
    top: -85px;
}
.BoxGarantia-Text .Img {
    max-width: 654px;
    width: 100%;
}


/*///////////// LANDING PROGRAMA /////////////*/

.Home-Programa{
    position: relative;
    background: url("../../assets/img/programa/bg-programa.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.Home-Programa .Box-Text{padding-top: 15rem;}
.Home-Programa .Box-Text .Title{color: #1a1a1a;}
.Home-Programa .Box-Text .Title span {font-size: 3.5rem;}
.Home-Programa .Box-Text .Text{color: #1a1a1a;}
.Home-Programa .Box-Text .Link {
    border: 1px solid #1a1a1a;
    padding: 7px 15px;
    width: 90px;
    display: inline-block;
    text-align: center;
    margin: 0 auto;
}
.Home-Programa .Box-Text .Link i{
    color: #1a1a1a;
}
.Home-Programa .Box-Text .Link:hover {background: #1a1a1a;}
.Home-Programa .Box-Text .Link:hover i {color: #fff;}

/*///////////// LANDING ACCIONES /////////////*/

.BoxAcciones-Text{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.BoxAcciones-Text.BorderLeft{
    border-left: 2px solid #d13138;
    padding-left: 60px;
    margin-left: 30px;
    padding-right: 0px;
}
.BoxAcciones-Text.BorderRight{
    border-right: 2px solid #d13138;
    padding-left: 0px;
    margin-right: 30px;
    padding-right: 60px;
}
.BoxAcciones-Text .Img{}
.BoxAcciones-Text .Img.ImgSimms {width: 127px;}
.BoxAcciones-Text .Img.ImgGrajales {width: 109px;}

.BoxAcciones-Text .Title{
    font-size: 2rem;
    font-family: 'NoticiaText-Bold';
}
.BoxAcciones-Text .Text{}
.BoxAcciones-Text .Link {
    border: 1px solid 
    #fff;
    padding: 7px 15px;
    width: 90px;
    display: inline-block;
    text-align: center;
}
.BoxAcciones-Text .Link i {
    color: 
    #fff;
}
.BoxAcciones-Text .Link:hover {background: #fff;}
.BoxAcciones-Text .Link:hover i{color: #252a30;}

/*///////////// LANDING DISENAMOS /////////////*/

.Home-Disenamos {

    background: 

    #fff;
    position: relative;
    padding: 12rem 0 !important;

}
.Home-Disenamos .Line{
    width: 2px;
    height: 100px;
    background: #d13138;
    position: absolute;
    left: 50%;
    top: 50px;
}
.Home-Disenamos .ImgLogoInstitutoArg {

    position: absolute;
    left: 55%;
    top: -95px;
    z-index: 1;

}
.Home-Disenamos .ImgLogoInstitutoChile {

    position: absolute;
    left: 25%;
    bottom: 5%;
    z-index: 1;

}
.Disenamos-Text{
}
.Disenamos-Text .Title {
    width: 320px;
    color: #1a1a1a;
    font-size: 1.8rem;
    padding-left: 35px;
}

.Disenamos-Text .Text {
    width: 320px;
    padding-left: 35px;
}

.Disenamos-ImgUru {padding-left: 0;
    position: relative;
}

.Disenamos-ImgUru .Img{width: 100%;}
.Disenamos-ImgUru .ImgLogoInstitutoUru{
    position: absolute;
    left: 55%;
    bottom: -105px;
    z-index: 1;
}

.Disenamos-ImgChile {
    justify-content: right;
    display: flex;
}
.Disenamos-ImgChile .Img {
    padding: 30px 0 0 30px;
    height: 267px;
}

.Disenamos-ImgEsp{
    padding-top: 30px;
    position: relative;
}
.Disenamos-ImgEsp .ImgLogoInstitutoEsp {

    position: absolute;
    left: -75px;
    bottom: -45px;
    z-index: 1;

}

/*///////////// LANDING ACCIONES /////////////*/

.Home-Acciones{
    background: #252a30;
}

/*///////////// LANDING COPY /////////////*/

.Seccion-Copy{background: #1a1a1a; position: relative;}
    .Copy-Img{}
    .Copy-Text p{color: #fff;margin: 0;font-size: 0.8rem;text-align: right;}
    .Copy-Text p a{color: #fff;}


/*///////////// MENU MOBILE /////////////*/

.icon-menu-mobile {
    display: none;
    padding: 7px 15px;
    position: absolute;
    right: 0;
}
.icon-menu-mobile img{width:30px;}
.menu-mobile-open{
    background-color:#d13138;
    display:none;
    position:fixed;
    width:100%;
    top:0;
    z-index:9999;
    height:100%;
}
.cierra-menu a {
    float: right;
    padding: 14px 18px 0 0;
}
.cierra-menu a i{font-size:40px;color:#fff;}

/*///////////// LANDING COMPRAR /////////////*/

.Home-Comprar{
    background: #ffff;
}

.Home-Comprar .Box-Text{padding-top: 0rem;}
.Home-Comprar .Box-Text .Title-After{
    color: #d13138;
    font-family: 'NoticiaText-Bold';
}
.Home-Comprar .Box-Text .Title{color: #1a1a1a;font-size: 2.5rem;}
.Home-Comprar .Box-Text .Logo{
    width: 216px;
    margin: 0 auto;
}
.Home-Comprar .Box-Text .SubTitle {
    color: #1a1a1a;
    font-size: 1.4rem;
    line-height: 2.2rem;
    font-family: 'NoticiaText-Italic';
    margin-bottom: 0;
}

.embed-container {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}
.embed-container {
    margin: 30px 0;
}

.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}