@charset "utf-8";

body {
  background-color:#191722;
}
.btn-outline-Light {
  
  color:#ffffff !important; 
}
.btn-outline-danger  {
  
  color:#f78504 !important;
}
.table-transparent {
  --bs-table-bg: transparent !important;
}

.bi-circle-fill {
  color:#f78504 !important;
}


.btn-primary {
  
  background-color:#f78504 !important;
}

/*-----------------------------------Fondos-----------------------------------*/
.fondo_inicio {
background-color: #191722;  
}
.fondo_uno {
background-color: #000000;
background-image: url("/img/fondo1.jpg");
background-position: top right;
background-repeat: no-repeat;    
background-attachment: fixed;
background-size: cover;    
}
.fondo_dos {
background-color: #000000;
background-image: url("/img/fondo2.jpg");
background-position: top right;
background-repeat: no-repeat;    
background-attachment: fixed;
background-size: cover;    
}
.fondo_tres {
background-color: #000000;
background-image: url("/img/fondo3.jpg");
background-position: top right;
background-repeat: no-repeat;    
background-attachment: fixed;
background-size: cover;    
}
.fondo_cuatro {
background-color: #f78504;
background-position: top right;
background-repeat: no-repeat;    
background-attachment: fixed;
background-size: cover;    
}
.fondo_cinco {
background-image: url("/img/fondo4.jpg");
background-position: top right;
background-repeat: no-repeat;    
background-attachment: fixed;
background-size: cover;    
}
.fondo_seis{
background-image: url("/img/fondo5.jpg");
background-position: top right;
background-repeat: no-repeat;    
background-attachment: fixed;
background-size: cover;    
}
.fondo_siete{
background-image: url("/img/fondo6.jpg");
background-position: top right;
background-repeat: no-repeat;    
background-attachment: fixed;
background-size: cover;    
}
.fondo_nosotros {
background-color: #ffffff;
background-image: url("/img/construccion.jpg");
background-position: top right;
background-repeat: no-repeat;    
background-attachment: fixed;
background-size: cover;    
}
.fondo_nosotros1 {
background-color: #ffffff;
background-image: url("/img/fondo12.jpg");
background-position: top right;
background-repeat: no-repeat;    
background-attachment: fixed;
background-size: cover;    
}
.fondo_qs {
background-image: url("/img/fondo13.jpg");
background-position: top right;
background-repeat: no-repeat;    
background-attachment: fixed;
background-size: cover;    
}
.fondo_qs2 {
background-image: url("/img/fondo14.jpg");
background-position: top right;
background-repeat: no-repeat;    
background-attachment: fixed;
background-size: cover;    
}
.fondo_coberturas1 {
background-image: url("/img/fondo7.jpg");
background-position: top right;
background-repeat: no-repeat;    
background-attachment: fixed;
background-size: cover;    
}
.fondo_coberturas2 {
background-image: url("/img/fondo8.jpg");
background-position: top right;
background-repeat: no-repeat;    
background-attachment: fixed;
background-size: cover;    
}
.fondo_coberturas3 {
  background-image: url("/img/fondo14.jpg");
color: #000000;
background-position: top right;
background-repeat: no-repeat;    
background-attachment: fixed;
background-size: cover;    
}
.fondo_coberturas4 {
background-image: url("/img/fondo9.jpg");
background-position: top right;
background-repeat: no-repeat;    
background-attachment: fixed;
background-size: cover;    
}
.fondo_tramites1 {
background-image: url("/img/fondo10.jpg");
background-position: top right;
background-repeat: no-repeat;    
background-attachment: fixed;
background-size: cover;    
}
.fondo_tramites2 {
background-color:#f78504 ;
background-position: top right;
background-repeat: no-repeat;    
background-attachment: fixed;
background-size: cover;    
}
.fondo_tramites3 {
background-image: url("/img/fondo4.jpg");
background-position: top right;
background-repeat: no-repeat;    
background-attachment: fixed;
background-size: cover;    
}
.fondo_contacto {
  background-image: url("/img/fondo15.jpg");
  background-position: top right;
  background-repeat: no-repeat;    
  background-attachment: fixed;
  background-size: cover;    
  }
  
  .fondo_contacto2 {
    background-image: url("/img/fondo16.jpg");
    background-position: top right;
    background-repeat: no-repeat;    
    background-attachment: fixed;
    background-size: cover;    
    }

    .card-header, .card-footer {
      background-color: #cde5fc;
    }


    .btn{
      border: none;
    }

 /*   .card-body2 {
      background-image: url("/img/fondo.png");
    }
-----------------------------Fuentes--------------------------------------*/

@font-face {
	font-family: Mitr-Bold;
	src: url("/fonts/Mitr-Bold.ttf");
}

@font-face {
	font-family: Mitr-ExtraLight;
	src: url("/fonts/Mitr-ExtraLight.ttf");
}
		
@font-face {
	font-family: Montserrat-Regular;
	src: url("/fonts/Montserrat-Regular.ttf");
}

@font-face {
	font-family: Mitr-Medium;
	src: url("/fonts/Mitr-Medium.ttf");
}
		
@font-face {
	font-family: Montserrat-Bold;
	src: url("/fonts/Montserrat-Bold.ttf");
}

@font-face{
	font-family: Mitr-SemiBold;
	src: url("/fonts/Mitr-SemiBold.ttf");
}

/*-----------------------------Texto--------------------------------------*/
	
.card-title{
	color: #000000;
	font-size: 29px;
}

.teblanco{
    font-size: 42px;
	color: #FFFFFF;
	font-family: "Mitr-regular";
}
.teblanco2{
  font-size: 28px;
color: #FFFFFF;
font-family: "Mitr-regular";
}
.teblanco3{
  font-size: 20px;
color: #FFFFFF;
font-family: "Mitr-regular";
}
.tenegro{
  font-size: 20px;
  font-family: "Montserrat-Regular";
   color:#000000;
  font-weight: bold;
line-height: 0.949; 
}


.bg-nja{
	background-color: #f78504;
}
.bg-azs{
	background-color: #006bf9;
}
.bg-azt{
	background-color: #4897ff;
}
.bg-azc{
	background-color: #cde5fc;
}

.bg-blanco{
	background-color: #FFFFFF;
}

.b1izq{
  font-size: 42px;
  font-family: "Montserrat-Regular";
  text-align: left;
  color:#ffffff;
  text-shadow: 0.05em 0.05em 0.03em black;
}

.b2center{
  font-size: 42px;
  font-family: "Montserrat-Regular";
  text-align: center;
  text-shadow: 0.05em 0.05em 0.03em black;
}

.b3der{
  font-size: 42px;
  font-family: "Montserrat-Regular";
  text-align: right;
  color:#cde5fc;
  text-shadow: 0.05em 0.05em 0.03em black;
}
.b3der2{
  font-size: 42px;
  font-family: "Montserrat-Regular";
  text-align: right;
  color:#163f85;
  text-shadow: 0.05em 0.05em 0.03em black;
}

h1{
  font-size: 42px;
    font-family: "Montserrat-Regular";
    color:#ffffff;
    font-weight: bold;
  line-height: 0.949;
  text-align: center;   
}	
h2{
    font-size: 25px;
    color:#ffffff;
    font-family: "Montserrat-Regular"; 
    line-height: 1.2;
  
}
h3{
font-family:"Montserrat-Regular" ;
margin-top: 10px;
margin-bottom: 23px;
font-size: 13px;
color:#006bf9;

}
h4{ font-size: 34px;
    color:#ffffff;
    font-family: "Montserrat-Bold";
    text-align: center;
}

h5{
    color:#000000;
	font-family:"Montserrat-Bold" ;
}

.ti1{
  font-size: 40px;
    font-family: "Montserrat-Bold";
    color:#ff8800;
    
    font-weight: bold;
  line-height: 1.3;
}

.ti2{
  font-size: 20px;
  font-family: "Montserrat-Regular";
   color:#ffffff;
  font-weight: bold;
line-height: 1.5;  
}
.tia{
  font-size: 30px;
  font-family: "Montserrat-Regular";
   color:#ffffff;
  font-weight: bold;
line-height: 1.5;  
}
.ti2b{
  font-size: 20px;
  font-family: "Montserrat-Regular";
   color:#ffffff;
  font-weight: bold;
line-height: 0.7;  

}
.ti3{
  font-size: 30px;
  font-family: "Montserrat-Bold";
   color:#ffffff;
line-height: 0.949;  
}
.ti4{
  font-size: 17px;
  font-family: "Montserrat-Regular";
   color:#ffffff;
   text-align: left;
line-height: 1.5;  
}

.ti5{
  font-size: 17px;
  font-family: "Montserrat-Regular";
   color:#f78504;
   text-align: left;
   
line-height: 1.5;  
}

.ti6{
  font-size: 22 px;
  font-family: "Montserrat-Regular";
   color:#ffffff;
  text-align: left;
  align-items: center;
line-height: 1.5;  
}

.ti7{
  font-size: 20px;
  font-family: "Montserrat-Regular";
   color:#f78504;
   text-align: left;
   
line-height: 1.5;  
}
.T1{
  font-size: 50px;
    font-family: "Montserrat-Bold";
    color:#000000;
    font-weight: bold;
  line-height: 0.949;
    
}	
.T2{
  font-size: 30px;
   
   
    color:#000000;
    align-items: center;
    text-align:left;
      line-height: 1.5;
}
.T2b{
  font-size: 30px;
   
    font-family: "Montserrat-Regular"; 
    color:#ffffff;
    align-items: center;
    text-align: center;
      line-height: 0.949;
}
.T3{
  font-size: 25px;
  font-family: "Montserrat-Bold";
  text-align: left; 
    color:#000000;
}
.T4{
  text-align: center; 
  font-size: 30px;
}
.T5{
  text-align:center; 
  color:#87bff3;
  font-size: 25px;
  font-family: "Montserrat-Bold"; 
}

.tdetalle{    
  font-family:"Montserrat-Regular" ;
  margin-top: 10px;
  margin-bottom: 23px;
  font-size: 13px;
    color:#000000;
 
}
/*-------------------Menu------------------------------------------------------*/

.navbar{background-image:url("../images/fondomenu.jpg");
        background-size:cover;
        background-color: #000000;
        background-blend-mode: multiply !important;
    
}



.navbar .navbar-brand{ color: #fff;}

.navbar .navbar-brand:hover{ color: #fff;}

.nav-item .nav-link { color: #fff;}

.nav-item .nav-link:hover{ color: #fff;}



/*.btn { background: rgba(245, 245, 245, 0.0) !important ;}*/ 

.img_normal{-ms-flex-negative:0;flex-shrink:0;width:30%;display:block;
margin:auto;}

.img_40{-ms-flex-negative:0;flex-shrink:0;width:45%;display:block;
margin:auto;}

.img_50{-ms-flex-negative:0;flex-shrink:0;width:50%;display:block;
margin:auto;}

.img_60{-ms-flex-negative:0;flex-shrink:0;width:60%;display:block;
margin:auto;}

.img_70{-ms-flex-negative:0;flex-shrink:0;width:70%;display:block;
margin:auto;}

.img_80{-ms-flex-negative:0;flex-shrink:0;width:80%;display:block;
margin:auto;}

.img_90{-ms-flex-negative:0;flex-shrink:0;width:90%;display:block;
margin:auto;}

.img_100{-ms-flex-negative:0;flex-shrink:0;width:100%;display:block;
margin:auto;}

/*-------------------Tamaño imagenes---------------------------------*/

.img_normal{-ms-flex-negative:0;flex-shrink:0;width:30%;display:block;
margin:auto;}

.img_40{-ms-flex-negative:0;flex-shrink:0;width:45%;display:block;
margin:auto;}

.img_50{-ms-flex-negative:0;flex-shrink:0;width:50%;display:block;
margin:auto;}

.img_60{-ms-flex-negative:0;flex-shrink:0;width:60%;display:block;
margin:auto;}

.img_70{-ms-flex-negative:0;flex-shrink:0;width:70%;display:block;
margin:auto;}

.img_80{-ms-flex-negative:0;flex-shrink:0;width:80%;display:block;
margin:auto;}

.img_90{-ms-flex-negative:0;flex-shrink:0;width:90%;display:block;
margin:auto;}

.img_100{-ms-flex-negative:0;flex-shrink:0;width:100%;display:block;
margin:auto;}

/*----------------------------------nosotros---------------------------------------*/




/*----------------------------------Footer---------------------------------------*/

  /*Footer*/

  .bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }

  @media (min-width: 768px) {
    .bd-placeholder-img-lg {
      font-size: 3.5rem;
    }
  }

  .b-example-divider {
    width: 100%;
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
  }

  .b-example-vr {
    flex-shrink: 0;
    width: 1.5rem;
    height: 100vh;
  }



/*INICIO DE LAS CARD*/

.container__card{
 
  max-width: 1200px;
  padding: 10px;
  padding-bottom: 55px;
  margin: auto;
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.cardpro{
  width: 350px;
  position: relative;
  margin: 5px;
  transition: all 300ms;
  border-radius: 20px;
}

.cardpro:hover{
  box-shadow: 1px 1px 20px -10px #20202049;
}

.cardpro:hover .info__description{
  margin-top: 0;
  border-radius: 0px 0px 20px 20px;

}

.cardpro:hover .icon{
  margin-top: -110px;
  border-radius: 20px 20px 0px 0px;
}

.icon{
  width: 100%;
  height: 220px;
  background: #163f85;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  transition: all 400ms cubic-bezier(0.5,0,0,1);

  font-size: 20px;
  color: #FFFFFF;
  font-family: "Mitr-regular";
 
  
}


.info__description{
  width: 100%;
  height: 220px;
  color: #163f85;
  background: #EFF3F5;
  font-family:"Montserrat-Regular" ;
  font-size: 14px;
  margin-top: -180px;
  transition: all 400ms cubic-bezier(0.5,0,0,1);
  border-radius: 20px;
}

.info__description p{
  font-size: 14px;
  margin-top: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  overflow: hidden;
  
}

.info__description input{
  margin-top: 20px;
  padding: 10px 40px;
  background: #2196f3;
  color: white;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  border: none;
  border-radius: 20px;
  box-shadow: 1px 1px 30px -5px #20202049;
  transition: box-shadow 300ms;
  
}


/*INICIO DE LAS CARD TAPAS*/

.cardtap{
  width: 280px;
  position: relative;
  margin: 5px;
  transition: all 300ms;
  border-radius: 20px;
}

.cardtap:hover{
  box-shadow: 1px 1px 20px -10px #20202049;
}

.cardtap:hover .info__description2{
  margin-top: 0;
  border-radius: 0px 0px 20px 20px;

}

.cardtap:hover .icontap{
  margin-top: -110px;
  border-radius: 20px 20px 0px 0px;
}

.icontap{
  width: 100%;
  height: 220px;
  background: #163f85;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  transition: all 400ms cubic-bezier(0.5,0,0,1);
 
  font-size: 20px;
  color: #FFFFFF;
  font-family: "Mitr-regular";

}


.info__description2{
  width: 100%;
  height: 160px;
  color: #163f85;
  background: #EFF3F5;
  font-family:"Montserrat-Regular" ;
  margin-top: -125px;
  transition: all 400ms cubic-bezier(0.5,0,0,1);
  border-radius: 0px 0px 80px 20px;
}

.info__description2 p{
  font-size: 14px;
  margin-top: 10px;
  display: -webkit-box;
  display: -moz-box;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  overflow: hidden;
  
}

.info__description2 input{
  margin-top: 20px;
  padding: 10px 40px;
  background: #2196f3;
  color: white;
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  border: none;
  border-radius: 20px;
  box-shadow: 1px 1px 30px -5px #20202049;
  transition: box-shadow 300ms;
  
}






.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgb(10, 131, 131);
}

.table-hover tbody tr:hover {
  background-color: rgba(226, 183, 12, 0.7);
  color: rgb(112, 24, 78);
}



/*----------------------------------Footer---------------------------------------*/


.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

@media (min-width: 768px) {
  .bd-placeholder-img-lg {
    font-size: 3.5rem;
  }
}

.b-example-divider {
  width: 100%;
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.b-example-vr {
  flex-shrink: 0;
  width: 1.5rem;
  height: 100vh;
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.nav-scroller {
  position: relative;
  z-index: 2;
  height: 2.75rem;
  overflow-y: hidden;
}

.nav-scroller .nav {
  display: flex;
  flex-wrap: nowrap;
  padding-bottom: 1rem;
  margin-top: -1px;
  overflow-x: auto;
  text-align: center;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

.btn-bd-primary {
  --bd-violet-bg: #712cf9;
  --bd-violet-rgb: 112.520718, 44.062154, 249.437846;

  --bs-btn-font-weight: 600;
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bd-violet-bg);
  --bs-btn-border-color: var(--bd-violet-bg);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6528e0;
  --bs-btn-hover-border-color: #6528e0;
  --bs-btn-focus-shadow-rgb: var(--bd-violet-rgb);
  --bs-btn-active-color: var(--bs-btn-hover-color);
  --bs-btn-active-bg: #5a23c8;
  --bs-btn-active-border-color: #5a23c8;
}

.bd-mode-toggle {
  z-index: 1500;
}

.bd-mode-toggle .dropdown-menu .active .bi {
  display: block !important;
}