@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@font-face {
    font-family: 'Patria';
    font-style: normal;
    font-weight: 400;
    src: url("fonts/Patria_Regular.otf") format("opentype");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
:root{
  	--VerdePrincipal: #002422;
  	--VerdeSecundario: #175F39;
    --AzulPrincipal: #0053BB;
    --AzulSec: #1C2A53;
    --fuenteoficial: 'Noto Sans';
    --Rojo4t: #602132;
  	--Blanco: #fff;
}
* {
	  font-family: var(--fuenteoficial), 'Arial', sans-serif;
}
body{
    background-size: 100% 100%;
    background-position: 0px 0px;
    background: linear-gradient(180deg, #002422 28.37%, #175F39 100%);
    /*background-image: radial-gradient(75% 75% at 50% 50%, #0 65%, #010204 100%);*/

}
.navbar .nav-link a{
    font-weight: bold;
    color: var(--Blanco);
  	font-family: "Patria", var(--fuenteoficial), "Helvetica", "Arial", sans-serif;
}
.navbar-brand .float-right{
    width: 200px;
}
.navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem; 
  		border-right:1px solid #fff;
    }
.lgateway{
    background: none;
}
body h2{
    color: #fff;
    text-align: center;
  	font-family: "Patria", var(--fuenteoficial), "Helvetica", "Arial", sans-serif !important;
}
.camera_commands{
    display: none !important;
    visibility: hidden !important;
}
.camera_pag_ul{
    text-align: center !important;
}
.camera_wrap{
    margin-bottom: 6.5rem; /* Se define el tamaño del margen inferior del modulo de galeria */
}
.wellcome img{
    width: 100%;
}
.container h2{
    padding: 30px 0;
}
article{
    color: #fff;
    text-align: center;
    font-size: 18px;
}
.card-text{
    color: var(--AzulSec);
    text-align: justify;
}
.card{
    margin: 30px 0;
  	min-height: 430px;
}
.cartas .col-6{
    padding-bottom: 30px;
}
.card-img-top {
    width: 50%;
    padding-top: 35px;
}
.card-body ul, .comercia ul{
    display: inline-flex;
    padding-inline-start:0;
    list-style: none;
}
.card-body ul li a, .comercia ul li a{
    padding: 15px;
    font-weight: bold;
    color: var(--AzulSec);
    text-decoration: underline;
}
footer{
    background: var(--Rojo4t);
    padding: 15px;
}
.imgfooter{
    width: 100%;
    height: 200px;
    background: center / contain no-repeat url("../images/lfooter.svg");
}
.finder{
    padding: 30px 0;
}
.finder .btn{
    color: #fff;
}
.phocadownloadfile32{
    background: none;
    border: none;
    margin: 0 5px;
    padding: 0px
}
.comercia{
  background:#fff;
  border-radius:0.25rem;
  margin:30px 0;
  padding: 100px 0;
}
.button-red p, .button-rep p, .card-text a{
  background: var(--Rojo4t);
  padding:10px;
  margin:30px 15px;
  border-radius:5px;
}
.button-red p a, .button-rep p a, .card-text a{
  color: var(--Blanco);
}
.button-red a::before {
  content:url('../images/iconfile.png');
  position:relative;
  z-index:100000;
  left:-5px;
  top:5px;
}
.button-rep a::before {
  content:url('../images/iconrep.png');
  position:relative;
  z-index:100000;
  left:-5px;
  top:5px;
}
@media only screen and (max-width: 979px) {

}
@media screen and (min-width: 320px) and (max-width: 380px) {

}
@media screen and (min-width: 768px) and (max-width: 1199px) {

}
@media screen and (min-width: 375px) and (max-width: 768px) {
      .imgfooter{
        margin: 30px 0;
        background: center / contain no-repeat url("../images/lfooterm.svg");
    }
}
@media only screen and (max-width: 480px) {
    .camera_wrap{
    margin-bottom: 2.5rem; /* Se define el tamaño del margen inferior del modulo de galeria */
    }
    ul.camera_pag_ul{
        display: none; /* Se ocultan los botones de la galeria */
    }
  .card-body ul li a, .comercia ul li a{
    padding: 5px;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    border-right: none;
  }
}