.menu-fijo .header-contenedor .sub-contenedor, .menu-fijo .header-contenedor .sub-contenedor .navegacion ul li, .img_fondo, .img_fondo .contenedor .ct-1, .img_fondo .contenedor .ct-3 button, #Productos, #Contactenos, #Nosotros {
  padding-left: 2vw;
  padding-right: 2vw; }

#Contactenos {
  padding-top: 6vw;
  padding-bottom: 6vw; }

#Productos .n_produc .prod .prods_venta h3 {
  margin-top: 1vw;
  margin-bottom: 1vw; }

#Nosotros .nosotros_seccion {
  margin-top: 2vw;
  margin-bottom: 2vw; }

#Nosotros .nosotros_header, #Nosotros .nosotros_seccion, #Nosotros .nosotros_footer {
  margin-left: 6vw;
  margin-right: 6vw; }

#Productos .separador, #Productos .n_produc .prod .prods_venta .separador, .separador, #Nosotros .separador {
  margin-top: 1vw;
  background: #f8f9fa;
  text-align: start;
  padding: 0;
  height: 0.3333333333vw;
  width: 100%;
  border-radius: 10px 0 10px 0; }

@keyframes miGiro {
  0% {
    transform: rotate(0deg);
    opacity: 0.1; }
  100% {
    transform: rotate(360deg);
    opacity: 1; } }
@keyframes miEscala {
  0% {
    transform: scale(0.4); }
  100% {
    transform: scale(1); } }
@keyframes camion {
  0% {
    position: absolute;
    bottom: 0;
    left: -34vw;
    z-index: 1000; }
  100% {
    position: absolute;
    bottom: 0;
    left: 32vw; } }
@keyframes camion_celular {
  0% {
    position: absolute;
    bottom: 0;
    left: -34vw;
    z-index: 1000; }
  100% {
    position: absolute;
    bottom: 0;
    left: 50vw; } }
* {
  margin: 0;
  box-sizing: border-box;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none; }
  * body {
    background: transparent; }

.menu-fijo {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 2000; }
  .menu-fijo .header-contenedor {
    height: 6vw;
    background-color: #112c38;
    display: flex;
    flex-direction: column;
    position: relative; }
    .menu-fijo .header-contenedor .sub-contenedor {
      display: flex;
      justify-content: space-between; }
      .menu-fijo .header-contenedor .sub-contenedor a img {
        height: 10.8vw;
        position: relative;
        z-index: 1000; }
      .menu-fijo .header-contenedor .sub-contenedor .navegacion > ul > li:first-child {
        display: none; }
        .menu-fijo .header-contenedor .sub-contenedor .navegacion > ul > li:first-child ul {
          display: none; }
      .menu-fijo .header-contenedor .sub-contenedor .navegacion {
        display: flex;
        align-items: center; }
        .menu-fijo .header-contenedor .sub-contenedor .navegacion ul {
          display: flex;
          list-style: none;
          align-items: center;
          justify-content: center;
          font-weight: bold;
          height: 6vw;
          margin: 0; }
          .menu-fijo .header-contenedor .sub-contenedor .navegacion ul:hover li a {
            transform: scale(0.9);
            opacity: .5;
            filter: blur(2px);
            cursor: pointer;
            transition: 0.3s;
            color: #f8f9fa; }
          .menu-fijo .header-contenedor .sub-contenedor .navegacion ul li {
            align-items: center;
            height: 6vw;
            color: #f8f9fa;
            display: flex;
            align-items: center;
            transition: 0.4s;
            font-size: 1.2vw; }
            .menu-fijo .header-contenedor .sub-contenedor .navegacion ul li:hover {
              cursor: pointer;
              color: #112c38;
              transition: 0.4s;
              transform: scale(1);
              opacity: 1;
              filter: blur(0);
              font-weight: normal; }
            .menu-fijo .header-contenedor .sub-contenedor .navegacion ul li:before {
              content: '';
              position: absolute;
              top: 0;
              left: 0;
              width: 100%;
              height: 100%;
              background-color: #FFA514;
              transition: transform 0.4s;
              transform-origin: right;
              transform: scaleX(0);
              z-index: -1; }
            .menu-fijo .header-contenedor .sub-contenedor .navegacion ul li:hover:before {
              transition: transform 0.4s;
              transform-origin: left;
              transform: scaleX(1); }
            .menu-fijo .header-contenedor .sub-contenedor .navegacion ul li a {
              padding: 0.5vw;
              text-decoration: none;
              position: relative;
              text-transform: uppercase;
              transition: 0.5s;
              color: #f8f9fa; }
              .menu-fijo .header-contenedor .sub-contenedor .navegacion ul li a:hover {
                transform: scale(1.1);
                opacity: 1;
                filter: blur(0);
                font-weight: bold;
                color: #112c38; }
              .menu-fijo .header-contenedor .sub-contenedor .navegacion ul li a:before {
                content: '';
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                transition: transform 0.5s;
                transform-origin: right;
                transform: scaleX(0);
                z-index: -1; }
              .menu-fijo .header-contenedor .sub-contenedor .navegacion ul li a:hover:before {
                transition: transform 0.5s;
                transform-origin: left;
                transform: scaleX(1); }
      .menu-fijo .header-contenedor .sub-contenedor .hamburguer {
        align-self: center;
        color: #f8f9fa; }
        .menu-fijo .header-contenedor .sub-contenedor .hamburguer img {
          height: 2vw; }
    .menu-fijo .header-contenedor .menu_desplegable ul {
      list-style: none; }
      .menu-fijo .header-contenedor .menu_desplegable ul li a {
        color: #f8f9fa; }
  .menu-fijo .separador {
    background-color: #FFA514;
    margin: 0;
    padding: 0;
    height: 1vw; }

#ha_despl {
  text-align: right; }

.desplegable {
  display: none;
  background-color: #112c38;
  list-style: none;
  text-decoration: none;
  float: bottom;
  position: relative;
  justify-content: end;
  align-items: right; }
  .desplegable li {
    display: block;
    background-color: #112c38;
    text-align: right; }
    .desplegable li a {
      color: #f8f9fa; }

#contenedor_celular {
  cursor: default; }
  #contenedor_celular li a {
    font-size: 2vw !important;
    width: 100%; }

@media screen and (max-width: 767px) {
  .navegacion > ul > li:first-child {
    display: block !important; }

  .navegacion > ul > li + li {
    display: none !important; }

  .hamburguer {
    display: inline-block !important;
    align-self: center !important; }
    .hamburguer img {
      height: 4vw !important; }

  .header-contenedor {
    height: 7.8vw !important; }

  .sub-contenedor > a > img {
    height: 15vw !important; }

  .navegacion ul:hover li a {
    filter: none !important;
    opacity: 1 !important;
    transition: 0.4s !important; } }
section {
  display: flex;
  flex-direction: column; }

.fondos {
  background: url("./Imagenes/n3.jpg") no-repeat;
  background-size: cover;
  position: relative; }

.img_fondo {
  margin-top: 6vw;
  height: fit-content; }
  .img_fondo .contenedor {
    /*display:flex;
    flex-wrap: nowrap;
    justify-content: space-between;*/
    display: grid;
    grid-template-columns: auto auto auto;
    text-align: center;
    align-items: center;
    color: #f8f9fa;
    position: relative;
    padding-top: 7vw;
    padding-bottom: 5vw; }
    .img_fondo .contenedor .ct-1 {
      align-self: center;
      text-align: inherit;
      font-size: 1.7vw;
      text-align: start;
      text-transform: uppercase; }
      .img_fondo .contenedor .ct-1 .fondo {
        width: 85%;
        background: #6c757d;
        opacity: 0.9;
        -webkit-border-radius: 1vw;
        -moz-border-radius: 1vw;
        -ms-border-radius: 1vw;
        border-radius: 1vw;
        padding: 2vw;
        margin-bottom: 1vw; }
      .img_fondo .contenedor .ct-1 span {
        font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
        font-weight: bold;
        font-size: 1.3vw; }
      .img_fondo .contenedor .ct-1 .separador {
        margin-top: 1vw;
        background: #f8f9fa;
        text-align: start;
        padding: 0;
        height: 0.3333333333vw;
        width: 100%;
        border-radius: 10px 0 10px 0; }
      .img_fondo .contenedor .ct-1 p {
        margin-top: 1vw;
        margin-bottom: 1vw;
        text-transform: none;
        text-align: justify;
        font-size: 1vw;
        line-height: 1.2vw; }
      .img_fondo .contenedor .ct-1 a {
        padding: 0;
        text-decoration: none;
        opacity: 1;
        transition: 1s; }
        .img_fondo .contenedor .ct-1 a .btn_conoce {
          background: #002571;
          color: #f8f9fa;
          border: none;
          padding: 1vw;
          -webkit-border-radius: 1vw;
          -moz-border-radius: 1vw;
          -ms-border-radius: 1vw;
          border-radius: 1vw;
          cursor: pointer;
          font-size: 0.8vw;
          width: 8vw; }
        .img_fondo .contenedor .ct-1 a:hover {
          opacity: 0.8;
          transition: 0.3s; }
    .img_fondo .contenedor .ct-2-3 {
      margin: 0;
      padding: 0;
      display: flex; }
    .img_fondo .contenedor .ct-2 {
      margin: auto;
      align-self: center;
      width: 35vw; }
      .img_fondo .contenedor .ct-2 #img_prod {
        animation: miGiro 2s; }
      .img_fondo .contenedor .ct-2 #camion {
        margin: auto;
        animation: camion 3s;
        position: absolute;
        bottom: 0;
        left: 32vw; }
    .img_fondo .contenedor .ct-3 {
      text-transform: uppercase;
      align-self: center;
      position: relative;
      z-index: 1000; }
      .img_fondo .contenedor .ct-3 div {
        display: flex;
        flex-direction: column; }
      .img_fondo .contenedor .ct-3 button {
        font-weight: bold;
        font-size: 1.2vw;
        width: 28vw;
        height: 5vw;
        display: flex;
        justify-content: left;
        align-items: center; }
        .img_fondo .contenedor .ct-3 button span {
          font-size: 1vw; }
      .img_fondo .contenedor .ct-3 .btn {
        color: #f8f9fa;
        -webkit-border-radius: 1vw;
        -moz-border-radius: 1vw;
        -ms-border-radius: 1vw;
        border-radius: 1vw;
        margin-bottom: 2vw;
        cursor: pointer;
        animation: miEscala 1s;
        text-transform: uppercase;
        border: 1px solid #002571;
        transition: 0.8;
        position: relative;
        overflow: hidden;
        transition: 0.8s;
        position: relative;
        overflow: hidden;
        background: none; }
      .img_fondo .contenedor .ct-3 .btn1 {
        color: #f8f9fa; }
      .img_fondo .contenedor .ct-3 .btn1:hover {
        color: #f8f9fa; }
      .img_fondo .contenedor .ct-3 .btn::before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background: #002571;
        z-index: -1;
        transition: 0.8s; }
      .img_fondo .contenedor .ct-3 .btn1::before {
        top: 0;
        border-radius: 0 0 50% 50%;
        height: 180%; }
      .img_fondo .contenedor .ct-3 .btn1:hover::before {
        height: 0%; }
      .img_fondo .contenedor .ct-3 .boton {
        color: #f8f9fa;
        -webkit-border-radius: 1vw;
        -moz-border-radius: 1vw;
        -ms-border-radius: 1vw;
        border-radius: 1vw;
        margin-bottom: 2vw;
        cursor: pointer;
        animation: miEscala 1s;
        text-transform: uppercase;
        border: 1px solid #FFA514;
        transition: 0.8;
        position: relative;
        overflow: hidden;
        transition: 0.8s;
        position: relative;
        overflow: hidden;
        background: none; }
      .img_fondo .contenedor .ct-3 .btn2 {
        color: #f8f9fa; }
      .img_fondo .contenedor .ct-3 .btn2:hover {
        color: #f8f9fa; }
      .img_fondo .contenedor .ct-3 .boton::before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 100%;
        background: #FFA514;
        z-index: -1;
        transition: 0.8s; }
      .img_fondo .contenedor .ct-3 .btn2::before {
        top: 0;
        border-radius: 0 0 50% 50%;
        height: 180%; }
      .img_fondo .contenedor .ct-3 .btn2:hover::before {
        height: 0%; }
      .img_fondo .contenedor .ct-3 img {
        animation: miEscala 1s; }

#nosotros_ {
  opacity: 0; }

.menu_desplegable {
  position: fixed;
  width: 25vw;
  right: 0;
  top: 0;
  display: none;
  top: 6vw;
  background-color: #112c38;
  z-index: 2000;
  transition: 0.3s; }
  .menu_desplegable ul li {
    list-style: none;
    padding: 1vw;
    cursor: pointer; }
    .menu_desplegable ul li:hover {
      background-color: #00b5e6; }
    .menu_desplegable ul li a {
      font-size: 2vw;
      color: #f8f9fa;
      cursor: pointer; }

@media screen and (max-width: 767px) {
  .contenedor {
    display: grid;
    grid-template-columns: auto auto; }

  #camion {
    display: initial !important;
    height: 14vw !important;
    width: 42vw !important;
    left: 50vw !important;
    animation: camion_celular 2s !important; }

  .menu_desplegable {
    display: block !important;
    right: -25vw; }

  .ct-3 {
    display: none; }

  .fondo p {
    line-height: 3vw !important; }

  .ct-2 {
    width: 42vw !important;
    height: 41vw !important; }
    .ct-2 img:first-child {
      width: 100% !important; }

  .fondo {
    width: 100% !important; }

  .ct-1 {
    line-height: 3vw !important; }
    .ct-1 a input {
      padding: 2vw !important;
      font-size: 2vw !important;
      width: fit-content !important; } }
#Productos {
  background: url("./Imagenes/F_pro.jpg") no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  padding-top: 6vw; }
  #Productos h1 {
    font-size: 3vw;
    color: #f8f9fa;
    text-align: end; }
  #Productos .n_produc {
    display: flex;
    flex-direction: row;
    justify-content: start;
    /*display:grid;
    grid-template-columns:1fr 1fr;*/
    padding: 2vw; }
    #Productos .n_produc .demo {
      flex: 50%;
      display: flex;
      flex-direction: column;
      width: 50vw; }
      #Productos .n_produc .demo h3 {
        font-size: 1.7vw;
        color: #f8f9fa; }
      #Productos .n_produc .demo .slider_prod {
        padding: 2vw;
        width: 80%;
        max-width: 80%;
        margin: auto; }
        #Productos .n_produc .demo .slider_prod img {
          width: 100%;
          -webkit-border-radius: 1vw;
          -moz-border-radius: 1vw;
          -ms-border-radius: 1vw;
          border-radius: 1vw; }
    #Productos .n_produc .prod {
      flex: 50%;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #f8f9fa;
      position: relative; }
      #Productos .n_produc .prod .prods_venta {
        position: relative;
        top: 4vw;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: start;
        height: 22vw;
        background: #6c757d;
        opacity: 0.9;
        -webkit-border-radius: 20px;
        -moz-border-radius: 20px;
        -ms-border-radius: 20px;
        border-radius: 20px;
        padding-left: 1vw;
        padding-right: 1vw;
        padding-top: 2vw;
        position: absolute;
        left: 0;
        width: 100%; }
        #Productos .n_produc .prod .prods_venta .separador {
          margin-bottom: 1vw; }
        #Productos .n_produc .prod .prods_venta h3 {
          font-size: 1.5vw;
          margin-top: 0;
          margin-bottom: 0; }
        #Productos .n_produc .prod .prods_venta table {
          font-size: 1.2vw; }
          #Productos .n_produc .prod .prods_venta table td:nth-of-type(odd) {
            font-weight: bold; }
          #Productos .n_produc .prod .prods_venta table tr td {
            font-size: 1.2vw; }

#contactenos_main {
  height: 6vw; }

.h3_slide {
  margin-top: 0; }

#descripcion {
  text-align: justify;
  font-weight: normal !important; }

.slider_prod1 {
  display: none; }

@media screen and (max-width: 767px) {
  .prod {
    display: none !important; }

  #Productos h1 {
    font-size: 5vw !important; }
  #Productos .demo h3 {
    font-size: 2.8vw !important; }

  .slider_prod1 {
    display: block !important;
    padding: 2vw !important;
    width: 80% !important;
    max-width: 80% !important;
    margin: auto !important; }
    .slider_prod1 img {
      width: 100% !important;
      -webkit-border-radius: 1vw;
      -moz-border-radius: 1vw;
      -ms-border-radius: 1vw;
      border-radius: 1vw; }

  .slider_prod {
    display: none !important; } }
#Contactenos {
  background-color: black;
  color: #f8f9fa; }
  #Contactenos h1 {
    font-size: 3vw;
    text-align: end; }
  #Contactenos .contactenos_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 8vw; }
    #Contactenos .contactenos_header .cont_header_1 {
      font-size: 1.2vw;
      padding: 2vw;
      flex: 85%; }
    #Contactenos .contactenos_header .cont_header_2 {
      flex: 15%;
      text-align: end; }
      #Contactenos .contactenos_header .cont_header_2 img {
        height: 7vw; }
  #Contactenos .contenido_cont {
    display: flex;
    padding: 2vw; }
    #Contactenos .contenido_cont .form_ {
      flex: 25%; }
    #Contactenos .contenido_cont .formulario {
      display: flex;
      height: 35vw; }
      #Contactenos .contenido_cont .formulario legend {
        font-size: 2vw;
        font-weight: bold; }
    #Contactenos .contenido_cont fieldset {
      -webkit-border-radius: 1vw;
      -moz-border-radius: 1vw;
      -ms-border-radius: 1vw;
      border-radius: 1vw;
      width: 100%;
      height: 100%;
      padding: 1vw;
      line-height: 2.2vw; }
      #Contactenos .contenido_cont fieldset label, #Contactenos .contenido_cont fieldset input, #Contactenos .contenido_cont fieldset textarea {
        display: block; }
      #Contactenos .contenido_cont fieldset label, #Contactenos .contenido_cont fieldset input {
        font-size: 1.1vw; }
      #Contactenos .contenido_cont fieldset input, #Contactenos .contenido_cont fieldset textarea {
        -webkit-border-radius: 0.3333333333vw;
        -moz-border-radius: 0.3333333333vw;
        -ms-border-radius: 0.3333333333vw;
        border-radius: 0.3333333333vw;
        width: 18vw; }
      #Contactenos .contenido_cont fieldset textarea {
        height: 13vw; }
      #Contactenos .contenido_cont fieldset .cont_form {
        padding: 2vw; }
        #Contactenos .contenido_cont fieldset .cont_form #enviar {
          background-color: #FFA514;
          color: black;
          padding: 0.3333333333vw;
          border-color: #FFA514;
          width: fit-content;
          padding: 0.5vw;
          cursor: pointer; }
          #Contactenos .contenido_cont fieldset .cont_form #enviar:hover {
            color: #fff;
            background-color: #112c38;
            border-color: #112c38;
            transition: 0.4s; }
    #Contactenos .contenido_cont .mapa {
      flex: 75%;
      display: flex;
      justify-content: center;
      padding: 2vw;
      position: relative;
      top: -1vw; }
      #Contactenos .contenido_cont .mapa .map {
        width: 90%;
        -webkit-border-radius: 1vw;
        -moz-border-radius: 1vw;
        -ms-border-radius: 1vw;
        border-radius: 1vw;
        overflow: hidden;
        height: 34vw; }
      #Contactenos .contenido_cont .mapa iframe {
        width: 100%;
        height: 100%;
        -webkit-border-radius: 1vw;
        -moz-border-radius: 1vw;
        -ms-border-radius: 1vw;
        border-radius: 1vw; }

.respuesta {
  color: #f8f9fa;
  height: 2vw;
  display: none; }

.muestra {
  display: block !important;
  color: #f8f9fa;
  background-color: #00b5e6; }

.falla {
  display: block !important;
  color: #f8f9fa;
  background-color: #dc3545; }

@media screen and (max-width: 767px) {
  #Contactenos h1 {
    font-size: 5vw !important; }

  .contactenos_header {
    margin-bottom: 3vw !important; }
    .contactenos_header .cont_header_1 {
      font-size: 2.8vw !important;
      flex: 65% !important;
      text-align: justify; }
    .contactenos_header .cont_header_2 {
      display: none !important; }

  #Contactenos .separador {
    margin-bottom: 4vw; }

  .respuesta {
    height: 2.4vw !important; }

  .contenido_cont {
    flex-direction: column; }

  .form {
    flex: 100% !important; }

  .formulario {
    height: 63vw !important;
    margin-bottom: 5vw !important;
    justify-content: center;
    width: 100%; }
    .formulario fieldset {
      line-height: 5vw !important; }
    .formulario label, .formulario input, .formulario textarea {
      font-size: 2.8vw !important;
      width: 70vw !important; }
    .formulario legend {
      font-size: 3.6vw !important; }

  .map {
    height: 63vw !important; } }
#Nosotros {
  background-color: black;
  color: black;
  display: flex;
  flex-direction: column;
  padding-top: 6vw; }
  #Nosotros h1 {
    font-size: 3vw; }
  #Nosotros .nosotros_header {
    padding: 1vw;
    margin-top: 1vw;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    #Nosotros .nosotros_header .nosotros1 {
      text-transform: uppercase;
      font-size: 2vw;
      padding: 0.3333333333vw; }
    #Nosotros .nosotros_header .nosotros2 {
      font-size: 1.5vw; }
      #Nosotros .nosotros_header .nosotros2 ul {
        display: flex; }
        #Nosotros .nosotros_header .nosotros2 ul li + li {
          margin-left: 0.5vw; }
        #Nosotros .nosotros_header .nosotros2 ul li {
          position: relative;
          z-index: 1800;
          list-style: none;
          background-color: #f8f9fa;
          -webkit-border-radius: 1vw;
          -moz-border-radius: 1vw;
          -ms-border-radius: 1vw;
          border-radius: 1vw;
          display: flex;
          align-items: center;
          padding: 0.3333333333vw;
          cursor: pointer;
          color: black;
          transition: 0.4s; }
          #Nosotros .nosotros_header .nosotros2 ul li:hover {
            background-color: #FFA514; }
          #Nosotros .nosotros_header .nosotros2 ul li img {
            height: 3vw;
            background-color: transparent;
            position: relative;
            z-index: -1; }
  #Nosotros .nosotros_seccion {
    font-size: 1.2vw; }
    #Nosotros .nosotros_seccion div + div {
      display: none; }
    #Nosotros .nosotros_seccion .nos_sec_con {
      background-color: #E6E7E8;
      width: 100%;
      border-radius: 1vw 0 0 0;
      position: relative;
      z-index: 1000;
      height: 13vw; }
      #Nosotros .nosotros_seccion .nos_sec_con h3 {
        display: none;
        font-size: 1.3vw;
        padding: 1vw; }
      #Nosotros .nosotros_seccion .nos_sec_con p {
        padding: 1vw;
        position: absolute;
        z-index: 1800;
        font-size: 1vw;
        line-height: 2vw; }
      #Nosotros .nosotros_seccion .nos_sec_con img {
        width: 100%;
        height: 80%;
        position: relative;
        z-index: 1000;
        bottom: -3vw; }
  #Nosotros .nosotros_footer {
    display: flex;
    justify-content: space-between; }
    #Nosotros .nosotros_footer img {
      height: 16vw; }

#mis_prod {
  opacity: 0; }

@media screen and (max-width: 767px) {
  .nosotros1 {
    font-size: 4vw !important;
    font-weight: bold !important; }

  .nosotros_footer img:last-child {
    display: none; }

  .nosotros2_enlaces {
    display: none; }

  .nos_sec_con {
    display: block !important;
    justify-content: space-between !important;
    margin-bottom: 3vw;
    height: 30vw !important; }
    .nos_sec_con p {
      position: absolute !important;
      top: 0 !important;
      line-height: 3vw !important;
      font-size: 2.6vw !important;
      text-align: justify;
      width: 80% !important;
      position: relative;
      z-index: 1000; }
    .nos_sec_con h3 {
      display: block !important;
      font-size: 3vw !important;
      text-align: end; }
    .nos_sec_con img {
      bottom: 0 !important;
      width: 100% !important;
      height: 50% !important; }

  .nos_sec_con:first-child {
    height: 43vw !important; }
    .nos_sec_con:first-child br {
      display: none !important; }
    .nos_sec_con:first-child img {
      bottom: -25vw !important;
      height: 30% !important; }

  .nos_sec_con:last-child {
    height: 23vw !important; }
    .nos_sec_con:last-child img {
      bottom: -6vw !important; }

  .nos_sec_con:nth-child(2) {
    height: 22vw !important; }
    .nos_sec_con:nth-child(2) img {
      bottom: -6vw !important; }

  .nos_sec_con:nth-child(3) {
    height: 18vw !important; }
    .nos_sec_con:nth-child(3) img {
      bottom: -4vw !important; } }
footer {
  background-color: #002571;
  height: 30vw;
  height: fit-content;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  color: #f8f9fa;
  position: relative; }
  footer .col1 {
    flex: 20%; }
  footer .col2 {
    flex: 10%; }
  footer .col3, footer .col4 {
    flex: 35%; }
  footer .col1, footer .col2, footer .col3, footer .col4, footer .col5 {
    padding: 2vw;
    width: 80%;
    max-width: 80%;
    margin: 0;
    height: 15vw; }
  footer h4 {
    font-size: 1.3vw;
    margin-bottom: 1vw; }
  footer p, footer span, footer a {
    text-align: justify;
    font-size: 0.9vw; }
  footer .col2 li {
    list-style: none;
    position: relative; }
    footer .col2 li a {
      text-decoration: none;
      color: #f8f9fa;
      cursor: pointer;
      position: relative; }
      footer .col2 li a:hover {
        left: 2px;
        color: #00b5e6;
        transition: 0.3s; }
  footer .col3 {
    display: flex;
    flex-direction: column;
    height: fit-content; }
    footer .col3 .contactenos {
      display: flex;
      justify-content: space-between; }
      footer .col3 .contactenos li {
        list-style: none;
        margin-bottom: 1vw; }
      footer .col3 .contactenos img {
        width: 1vw;
        height: 1.1vw; }
      footer .col3 .contactenos span {
        text-decoration: none;
        color: #f8f9fa; }
      footer .col3 .contactenos .col3_1 ul {
        display: flex;
        flex-wrap: wrap; }
      footer .col3 .contactenos .col3_2 ul {
        display: flex;
        flex-wrap: wrap; }
      footer .col3 .contactenos .col3_1, footer .col3 .contactenos .col3_2 {
        padding-right: 1vw; }
  footer .col4 {
    display: flex;
    flex-direction: column; }
    footer .col4 .imagenes {
      position: absolute;
      top: -3vw; }
      footer .col4 .imagenes img {
        width: 7vw; }
        footer .col4 .imagenes img:hover {
          transform: scale(1.1);
          cursor: pointer; }
    footer .col4 .leyenda {
      margin-top: 3vw;
      margin-right: 1.8vw; }
      footer .col4 .leyenda p {
        text-align: end; }
        footer .col4 .leyenda p a {
          text-decoration: none;
          color: #f8f9fa;
          font-size: 1vw; }

@media screen and (max-width: 767px) {
  .col1 {
    display: none !important; }

  .col2 {
    display: none !important; }

  h4 {
    font-size: 3.8vw !important;
    margin-bottom: 5vw !important; }

  span, p {
    font-size: 2.8vw !important; }

  .col3 {
    flex: 50% !important; }
    .col3 img {
      width: 5vw !important;
      height: 5.2vw !important; }
    .col3 .col3_1 br {
      display: none !important; }

  .contactenos {
    flex-direction: column !important; }

  .col4 {
    margin: 0 !important; }
    .col4 .imagenes {
      position: initial !important; }
      .col4 .imagenes img {
        width: 15vw !important; }
    .col4 .leyenda p {
      text-align: end !important; }
      .col4 .leyenda p a {
        font-size: 2vw !important; } }

/*# sourceMappingURL=principal.css.map */