html,
body {
	height: 100%;
	font-size: 16px !important;
}

body {
	background-image: url(./../../img/2025/250115_P357_5770_OncTime\ 2025_web_11_fondo.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top right !important;
	padding-left: 0 !important;
	background-attachment: fixed !important;
}

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}

::-webkit-scrollbar-track {
	background: transparent;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb {
	background: #70b1d2;
	border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
	background: #70b1d2;
}

.small {
	font-size: 0.875rem !important;
}

.mt-15 {
	margin-top: 15rem;
}

.form-check-input[type="radio"] {
	border-radius: 0px !important;
	opacity: 1 !important;
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	padding-right: var(--mdb-gutter-x, 2rem);
	padding-left: var(--mdb-gutter-x, 2rem);
}

@media (min-width: 768px) {
	.my-md-6 {
		margin-top: 6rem !important;
		margin-bottom: 6rem !important;
	}

	.mt-md-6 {
		margin-top: 6rem !important;
	}
}

.cursor-pointer {
	cursor: pointer !important;
}

.alert {
	border: 1px solid var(--color-blue);
	color: var(--color-white);
	background-color: var(--color-blue-2);
	border-radius: 0;
}

.register-verify .form-check-input[type="checkbox"] {
	margin-right: 0px !important;
}

* {
	font-family: var(--font) !important;
}

.nav-item {
	position: relative;
}

.navbar {
	box-shadow: none;
}

.nav-link {
	text-align: center;
}

.active span {
	font-family: var(--font-bold) !important;
}

.nav-link.active::before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	bottom: 0px;
	transform: translate(-50%, -50%);
	width: 5px;
	height: 5px;
	bottom: -5px;
	border-radius: 50px;
	background: var(--color-white);
}

.min-svg {
	min-width: 120px !important;
	width: 120px !important;
}

hr {
	border-color: var(--color-white) !important;
	background-color: var(--color-white) !important;
	opacity: 1 !important;
	height: 1px !important;
}

a {
	color: var(--color-white) !important;
	/* font-weight: 600; */
}

#content-form-login {
	margin-top: 9em !important;
}

video {
	position: fixed;
	z-index: 0;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
}

@media (max-width: 575.98px) {
	video {
		height: 140% !important;
	}
}

/* Add some content at the bottom of the video/page */
.content {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	color: var(--color-white);
}

footer {
	margin-top: auto !important;
}

/* header{
   height: 100px !important;
} */

/* .navbar-brand img{
    min-width: 300px;
    max-width: 400px;
    width: 80%;
} */

.header-register-verify {
	position: relative !important;
}

.select-wrapper:before {
	content: "";
	background: url(../../img/downward-arrow.png) no-repeat center;
	background-size: 30px 30px;
	font-family: FontAwesome;
	text-align: center;
	border-top: 2px solid white;
	font-size: 2em;
	color: #fff;
	display: inline-block;
	width: 100%;
	height: 45px;
	position: absolute;
	right: 0;
	bottom: 0;
	pointer-events: none;
}

select option {
	background-color: var(--color-white);
	color: var(--color-blue-3);
	font-weight: bold;
	padding: 1em !important;
}

select option:checked,
select option:hover {
	background-color: var(--color-blue-3) !important;
	color: var(--color-white);
}

.form-select {
	filter: brightness(0) invert(1) !important;
	cursor: pointer !important;
}

.form-control {
	border: none !important;
	background-color: transparent !important;
	border-radius: 0px;
	background-color: transparent !important;
	border: 1px solid var(--color-white) !important;
	text-align: center;
	/* font-weight: 600; */
	font-size: 0.9rem;
	color: var(--color-white) !important;
}

.form-control::placeholder {
	color: var(--color-white) !important;
}

/* .form-control:focus,
.form-select:focus {
	border-color: var(--color-warning) !important;
	box-shadow: none;
}

.form-control:focus::placeholder {
	color: var(--color-warning) !important;
} */

.form-check-input[type="checkbox"]:checked {
	background-color: var(--color-warning) !important;
}

.form-check-input:checked:focus,
.form-check-input:checked {
	border-color: var(--color-white) !important;
}

.form-check-input:checked:focus:before {
	box-shadow: 0 0 0 13px var(--color-white) !important;
}

.form-check-input[type="radio"]:checked:after {
	border-color: var(--color-blue-3);
	background-color: var(--color-blue-3);
}

.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
	opacity: 1 !important;
	color: var(--color-white) !important;
}

.btn-main {
	display: block;
	width: 100%;
	outline: none;
	box-shadow: none;
	font-family: var(--font-bold) !important;
	border: none;
	overflow: hidden;
	background: var(--color-blue);
	color: white;
	border: 2px solid var(--color-blue) !important;
	padding-top: 4px;
	padding-bottom: 3.28px;
	transition: all 300ms;
}

.btn-main span {
	font-family: var(--font-bold) !important;
}

.btn-main.disabled {
	cursor: not-allowed;
	opacity: 0.4;
}

#form-login {
	max-width: 458px;
	min-width: 268px;
	width: min-content;
	margin: 0 auto !important;
}

.btn-main:hover {
	background-color: var(--color-blue);
	transform: scale(1.02);
}

.scale {
	transition: scale 300ms;
}

.scale:hover {
	transform: scale(1.04);
}

.btn-main.check {
	position: relative;
}

.invalid-feedback {
	position: relative !important;
	margin-block: 0.5rem !important;
	color: var(--color-white);
}

.position-logo {
	position: relative;
	left: -116px;
}

@media (max-width: 557px) {
	.position-logo {
		position: relative;
		left: 0px;
		width: 100%;
	}
}

/* .badge-danger{
	color: var(--color-white);
	background-color: var(--color-blue-3);
	border: 1px solid var(--color-white);
} */

.check {
	background-image: url(./../../img/check-box.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.list-group-light .list-group-item {
	border-color: var(--color-white);
}

.list-group-light > .list-group-item {
	border-width: 0 0 1px;
}

.card {
	background: rgb(255, 255, 255);
	background: linear-gradient(
		180deg,
		rgba(255, 255, 255, 1) calc(65%),
		rgba(0, 212, 255, 0) 100%
	);
	box-shadow: none;
}

.resources canvas {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	display: block;
	transform-origin: center center;
}

.resources canvas {
	transform-origin: center center;
}

@media (max-width: 991px) {
	.resources canvas {
		top: 5.5%;
	}
}

@media (max-width: 557px) {
	.resources canvas {
		top: 7%;
	}
}

/* .list-alphabet {
	list-style: none; 
	counter-reset: alphabet-counter; 
}

.list-group-numbered > li:before {
	color: var(--color-blue);
}

.list-alphabet li::before {
	color: var(--color-blue);
	content: counter(alphabet-counter, lower-alpha) ") " !important; 
	counter-increment: alphabet-counter !important; 
	width: 16px;
} */

#section-contact textarea {
	border: none !important;
	background-color: transparent !important;
	border-radius: 0px;
	border: 3px solid var(--color-blue) !important;
	text-align: center;
	font-weight: 600;
	margin-top: 1em;
	color: var(--color-blue) !important;
	resize: vertical;
}

#section-contact textarea::placeholder {
	line-height: 7em;
	text-align: center;
	font-size: 2em;
	font-weight: 300;
}

#section-contact .form-control::placeholder {
	color: var(--color-blue) !important;
}

#section-contact .form-control:focus {
	border-color: var(--color-warning) !important;
	box-shadow: none;
}

#section-practice .row {
	margin-right: 0px !important;
}

/* #section-home.container {
	max-width: 1140px !important;
} */

#content-foros .content-foro {
	min-width: 230px;
	max-width: 230px;
	/* height: 350px; */
	height: 410px;
	position: relative;
}

#content-foros .content-foro .header {
	height: 14%;
}

#content-foros .content-foro .header svg {
	padding-block: 1rem;
	border-inline: 1px solid var(--color-white);
	border-top: 1px solid var(--color-white);
}

#content-foros .content-foro .content-text {
	height: 80%;
	position: relative;
}

#content-foros .content-foro:hover svg {
	background-color: rgb(4, 34, 48, 0.6);
}

#content-ponencias {
	max-width: 1455px !important;
}

#content-foros .content-foro:hover .content-text,
#content-ponencias .content-ponencia:hover .content-text,
#content-formations .content-formation:hover {
	background-color: rgb(4, 34, 48, 0.6);
}

.view {
	background-color: rgb(4, 34, 48, 0.6) !important;
}

.content-text .cursor-disabled {
	cursor: not-allowed !important;
}

#content-ponencias .content-ponencia {
	min-width: 230px;
	max-width: 250px;
	height: 220px;
	position: relative;
}

#content-ponencias .content-ponencia .content-text {
	height: 100%;
	position: relative;
}

.btn-ponente {
	cursor: zoom-in !important;
}

/* #content-ponencias .content-ponencia .header{
	height: 20%;
} */
.box-ponente {
	width: 255px;
}

/********************
 * SECTION CALENDAR *
 ********************/

#content-calendar,
#content-calendar > div {
	height: 100%;
}

#content-calendar #box {
	border: 1px solid var(--color-white);
	background-color: transparent;
	min-width: 500px;
	max-width: 600px;
	width: 100%;
}

#content-calendar #box #box-header {
	border-bottom: 1px solid var(--color-white);
	background-color: var(--color-blue);
	font-weight: lighter;
	height: 60px;
	text-transform: uppercase;
	font-size: 2em;
	display: flex;
	justify-content: left;
	align-items: center;
}

#content-calendar #box #box-footer {
	border-bottom: 1px solid var(--color-white);
	background-color: transparent;
	font-weight: lighter;
	text-transform: uppercase;
	font-size: 1.5em;
	display: flex;
	justify-content: center;
	align-items: center;
}

#content-calendar #box #box-content {
	font-size: 1.5em;
}

.logo-home {
	width: 250px !important;
}

.logo-gecp {
	width: 93px !important;
}

/* Móvil (hasta 767px) */
@media (max-width: 767px) {
	body {
		background-image: url("../../img/2025/250115_P357_5770_OncTime\ 2025_web_13_fondo_movil.png");
	}

	.logo-home {
		width: 150px !important;
	}

	.logo-gecp {
		width: 80px !important;
	}
	.small {
		font-size: 12px !important;
	}
}

/* Tablet (768px a 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
	body {
		background-image: url("../../img/2025/250115_P357_5770_OncTime\ 2025_web_14_fondo_tablet.png");
	}

	.logo-home {
		width: 200px !important;
	}

	.logo-gecp {
		width: 80px !important;
	}
	.small {
		font-size: 12px !important;
	}
}

/* Escritorio (1025px y mayores) */
@media (min-width: 1025px) {
	body {
		background-image: url("../../img/2025/250115_P357_5770_OncTime\ 2025_web_11_fondo.png");
	}

	.logo-home {
		width: 250px !important;
	}

	.logo-gecp {
		width: 93px !important;
	}
}

/* FOOTER DOCTAFORUM */

.site-footer {
	background-color: #333333;
	color: white;
	padding: 0;
	width: 100%;
	display: flex;
	justify-content: center;
}

.site-footer .container {
	max-width: 100%;
	margin: 0 auto;
	padding: 20px 40px 0px 40px;
	display: flex;
	/* justify-content: space-between;
	align-items: end; */
	height: 128px;
}

.site-footer .footer-links {
	display: flex;
	/* align-items: center;
	justify-content: end; */
	/* width: 100%; */
	margin-left: auto;
}

.site-footer .footer-links a {
	color: white;
	text-decoration: none;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 500 !important;
	height: 50px;
	font-family: Aptos-Light !important;
}

.tarteaucitron-button-text{
color: #333333 !important;
}

.site-footer .cookie-button {
	background-color: #97c579;
	color: #333;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	cursor: pointer;
	font-size: 12px;
	width: 130px;
	height: 40px;
	font-weight: 500;
	visibility: hidden;
	font-family: Aptos-Light !important;
}

.footer-content {
	display: flex;
	justify-content: end;
	align-items: end;
	width: 100%;
}

/* .site-footer .footer-logo {
	padding-block: 18px;
} */

.site-footer .footer-logo span {
	font-family: Aptos-Light !important;
	font-size: 12px;
}

#tarteaucitronIcon{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	bottom: 0px !important;
	right: 40px !important;
}

#tarteaucitronIcon #tarteaucitronManager{
	background-color: #97c579 !important;
	color: #333 !important;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	cursor: pointer;
	font-size: 12px;
	width: 130px;
	height: 40px;
	font-weight: 500;
	font-family: Aptos-Light !important;
}

#tarteaucitronRoot span{
	font-family: Aptos-Light !important;
	font-size: 12px;

}

#tarteaucitronIcon #tarteaucitronManager:hover{
	scale: 1 !important;
}

/* Media query para móviles (hasta 767px) */
@media only screen and (max-width: 767px) {


	.site-footer .container {
		height: 160px !important;
	}

	.site-footer .footer-links a,
	.site-footer .cookie-button,
	.site-footer .footer-logo span,
	#tarteaucitronRoot span{
		font-size: 13px !important;

	}


	.site-footer .footer-links a{
	height: fit-content;

	}
}

/* Media query para tablets (768px a 1023px) */
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.site-footer .footer-links a,
	.site-footer .cookie-button,
	.site-footer .footer-logo span,
	#tarteaucitronRoot span{
		font-size: 12px !important;

	}

	.site-footer .footer-links a{
		height: fit-content;

	}

	#tarteaucitronIcon #tarteaucitronManager,.site-footer .cookie-button {
		font-size: 12px !important;
		width: 163px !important;
		height: 50px !important;
	}
	
	.site-footer .container {
		padding: 20px 40px 0px 40px;
		height: 162px !important;
	}

}

/* Media query para portátiles y escritorios (1024px en adelante) */
@media only screen and (min-width: 1024px) {

	.site-footer .footer-links a,
	.site-footer .cookie-button,
	.site-footer .footer-logo span,
	#tarteaucitronRoot span{
		font-size: 14px !important;

	}

	.site-footer .container {
		padding: 20px 40px 0px 40px;
		height: 162px !important;
	}


	.site-footer .footer-links a{
		height: 50px;

	}

	#tarteaucitronIcon #tarteaucitronManager,.site-footer .cookie-button {
		font-size: 12px !important;
		width: 163px !important;
		height: 50px !important;
	}

}