/*
 Theme Name:   Colegio Cumbres DATA
 Theme URI:    https://www.colegiocumbres.cl
 Description:  Tema secundario predeterminado de GeneratePress para subdominio colegio Cumbres
 Author:       Colegio Cumbres
 Author URI:   https://www.colegiocumbres.cl
 Template:     generatepress
 Version:      0.1
*/


/*===================================================================== ratios =====================================================================*/
.ratio-4-5 {
    aspect-ratio: 4/5;
    }
.ratio-16-5 {
    aspect-ratio: 16/5;
    }
.ratio-16-4 {
    aspect-ratio: 16/4;
    }

/*===================================================================== variables =====================================================================*/
:root {
      --color-principal: #002E5D;
      --color-secundario: #FFCD00;
      --color-blanco: #ffffff;
      --color-gris: #999999;
      --color-negro: #000000;
    }
    
/*===================================================================== clases genéricas =====================================================================*/

.driflex .gb-inside-container {
    height: 100%;
    display: flex;
    justify-content: space-between;
    flex-flow: column;
}

 /*===================================================================== 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;
    }    
 }
 
/*===================================================================== 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 60px;
    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;
}
 
/*===================================================================== formulario admisión =====================================================================*/
 
 .mensaje-admision textarea {
     height: 50px !important;
 }