/* DHELIRIUM - 2025-11 */
:root{
	--base-cc: #68FE61; /*104,254,97*/
	--base-c: #3BFF31; /*59,255,49*/
	--base: #0DFF00; /*VERDE LOGO 13,255,0*/
	--base-o: #0BDC00; /*11,220,0*/
	--base-oo: #0BDC00; /*11,220,0*/
	--comp-cc: #FFA761; /*255,167,97*/
	--comp-c: #FF8C31; /*255,140,49*/
	--comp: #FF7100; /*NARANJA 255,113,0 */
	--comp-o: #FF7100; /*NARANJA 255,113,0 */
	--comp-oo: #FF7100; /*NARANJA 255,113,0 */
	--rojo: #FF0007; /*ROJO 255,0,7*/
	--gris-cc: #ffffff; /*255,255,255*/
	--gris-c: #CCCCCC; /*204,204,204*/
	--gris: #616161; /*gris LOGO 97,97,97*/
	--gris-o: #333333; /*51,51,51*/
	--gris-oo: #000000; /**/
}
a, a:visited {color:var(--base); text-decoration: underline;}
a:focus, a:hover {color:var(--comp);}
html {
scroll-padding: 220px; /*or whatever*/
}
body {background-image: url(/images/general/fondo-v1.jpg);}
.sin-sp #sp-main-body {padding: 80px 0px 80px 0px !important;}
.sin-sp #sp-main-body .container-inner  {
	background-color: #000;
	padding: 20px;
	border: 1px solid var(--base);
	border-radius: 30px;
}
/*coming-soon*/
h1.coming-soon-title {color: #fff;}
.coming-soon-content {color: #fff; font-size: 1.4rem !important; padding-top: 30px !important;}
/*header*/
#sp-header {background: #000;}
@media (min-width: 1281px) {
  #sp-header {
    height: 120px;
	padding: 10px 0px;
	}
	.pag-inicio {height: calc(100vh - 180px) !important;}
}
@media (min-width: 1025px) and (max-width: 1280px) {
 	.pag-inicio {height: calc(100vh - 180px) !important;}
}
@media (min-width: 768px) and (max-width: 1024px) {

}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

}
@media (min-width: 441px) and (max-width: 767px) {

}
@media (min-width: 320px) and (max-width: 440px) {
  #sp-header {
    height: 100px;
	padding: 10px 0px;
	}
}
/*menu*/
#sp-menu {
    display: flex;
    justify-content: right;
}
.usuario.sp-menu-heading {
	border: 1px solid var(--base);
	border-radius: 30px;
	background-color: var(--base);
	color: var(--gris-oo) !important;
    padding: 0px 20px !important;
    line-height: 40px !important;
	margin: 0px 0px 0px 20px !important;
}
a.gestor {
	border: 1px solid var(--base);
	border-radius: 30px;
	background-color: transparent;
	color: var(--base) !important;
    padding: 0px 20px !important;
    line-height: 40px !important;
	margin: 0px 0px 0px 20px !important;
}
a.gestor:hover {
	color: #888 !important;
}
.gestorp .list-unstyled {
	display:none;
}
.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span {
    padding: 0 10px;
	color: #888;
}
.sp-megamenu-parent>li.active>a {
    font-weight: 300;
	color: var(--base);
}
.sp-megamenu-parent>li>a:hover, .sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active>a:hover {
    color: var(--base);
}
.sp-megamenu-parent .sp-dropdown.sp-dropdown-main {
    background-color: transparent;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item {
    text-align: center;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #000;
    border: 1px solid var(--base);
    border-radius: 30px;
	padding: 10px 20px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 18px !important;
	color: #888;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover  {
    color: var(--base);
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: var(--base);
}
.burger-icon>span {
    background-color: #fff;
}
.offcanvas-active .burger-icon>span, #modal-menu-toggler.active .burger-icon>span {
    background-color: var(--base);
}
.offcanvas-menu {
    background-color: #000;
}
.offcanvas-menu .offcanvas-inner ul.menu li.active a {
    color: var(--base);
}
.offcanvas-menu .offcanvas-inner ul.menu>li a, .offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #fff !important;
}
.offcanvas-inner ul.menu>li span {
    color: #fff;
}
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.nav-header>.menu-toggler:after {
    color: #fff;
}
.offcanvas-menu .offcanvas-inner ul.menu>li li a {
    color: #fff;
	text-decoration: none;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
    font-size: 16px;
    padding: 10px 0px;
}
/*botones*/
.btn, .sppb-btn {
	border-radius: 30px;
	padding: 8px 24px !important;
	text-decoration: none !important;
	font-family: 'Oswald', sans-serif !important;
	font-size: 120% !important;
}
.btn-success, .sppb-btn-success {
    color: var(--comp)  !important;
    background-color: transparent !important;
    border-color: var(--comp) !important;
}
.btn-success:hover, .sppb-btn-success:hover{
    color: var(--base)  !important;
    background-color: transparent !important;
    border-color: var(--base) !important;
}
.btn, .sppb-btn-default {
    color: var(--gris-oo) !important;
    background-color: var(--base) !important;
    border-color: var(--base) !important;
}
.btn:hover, .sppb-btn-default:hover{
    color: var(--gris-cc) !important;
    background-color: var(--comp) !important;
    border-color: var(--comp) !important;
}
.btn-primary, .sppb-btn-primary {
    color: var(--gris-cc)  !important;
    background-color: var(--comp) !important;
    border-color: var(--comp) !important;
}
.btn-primary:hover, .sppb-btn-primary:hover {
    color: var(--gris-oo)  !important;
    background-color: var(--base) !important;
    border-color: var(--base) !important;
}
.btn-info, .sppb-btn-info {
    color: var(--gris-cc) !important;
    background-color: var(--rojo) !important;
    border-color: var(--rojo) !important;
}
.btn-info:hover, .sppb-btn-info:hover{
    color: var(--gris-cc)  !important;
    background-color: var(--comp) !important;
    border-color: var(--comp) !important;
}
.btn-secondary, .sppb-btn-secondary {
    color: var(--base) !important;
    background-color: transparent !important;
    border-color: var(--base) !important;
}
.btn-secondary:hover, .sppb-btn-secondary:hover{
    color: var(--comp)  !important;
    background-color: transparent !important;
    border-color: var(--comp) !important;
}

/*perfil de usuario*/
.com-users-profile__edit-submit.control-group {margin-top: 30px;}
legend {
	font-size: 2.3rem;
    font-weight: 600;
    color: var(--base) !important;
}
.com-users-profile__edit-submit.control-group .btn-danger {
	display: none;
}
.mod-login__options .list-group-item {background-color: #000;}
a.mod-login__remind.list-group-item, a.mod-login__register.list-group-item {display:none;}

/*blog*/
.blog #sp-main-body {padding:70px 0px 50px 0px;}
.article-info>span a:hover {
    color: var(--gris);
}
.article-details .article-info {
    margin-bottom: 0;
}
.article-list .article .article-header h1, .article-list .article .article-header h2 {
    font-size: 2rem;
}
.article-social-share .social-share-icon ul li a:hover, .article-social-share .social-share-icon ul li a:focus {
    background: var(--gris);
}
.article-social-share .social-share-icon ul li a {
    color: var(--base-o);
}
.blog .article-list .article .article-intro-image {
    margin: 0;
	border-bottom: 0px;
}
.blog .article-list .article .article-intro-image img, .blog .article-list .article .article-featured-video img, .blog .article-list .article .article-featured-audio img, .blog .article-list .article .article-feature-gallery img {
    border-radius: 0px;
    border: 0px solid #d2d2d2;
}
.blog .article-list .article {
    display: grid;
    /*grid-template-columns: .6fr 1fr;*/
    gap: 1em;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    margin-bottom: 30px;
    margin-top: 10px;
	border: 0px solid #f5f5f5;
    border-radius: 0px;
	background-color: #fff;
	box-shadow: -6px 10px 10px 0px rgb(221, 221, 221);
}
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	.blog .article-list .article {
		grid-template-columns: 10fr;
	}
}
/* iPads  PC (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1824px) {
	.blog .article-list .article {
		grid-template-columns: .6fr 1fr;
	}
}
.blog .article-list .article .article-header h2 {
    margin: 0.8rem 0 1.25rem 0;
}
.blog .article-list .article .article-header h1 a, .blog .article-list .article .article-header h2 a {
    color: var(--base);
	text-decoration: none !important;
}
.blog .article-list .article .article-header h1 a:hover, .blog .article-list .article .article-header h2 a:hover {
    color: var(--gris);
}
.blog .article-list .article .readmore a {
    color: var(--base);
	text-decoration: none !important;
}
.blog .article-list .article .readmore a:hover, .blog .article-list .article .readmore a:active, .blog .article-list .article .readmore a:focus {
    color: var(--gris);
}
.article-details.blog  {
    background-color: #fff;
    box-shadow: -6px 10px 10px 0px rgb(221, 221, 221);	
}
.article-details.blog .article-header h1, .article-details.blog .article-header h2 {
    font-size: 2.8rem;
}
.article-details.blog .page-header  {
    display:none;
}
@media only screen and (max-width : 360px) {
	.article-details.blog {padding: 30px 10px 0px 10px;}
}
@media only screen and (min-device-width : 700px) and (max-device-width : 1824px) {
	.article-details.blog {padding: 30px 20px 0px 20px;}
}
.article-details.blog img {
	border: 1px solid #d2d2d2;
	margin-bottom: 10px;
}
/*paginacion*/
.pagination>li>a, .pagination>li>span {
    color: var(--gris-cc);
}
.page-link, .disabled>.page-link, .page-link.disabled {
    border-color: var(--gris-cc);
    background-color: #000;
	color: #fff;
}
.pagination>.active>a, .pagination>.active>span {
    border-color: var(--gris-cc);
    background-color: var(--base);
	color: var(--gris-oo);
}
.page-link:hover, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span:hover, .pagination>.active>span:focus {
    border-color: var(--gris-cc);
    background-color: #000;
	color: var(--base) !important;
}

/*eventos*/
#eb-individual-registration-page  .eb-container  .eb-container-j4 {
    background-color: #000 !important;
}
.text-info {color: var(--comp) !important;}
h1.eb-page-heading, h1.eb_title {color: var(--base); padding: 0px 0px 20px 0px; font-size:2rem;}
h3.eb-heading {margin: 30px 20px 20px 0px;}
.eb-box-heading {
    border-radius: 30px 30px 0 0;
    background: #000;
	padding: 20px 0px 0px 20px;
    border: 1px solid #0DFF00;
	border-bottom: none;
}
#eb-event-page h1.eb-page-heading  {
    color: var(--base);
}
#eb-event-page .eb-description, #eb-events .eb-description {
    background: #000;
    border-bottom: 1px solid var(--base);
    border-left: 1px solid var(--base);
    border-right: 1px solid var(--base);
    border-radius: 0 0 30px 30px;
    padding: 20px;
}
a.eb-event-title-link, a.eb-event-title {
    pointer-events: none; 
    cursor: default;
	text-decoration: none !important;
}
#eb-events .eb-description {
    background: #000;
    border-bottom: 1px solid #0DFF00;
    border-left: 1px solid #0DFF00;
    border-right: 1px solid #0DFF00;
    border-radius: 0 0 30px 30px;
    margin: 0;
    padding: 20px;
}
.table, .table2 {
    --bs-table-color: #fff !important;
    --bs-table-striped-color: #fff !important;
	--bs-table-hover-color: #fff !important;
}
.table2 td {
  border: #fff 1px solid;
  padding: 4px;
}
.table2 table{
	margin-bottom: 20px;
}
/*formato grid*/
.eb-event-item-grid-default-layout {
    padding: 0px 0px 10px 0px;
    border-radius: 30px;
    border: 1px solid var(--base);
    background: #000;
}
.eb-event-item-grid-default-layout .eb-event-title-container {
    font-size: 2rem;
    padding: 0px 0px 0px 10px;
	font-weight: 400;
}
.eb-event-item-grid-default-layout .eb-event-date-time {
    padding: 0px 0px 0px 10px;
}
.eb-event-item-grid-default-layout>div:not(.eb-event-thumb-container) {
    padding: 0px 0px 0px 10px;
}
.eb-event-item-grid-default-layout .eb-event-thumb-container img {
    border: none;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
.eb-event-item-grid-default-layout .eb-event-thumb-container>a {
    pointer-events: none;
    cursor: default;
}
/*formato timeline*/
.eb-event-container {
    background-image: none;
}	
.eb-event-date {
    height: 70px;
    width: 70px;
}
.bg-primary {
    background-color: var(--comp) !important;
}
.eb-event-date-container {
    background: var(--comp) !important;
}
.eb-event-date-day, .eb-event-date-month, .eb-event-date-year {
    color: #fff;
}
.eb-event-price-container .eb-individual-price {
    color: #fff;
    padding: 10px 20px;
}
.eb-event-price-container {
    border-radius: 30px;
}
.eb-events-timeline .eb-taskbar {
    padding: 10px 0;
    border-bottom: 0px dotted #a5a5a5;
}
.eb-taskbar .btn-secondary {
/*ocultar el boton de detalles en la lista de eventos*/
	display:none;
}
/*listado de registros*/
.chosen-container-single .chosen-single {
	color: #495057;
    font-size: 1rem;
    padding: 12px 0.5rem;
    font-family: inherit;
    line-height: 1.25rem;
    border-radius: 3px;
    height: 2.9rem;
}
.chosen-container-active .chosen-single {
    border: 1px solid var(--base);
}
/*.chosen-container {
    width: 40% !important;
}*/
/*quitar busqueda en mis eventos*/
.sin-busqueda .btn-toolbar {display: none;}
/*miguitas*/
.breadcrumb {
    padding: 5px 0px !important;
    background-color: #000;
    border-radius: 0px;
    font-size: 0.7rem;
    border-top: 1px solid #333;
    margin: 0px;
}
.fa-fw, .icon-fw {
    padding-right: 5px !important;
}
/*scaner*/
img .qr, #reader__scan_region {
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
}
.qr .eb-container img {
    width: 130px !important;
    margin-bottom: 30px;
}	
#reader {
    border: 0px solid silver !important;
}
/*mensaje alerta*/
.alert-info {
    --bs-alert-color: var(--comp);
    --bs-alert-border-color: #000;
    padding: 0px;
    font-size: 0.9rem;
    font-weight: bold;
	--bs-alert-bg: #000;
}
/*footer*/
#sp-footer {
	background: #000;
	box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.1);
}
#sp-footer .container-inner {
    padding: 0px 0;
    border-top: 1px solid rgba(255, 255, 255, .1);
}