/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');

.accordion-button{
  color: #ffffff;
}

.logo-cliente {
	max-width: 100px;
	max-height: 50px;
	margin: 20px;
}

.logo-cliente:hover {
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}

.lista-logos img {
	max-width: 80px;
	max-height: 40px;
	margin: 20px;
}

.lista-logos img:hover {
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}

.tra, .tra:hover {
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
}

.bebas {
	font-family: 'Bebas Neue', sans-serif; line-height: 1em; font-weight: normal !important;
}

.sep-b {
	background-image: url(/img/bannersInicio/bannerHome-00.png);
	background-size: 100% 200px;
	background-position: bottom;
	background-repeat: no-repeat;
}

.sep-bi {
	background-image: url(/img/bannersInicio/bannerHome-00.png);
	background-size: 100% 200px;
	background-position: bottom;
	background-repeat: no-repeat;
	
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

.sep-bi div:first-child {
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

.sep-a {
	background-image: url(/img/bannersInicio/bannerHome-AZ.png);
	background-size: 100% 200px;
	background-position: bottom;
	background-repeat: no-repeat;
}

.sep-ai {
	background-image: url(/img/bannersInicio/bannerHome-AZ.png);
	background-size: 100% 200px;
	background-position: bottom;
	background-repeat: no-repeat;
	
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

.sep-ai div:first-child {
	-moz-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
}

.som-b {
	-webkit-box-shadow:inset 0 50px 50px 0 #ffffff;
	box-shadow:inset 0 50px 50px 0 #ffffff;
}

.som-a {
	-webkit-box-shadow:inset 0 50px 50px 0 #002947;
	box-shadow:inset 0 50px 50px 0 #002947;
}

.enfb {
	-webkit-box-shadow:inset 0 0 1000px 1000px rgba(0,0,0,0.05) !important;
	box-shadow:inset 0 0 1000px 1000px rgba(0,0,0,0.05) !important;
}

.enfw {
	-webkit-box-shadow:inset 0 0 1000px 1000px rgba(255,255,255,0.05) !important;
	box-shadow:inset 0 0 1000px 1000px rgba(255,255,255,0.05) !important;
}

.bg-degblue {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#002947+0,001d30+100 */
	background: #002947; /* Old browsers */
	background: -moz-linear-gradient(top,  #002947 0%, #001d30 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #002947 0%,#001d30 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #002947 0%,#001d30 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002947', endColorstr='#001d30',GradientType=0 ); /* IE6-9 */
}



.alpherix:hover{
 -ms-transform: scale(1.5);
 -webkit-transform: scale(1.5);
 transform: scale(1.1);
 transition-duration: 1.1s;
}

.bg-alpherix{
 background-color: #002947; 
}

.bg-alph{
 background-color: #002947; 
}

.bg-da{
 background-color: #001526; 
}

/*------TABLA INICIO------*/
.table-wrapper{
    margin: 10px 70px 70px;
    box-shadow: 0px 35px 50px rgba( 0, 0, 0, 0.2 );
}

.fl-table {
    border-radius: 5px;
    font-size: 12px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    background-color: white;
}

.fl-table td, .fl-table th {
    text-align: left;
    padding: 8px;
}

.fl-table td {
    border-right: 1px solid #f8f8f8;
    font-size: 12px;
}

.fl-table thead th {
    color: #ffffff;
    background: #0098a4;
}


.fl-table thead th:nth-child(odd) {
    color: #ffffff;
    background: #324868;
}

.fl-table tr:nth-child(even) {
    background: #F8F8F8;
}
/*-------TABLA FIN--------*/

/*----BOTON WHATSAPP----*/

.float-wa {
            position: fixed;
            width: 55px;
            height: 55px;
            line-height: 55px;
            bottom: 30px;
            right: 30px;
            background: #0df053;
            color: #fff;
            border-radius: 50px;
            text-align: center;
            font-size: 30px;
            box-shadow: 0px 1px 10px rgba(0,0,0,0.3);
            z-index: 100;
        }
.float-wa:hover {
            text-decoration: none;
            color: #0df053;
            background-color: #fff;
        }

/*----BOTON WHATSAPP----*/

.float-wa{
        position:fixed;
        width:60px;
        height:60px;
        bottom:40px;
        right:40px;
        background-color:#25d366;
        color:#FFF;
        border-radius:50px;
        text-align:center;
        font-size:30px;
        z-index:100;
    }

/*----BOTON WHATSAPP----*/

/*-----PRUEBA------*/

#tarjeta_Circulo{
  border-radius: 100%;
}

/*-----PRUEBA------*/

	.bg-black1 {
		background-color: rgba(0,0,0,0.01) ;
	}

	.bg-black2 {
		background-color: rgba(0,0,0,0.02) ;
	}

	.bg-black3 {
		background-color: rgba(0,0,0,0.03) ;
	}

	.bg-black4 {
		background-color: rgba(0,0,0,0.04) ;
	}

	.bg-black5 {
		background-color: rgba(0,0,0,0.05) ;
	}

	.bg-black6 {
		background-color: rgba(0,0,0,0.06) ;
	}

	.bg-black7 {
		background-color: rgba(0,0,0,0.07) ;
	}

	.bg-black8 {
		background-color: rgba(0,0,0,0.08) ;
	}

	.bg-black9 {
		background-color: rgba(0,0,0,0.09) ;
	}

	.bg-black10 {
		background-color: rgba(0,0,0,0.1) ;
	}
	
	.bg-black20 {
		background-color: rgba(0,0,0,0.2) ;
	}
	
	.bg-black30 {
		background-color: rgba(0,0,0,0.3) ;
	}
	
	.bg-black40 {
		background-color: rgba(0,0,0,0.4) ;
	}
	
	.bg-black50 {
		background-color: rgba(0,0,0,0.5) ;
	}
	
	.bg-black60 {
		background-color: rgba(0,0,0,0.6) ;
	}
	
	.bg-black70 {
		background-color: rgba(0,0,0,0.7) ;
	}
	
	.bg-black80 {
		background-color: rgba(0,0,0,0.8) ;
	}
	
	.bg-black90 {
		background-color: rgba(0,0,0,0.9) ;
	}

img.text-primary { filter: invert(41%) sepia(60%) saturate(2308%) hue-rotate(224deg) brightness(99%) contrast(93%); }

img.text-secondary { filter: invert(91%) sepia(8%) saturate(302%) hue-rotate(201deg) brightness(106%) contrast(97%); }

img.text-success { filter: invert(62%) sepia(15%) saturate(5528%) hue-rotate(119deg) brightness(101%) contrast(83%); }



img.text-danger { filter: invert(38%) sepia(88%) saturate(1244%) hue-rotate(318deg) brightness(102%) contrast(94%); }

img.text-warning { filter: invert(81%) sepia(81%) saturate(1327%) hue-rotate(312deg) brightness(100%) contrast(100%); }

img.text-info { filter: invert(78%) sepia(43%) saturate(5848%) hue-rotate(192deg) brightness(96%) contrast(99%); }

img.text-light { filter: invert(100%) sepia(16%) saturate(7485%) hue-rotate(180deg) brightness(105%) contrast(114%); }

img.text-dark { filter: invert(21%) sepia(7%) saturate(2037%) hue-rotate(199deg) brightness(95%) contrast(92%); }