/**
 * ISEP theme: compatibilidad Bootstrap 3 markup + tipografía de rejilla con Bootstrap 5 CDN.
 * Cargar siempre después de bootstrap.min.css.
 */

/* --- Glyphicons Halflings (eliminados en BS5; mismo origen que Bootstrap 3.4.1) --- */
@font-face {
	font-family: "Glyphicons Halflings";
	src: url("https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/fonts/glyphicons-halflings-regular.eot");
	src: url("https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"),
		url("https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/fonts/glyphicons-halflings-regular.woff2") format("woff2"),
		url("https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/fonts/glyphicons-halflings-regular.woff") format("woff"),
		url("https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/fonts/glyphicons-halflings-regular.ttf") format("truetype"),
		url("https://cdn.jsdelivr.net/npm/bootstrap@3.4.1/dist/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg");
}

.glyphicon {
	position: relative;
	top: 1px;
	display: inline-block;
	font-family: "Glyphicons Halflings";
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.glyphicon-menu-hamburger:before { content: "\e236"; }
.glyphicon-menu-up:before { content: "\e260"; }
.glyphicon-menu-down:before { content: "\e259"; }
.glyphicon-map-marker:before { content: "\e062"; }
.glyphicon-earphone:before { content: "\e182"; }
.glyphicon-envelope:before { content: "\2709"; }
.glyphicon-chevron-left:before { content: "\e079"; }
.glyphicon-chevron-right:before { content: "\e080"; }

/* --- Utilidades Bootstrap 3 faltantes en BS5 --- */
.img-responsive,
.thumbnail > img,
.thumbnail a > img {
	max-width: 100%;
	height: auto;
}

.pull-left {
	float: left !important;
}

.pull-right {
	float: right !important;
}

.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* --- Rejilla col-xs-* (contenido heredado / plantillas; WPBakery a veces mezcla clases) --- */
.row > .col-xs-1 {
	flex: 0 0 auto;
	width: 8.33333333%;
}
.row > .col-xs-2 {
	flex: 0 0 auto;
	width: 16.66666667%;
}
.row > .col-xs-3 {
	flex: 0 0 auto;
	width: 25%;
}
.row > .col-xs-4 {
	flex: 0 0 auto;
	width: 33.33333333%;
}
.row > .col-xs-5 {
	flex: 0 0 auto;
	width: 41.66666667%;
}
.row > .col-xs-6 {
	flex: 0 0 auto;
	width: 50%;
}
.row > .col-xs-7 {
	flex: 0 0 auto;
	width: 58.33333333%;
}
.row > .col-xs-8 {
	flex: 0 0 auto;
	width: 66.66666667%;
}
.row > .col-xs-9 {
	flex: 0 0 auto;
	width: 75%;
}
.row > .col-xs-10 {
	flex: 0 0 auto;
	width: 83.33333333%;
}
.row > .col-xs-11 {
	flex: 0 0 auto;
	width: 91.66666667%;
}
.row > .col-xs-12 {
	flex: 0 0 auto;
	width: 100%;
}

/* --- Anchos de .container como Bootstrap 3 (970px / 1170px) para alinear con isep.es --- */
@media (min-width: 768px) {
	.container:not(.container-fluid) {
		max-width: 750px;
	}
}

@media (min-width: 992px) {
	.container:not(.container-fluid) {
		max-width: 970px;
	}
}

@media (min-width: 1200px) {
	.container:not(.container-fluid) {
		max-width: 1170px;
	}
}

/* Gutter cercano a BS3 (15px + 15px entre columnas) */
.row {
	--bs-gutter-x: 30px;
}

/*
 * Carruseles — este archivo carga DESPUÉS de bootstrap.min.css (CDN).
 * Las reglas en style.css NO pueden ganar a BS5; aquí forzamos aspecto Bootstrap 3 / isep.es.
 * Ref: BS3 indicators (círculos bottom:10px), controls top:0 bottom:0 + chevron al 50%.
 */

/* Hero a ancho completo dentro de #page (misma sensación que isep.es) */
.home .row.header-curso,
.home .row#sliderhome-openday {
	--bs-gutter-x: 0;
	max-width: none;
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

/* Flechas: franja vertical completa + contenido centrado (como glyphicon BS3 al 50%) */
.carousel .carousel-control-prev,
.carousel .carousel-control-next,
.carousel-control.left,
.carousel-control.right {
	top: 0 !important;
	bottom: 0 !important;
	left: auto;
	right: auto;
	transform: none !important;
	height: auto !important;
	min-height: 0 !important;
	width: 15% !important;
	max-width: none;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	padding: 0 !important;
}

.carousel .carousel-control-prev,
.carousel-control.left {
	left: 0 !important;
	right: auto !important;
}

.carousel .carousel-control-next,
.carousel-control.right {
	right: 0 !important;
	left: auto !important;
}

/* PNG en slider destacados: sin desplazamientos raros dentro del flex */
#carousel-openday-top .carousel-control-prev img,
#carousel-openday-top .carousel-control-next img,
#carousel-openday-top .carousel-control.left img,
#carousel-openday-top .carousel-control.right img {
	position: static !important;
	top: auto !important;
	margin: 0 auto;
	display: block;
	max-width: 100%;
	height: auto;
}

/* Iconos SVG del hero un poco más visibles */
#carousel-home-top .carousel-control-prev-icon,
#carousel-home-top .carousel-control-next-icon {
	width: 2.5rem !important;
	height: 2.5rem !important;
}

/* Indicadores tipo BS3: círculos, no barras 30×3 de BS5 */
.carousel .carousel-indicators {
	position: absolute !important;
	z-index: 15 !important;
	right: auto !important;
	left: 50% !important;
	transform: translateX(-50%) !important;
	width: 60% !important;
	max-width: 100%;
	padding: 0 !important;
	margin: 0 0 10px 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	list-style: none;
	justify-content: center !important;
	gap: 0 !important;
	flex-wrap: wrap;
}

.carousel .carousel-indicators [data-bs-target] {
	box-sizing: content-box !important;
	flex: 0 0 auto !important;
	width: 10px !important;
	min-width: 10px !important;
	height: 10px !important;
	padding: 0 !important;
	margin: 1px 4px !important;
	text-indent: -999px !important;
	overflow: hidden !important;
	cursor: pointer !important;
	background-color: transparent !important;
	background-clip: border-box !important;
	border: 1px solid #fff !important;
	border-top: 1px solid #fff !important;
	border-bottom: 1px solid #fff !important;
	border-radius: 10px !important;
	opacity: 0.5 !important;
	transition: opacity 0.25s ease, background-color 0.25s ease, width 0.2s ease, height 0.2s ease !important;
}

.carousel .carousel-indicators [data-bs-target].active {
	width: 12px !important;
	min-width: 12px !important;
	height: 12px !important;
	margin: 0 4px !important;
	background-color: #fff !important;
	border-color: #fff !important;
	opacity: 1 !important;
}

/* Testimonios: puntos grises / activo azul (theme ISEP) */
#carousel-reviews.carousel .carousel-indicators [data-bs-target] {
	width: 15px !important;
	min-width: 15px !important;
	height: 15px !important;
	margin: 0 4px !important;
	border: 3px solid #fff !important;
	border-top: 3px solid #fff !important;
	border-bottom: 3px solid #fff !important;
	border-radius: 50% !important;
	background-color: #d8d8d8 !important;
	opacity: 1 !important;
}

#carousel-reviews.carousel .carousel-indicators [data-bs-target].active {
	background-color: #183861 !important;
	border-color: #d8d8d8 !important;
	border-top-color: #d8d8d8 !important;
	border-bottom-color: #d8d8d8 !important;
	margin: 0 7px !important;
}