/*@import '../node_modules/leaflet/dist/leaflet.css';*/
@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Black.otf'); 
     font-weight: 800;
     font-style: normal;
}
@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Bold.otf'); 
     font-weight: 700;
     font-style: normal;
}
@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Medium.otf'); 
     font-weight: 500;
     font-style: normal;
}
@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Light.otf'); 
     font-weight: 300;
     font-style: normal;
}
@font-face {
    font-family: 'Gotham';
    src: url('../fonts/Gotham-Thin.otf'); 
     font-weight: 200;
     font-style: normal;
}

body{
	padding: 0;
	margin: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
    font-family: 'Gotham';
    width: 100%;
  
    
}
h1,h2,h3,h4,h5,h6{
    color:#B91A7B
}

p{
    font-weight: 300;
}
.fuenteTitulo{
       font-weight: 800;
       font-size: x-large;
      
}
.fuenteTitulo2{
    font-weight: 800;
    font-size: large;
   
}
.fuenteLabel{
    font-weight: 400;
    font-size: medium;
    
}
.fuenteSubtitulo{
    font-weight: 500;
}
.fuenteTitulo:hover{
    color:#BB955E;
}
.fuenteLink{
    font-weight: 500;
}
.fuenteLink:hover{
    color:#BB955E;
}
.colorPrimario{
    color:#B91A7B
}
.colorSecundario{
    color:#DD7975;   
}
.color3{
    color:#9E2342
}
.color4{
    color:#7E1F45
}
.color5{
    color:#3D4543
}

.colorFondo2{
    background-color: #AE0A56
}

.colorPrimarioBack{
    background-color: #B91A7B;
}
.colorSecundarioBack{
    background-color:#9E2342;
}
.rounded {
    border-radius: 6px !important;
}
/*
 <div class="row" style="height: 3px;">
        <div class="col-md-4" style="background-color:#9E2342"></div>
        <div class="col-md-4" style="background-color:#8B6F50"></div>
        <div class="col-md-4" style="background-color:#7E1F45"></div>
    </div>
*/
/*boton heder*/
.rounded-pill {
    border-radius: 50rem !important;
}

.form-control:focus{
    border-color: #B91A7B;
    box-shadow: 0 0 5px #B91A7B;
}
.form-control:active {
    box-shadow: 0 0 5px #B91A7B;
  }

  textarea:active, textarea:focus{
    border-color: #B91A7B;
    box-shadow: 0 0 5px #B91A7B;
  }

.btn-primary {
    color: #fff;
    background-color:#B91A7B;
    border-color: #B91A7B;
}
.shadow-sm {
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}
.btn-primary:hover {
    color: #fff;
    background-color: #BB955E;
    border-color: white;
}

.logo{
    background: #fff;
    padding: 10px;
    position: absolute;
    top: 0;
    border-radius: 0 0 10px 10px;
    box-shadow: 0px 00px 00px rgba(0, 0, 0, 0.30);
}



   /*footer*/
.col_white_amrc { color:#FFF;}
footer { width:100%; background-color:#280632; min-height:250px; padding:10px 0px 25px 0px ;}
.pt2 { padding-top:40px ; margin-bottom:20px ;}
footer p { font-size:13px; color:#CCC; padding-bottom:0px; margin-bottom:8px;}
.mb10 { padding-bottom:15px ;}
.footer_ul_amrc { margin:0px ; list-style-type:none ; font-size:14px; padding:0px 0px 10px 0px ; }
.footer_ul_amrc li {padding:0px 0px 5px 0px;}
.footer_ul_amrc li a{ color:#CCC;}
.footer_ul_amrc li a:hover{ color:#fff; text-decoration:none;}
.fleft { float:left;}
.padding-right { padding-right:10px; }

.footer_ul2_amrc {margin:0px; list-style-type:none; padding:0px;}
.footer_ul2_amrc li p { display:table; }
.footer_ul2_amrc li a:hover { text-decoration:none;}
.footer_ul2_amrc li i { margin-top:5px;}

.bottom_border { border-bottom:1px solid #323f45; padding-bottom:20px;}
.foote_bottom_ul_amrc {
	list-style-type:none;
	padding:0px;
	display:table;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.foote_bottom_ul_amrc li { display:inline;}
.foote_bottom_ul_amrc li a { color:#999; margin:0 12px;}

.social_footer_ul { display:table; margin:15px 0 0 0; list-style-type:none;  }
.social_footer_ul li { padding-left:20px; padding-top:10px; float:left; }
.social_footer_ul li a { color:#CCC; border:1px solid #CCC; padding:8px;border-radius:50%;}
.social_footer_ul li i {  width:20px; height:20px; text-align:center;}

#custom-search-input{
    padding: 3px;
    border: solid 1px #E4E4E4;
    border-radius: 6px;
    background-color: #fff;
}

#custom-search-input input{
    border: 0;
    box-shadow: none;
}

#custom-search-input button{
    margin: 2px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

#custom-search-input .glyphicon-search{
    font-size: 23px;
}





@media screen and (max-width:580px){
	.timlogo{width: 130px; padding-top: 15px;}
	
	nav ul li a{
		font-size: 16px;
	}
	nav ul li ul{
		top: -9px;
	}
	nav ul li ul li{
		height: 40px;
	}
	nav ul li ul li a{
		font-size: 16px;
		height: 40px;
	}
}
.cursor{
    cursor: pointer;
}

@media screen and (max-width:500px){
	 .bannerSlider{
        margin-top: 168px;
        padding-left:0px important!;
        padding-right:0px important!;
    }
    .altura{
        height: 200px;
    }
    .fuenteTexto{
        font-size: 40px;
    }
    
}

@media screen and (min-width:501px) and (max-width:768px){
     .bannerSlider{
        margin-top: 150px;
        padding-left:0px important!;
        padding-right:0px important!;
    }
    .altura{
        height: 400px;
    }
      .fuenteTexto{
        font-size: 50px;
    }
}

@media screen and (min-width:769px) and (max-width:1024px){
    .bannerSlider{
        margin-top: 150px;
        padding-left:0px important!;
        padding-right:0px important!;
    }
      .altura{
        height: 600px;
    }
      .fuenteTexto{
        font-size: 60px;
    }
}
@media screen and (min-width:1025px) {

     .bannerSlider{
        margin-top: 150px;
        padding-left:0px important!;
        padding-right:0px important!;
    }
      .altura{
        height: 600px;
    }
      .fuenteTexto{
        font-size: 80px;
    }
   
}

.demo-table {
    width: 100%;
  }
  
  .mat-column-num {
    width: 40px;
    text-align: left;
    align-items: center;
    /* border-right: 1px solid currentColor; */
  }
  
  .mat-column-items { 
    align-items: center;
    width: 75%;
    padding-left: 16px;
    font-size: 20px;
  }

mat-form-field:hover, mat-form-label:hover, mat-form-select:hover{
    color: #B91A7B !important;
    border-color: #B91A7B !important;
}

textarea {
    padding: 15px; /* Ajusta el valor según tu preferencia */
    border-color: #B91A7B;
  }