:root {
    /**************** CONSTANTES ***************/
    /*Letra*/
    --tamano-letra-pequena: 0.875em;
    --tamano-letra-normal: 1.1em;
    --tamano-letra-titulo: 2.5em;
    --tipo-letra-normal: verdana;
    --tipo-letra-titulo: verdana;
    --alineacion-letra-normal: justify;
    --alineacion-letra-titulo: center;
    --contenedor-item-radio: 1rem;
    --color-letra-pagina-contenido: rgba(31, 37, 32, 0.9);
    --color-letra-pagina-titulo: rgba(45, 0, 59, 0.9);
    --color-letra-entrada-contenido: rgba(20, 11, 1, 0.9);
    --color-letra-entrada-titulo: rgba(119, 73, 12, 0.9);
    --tamano-fuente-visualizador-titulo: 1.7em;
    /*fondo*/
    --color-fondo-sitio: rgba(214, 212, 214, 0.9);
    --color-fondo-pagina: rgba(227, 236, 229, 0.9);
    --color-fondo-entrada: rgba(232, 242, 243, 0.9);
    --color-fondo-lateral: rgba(216, 226, 217, 0.9);
    --color-fondo-lateral-item: rgba(232, 242, 243, 0.9);
    /*cuerpo*/
    --margen-arriba-section-aside: 1.5rem;
    --margen-visualizador-contenido: 1.1rem;
    --margen-visualizador-contenido-doble: calc(var(--margen-visualizador-contenido)*2);
    --padding-visualizador-contenido: 0.5rem;
    /*boton*/
    --tipo-letra-boton: helvetica;
    --tamano-letra-boton: medium;
    --color-fondo-boton: rgba(228, 211, 225, 0.5);
    --color-fondo-boton-hover: rgba(216, 89, 210, 0.9);
    --color-fondo-boton-focus: rgba(5, 59, 18, 0.9);
    --color-texto-boton: rgba(31, 37, 32, 0.5);
    --color-texto-boton-hover: rgba(1, 19, 5, 0.9);
    --color-texto-boton-focus: rgba(226, 226, 226, 0.9);
    /*menu*/
    --color-fondo-menu: rgba(244, 255, 205, 0.5);
    --color-fondo-item: rgba(197, 206, 167, 0.5);
    --color-fondo-item-hover: rgba(192, 214, 110, 0.9);
    --color-fondo-item-focus: rgba(70, 88, 2, 0.9);
    --color-texto-item: rgba(31, 37, 32, 0.5);
    --color-texto-item-hover: rgba(1, 19, 5, 0.9);
    --color-texto-item-focus: rgba(226, 226, 226, 0.9);
    --color-fondo-subitem: rgba(192, 214, 110, 0.5);
    --color-fondo-subitem-hover: rgba(192, 214, 110, 0.9);
    --color-fondo-subitem-focus: rgba(70, 88, 2, 0.9);
    --color-texto-subitem: rgba(31, 37, 32, 0.5);
    --color-texto-subitem-hover: rgba(1, 19, 5, 0.9);
    --color-texto-subitem-focus: rgba(226, 226, 226, 0.9);
    /*entrada*/
    --ancho-redondeo-entrada: 1.2rem;
    --tipo-silueta-entrada: visible;
    --ancho-silueta-entrada: 1px;
    --color-texto-entrada: rgba(31, 37, 32, 0.9);
    --subseccion-entrada-imagen-radio: 25px;
    --subseccion-entrada-ancho-imagen: 30vw;
    --subseccion-entrada-alto-imagen: calc(var(--control-carrusel-imagenes-ancho-imagen)/2);
    /**footer¨*/
    --color-pie-pagina-gradiente-1:rgba(230, 172, 226, 0.5);
    --color-pie-pagina-gradiente-2:rgba(225, 198, 231, 0.5);
    --color-pie-pagina-gradiente-3:rgba(245, 198, 245, 0.5);
    --fondo-pie-pagina:linear-gradient(0deg, var(--color-pie-pagina-gradiente-1), var(--color-pie-pagina-gradiente-2) 15%, var(--color-pie-pagina-gradiente-3) 85%, var(--color-pie-pagina-gradiente-1));
    /*Animacion*/
    --duracion-transicion: 0.5s;
}
@media only screen and (max-width: 400px) {
    :root {
        /**************** VARIALBES ***************/
        /*boton*/
        --ancho-boton: 7rem;
        --posicion-aside-section: block;
        --ancho-aside: 100%;
        --ancho-section: 100%;
        --ancho-titulo-banner: 100%;
        --ancho-imagen-banner: 100%;
    }
}
@media only screen and (min-width: 401px) and (max-width: 700px) {
    :root {
        --ancho-boton: 8rem;
        --posicion-aside-section: block;
        --ancho-aside: 100%;
        --ancho-section: 100%;
        --ancho-titulo-banner: 100%;
        --ancho-imagen-banner: 100%;
    }
}
@media only screen and (min-width: 701px) and (max-width: 1200px) {
    :root {
        --ancho-boton: 9rem;
        --posicion-aside-section: inline-block;
        --ancho-aside: 25%;
        --ancho-section: 72%;
        --ancho-titulo-banner: 30%;
        --ancho-imagen-banner: 50%;
    }
}
@media only screen and (min-width: 1200px) {
    :root {
        --ancho-boton: 10rem;
        --posicion-aside-section: inline-block;
        --ancho-aside: 25%;
        --ancho-section: 72%;
        --ancho-titulo-banner: 40%;
        --ancho-imagen-banner: 40%;
    }
}
body {
    background-color: var(--color-fondo-sitio);
    color: var(--color-letra-pagina-contenido);
    text-align: var(--alineacion-letra-normal);
    font-size: var(--tamano-letra-normal);
    font-family: var(--tipo-letra-normal);
    transition-duration: var(--duracion-transicion);
    overflow-y: scroll;
    overflow-x: hidden;

}
.seccion_cabecera {
    width: 100%;
    background: var(--fondo-pie-pagina);
    height: min-content;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center; 
    overflow: hidden;
    flex-wrap: wrap; 
    border-radius: 1rem;
}
.seccion_cabecera_contenedor_enlace {
    width: var(--ancho-imagen-banner);
    overflow: hidden;

}
.seccion_cabecera_enlace
{
    display: inline-block;
    height: 100%;
}
.seccion_cabecera_titulo {
    display: flex;
    position:relative;
    padding-left: 2.5vw;
    font-size: 2.2rem;
    text-align: left;
    align-items: center;
    width: var(--ancho-titulo-banner);
}
.seccion_cabecera_imagen {
    width: 35rem;
    object-fit: scale-down;    
    margin: auto;
    display: block;
    border-radius: 8px;
    object-position: center;
}
.seccion_ancho_completo
{
    width: 100%;
}
aside, section
{
    display: var(--posicion-aside-section);
    vertical-align: top;
}
section
{
    width: var(--ancho-section);
}
aside
{
    width: var(--ancho-aside);
    margin-right: 2%;
}

.subseccion_entrada_imagen_resumen {
    width: 25rem;
    height: 15rem;
    object-fit: fill;
    padding: auto;
    margin: auto;
}

.seccion_lateral
{
    display: flexbox;
    columns: 1;
    margin-top: var(--margen-arriba-section-aside);
    background-color: var(--color-fondo-lateral);
    box-shadow: 10px 4px 4px rgba(10, 10, 10, 0.35);
    padding: 5%;
}
.subseccion_pagina 
{
    min-height: 45rem;
    margin: 1.5rem;
    margin-top: var(--margen-arriba-section-aside);
    padding: 1.5rem;
    display: flexbox;
    columns: 1;
    background-color: var(--color-fondo-pagina);
    box-shadow: 10px 4px 4px rgba(10, 10, 10, 0.35);
}
.visualizador_titulo {
    margin-left: var(--margen-visualizador-contenido);
    margin-right: var(--margen-visualizador-contenido);
    margin-top: var(--margen-visualizador-contenido);
    margin-bottom: var(--margen-visualizador-contenido);
    padding-left: var(--padding-visualizador-contenido);
    padding-right: var(--padding-visualizador-contenido);
    padding-top: var(--padding-visualizador-contenido);
    padding-bottom: var(--padding-visualizador-contenido);
    font-size: var(--tamano-fuente-visualizador-titulo);
    text-align: center;
    color: var(--color-letra-pagina-titulo);
    text-align: var(--alineacion-letra-titulo);
    font-family: var(--tipo-letra-titulo);
}
.visualizador_contenedor_principal,
.subseccion_pagina_contenido 
{
    margin-left: var(--margen-visualizador-contenido);
    margin-right: var(--margen-visualizador-contenido);
    margin-top: var(--margen-visualizador-contenido);
    margin-bottom:var(--margen-visualizador-contenido-doble);
    padding-left: var(--padding-visualizador-contenido);
    padding-right: var(--padding-visualizador-contenido);
    padding-top: var(--padding-visualizador-contenido);
    padding-bottom: var(--padding-visualizador-contenido);
    font-size: var(--tamano-letra-normal);
    text-align: justify;
    color: var(--color-letra-pagina-contenido);
}
.imagen_contenedor
{
    display: flex;
    justify-content: center;
}
.seccion_lateral_item
{
    margin-top: 10%;
    margin-bottom: 10%;
    padding-top: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    padding-right: 5%;
    border-radius: 5%;
    background-color: var(--color-fondo-lateral-item);
    box-shadow: 10px 4px 4px rgba(10, 10, 10, 0.35);
    transition: 0.1s;
}
.seccion_lateral_item:hover
{
    transform: scale(1.05);
}
.seccion_lateral_item>h4
{
    color: var(--color-letra-entrada-titulo);
    text-decoration: underline !important;
}
.seccion_lateral_item>span
{
    color: var(--color-letra-entrada-contenido);
}
.seccion_lateral>a
{
    text-decoration: none;
}
.seccion_pie_pagina
{
    display: flex;
    width: 100%;
    background: var(--fondo-pie-pagina);
    align-items: center;
    padding: 5vh;
    margin-top: 10vh;
}
.pie_pagina_imagen_contenedor
{
    padding: 3vh;
}
.pie_pagina_imagen_enlace
{
    text-decoration: none;
}
.pie_pagina_imagen{
    width: 7rem;
    border-radius: 3vh;
}
.pie_pagina_contenedor_lista
{
    display: flex;
    flex-direction: column;
    padding: 3vh;
}
.oculto
{
    visibility: collapse !important;
    display: none !important;    
}
.error,
.error_texto
{
    color:red !important;
}
.error_texto
{
    font-size: medium;
    margin-top: 1%;
    margin-bottom: 3%;
}
button,
input[type=button],
input[type=submit],
input[type=file]::file-selector-button{
    margin: 0.5rem 0.1rem 0.5rem 0.1rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    width: auto;
    font-family: var(--tipo-letra-boton);
    font-weight: normal;
    font-size: var(--tamano-letra-boton);
}
.boton_deshabilitado
{
    background: rgb(205, 205, 205) !important;
    background-color: rgb(205, 205, 205) !important;
    color: rgb(22, 4, 22) !important;
}
.boton_deshabilitado:hover
{
    cursor:not-allowed !important;
    color: rgb(205, 205, 205) !important;
    background: rgb(80, 78, 78) !important;
    background-color: rgb(80, 78, 78) !important;
}
.marco_visor_archivo
{
    width:100%;
    min-width:100%;
    min-height:60rem;
    border-radius: var(--contenedor-item-radio);
}