@font-face {
    font-family: 'open_sansbold';
    src: url('/documents/10180/30685054/opensans-bold.woff2/3e4d9299-ea46-40cb-88b5-876c31c28e45') format('woff2'),
         url('/documents/10180/30685054/opensans-bold.woff/c1733a0a-94e4-4895-bcdd-5d323cc139ae') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('/documents/10180/30685054/opensanscondensed-bold-webfont.woff2/88c42a1b-eee7-41b0-8e62-aac53819aa0b') format('woff2'),
         url('/documents/10180/30685054/opensanscondensed-bold-webfont.woff/c46121cd-3a9a-42d2-8447-de81bf586dbf') format('woff');
    font-weight: normal;
    font-style: normal;

}

buttom[aria-label="Botón de reproducción"] {
    background: #ff0000;
    border-radius: 100px;
    height: 40px !important;
}
/*
@supports (display: grid) {
    .container-sedes {
        border-bottom: 2px solid #c8c8c8;
        border-left: 1px dashed #d2d2d2;
        color: #303131;
        display: grid;
        font-family: 'Opensans Condlight';
        gap: 20px;
        grid-template-areas: "clinica clinica";  
        grid-template-columns: 1fr 2fr;
        grid-template-rows: repeat(3,auto);
        margin: 0;
        padding: 40px 0 40px 40px;
        width: 420px;
    }
    
    .container-sedes article {
        position: relative;
    }

    .container-sedes article:nth-child(4){
        background: #d2d2d2;
        border-radius: 15px;
        grid-column-start: clinica;
        grid-column-end: clinica;
        transition: all 0.5s ease-out;
    }
}
*/

.container-sedes {
    border-bottom: 2px solid #c8c8c8;
    border-left: 1px dashed #d2d2d2;
    color: #303131;
    font-family: 'Opensans Condlight';
    margin: 0;
    padding: 40px 0 40px 40px;
    width: 110%;
}

.container-sedes article:nth-child(4) iframe{
    height: 650px;
}

.container-sedes article {
    display: inline-block;
    vertical-align: top;
    width: 95%;
    margin: 2%;
}

.container-sedes article:nth-child(4) {
    background: #d2d2d2;
    border-radius: 15px;
    position: relative;
    transition: all 0.5s ease-out;
    width: 96%;
}

.container-sedes article img {
    box-shadow: 0 0 20px -10px;
    border-radius: 15px;
    height: 235px;
    width: 100%;
}

.container-sedes article iframe {
    box-shadow: 0 0 20px -10px;
    border-radius: 15px;
    height: 235px;
    width: 100%;
}

.container-sedes article video {
    box-shadow: 0 0 20px -10px;
    border-radius: 15px;
    height: 105%;
    width: 100%;
}

.container-sedes article iframe .ytp-cued-thumbnail-overlay-image {
    filter: brightness(0.3);
}


.container-sedes h2 {
    background: rgb(233,233,233);
    background: linear-gradient(0deg, rgba(233,233,233,1) 0%, rgba(255,255,255,1) 100%);
    font-family: 'open_sans_condensedbold';
    font-size: 1.6rem;
    grid-column-start: clinica;
    grid-column-end: clinica;
    margin: 0;
    padding: 10px 30px;
    position: relative;
}

.container-sedes h2:before {
    background: #303131;
    border-radius: 0px 45px 45px 0;
    content: ' ';
    color: #303131;
    height: 3px;
    position: absolute;
    left: 6px;
    transform: scale(7.5);
    top: 28px;
    width: 2px;
}

.container-sedes h3{
    font-family: 'Opensans Condlight';
    font-size: 20px;
}

.container-sedes h3::first-line{
    font-family: 'open_sans_condensedbold';
    font-size: 20px;
}

.container-sedes h4{
    background-color: #ffffff;
    border-radius: 0 20px 20px 0;
    bottom: 0;
    font-size: 1rem;
    padding: 15px 20px;
    z-index: 2;
}

.ico{
    color: #004b99;
    font-family: 'modernpics';
    font-size: 60px;
    font-weight: bold;
    line-height: 18px;
    padding: 23px;
}

.mapaSede{
    background: #0d5457;
    border-radius: 54px;
    cursor: pointer;
    height: 15px;
    left: 45%;
    padding: 23px 15px;
    position: absolute;
    top: -10px;
    z-index: 1;
}

.mapaSede + p{
    height: 120px;
    overflow: hidden;
    transition: all 0.5s ease-out;   
}

.quitarVideo{
    position: absolute;
    z-index: -1;
}