@charset "utf-8";
/* CSS Document */
#contenedorporques {
    margin-top: var(--separacionsecciones);
}
#contenedorporques > section {
    display: flex;
    width: 70%;
    margin-bottom: var(--margenvertical);
    border-radius: var(--radiopequeno);
    background-color: var(--ui00);
}
#contenedorporques > section:nth-of-type(2n) {
    margin-left: auto;
    margin-right: 0px;
}
#contenedorporques > section > div {
    width: 50%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#contenedorporques > section > div > p:last-of-type {
    margin-bottom: 0px;
}
#contenedorporques img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: var(--radiopequeno);
    background-size: cover;
    background-position: center center;
}
#contenedorporques > section > div:first-of-type {
    padding: 0px 2em;
}
#contenedorporques h2 {
    margin: 0px;
    color: var(--marca03);
    font-size: var(--h3);
    line-height: 1;
    letter-spacing: -.03em;
}
#capavideo {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 20;
    transform: scale(0);
    transition: transform .3s ease-in 0s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2em;
}
#capavideo.abierta {
    transform: scale(1);
}
#capavideo > div {
    width: 100%;
    max-width:850px;
    position: relative;
    z-index: 22;
}
#capavideo img {
    display: block;
    height: 2em;
    width: auto;
}
#reproductor {
    margin: 1em 0px;
    display: block;
    width: 100%;
    height: auto;
}
#capavideo p {
    text-align: right;
    margin-bottom: 0px;
}
#capavideo > aside{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 21;
    background: var(--fondoventanasflotantes);
    opacity: .95;
}
@media (max-width: 1350px) {
}
@media (max-width: 1200px) {
}
@media (max-width: 1100px) {
    #contenedorporques > section {
        width: 90%;
    }
}
@media (max-width: 1000px) {
}
@media (max-width: 900px) {
    #contenedorporques > section {
        width: 100%;
    }
}

@media (max-width: 850px) {
  #contenedorporques section {
      flex-direction: column-reverse;
    }
    #contenedorporques > section > div {
        width: 100%;
    }
    #contenedorporques section img {
        margin-bottom: var(--rellenovertical);
      flex-direction: column-reverse;
    }
}
@media (max-width: 750px) {   
    #capavideo, #capavideo > div {
        padding: 1em;
    }
}
@media (max-width: 650px) {
   
}
@media (max-width: 550px) {
}
@media (max-width: 500px) {
 
}
@media (max-width: 450px) {
}