@media only screen and (max-width: 600px) {
    :root{
        --altoVideo:350px;
    }
}
@media only screen and (min-width: 601px) and (max-width: 1200px) {
    :root{
        --altoVideo:400px;
    }
}

@media only screen and (min-width: 1201px) {
    :root{
        --altoVideo:450px;
    }
}

.editorEntradas{
    display:flex;
    flex-wrap: wrap;
    flex-direction: column;
    background-color: rgba(231, 231, 231,0.9);
    color: rgb(0, 0, 0);
    min-height: 7rem;
    border-color: rgb(255, 200, 131, 1);
    border-radius: 10px;
    border-style: solid;
    margin: 0px;
    padding: 0px;
    width: 100%;
}
.editorBasico,.inputEnlaceVideo{
    border-radius: 10px;
    border-style: solid;
    border-color: rgb(255, 200, 131, 1);
    background-color: rgba(231, 231, 231,0.9);
    margin: 0.3rem;
}
.inputSeleccionarImagen{
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    padding: 5px;
    padding: 5px;
    border-color: var(--borde);
}
.editorEntradas>*{
    margin: 0px;
    padding: 0px;
    width: inherit;
}

.editorTituloEntrada{
    display:grid;
    background-color: rgba(255, 255, 255, 0.8);
    color: rgba(0, 0, 0, 1.0);
    grid-gap: 1rem;
    padding: 1rem;
    border-color: rgb(255, 200, 131, 1);
    border-radius: 10px;
    border-style: solid;
}
.selectorEntrada{
    width: 100%;
}

.selectorImagenesSubidas{
    max-height: 210px;
    width: 100%;
    display: flex; 
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;   
    overflow: scroll;
}
.imagenSubida{
    width: 200px;
    height: 200px;
    order: 1;
    overflow: hidden;
    cursor: default;
    border-width: 2px; 
    border-color:rgba(0, 0, 0, 0.4); 
    border-style: solid;
}
.imagenSubida:hover{
    cursor: pointer;
    border-width: 2px; 
    border-color:red; 
    border-style: solid;
}
.tablaEnlacesVideo{
    width: 100%;
    padding: 3vw;
}
.inputEnlaceVideo{
    width: 100%;
}
.botonVideos {
    background-color: hsla(200, 50%, 88%, 0.5);     
    color: hsla(0%, 0%, 0%, 1.0);
    border:1px solid #009900;
    cursor: pointer;
    border-radius: 28px;
    padding: 15px 30px;
    text-shadow:0px 1px 0px #aaffaa;          
}
.botonVideos:hover, .botonVideos:focus{
    background-color: hsla(0, 100%, 30%, 0.4);
    color: hsla(0%, 0%, 0%, 1.0);     
    text-shadow:0px 1px 0px hsla(0, 100%, 30%, 0.7);         
}
.botonVideos:active {
    background-color: hsla(0, 100%, 30%, 0.7);  
    color: hsla(100%, 100%, 100%, 1.0);
    text-shadow:0px 1px 0px #ffffff;          
          
}
.contenedorVideo {
    position: relative;
    overflow: hidden;
    height: var(--altoVideo);
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.iframeResponsivo {
    width: 100%;
    height: inherit;
    overflow: hidden;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}