@font-face {
    font-family: 'Guardian Sans';
    src: url("https://static3.elnortedecastilla.es/squido/1.0.102/assets/fonts/guardian-sans/GuardianSans-Black-Web.eot");
    src: url("https://static3.elnortedecastilla.es/squido/1.0.102/assets/fonts/guardian-sans/GuardianSans-Black-Web.eot?#iefix") format("embedded-opentype"), url("https://static3.elnortedecastilla.es/squido/1.0.102/assets/fonts/guardian-sans/GuardianSans-Black-Web.woff2") format("woff2"), url("https://static3.elnortedecastilla.es/squido/1.0.102/assets/fonts/guardian-sans/GuardianSans-Black-Web.woff") format("woff");
    font-weight: 900;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'Guardian Sans';
    src: url("https://static3.elnortedecastilla.es/squido/1.0.102/assets/fonts/guardian-sans/GuardianSans-Semibold-Web.eot");
    src: url("https://static3.elnortedecastilla.es/squido/1.0.102/assets/fonts/guardian-sans/GuardianSans-Semibold-Web.eot?#iefix") format("embedded-opentype"), url("https://static3.elnortedecastilla.es/squido/1.0.102/assets/fonts/guardian-sans/GuardianSans-Semibold-Web.woff2") format("woff2"), url("https://static3.elnortedecastilla.es/squido/1.0.102/assets/fonts/guardian-sans/GuardianSans-Semibold-Web.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-stretch: normal
}

@font-face {
    font-family: 'Guardian Sans';
    src: url("https://static3.elnortedecastilla.es/squido/1.0.102/assets/fonts/guardian-sans/GuardianTextSans-Regular-Web.eot");
    src: url("https://static3.elnortedecastilla.es/squido/1.0.102/assets/fonts/guardian-sans/GuardianTextSans-Regular-Web.eot?#iefix") format("embedded-opentype"), url("https://static3.elnortedecastilla.es/squido/1.0.102/assets/fonts/guardian-sans/GuardianTextSans-Regular-Web.woff2") format("woff2"), url("https://static3.elnortedecastilla.es/squido/1.0.102/assets/fonts/guardian-sans/GuardianTextSans-Regular-Web.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-stretch: normal
}
@font-face{
    font-family:Vocento Web Lig;
    src:url("https://static3.elnortedecastilla.es/squido/1.0.102/assets/fonts/vocento-icons/VocentoWebLig-Regular.eot");
    src:url("https://static3.elnortedecastilla.es/squido/1.0.102/assets/fonts/vocento-icons/VocentoWebLig-Regular.eot?#iefix") format("embedded-opentype"),url("https://static3.elnortedecastilla.es/squido/1.0.102/assets/fonts/vocento-icons/VocentoWebLig-Regular.woff") format("woff"),url("https://static3.elnortedecastilla.es/squido/1.0.102/assets/fonts/vocento-icons/VocentoWebLig-Regular.woff2") format("woff2"),url("https://static3.elnortedecastilla.es/squido/1.0.102/assets/fonts/vocento-icons/VocentoWebLig-Regular.ttf") format("truetype");
    font-weight:400;font-style:normal
}

#testigos1 li {
    float: left;
    list-style-type: none;
    margin: 4px;
}
.testigos li a {
    display: block;
    border: 0px solid #fff;
    box-sizing: border-box;
}
.testigos ul {
    padding-inline-start: 0;
}
.testigos{
    cursor: pointer;
}
.testigos li {
    position: relative;
    overflow: hidden;
    min-height: 340px;
}
.testigos li:hover a {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    opacity: .8;
}
.testigos .video:before {
    width: 40px;
    height: 40px;
    position: absolute;
    content: 'B';
    left: 10px;
    top: 10px;
    text-align: center;
    font-family: "Vocento Web Lig";
    font-style: normal;
    font-variant-ligatures: discretionary-ligatures;
    font-size: 50px;
    line-height: .8;
    color: #fff;
    z-index: 80;
}
.testigos .noplay:before {
    display: none !important;
}
.datos-nino {
    font-size: 0.90em;
    text-align: center;
    width: 228px;
    margin-top: 15px;
}
.datos-nino .nombre {
    font-weight: bold;
}
.datos-nino .colegio {
    font:11.5px/130% Guardian TextSans Regular,sans-serif
}
.datos-nino .deseo {
    font: 14px/100% IBM Plex Serif,serif;
    font-style: italic;
}
.video {
    overflow: hidden;
}

/* ------- POPUP VÍDEO ------ */
.modal-body {
    padding: 0;
}
.modal-dialog {
    width: 628px;
    margin: 150px auto 0 auto;
}
.video-js {
    height: 353px;
    width: 628px;
    display: inline-block;
}
.video-js .vjs-tech {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: 353px;
    transform: translate(-50%);
}
.vjs-my-custom-modal .vjs-modal-dialog-content {
    color: red;
    padding-top: 30px;
    margin-left: 0px;
}
.vjs-voc-embed-codes-social-share-superwrap, .vjs-control-bar{
    display:none;
}
.boton-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 32px;                                                  
    z-index: 1;
}
.boton-video svg {
    max-width: 32px;
    max-height: 32px;
    fill: #fff
}
button.vjs-voc-big-play-button.vjs-icon-placeholder {
    display: none !important;
} 
.modal-backdrop {
    background-color:#c4c2c7;
}
.modal-footer {
    justify-content: space-between;
}
#modal-datos-nino {
    float: left;
    text-emphasis: left;
    line-height: 110%;
}
#modal-nombre {
    font-weight: bold;
}
#modal-colegio {
    font:11.5px/130% Guardian TextSans Regular,sans-serif
}
#modal-deseo {
    font: 14px/100% IBM Plex Serif,serif;
    font-style: italic;
}



/*
*    - - - - R W D - - - - 
*
*/
@media (max-width: 699px) {
    
    /* //////////////// FOTOS  ////////////////////// */
    .titulo {
        width: 450px;
        height: 253px;
        float: left;
        padding: 20px 20px 20px 30px;
    }
    .titulo h1 {
        font-size: 34px;
        width: 90%;
    }
    .titulo h1 span {
        height: 140px;
        background-size: 75%;
    }
    .subtitulo {
        width: 100%;
        height: auto;
        float: right;
        padding: 30px;
    }
    img.testigo {
        width: 100%;
    }
    .testigos{
        width: 90%;
    }
    .testigos .video:before {
        width: 20px;
        height: 20px;
        left: 4px;
        top: 6px;        
        font-size: 45px;
    }
    #testigos1 li {
        float: none;
        margin: 1em;
        list-style-type: none;
    }
    #testigosTPL ul {
        overflow: hidden;
    }

    /* ------- POPUP VÍDEO ------ */
    .modal-dialog {
        width: 352px;
    }
    .video-js {
        width: 352px;
        height: 199px;
    }
    .video-js .vjs-tech {
        height: 199px;
    }
    .modal-foote button {
        margin-top: 10px;
    }
   
    button.vjs-voc-big-play-button.vjs-icon-placeholder {
        display: none !important;
    }
}