@charset "utf-8";
/* color principal: #006EB7 - color secundario: #FF8F07 (usar un hex mas oscuro) */

.navbar-b {
	/*
	padding-top: 0;
    transition: all .5s ease-in-out;
    background-color: transparent;
    padding-bottom: 46.563rem;
	*/
}
.navbar-b .navbar-brand {
    font-size: 1.5rem;
    font-weight: normal;
	/*
    color: #fff;
	*/
}



/* imagen de acerca en el texto */
.acerca-img img {
	border-radius: 10px;
}


/* lista servicios */
.service-content li {
    margin-bottom: 10px;
}


.intro .overlay-itro {
	/* background-color: rgba(0, 0, 0, 0.8); */
	/* https://cssgradient.io/ */
	background: rgb(255,255,255);
	background: radial-gradient(circle, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.6) 100%);
}
.intro .intro-subtitle {
	font-size: 1rem;
    /* font-weight: 300; */
}
.intro .intro-title {
  font-size: 1.5rem;
}


/* foto empresa altura */
.logo-empresa {
    max-height: 140px;
}
/* foto personal para inicio redondo */
.rounded-circle {
    border-color: rgba(255, 255, 255, 0.8);
    border-style: solid;
	height: 140px;
}

/* botones contacto persona */
.btn-tema {
    color: #fff;
    background-color: #006EB7;
    border-color: #006EB7;
}
.btn-tema:hover {
    color: #fff;
    background-color: #006EB799;
    border-color: #006EB799;
}
.btn-tema2 {
    color: #fff;
    background-color: #FF8F07;
    border-color: #f8f9fa;
	border-radius: 10px;
}
.btn-tema2:hover {
    color: #fff;
    background-color: #006EB799;
    border-color: #f8f9fa;
}
.btn-facebook {
    color: #fff;
    background-color: #3b5998 ;
    border-color: #3b5998;
}
.btn-facebook:hover {
    color: #fff;
    background-color: #3b599850;
    border-color: #3b599850;
}
.btn-twitter {
    color: #fff;
    background-color: #00ACEE ;
    border-color: #00ACEE;
}
.btn-twitter:hover {
    color: #fff;
    background-color: #00ACEE50;
    border-color: #00ACEE50;
}
.btn-instagram {
    color: #fff;
    background-color: #F00075 ;
    border-color: #F00075;
}
.btn-instagram:hover {
    color: #fff;
    background-color: #F0007550;
    border-color: #F0007550;
}
.btn-linkedin {
    color: #fff;
    background-color: #0E76A8 ;
    border-color: #0E76A8;
}
.btn-linkedin:hover {
    color: #fff;
    background-color: #0E76A850;
    border-color: #0E76A850;
}
.btn-youtube {
    color: #fff;
    background-color: #FE0000 ;
    border-color: #FE0000;
}
.btn-youtube:hover {
    color: #fff;
    background-color: #FE000050;
    border-color: #FE000050;
}

.btn-tiktok {
    color: #fff;
    background-color: #0c0c0c ;
    border-color: #0c0c0c;
}
.btn-tiktok:hover {
    color: #fff;
    background-color: #0c0c0c99;
    border-color: #0c0c0c99;
}

.btn-website {
    color: #fff;
    background-color: #006EB7 ;
    border-color: #006EB7;
}
.btn-website:hover {
    color: #fff;
    background-color: #006EB799;
    border-color: #006EB799;
}
.btn-whatsapp {
    color: #fff;
    background-color: #25D360 ;
    border-color: #25D360;
}
.btn-whatsapp:hover {
    color: #fff;
    background-color: #25D36050;
    border-color: #25D36050;
}


/* truncate para botones contacto */
.flex-parent {
	display: flex;
}
.long-and-truncated {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* modal compartir QR */
.modal-body img {
	display: block;
	margin: 0 auto;
}

a:hover {
    color: #006EB7;
}


/* menu primarios */
.navbar-b.navbar-reduce .navbar-brand {
    color: #006EB7;
}
.navbar-b.navbar-reduce .navbar-toggler span {
    background-color: #006EB7;
}
.navbar-b.navbar-reduce .nav-link {
    color: #006EB7;
}
/* menu secundarios */
.navbar-b.navbar-reduce .show > .nav-link, .navbar-b.navbar-reduce .active > .nav-link, .navbar-b.navbar-reduce .nav-link.show, .navbar-b.navbar-reduce .nav-link.active {
    color: #FF8F07;
}
.navbar-b.navbar-reduce .nav-link:before {
    background-color: #FF8F07;
}
.navbar-b.navbar-reduce .nav-link:hover {
    color: #FF8F07;
}



.about-mf .about-img img {
    margin-left: auto;
}


/* acerca de mi */
.title-left:before {
    background-color: #006EB7;
}


/* empresa titulo line */
.line-mf {
    background-color: #006EB7;
}
.ico-circle {
    box-shadow: 0 0 0 10px #006EB7;
}
.service-box:hover .ico-circle {
    background-color: #006EB7;
    box-shadow: 0 0 0 10px #e5e5e5 ;
}


/* Video */
.alazea-video-area:after {
    border-radius: 6px;
}
.alazea-video-area {
    position: relative;
    box-shadow: 0 1px 20px 0 rgb(0 0 0 / 15%);
}

.alazea-video-area .video-icon {
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    width: 40px;
    height: 30px;
    background-color: #FF0000;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -20px;
    border-radius: 15%;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    opacity: 1;
    color: #FFFFFF;
}

.video-wrapper {
    position: relative;
    padding-bottom: 56.2%;
}
.video-wrapper img {
    position: absolute;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}


/* csrrusel */
.carousel-inner {
	border-radius: 10px;
}


/* mapa */
.map-responsive {
    overflow: hidden;
    position: relative;
    height: 0;
	padding-bottom: 120%;
	border-radius: 10px;
	/*
	border-style: solid;
	border-color: #e5e5e5;
	*/
}
.map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}


/* back to top */
.back-to-top {
    background: #006EB7;
	/*display: none!important;*/
}


/* preloader */
#preloader:before {
  border-top: 6px solid #006EB7;
}

/* footer */
footer {
    background: #191919;
}
footer hr {
    border-top: 1px solid rgba(255,255,255,.2);
}
footer a:hover {
	color: #006EB7;
}