:root {
  --color_1: #F9AA11;
  --color_1_light: rgba(246,202,141,0.9);
  --color_2: #072A2E;
  --color_2_dark: #061b1e;
  --color_1_dark: #013132;
  --color_1_dark_transp: rgba(1,49,50,0.91);
  --color_3: #00276c;
  --bg_gray: #F6F6F6;
  --bg_light: #F2F2F2;
}

.parsley-errors-list{
  color: #F00;
  font-size: 12px;
  list-style: none;
  margin: 5px;
  padding: 0px;
  text-align: left;
}

body {
  font-family: "Montserrat", sans-serif;
  background-color: #ffffff;
}

* {
  -webkit-transition: .25s all ease;
  -moz-transition: .25s all ease;
  -o-transition: width 1s ease-in-out;
  transition: .25s all ease;
  font-size: clamp(1rem, .05rem, 2rem);
}

img:hover {
  transform: scale(103%);
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.full_width_image {
  min-width: 100%;
  height: auto;
}

.bg_color_1 {
  background-color: var(--color_1);
  color: white;
}

.bg_color_2 {
  background-color: var(--color_2);
}

.bg_gray {
  background-color: var(--bg_gray);
}

.bg_light {
  background-color: var(--bg_light);
}

.bg_color_1_light {
  background-color: var(--color_1_light);
}

.txt_white {
  color: white;
}

.txt_color_1 {
  color: var(--color_1);
}

.txt_color_2 {
  color: var(--color_2);
}

.box {
  height: auto;
  max-width: 100%;
  margin: 25px 60px;
  position: relative;
}

.box:before, .box:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
}

.border_image:before, .border_image:after {
  bottom: 15px;
  left: 15px;
}

.border_image:before {
  border-top: 4px solid var(--color_1);
  border-right: 4px solid var(--color_1);
  border-radius: 20px;
}

.box.border_image img {
  border-radius: 20px;
}

.nav-item {
  padding: 10px;
}

.nav-link {
  color: #ffffff;
}

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

.menu_transparent .navbar-toggler {
  background-color: white;
}

.nav-link {
  font-size: 20px;
  color: white;
  transition: font-size .2s ease-in-out;
}

.menu-color-scrolled .nav-link {
  font-size: 18px;
  color: var(--bg_light);
  transition: font-size .2s ease-in-out;
}

.menu-color-scrolled {
  background-color: var(--color_1_dark_transp)!important;
  -webkit-box-shadow: 10px 10px 19px -10px rgba(0,0,0,0.34);
  padding: 5px !important;
}

.nav-link:hover {
  color: white;
}

.menu_transparent {
  color: var(--bg_light);
}

@media (max-width: 768px) {
  .menu_transparent.navbar {
    background-color: var(--color_1_dark_transp) !important;
    -webkit-box-shadow: 10px 10px 19px -10px rgba(0,0,0,0.34);
  }
}

.menu-color {
  background-color: rgba(255,255,255,.8) !important;
}

.navbar-nav .nav-link:hover::after {
  background-color: #ffffff;
  display: block;
  width: 20px;
  height: 2px;
  margin-top: -2px;
  content: "";
}

#logo_nav {
  position: absolute;
  margin-top: 30vh;
  width: 300px !important;
}

@media (max-width: 768px) {
  #logo_nav {
    position: relative !important;
    margin-top: 0px !important;
    width: 60px !important;
  }
}

.logo-color-scrolled {
  display: block;
  margin-top: 0px !important;
  width: 40px !important;
  padding-top: 5px;
  padding-bottom: 5px;
  transition: all .35s ease-in-out;
}

.menu-color-scrolled #logo_nav {
  width: 150px !important;
}

#logo_nav_int {
  position: relative !important;
  width: 150px !important;
}

.menu-color-scrolled #logo_nav_int {
  width: 120px !important;
}

button a, button a:hover {
  color: white;
  text-decoration: none !important;
}

.fondo_body_home {
  /*background-image: url(fondo_body.jpg);*/
  background-attachment: fixed;
  background: rgb(239,136,37);
  background: -moz-linear-gradient(142deg, rgba(239,136,37,1) 0%, rgba(249,202,80,1) 100%);
  background: -webkit-linear-gradient(142deg, rgba(239,136,37,1) 0%, rgba(249,202,80,1) 100%);
  background: linear-gradient(142deg, rgba(239,136,37,1) 0%, rgba(249,202,80,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ef8825",endColorstr="#f9ca50",GradientType=1);
}

.fondo_hero {
  background-image: url("../../assets/img/hero_home.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  min-height: 470px;
  height: auto;
  width: 100%;
}

@media (min-width: 992px) {
  .fondo_hero {
    min-height: 735px;
    height: auto;
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .fondo_hero {
    min-height: 690px;
    clip-path: polygon(0% 0%, 100% 0%, 100% 79.58%, 97.5% 78.83%, 94.7% 79%, 92.6% 79.5%, 89.23% 80.83%, 86.86% 82.68%, 84.05% 84.25%, 81.05% 86.08%, 77.65% 88.33%, 74.1% 89.25%, 70.35% 91.17%, 67.42% 91.75%, 64.05% 92.08%, 61.1% 91.17%, 58.35% 90.25%, 54.3% 88%, 52.45% 86.33%, 48.75% 84.17%, 46.53% 82.5%, 42.35% 80.25%, 39.06% 77.75%, 35.6% 75.17%, 31.23% 73.71%, 27.3% 73.08%, 23.98% 74.25%, 20.02% 76.15%, 18.04% 77.54%, 14.38% 79.67%, 11.27% 81.93%, 8.5% 84.25%, 5.43% 85.92%, 2.6% 87.91%, 0% 89.98%);
  }
}

/* https://unused-css.com/tools/clip-path-generator?p=22AwLmBoEZlDtA7ATgHQFYAc4kPSBGKGAzNgCwoL5LYBMKAbNeuBqrcSBsEaRg0SYZ6DLBgrA0XCrTStIKSVwHAsCXAykZCxUggqQu7OQh7EpSBZATgGuMrRCXKchhIv1Vtq06s3MKOZOPLLgaBSc2mH0ZFoCuuBkhAhaBjZkAmiR9HIOgVohcsSowEzqLuDmjPhoKNaVChz4xJSQ4LS4nAgtXhwoSBj4MnK0PMCOCAKQcpCEwGT4uOFQEYPIjDaQjVQYCkh8eOIoobVkkbVItO3VGLiW4KBs-RgA3G8AxACmAEZkKQCGQA */

.fondo_hero_int {
  background-image: url("../../assets/img/fonfo_internas.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
  min-height: 237px;
  height: auto;
  width: 100%;
}

@media (min-width: 992px) {
  .fondo_hero_int {
    min-height: 390px;
  }
}

@media (min-width: 1200px) {
  .fondo_hero_int {
    min-height: 441px;
  }
}

.fondo_sections {
  background-image: url("https://placehold.co/1600x899/1e1e1e/2c2c2c");
  background-attachment: fixed;
  background-size: cover;
  min-height: 249px;
  height: auto;
  width: 100%;
}

@media (min-width: 1200px) {
  .fondo_sections {
    min-height: 330px;
    clip-path: polygon(0% 0%, 100.05% 0%, 100.05% 72.51%, 98.6% 81.2%, 96.14% 87.45%, 93.26% 90.66%, 89.04% 94.82%, 84.04% 97.66%, 78.94% 98.25%, 73.52% 97.02%, 68.45% 95.24%, 63.28% 92.9%, 56.38% 89.22%, 51% 85.96%, 45.19% 82.44%, 39.62% 78.87%, 34.55% 76.07%, 29.49% 73.18%, 24.78% 70.58%, 20.55% 68.21%, 16.64% 65.83%, 12.53% 63.84%, 8.68% 61.82%, 4.35% 59.81%, 0% 58.38%);
  }
}

.text_hero_home {
  padding-top: 19vh;
  transform: translateY(-5vh);
  z-index: 2;
  position: inherit;
}

@media (min-width: 992px) {
  .text_hero_home {
    padding-top: 35vh;
  }
}

.text_hero_int {
  overflow: hidden;
  padding-top: 45vh;
  padding-bottom: 5vh;
  font-size: 30rem !important;
  z-index: 2;
  position: inherit;
}

.text_hero_int h1 {
  font-size: 19% !important;
}

.fondo_footer {
  background-color: var(--color_2) !important;
  background-image: url("../../assets/img/fondo_footer.jpg");
  background-attachment: fixed;
  background-size: cover;
  background-position: center 20vh;
  background-repeat: no-repeat;
}

/* https://unused-css.com/tools/clip-path-generator?p=22MwVgdAHATA7AXARhmYAGKAaALFsVERggYgJgBsBYMx5qRMAnIsljRua8IuWKiJhjAwWRLijEmkRFDzEIuEIjISMjejFhxCWKAjXhyUfOARQsGBKlRxUl64msYbVuzbvhm4VQmGpG+IyQMBYIhJQIZOxQwtD4CLhI+mh4iOA0ANxZAMQApgBGbCAAhkA */

.fondo_alcance {
  background-image: url("bg-alcance.jpg");
  background-size: contain;
  background-position: top center;
  background-color: var(--color_1);
}

.fondo_beneficios {
  background-image: url("beneficios.jpg");
  background-size: cover;
  background-position: top center;
}

.container_home_float {
  position: relative;
  display: block;
  z-index: 10;
  margin-top: 150px;
  margin-left: 7%;
}

@media (min-width: 992px) {
  .container_home_float {
    position: absolute;
    z-index: 10;
    margin-top: 150px;
    margin-left: 8%;
  }
}

.icos_redes_float {
  position: fixed;
  width: 100px;
  height: auto;
  bottom: 20px;
  right: 0px;
  text-align: center;
  z-index: 100;
  color: var(--color_2);
  transform: translate(0%, -0%);
}

body {
  background: #333;
}

.icos_redes_float a {
  color: var(--color_2);
}

.icos_redes_float a:hover {
  color: var(--color_2_dark);
}

.icos_redes_float i {
  font-size: 32px;
  margin-bottom: 24px;
  border-radius: 50%;
  border: 1px solid var(--color_2);
  padding: 10px;
}

.box.border_image img {
  transition: all ease-out .2s !important;
}

.box.border_image:hover img {
  transition: all ease-in .1s !important;
  transform: translate(15px, -15px);
  border: solid var(--color_1) 5px;
}

.mapa_float {
  position: relative;
  margin-bottom: -35vh;
  left: 0%;
  /*transform: translateX(-50%);*/
}

button.bg_color_2:hover {
  transition: all linear .1s;
  background: var(--color_1_dark);
  font-weight: 600 !important;
  color: white;
}

.label_form {
  background-color: var(--color_1);
  color: white;
  /*border-radius: 10px;*/
  padding-top: 12px;
  height: 100%;
  font-weight: normal;
}

.modal-body {
  border: solid 2px var(--color_2);
  border-radius: 5px;
}

.close_modal_btn {
  position: absolute;
  top: 8px;
  right: 8px;
}

.borders_quienes {
  border-top: solid var(--color_1) 4px;
  border-bottom: solid var(--color_1) 4px;
}

.borders_quienes_unidades {
  border: solid var(--color_1) 1px;
  border-radius: 20px;
  min-height: 146px;
}

.bg_patter_white {
  background-position: center;
  background-attachment: fixed;
  background-image: url("../../assets/img/fondo_pattern_white.jpg");
}

.arrow-bg {
  /*clip-path: polygon(50% 0%, 100% 50%, 75% 50%, 75% 100%, 25% 100%, 25% 50%, 0% 50%);*/
  /*background-image: url('../../assets/img/img_home_bienvenidos.jpg');*/
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 300px;
  margin: 30px auto;
  position: relative;
  transform: translateZ(0);
}

/* Efecto parallax */

[data-rellax-speed] {
  will-change: transform;
}

.blend-mode-multiply {
  mix-blend-mode: multiply;
}

.title_sections_1 {
  position: absolute;
  bottom: -12px;
  left: 3vw;
  overflow: hidden !important;
  font-size: clamp(3vw, 15vw, 20vw) !important;
  mix-blend-mode: multiply;
  color: var(--color_1);
  transform: translateY(-10%);
}

.title_sections_2 {
  position: absolute;
  bottom: -12px;
  left: 7vw;
  overflow: hidden !important;
  font-size: clamp(1vw, 9vw, 12vw) !important;
  z-index: 131;
  color: var(--color_1);
}

hr.color_1 {
  height: 2px;
  background-color: var(--color_1);
  opacity: 1;
  border-top: none;
}

.container_servicio_data {
  border: solid var(--color_2) 3px;
}

.container_servicio_data:hover {
  border: solid white 3px;
  background: rgb(239,126,31);
  /*transform: scaleX(101%);*/
  color: white;
  background: -moz-linear-gradient(36deg, rgba(239,126,31,1) 0%, rgba(244,166,57,1) 38%, rgba(249,203,81,1) 64%, rgba(239,129,33,1) 100%);
  background: -webkit-linear-gradient(36deg, rgba(239,126,31,1) 0%, rgba(244,166,57,1) 38%, rgba(249,203,81,1) 64%, rgba(239,129,33,1) 100%);
  background: linear-gradient(36deg, rgba(239,126,31,1) 0%, rgba(244,166,57,1) 38%, rgba(249,203,81,1) 64%, rgba(239,129,33,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ef7e1f",endColorstr="#ef8121",GradientType=1);
  transition: color .1s linear;
  transition: background-color .5s ease-in-out;
}

.container_servicio_data:hover hr.color_1 {
  background-color: white;
}