:root {
  --rojo: #A2261A;
  --azul: #06003A;
  --snow: #F8F8F8;
  --slvr1: #8C8C8C;
  --gris: #4E4E4D;
  --drk: #2A2A2A;
  --grn: rgb(108, 201, 168);  
  --gren: rgb(37, 128, 96);
  --eblue: #0075ff;
}
li{ 
  list-style: none;
}
body {
  margin: 0;
  font-family: "bentonsans book";
  background-color:var(--snow)
}
h3 {
  font-family: "Libre Caslon Text";
  font-weight: 200;
}

button:hover{
  cursor: pointer;
}
li:hover{
  cursor: pointer;
}

nav {
  margin: 0;
  font-family: "bentonsans book";
  height: 2.5rem;
  width: 100%;
  background-color: var(--snow);
  color: var(--azul);
  
}
nav ul{
  align-content: center;
  margin:0;
  display: flex;
  width: 100%;
  height: 100%;
  padding: 0;

}
nav ul img#logo{
  padding: .25rem .6rem;
  height:2rem;
}
nav ul li{
  list-style: none;
  height: 100%;
  align-content: center;
  
  color: #06003A;
}

header{
  color: #A2261A;
}
nav li a{
  margin: 0;
  text-decoration: none;
  font-size: .9rem;
  color: var(--azul) ;
  padding: .7rem 1vw ;
 
}
nav UL li a:hover{
  color: #F8F8F8;
  background-color: #06003A;
}
nav ul button{
  margin-right: 2%;
  margin-left: auto;
  color: var(--snow);
  background-color: #06003A;
  border: transparent;
  height: 80%;
  width:15%;
  align-self: center;
  border-radius: .3rem;
}
nav ul button:hover{
  background-color: var(--eblue);
}

h2 {
  font-family: "Gill sans mt";
  font-weight: 200;
  text-align: center;
}
/*Elementos de inicio*/
.sdr {
  height: 72vh;
  display: flex;
  background-color: var(--drk);
}

.sdr img {
  height: 8%;
  margin: 0;
  align-self: center;
  z-index: 1;
}

.sdrcnt {
  margin: 0%;
  width: 40%;
  height: 100%;
  z-index: 3;
}

.sdrcnt h1 {
  text-align: center;
  align-self: center;
  align-content: center;
  font-family: "bentonsans book";
  font-weight: 100;
  font-size: 250%;
  height: 65%;
  width: 90%;
  color: var(--snow);
  margin-left: 5%;
} 

.sdrcnt button {
 
  width: 90%;
  font-family: "bentonsans book";
  height: 3rem;
  border: solid var(--gris) .2rem;
  color: var(--gris);
  font-size: 1rem;
  border-radius: 1rem;
  margin-right: 3%;
  margin-left: 5%;
  margin-top: 0;
}

.sdrcnt button:hover {
  font-family: "bentonsans book";
  border: transparent;
  color: var(--snow);
  background-color: #0075ff;
}

.sdrgtctnr {
  display: flex;
  margin: 0;
  width: 65%;
  background-image: url(Tablero.jpg);
  background-position: bottom;
  background-size: cover;
}

.sdrgtctnr img {
  margin-right: 0;
  margin-left: auto;
}

.container {
  margin-top: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: var(--snow);
}

.container button#ctlg {
  background-color: var(--azul);
  font-family: "bentonsans book";
  font-size: 1.2rem;
  height: 3rem;
}

.container button#ctlg:hover {
  background-color: #0075ff;
}

.conaut {
  color: #A2261A;
  background-color: var(--snow);
  border-bottom: var(--slvr1) solid .2rem;
  border-top: var(--slvr1) solid .2rem;
  padding: 1.5rem;
  margin: 0;
}

.v {
  width: 350px;
  margin: 1.55% 1.5%;
}

.v img {
  width: 90%;
  height: auto;
  margin: 0 5%;
}

.v h3 {
  text-align: center;
  height: 3rem;
}

.v div {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  height: fit-content;
}

.v article {
  width: calc(50% - 10px);
  margin-bottom: 10px;
  font-family: "Sofia sans semi condensed";
  font-size: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: top;
  align-items: center;
  height: 6rem;
}

.v article img {
  width: auto;
  height: 1rem;
}

.v li {
  color: var(--azul);
  margin: 5% 0;
  font-size: 1rem;
}

article div {
  text-align: center;
  align-content: center;
  align-self: center;
  margin-top: 0;
}

.cnaut {
  color: #A2261A;
  align-items: center;
}


.v button {
  margin: 0 5%;
  width: 90%;
  height: 3rem;
  border-radius: .1rem;
  border-color: transparent;
  color: var(--snow);
  background-color: rgb(37, 128, 96);
  font-family: "bentonsans book";
  font-size: 100%;
}

.v button:hover {
  background-color: var(--eblue);
  cursor: pointer;
}

.financiamiento_trabajadores{
  width: 100%;
  padding: 0;
  margin: 0;
  height: fit-content;
  background-color: rgb(22, 16, 16);
}
.financiamiento_trabajadores img{
  width: 100%;
}

#ctlg {
  background-color: var(--azul);
  color: var(--snow);
  border: none;
  padding: 10px 20px;
  font-size: 16px;
  border-radius: 5px;
  cursor: pointer;
  align-self: center;
  margin-bottom: 5%;
}
.form{
  background-color: #06003A;
  width: 100%;
  
}
#frmm{
  width: 100%;
  padding:0;
}

.form input {
  width: calc(40% - 10px);
  margin: 1%;
  margin-left: 6%;
  margin-right: auto;
  justify-content: center;
  height: 3rem;
  border: solid var(--slvr1) .2rem;
  border-radius: 1rem;
}

input[type="text"]::placeholder,
input[type="number"]::placeholder,
input[type="email"]::placeholder {
  color: #999;
  text-align: left;
  padding-left: 5%;
  font-family: "bentonsans book";
  font-size: 125%;
}

.optn {
  display: flex;
  align-items: center;
  font-family: "bentonsans book";
  font-size: 2rem;
  margin:  0;
}
.optn p{
  margin-top: 1.5%;
  margin-bottom:1.5%;
}
.agree{
  align-items: center;
}

.form p {
  margin-left: 7%;
  width: 40%;
  color: #F8F8F8;
  
}
.form h2{
  margin:0;
  padding: 1% 0;
  color: #F8F8F8;
  font-size: 1.8rem;
  font-family: mulish;
  font-weight: 200;
}

.form select {
  margin-right: 6%;
  margin-left: 6%;
  width: 39%;
  height: 3.5rem;
  color: var(--azul);
  border: solid var(--slvr1) .2rem;
  border-radius: 1rem;
  color: var(--gris);
  font-size: 1rem;
}

.agree {
  display: flex;
  padding-bottom: 3%;
  align-content: center;
}

.chk {
  display: flex;
  width: 40%;
  margin-left: 5%;
  align-content: center;
  align-items: center;
  color: #e0e0e0;
  font-family: Arial, Helvetica, sans-serif;
}

.chk label {
  width: 90%;

  font-size: 110%;
  margin: 20px;
}

.chk input {
  width: 5%;
  margin: 0;
}

.agree button {
  margin-left: 8%;
  width: 39%;
  font-family: "bentonsans regular";
  height: 3rem;
  font-size: 125%;
  border-radius: 1.5rem;
  background-color: var(--eblue);
  color: white;
  border: transparent;
}

.agree button:hover {
  background-color: aquamarine;
  color: var(--azul);
}

footer {
  margin: 0;
  background-color: var(--drk);
  color: var(--slvr1);
  font-family: "bentonsans book";
  font-size: .7rem;
}
footer p{
  margin:0;
  text-align: center;
  padding: 1.5% 0;
  width: 100%;
  
}
.srsm{
  display: flex;
  margin: 0;
  justify-content: center;
  width: 100%;
  padding:0;
}
.srsm div{
  width:28%;
  margin: 0 2%;
  text-align: center;
  justify-content: center;
}
.srsm ul{
  margin:0;
  padding:0;

}

.srsm a{
  text-decoration: 0;
  color: #999;
}
.ftrscont{
  width:100%;
  justify-content: center;

}
.ftrscont div{
  width: 100%;
  margin: 0;;
  justify-content: center;
}
.ftrs{
  display: flex;
  padding: .2rem 0 ;
}
.ftrs img{
  height: .7rem;
  margin-right: 3%;
  
}
#mail{max-width: 90%;}



.info {
  height: fit-content;
  min-height: 42vh;
  display: flex;
  background-color: var(--gris);
  text-align: center;
}

.infocnt {
  width:90%;
  margin:0 5%;
  height: 100%;
  justify-content: center;
  align-content: center;
}

.infocnt h2 {
  margin-top: 8%;
  color: #F8F8F8;
}

.infocnt p {
  width: 85%;
  margin-left: 7%;
  color: #F8F8F8;
  font-family: "bentonsans book";
  font-size: 1.5rem;
}

.infocnt button {
  width: 80%;
  height: 12%;
  border-radius: .7rem;
  background-color: var(--snow);
  padding: 2% 20%;
  margin-bottom: 2%;
  font-family: "bentonsans";
  font-size: 1rem;
  border: transparent;
  color: var(--azul);
  margin-bottom: 6%;
}

.infocnt button:hover {
  background-color: var(--eblue);
  color: var(--snow);
}

.infoctnr {
  display: flex;
  margin: 0;
  width: 50%;
  background-image: url(fachada.png);
  background-position: bottom;
  background-size: cover;
}

.floating-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  height: 50px;
  width: 50px;
  background-color: #25d366;
  color: #fff;
  border: none;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  animation: pulse 1s infinite alternate;
}

@keyframes pulse {
  0% {
      transform: scale(1);
  }

  100% {
      transform: scale(1.1);
  }
}

.floating-btn:hover {
  background-color: #0056b3;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2);
}
/*Fin Inicio
Inicia Sitio Catalog*/


.banner {
  
  height:500px;
  width: 100%;
  background-image: url(bnr/Catalog/1.jpg);
  background-size:cover;
  background-position: bottom left;
}

.bnrtxt{
  display: none;
  color:#F8F8F8;

  width: 60%;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(255, 255, 255, 0));
  align-content: center;
}
.bnrtxt h1{
  width: 90%;
  margin: 0 5%;
  font-size: 4rem;
  font-family: "mulish";
  
  font-weight: bold;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.bnrimgd {
  border: red solid thin;
  width: 50%;
  background-image: url(martini.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: right bottom;
  overflow: visible;
}



.filter {
  height: fit-content;
 
  text-align: center;
  
}
.filter p{
padding:1% 0;
margin: 0;
font-size: 1.3rem;
font-family: "mulish";
color:var(--gris);
font-weight: 800;
}


.filter ul {
  margin: 0;
  padding: 0;
  display: flex; /* Cambiar a flex para que los elementos <li> estén en línea */
  justify-content: center; /* Centrar los elementos horizontalmente */
  align-items: center; /* Centrar los elementos verticalmente */
  border-bottom: var(--slvr1) 3px solid;
  background-image:  linear-gradient(to top, rgba(0, 0, 0, .10), rgba(255, 255, 255, 0));;
}

.filter li {
  flex: 0 0 calc( - 20px); /* Ancho flexible con espacio entre los elementos */
  margin: 0 10px; /* Espacio entre los elementos */
  list-style: none; /* Elimina los puntos de la lista */
  display: flex;
  padding: 2%;
 
}

.filter img {
  width: 100%; /* Ajustar el ancho de la imagen al 100% del contenedor <li> */
}
.container{
  width: 100%;
  margin: 0;
  padding: 0;
}
.v1 {
  margin: 2%;
  width: 380px;
  border-radius: 8px;
  background-color:var(--azul);
  height: fit-content;
  align-content: center;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.cat{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}


.v1:hover{
  cursor:pointer; 
}
.car{
  width: 100%;
}
.v1 h3 {
  text-align: center;
  align-self: center;
  height: fit-content;
  margin:0;
  padding:2% 0;
  font-family: "Sofia sans semi condensed";
  font-weight: bold;
  color: #F8F8F8;
}
.v1 article li#auto{
  display: none;
}
.v1 article li#camioneta{
  display: none;
}
.v1 article li#deportivo{

  display: none;
}


.char {
  
  display: flex;
  
  flex-wrap: wrap;
  justify-content: space-around;
  height: fit-content;
  background-color: #F8F8F8;

 
}
.char a{
  text-decoration: none;
  width: 100%;
  margin: 0;
  padding:0;
  text-align: center;
  align-content: center;
}
.v1 article#motor{
  width: 100%;
  height: fit-content;

}
.v1 article img{
  height: 1.5rem;
  padding: 5% 0;
  margin: 0%;
}
.v1 article img#motor{
  height: 1.5rem;
  padding: 2% 0;
  margin: 0%;
}

.v1 article {
  width: calc(50% - 10%);
  padding: 2% 0;
  font-family: "Sofia sans semi condensed";
  display: flex;
  flex-direction: column;
  justify-content: top;
  align-items: center;
  height: fit-content;
}




.v1 li {
  color: var(--azul);
  padding: 1% 0;
  font-size: 1rem;
  margin: 0;
}
.v1 li#motor {
  color: var(--azul);
  padding: 3% 0;
  font-size: 1rem;
  margin:0;
  height: 20%;
  width: 90%;
  text-align: center;
  
}
.vb1 {
  margin: 0;
  margin-top:5%;
  width: 100%;
  height: 3rem;
  border-color: transparent;
  color: var(--snow);
  background-color: rgb(37, 128, 96);
  font-family: "bentonsans book";
  font-size: 100%;
}
.vb1:hover{
 background-color: var(--eblue);
}
.ctmg{
  border-radius: 5%;
}
.infoctnrcat {
  display: flex;
  margin: 0;
  width: 50%;
  background-image: url(mecanico.jpg);
  background-position: bottom;
  background-size: cover;
}
/*financiar*/
.finbnr{
min-height: 70vh;
max-height: fit-content;
align-content: center;
justify-content: center;
font-size: 3rem;
background-image:url(finbnr.jpg);
background-size: cover;
background-position: bottom;
text-shadow: 4px 4px 4px rgba(0, 0, 0, 0.5);

}
.finbnr h2{
  text-align: center;
  width: 100%;
  margin: 0;
  color: var(--snow);
}
/* Estilos para el contenedor de información financiera */
.infof {
  height: fit-content;
  min-height: 42vh;
  max-height: fit-content;
  display: flex;
  background-color: var(--drk);
  text-align: center;
}
.infofin {
  width: 50%;
  height: 100%;
  justify-content: center;
  align-content: center;
}

.infofin h2 {
  margin-top: 10%;
  color: #F8F8F8;
}

.infofin p {
  width: 85%;
  margin-left: 7%;
  color: #F8F8F8;
  font-family: "bentonsans book";
  font-size: 1.5rem;
}
.infoctnrfin {
  display: flex;
  margin: 0;
  width: 50%;
  background-image: url(pc.jpg);
  background-position: bottom;
  background-size: cover;
}
/* Estilos para el contenedor de información financiera */
.infof2 {
  height: fit-content;
  min-height: 42vh;
  max-height: fit-content;
  display: flex;
  background-color: var(--gris);
  text-align: center;
}

.infofin2 {
  width: 50%;
  height: 100%;
  justify-content: center;
  align-content: center;
}

.infofin2 h2 {
  margin-top: 10%;
  color: #F8F8F8;
}

.infofin2 LI {
  width: 85%;
  margin-left: 7%;
  color: #F8F8F8;
  font-family: "bentonsans book";
  font-size: 1.2rem;
  list-style: circle;
}
.infof2#jeep2{
  background-color: #A2261A;
  color: #F8F8F8;
  align-content: center;
}
.infoctnrfin2 {
  display: flex;
  margin: 0;
  width: 50%;
  background-image: url(FR2.jpg);
  background-position: bottom right;
  background-size: cover;
  text-align: left;
}
.infofin2#jeep2{
  background-color: #A2261A;
  width: 100%;
  height: 100%;
 
  margin: 0;
  padding: 0;
  margin: 0;
  top: 5%;
}
.infofin2 img{
  padding: 5%;
  width: 30%;
}
.infoctnrfin2#jeep{
  display: flex;
  margin: 0;
  width: 600px;
  background-position: center;
 
  background-image: url(bnr/Financiamiento/jeep.jpg);
  background-position: bottom right;
  background-size: cover;
  text-align: left;
}
.infof3{
  height: fit-content;
  color: var(--azul);
  text-shadow: 4px 4px 4px rgba(0, 0, 0, .10);

}
.bnklogos{
  width: 100%;
  height: fit-content;
  margin:0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  border-bottom: solid rgba(0, 0, 0, .10) 3px ;
}
.bnklogos img{
  display: flex;
  height: 3.5rem ;
  padding: 1% 4%;
} 
.infof3 p{
  font-family: "mulish";
  text-align: center;
  font-size: 2rem;
  height: 10%;
}
/*Sotio de renta de autos*/
.rntbnr{
  font-family: "Sofia Sans semi condensed";
  margin:0;
  height: 95vh;
  background-image:url(BANNER.jpg);
  background-size:cover;
  background-position: bottom right;
}
.rntbnr h1{
  margin:0;
  font-size: 4.7rem;
  height: 55%;
  align-content: center;
  padding: 2rem;
  text-align: center;
  color: var(--drk);
}
.inf3img{
  background-image: url(finbnr3.jpg);
  height: 100vh;
  background-position: top;
  background-size: cover;
}
/*Carrusel de imágenes*/
.container-carousel {
  position: relative;
  left: 0;
  min-width: 400px;
  width: 400px;
  height: 300px;
  background-color: #e0e0e0;
  overflow: hidden;
  margin:0;

}

.carruseles {
  width: 1000%;
  height: 100%;
  display: flex;

}

.slider-section {
  width: calc(100% / 10);
  height: 100%;
}

.slider-section img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  
}

.btn-left,
.btn-right {
  display: flex;
  position: absolute;
  top: 50%;
  font-size: 1.5rem;
  background-color: transparent;
  border-radius: 50%;
  padding: 5px;
  font-weight: 600;
  cursor: pointer;
  color: #ffffff81;
  transform: translate(0,-50%);
  transition: .5s ease;
  user-select: none;
}

.btn-left:hover,
.btn-right:hover {
  background-color: #333333d4;
  color: #fff;
}

.btn-left {
  left: 10px;
}

.btn-right {
  right: 10px;
}
.rntinfo1{
  height: fit-content;
  display: flex;
  align-items: center;
  background-color: #2A2A2A;
  
}
.rntinfo1txt{
 
 margin:auto;
 padding:0;
 width: 50%;
 color: var(--snow);
 padding: 0 ;
 text-align: center;
 height: 100%;
}
.rntinfo1txt button{
 
  margin:5% 0;
  height: 2rem;
  padding:0;
  margin:0;
  width: 90%;
  bottom: 0;
  color: var(--snow);
  padding: 0 5%;
  text-align: center;
  background-color: var(--gren);
  border: transparent;

 }

 .rntinfo1txt button:hover{
  background-color: var(--eblue);
 }
.rntinfo1txt p ,
.rntinfo1txt h2{
  padding:0 1%;

}

.rntbnr2{
  height: fit-content;
  display: flex;
  background-color: var(--azul);
}
.llaves{
  position: left relative;
  height: 300px;
  padding:0 3%;
  margin-bottom:20px ;


  justify-items: center;
  background-image: url(llaves.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 50%;
  background-position-y: 15px;
  

}

.rbnr2t{
  display: flex;
  flex-direction:column ;
  width:(100% - 338px );
  justify-content: center;
  color: #F8F8F8;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
.rbnr2t p{
  text-align: center;
  padding: 0 5%;
}
.rntinfo3{
  height:35vh;
  display: flex;
  
 
}
.autor{
  margin: 0;
  padding: 0;
}
.infof3 h2{
  border-bottom: solid rgba(0, 0, 0, .10) 3px;
  margin: 0;
  padding: 1%
}
.rinf3t{
  justify-items: center;
  height: 100%;
  align-content: center;
  width:50%;
  margin: 0;
  padding: 0 5% ;
  text-align: center;
  
}

.rimg3{
  width: 50%;
  height: 100%;
  background-image:url(viajaseg.jpg);
  background-size: cover;
  background-position: center  ;
}
/*Contenedor de imagenes 2*/
.carruselctnr{
  display: flex;
  all: initial;
  position:relative;
 height: 300px;;
  width: 100%;
  margin: 0;
  padding: 0;

}
.carousel-inner{
  display: flex;
}
.carousel-indicators img{
  width: 70px;
  display: block;
}
.carousel-indicators button{
  width: max-content!important;
}
.carousel-indicators{
  position: unset;
}

.fichacnrimg{
  display: flex;
  width: 65%;
  align-content: center;
  align-items: center;
  background-color: var(--drk);
}
.fichacnrtxt{
 padding: 2%;
 width: 35%;
}
.att article{
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  padding: 1% 0;
  margin: 0;
  height: fit-content;
  background-color: white;
  border-bottom: rgba(0, 0, 0, .10) thin solid;
}
.infoficha h2{
  margin: 0;
  font-size: 1.1rem;
  padding: 1% 0;
  width: 100%;
  border: #999 solid thin;
}
.att article p {
  font-family: "mulish";
 align-self: center;
 margin: 0;
 height: 100%;

}
.att article .attribute{
  font-weight: 500;
  width: 8rem;
  margin: 0;
  height: 100%;
  padding-left: 5px;
  color: #06003A;
}

.att article .data{
  padding-left: 5px;
  color: var(--gris);
  width: 65%;
  padding:0;
  margin: 0;
  background-color: white;
  

}


.carousel-inner {
  margin: 0;
}
.fichacnr{display: flex;}

/*Style Banner*/
.mainSdr {
  background-color: #06003A;
  width: 100%;
  overflow: hidden;
  height: fit-content;
  position: relative;
  align-content: center;
}


.mainSdr-photos {
  width: 300%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  height: fit-content;
  transition: transform 0.5s ease; /* Añade transición suave */

}
.mainSdr-photos#indexmainbnr {
  width: 500%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  height: fit-content;
  transition: transform 0.5s ease; /* Añade transición suave */

}
.mainSdr-photos#finmainbnr {
  width: 400%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  height: fit-content;
  transition: transform 0.5s ease; /* Añade transición suave */

}
.mainSdr-photos#usmainbnr {
  width: 300%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  height: fit-content;
  transition: transform 0.5s ease; /* Añade transición suave */

}
.mainSdr-photos#rentamain {
  width: 300%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  height: fit-content;
  transition: transform 0.5s ease; /* Añade transición suave */

}
.mainSdr-item {
  width: 33.33333%; /* Ajustar el ancho para que cada item tenga el tamaño adecuado */
  position: relative; /* Necesario para posicionar el texto encima */
}

.mainSdr-item img {
  width: 100%; /* La imagen debe ocupar todo el espacio del item */
  display: block; /* Elimina cualquier espacio extra debajo de la imagen */
  position: relative;
}

.slide-text {
  font-family: "mulish";
  position: absolute; /* Posiciona el texto relativo al contenedor padre */
  top: 50%; /* Centrar verticalmente */
  left: 30%; /* Centrar horizontalmente */
  transform: translate(-50%, -50%); /* Ajuste para centrar exactamente */
  color: white; /* Cambiar el color del texto */
  font-size: 2rem; /* Ajustar el tamaño del texto según sea necesario */
  text-align: center; /* Centrar el texto */
  z-index: 1; /* Asegura que el texto esté sobre la imagen */
}
#logobn{
  display: none;
  height: 95%;
  padding: 0;
  margin: 0;
}

.sdrbtn-back img, .sdrbtn-fwd img {
  display: flex;
  position: absolute;
  border-radius: 50%;
  top: calc(40%);
  padding: 10px;
  cursor: pointer;
  color: #ffffff81;
  transform: 50%;
  transition: .5s ease;
  user-select: none;
  height: 10%;
  z-index: 2;
}
.sdrbtn-back img:hover{
  background-color: #2A2A2A;
  border-radius: 50%;
  transition:0;
}
.sdrbtn-fwd img:hover{
  background-color: #2A2A2A;
  border-radius: 50%;
  transition:0;
}
.sdrbtn-back img {
  left: 10px; /* Ajusta este valor según sea necesario para la posición deseada */
}

.sdrbtn-fwd img {
  right: 10px; /* Ajusta este valor según sea necesario para la posición deseada */
}
/*Slider secundario*/
.sliderContainerSec {
  background-color: #06003A;
  overflow: hidden;
  max-width: 500px;
  min-width: 300px;
  position: relative;
  align-content: center;
  

}

.sliderPhotosSec {
  width: 1500%;
  display: flex;
  flex-direction: row;
  overflow: hidden;
  height: fit-content;
  transition: transform 0.5s ease; /* Añade transición suave */
}

.sliderItemSec {
  width: 33.33333%; /* Ajustar el ancho para que cada item tenga el tamaño adecuado */
  position: relative; /* Necesario para posicionar el texto encima */
}

.sliderItemSec img {
  width: 100%; /* La imagen debe ocupar todo el espacio del item */
  display: block; /* Elimina cualquier espacio extra debajo de la imagen */
  position: relative;
}

.sliderTextSec {
  font-family: "mulish";
  position: absolute; /* Posiciona el texto relativo al contenedor padre */
  top: 50%; /* Centrar verticalmente */
  left: 50%; /* Centrar horizontalmente */
  transform: translate(-50%, -50%); /* Ajuste para centrar exactamente */
  color: white; /* Cambiar el color del texto */
  font-size: 2rem; /* Ajustar el tamaño del texto según sea necesario */
  text-align: center; /* Centrar el texto */
  z-index: 1; /* Asegura que el texto esté sobre la imagen */
}

.sliderBtnBackSec img, .sliderBtnFwdSec img {
  display: flex;
  position: absolute;
  border-radius: 50%;
  top: calc(50%);
  padding: 10px;
  cursor: pointer;
  color: #ffffff81;
  transform: translateY(-50%);
  transition: .5s ease;
  user-select: none;
  height: 10%;
  z-index: 2;
}

.sliderBtnBackSec img:hover {
  background-color: #2A2A2A;
  border-radius: 50%;
  transition: 0;
}

.sliderBtnFwdSec img:hover {
  background-color: #2A2A2A;
  border-radius: 50%;
  transition: 0;
}

.sliderBtnBackSec img {
  left: 10px; /* Ajusta este valor según sea necesario para la posición deseada */
}

.sliderBtnFwdSec img {
  right: 10px; /* Ajusta este valor según sea necesario para la posición deseada */
}

.usinfo{
margin:0;
padding: 0;
display: flex;
height: fit-content;
}
.usinfo img{
  width:800px;
  min-width: 300px;
  margin: 0;
}
img#aprmexx{
  width: 100%;
  margin: 0;
  padding: 0;
}
.usinfotxt1{
  text-align: center; 
  align-content:center;
  padding: 2% auto;
  justify-content: center;
  width: 100%;
  background-color: #2A2A2A;
  color: #F8F8F8;
}
.usinfotxt2{
  text-align: center; 
  align-content:center;
  padding: 2% auto;
  justify-content: center;
  width: 100%;
  background-color: var(--azul);
  color: #F8F8F8;
}
.usinfotxt3{
  text-align: center; 
  align-content:center;
  padding: 2% auto;
  justify-content: center;
  width: 100%;
  background-color: var(--snow);
  color: var(--azul);
}
.usnfobr2{
  width: fit-content;
  color: #ffffff;
  background-image: url(bnr/Nosotros/int.jpg) ;
  background-size: cover;
  width: 100%;
  height: 400px;
  align-content: center;
  text-align: center;
  text-shadow: rgba(4px, 4px, 4px, 0.2);
}
.usinfobr2 div{
  width: 80%}
  
  
@media (max-width: 825px) {
            .v1 {
                 display:flex;
                 margin: 2%;
                 width: calc(45% - 10px);
                 border-radius: 8px;
                 background-color:var(--azul);
                 height: fit-content;
                 justify-content:center;
                 align-content: center;
                 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);}
            .v1 article img{
              width: 5rem;
            }
            
       
            .form input{
                margin:2%;
                width:90%;
                justify-content:center;
            }
            .form{
                justify-content:center;
                padding: 2%;
            }
            .info, .infof ,.rntbnr2, .rntinfo3{
                height: fit-content;
                flex-direction: column;
                align-content: center;}
            
                .infoctnrfin, .infoctnrfin2 {
                  min-height: 250px; /* Ajusta según sea necesario */
                  /* Para que sea visible */
                  width:100%;
                  background-position: center;
              }
              .infofin,.infofin2{
                width:100%;
                padding:5%;
              }
              .infof2 , .rntinfo1, .usinfo{
                flex-direction: column-reverse;
                align-items: center;
              }
              .infof2 h2, .info h2{
                margin:2%;
              }
              .financiamiento_trabajadores img{
                width: 200%;
                overflow-: ;
              }
              .usinfotxt1 , .usinfotxt2, .usinfotxt3{
                padding:5%;
              }

              .infofin h2{
                margin:2%;
              }
              .usinfo img{
                width: 100%;
              }
              .infofin2#jeep2{
                padding: 5%;
              }
              .infoctnrfin2#jeep{
                width:100%;
                background-position: center;
              
                height: 300px;
                background-repeat: no-repeat;
              }
              .sliderContainerSec{
                width: 100%;
                height: fit-content;
              }
              .rntinfo1txt{
               
                padding: 5%;
                margin:0;
                width: 100%;
              }
              .rntinfo1txt button{
                border-radius: 50px;
              }
              
              .rntinfo1txt  h2{
                margin-top:0;

              }
              .rntinfo1txt p{ 
                padding:0 5%;
              }
              .llaves{
                width: 100%;
                padding: 0;
                margin: 0;
              }
              .rbnr2t{
                padding-top:5%;
                padding-bottom:5%;
              }
              .rinf3t{
                width: 100%;
                padding:5% 0;
              }
              .rimg3{
                height: 300px;
                background-position: center;
                width: 100%;
              }
              .srsm {
                display: block;
                padding:0;
              }
              .srsm div{
                width: 100%;
                margin:0;
                
              }
              .srsm p{
                font-size: 1.5rem;
                color: #e0e0e0;
                padding:3% 0;
              }
              .ftrs img{
                height: 20px;
                align-self: left;
              
                
              }
              .ftrs{
                font-size: .8rem;
                text-align: center;
                align-content: center;
                justify-content: left;
              }
              .ftrs a{
                align-items: center;
                align-content: center;
              }
              
              footer li{
                font-size: 0.8rem;
                padding:1%;
              }
              footer p{
                font-family:mulish;
                color: var(--snow);
                font-size: 20px;
              }
              p#copy{
                font-size: .7rem;
              }
              .fichacnr{
                display: flex;
                flex-direction: column;
              }
              .fichacnrimg{
                width: 100%;
              }
              .fichacnrtxt{
                width: 100%;
                padding: 5%;
              }
              nav{width: 100%;}
              .llaves {

                background-size: 90%;
                height: 500px;
                background:cover;

              }
              
              nav ul{
                display: flex;
                flex-direction: row; /* o row, según tu necesidad */
                align-items: flex-end;
                list-style-type: none;
                padding: 0;
                margin: 0;
              }
              #logobn{
                height:40px;
                margin: 0;
                align-content: center;
              }


              




            }
            @media (max-width: 700px) {
              .v1 h3{
                height: 3rem;
                align-content: center;

              }
              nav{
                color: #2A2A2A;
              }

            }
            .usnfobr2{
              background-image: url(bnr/Nosotros/int2.jpg);
              background-size: cover;
              padding:5%;
            }

            @media (max-width: 480px) {
              .v1{
                width:90%;
              }
              .v1 article img{
                width:90%;
              }
              nav ul{
                width: 100%;
              }
              nav li{
               width: 20px;
               height: 20px;
               overflow: hidden;
               padding:0;
               
            }
              nav img{
                clip-path: inset(0 0 calc(100% - 250px) 0);
              }
              #logo{
                display: none;
              }
              #logobn{
                display: flex;
              }
              nav li{
               width: fit-content;
               font-size: .3rem;
               text-align: center;
               padding:2px;
               position: right;
              
              }
              .fltr {
                margin:0;
                justify-content: center;
              }
              .usinfo img, .usinfobr2 img{
                width: 100%;
                overflow: hidden;
              }
              







            }

            @media (max-width: 350px) {
              nav ul li a{
                font-family: "bentonsans condensed";
                font-size: small;
              }
            }