body {
     /* Centrar el contenido horizontalmente */
}

.triangulo {
    right: 0px;
    width: 0px;
    height: 0px;
    border-left: 550px solid transparent;
    border-right: 550px solid transparent;
    border-bottom: 550px solid #d3dddd;
    border-radius: 30px 30px 0 0;
    background-position: 100px;
    z-index: -1px;
    top: 756px;
    position: absolute;
    
}

.triangulo::after {
    content: '';
    position: absolute;
    left: -2px;
    top: 0px;
    width: 4px;
    height: 12px;
    background: #d3dddd;
    border-radius: 999%;
}

.rectangulo {
    width: 100%;
    height: 205px;
    background-color: #1a1a1a;
    border-radius: 8px;
    margin-top: 0px;
}
.piede{
    width: 100%;
    height: 500px;
    display: flex;
}
.triangulo2{
    width: 0px;
    height: 0px;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-bottom: 150px solid #880000;
    position: absolute;
    margin-top: auto;
    transform: rotate(135deg);
    right: 98px;
    bottom: 373px;
} 
.triangulo3{
    width: 0px;
    height: 0px;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-bottom: 150px solid #00ff0d;
    position: absolute;
    transform: rotate(-315deg);
    right: 97px;
    top: 233px;
} 
.triangulo4{
    width: 0px;
    height: 0px;
    border-left: 120px solid transparent;
    border-right: 120px solid transparent;
    border-bottom: 120px solid #fffb00;
    position: absolute;
    transform: rotate(-495deg);
    right: 211px;
    top: 356px;
}
.triangulo5{
    width: 0px;
    height: 0px;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #1a1a1a;
    position: absolute;
    transform: rotate(-270deg);
    right: 153px;
    bottom: -429px;

}
.cuadrado {
    width: 206px;
    height: 206px;
    background-color: #ede6e6;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    position: absolute;
    transform: rotate(-270deg);
    right: 0px;
    top: 894px;
}
.cuadrado1 {
    width: 206px;
    height: 206px;
    background-color: #8ca8a8;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    position: absolute;
    transform: rotate(-360deg);
    right: 0px;
    top: 1100px;
}
.cuadrado2 {
    width: 170px;
    height: 170px;
    background-color: #e63232;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
    position: absolute;
    transform: rotate(-540deg);
    right: 1px;
    top: 1136px;
}

.losdemas{
    
}
.todo{
    width: 100%;
    height: 100ch;
}
.triangulo img{
    width: 516px;
    margin-top: 201px;
    height: 349px;
    float: right;
    text-align: right;
    margin-right: 37px;
}
.info{
    
    left: 0px;
    top: 38px;
    width: 18%;
    height: 95%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-weight: bold;
    z-index: 1;
    flex-direction: column;
}
.info h2{
    font-weight: bold;
    font-size: 34px;
    padding-left: 118px;
    padding-top: 0px;
    color: #8ca8a8;

}
.info-in p {
    font-weight: lighter;
    font-size: 14px;
    margin-top: 0px;
}
.info-in{
    margin-bottom: 0px;
    padding-left: 40px;
}
.triangulo p{
    width: 204px;
}
.conte{
    display: flex;
    margin-left: -552px;
}
.conte p{
    padding-top: 234px;;
    color: #4d4d4d;
}
.roj{
    color: #e63232;
}
.correo{
    width: 20px;
    height: 20px;
    padding-right: 9px;
}
.telefono{
    width: 20px;
    height: 26px;
    padding-right: 9px;
}
.ubicacion{
    width: 20px;
    padding-top: 6px;
    height: 20px;
    padding-right: 9px;
}
.conc{
    display: flex;
}
.red img{
    width: 15px;
    height: 18px;
}
.red{
    display: flex;
}
.red1{
    transform: rotate(-540deg);
    position: absolute;
    right: 8px;
    top: 55px;
}
.red2{
    transform: rotate(-540deg);
    position: absolute;
    right: 34px;
    top: 55px;
}
.red3{
    transform: rotate(-540deg);
    position: absolute;
    right: 63px;
    top: 55px;
}
@media(max-width: 630px){
    .triangulo{
        display: none;
    }
    .info h2{
        font-size: 23px;
        padding-left: 0px;
    }
    .info{
        top: 37px;
        left: 67px;
    }
    .info-in p{
        font-size: 12px;

    }
}
@media(max-width:1350px){
    .triangulo{
        right: 0px;
        width: 0px;
        height: 0px;
        border-left: 500px solid transparent;
        border-right: 500px solid transparent;
        border-bottom: 500px solid #d3dddd;
        border-radius: 30px 30px 0 0;
        top: 805px;
        
    }
    .triangulo img {
        width: 436px;
        margin-top: 201px;
        height: 299px;
        float: right;
        text-align: right;
        margin-right: 37px;
        margin-left: 55px;
    }
}
@media(max-width:1250px){
    .triangulo{
        right: 0px;
        width: 0px;
        height: 0px;
        border-left: 500px solid transparent;
        border-right: 500px solid transparent;
        border-bottom: 500px solid #d3dddd;
        border-radius: 30px 30px 0 0;
        
    }
    .triangulo img {
        width: 436px;
        margin-top: 201px;
        height: 299px;
        float: right;
        text-align: right;
        margin-right: 37px;
        margin-left: 55px;
    }
}
@media(max-width:1217px){
    .triangulo{
        right: 0px;
        width: 0px;
        height: 0px;
        border-left: 420px solid transparent;
        border-right: 420px solid transparent;
        border-bottom: 420px solid #d3dddd;
        border-radius: 30px 30px 0 0;
        top: 886px;
        
    }
    .triangulo img {
        width: 321px;
        margin-top: 201px;
        height: 219px;
        float: right;
        text-align: right;
        margin-right: 37px;
        margin-left: 133px;
    }
    .info-in p {
        font-weight: lighter;
        font-size: 14px;
        margin-top: 0px;
        z-index: 2;
        width: 98%;
    }
    .cuadrado2{
        top: 1034px;
    }
    .cuadrado1{
        top: 1000px;
    }
    .cuadrado{
        top: 794px;
    }
    .triangulo5{
        bottom: -335px;
    }
}
@media(max-width:1001px){
    .cuadrado2{
        top: 834px;
    }
    .cuadrado1{
        top: 803px;
    }
    .cuadrado{
        top: 598px;
    }
    .triangulo5{
        bottom: -131px;
    }
    .triangulo{
        top: 649px !important;
    }
}
@media(max-width:1051px){
    .triangulo{
        right: 0px;
        width: 0px;
        height: 0px;
        border-left: 420px solid transparent;
        border-right: 420px solid transparent;
        border-bottom: 420px solid #d3dddd;
        border-radius: 30px 30px 0 0;
        top: 785px;
        
    }
    .triangulo img {
        width: 321px;
        margin-top: 141px;
        height: 219px;
        float: right;
        text-align: right;
        margin-right: 22px;
        margin-left: 192px;
    }
    .info-in p {
        font-weight: lighter;
        font-size: 14px;
        margin-top: 0px;
        z-index: 2;
        width: 98%;
    }
}
@media (max-width: 1048px) {
    .encabezado {
        padding-top: 0px !important;
    }
    .menuLista {
        display: none;
    }
    .contBtnIdioma {
        margin-left: auto;
        margin-right: 56px !important;
    }
    #MenuMovil {
        display: block !important;
    }
    
    .menu-icon {
        display: flex;
        position: absolute;
        top: 23px;
        left: 31px;
    }
    .triangulo{
        right: 0px;
        width: 0px;
        height: 0px;
        border-left: 360px solid transparent !important;
        border-right: 360px solid transparent !important;
        border-bottom: 360px solid #d3dddd !important;
        border-radius: 30px 30px 0 0;
    }
}

  

@media (max-width: 900px) {
    .menuLista {
        display: none;
    }

    .menu-icon {
        display: flex;
        position: absolute;
        top: 23px;
        left: 31px;
    }
    .triangulo{
        right: 0px;
        width: 0px;
        height: 0px;
        border-left: 330px solid transparent !important;
        border-right: 330px solid transparent !important;
        border-bottom: 330px solid #d3dddd !important;
        border-radius: 30px 30px 0 0;
        
    }
    .cuadrado{
        height: 207px;
        width: 207px;
        bottom: -253px;

    }
    .cuadrado1{
        height: 207px;
        width: 207px;
    }
    .triangulo img {
        width: 281px !important;
        margin-top: 141px;
        height: 189px !important;
        float: right;
        text-align: right;
        margin-right: 0px !important;
        margin-left: 221px !important;
    }
    .conte{
        font-size: 13px;
    }
    .cuadrado2{
        top: 734px;
    }
    .cuadrado1{
        top: 698px;
    }
    .cuadrado{
        top: 493px;
    }
    .triangulo5{
        bottom: -35px;
    }
    .triangulo{
        top: 575px !important;
    }
}
@media(max-width:815px){
    .triangulo{
        display: none;
    }
    .info{
        margin-left: 36px;
    }
}
@media(max-width:730px){
    .cuadrado2{
        top: 589px;
    }
    .cuadrado1{
        top: 554px;
    }
    .cuadrado{
        top: 348px;
    }
    .triangulo5{
        bottom: 117px;
    }
    
}
@media(max-width:530px){
    .cuadrado2{
        top: 515px !important;
    }
    .cuadrado1{
        top: 480px !important;
    }
    .cuadrado{
        top: 274px !important;

    }
    .triangulo5{
        top: 417px !important;
    }
}
@media(max-width:630px){
    .info h2 {
        font-size: 24px;
        padding-left: 87px;
    }
    .red img {
        width: 13px;
        height: 16px;
    }
    .info-in p{
        font-size: 12px;
    }
    .cuadrado2{
        top: 549px;
    }
    .cuadrado1{
        top: 514px;
    }
    .cuadrado{
        top: 308px;
    }
    .triangulo5{
        top: 452px;
    }
}
@media(max-width:401px){
    .info h2{
        font-size: 18px;
        padding-left: 44px;
    }
    .info-in p{
        font-size: 14px;
    }
    .sa{
        height: 37px;
    }
    .cuadrado2{
        top: 385px !important;
    }
    .cuadrado1{
        top: 350px !important;
    }
    .cuadrado{
        top: 143px !important;
    }
    .triangulo5{
        top: 289px !important;
    }
}
@media(max-width:350px){
    .cuadrado2{
        top: 286px !important;
        

    }
    .cuadrado1{
        top: 251px !important;
        
        
    }
    .cuadrado{
        top: 45px!important;
        
    }
    .triangulo5{
        top: 194px !important;
    }

}
.sa{
    height: 65px;
}
@media(max-width:1151px){
    .triangulo{
        right: 0px;
        width: 0px;
        height: 0px;
        border-left: 420px solid transparent;
        border-right: 420px solid transparent;
        border-bottom: 420px solid #d3dddd;
        border-radius: 30px 30px 0 0;
        top: 785px;
        
    }
}