@CHARSET "ISO-8859-1";

body {
    margin: 0;
    color: white;
}

html,body,.container {
    height:100%;
}

.row{
height: 100%;
}

.modal-header{
    border:0px;
    padding: 0;
}

.modal-content{
    border:0px;
    padding: 0;
}

.modal-title{
    padding-left: 20px;
}

.cryptedmail:after {
    content: attr(data-name) "@" attr(data-domain) "." attr(data-tld); 
  }

a{
    color: white;
    text-decoration: none;
}

a:link{
    color: white;
    text-decoration: none;
}

a:hover{
    color: white;
    text-decoration: underline;
}

a:visited{
    color: white;
    text-decoration: none;
}


#c {
    width: 100vw;
    height: 100vh;
    display: block;
}

#btn_hola{
    display: none;
}

#menu {
    position: absolute;
    float: left;
    bottom:0;
    z-index: 1080;
    width: 100%;
    height:50px;
    text-align: center;
}

.bgShablones {
    background-image: url('../img/IMG_shablones.jpg');
    background-repeat: no-repeat;
    height: 100%;
}

.modal-content {
    background-color: rgba(0,0,0,0);
    border: none;
}

.modal-body{
    padding:0;
}

.carousel-indicators {
    position: relative;
}

.carousel-indicators [data-bs-target] {
    width: 10px;
    height: 10px;
}

@media (max-width: 720px) and (orientation: landscape) {
    .txt_hola{
        font-family: 'SF UI Display Thin';
        font-size: .8em;
        letter-spacing: 1px;
    }

    h7{
        font-family: 'SF UI Display UltraLight';
        clear:both;
        font-size: 2em;
        text-align: left;
        line-height: 1em;
    }

    .modal-header {
        border: 0px;
        position: absolute;
        z-index: 9999999;
        width: 100%;
        padding: 0;
    }

    .btn{
        padding: 5px;
        font-size: .8em;
    }

    .flechaDiv{
        display: none;
    }

    .land{
        display: block;
    }

    .port{
        display: none;
    }

}

@media (max-width: 720px) and (orientation: portrait) {
    .flechaDiv{
        display: none;
    }

    .land{
        display: none;
    }

    .port{
        display: block;
    }

}

@media (min-width: 720px) {

    .txt_hola{
        font-family: 'SF UI Display Thin';
        font-size: 1.6em;
        letter-spacing: 1px;
    }
    
    h7{
        font-family: 'SF UI Display UltraLight';
        clear:both;
        font-size: 3.3em;
        text-align: left;
        line-height: 1em;
    }

    .port{
        display: none;
    }

}

.section{
    padding: 0px 10px 0px 5px;
    display:table;
}

#section0{
    background-image: url('../img/gy_tallerREC2.jpg');
    background-repeat: no-repeat;
    background-position: 30% 50%;
    background-size: cover;
    height: 100%;
}

#section0{
}

#section1{
    height: 100%;
}


#section2{
}

.txt_resumen{
    font-family: 'SF UI Display Thin';
    font-size: 0.8em;
    letter-spacing: 1px;
}

h1{
    font-family: 'SF UI Display Bold';
    clear:both;
    font-size: 3.8em;
    text-align: left;
    line-height: 1em;
}

h2{
    font-family: 'SF UI Display UltraLight';
    clear:both;
    font-size: 1.6em;
    text-align: left;
    line-height: 1.3em;
}

h3{
    font-family: 'SF UI Display Regular';
    font-size: 1.3em;
    line-height: 1.4em;
}

h4{
    font-family: 'SF UI Display Regular';
    clear:both;
    font-size: 2em;
    text-align: left;
    line-height: 0em;
}

h5{
    font-size: 1.2em;
    text-align: left;
    font-family: 'SF UI Display Regular';
    line-height: 0em;
}

h6{
    font-family: 'SF UI Display Regular';
    clear:both;
    font-size: 2em;
    text-align: left;
    line-height: 1em;
}



.btn-light{
    font-family: 'SF UI Display Regular';

}

.resumen_der{
    float: right;
    width: 75%;
}

.resumen_izq{
    float:left;
    width: 25%;
}

#compra_modal{
    z-index: 3000;
    background-color: rgba(0,0,0,.75);    
}

.compra_txt{
    background-color: white;
    color: black;
}

.flechaDiv{
    padding-top: 30%;
}

/* FONTS */
.font_ultralight{
    font-family: 'SF UI Display UltraLight';
}

.font_thin{
    font-family: 'SF UI Display Thin';
}

.font_light{
    font-family: 'SF UI Display Light';
}

.font_regular{
    font-family: 'SF UI Display Regular';
}

.font_medium{
    font-family: 'SF UI Display Medium';
}

.font_bold{
    font-family: 'SF UI Display SemiBold';
}

.font_bold{
    font-family: 'SF UI Display Bold';
}

.font_black{
    font-family: 'SF UI Display Black';
}

.font_heavy{
    font-family: 'SF UI Display Heavy';
}

.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
}

.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
		
/* @fonts! */
@font-face {
    font-family: 'SF UI Display Black';
    src: url('../fonts/sf-ui-display-black-webfont.eot');
    src: url('../fonts/sf-ui-display-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sf-ui-display-black-webfont.woff2') format('woff2'),
         url('../fonts/sf-ui-display-black-webfont.woff') format('woff'),
         url('../fonts/sf-ui-display-black-webfont.ttf') format('truetype'),
         url('../fonts/sf-ui-display-black-webfont.svg#sf_ui_displayblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF UI Display Bold';
    src: url('../fonts/sf-ui-display-bold-webfont.eot');
    src: url('../fonts/sf-ui-display-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sf-ui-display-bold-webfont.woff2') format('woff2'),
         url('../fonts/sf-ui-display-bold-webfont.woff') format('woff'),
         url('../fonts/sf-ui-display-bold-webfont.ttf') format('truetype'),
         url('../fonts/sf-ui-display-bold-webfont.svg#sf_ui_displaybold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF UI Display Heavy';
    src: url('../fonts/sf-ui-display-heavy-webfont.eot');
    src: url('../fonts/sf-ui-display-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sf-ui-display-heavy-webfont.woff2') format('woff2'),
         url('../fonts/sf-ui-display-heavy-webfont.woff') format('woff'),
         url('../fonts/sf-ui-display-heavy-webfont.ttf') format('truetype'),
         url('../fonts/sf-ui-display-heavy-webfont.svg#sf_ui_displayheavy') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF UI Display Light';
    src: url('../fonts/sf-ui-display-light-webfont.eot');
    src: url('../fonts/sf-ui-display-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sf-ui-display-light-webfont.woff2') format('woff2'),
         url('../fonts/sf-ui-display-light-webfont.woff') format('woff'),
         url('../fonts/sf-ui-display-light-webfont.ttf') format('truetype'),
         url('../fonts/sf-ui-display-light-webfont.svg#sf_ui_displaylight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF UI Display Medium';
    src: url('../fonts/sf-ui-display-medium-webfont.eot');
    src: url('../fonts/sf-ui-display-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sf-ui-display-medium-webfont.woff2') format('woff2'),
         url('../fonts/sf-ui-display-medium-webfont.woff') format('woff'),
         url('../fonts/sf-ui-display-medium-webfont.ttf') format('truetype'),
         url('../fonts/sf-ui-display-medium-webfont.svg#sf_ui_displaymedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF UI Display Regular';
    src: url('../fonts/sf-ui-display-regular-webfont.eot');
    src: url('../fonts/sf-ui-display-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sf-ui-display-regular-webfont.woff2') format('woff2'),
         url('../fonts/sf-ui-display-regular-webfont.woff') format('woff'),
         url('../fonts/sf-ui-display-regular-webfont.ttf') format('truetype'),
         url('../fonts/sf-ui-display-regular-webfont.svg#sf_ui_displayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF UI Display SemiBold';
    src: url('../fonts/sf-ui-display-semibold-webfont.eot');
    src: url('../fonts/sf-ui-display-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sf-ui-display-semibold-webfont.woff2') format('woff2'),
         url('../fonts/sf-ui-display-semibold-webfont.woff') format('woff'),
         url('../fonts/sf-ui-display-semibold-webfont.ttf') format('truetype'),
         url('../fonts/sf-ui-display-semibold-webfont.svg#sf_ui_displaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF UI Display Thin';
    src: url('../fonts/sf-ui-display-thin-webfont.eot');
    src: url('../fonts/sf-ui-display-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sf-ui-display-thin-webfont.woff2') format('woff2'),
         url('../fonts/sf-ui-display-thin-webfont.woff') format('woff'),
         url('../fonts/sf-ui-display-thin-webfont.ttf') format('truetype'),
         url('../fonts/sf-ui-display-thin-webfont.svg#sf_ui_displaythin') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF UI Display UltraLight';
    src: url('../fonts/sf-ui-display-ultralight-webfont.eot');
    src: url('../fonts/sf-ui-display-ultralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sf-ui-display-ultralight-webfont.woff2') format('woff2'),
         url('../fonts/sf-ui-display-ultralight-webfont.woff') format('woff'),
         url('../fonts/sf-ui-display-ultralight-webfont.ttf') format('truetype'),
         url('../fonts/sf-ui-display-ultralight-webfont.svg#sf_ui_displayultralight') format('svg');
    font-weight: normal;
    font-style: normal;
}