/*** GENERAL ***/
.color-blue {
    color: #434C95!important;
}
.color-light-blue {
    color: #4C76BA!important;
}
.color-whatsapp {
    color: #4aae20;
}
.color-telegram {
    color: #0088cc;
}
.bg-grey {
    background:#F3F6F9;
}
.icon-1-5x {
    font-size: 1.5rem !important;
}
.bg-light-blue {
    background-color: #4C76BA;
}
.bg-blue {
    background-color: grey;
}

/*** LEFT ***/
.aside .aside-secondary .aside-workspace {
    width: 100%;
}
.descripcion-centro {
    margin: 2rem 0;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 2rem;
}
.descripcion-centro p {
    margin: 0;
    font-size: 16px;
}
.block-left {
    /* margin: 2rem 0;
    padding-bottom: 2rem; */
    margin: 3.5rem 0;
    padding-bottom: 3.5rem;
    border-bottom: 1px solid #eeeeee;
}
.block-left h3 {
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    font-size: 1.3rem;
}
.block-left h3 i {
    color: #4C76BA;
    margin-right: 10px;
}
.logo-footer {
    text-align: center;
}
.logo-footer img {
    width: 60px;
    margin: 0 auto;
}
.logo-top {
    text-align: center;
    margin-bottom: 80px;
}
.logo-top img {
    /* width: 250px; */
    /*width: 50%;*/
	width: 75%;
    margin: 0 auto;
}


/*** HEADER TITLE ***/



/*** MENU FOOTER ***/
#kt_footer {
    background: #4C76BA;
    /* background: #434C95; */
    height: auto;
    z-index: 999;
}
.nav-menu-k .nav-link {
    padding:2rem;
    border-left:1px solid #ffffff;
    color:#ffffff;
    text-align: center;
    display: block;
    /* font-weight: 300!important; */
    width: 225px;
    text-transform: uppercase;
}
.nav-menu-k .nav-link:hover,
.nav-menu-k .nav-link:active,
.nav-menu-k .nav-link:focus,
.nav-menu-k .nav-link.active {
    background:#ffffff;
    color:#434C95!important;
}
.nav-menu-k .nav-link i {
    color:#ffffff;
    font-weight: 900!important;
}
.nav-menu-k .nav-link:hover i,
.nav-menu-k .nav-link:active i,
.nav-menu-k .nav-link:focus i,
.nav-menu-k .nav-link.active i {
    color:#434C95!important;
}
.nav-menu-k .nav-link:last-child {
    border-right:1px solid #ffffff;
}

/*** INICIO ***/
.card-espaciogeo {
    display: flex;
    align-items: center;
    justify-content: center;
    height:310px;
}
.card-espaciogeo.card-auto {
    height:auto!important;
}
.card.card-custom.card-auto > .card-body {
    padding:2.2rem 2.25rem;
}
.card-espaciogeo .card-body {
    min-height: unset;
    -webkit-box-flex: unset;
    flex: unset;
    padding: 0;
}
.card-espaciogeo .card-title-e {
    color:#ffffff;
    text-transform: uppercase;
}
.card-espaciogeo .card-icon i {
    color:#ffffff;
    font-size: 5rem;
}
.card-espaciogeo.card-auto .card-icon i {
    font-size: 3rem;
    margin-bottom: .5rem;
}
.card-espaciogeo .card-icon {
    text-align: center;
}
.card-hover-blue:hover,
.card-hover-blue:active,
.card-hover-blue:focus {
    background-image:none!important;
    background-color: #434C95!important;
}
.card-hover-light-blue:hover,
.card-hover-light-blue:active,
.card-hover-light-blue:focus {
    background-image:none!important;
    background-color: #4C76BA!important;
}
.card-hover-green:hover,
.card-hover-green:active,
.card-hover-green:focus {
    background-image:none!important;
    background-color: #434C95!important;
}

/*** CALCULADORA ***/
.sidebar-calculadora {
    background: #ffffff!important;
    height: auto!important;
}
.item-selected .item-selected-name {
    background: #F3F6F9!important;
}
.item-selected .item-selected-number {
    background: #F3F6F9!important;
    border-right-color: #ffffff!important;
}
.box-calculadora {
    background:#ffffff!important;
}
.box-calculadora .box-calculadora-add .add-number {
    /* width: 162px!important; */
}
.box-calculadora .box-calculadora-select select {
    font-family: 'Heebo', sans-serif;
}

@media (min-width: 768px) {
    .hidden-xs {
        display: block;
    }
    .visible-xs {
        display: none;
    }
}
@media (max-width: 767px) {
    .hidden-xs {
        display: none;
    }
    .visible-xs {
        display: block;
    }
}


/*** CONTRATAR ONLINE ***/
#iframe-contrata iframe {
    width: 100%;
    /* min-height: 650px; */
    min-height: 706px;
    overflow-y: hidden;
    border: 0px;
}

.gal {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
    margin-bottom:60px;
}	
.gal img{ width: 100%; padding: 7px 0;}
@media (max-width: 500px) {	
		.gal {
	-webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
	}	
}
.nav-kiosko {
    background:#ffffff;
    border-bottom-color:#ffffff;
}
.nav-kiosko .nav-link {
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    padding: 0.85rem 1rem!important;
    margin: 0!important;
    border-radius:0px!important;
}
.nav.nav-tabs.nav-tabs-line.nav-kiosko .nav-link:hover:not(.disabled), .nav.nav-tabs.nav-tabs-line.nav-kiosko .nav-link.active,
.nav.nav-tabs.nav-tabs-line.nav-kiosko .show > .nav-link {
    border-bottom-color: #434C95!important;
    background: #434C95!important;
    color:#ffffff!important;
}
.h2-gallery {
    text-align: center;
    margin: 30px 0;
    text-transform: uppercase;
    font-size: 28px;
    color: #4C76BA;
}
.video-fancy p {
    text-align: center;
    color: #464E5F;
    font-size: 20px;
    font-weight: 500;
}
.video-fancy:hover p,
.video-fancy:focus p,
.video-fancy:active p {
    color: #4C76BA;
}

iframe .ContratarBox {
    max-width:100%!important;
}

#calculadora-grid {
    margin-bottom:3rem;
}

    @media (min-width:1200px) and (max-width:1626px) {
        .aside-secondary-enabled .aside {
            width: 350px!important;
        }
        .aside-secondary-enabled.aside-fixed .wrapper {
            padding-left: 350px!important;
        }
        .aside-fixed.aside-secondary-enabled.footer-fixed .footer {
            left: 350px!important;
        }
        .nav-menu-k .nav-link {
            width: 20%!important;
        }
        .card-espaciogeo {
            height: 210px;
        }
        .subheader {
            margin-bottom: 2.5rem!important;
        }
        .box-calculadora .box-calculadora-add .add-btn {
            width:24%!important;
        }
        .box-calculadora .box-calculadora-add .add-number {
            width:50%!important;
        }
        .video-fancy p {
            font-size: 16px;
        }
    }

    .bg-white {
        background:#f8f9fa!important;
    }
    .overflow-hidden,
    .overflow-hidden html {
        overflow: hidden!important;
    }
    .aside-fixed .aside {
        position:fixed!important;
    }
    #videos .gal .video-fancy {
        /* clear: both;
        overflow: hidden;
        display: block!important; */
    }
    #videos .gal {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }

    .box-calculadora .box-calculadora-select {
        width: 200px;
    }
    .box-calculadora .box-calculadora-title {
        width: 200px;
    }
    .box-calculadora .box-calculadora-img {
        width: 120px;
    }
    .box-calculadora .box-calculadora-add {
        width: 160px;
    }
	@media (min-width:992px) {
        .aside-secondary-enabled.aside-fixed .wrapper {
            /*padding-left: 326px;*/
			padding-left: 250px;
        }
        #kt_content {
            padding-bottom: 0px;
        }
		.aside-secondary-enabled .aside{
			width: 250px;
		}
		#iframe-contrata{
			flex: unset;
			/*width: 600px;*/
			margin: auto;
		}
    }
    
/* CSS NUEVO */
@media(min-width:992px) {
  .aside.aside-left {
      display: none !important;
  }
}

.aside-secondary-enabled.aside-fixed .wrapper.fila-princ {
padding-left: 0 !important;
}

/* Topbar base */
.topbar {
display: flex;
align-items: center;
gap: 1.25rem;
flex-wrap: wrap;
background-color:white !important;
}

/* Cada bloque dentro de la topbar */
.topbar-item {
display: flex;
align-items: center;
gap: .75rem;
}

/* Empuja el bloque de ayuda al final (después de los dos logos) */
.topbar .topbar-help {
margin-left: auto;
display: flex;
align-items: center;
gap: 1rem;
}

/* Ajustes visuales de las imágenes de logo */
.topbar .logo-top img,
.topbar .logo-footer img {
max-height: 48px;
height: auto;
width: auto;
}

/* Mejoras de responsive */
@media (max-width: 768px) {
.topbar .topbar-help {
  margin-left: 0;
  width: 100%;
  justify-content: flex-start;
  gap: .75rem;
}

.topbar .list {
  display: flex;
  gap: .5rem;
}

.topbar .list>.list-item {
  margin-bottom: 0 !important;
}
}

.topbar-item.logo-top {
margin-bottom: 0 !important;
margin-right: 15px !important;
}

.flex-column-fluid.page.estilo-horiz {
flex-direction: column !important;
}
.topbar .topbar-help {
margin-left: auto;
display: flex;
align-items: center;
gap: 1rem;
}
.topbar-item.logo-top img {
  max-height: 30px !important;
}

.info-contacto .list.list-hover .list-item .symbol-label.bg-white {
    background-color: transparent !important;
}
@media (max-width: 1399px) and (min-width: 992px) {
    .container {
        max-width: 100% !important;
    }
}
@media (min-width: 1400px) {
    .container {
        max-width: 1740px !important;
    }
}
@media (max-width: 991.98px) {
    .header-mobile-fixed .wrapper.fila-princ {
        padding-top: 15px;
    }
}
.info-contacto .list.list-hover .list-item.bg-grey {
     background-color: white !important;
}
.container.row-inicio {
    margin-top: 40px !important;
}
.container.container-iframes {
    max-width: 100% !important;
    padding: 0 !important;
}
@media(min-width: 843px) {
    .gal.gal-medidas {
        column-count: 4 !important;
    }
    .gal.gal-gap {
        column-count: 3 !important;
    }
}
.video-fancy:hover p, .video-fancy:focus p, .video-fancy:active p {
    color: #7c7e81 !important;
}
.gal.gal-gap {
    gap: 20px !important;
}
@media(max-width:767px) {
    .gal.gal-gap {
        flex-wrap:wrap !important;
    }
}
#iframe-contrata p.no-disp {
    font-size: 15px;
}
.container-iframes.border-if {
    border-top: 1px solid #6e6e6eb0 !important;
}
.card-espaciogeo .card-body .card-title-e {
    text-align: center !important;
}
@media(max-width:991px) {
    .topbar {
        display:none !important;
    }
    .subheader.py-3.py-lg-2.subheader-transparent.bg-light-blue.mb-0 {
        margin-top:40px !important;
    }
}
#kt_aside_tab_1 .logo-top img {
    width:150px !important;
}
#kt_aside_tab_1 .logo-top {
    margin-bottom:30px !important;
}
.burger-icon:hover span, .burger-icon:hover span::before, .burger-icon:hover span::after {
    background-color: #4C4C4C !important;
}