@charset "utf-8";
/* color principal: #E31113 - color secundario: #1f668c (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;
	*/
}


.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,1) 100%);
}
.intro .intro-subtitle {
	font-size: 1rem;
    /* font-weight: 300; */
}
.intro .intro-title {
  font-size: 1.5rem;
}


/* foto para inicio redondo */
.rounded-circle {
    border-color: rgba(255, 255, 255, 0.8);
    border-style: solid;
	height: 80px;
}

/* botones contacto persona */
.btn-tema {
    color: #fff;
    background-color: #E31113;
    border-color: #E31113;
}
.btn-tema:hover {
    color: #fff;
    background-color: #E3111380;
    border-color: #E3111380;
}
.btn-tema2 {
    color: #fff;
    background-color: #E31113;
    border-color: #E31113;
	border-radius: 10px;
}
.btn-tema2:hover {
    color: #fff;
    background-color: #E3111350;
    border-color: #E31113;
}

/* colores redes */
.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: #000000 ;
    border-color: #000000;
}
.btn-tiktok:hover {
    color: #fff;
    background-color: #00000050;
    border-color: #00000050;
}

.btn-website {
    color: #fff;
    background-color: #E31113 ;
    border-color: #E31113;
}
.btn-website:hover {
    color: #fff;
    background-color: #E3111350;
    border-color: #E3111350;
}
.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: #E31113;
}


/* menu primarios */
.navbar-b.navbar-reduce .navbar-brand {
    color: #E31113;
}
.navbar-b.navbar-reduce .navbar-toggler span {
    background-color: #E31113;
}
.navbar-b.navbar-reduce .nav-link {
    color: #E31113;
}
/* 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: #1f668c;
}
.navbar-b.navbar-reduce .nav-link:before {
    background-color: #1f668c;
}
.navbar-b.navbar-reduce .nav-link:hover {
    color: #1f668c;
}



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


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


/* empresa titulo line */
.line-mf {
    background-color: #E31113;
}
.ico-circle {
    box-shadow: 0 0 0 10px #E31113;
}
.service-box:hover .ico-circle {
    background-color: #E31113;
    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: #E31113;
	/*display: none!important;*/
}


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

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