* {
    margin: 0;
    padding: 0;
  }
  



body, html {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background: white;
    position: relative;
    font-family: "Sofia Sans Condensed", serif;
    font-weight: 400;
    font-style: normal;
}

.background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: black;
    clip-path: polygon(0 94%, 100% 56%, 100% 100%, 0 100%);
}

.background2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: black;
    clip-path: polygon(0 80%, 100% 70%, 100% 100%, 0 100%);
}


.content {
    position: relative;
    text-align: center;
    color: white;
    z-index: 1;

}

h6 {
    font-size: 8px;
}

.p1{

    font-weight: 400;
    font-style: normal;
    margin-top: 5px;
    font-size: 23px;
    position: relative;
    top: 10px;
}

.negrita {
    font-weight: bold;
}

.naranja {
    color: orange; 
}


.p2{ 
    font-size: 19px;
    font-weight: 400;
    font-style: italic;
    position: relative;
    top: 20px;
}

.logo {
    width: 220px;
}

.tractor {
    width: 300px;
    position: relative;
    top: 5px;
}


.content {
    position: relative; /* Asegúrate de que el contenedor del tractor tenga posición relativa */
    text-align: center;
    color: white;
    z-index: 1;
}

.tractor {
    width: 300px;
    position: relative;
    top: 5px;
}

.venta {
    display: flex;
    justify-content: space-between;
    background-color: white;
    width: 120px;
    border-radius: 8px;
    position: absolute; /* Posiciona el contenedor .venta de forma absoluta dentro del tractor */
    bottom: 50px; /* Ajusta esta propiedad según necesites moverlo hacia abajo dentro del tractor */
    left: 50%; /* Centra el contenedor .venta en relación con el tractor */
    transform: translateX(-50%); /* Ajuste para centrar perfectamente el contenedor */
}
.venta > p {
    color: black;
    font-size: 10px;
    padding: 5px;
}

.venta > div {
    background-color: orange;
    width: 45px;
    border-radius: 8px;
}

.fa-solid {
    color: black;
}

.texto {
    text-align: center;
    color:black
}

.texto2 {
    text-align: left;
    color:black
  }
  
.negrita {
    font-weight: bold;
  }
  
.icono {
    display: inline-block; 
    transform: rotate(230deg); 
    position: relative; 
    left: 10px;
}

.social-icons i {
    margin-right: 7px; 
}

.social-icons a, .venta a {
    color: inherit; 
    text-decoration: none; 
}












/* .background {
    position: absolute;
    width: 100%;
    height: 100%;
    background: black;
    clip-path: polygon(100% 16%, 10% 100%, 100% 100%);
}

.background2 {
    position: absolute;
    width: 100%;
    height: 100%;
    background: black;
    clip-path: polygon(0 70%, 100% 53%, 100% 100%, 0% 100%);
} */