@font-face {
    font-family: 'openSans';
    src: url('/fonts/OpenSans.ttf') format('truetype');
}
body {
    font-family: 'openSans';
    margin: 0;
    padding: 0;
    height: 100dvh;
    width: 100%;
    background-color: black; 
    color : #d2d4dc;   
}

.snap-scroll{
    width: 100%;
    height: 100dvh;
    overflow-y: scroll;
    overflow-x: hidden;
    scroll-snap-type: y mandatory;
    padding: 0;
}

.full-screen-section {
    scroll-snap-align: start;
    min-height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center; 
}

.hero-section {
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    
    background-color: black;
}

.bg-img-placeholder{
    background-image: url("placeholder.webp");
    background-repeat: no-repeat;
    background-size:cover;
    
}
.padding-0{padding: 0;}
.text-white{color: #c4c5ca !important; }
.bg-red{background-color: #e00608;}
.bg-red-trans{background-color: #e0060aad;}
.bg-red2{background-color: #ba0823;}
.bg-grey{background-color: #5a5a5c;}
.bg-aux{background-color: fuchsia;}
.height100{min-height: 100vh;}
.width100{width: 100%;}

.titleCol{
    min-height: 100dvh;
    position: relative;
    padding: 0;

}
.titleCell{
    height: 150px;
    width: 100%;
    position: absolute;
    bottom: 20%;
    justify-content: center ;

}
.titleText{
    padding: 0; 
    height: 100%;   
}

.subtitleText{
    font-size: calc(1.3rem + 1vw);
    line-height: 1.4;
    font-weight: 600;
    padding-left: 5%;
    padding-right: 5%;
}
/*
.titleCell *{
    padding-left: 5px;
}
*/
.presentacionImg{
    background-image: url("imgs/presentacion.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}
.presentationRow{
    padding-left: 30px;
}
.presentationCol{
    min-height: 100dvh;
    position: relative;
}
.presentationCell{
    height: auto;
    position: absolute;
    bottom: 10%;
    line-height: 1.4;
    font-size: calc(0.5rem + 0.5vw);
    text-align: justify;
}
.presentationP{
    width: 84%;
    margin-left: 8%;
    margin-right: 8%;
}

.audio1Img{
    background-image: url("imgs/jose_domingo_canas.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}
.audio2Img{
    background-image: url("imgs/clinica_santa_lucia.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}
.audio-row-container{
    position: relative;
    padding: 0;
}
.audio-row-position{
    position: absolute;
    bottom: 20%;
    width: 100%;
}
.audio-row-padding{
    height: 40px;
}
.audio-col-margin{
    margin-left: 10px;

}
.audio-text-h{
    font-weight: 700;
    font-size: calc(2rem + 1vw);
    line-height: 1.3;
    word-spacing: 5px;
}
.audio-text{
    font-weight: 400;
    font-size: calc(0.9rem + 1vw);
    word-spacing: 3px;
}

.audio-player{
    font-size: calc(0.7rem + 1vw);
    font-weight: 700;
    height: 50px;
    cursor: pointer;
    -webkit-user-select: none; /* Safari, Chrome, Opera */
    -moz-user-select: none;    /* Firefox */
    -ms-user-select: none;     /* Internet Explorer 10+ */
    user-select: none;         /* Standard syntax */
}

.audio-player *{
    height: 100%;
 
}
.audio-player * img{
    height: 85%;
    /*width: 100%;*/
}

.creditosImg{
    background-image: url("imgs/creditos.jpg");
    background-repeat: no-repeat;
    background-size:cover;
}
.creditos-row-position{
    position: absolute;
    bottom: 5%;
}
.text-creditos{
    font-size: 0.8rem;
    font-weight: 600;
}
.creditosImg * img
{
    width: 130px;
    float: left;
    margin-left: 10px;
}