body 
{
    background: #dddddd;
}
.display-5 
{
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2;
}
.display-6 
{
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.2;
}

.Mensaje_principal
{
    margin-top: 10% !important;
    margin-bottom: 15% !important;
}
.card .card-img-top
{
    width: 9rem;
    margin: auto;
}
.card-header h5
{
    text-align: center;
}
.Fecha
{
    font-size: 14px;
}

@media print 
{
    body 
    {
        background: #fff;        
    }
    .Carta_Compromiso
    {
        font-size: 1.3rem !important;
    }
}

@media screen and (max-width:320px) 
{
    .frame 
    {
        width: 100%;
        height: 100;
    }
}

@media screen and (max-width:640px) and (min-width:320px) 
{
    .frame 
    {
        width: 100%;
        height: 200;
    }
}

@media screen and (max-width:800px) and (min-width:640px) 
{
    .frame 
    {
        width: 100%;
        height: 300;
    }
}

@media screen and (max-width:1024px) and (min-width:800px) 
{
    .frame 
    {
        width: 100%;
        height: 400;
    }
}

@media screen and (min-width:1024px) 
{
    .frame 
    {
        width: 100%;
        height: 500px;
    }
}

.MensajeError 
{
    color: red;
}

.labelInfoAspirante 
{
    font-size: .5em;
}

.label-titulos 
{
    font-weight: bold;
}

.whatsapp 
{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    right:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    z-index:100;
}
  
.whatsapp-icon 
{
margin-top:13px;
}

/* Comportamiento de Tarjetas */
.Contenedor 
{
    width: 80%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.Cartita_tamaño
{
    width: 19%;
    margin-top: 10px;
    margin-bottom: 10px;
}
@media screen and (max-width: 1300px) 
{
    .Contenedor 
    {
        width: 96%;
    }
}
@media screen and (max-width: 1163px) 
{
    .Cartita_tamaño 
    {
        width: 24%;
    }
}
@media screen and (min-width: 992px) 
{
    .Logo_Membrete
    {
        width: 90% !important;
    }   
}
@media screen and (max-width: 991px) 
{
    .Cartita_tamaño 
    {
        width: 32%;
    }
    .Titulo_Responsivo 
    {
        font-size: 2.2rem;
        text-align: center;
    } 
    .Titulo_Responsivo_2 
    {
        font-size: 1.2rem !important;
        text-align: center;
    } 
    .Texto
    {
        font-size: 1rem !important;
    } 
    .Imagen_Responsiva
    {
        width: 8rem;
    }
    .Img_Itesca_Responsiva
    {
        width: 9rem !important;
        height: 3rem !important;
    }
    .Img_Responsivo
    {
        width: 11rem;
    } 
    .Logo_Membrete
    {
        width: 100% !important;
    }  
}
@media screen and (max-width: 699px) 
{
    .Cartita_tamaño 
    {
        width: 46%;
    }
    .Titulo_Responsivo 
    {
        text-align: center;
    } 
    .Titulo_Responsivo 
    {
        font-size: 2.1rem;
        text-align: center;
    } 
    .Subtitulo_Responsivo 
    {
        font-size: 1.4rem;
        text-align: center;
    } 
    .login_Responsivo 
    {
        width: 100%;
    }
    .Titulo_Responsivo_2 
    {
        font-size: 1rem !important;
        text-align: center;
    } 
    .Texto
    {
        font-size: .8rem !important;
    } 
    .Imagen_Responsiva
    {
        width: 6rem;
    }
    .Img_Itesca_Responsiva
    {
        width: 7rem !important;
        height: 2.5rem !important;
    }
    .Img_Responsivo
    {
        width: 10rem;
    }    
}

/* Movil */
@media screen and (max-width: 500px) 
{
    .Cartita_tamaño 
    {
        width: 94%;
    }
    .Titulo_Responsivo 
    {
        font-size: 2.1rem;
        text-align: center;
    } 
    .Titulo_Responsivo_2 
    {
        font-size: .8rem !important;
        text-align: center;
    } 
    .Fecha 
    {
        font-size: .7rem !important;
    } 
    .Subtitulo_Responsivo 
    {
        font-size: 1.4rem !important;
        text-align: center;
    } 
    .Texto
    {
        font-size: .8rem !important;
        padding: 1rem !important;
    }
    .Tabla_responsiva
    {
        font-size: .8rem;
    }
    .Tabla_responsiva th, .Tabla_responsiva td
    {
        padding: .35rem;
    }
    .Tabla_responsiva button
    {
        font-size: .6rem;
    }
    .Imagen_Responsiva
    {
        width: 6rem;
    }
    .Img_Itesca_Responsiva
    {
        width: 7rem !important;
        height: 2.5rem !important;
    }
    .Img_Responsivo
    {
        width: 10rem;
    }
    .Texto_Cartas .Ocultar
    {
        display: none;
    }
}

/* Comportamiento de Cartas y Comprobantes */
.Texto_Cartas
{
    font-size:19px; 
}