/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*===================================================================== para bloques =====================================================================*/

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.bottom0 {
    bottom: 0;
}

/*===================================================================== variables =====================================================================*/
:root {
      --color-principal: #201E5B;
      --color-secundario: #87868A;
      --color-blanco: #ffffff;
      --color-gris: #999999;
      --color-negro: #000000;
    }
 
 /*===================================================================== Logotipo Red - cabecera =====================================================================*/
 
 .logo-red {
      display: flex;
      align-content: center;
      justify-content: center;
      padding: 5px;    
 }
 
 .logo-red__link {
     line-height:0;    
 }
 
 .logo-red__imagen {
     max-width: 105px;
 }
 
    
/*===================================================================== Imágenes destacadas de páginas y entradas =====================================================================*/

.featured-image {
    position: relative;
    margin: auto;
    max-width: 1200px;
    height: calc(1200px * 6 / 16) !important;
    border-bottom: 4px solid var(--color-secundario);
}
.featured-image img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
}

@media only screen and (max-width: 1200px) {
    .featured-image {
        width: 100%;
        height: calc(100vw * 6 / 16) !important;
    }    
 }
@media only screen and (max-width: 768px) {
    .featured-image {
        width: 100%;
        height: calc(100vw * 9 / 16) !important;
    }
}   
@media only screen and (max-width: 576px) {
    .featured-image {
        width: 100%;
        height: calc(100vw * 3 / 4) !important;
    }    
 }

/*===================================================================== botón información práctica =====================================================================*/ 
 
 .menu-item-490 a {
    background-color: #87868A !important;
 }
 
 .menu-item-490 a:hover {
     background-color: #87868A !important;
  }
  
.menu-item-490 a:visited {
       background-color: #87868A !important;
    }
    
.menu-item-490 a:active {
       background-color: #87868A !important;
    }
 
 /*===================================================================== entrega de resultados =====================================================================*/
 .rut-incorrecto {
    text-align: center;
 }
 
.resultados-tabla table tbody tr td {
    text-transform: uppercase; 
 }
 
.resultados-carta-contenedor {
    -webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.1);
    padding: 40px;
    margin: 40px 0 0 0;
}

@media only screen and (max-width: 576px) {
    .resultados-carta-contenedor {
        padding: 10px;
    }    
 }

.resultados-fecha {
    text-align: right;
}
 
.resultados-formulario-contenedor {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
 }
 
.resultados-formulario-contenedor p {
    text-align: center;
 }
 
.resultados-formulario-notas {
    margin: 20px 0 20px 0;
}
 
.resultados-cabecera-img {
    display: flex;
    justify-content: center;
}
 
.resultados-cabecera-img img {
    max-width: 350px;
}

@media only screen and (max-width: 576px) {
    .resultados-cabecera-img img {
        max-width: 200px;
    }    
 }

.resultados-firma-contenedor {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;  
}
 
.resultados-firma-img {

}
 
.resultados-firma-img img {
    max-width: 300px;
}

.resultados-firma-texto {
    margin: -40px 0 0 0; 
}

.resultados-firma-texto p {
    text-align: center; 
}

.resultados-consulta-nueva {
    text-align: center;
    margin: 100px 0 0 0;
}

.resultados-boton-descarga {
    text-align: center;
    margin: 40px 0;
}

.resultados-boton-descarga__link {
    padding: 10px 20px 10px 20px;
    background-color: #201e5b;
    color: #ffffff;
    border-radius: 10px;
}

.resultados-boton-descarga__link:hover {
    background-color: #87868A;
    color: #ffffff;
}