/* clases popias de morft */
.txt_morft{color:#0342FF;font-weight:bold;}

/* ajustes visuales de la cabecera, incluido la barra de menú*/
.container-header {
    position: relative;
    z-index: 10;
    margin-bottom: 20px;
    background-color: #ffffff;
    background-image: none;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.03) inset;
}

/* Tamaños para PC y tablets */
h1 { font-size: 36px; font-family: Century SchoolBook; color:#0029FF; }
h2 { font-size: 30px; font-family: Century SchoolBook; }
h3 { font-size: 23px; font-family: Century SchoolBook; }
h4 { font-size: 20px; font-family: Century SchoolBook; }

/* Tamaños para móviles (menos de 768px) */
@media (max-width: 767px) {
  h1 { font-size: 30px; font-family: Century SchoolBook; color:#0029FF; }
  h2 { font-size: 28px; font-family: Century SchoolBook; }
  h3 { font-size: 24px; font-family: Century SchoolBook; }
  h4 { font-size: 22px; font-family: Century SchoolBook; }
}

.indice_de_contenidos {
  border: 2px solid #10709A;
  border-radius: 8px;
  padding: 20px;
  margin: 20px 0;
}

.indice_de_contenidos p.centrado {
  background-color: #10709A;
  color: white;
  font-weight: bold;
  text-align: left;
  padding: 10px;
  margin: -20px -20px 20px -20px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.indice_de_contenidos ol {
  margin: 0;
  padding-left: 20px;
}

.indice_de_contenidos ol li {
  margin-bottom: 8px;
}

.indice_de_contenidos ol li a {
  color: #10709A;
  text-decoration: none !important;
}

.indice_de_contenidos ol li a:hover {
  text-decoration: underline !important;
}

.indice_de_contenidos ul {
  margin: 0;
  padding-left: 20px;
}

.indice_de_contenidos ul li {
  margin-bottom: 8px;
}

.indice_de_contenidos ul li a {
  color: #007acc;
  text-decoration: none !important;
}

.indice_de_contenidos ul li a:hover {
  text-decoration: underline !important;
}


/*ponemos las negritas más gordas*/
strong {font-weight: 900;}

.p_subtitulos_noH{text-align: center;}
.subtitulos_noH{font-size: 30px; font-weight: bold; text-align: center; line-height: 35px;}

/*ponemos el botón de hamburguesa en negro*/
.container-header .navbar-toggler{color:#000000;border:#000000 1px solid;}

/*usamos un color en el body diferente del blanco*/
body{background-color: #f6f6f6;}

/*centramos todos los elementos del menú superior y el footer (menos el logo)*/
body.wrapper-fluid header>.grid-child, body.wrapper-fluid footer>.grid-child{
    justify-content: center;
}

/*cambiamos el color de fondo del position topbar*/
.container-topbar, .container-below-top{
    background-color: #262626;
}
/*iconos del topbar*/
.iconos_topbar{color: #C87631;}
.txt_topbar{color: #ffffff;text-decoration: none;}

/*bloque del topbar*/
.bloque_topbar{background-color:#2d2d2d;color:white;display:flex;align-items:center;justify-content:center;gap:40px;padding:10px 20px;font-family:sans-serif;}
.subbloque_topbar1{display:flex;align-items:center;gap:8px;}
.subbloque_topbar3{display:flex;align-items:center;gap:15px;}

/*centramos el logotipo*/
.navbar-brand{
    width:100%;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
}

/*ajustamos el tamaño de letra del menú superior*/
.metismenu.mod-menu .metismenu-item>a{font-size: 16px !important;}

/*ponemos estilo al menú superior*/
.container-nav{
    background-color: #ffffff;
    color: #262626;
}

/*ajustamos estilos al submenú del menú superior*/
.metismenu.mod-menu .metismenu-item{background-color: #ffffff;}
.metismenu.mod-menu .metismenu-item{color:#262626;}
.metismenu.mod-menu .metismenu-item>a{color:#262626;font-size:22px !important;font-weight: bold;}

/*ajustamos tamaño del texto del breadcrumbs*/
.mod-breadcrumbs__wrapper ol li{font-size: 16px !important;}
.mod-breadcrumbs__wrapper ol li a{font-size: 16px !important;font-weight: bold;}

/*ponemos estilo al footer*/
.footer{
    background-color: #10709A;
    background-image: none;
}

/*aumentamos el tamaño de los textos del body*/
body p {font-size: 20px; text-align: justify; font-weight: 100; font-family:'Source Sans Pro',sans-serif;}
body ul {font-size: 20px; text-align: justify; font-weight: 100; font-family:'Source Sans Pro',sans-serif;}
body ul li {font-size: 20px; font-weight: 100; font-family:'Source Sans Pro',sans-serif;}
body ul li a {font-size: 20px; font-weight: 600; font-family:'Source Sans Pro',sans-serif;}
body ol {font-size: 20px; font-weight: 100; font-family:'Source Sans Pro',sans-serif;}
body ol li {font-size: 20px; font-weight: 100; font-family:'Source Sans Pro',sans-serif;}
body ol li a {font-size: 20px; font-weight: 600; font-family:'Source Sans Pro',sans-serif;}

/*ponemos color a los enlaces de texto*/
a{color: #0076D7;text-decoration: none !important;font-weight: 600;}
a:hover{color: #0076D7;text-decoration: underline !important;font-weight: 600;}


/*estilos css para los tabs verticales COMBO*/
.tabs-container {
    display: flex;
    max-width: 100%;
    border-radius: 8px;
    overflow: hidden;
    color: #333;
}
.tabs {
    display: flex;
    flex-direction: column;
    padding: 20px;
    min-width: 250px;
}
.tab-button {
    background: #C67838;
    color: #FFF;
    padding: 12px 16px;
    border: none;
    text-align: left;
    cursor: pointer;
    font-size: 18px;
    width:100%;
    border-radius: 6px;
    margin-bottom: 10px;
}
.tab-button.active,
.tab-button:hover {
    background: #EA7C22;
    color: #fff;
    font-weight: bold;
}
.tab-content-container {
    flex-grow: 1;
    padding: 30px;
    width: 100%;
}
.tab-content {
    display: none;
}
.tab-content.active {
    display: block;
}

/*estilos css para los tabs verticales COMBO de la Escuela */
.tabs-container-escuela {
    display: flex;
    max-width: 100%;
    border-radius: 8px;
    overflow: hidden;
    color: #333;
}
.tabs-escuela {
    display: flex;
    flex-direction: column;
    padding: 20px;
    min-width: 250px;
}
.tab-button-escuela {
    background: #2A3939;
    color: #FFF;
    padding: 12px 16px;
    border: none;
    text-align: left;
    cursor: pointer;
    font-size: 18px;
    width:100%;
    border-radius: 6px;
    margin-bottom: 10px;
}
.tab-button-escuela.active,
.tab-button-escuela:hover {
    background: #5C8B7D;
    color: #fff;
    font-weight: bold;
}
.tab-content-container-escuela {
    flex-grow: 1;
    padding: 30px;
    width: 100%;
}
.tab-content-escuela {
    display: none;
}
.tab-content-escuela.active {
    display: block;
}

.mod-breadcrumbs__item a{color:#333333;}

/* ajustamos tamaño a los títulos de las preguntas FAQ, accordeon del page builder*/
.sppb-panel-title {
    font-size: 20px !important;
}

/*
.metismenu.mod-menu .metismenu-item {
    padding: 0.5em 0.8em !important;
    color: #ffffff;
    background-color: #000000;
}
.metismenu.mod-menu .metismenu-item:hover {
    padding: 0.5em 0.8em !important;
    color: #ffffff;
    text-decoration: underline;
}

.metismenu.mod-menu .metismenu-item a{
    color: #ffffff;
    font-weight: normal;
}
.metismenu.mod-menu .metismenu-item a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.container-header .navbar-brand {
    width: 100%;
    text-align: center;
    justify-content: center;
    margin-top: 5px;
    padding-bottom: 0;
}

.container-header .grid-child {
    padding-top: 0.2mm !important;
}

.container-header .container-nav {
    padding-bottom: 0.5em;
    border-bottom: #eeeeee 1px solid;
}

.listado_inicio_h4 h4{
	font-size: 1.2rem;
	font-weight: 300 !important;
	text-align: left !important;
}
.listado_inicio_h4 h4 i {
    color: #28a745; 
}

.indice_de_contenidos {
  border: 2px solid #007acc;
  border-radius: 8px;
  padding: 20px;
  margin: 20px 0;
}

.indice_de_contenidos p.centrado {
  background-color: #007acc;
  color: white;
  font-weight: bold;
  text-align: left;
  padding: 10px;
  margin: -20px -20px 20px -20px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.indice_de_contenidos ol {
  margin: 0;
  padding-left: 20px;
}

.indice_de_contenidos ol li {
  margin-bottom: 8px;
}

.indice_de_contenidos ol li a {
  color: #007acc;
  text-decoration: none;
}

.indice_de_contenidos ol li a:hover {
  text-decoration: underline !important;
}

.com-content-article__body h2{margin-top:30px;}

.btn_wsp{text-decoration:none !important;}

/*para poner articulos de youtube*/
/*.youtube-lite {
position: relative;
width: 100%;
max-width: 560px;
aspect-ratio: 16 / 9;
background-color: #000;
background-position: center;
background-size: cover;
cursor: pointer;
overflow: hidden;
}
.youtube-lite .play-button {
width: 100px;
height: 100px;
background: url('https://webtao.es/images/play-boton.png') no-repeat;
background-size: 100% 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
/* fin para youtube */
/*
.icon-pending{color:#f00;}*/