:root, [data-bs-theme=light] {
  --bs-blue: #0099ff;
  --bs-gray: #4f5671;
  --bs-gray-dark: #242b45;

--bs-gray-200:#ececec;
--bs-gray-400:#aab2d7;
--bs-gray-600:#4f5671;
--bs-gray-800:#242b45;
--bs-gray-900:#151b36;

  --bs-primary: #0099ff;
  --bs-secondary: #4f5671;
  --bs-dark: #151b36;
}

:root, [data-bs-theme=dark]{
color-scheme:dark;
--bs-body-color:#ececec;
--bs-body-color-rgb:236,236,236;
--bs-body-bg:#151b36;
--bs-body-bg-rgb:21,27,54;
--bs-secondary-bg:#242b45;
--bs-secondary-bg-rgb:36,43,69;

--bs-link-color: #0099ff;
--bs-link-color-rgb: 0,153,255;
--bs-link-hover-color: #aab2d7;
--bs-secondary-color: #0099ff;
--bs-border-color: #4f5671;

--bs-tertiary-bg: #282e49;

.btn-outline-primary {
    --bs-btn-color: #0099ff;
    --bs-btn-border-color: #0099ff;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0099ff;
    --bs-btn-hover-border-color: #0099ff;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0099ff;
    --bs-btn-active-border-color: #0099ff;
    --bs-btn-disabled-color: #0099ff;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #0099ff;
}

.btn-secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #4f5671;
    --bs-btn-border-color: #4f5671;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #39405b;
    --bs-btn-hover-border-color: #565e64;
    --bs-btn-focus-shadow-rgb: 130, 138, 145;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #565e64;
    --bs-btn-active-border-color: #51585e;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #4f5671;
    --bs-btn-disabled-border-color: #4f5671;
}

/* texto de breadcrumb, cifra original */
/*.btn-group-sm>.btn, .btn-sm {
    --bs-btn-font-size: 0.875rem;
}*/

.h1, .h2, .h3, h1, h2, h3 {
	margin-bottom: 1.5rem;
}
.h4, .h5, .h6, h4, h5, h6 {
	margin-bottom: 0.5rem;
}
.container ul {
	padding-left: 0;
	margin: 10px 0;
	margin-left: 20px;
	margin-bottom: 20px;
	list-style: square; /*inside;*/
}

.cabeza {
	text-align: center;
	background: url("../imagen/fondocabeza16x9.jpg") center no-repeat;
	background-size: cover;
}

.cabeza img {
	max-width: 100%;
}

/*.navbar-brand {
	color: transparent!important;
	width: 670px;
	height: 132px;
	background: url("../imagen/logo-sw-ost-horizontal.png") no-repeat center;
	margin-left: 15px;
}*/
/*@media(max-width:768px) {
.navbar-brand {
	width: 243px;
	height: 80px;
	background: url("../imagen/logo-sw-ost-horizontal-ch.png") no-repeat center;
}
}*/

.navbar-nav .nav-link {
	background: var(--bs-gray-200);
	color: var(--bs-gray-800);
}

.navbar-nav .nav-link:hover, .navbar-nav .active {
	background: var(--bs-primary);
	color: var(--bs-white);
}

.dropdown-item {
	color: var(--bs-gray-200);
}

.titulo {
	text-align: center;
	margin-top: 1rem;
}

.table th, .table td {
	background: none;
}
.table th {
	color: var(--bs-primary);
	text-align: center;
}
.columnas {
	column-width: 240px;
	column-gap: 20px;
}
blockquote {
  margin: 1.2rem 2.5rem 2rem 0;
  padding-left: 2.5rem;
  position: relative;
}
blockquote:before {
  content: "\201C";
  font-size: 5rem;
  line-height: 0px;
  margin: 0;
  color: rgba(255, 255, 255, 0.5);
  font-family: arial, sans-serif;
  position: absolute;
  top: 2.3rem;
  left: 0;
}
blockquote cite {
  display: block;
  font-size: .8rem;
  font-style: normal;
}

blockquote cite:before {
  content: "\2014 \0020";
}

/* ----- Pie de página ----- */

.pie-pagina {
	 background: #030713;
}
.pie-pagina h5 {
	color: var(--bs-blue);
}
.pie-pagina p {
	 margin-right: 30px;
}
.pie-pagina ul {
	list-style: none;
	margin-left: 0;
}
.derecha {
	float: right;
}
.iconos-redes a img {
	max-height: 30px;
	max-width: 30px;
	margin-right: 0;
}
.iconos-redes a img:hover {
	opacity: 0.5;
}

@media(max-width: 992px) {
.pie-pagina p {
	 margin-right: 0;
}
}
@media(max-width: 768px) {
.derecha {
	float: none;
}
}
/* ----- Fin de pie de página ----- */

.list-unstyled li {
	margin-left: 0;
	margin-right: 10px;
}

.recuadro-imagen {
	text-align: center;
}

.recuadro-imagen div {
	text-align: center;
}

.imagen {
	max-width: 400px;
	max-height: 400px;
	border: 1px solid #fff;
	margin-bottom: 25px;
}

/*  -------------
    |           |
    |   Foto    |
    |           |
    -------------
    ---  ---  ---
    |x|  |x|  |x|
    ---  ---  ---  */
.thumbnail-img {
	cursor: pointer;
	max-height: 88px;
	object-fit: cover;
	border: 1px solid #fff;
}
@media(max-width:576px) {
.thumbnail-img {
	max-height: 78px;
}
}

@media(max-width:550px) {
.imagen {
	max-width: 100%;
	max-height: 100%;
	margin-bottom: 25px;
}
}

/* ----- Galería de imágenes ----- */

.seccion-galeria {
	margin-bottom: 20px;
	text-align: center;
	padding: 0;
	border-bottom: 1px solid var(--bs-gray);
}
.galeria {
	text-align: center;
}
.galeria img {
	max-width: 100%;
	max-height: 190px; /*antes 240px*/
	border: 1px solid #fff;
	margin: 0 0 15px 0;
}
.galeria p {
	text-align: center;
}
.list-group {
	margin: 0 0 20px 0;
}
.list-group-item {
	padding: 15px 15px 0 15px;
	border-radius: 1rem;
}
.list-group-item dl {
	margin-bottom: 0;
}
.list-group-item p {
	margin-bottom: 5px;
}
@media(max-width:576px) {
.galeria {
	text-align: left;
}
.list-group-item dl {
	text-align: left;
}
.list-group p {
	text-align: left;
	margin-right: 15px;
}
.galeria img {
	max-width: 100&;
	max-height: 200px;
	margin: 0 0 15px 0;
}
}
/* ----- Fin de galería de imágenes ----- */

/* ----- Opciones grandes ----- */ /* 1rem = 16px .*/
.opciones button {
	width: 100%;
	min-height: 7.5rem;     /* igual a 120px. */
	margin-bottom: 1.5rem;
	font-size: 1.5rem;     /* igual a 24px. */
	border-radius: 1rem;
	/*background: center no-repeat url("../imagen/fondocabeza16x9.jpg");*/
	border: none;
	font-family: 'Archivo Black', sans-serif;
	/*font-weight: bold;*/
	/*text-transform: uppercase;*/
}
/* ----- Fin de opciones grandes ----- */