body{font-family: 'Apex New Book', Futura, sans-serif;padding:2em;background: url('../img/fondo.jpg') bottom center fixed;background-size: cover;}
img{width: 100%;}
img#imgPrincipal{margin-bottom: 1em;}
#contFormulario{background-color:black;border-radius: 30px;color:white;padding-bottom:1.5em;}
#contFormulario>div{padding: 0 20px;}
#contFormulario p{text-align: justify;margin:0.6em 0;}
.btnGA{color: white !important;border-radius: 40px;padding: 0.5% 2%;font-weight: 600;font-size: 1.2em;width: 100%;background-image: linear-gradient(to right, #ff5000 0%, #ff5000 11%, #d213a8 84%, #d213a8 100%);border:none;margin: 0.2em 0;}
.btnGA:hover{background-position: right center;}
.btnGA2{background: black;}
.btnGA2:hover,.btnGA2:active{background-color:#ff5000;}
span.btnGA{font-size:1em;width:50%;cursor:auto !important;}
a.btnPDF{color: black;border-radius: 40px;padding: 0.5% 2%;font-weight: 600;font-size: 0.5em;background: linear-gradient(white, white) padding-box, linear-gradient(to right, #ff5000, #d213a8) border-box;border: 2px solid transparent;margin: 0.2em 0;}
a.btnPDF:hover{color:black;border-color:#ff5000;}
a.btnPDF:focus,a.btnPDF:active{color:white;border-color:#ff5000;background:#d213a8;}
#separador{background-image: linear-gradient(to right, #ff5000 0%, #ff5000 11%, #d213a8 84%, #d213a8 100%);padding: 20px;margin: 1em 0 1em 0;text-align: center;font-size: 1.5em;font-weight: bold;}
#separador a,h3#intro{color:white;}
h3#intro{margin-top:2em;}
#separador a:hover{text-decoration: none;}
h1#tituloPrograma{font-size:3.2em;font-weight:bold;text-align: center;width: 100%;font-family: 'Apex New';margin: 0.6em 0;}
p#textoIntro{margin-bottom:1em;font-size: 2em;}
h3#despedida{text-align: center;width: 100%;font-weight: bold;font-size: 2.5em;}
h2.contenido{font-weight: bold;}
h3#tituloForm{background-image: linear-gradient(to right, #ff5000 0%, #ff5000 11%, #d213a8 84%, #d213a8 100%);font-weight: bold;border: none;width: 100%;cursor:pointer;border-radius: 20px 20px 0 0;padding: 10px;text-align: center;font-weight: bold;}
input.datos{width:100%;margin: 0.5em 0;padding: 0.5em 0.25em;}
.mobile{display: none;}
.mobile img{width: 49.5%;}
div#whatsapp{width: 4%;position: fixed;bottom: 2%;right: 1%;cursor: pointer;}
div#valoresSENCE,div#valoresPersNat{margin-top:2em;}
div#valoresSENCE p,div#valoresPersNat p{font-size: 1.7em;text-align: center;}
table{font-size:1.7em;}
td{width:28%;text-align: center;border: 1px solid #dbdbdb;padding: 1%;background: #2c2c2ca2;}
td.cell1{width:16%;font-size:0.7em;text-align: right;border-left: none;}
td.valor{font-size: 0.9em;border-bottom:none;font-weight: bold;background-color: black;color:white;}
td.logoExcel{border-top: none;}
td.logoExcel img{width:60%;}
td img.yn{width:20%;}
img.flow{width:40%;}
span.nombre {color: white !important;border: 2px solid #91b22b;border-radius: 40px;padding: 0.5% 2%;font-weight: 600;font-size: 1em;}
p.parrafoIntro{font-family: 'ITC Avant Garde Gothic';font-size:1.5em;text-align: justify;margin-top:2%;line-height: 1.3;color: white;}
p.parrafoIntro b, strong{color:#91b22b;}
.ayudaConcepto{background: #91b22b;color: black;padding: 0px 0.4em;border-radius: 30px;cursor: help;font-size:0.8em;}
.ayudaConcepto:hover {background: white;}
.calendly-inline-widget{display:none;}
#valoresSENCE,#numHoras{color:white;}
#numHoras>*{font-weight: bold;}
hr{border: 2px solid #91b22b;}
#personasEquipo{display: none;}

#carruselCursos{height:20%;width:100%;-ms-overflow-style: none;scrollbar-width: none;}
#carruselCursos::-webkit-scrollbar {display: none;}
#carruselCursos li{transition-duration: 1s;padding: 0% 1%;}

body::-webkit-scrollbar {width: 10px;}
body::-webkit-scrollbar-track {background:  linear-gradient(0deg, #ff5000 0%, #d213a8 100%);}
body::-webkit-scrollbar-thumb {background: transparent;box-shadow: 0px 0px 0px 100000vh black;}

@media screen and (max-width: 500px) {
    .desktop{display: none;}
    .mobile{display: inherit;}
    body{padding: 1em;}
    #logoAporte{margin-top:2em;}
    h1#tituloPrograma{font-size:1.9em;}
    div#whatsapp{width:15%;z-index:2;}
    table{font-size: 1em;}
    span.btnGA{width:90%;}
    td.logoExcel img{width:90%;}
    td,td.cell1{width:25%;}
    td img.yn{width:50%;}
    td.valor{font-size: 0.8em;}
    div#separador{font-size: 1em;padding:6px;}
    .btnGA{font-size: 1.5em;}
    h3#intro{margin-top: 4em;}
}