@font-face{
   font-family: 'bold';
   src: url('/css/font/bold.ttf') format('truetype');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face{
   font-family: 'exbold';
   src: url('/css/font/extra_bold.ttf') format('truetype');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face{
   font-family: 'light';
   src: url('/css/font/light.ttf') format('truetype');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

@font-face{
   font-family: 'regular';
   src: url('/css/font/regular.ttf') format('truetype');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}

body{
   overflow-x:hidden !important;
}

.fb{
   font-family:'exbold';
}

.fxb{
   font-family:'bold';
}

.btn_1{
   background-color:#ff9831;
   color:#fff;
   padding:10px 40px;
   border:none;
   border-radius:19px;
   font-family:'bold';
}

.bg{
   background-color:#256682;   
}

.fl{
   font-family:'light';
}

.fr{
   font-family:'regular';
}

.fc_1{
   color:#256682 !important;
}

.fc_2{
   color:#073142 !important;
}

.fc_3{
   color:#62aed3 !important;
}

.txt_mc{
	color:#f3a605;
}

:root{
   --clr-primary:#004c60;   /* Verde–azulado principal */
   --clr-secondary:#256682; /* Azul secundario */
   --clr-accent:#ff9831;    /* Naranja acento */
 }

    /* NAV */
.navbar-brand{
   font-weight:700;
   letter-spacing:.05em;
   color:var(--clr-primary) !important;
}

.nav-link{
   font-weight:500;
   color:#073142;
}

.hero{
   background-image:url('/assets/header.jpg');
   background-size:cover;
   background-position:center;
   color:#fff;
   min-height:80vh;
   display:flex;
   align-items:center;
   clip-path:polygon(0 0,100% 0,100% 100%,0 85%);
   position:relative;
}

.ft_cont_shape{
   background-color:#004c60;
   color:#fff;
   clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 100%);
   position:relative;
}

.hero::after{
   content:"";
   position:absolute;
   inset:0;
   background:rgba(0,76,96,.65);
}
.hero-content{
   position:relative;
   z-index:1;
}

/*Hero - servicios*/
.hero-serv{
   background-image:url('/assets/servicios_banner.jpg');
   background-size:cover;
   background-position:center;
   color:#fff;
   /*min-height:80vh;*/
   display:flex;
   align-items:center;
   clip-path:polygon(0 0,100% 0,100% 98%,0 85%);
   position:relative;
}

.text-accent{color:#fff;}  

.slider-placeholder{
   background:#f0f2f2;
   height:250px;
   display:flex;
   align-items:center;
   justify-content:center;
   font-size:1.5rem;
   color:var(--clr-secondary);
}

.btn_naranja{
   background-color:#f3a605;
   border:none;
   padding:10px 30px;
   border-radius: 15px;
   color:#fff;
}

.rp_soc_cont{
   border-right:1px solid #073142;
   border-left:1px solid #073142;
}

.bor-r{
   border-right:1px solid #073142;
}

.bor-l{
   border-left:1px solid #073142;
}

.text-justify {
   text-align: justify !important;
   text-justify: inter-word;
   hyphens: auto;
}

#cont_mis_vis_bg{
   background-image:url('/assets/fondo_rrr.jpg');
   background-size:cover;
   background-position:center;
   background-repeat:no-repeat;
}

.btn_mis_vis{
   max-height:100%;
}

.btn_mis{
   padding-left:30px;
}

.sub{
   border-bottom:2px solid #256682;
}

@media (max-width: 767.98px) {
   .rp_soc_cont {
      border-left: none !important;
      border-right: none !important;
   }

   .bor-r{
      border-right:none;
   }

   .bor-l{
      border-left:none;
   }

   .btn_mis_vis{
      max-height:100%;
      width:40%;
   }

   .btn_mis{
      padding-left:0px;
   }

   .cont_mis_vis{
      text-align:center;
   }
}