header{
    background-color: #EFEFED;
    font-family: 'Barlow Semi Condensed', sans-serif;
    color: #AAACB0;
}
body{
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 18x;
    background-color: #343D47;
    padding-top: 66px; /* Relleno superior igual a la altura de la cabecera para NO ser tapado por menú*/
    color: #EFEFED;
}
body.nomargintop{
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 18x;
    background-color: #343D47;
    padding-top: 0px;
    color: #EFEFED;
}
strong{
    color: #EFEFED;
    font-weight: 500;
}
strong.graybold{
    color: #343D47;
    font-weight: 500;
}
h2.body-white{
    color: #EFEFED;
    text-align: left;
}
h2.body-fucsia{
    color: #FC3370;
    text-align: center;
}
h2,h3.body-purple{
    color: #A368BD;
    text-align: center;
}
.body-green{
    color: #4AAC07
}
.body-cyan{
    color: #00A9B9
}
.body-aqua{
    color: #35A597
}
.body-marron{
    color: #9A3B53
}
.body-marronlight{
    color: #ff698f
}
.body-carmin{
    color: #EC324F
}
.body-orange{
    color: #FD8B20
}
.body-blue{
    color: #437B95
}
.body-yellow{
    color: #FDD100
}
h3.body-white{
    color: #EFEFED;
}
h5.body-white{
    color: #EFEFED;
}
h3.body-white-der{
    color: #EFEFED;
    text-align: right;
}
h4.body-red{
    font-family: 'Barlow Semi Condensed', sans-serif;
    color: #FF5364;
    text-align: center;
}
h4.body-white{
    color: #EFEFED;
    text-align: left;
}
h4.body-gray{
    color: #7D858B;
    text-align: left;
}
h6{
    text-align: left;
}
/*GENERAL PARA TÍTULOS*/
h5.card-title{
    
    color: #39982A;
}

p.texto{
    text-align: left;
    color: #343D47;
}
p.texto-white{
    color: #EFEFED;
    text-align: left;
}
p.tcard{
    color: #343D47;
    text-align: center;
}
li.texto{
    text-align: left;
}
section.blanco{
    background-color: #FFFFFF;
}
section.clientes{
    background-color: #FFFFFF;
}
div.centerno{
    width: 1080px;
    margin:0px auto;
}
div.center{
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
}
/* Override Bootstrap Accordion PREPA*/
.accordion-button:not(.collapsed){
    background-color: #A368BD;
    color: #F3F3F3;
}
.accordion-button:is(.collapsed){
    background-color: #A368BD;
    color: #F3F3F3;
}
.accordion-body{
    background-color: #F3F3F3;
    color: #343D47;
}

/* Override Bootstrap Accordion INFORMÁTICA*/
.accordion-button.cyan:not(.collapsed){
    background-color: #00A9B9;
    color: #F3F3F3;
}
.accordion-button.cyan:is(.collapsed){
    background-color: #00A9B9;
    color: #F3F3F3;
}

/* Override Bootstrap Accordion CONTABILIDAD*/
.accordion-button.aqua:not(.collapsed){
    background-color: #35A597;
    color: #F3F3F3;
}
.accordion-button.aqua:is(.collapsed){
    background-color: #35A597;
    color: #F3F3F3;
}
/* Override Bootstrap Accordion DISEÑO GRÁFICO*/
.accordion-button.marron:not(.collapsed){
    background-color: #9A3B53;
    color: #F3F3F3;
}
.accordion-button.marron:is(.collapsed){
    background-color: #9A3B53;
    color: #F3F3F3;
}
/* Override Bootstrap Accordion CARMIN*/
.accordion-button.carmin:not(.collapsed){
    background-color: #EC324F;
    color: #F3F3F3;
}
.accordion-button.carmin:is(.collapsed){
    background-color: #EC324F;
    color: #F3F3F3;
}
/* Override Bootstrap Accordion DISEÑO GRÁFICO*/
.accordion-button.blue:not(.collapsed){
    background-color: #437B95;
    color: #F3F3F3;
}
.accordion-button.blue:is(.collapsed){
    background-color: #437B95;
    color: #F3F3F3;
}
/* Override Bootstrap Accordion Desarrollo*/
.accordion-button.orange:not(.collapsed){
    background-color: #FD8B20;
    color: #F3F3F3;
}
.accordion-button.orange:is(.collapsed){
    background-color: #FD8B20;
    color: #F3F3F3;
}
/* Override Bootstrap Accordion Desarrollo*/
.accordion-button.yellow:not(.collapsed){
    background-color: #FDD100;
    color: #343D47;
}
.accordion-button.yellow:is(.collapsed){
    background-color: #FDD100;
    color: #343D47;
}

/* Menú */
.nav-link {
    outline: none;
    text-decoration:none;
}

.nav-link:link {
    /* Personaliza los estilos aquí */
    color: #7D858B;
    /*border-bottom: #AAACB0;*/
}

.nav-link.activo {
    color: #4AAC07;
    font-weight: 500;
    /*border-bottom: #7D858B 2px solid;*/
}

.nav-link:hover {
    color: #4AAC07;
    background-color: #F3F3F3;
    /*
    color: #F3F3F3;
    background-color: #4AAC07;
    */
}
.nav-link:active {
    color: #4AAC07;
    background-color: #F3F3F3;
}

.dropdown-item.activo{
    color: #4AAC07;
    font-weight: 500;
}

.offcanvas {
    max-width: 280px; /* ANCHO DE MENÚ */
}

.nav-border{
    border-bottom: #4AAC07;
    border-bottom: groove;
}

/* ANIMAR BORDE DE MENÚ */
.animated-border {
    position: relative;
    overflow: hidden;
}

.animated-border::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 2px; /* Altura del borde inferior */
    bottom: 0;
    left: 0;
    background-color: #4AAC07; /* Color del borde inferior */
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease-in-out;
}

.animated-border:hover::after {
    transform: scaleX(1);
}
/* FIN ANIMAR BORDE DE MENÚ */

/* FONDO DE CAROUSEL */
.borde-carousel {
    /* Superior, Derecho, Inferior, Izquierdo */
    padding: 20px 60px 20px 60px;
    color: #F3F3F3;
    height: 50vh; /*Alto de Div*/
    
}
.borde-carousel.bgfucsia {
    background-color: #FC3370;
}
.borde-carousel.bgnaranja {
    background-color: #FF8935;
}
.borde-carousel.bgamarillo {
    background-color: #FFB540;
}
/* FIN FONDO DE CAROUSEL */

/* SUBMENÚ INICIO */
.dropdown-item {
    color: #7D858B;
    padding: 0.5rem 1rem;
    
  }
  
  .dropdown-item:hover {
    background-color: #F3F3F3;
    color:#4AAC07;
  }
  
  .dropdown-item.active {
    background-color: #F3F3F3;
    color:#4AAC07;
  }
/* FIN SUBMENÚ */

/* BOTONES INICIO */
.btn-prepa {
    background-color: #A368BD;
    color: white;
}
.btn-prepa:hover {
    background-color: #8C42AD;
    color: white;
}

.btn-infor {
    background-color: #26B3DC;
    color: white;
}
.btn-infor:hover {
    background-color: #00A6D6;
    color: white;
}

.btn-ingles {
    background-color: #EC324F;
    color: white;
}
.btn-ingles:hover {
    background-color: #D5152C;
    color: white;
}

.btn-desarrollo {
    background-color: #FD8B20;
    color: white;
}
.btn-desarrollo:hover {
    background-color: #F17500;
    color: white;
}

.btn-conta {
    background-color: #00CDCD;
    color: white;
}
.btn-conta:hover {
    background-color: #009696;
    color: white;
}

.btn-diseno {
    background-color: #9A3B53;
    color: white;
}
.btn-diseno:hover {
    background-color: #952648;
    color: white;
}

.btn-diplo {
    background-color: #437B95;
    color: white;
}
.btn-diplo:hover {
    background-color: #186685;
    color: white;
}

.btn-continua {
    background-color: #FFB70C;
    color: white;
}
.btn-continua:hover {
    background-color: #EFA903;
    color: white;
}

.btn-cevip {
    background-color: #4AAC07;
    color: white;
}
.btn-cevip:hover {
    background-color: #39982A;
    color: white;
}
/* FIN BOTONES */

.hr-gray{
    color: #7D858B;
}
.bi-gray{
    color: #7D858B;
}

/* HEADER CARD */
.header-purple{
    background-color: #A368BD;
    color: #F3F3F3;
}
.header-cyan{
    background-color: #00A9B9;
    color: #F3F3F3;
}
.header-aqua{
    background-color: #35A597;
    color: #F3F3F3;
}
.header-marron{
    background-color: #9A3B53;
    color: #F3F3F3;
}
.header-carmin{
    background-color: #EC324F;
    color: #F3F3F3;
}
.header-orange{
    background-color: #FD8B20;
    color: #F3F3F3;
}
.header-blue{
    background-color: #437B95;
    color: #F3F3F3;
}
.header-yellow{
    background-color: #FDD100;
    color: #F3F3F3;
}
/* FIN HEADER CARD */

.col.margen {
    margin: 10px;
}

/* a LINK */
a{
    outline: none;
    text-decoration:none;
}

a.nlink {
    /* Personaliza los estilos aquí */
    color: #4AAC07;
    /*border-bottom: #AAACB0;*/
}

a.nactivo {
    color: #4AAC07;
    font-weight: 500;
    /*border-bottom: #7D858B 2px solid;*/
}

a.nhover {
    color: #39982A;
    /*
    color: #F3F3F3;
    background-color: #F3F3F3;
    */
}

/* Estilo del select del form */
.form-select.colorgray{
    color: #343D47;
}