/* Contenedor principal */
.viewer_007_outer_container {
    display: flex;
    height: 32dvw;
    width: 100dvw;
    overflow: hidden;
    background: var(--c8);
    font-family: f1l;
    padding: 0;
}

/* Contenedor de información */
.viewer_007_information_container {
    display: flex;
    flex-direction: column;
    gap: 2.5dvw;
    height: 100%;
    width: 33dvw;
    padding: 3.5dvw 5dvw 3dvw 3dvw;
    background:#EE8C6B;
    color: var(--c2);
    box-shadow: -0.5dvw 0dvw 1dvw rgba(0, 0, 0, 0.2);
    z-index: 1000;
    text-align: center;
}

/* Barra de información */
.viewer_007_information_container_bar {
    display: flex;
    height: 100%;
    width: 3dvw;
    background: rgba(240, 240, 240);
}

.viewer_007_information_container_left_bar {
    display: flex;
    box-shadow: -0.5dvw 0dvw 1dvw rgba(0, 0, 0, 0.2);
    background: var(--c8);
    z-index: 500;
}

/* Logo */
.viewer_007_information_container_logo_container {
    width: 100%;
    height: 2.5dvw;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 1dvw;
}

/* Título */
.viewer_007_information_container_title {
    font-size: 1.75dvw !important;
    letter-spacing: 0.2dvw;
}

/* Mensaje principal */
.viewer_007_information_container_main_message {
    line-height: 1.25dvw;
    width: 90%;
    font-size: 0.85dvw;
    letter-spacing: 0.1dvw;
    font-family: f1r;
}

/* Fecha */
.viewer_007_information_container_date {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3dvw;
    width: 11dvw;
    font-size: 0.85dvw;
    letter-spacing: 0.2dvw;
    font-family: f1r;
    cursor: pointer;
    text-decoration: none;
    margin: auto;
    right: 1dvw;
}

/* Autor */
.viewer_007_information_container_author {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3dvw;
    width: 11dvw;
    font-size: 0.85dvw;
    line-height: 1.2dvw;
    letter-spacing: 0.2dvw;
    font-family: f1b;
    cursor: pointer;
    text-decoration: none;
    margin: auto;
    right: 1dvw;
}

/* Contenedor de imagen */
.viewer_007_image_container {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 64dvw;
    overflow: hidden;
    z-index: 200;
}

/* Media Queries */

/* Para pantallas entre 451px y 950px */
@media only screen and (max-width: 950px) and (min-width: 451px) {  
    /* Agrega estilos específicos aquí */
}

/* Para pantallas menores a 450px */
@media only screen and (max-width: 450px) {  
    /* Agrega estilos específicos aquí */
}