body{
  margin: auto;
  box-shadow: 1px 0px 14px #000;
  width: min(1366px, 100%);
  font-family: sans-serif;
}
.negrilla{
font-weight: 700;
}

.header1{
display: flex;
justify-content: flex-end;
gap: 30px;
align-items: center;
position: relative;
}

.header1-1>div{
display: flex;
gap: 20px;
justify-content: flex-end;
}

.header1-1>div>a>img{
width: min(30px, 100%);
border-radius: 100%;
box-shadow: 3px 3px 5px 3px #0000002e;
}

.header1-1>div>p>a>img{
width: 30px;
}

.header1>div>a>h2{
  background-color: #406198;
  color: white;
  padding: 22px 300px 15px 35px;
  margin: 0;
  border-radius: 0px 0px 0px 35px;
  font-size: 18px;
  font-weight: 500;
  box-shadow: -3px 3px 4px 4px #40619873;

}

.header1>div>a>h2:hover{
  box-shadow: 5px 5px 5px 1px #ffffff73;
}

.header1>div>a{
text-decoration: none;
}

.header2{
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  /* box-shadow: 0px 15px 10px 1px #0000002e; */
}

#prev>img{
  position: absolute;
  top: 254px;
  z-index: 100;
  left: inherit;
  right: 0px;
  padding: 0 20px 0 0;
}



#next>img{
  position: absolute;
  top: 254px;
  z-index: 100;
  left: 0px;
  padding: 0 0 0 20px;
}

.header2>div>#mod-custom110{
  position: relative;
}

#mod-custom119{
  position: relative;
}

.header{
position: relative;
}

.header2>div>div>p a>img{
  position: absolute;
  border-radius: 100%;
  box-shadow: 0px 15px 5px 1px #0000002e;
  top: -60px;
  z-index: 1000;
}

.header2>a>img{
position: absolute;
bottom: 650px;
right: 910px;
}

.nav>ul{
display: flex;
gap: 30px;
list-style: none;
padding: 0px 30px 0 348px;
}

.nav a{
  text-decoration: none;
  list-style: none;
  font-size: 20px;
  color: #0c873f;
  transition: 1s all;
  background-image: url(https://tracolcolombia.com/images/lineaverde.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 2px;
}

.nav a:hover{
  background-size: 100% 2px;
}

.nav>.item-106{
  display: none;
}

.nav>.item-107{
  display: none;
}

.nav>.item-108{
  display: none;
}

.nav>.item-109{
  display: none;
}

.page-header>h1{
  display: none;
}

/* .bloque1{
  padding: 120px 0 0 0;
} */

.bloque1-1{
  position: absolute;
  top: 400px;
  left: 270px;
  color: white;
}

.bloque1-1>h1{
font-size: 33px;
font-weight: 300;
margin: 0;
}

.bloque1-1>h2{
font-size: 31px;
font-weight: 600;
margin: 0;
}

.bloque1-1>img{
width: min(335px, 100%);
}

.bloque2{
  background-image: url(../images/fondoinicio2.png);
  background-repeat: no-repeat;
  padding: 50px;
}

.cuadroverde{
  background-color: #538641;
  width: min(800px, 100%);
  margin: auto;
  padding: 30px;
  border-radius: 40px;
  color: white;
  display: flex;
  gap: 60px;
}

.bloque2-1>a{
  color: black;
  background-color: white;
  padding: 10px 30px;
  text-decoration: none;
  border-radius: 17px;
  font-size: 30px;
  box-shadow: 4px 5px 5px 5px #0000002e;
}

.bloque2-3>a{
  color: black;
  background-color: white;
  padding: 10px 30px;
  text-decoration: none;
  border-radius: 17px;
  font-size: 30px;
  box-shadow: 4px 5px 5px 5px #0000002e;
  display: none;
}

.bloque2-1>a:hover{
  box-shadow: 0px 0px 6px 3px #9e9e9e;
}

.bloque2-1>h2{
  font-size: 55px;
  margin: 0;
}

.bloque2-1>p{
  width: 387px;
  margin: 10px auto 30px;
}

.bloque2-2>img{
  width: min(340px, 100%);
}

.bloque3{
  background-image: url(https://tracolcolombia.com/images/fondoinicio3.png?1712001224000);
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding: 60px;
  gap: 300px;
}

.bloque3-1{
  width: min(360px, 100%);
  color: white;
}

.bloque3-1>img{
  width: min(335px, 100%);
}

.bloque3-1>h1{
  font-size: 16px;
}

.bloque3-1>h2{
  font-size: 18px;
  font-weight: 300;
  font-style: italic;
}

.bloque3-2>a{
  color: black;
  background-color: white;
  padding: 10px 30px;
  text-decoration: none;
  border-radius: 17px;
  font-size: 30px;
  box-shadow: 4px 5px 5px 5px #0000002e;
}

.bloque3-2>a:hover{
  box-shadow: 0px 0px 5px 6px #2e3e62;
}

.bloque4-1{
  display: flex;
  color: #538641;
  margin: auto;
  width: min(855px, 100%);
}

.bloque4-1>h1{
  font-size: 55px;
  margin: 25px 10px;
}

.bloque4-1>h2{
  font-weight: 400;
  font-size: 55px;
  margin: 25px 10px;
}

.bloque4-2{
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 0px 0 120px 0px;
}

.bloque4-2-1{
  position: relative;
}

.bloque4-2-1>p{
  background-color: #538641;
  padding: 150px 20px 20px 20px;
  color: white;
  border-radius: 0 0 20px 20px;
  position: absolute;
  top: 120px;

  text-align: center;
  font-size: 20px;
}

.bloque4-2-1>img{
  position: relative;
  z-index: 1;
  border-radius: 100%;
  box-shadow: 0px 8px 5px 0px #0000002e;
}

.bloque4-2-2{
  position: relative;
}

.bloque4-2-2>p{
  background-color: #538641;
  padding: 150px 20px 20px 20px;
  color: white;
  border-radius: 0 0 20px 20px;
  position: absolute;
  top: 120px;
  text-align: center;
  font-size: 20px;
}

.bloque4-2-2>img{
  position: relative;
  z-index: 1;
  border-radius: 100%;
  box-shadow: 0px 8px 5px 0px #0000002e;
}

.bloque4-2-3{
  position: relative;
}

.bloque4-2-3>p{
  background-color: #538641;
  padding: 150px 20px 20px 20px;
  color: white;
  border-radius: 0 0 20px 20px;
  position: absolute;
  top: 120px;
  text-align: center;
  font-size: 20px;
}

.bloque4-2-3>img{
  position: relative;
  z-index: 1;
  border-radius: 100%;
  box-shadow: 0px 8px 5px 0px #0000002e;
}

.bloque4-3{
  display: flex;
  justify-content: center;
  padding: 100px 0 30px 0;
  gap: 20px;
  color: #406198;
}

.bloque4-3-1{
  padding: 30px 10px 10px;
  border-radius: 20px;
  box-shadow: -7px 7px 10px 5px #0000002e;
  text-align: center;
  width: min(250px, 100%);
  position: relative;
}

.bloque4-3-1>.inicioblo4iconos{
  position: absolute;
  bottom: 150px;
  left: 80px;
  width: 100px;
}

.bloque4-3-1>p{
  margin: 5px 0;
  font-size: 20px;
  font-weight: 600;
}

.bloque4-3-2{
  padding: 30px 10px 10px;
  border-radius: 20px;
  box-shadow: -7px 7px 10px 5px #0000002e;
  text-align: center;
  width: min(250px, 100%);
  position: relative;
}

.bloque4-3-2>.inicioblo4iconos{
  position: absolute;
  bottom: 150px;
  left: 80px;
  width: 100px;
}

.bloque4-3-2>p{
  margin: 5px 0;
  font-size: 20px;
  font-weight: 600;
}

.bloque4-3-3{
  padding: 30px 10px 10px;
  border-radius: 20px;
  box-shadow: -7px 7px 10px 5px #0000002e;
  text-align: center;
  width: min(250px, 100%);
  position: relative;
}

.bloque4-3-3>.inicioblo4iconos{
  position: absolute;
  bottom: 150px;
  left: 80px;
  width: 100px;
}

.bloque4-3-3>p{
  margin: 5px 0;
  font-weight: 600;
  font-size: 14px;
}

.cifras{
  padding: 20px 0 5px;
  width: min(250px, 100%);
}

.cifrasotro{
  padding: 20px 0 5px;
  width: min(180px, 100%);
}

.bloque4-4{
  display: flex;
  width: min(800px, 100%);
  margin: auto;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  padding: 40px 0 70px;
}

.bloque4-4>img{
  width: 140px;
}

.bloque4-4>p{
  padding: 20px;
  border-radius: 20px;
  box-shadow: -7px 7px 10px 5px #0000002e;
  width: min(450px, 100%);
  font-size: 20px;
  color: #406198;
}

.input {
  background-color: #f5f5f5;
  color: #757575;
  padding: 0px 40px 0px 10px;
  min-height: 40px;
  border-radius: 25px;
  outline: none;
  border: none;
  box-shadow: 0px 10px 20px -18px;
  width: 300px;
}



.textarea {
  background-color: #f5f5f5;
  color: #242424;
  padding: 10px 40px 10px 10px;
  min-height: 40px;
  border-radius: 20px;
  outline: none;
  border: none;
  box-shadow: 0px 10px 20px -18px;
  width: 250px;
  height: 70px;
  font-family: sans-serif;
}

input:focus {
  border-bottom: 2px solid #5b5fc7;
  border-radius: 25px;
}

input:hover {
  outline: 1px solid lightgrey;
}

.bloque4-5{
  padding: 0px 0 60px 0;
}
.cuadroverde2{
  background-color: #538641;
  width: min(800px, 100%);
  margin: auto;
  border-radius: 25px;
  padding: 30px;
  display: grid;
  justify-content: center;
  grid-template-columns: 400px 300px;
  gap: 20px;
  align-items: start;
}

.cuadroverde2-1{
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.blover{
  padding: 10px;
  background-color: rgb(255, 255, 255);
  display: flex;
  border-radius: 25px;
  align-items: center;
  gap: 10px;
  justify-content: space-between;
  color: #538641;
  font-weight: 600;
  box-shadow: 5px 5px 5px 0px #0000002e;
}

.blover>p{
  margin: auto;
  font-weight: 700;
}

.blover>img{
  width: min(20px, 100%);
}

.cuadroverde2-2>img{
  width: min(270px, 100%);
}

.bloque5{
  display: flex;
  justify-content: center;
  gap: 100px;
  background-image: url(/images/fondoinicio5.jpg);
  background-repeat: no-repeat;
  color: white;
  padding: 100px 0;
  align-items: center;
}

.cuadroazul{
  background-color: #406198;
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: 25px;
  gap: 10px;
  align-items: center;
}

.bloque5-1>form>.botonform{
  padding: 10px 30px;
  text-decoration: none;
  border-radius: 30px;
  font-size: 26px;
  box-shadow: 3px 5px 4px 1px #0000002e;
  text-align: center;
  outline: none;
  border: 0px;
}

.bloque5-1{
  position: relative;
}

.bloque5-2-1{
  display: flex;
  align-items: center;
  gap: 20px;
}

.bloque5-2-1-1>h1{
  margin: 0;
  font-size: 18px;
  font-weight: 700;
}

.bloque5-2-1-1>p{
  margin: 0;
}

.bloque5-2-2 {
  display: flex;
  align-items: center;
  gap: 20px;
}

.bloque5-2{
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.bloque5-2>h1{
  color: yellow;
  font-size: 45px;
  margin: 0;
}


.bloque5-2-2-1>h1{
  margin: 0;
  font-size: 18px;
  font-weight: 700;
}

.bloque5-2-2-1>p{
  margin: 0;
}

.bloque5-2-3{
  display: flex;
  align-items: center;
  gap: 30px;
}

.bloque5-2-3>h1{
  margin: 0;
  font-size: 24px;
}

.bloque5-2-3>h1 a{
  text-decoration: none;
  color: white;
}

.bloque5-2-4{
  display: flex;
  align-items: center;
  gap: 30px;
}

.bloque5-2-4>h1{
  margin: 0;
  font-size: 24px;
}

.bloque5-2-5{
  display: flex;
  gap: 20px;
}

.bloque5-2-5>a>img{
  width: 50px;
}

.cuadroazul>a{
  color: black;
  background-color: white;
  padding: 10px 30px;
  text-decoration: none;
  border-radius: 30px;
  font-size: 26px;
  box-shadow: 4px 5px 5px 5px #0000002e;
  width: min(86px, 100%);
  text-align: center;
}

.cuadroazul1{
  display: flex;
  align-items: center;
}

.cuadroazul1>p>a{
  color: white;

}


.cuadroazul1>p{
  margin: 0;
  font-size: 12px;
}

.bloque6-1{
  display: flex;
  color: #406198;
  margin: 35px auto;
  width: min(855px, 100%);
}

.bloque6-1>h1{
  font-size: 55px;
  margin: 25px 10px;
}

.bloque6-1>h2{
  font-weight: 400;
  font-size: 55px;
  margin: 25px 10px;
}

.bloque7{
  display: flex;
  justify-content: center;
  gap: 20px;
  padding: 40px 0 80px;
  background-color: #406198;
}

.bloque7-1{
  position: relative;
}

.bloque7-1>img{
  position: relative;
  z-index: 1;
  box-shadow: 4px 5px 5px 0px #0000002e;
  border-radius: 35px;
}

.bloque7-1>p{
  background-color: #ffffff;
  padding: 150px 19px 20px 20px;
  color: rgb(0, 0, 0);
  border-radius: 0 0 20px 20px;
  position: absolute;
  top: 120px;
  text-align: center;
  font-size: 20px;
  width: min(232px, 100%);
  font-weight: 600;
}

.bloque7-2{
  position: relative;
}

.bloque7-2>img{
  position: relative;
  z-index: 1;
  box-shadow: 4px 5px 5px 0px #0000002e;
  border-radius: 35px;
}

.bloque7-2>p{
  background-color: #ffffff;
  padding: 150px 20px 20px 20px;
  color: rgb(0, 0, 0);
  border-radius: 0 0 20px 20px;
  position: absolute;
  top: 120px;
  text-align: center;
  font-size: 20px;
  width: min(230px, 100%);
  font-weight: 600;
}

.bloque7-3{
  position: relative;
}

.bloque7-3>img{
  position: relative;
  z-index: 1;
  box-shadow: 4px 5px 5px 0px #0000002e;
  border-radius: 35px;
}

.bloque7-3>p{
  background-color: #ffffff;
  padding: 155px 10px 15px 10px;
  color: rgb(0, 0, 0);
  border-radius: 0 0 20px 20px;
  position: absolute;
  top: 120px;
  text-align: center;
  font-size: 20px;
  width: min(249px, 100%);
  font-weight: 600;
}

.bloque8{
height: 90px;
}

.bloque9{
background-color: #538641;
display: flex;
justify-content: center;
color: white;
padding: 30px 0;
gap: 45px;
align-items: center;

}

.bloque9-2{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
gap: 10px;
}

.bloque9-2-1{
display: flex;
align-items: center;
gap: 20px;
}

.bloque9-2-1>p{
margin: 0;
font-size: 18px;
font-weight: 700;
}

.bloque9-2-2{
display: flex;
align-items: center;
gap: 20px;
}

.bloque9-2-2>p{
margin: 0;
font-size: 18px;
font-weight: 700;
}

.bloque9-2-3{
display: flex;
align-items: center;
gap: 20px;
}

.bloque9-2-3>p{
margin: 0;
font-size: 18px;
font-weight: 700;
}

.bloque9-3>div>a>img{
border-radius: 100%;
background-color: white;
padding: 5px;
width: 45px;
}

div>.bloque9-3>div{
  display: flex;
  gap: 20px;
  padding: 20px 0 0 0;
}

div>.bloque9-3>a>p{
  margin: 0;
  padding: 15px 0px 0px 0px;
  font-size: 20px;
  font-weight: 600;
  color: white;
  transition: 1s all;
  background-image: url(https://tracolcolombia.com/images/lineablanca.png);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0% 2px;

}

div>.bloque9-3>a>p:hover{
  background-size: 100% 2px;
  }

div>.bloque9-3>a{
  text-decoration: none;

}

.lineamitad{
border-left: 3px solid #ffffff;
height: 170px;
}

.bloque9-2-1>div>p{
margin: 0;
}

.bloque9-2-1>div>h1{
margin: 0;
font-size: 18px;
font-weight: 700;
}

.bloque9-2-1>img{
padding: 0px 5px 0 0;
width: 37px;
}

.bloque9-2-2>img{
padding: 0px 4px 0 0;
width: 37px;
}

.bloque9-2-3>a>img{
border-radius: 100%;
background-color: white;
padding: 5px;
width: 35px;
}


/* INICIO NOSOTROS */

.nosobloque1{
  position: relative;
}

.nosobloque1>img{
  height: 500px;
  object-fit: cover;
  width: 100%;
  object-position: center;
}

.nosobloque1-1{
  position: absolute;
  top: 0px;
  left: 0px;
  color: white;
  align-items: center;
  bottom: 0px;
  right: 0px;
  display: flex;
  justify-content: center;
}

.nosobloque1>.nosobloque1-1>img{
width: min(70px, 100%);
}

.nosobloque1-1>h1{
    font-size: 65px;
    font-weight: 500;
}

.nosobloque2{
width: min(800px, 100%);
margin: auto;
padding: 50px 0;
}

.nosobloque2>img{
width: min(800px, 100%);
}

.nosobloque2>iframe{
  width: min(800px, 100%);
  height: 100%;
  aspect-ratio: 16 / 9;
  padding: 20px;
  box-sizing: border-box;
}

.nosobloque3{
background-image: url(/images/fondonosotros3.jpg);
background-repeat: no-repeat;
}

.nosobloque3-1{
display: flex;
color: white;
justify-content: center;
width: min(800px, 100%);
margin: auto;
padding: 30px 0;
}

.h1-1denos{
color: #f4e600;
font-size: 45px;
margin: 0;
}

.h2denos{
font-size: 45px;
margin: 0px;
}

.h1-2denos{
color: #f4e600;
font-size: 32px;
margin: 0;
}

.p-1denos{
font-style: italic;
font-size: 18px;
margin: 5px 0;
}

.p-2denos{
font-size: 17px;
margin: 5px 0;
font-weight: 600;
}

.nosobloque3-2{
display: grid;
color: white;
justify-content: center;
width: min(800px, 100%);
margin: auto;
gap: 10px;
grid-template-columns: 400fr 20fr 400fr;
}

.nosobloque3-2-1{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
}

.nosobloque3-2-1>h1{
font-size: 39px;
margin: 0;
font-weight: 600;
}

.nosobloque3-2-1>h2{
font-size: 30px;
margin: 0;
font-weight: 600;
}

.nosobloque3-2-1>img{
margin: auto;
}

.nosobloque3-2-2{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 5px;
}

.nosobloque3-2-2>h1{
font-size: 39px;
margin: 0;
font-weight: 400;
}

.nosobloque3-2-2>h2{
font-size: 22px;
margin: 0;
font-weight: 600;
width: 300px;
}

.nosobloque3-2-2>img{
margin: auto;
}

.nosobloque3-2-2>div{
display: flex;
align-items: center;
}

.nosobloque3-2-2>div>p{
font-weight: 600;
font-size: 29px;
margin: 0px;
line-height: 1;
width: 300px;
}

.nosobloque3-2-1>p{
font-size: 23px;
margin: 0;
}

.nosobloque3-2-2>ul>li{
padding: 10px 0px;
}

.nosobloque3-2-2>ul {
list-style-image: url("../images/puntonaranja.png");
}

.nosobloque3-2-2>p{
font-style: italic;
font-size: 19px;
margin: 5px;
}

.nosobloque3-3{
display: flex;
flex-direction: column;
align-items: center;
}

.nosobloque3-3>a>img{
width: 300px;
padding: 30px 0;
}

























.nosobloque4{
width: min(1000px, 100%);
margin: auto;
display: flex;
align-items: center;
gap: 20px;
padding: 70px 0;
}

.nosobloque4-1{
display: flex;
flex-direction: column;
gap: 20px;
}

.nosobloque4-1-1{
display: flex;
align-items: center;
gap: 20px;
}

.nosobloque4-1-2{
display: flex;
align-items: center;
gap: 20px;
}

.nosobloque4-1-1>div{
width: min(450px, 100%);
}

.nosobloque4-1-1>div{
width: min(450px, 100%);
}

.nosobloque4-1-2>div>h1{
margin: 5px 0;
color: #169939;
}

.nosobloque4-1-2>div>p{
margin: 0;
}

.nosobloque4-1-1>div>h1{
margin: 5px 0;
color: #169939;
}

.nosobloque4-1-1>div>p{
margin: 0;
}

.nosobloque5{
background-color: #169939;
padding: 10px 0;
}

.nosobloque5-1{
display: flex;
color: white;
align-items: center;
justify-content: center;
}

.nosobloque5-1>img{
width: min(70px, 100%);
}

.nosobloque5-1>h1{
font-size: 50px;
margin: 0 15px 0 0px;
}

.nosobloque5-1>h2{
font-size: 50px;
font-weight: 400;
margin: 0;
}

.nosobloque6-1{
color: black;
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
}

.nosobloque6-1>iframe{
  width: 650px;
  height: 250px;
}

.nosobloque6-1-1>div{
display: flex;
gap: 20px;
color: #169939;
align-items: center;
padding: 10px 0;
}

.nosobloque6-1-1>p{
font-size: 20px;
margin: 5px 0px 0 0;
}

.nosobloque6-1-1>div>img{
width: min(100px, 100%);
height: 100%;
}

.nosobloque6-1-1>div>h1{
width: min(100px, 100%);
margin: 0;
}

.nosobloque6{
margin: auto;
width: min(750px, 100%);
padding: 40px 0 0px 0;
}

.nosobloque7{
margin: auto;
width: min(750px, 100%);
padding: 40px 0 50px 0;
}








.nosobloque7-1{
color: black;
display: grid;
align-items: center;
justify-content: center;
gap: 20px;
grid-template-columns: 250px 480px;
}

.nosobloque7-1>iframe{
  width: 450px;
  height: 250px;
}

.nosobloque7-1-1>div{
display: flex;
gap: 20px;
color: #169939;
align-items: center;
padding: 10px 0;
}

.nosobloque7-1-1>p{
font-size: 20px;
margin: 5px 0px 0 0;
}

.nosobloque7-1-1>div>img{
width: min(100px, 100%);
height: 100%;
}

.nosobloque7-1-1>div>h1{
width: min(100px, 100%);
margin: 0;
}











.nosobloque8{
padding: 0px 0 60px 0;
}
.cuadroazul2{
background-color: #406198;
width: min(800px, 100%);
margin: auto;
border-radius: 25px;
padding: 30px;
display: grid;
justify-content: center;
grid-template-columns: 270px 400px;
gap: 20px;
align-items: start;
}

.cuadroazul2-1{
display: flex;
flex-direction: column;
gap: 20px;
width: 400px;
}

.blover1{
padding: 10px;
background-color: rgb(255, 255, 255);
display: flex;
border-radius: 25px;
align-items: center;
gap: 10px;
justify-content: space-between;
color: #406198;
font-weight: 600;
box-shadow: 5px 5px 5px 0px #0000002e;
}

.blover1>p{
margin: auto;
text-align: center;
}

.blover1>img{
width: min(20px, 100%);
}

.pdeblover{
background-color: #E4E4E4;
  border-radius: 0 0 25px 25px;
  padding: 20px;
  width: 300px;
  margin: auto;
  color: green;
  font-size: 13px;
}

.pdebloverpoliticas{
background-color: #E4E4E4;
border-radius: 0 0 25px 25px;
padding: 10px 20px;
width: 300px;
margin: auto;
color: #3E61A3;
font-size: 13px;
display: flex;
gap: 15px;
align-items: center;
}

.pdebloverpoliticas1{
  display: flex;
}

.pdebloverpoliticas1>p{
  padding: 0 10px;
}

.pdebloverpoliticas1>a>img{
height: 70px;
}

.cuadroazul2-2>img{
width: min(235px, 100%);
}

.lineamitaddenoso{
border-left: 3px solid #ffffff;
height: 530px;
}




.bloqueunicodecontactenos{
padding: 170px 0 90px 0;
}

.titulo{
  cursor: pointer;
}

.contenido{
display: none;
}
























.servibloque1{
  position: relative;
}

.servibloque1-1{
  position: absolute;
  top: 0px;
  left: 0px;
  color: white;
  align-items: center;
  bottom: 0px;
  right: 0px;
  display: flex;
  justify-content: center;
}

.servibloque1>.servibloque1-1>img{
width: min(70px, 100%);
}

.servibloque1-1>div>h1{
font-size: 55px;
margin: 0;
}

.servibloque1-1>div>h2{
  font-size: 63px;
margin: 0;
font-weight: 100;
}


.servibloque2{
padding: 50px 0;
display: flex;
flex-direction: column;
align-items: center;
}

.servibloque2>img{
width: min(900px, 100%);
}

.servibloque5{
display: flex;
padding: 30px 0 70px 0;
position: relative;
}

.servibloque5-2>img{
border-radius: 50px 0 0 50px;
box-shadow: -6px 6px 10px 2px #0000002e;
position: absolute;
left: 749px;
}

.servibloque5-1-1{
background-color: #0B9939;
color: white;
padding: 10px 15px 10px 260px;
width: 530px;
}

.servibloque5-1-1>h1{
margin: 0;
width: 480px;
}

.servibloque5-1-3{
background-color: #0B9939;
  color: white;
  border-radius: 25px 0 0 25px;
  padding: 15px 15px 15px 40px;
  margin: 0 0 0 200px;
}

.servibloque5-1-3>.p1{
font-size: 17px;
margin: 0;
width: 410px;
}

.servibloque5-1-3>.p2{
font-size: 20px;
margin: 0;
width: 400px;
}


.servibloque5-1-3>h1{
font-size: 39px;
margin: 0;
}

.servibloque5-1-2{
padding: 15px 15px 15px 40px;
margin: 0px 0 0 220px;
}

.servibloque5-1-2>div{
display: flex;
gap: 22px;
color: #0B9939;
}

.servibloque5-1-2>p{
width: 250px;
margin: 0 0 0 130px;
font-size: 18px;
}

.servibloque5-1-2>div>h1{
border-bottom: 2px solid #0b9939;
width: 270px;
}

.servibloque6{
background-image: url(/images/fondoservi6.jpg);
background-repeat: no-repeat;
color: white;
}


.tododeservibloque6{
display: grid;
color: white;
justify-content: center;
width: min(800px, 100%);
margin: auto;
gap: 30px;
grid-template-columns: 400fr 20fr 400fr;
padding: 65px 0;
}

.servibloque6-1>h1{
font-size: 31px;
margin: 15px 0 40px;
}

.servibloque6-1>h2{
color: yellow;
text-align: center;
}

.servibloque6-1>p{
text-align: center;
font-size: 19px;
width: 355px;
}

.servibloque6-3>p{
font-size: 17px;
width: 301px;
line-height: 1;
margin: 10px 0 40px;
}

.servibloque6-3>h2{
color: yellow;
text-align: center;
width: 320px;
}

.servibloque6-2{
border-left: 3px solid #ffffff;
height: 110px;
}

.p-2servi{
text-align: center;
width: 200px;
margin: auto;

}

.servibloque7{
background-image: url(/images/fondoservi7.jpg);
background-repeat: no-repeat;
color: white;
}


.tododeservibloque7-2{
display: grid;
color: white;
justify-content: center;
width: min(800px, 100%);
margin: auto;
gap: 30px;
grid-template-columns: 400fr 20fr 400fr;
padding: 30px 0;
}

.tododeservibloque7-1{
  width: min(800px, 100%);
  margin: auto;
  padding: 70px 0 0 0;
}

.servibloque7-1>p{
margin: 0;
font-size: 20px;
}

.servibloque7-1>h1{
margin: 20px 0 0px;
font-size: 30px;
}

.servibloque7-1>h2{
margin: 0;
font-size: 34px;
color: #f4e600;
}

.servibloque6-3>h1{
margin: 0;
}

.servibloque6-3>ul{
list-style-image: url(https://tracolcolombia.com/images/puntonaranja.png?1712154840653);
gap: 8px;
display: flex;
flex-direction: column;
}

.tododeservibloque7-1>h2{
margin: 0;
}

.tododeservibloque7-1>h1{
margin: 0;
}

.servibloque7{
padding: 0 0 285px 0;
}

.servibloque7-2{
border-left: 3px solid #f4e600;
height: 250px;
}


.servibloque8{
width: min(825px, 100%);
margin: auto;
padding: 0px 0 30px 0;
}

.servibloque8>iframe{
  width: min(800px, 100%);
  height: 100%;
  aspect-ratio: 16 / 9;
  padding: 20px;
  box-sizing: border-box;
}

.bloque4-1deservicios{
display: flex;
color: #406198;
margin: auto;
width: min(855px, 100%);
}

.bloque4-1deservicios>h1{
font-size: 55px;
margin: 25px 10px;
}

.bloque4-1deservicios>h2{
font-weight: 400;
font-size: 55px;
margin: 25px 10px;
}

.notibloque1{
position: relative;
}

.notibloque1>img{
  height: 500px;
  object-fit: cover;
  width: 100%;
  object-position: center;
  }


.notibloque1-1{
  position: absolute;
  top: 0px;
  left: 0px;
  color: white;
  align-items: center;
  bottom: 0px;
  right: 0px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.notibloque1>.notibloque1-1>img{
width: min(90px, 100%);
}

.notibloque1-1>h1{
  font-size: 90px;
margin: 0;
}

.notibloque1-1>h2{
font-size: 52px;
margin: 0;
font-weight: 100;
}




.notibloque2{
display: flex;
justify-content: center;
gap: 20px;
padding: 70px 0 140px;
margin: auto;
flex-wrap: wrap;
}

.notibloque2-1{
position: relative;
}

.notibloque2-1>img{
position: relative;
z-index: 1;
box-shadow: 4px 5px 5px 0px #0000002e;
border-radius: 35px;
}

.notibloque2-1>img:hover{
  box-shadow: 0px 0px 20px 5px #8581ff;
}

.notibloque2-2>img:hover{
  box-shadow: 0px 0px 20px 5px #8581ff;
}

.notibloque2-3>img:hover{
  box-shadow: 0px 0px 20px 5px #8581ff;
}

.notibloque2-1>p{
background-color: #ffffff;
padding: 150px 20px 20px 20px;
color: rgb(0, 0, 0);
border-radius: 0 0 20px 20px;
position: absolute;
top: 120px;
text-align: center;
font-size: 20px;
width: min(231px, 100%);
box-shadow: 6px 9px 5px 0px #0000002e;
border-radius: 35px;
font-weight: 600;
}

.notibloque2-2{
position: relative;
}

.notibloque2-2>img{
position: relative;
z-index: 1;
box-shadow: 4px 5px 5px 0px #0000002e;
border-radius: 35px;
}

.notibloque2-2>p{
background-color: #ffffff;
padding: 150px 20px 20px 20px;
color: rgb(0, 0, 0);
border-radius: 0 0 20px 20px;
position: absolute;
top: 120px;
text-align: center;
font-size: 20px;
width: min(230px, 100%);
box-shadow: 6px 9px 5px 0px #0000002e;
border-radius: 35px;
font-weight: 600;
}

.notibloque2-3{
position: relative;
}

.notibloque2-3>img{
position: relative;
z-index: 1;
box-shadow: 4px 5px 5px 0px #0000002e;
border-radius: 35px;
}

.notibloque2-3>p{
background-color: #ffffff;
color: rgb(0, 0, 0);
position: absolute;
top: 120px;
text-align: center;
font-size: 20px;
width: min(249px, 100%);
box-shadow: 6px 9px 5px 0px #0000002e;
border-radius: 35px;
font-weight: 600;
padding: 155px 10px 15px 10px;
}

/* .item-content{
  padding: 150px 0 0 0;
} */



.notasbloque2-1{
display: grid;
color: white;
justify-content: center;
width: min(800px, 100%);
margin: auto;
gap: 20px;
grid-template-columns: 471px 50px 260px;
align-items: center;
padding: 20px;
}

.notasbloque2-1-3>div{
display: grid;
gap: 55px 30px;
grid-template-columns: 1fr 1fr;
}

.notasbloque1{
  width: min(830px, 100%);
  margin: auto;
  display: flex;
  align-content: flex-start;
  align-items: center;
  gap: 20px;
}

.notasbloque1>a>img{
  width: 55px;
  box-shadow: 2px 2px 3px 3px #0000002e;
  border-radius: 25px;
}

.notasbloque1>a>img:hover{
  width: 55px;
  box-shadow: 2px 2px 3px 0px #0000002e;
  border-radius: 25px;
}

.notasbloque1>h1{
  font-size: 60px;
  margin: 20px 0;
  color: #406198;
  padding:0px 0 0 0;
}

.notasbloque3>h1{
background-color: #406198;
color: white;
border-radius: 25px 0 0 25px;
padding: 5px 260px 5px 40px;
margin: 0px 0 0 230px;
}

.notasbloque3>p{
width: min(800px, 100%);
margin: 15px auto;
padding: 5px 0 0 0px;
}

.notasbloque4{
display: flex;
  justify-content: flex-end;
  width: min(800px, 100%);
  margin: auto;
  padding: 30px 0;
  gap: 10px;
  align-items: center;
}

.notasbloque4>p{
color: #3b5c90;
font-size: 20px;
font-weight: 600;
}

.notasbloque2-1-1>img{
  width: min(473px, 100%);
}

.notasbloque2-1-3>div>img{
  width: min(124px, 100%);
  cursor: pointer;
}


.notasbloque3{
  padding: 0 0 70px 0;
}

.com-content-category-blog>h1{
  color: #406198;
  width: min(830px, 100%);
  margin: auto;
  padding: 150px 0 20px 0;
  font-size: 58px;
}

.com-content-category-blog{
  padding: 130px 0 0 0;
}

.sabiasquebloque1{
  width: min(830px, 100%);
  margin: auto;
  display: flex;
  align-content: flex-start;
  align-items: center;
  gap: 20px;
}

.sabiasquebloque1>a>img{
  width: 55px;
  box-shadow: 2px 2px 3px 3px #0000002e;
  border-radius: 25px;
}

.sabiasquebloque1>a>img:hover{
  width: 55px;
  box-shadow: 2px 2px 3px 0px #0000002e;
  border-radius: 25px;
}

.sabiasquebloque1>h1{
  font-size: 60px;
  margin: 20px 0;
  color: #406198;
 padding: 0px 0 0 0;
}

.sabiasquebloque2-1{
display: grid;
color: white;
justify-content: center;
width: min(800px, 100%);
margin: auto;
gap: 20px;
grid-template-columns: 598px 180px;
}

.sabiasquebloque2-1-3>div{
display: grid;
gap: 30px;
}

.sabiasquebloque3>h1{
background-color: #406198;
color: white;
border-radius: 25px 0 0 25px;
padding: 5px 15px 5px 40px;
margin: 0px 0 0 230px;
}

.sabiasquebloque3>p{
width: min(800px, 100%);
margin: 15px auto;
padding: 5px 0 0 0px;
}

.sabiasquebloque2-1-1>img{
width: 600px;
}

.sabiasquebloque2-1-3>div>img{
width: 180px;
}



.enteratebloque1{
  width: min(830px, 100%);
  margin: auto;
  display: flex;
  align-content: flex-start;
  align-items: center;
  gap: 20px;
}

.enteratebloque1>a>img{
  width: 55px;
  box-shadow: 2px 2px 3px 3px #0000002e;
  border-radius: 25px;
}

.enteratebloque1>a>img:hover{
  width: 55px;
  box-shadow: 2px 2px 3px 0px #0000002e;
  border-radius: 25px;
}

.enteratebloque1>h1{
  font-size: 60px;
  margin: 20px 0;
  color: #406198;
  padding:0px 0 0 0;
}

.enteratebloque2-1{
display: grid;
color: white;
justify-content: center;
width: min(800px, 100%);
margin: auto;
gap: 20px;
grid-template-columns: 598px 180px;
}

.enteratebloque2-1-3>div{
display: grid;
gap: 20px;
}

.enteratebloque3>h1{
background-color: #538641;
color: white;
border-radius: 25px 0 0 25px;
padding: 5px 15px 5px 40px;
margin: 0px 0 0 230px;
}

.enteratebloque3>p{
width: min(800px, 100%);
margin: 15px auto;
padding: 5px 0 0 0px;
}

.enteratebloque2-1-1>img{
width: 600px;
}

.enteratebloque2-1-3>div>img{
width: 104px;
}

.enteratebloque4{
display: flex;
  justify-content: flex-end;
  width: min(800px, 100%);
  margin: auto;
  padding: 30px 0;
  gap: 10px;
  align-items: center;
}

.enteratebloque4>p{
color: #538641;
font-size: 20px;
font-weight: 600;
}

































.platatrabloque1{
background: #406198;
}

.platatrabloque1-1{
display: flex;
width: min(800px, 100px);
justify-content: center;
margin: 150px auto 0px;
align-items: flex-end;
}

.platatrabloque1-1-2>img{
  width: 280px;

}

.platatrabloque1-1-1>h1{
font-size: 120px;
margin: -20px 0;
font-weight: 100;
color: white;
}

.platatrabloque1-1-1>h2{
font-size: 70px;
margin: 0;
color: white;
}

.platatrabloque1-1-1>a{
color: black;
background-color: white;
padding: 15px 80px;
text-decoration: none;
border-radius: 17px;
font-size: 20px;
box-shadow: 4px 5px 5px 5px #0000002e;
margin: 50px 0;
}

.platatrabloque1-1-1{
padding: 90px 0 0 0;
display: flex;
flex-direction: column;
align-items: center;
}



.platatrabloque2-1>h1{
font-size: 31px;
margin: 0;
font-weight: 600;
color: #406198;
}

.platatrabloque2-1>h2{
font-size: 67px;
margin: 0;
color: #406198;
}

.platatrabloque2-1{
  width: min(800px, 100%);
margin: auto;
}


.platatrabloque3{
  width: min(800px, 100%);
  margin: auto;
  padding: 0 0 70px 0px;
}

.platatrabloque3>iframe{
  width: min(800px, 100%);
  height: 100%;
  aspect-ratio: 16 / 9;
  padding: 20px;
  box-sizing: border-box;
}

.platatrabloque2{
padding: 70px 0 0 0;
}

.bloque5deformupeque{
display: flex;
justify-content: center;
color: white;
padding: 30px 0;
}

.cuadroazuldeformupeque>form{
  background-color: #406198;
  display: flex;
  flex-direction: column;
  padding: 20px;
  border-radius: 25px;
  gap: 10px;
  align-items: center;
}

.cuadroazuldeformupeque>form>.a{
color: black;
background-color: white;
padding: 10px 30px;
text-decoration: none;
border-radius: 30px;
font-size: 26px;
box-shadow: 4px 5px 5px 5px #0000002e;
text-align: center;
}

/*-------------PAGINACIONES-----------------*/
.pagination__wrapper {
  width: min(800px, 100%);
  margin: auto;
  padding: 30px 0;
}
.pagination__wrapper ul {
	list-style:none;
	margin:0;
	padding:0;
}
.pagination__wrapper ul li{
	display:inline-block;
	border-radius:8px;
	background-color:#8DB02B;
	margin:0 3px;
	color:#FFF;
}
.pagination__wrapper ul li a.pagenav{
	text-decoration:none;
	border-radius:8px;
	color:#FFF;
	padding:10px;
	background-color:#8DB02B;
	display:block;
}
.pagination__wrapper ul li .pagenav {
	text-decoration:none;
	border-radius:8px;
	color:#FFF;
	padding:10px;
	background-color:#ADCB53;
	display:block;
}
.pagination__wrapper .counter {
	color:#999;
	font-size:13px !important;
}
.pagination__wrapper ul li a{
	text-decoration:none;
	border-radius:8px;
	color:#FFF;
	padding:10px;
	background-color:#ADCB53;
	display:block;
	transition:all 0.4s;
}
.items-leading {
	border-bottom:1px solid #99999900;
	padding:0 0 10px 0;
}
.com-content-blog__link{
  display: none;
}
.com-content-blog__link>a{
  display: none;
}
.items-row {
	border-bottom:1px solid #999;
	padding:20px 0 10px 0;
}
.pagination__wrapper ul li a:hover {
	background-color:#3C3C3B;
	text-shadow: 1px 1px 2px #000000;
	-webkit-box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
box-shadow: 0 0 3px 1px rgba(0,0,0,0.3);
}
.pagination__wrapper ul li a:active {
	background-color:#739022;
}
.tooltip {
	display:none !important;
	background-color:#06F;
}
.fade {
	display:none !important;
	background-color:#06F;
}

.com-content-category-blog__counter{
  display: none;
}
/*--fin de la paginacion----*/

.formupeque{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.bloque5deformupeque{
  display: none;
  position: fixed;
  background-color: #ffffff7a;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  z-index: 2;
}

.mod-menu>.item-110{
  display: none;
}

.mod-menu>.item-111{
  display: none;
}

.mod-menu>.item-112{
  display: none;
}

.mod-menu>.item-113{
  display: none;
}

.imgcerrar{
  position: absolute;
  bottom: 270px;
  left: 390px;
  width: 19px;
}

.imgcerrar>img{
  width: 50px;
}

/*INICIO HOVERS*/

.bloque4-2-1>img:hover {
  box-shadow: 0px 0px 20px 5px #538641;
}

.bloque4-2-2>img:hover {
  box-shadow: 0px 0px 20px 5px #538641;
}

.bloque4-2-3>img:hover {
  box-shadow: 0px 0px 20px 5px #538641;
}
/*FIN HOVERS*/

.cuadroresponsive{
  display: none;
}

.servibloque1>img {
  height: 500px;
  object-fit: cover;
  width: 100%;
  object-position: center;
}

.cycle-slideshow {
  width: 100%;
}

.cycle-slideshow .imgfondo {
  height: 571px;
  object-fit: cover;
  width: 100%;
  object-position: center;
  
}

.slider1{
  position: relative;
}

.textosdeslider1{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 650px;
  margin: auto;
  text-align: center;
}

.textosdeslider1>h1{
  color: white;
  font-weight: 100;
  margin: 0px;
  font-size: 40px;
}

.textosdeslider1>h2{
  color: white;
  font-weight: bold;
  margin: 0px;
  font-size: 37px;
}






.slider2{
  position: relative;
}

.textosdeslider2{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 650px;
  margin: auto;
  text-align: center;
}

.textosdeslider2>h1{
  color: white;
  font-weight: bold;
  margin: 0px;
  font-size: 40px;
}

.textosdeslider2>h2{
  color: white;
  font-weight: bold;
  font-size: 20px;
  margin: 0px auto;
  text-align: center;
}


.slider3{
  position: relative;
}

.textosdeslider3{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 650px;
  margin: auto;
  text-align: center;
}

.textosdeslider3>h1{
  color: white;
  font-weight: bold;
  margin: 0px;
  font-size: 40px;
}

.textosdeslider3>h2{
  color: white;
  font-weight: 100;
  margin: 0px;
  font-size: 33px;

}

@media screen and (max-width: 1230px) {
  .servibloque5-1-3 {
    margin: 0 0 0 100px;
  }
  .servibloque5-1-2 {
    padding: 15px 15px 15px 40px;
    margin: 0px 0 0 120px;
  }
  .servibloque5-1-1 {
    padding: 10px 15px 10px 160px;
  }
  .servibloque5-2>img {
    left: 649px;
  }


}

@media screen and (max-width: 1000px) {
  .bloque9 {
    gap: 20px;
  }
  .nosobloque4 {
    width: min(900px, 100%);
  }
  .notasbloque3>h1 {
    margin: 0px 0 0 90px;
  }

}

@media screen and (max-width: 973px) {
  .bloque4-2 {
    gap: 120px;
    flex-direction: column;
    align-items: center;
  }
  .bloque4-3 {
    gap: 100px;
    flex-direction: column;
    align-items: center;
  }
  .cuadroverde2 {
    grid-template-columns: 400px;
  }

  .cuadroverde2-1 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    order: 2;
  }

  .cuadroverde2-2{
    text-align: center;
  }

  .bloque5 {
    padding: 40px 0;
    gap: 10px;
    align-items: center;
    flex-direction: column;
  }

  .cuadroverde {
    width: min(400px, 100%);
    gap: 10px;
    flex-direction: column;
    align-items: center;
  }

  .bloque3 {
    background-image: url(https://tracolcolombia.com/images/fondoinicio3.png?1712001224000);
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
    gap: 20px;
    flex-direction: column;
  }

  .bloque7 {
    flex-direction: column;
    align-items: center;
    gap: 80px;
  }

  .bloque4-1 {
    flex-direction: column;
    align-items: center;
  }
  .bloque4-1>h1 {
    margin: 40px 0 0 0;
  }
  .bloque4-1>h2 {
    margin:  0 0 40px 0;
  }
  .bloque6-1 {
    flex-direction: column;
    align-items: center;
    margin: 0px auto;
  }
  .bloque6-1>h1 {
    margin: 40px 0 0 0;
  }
  .bloque6-1>h2{
    margin:  0 0 40px 0;
  }
  .bloque4-4>p {
    width: min(350px, 100%);
  }
  .header1>div>a>h2 {
    padding: 22px 200px 15px 35px;
  }
  
  .bloque2-1>a {
    display: none;
  }

  .bloque2-3>a {
    display: block;
  }
  .bloque2-1>p {
    width: 387px;
    margin: 10px auto 10px;
  }
  .bloque2-3>a:hover {
    box-shadow: 0px 0px 6px 3px #9e9e9e;
  }
  .input {
    min-height: 30px;
  }
  .textarea {
    height: 50px;
  }
  .bloque5-1>form>.botonform {
    font-size: 20px;
  }
  .bloque5-2 {
    gap: 10px;
  }
  .notibloque2 {
    flex-direction: column;
    align-items: center;
    gap: 75px;
  }
  .bloque9 {
    display: grid;
    grid-template-columns: 260px;
    justify-items: center;
  }
  div>.bloque9-3>a {
    text-align: center;
  }
  .lineamitad {
    display: none;
  }
  .bloque9-2 {
    align-items: center;
  }
  .notasbloque2-1 {
    grid-template-columns: 471px;
    align-items: center;
    padding: 20px;
  }
  .notasbloque2-1-3>div {
    gap: 30px 30px;
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: center;
  }
  .notasbloque3>p {
    width: min(500px, 100%);
  }
  .notasbloque1 {
    width: min(470px, 100%);
  }
  .pagination__wrapper {
    width: min(550px, 100%);
  }
  .cuadroverde2 {
    width: min(400px, 100%);
  }
  .bloque4-1deservicios {
    flex-direction: column;
    align-items: center;
  }
  .servibloque5-2>img {
    left: 530px;
  }
  .servibloque5-1-1 {
    width: 630px;
  }
  .servibloque5-1-2 {
    margin: 0px 0 0 50px;
  }
  .servibloque5-1-3 {
    margin: 0 0 0 2px;
  }
  .bloque4-1deservicios>h1 {
    margin: 0px;
  }
  .bloque4-1deservicios>h2 {
    margin: 0px;
  }
  .servibloque5-1-1 {
    padding: 10px 15px 10px 60px;
  }

}

@media screen and (max-width: 900px) {
  .nav>ul{
    display: none;
    flex-direction: column;
    align-items: flex-end;
    padding: 0px 10px 0 348px;
  }
  .cuadroresponsive{
    display: flex;
    justify-content: flex-end;
  }
  .header2 {
    justify-content: space-between;
    margin: 20px 10px 10px;
  }
  .header2>div>div>a>img {
    left: 20px;
    width: 200px;
  }
  .nav>ul>li{
    display: flex;
    justify-content: flex-end;
    padding: 10px 0px;

  }
  .nosobloque3-1 {
    width: min(500px, 100%);
    flex-direction: column;
  }
  .nosobloque3-2 {
    width: min(500px, 100%);
    grid-template-columns: 400fr;
  }
  .nosobloque3 {
    background-image: url(https://tracolcolombia.com/images/fondonosotros3responsive.jpg?1717782728000);
    background-repeat: no-repeat;
    background-color: #213a73;
  }
  .servibloque6 {
    background-image: url(https://tracolcolombia.com/images/fondoservi6responsive.png?1712002181000);
    background-repeat: no-repeat;
    background-color: #213a73;
  }
  .servibloque7 {
    background-image: url(https://tracolcolombia.com/images/fondoservi7responsive.png);
    background-repeat: no-repeat;
    background-color: #0a7a34;
  }
  .lineamitaddenoso {
    display: none;
  }
  .nosobloque4 {
    width: min(500px, 100%);
    flex-direction: column;
  }
  .nosobloque4 {
    flex-direction: column;
    padding: 35px 0;
  }
  .nosobloque6-1 {
    flex-direction: column;
  }
  .nosobloque7-1 {
    flex-direction: column;
  }
  .tododeservibloque6 {
    width: min(400px, 100%);
    grid-template-columns: 400fr;
    justify-items: center;
  }
  .servibloque6-2 {
    display: none;
  }
  .tododeservibloque7-2 {
    width: min(400px, 100%);
    grid-template-columns: 400px;
    justify-items: center;
  }
  .servibloque7-2 {
    display: none;
  }
  .tododeservibloque7-1 {
    width: min(400px, 100%);
    padding: 70px 0 0 0;
    text-align: center;
  }
  .servibloque2>img {
    width: min(900px, 100%);
    padding: 0 50px;
    box-sizing: border-box;
  }
  .nosobloque6-1>iframe {
    width: 500px;
  }
  .cuadroazul2 {
    width: min(400px, 100%);
    grid-template-columns: 270px;
    justify-items: center;
  }
  .nosobloque7-1 {
    grid-template-columns: 250px;
    justify-items: center;
  }
  .nosobloque6 {
    width: min(250px, 100%);  
  }
  .nosobloque2>p{
    width: 500px;
    margin: auto;
  }
  .nosobloque2 {
    width: min(500px, 100%);
  }
  .nosobloque5-1>h1 {
    font-size: 30px;
  }
  .nosobloque5-1>h2 {
    font-size: 30px;
  }
  .nosobloque5-1>img {
    width: min(40px, 100%);
  }
  .servibloque5-2>img {
    position: relative;
    left: 0;
    border-radius: 30px;
    width: 400px;
  }
  .servibloque5-1-2>p {
    width: 400px;
  }
  .servibloque5-1{
    order: 1;
  }
  .servibloque5 {
    flex-direction: column;
    align-items: center;
  }
  .servibloque5-1-1 {
    padding: 20px;
    border-radius: 20px 20px 0 0;
  }
  .servibloque5-1-3 {
    padding: 20px;
    border-radius: 0 0 20px 20px;
  }
  .servibloque5-1-1>h1 {
    width: 500px;
    text-align: center;
  }
  .servibloque5-1-3>.p1 {
    width: 500px;
  }
  .servibloque5-1-3>.p2 {
    width: 500px;
  }
  .servibloque5-1-3 {
    text-align: center;
    width: 500px;
    margin: auto;
  }
  .servibloque7 {
    padding: 0 0 0px 0;
  }
  .bloque4-1>h2 {
    margin: 0;
  }
  .bloque4-1>h1 {
    margin: 0;
  }
  .servibloque5-1-1 {
    width: 530px;
    margin: auto;
  }
  .servibloque5-1-2 {
    margin: 0px 0 0 10px;
  }
}

@media screen and (max-width: 850px) {
  .header1>div>a>h2 {
    padding: 22px 100px 15px 35px;
  }
  .header1-1>div {
    gap: 10px;
  }
  .notasbloque3>h1 {
    padding: 5px 60px 5px 40px;
  }
  .platatrabloque1-1-2>img {
    width: 200px;
  }
  .platatrabloque1-1-1>h2 {
    font-size: 41px;
  }
  .platatrabloque1-1-1>h1 {
    font-size: 70px;
  }
  .platatrabloque1-1-1>a {
    padding: 15px 40px;
    margin: 50px 0;
  }
  .platatrabloque2-1 {
    text-align: center;
  }
  .platatrabloque2-1 {
    text-align: center;
  }
  .platatrabloque1-1 {
    margin: 120px auto 0px;
  }
}

@media screen and (max-width: 800px) {
  .nosobloque1-1>h1 {
      font-size: 42px;
  }
  .nosobloque1>.nosobloque1-1>img {
    width: min(50px, 100%);
  }
  .servibloque1>.servibloque1-1>img{
    width: min(50px, 100%);
  }
  .servibloque1-1>div>h1{
    font-size: 33px;
  }
  .servibloque1-1>div>h2 {
    font-size: 38px;
  }
  .notibloque1-1>h1 {
    font-size: 95px;
  }
  .notibloque1-1>h2 {
    font-size: 40px;
  }
  .textosdeslider3>h1 {
    font-size: 30px;
  }
  .textosdeslider3>h2 {
    font-size: 24px;
  }
  .textosdeslider2>h1 {
    font-size: 30px;
  }
  .textosdeslider2>h2 {
    font-size: 15px;
  }
  .textosdeslider1>h1 {
    font-size: 21px;
  }
  .textosdeslider1>h2 {
    font-size: 20px;
  }
  .imgletras{
    width: 200px;
  }
  .textosdeslider1 {
    width: 350px;
  }
  .textosdeslider2 {
    width: 350px;
  }
  .textosdeslider3 {
    width: 350px;
  }
}

@media screen and (max-width: 700px) {
  .header1>div>a>h2 {
    padding: 22px 50px 15px 35px;
  }
  .header1 {
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
  }
  .header1-1{
    order: 2;
    padding: 0 15px 0 0;
  }
  .header2>div>div>a>img {
    top: -90px;
    width: 170px;
  }


}

@media screen and (max-width: 655px) {
  .cuadroverde2 {
    grid-template-columns: 300px;
    width: min(300px, 100%);
  }
  .cuadroverde {
    width: min(300px, 100%);
  }
  .bloque2-1>p {
    width: 300px;
  }
  .bloque2-1>h2 {
    font-size: 45px;
    margin: 0;
  }
  .bloque4-4>p {
    width: min(250px, 100%);
  }
  .blover {
    text-align: center;
  }
}

@media screen and (max-width: 540px) {
  .header2>div>div>a>img {
    width: 130px;
  }
  .header1>div>a>h2 {
    font-size: 18px;
    padding: 15px 32px 15px 21px;
  }
  .bloque4-4 {
    flex-direction: column;
  }
  .bloque4-4>p {
    margin: -15px;
  }
  .cuadroverde2 {
    width: min(240px, 100%);
    grid-template-columns: 260px;
  }
  .cuadroverde {
    width: min(240px, 100%);
  }
  .bloque2-1>p {
    width: 240px;
  }
  .bloque2-1>h2 {
    font-size: 35px;
  }
  .notasbloque2-1 {
    width: min(400px, 100%);
  }
  .notasbloque3>h1 {
    padding: 5px 60px 5px 40px;
    margin: 0px 0 0 30px;
  }
  .notasbloque3>p {
    width: min(450px, 100%);
  }
  .platatrabloque1-1 {
    margin: 60px auto 0px;
  }
  .nosobloque3-1 {
    width: min(400px, 100%);
    flex-direction: column;
  }
  .nosobloque3-2 {
    width: min(400px, 100%);
    grid-template-columns: 400fr;
  }
  .nosobloque2>p {
    width: 400px;
    margin: auto;
  }
  .nosobloque4 {
    width: min(400px, 100%);
  }
  .nosobloque6-1>iframe {
    width: 400px;
  }
  .nosobloque7-1>iframe {
    width: 400px;
  }
  .cuadroazul2 {
    width: min(360px, 100%);
  }
  .cuadroazul2-1 {
    width: 370px;
  }
  .nosobloque2>p {
    width: 400px;
    margin: auto;
  }
  .nosobloque2>p {
    width: 400px;
  }
  .nosobloque3-1 {
    width: min(350px, 100%);
  }
  .nosobloque3-2 {
    width: min(350px, 100%);
    grid-template-columns: 380px;
  }
  .cuadroazul2 {
    width: min(300px, 100%);
    grid-template-columns: 270px;
  }
  .cuadroazul2-1 {
    width: 300px;
  }
  .nosobloque6-1>iframe {
    width: 350px;
    height: 250px;
  }
  .nosobloque7-1>iframe {
  width: 350px;
  height: 250px;
  }
  .servibloque5-1-1 {
    width: 430px;
    font-size: 15px;
  }
  .servibloque5-1-1>h1 {
    width: 300px;
    text-align: center;
  }
  .servibloque5-1-2>p {
    width: 300px;
  }
  .servibloque5-1-3 {
    text-align: center;
    width: 400px;
    margin: auto;
  }
  .servibloque5-1-3>.p1 {
    width: auto;
  }
  .servibloque5-1-3>.p2 {
    width: auto;
  }
  .servibloque5-1-3 {
    width: 300px;
  }
  .servibloque5-1-1 {
    width: 300px;
  }
  .servibloque5-1-2>p {
    width: 200px;
  }
  .servibloque5-1-2>div>h1 {
    width: 220px;
  }
.imgcerrar {
  bottom: 260px;
  left: 340px;
}
}

@media screen and (max-width: 500px) {
  .nosobloque1>.nosobloque1-1>img {
    width: min(30px, 100%);
  }
  .nosobloque1-1>h1 {
    font-size: 25px;
  }
  .servibloque1>.servibloque1-1>img{
    width: min(30px, 100%);
  }
  .servibloque1-1>div>h1{
    font-size: 20px;
  }
  .servibloque1-1>div>h2 {
    font-size: 23px;
  }
  .notibloque1-1>h1 {
    font-size: 50px;
  }
  .notibloque1-1>h2 {
    font-size: 20px;
  }
  .imgletras {
    width: 150px;
  }
  .textosdeslider1>h1 {
    font-size: 15px;
  }
  .textosdeslider1>h2 {
    font-size: 12px;
  }
  .textosdeslider3>h1 {
    font-size: 15px;
  }
  #next>img {
    width: 20px;
  }
  #prev>img {
    width: 20px;
  }
  .textosdeslider3>h2 {
    font-size: 13px;
  }
  .textosdeslider2>h1 {
    font-size: 18px;
  }
  .textosdeslider2>h2 {
    font-size: 11px;
  }
  .textosdeslider1 {
    width: 200px;
  }
  .textosdeslider2 {
    width: 200px;
  }
  .textosdeslider3 {
    width: 200px;
  }
}


@media screen and (max-width: 440px) {
  .bloque5-1 {
    position: relative;
    width: min(240px, 100%);
  }
  .input {
    width: 190px;
}
  .textarea {
    width: 140px;
  }
  .bloque5-2>h1 {
    font-size: 35px;
  }
  .bloque5-2 {
    width: 250px;
  }
  .bloque5-2-1-1>p {
    font-size: 14px;
  }
  .bloque5-2-2-1>p {
    font-size: 14px;
  }
  .bloque5-2-3>h1 {
    font-size: 18px;
  }
  .bloque5-2-4>h1 {
    font-size: 18px;
  }
  .bloque5-2-5>a>img {
    width: 35px;
  }
  .bloque5-2-5 {
    justify-content: center;
  }
  .bloque5 {
    padding: 25px 0;
  }
  .bloque2 {
    padding: 20px;
  }
  .cuadroverde {
    width: min(200px, 100%);
  }
  .bloque2-1>p {
    width: 220px;
  }
  .bloque2-1>h2 {
    font-size: 32px;
  }
  .bloque3 {
    padding: 20px;
    gap: 10px;
  }
  .bloque4-1>h1 {
    font-size: 45px;
    margin: 0px 0 0px 0;
  }
  .bloque4-1>h2 {
    font-size: 45px;
    margin: 0px 0 0px 0;
  }
  .bloque4-2 {
    gap: 100px;
  }
  .bloque4-4>p {
    width: min(240px, 100%);
    margin: -10px;
  }
  .cuadroverde2 {
    width: min(200px, 100%);
  }
  .cuadroverde2-1 {
    width: 200px;
    margin: auto;
  }
  .pdeblover {
    width: 120px;
  }
  .bloque4-4 {
    flex-direction: column;
  }
  .bloque4-4 {
    padding: 20px 0 50px;
    flex-direction: column;
  }
  .bloque6-1>h1 {
    font-size: 45px;
  }
  .bloque6-1>h2 {
    font-size: 45px;
  }
  .header1>div>a>h2 {
    font-size: 18px;
    padding: 15px 20px 15px 35px;
  }
  .header2>div>div>a>img {
    left: -30px;
  }
  #mod-custom115{
    z-index: 1001;
  }
  .notasbloque2-1 {
    gap: 10px;
    grid-template-columns: 250px;
    align-items: center;
    padding: 20px;
    width: 0px;
  }
  .notasbloque2-1-3>div {
    gap: 15px 15px;
  }
  .notasbloque1 {
    width: min(270px, 100%);
    gap: 0px;
    flex-direction: column;
    align-items: flex-start;
  }
  .notasbloque1>h1 {
    margin: 0px 0;
    font-size: 35px;
  }
  .notasbloque3>h1 {
    padding: 5px 30px 5px 40px;
    margin: 0px 0 0 30px;
    font-size: 20px;
  }
  .notasbloque3>p {
    width: min(250px, 100%);
  }
  .com-content-category-blog {
    padding: 50px 0 0 0;
  }
  .sabiasquebloque1 {
    width: min(270px, 100%);
    gap: 0px;
    flex-direction: column;
    align-items: flex-start;
  }
  .sabiasquebloque1>h1 {
    margin: 0px 0;
    font-size: 35px;
  }
  .enteratebloque1 {
    width: min(270px, 100%);
    gap: 0px;
    flex-direction: column;
    align-items: flex-start;
  }
  .enteratebloque1>h1 {
    margin: 0px 0;
  }
  .enteratebloque1>h1 {
    font-size: 35px;
  }
  .sabiasquebloque1>a>img {
    width: 50px;
  }
  .platatrabloque1-1-1>a {
    padding: 10px 15px;
    font-size: 17px;
    margin: 30px 0;
  }
  .platatrabloque1-1-2>img {
    width: 120px;
  }
  .platatrabloque1-1-1>h2 {
    font-size: 25px;
  }
  .platatrabloque1-1-1>h1 {
    font-size: 41px;
    margin: -5px 0;
  }
  .platatrabloque1-1-1 {
    padding: 25px 0 0 0;
  }
  .platatrabloque2-1>h1 {
    font-size: 20px;
  }
  .platatrabloque2-1>h2 {
    font-size: 40px;
  }
  .platatrabloque2-1 {
    width: 300px;
    text-align: center;
  }
  .platatrabloque1-1 {
    margin: 50px auto 0px;
    align-items: flex-end;
  }
  .platatrabloque2 {
    padding: 30px 0 0 0;
  }
  .platatrabloque3 {
    padding: 0 0 20px 0px;
  }
  #mod-custom112>img{
    width: 160px;
  }
  .cuadroazul2 {
    width: min(200px, 100%);
    grid-template-columns: 270px;
    gap: 20px;
    align-items: start;
    justify-items: center;
  }
  .cuadroazul2-1 {
    width: 200px;
  }
  .cuadroverde2-2>img {
    width: min(250px, 100%);
  }
  .cuadroazul2-2>img {
    width: min(200px, 100%);
  }
  .cuadroazul2 {
    grid-template-columns: 200px;
  }
  .nosobloque6 {
    width: min(300px, 100%);
  }

  .nosobloque6-1>iframe {
    width: 250px;
    height: 250px;
  }
  .nosobloque6-1-1>div>img {
    width: min(50px, 100%);
    height: 100%;
  }
  .nosobloque6-1-1>div>h1 {
    font-size: 20px;
  }
  .nosobloque6-1-1>div {
    justify-content: center;
  }
  .nosobloque6-1-1>p {
    text-align: center;
  }
  .nosobloque7-1>iframe {
    width: 250px;
    height: 250px;
  }

  .nosobloque7-1-1>div>img {
    width: min(50px, 100%);
    height: 100%;
  }
  .nosobloque7-1-1>div>h1 {
    font-size: 20px;
  }
  .nosobloque7-1-1>div {
    justify-content: center;
  }
  .nosobloque7-1-1>p {
    text-align: center;
  }
  .nosobloque7-1 {
    grid-template-columns: 250px;
  }
  .nosobloque7-1-1{
    order: 2;
  }
  .nosobloque4-1-1 {
    flex-direction: column;
  }
  .nosobloque4-1-2 {
    flex-direction: column;
  }
  .nosobloque4 {
    width: min(200px, 100%);
  }
  .nosobloque4>img{
    width: min(250px, 100%);
  }
  .nosobloque5-1>img {
    width: min(30px, 100%);
  }
  .nosobloque5-1>h1 {
    font-size: 20px;
    margin: 0px 5px 0px 0px;
  }
  .nosobloque5-1>h2 {
    font-size: 20px;
  }
  .nosobloque2>p{
    width: 270px;
    margin: auto;
    padding: 0 0 10px 0;
  }
  .pdebloverpoliticas {
    width: 100px;
  }
  .pdebloverpoliticas1 {
    flex-direction: column;
    align-items: center;
  }
  .pdebloverpoliticas1>p {
    padding: 0px;
    margin: 0px;
  }
  .pdebloverpoliticas1>a>img {
    height: 55px;
    padding: 5px;
  }
  .nosobloque2 {
    padding: 10px 0;
  }
  .nosobloque3-1 {
    width: min(270px, 100%);
    padding: 30px 0;
    flex-direction: column;
  }
  .nosobloque3-2 {
    grid-template-columns: 280px;
  }
  .h1-1denos {
    font-size: 35px;
  }
  .h2denos {
    font-size: 35px;
    margin: 0px;
  }
  .h1-2denos {
    font-size: 20px;
  }
  .nosobloque3-2-1>h1 {
    font-size: 28px;
  }
  .nosobloque3-2-1>h2 {
    font-size: 22px;
  }
  .nosobloque3-2-1>p {
    font-size: 18px;
  }
  .nosobloque3-2-2>h1 {
    font-size: 25px;
  }
  .nosobloque3-2-2>div>p {
    font-size: 20px;
    width: 170px;
  }
  .nosobloque3-2-2>h2 {
    font-size: 20px;
    width: 280px;
  }
  .nosobloque3-3>a>img {
    width: 270px;
  }
  .bloque4-1deservicios>h1 {
    font-size: 48px;
    margin: 0px;
  }
  .bloque4-1deservicios>h2 {
    font-size: 48px;
    margin: 0px;
  }
  .servibloque5-1-1>h1 {
    width: 240px;
    font-size: 30px;
  }
  .servibloque5-1-2 {
    padding: 10px;
  }
  .servibloque5-1-2>div {
    gap: 0px;
    flex-direction: column;
    align-items: flex-start;
  }
  .servibloque5-1-2>p {
    width: 230px;
    margin: 0px 0 0px;
  }
  .servibloque5-1-3>h1 {
    font-size: 30px;
    margin: 0;
  }
  .tododeservibloque7-1 {
    width: min(300px, 100%);
    padding: 20px 0 0 0;
    text-align: center;
  }
  .tododeservibloque7-1>h1 {
    margin: 0;
    font-size: 16px;
  }
  .tododeservibloque7-1>h2 {
    margin: 0;
    font-size: 23px;
  }
  .servibloque6-3>p {
    font-size: 17px;
    width: 250px;
    line-height: 1;
    margin: auto;
    text-align: center;
  }
  .servibloque6-3{
    margin: auto;
  }
  .servibloque6-3>p {
    margin: 0px;
  }
  .servibloque6-3>h2 {
    width: 200px;
    margin: auto;
    padding: 5px;
  }
  .servibloque7-1{
    width: min(250px, 100%);
  }
  .servibloque7-1>img{
    width: 240px;
  }
  .servibloque6-3{
    width: min(250px, 100%);
  }
  .servibloque6-3>img{
    width: 240px;
    padding: 10px 0;
  }
  .servibloque7{
    padding: 0px;
  }
  .servibloque6-1>p {
    width: 280px;
    margin: auto;
  }
  .tododeservibloque6 {
    width: min(200px, 100%);
  }
  .servibloque5-1-1 {
    padding: 10px 15px 10px 10px;
  }
  .servibloque2>img {
    width: min(280px, 100%);
    padding: 0 11px;
    box-sizing: border-box;
  }
  .servibloque8 {
    padding: 0px 0 10px 0;
  }
  .servibloque1-1>h1 {
    font-size: 30px;
    margin: 0px;
  }
  .servibloque5 {
    position: relative;
    flex-direction: column;
  }
  .servibloque5-1{
    order: 1;
  }
  .servibloque5-1-2>p {
    margin: 0px;
  }
  .servibloque5-1-1>h1 {
    margin: 0;
    width: 380px;
  }
  .servibloque5 {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .servibloque5-2>img {
    width: 250px;
  }
  .servibloque5-1-1>h1 {
    margin: 0;
    width: 250px;
    font-size: 22px;
  }
  .servibloque6-1>img{
    width: 280px;
  }
  .servibloque5-1-1 {
    width: 250px;
  }
  .servibloque5-1-3 {
    width: 230px;
  }
  .servibloque5-1-3>h1 {
    font-size: 22px;
  }
  .servibloque5-1-3>.p2 {
    font-size: 15px;
  }
  .servibloque5-1-2>p {
    width: 250px;
  }
  .imgcerrar {
    bottom: 260px;
    left: 210px;
  }
  .nav>ul {
    padding: 0px;
  }
  .header2>div>div>p a>img {
    position: relative;
  }
  .header2 {
    flex-direction: column;
  }

}