/*
Theme Name:  Twenty Twenty - hijo
Description: Tema hijo creado por DDW UNAB
Author:      Desarrollo-WEB-UNAB
Author URL:  https://wordpress.org/
Template:    twentytwenty
Version: 1.9
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwenty-child
*/
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");

html {
    font-size: 100%;
}
body {
   font-family: 'Poppins', sans-serif;
}

h1 {
   font-family: 'Poppins', sans-serif;
}
.container-fluid{padding: 0 !important}


.heading-tittle {
    color: #FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-size: 3em;
    font-weight: 700;
	text-align: center;
	padding-top:2em;
	
}

.fondo {
    background-image: url("img/foto-9.jpg");
    background-repeat: no-repeat;
	width: auto;
	height: 280px; 
    background-size: cover;
}
.fondo-vespertino {
    background-image: url("img/vespertino-unab.jpg");
    background-repeat: no-repeat;
	width: auto;
	height: 280px; 
    background-size: cover;

}
.fondo-advance {
    background-image: url("img/advance-unab.jpg");
    background-repeat: no-repeat;
	width: auto;
	height: 280px; 
    background-size: cover;

}

h2 {
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
    color: #113361;
}

.h6,
h6 {
    font-size: 1.5rem;
    color: #a1a7ac;
}

.contenedor-plantilla p {
    color: #113361;
	font-size: 12px;
}

*, ::before, ::after {
  word-break: normal;
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d;
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 0.25rem rgba(108, 117, 125, 0.5);
}

.btn-check:checked+.btn-outline-secondary,
.btn-check:active+.btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show {
    color: #fff;
    background-color: #6c757d;
    border-color: transparent;
    border-radius: 2rem !important;
}

.btn-check:active+.btn-secondary,
.btn-check:checked+.btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #E6332A;
    border-color: transparent;
    border-radius: 2rem !important;
}

.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled {
    color: #6c757d;
    background-color: transparent;
}

.btn-secondary {
    color: #fff;
    background-color: #C0C0C0;
    border-color: transparent;
    border-radius: 2rem !important;
}

.btn-secondary:hover {
    color: #fff;
    background-color: #E6332A;
    border-color: transparent;
    border-radius: 2rem !important;
}

.btn-group-lg>.btn,
.btn-lg {
    padding: .3rem 1rem;
    font-size: 2rem;
    border-radius: 2rem;
    display: block;
}

.btn-group-md>.btn,
.btn-md {
    padding: .3rem 1rem;
    font-size: 2rem;
    border-radius: 2rem;
    display: block;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #ffffff !important;
    background-color: #445B6D;
    border-color: #dee2e6 #dee2e6 #fff;
    padding: 3%;
    width: 50%;
    font-size: medium;
}

.nav-tabs .nav-link {
    color: #14293D;
    width: 50%;
    font-size: medium;
}

.show {
    opacity: 1 !important;
    transition: opacity 500ms ease-in;
    -moz-transition: opacity 500ms ease-in;
    -webkit-transition: opacity 500ms ease-in;
}

.becas-aporte {
    font-size: 2em;
    color: #969292;
    font-weight: 300;
    line-height: 1.6em;
}

.becas-destacado {
    font-size: 2em;
    color: #ffffff;
    font-weight: 300;
    line-height: 1.6em;
}

.imagen-contenedor-texto {
    position: relative;
}

.adhesion {
    font-size: medium
}

.bd-callout-warning {
    --bd-callout-bg: rgba(var(--bs-warning-rgb), .075);
    --bd-callout-border: rgba(var(--bs-warning-rgb), .5);
}

.bd-callout {
    padding: 1.25rem;
    margin-top: 1.25rem;
    margin-bottom: 1.25rem;
    background-color: var(--bd-callout-bg, var(--bs-gray-100));
    border-left: 0.25rem solid var(--bd-callout-border, var(--bs-gray-300));
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 1.5em;
    color: #dc3545;
}

.form-select {
    padding: 1.5rem 1.8rem;
    font-size: 1.6rem;
    letter-spacing: -0.015em;
    background: #fff;
    border-radius: 0;
    border-style: solid;
    border-width: 0.1rem;
}

.spinnerL {
    margin-top: -180px;
    display: none;
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
    box-shadow: none;
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
    box-shadow: none;
}

@media (max-width: 768px) {
    .spinnerL {
        margin-top: 0px;
        margin-bottom: 50px;
    }
    #cajaPago ul {
        margin-left: 0;
    }
    #cajaPago ul li {
        margin-left: 0;
    }
}

.modal-backdrop {
    background-color: #0003 !important;
}

.oculto {
    display: none;
    opacity: 0;
}

.visible {
    opacity: 1;
    display: block;
    animation: mostrar .6s;
}

@keyframes mostrar {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}



.themed-grid-col {
  padding-top: .75rem;
  padding-bottom: .75rem;
  background-color: rgba(112.520718, 44.062154, 249.437846, .15);
  border: 1px solid rgba(112.520718, 44.062154, 249.437846, .3);
}

.themed-container {
  padding: .75rem;
  margin-bottom: 1.5rem;
  background-color: rgba(112.520718, 44.062154, 249.437846, .15);
  border: 1px solid rgba(112.520718, 44.062154, 249.437846, .3);
}
.bd-gray-200 {
  color: #000;
  background-color: #e9ecef;
}
.bd-gray-300 {
  color: #000;
  background-color: #dee2e6;
}
.bd-gray-100 {
  color: #000;
  background-color: #f8f9fa;
}
.bg-vespertino {
  background-color: #07003B !important;}
  
.bg-advance {
  background-color: #113361 !important;}