.imagen_header {
  background-repeat: no-repeat;
    background-image: url('../img/fondo.jpg');
  height: 1100px;

}

#small-link {
  font-size: 0.8em!important; /* Reduces solo este enlace */
}

.container-list{
    width:100%;
    padding-right:25px;
    padding-left:15px;
    /* 0F4744 */
}

.imagen_heade{
  background-repeat: no-repeat;
  background-image: url('../img/logo.jpg');
  height: 900px;

}
.imagen{
   background-color: #d1d1e6;
}

.btn-green {
  color: #fff;
    background-color: transparent;
  border-color: #007bff;
}

.imagene{
  background-color: #d1d1e6;
}

#mainNa{
    border-bottom:1px solid rgba(33,37,41,.1);
    background-color:#fff;font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;
    -webkit-transition:all .2s;transition:all .2s
}
/* #mainNa .navbar-brand{
    font-weight:700;
    text-transform:uppercase;
    color:#f05f40;
    font-family:'Open Sans','Helvetica Neue',Arial,sans-serif
} */

/* #mainNa .navbar-brand:focus,#mainNa .navbar-brand:hover{
    color:#f05f40
} */
/* #mainNa .navbar-nav>li.nav-item>a.nav-link,#mainNa .navbar-nav>li.nav-item>a.nav-link:focus
{
    font-size:.9rem;
    font-weight:700;
    text-transform:uppercase;
    color:#212529
} */
.custom-navbar {
  background-color: #95a4ac!important; /* Cambia #f0f0f0 por el color deseado */
  color: #000; /* Asegúrate de que el texto sea visible con el nuevo fondo */
}
/* #mainNa .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNa .navbar-nav>li.nav-item>a.nav-link:hover
{
    color:#f05f40
}
#mainNa .navbar-nav>li.nav-item>a.nav-link.active,#mainNa .navbar-nav>li.nav-item>a.nav-link:focus.active{
    color:#f05f40!important;
    background-color:transparent
} */
/* #mainNa .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNa .navbar-nav>li.nav-item>a.nav-link:focus.active:hover
{
    background-color:transparent
} */

.my-6{
  margin-top:90px!important
}


.fondo_info{
    background-color: #d1d1e6;
    height: 25px;
}
.fondo_infor{
    background-color: #CDFCF6;
    color:#28a745 ;
    height: 25px;
}
.fondo_forms{
    background-color: white;
}

.fondo_form{
    background-color: white;
}


.table1 {
    width: 100%;
    background-color: transparent;
}
.table1 th,
.table1 td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid  white;
}

.table1 thead th {
  vertical-align: bottom;
  border-bottom: 2px solid white;
}

.table1 tbody + tbody {
  border-top: 2px solid white;
}

.table1 .table {
  background-color: #fff;
}
.w-37{width:37%!important}
.w-34{width:34%!important}
.w-33{width:33%!important}
.w-32{width:32%!important}
.w-31{width:31%!important}
.w-42{width:42%!important}
.w-44{width:44%!important}
.w-51{width:51%!important}
.w-54{width:54%!important}
.w-20{width:20%!important}
.w-21{width:21%!important}
.w-22{width:22%!important}
.w-26{width:26%!important}
.w-27{width:27%!important}
.w-11{width:11%!important}
.w-12{width:12%!important}
.w-13{width:13%!important}
.w-14{width:14%!important}
.w-15{width:15%!important}
.w-16{width:16%!important}
.w-17{width:17%!important}
.w-18{width:18%!important}
.w-19{width:19%!important}
.w-105{width:100%!important}
.w-70{width:70%!important}
.w-65{width:65%!important}
.w-80{width:80%!important}
.w-82{width:82%!important}
.w-78{width:78%!important}
.w-55{width:55%!important}
.w-58{width:58%!important}
.w-68{width:68%!important}
.w-66{width:66%!important}
.w-85{width:85%!important}
.w-82{width:82%!important}
.w-81{width:81%!important}
.w-77{width:77%!important}
.w-69{width:69%!important}
.w-60{width:60%!important}
/* .w-53{width:53%!important} */
.w-48{width:48%!important}
.w-45{width:45%!important}
.w-40{width:40%!important}
.w-30{width:30%!important}
.w-47{width:47%!important}
.w-48{width:48%!important}
.w-71{width:71%!important}
.w-72{width:72%!important}
.w-90{width:90%!important}
.w-88{width:88%!important}
.w-84{width:84%!important}
.w-52{width:52%!important}
.w-62{width:62%!important}
.w-63{width:63%!important}
.w-49{width:49%!important}
.w-66{width:66%!important}
.w-58{width:58%!important}
.w-59{width:59%!important}
.w-92{width:92%!important}
.w-91{width:91%!important}
.w-76{width:76%!important}
.w-64{width:64%!important}
.w-83{width:83%!important}
.w-86{width:86%!important}
.w-67{width:67%!important}
.w-24{width:24%!important}
.w-23{width:23%!important}
.w-57{width:57%!important}
.w-46{width:46%!important}
.w-95{width:95%!important}
.w-98{width:98%!important}
.w-97{width:97%!important}
.w-92{width:92%!important}
.w-93{width:93%!important}
.w-10{width:10%!important}
.w-35{width:35%!important}
.w-47{width:47%!important}
.w-56{width:56%!important}
.w-74{width:74%!important}
.w-73{width:73%!important}
.w-41{width:41%!important}
.w-39{width:39%!important}
.w-38{width:38%!important}
.w-79{width:79%!important}
.w-36{width:36%!important}
.w-43{width:43%!important}
.w-87{width:87%!important}
.w-89{width:89%!important}
.w-96{width:96%!important}
.w-94{width:94%!important}
.w-61{width:61%!important}
.w-2{width:2%!important}
.w-2{width:2%!important}

.h-75{height:75%!important}
.h-80{height:80%!important}
.h-85{height:85%!important}
.h-95{height:95%!important}
.h-90{height:90%!important}
.h-1{height:13px!important}
.h-10{height:10%!important}
.ocult{
    display: none;
}

.border-bottom-2{border-bottom:2px solid #3d3dc6!important}

.border-top-3{
    border-top: 1px solid #3d3dc6;
}

.border-ti{border:2px solid #020202!important}

.text-al{
    text-align: left;
    overflow: no-display;
}

.text-verde {
  color:#28a745!important;
}

.text-list {
font-size: small;
}

.custom-font {
  font-size: 14px!important; /* Equivalente a size="2" */
  font-family: Arial!important;
}

@media (min-width: 768px) {
  .parrafo_1 {
    font-size: 2rem;
    color:white;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
  }
  .div_1 {
    background-image: url("../img/camionetas.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 350px;
    display: flex; /* Habilita flexbox */
    align-items: center; /* Centra el contenido verticalmente */
    justify-content: center; /* Centra el contenido horizontalmente */
  }
  .img-driver {
    width: 85%;
    height: 85%;
  }
  .fondo_form_cliente {
    background-image: url("../img/imagen fondo.webp");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .form-transparente {
    background-color: rgba(255, 255, 255, 0.5); /* Más transparente */
    backdrop-filter: blur(3px); /* Efecto de desenfoque más suave */
    border-radius: 10px;
    width: 100%; /* Reduce el ancho */
    padding: 20px;
    display: flex!important;
    align-items: center!important;
    justify-content: center!important;
}
}

@media (max-width: 767px) {
  .parrafo_1 {
    font-size: x-small;
    color:white;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
  }
  .div_1 {
    background-image: url("../img/camionetas.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 75px;
    display: flex; /* Habilita flexbox */
    align-items: center; /* Centra el contenido verticalmente */
    justify-content: center; /* Centra el contenido horizontalmente */
  }
  .img-driver {
    width: 85%;
    height: 85%;
  }
  .fondo_form_cliente {
    background-image: url("../img/imagen fondo.webp");
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
  }
  .form-transparente {
    background-color: rgba(255, 255, 255, 0.5); /* Más transparente */
    backdrop-filter: blur(3px); /* Efecto de desenfoque más suave */
    border-radius: 10px;
    width: 100%;
    padding: 20px;
}
} 

.aling {
  display: flex; /* Habilita flexbox */
  align-items: center; /* Centra el contenido verticalmente */
  justify-content: center; /* Centra el contenido horizontalmente */
  text-align: center;
}

.aling-p  {
  margin-left: 15%;
  margin-right: 15%;
}

.aling-imagen  {  
  margin-left: 4%;
  margin-right: 4%;
  margin-top: 1%;
}


body {
  padding-top: 75px; /* Ajusta este valor según la altura de tu navbar */
}

.btn-consulta {
  background-color: #95a4ac;
  color: white;
  padding: 12px 28px;
  border-radius: 8px;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  transition: background-color 0.3s ease, transform 0.2s ease;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.btn-consulta:hover {
  background-color: #7e8a91!important;
  transform: translateY(-2px);
}