@charset "UTF-8";

* {
   margin: 0;
   padding: 0;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
   outline: none;
}


img {
   border: 0;
}

body{
    font-size: 16px;
    line-height: 18px;
    font-family: 'Source Sans Pro', sans-serif;  
    color: #6b5c93;
    background: url('../img/bg.png') top center repeat; 
    background-color: #f5f5f5;
}
h1{
    font-size: 50px;
    line-height: 43px;
}
h2{
    font-size: 24px;
    line-height: 24px;
}
.green{
    color: #7ac147;
}
.tasa {
    padding-left: 25px;
   
}
header{
    max-width: 1080px;
    min-width: 280px;
    padding: 20px;
    margin: auto;
    margin-top: 60px;
    box-sizing: border-box;
    /* background-image: linear-gradient(#f5f5f5, white); */
    
}
.container{
    max-width: 1080px;
    min-width: 280px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    padding: 40px 20px;
    box-sizing: border-box;
}
.banner {
    
   /* background: linear-gradient(to right, #7cc2cc, #e7d142);*/
    text-align: center;
    padding:0px;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 1000;
}

/* -------------------- */
.one{
    max-width: 410px;
    min-width: 280px;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
       
        .one-title{
            width: 170px;
        }
            .one-title p{
                line-height: 16px;
                padding-top: 5px;
                box-sizing: border-box;
            }
        .one-img{
            width: 200px;
        }
        .one-img img{
            width: 100%;
        }

        .boton-whatsapp{
            width: 200px;
            display: flex;
            justify-content: center;
            align-items: center;
            cursor: pointer;
            border-radius: 5px;
            margin-top: 15px;
            box-sizing: border-box;
        }
            .one-whatsapp{
                width: 50px;
                padding-top: 5px;
               margin-left: -50px;
               box-sizing: border-box;
              
                
            }
            .one-btn{
                padding-left: 10px;
                box-sizing: border-box;
                width: 160px;
                color: white;
                font-size: 25px;
                line-height: 23px;
                font-weight: 900;
            }

/* -------------------- */
.two{
    max-width: 330px;
    min-width: 280px;
    padding: 0px 40px;
    box-sizing: border-box; 
}
        .two div{
            padding: 13px 0px;
            box-sizing: border-box;
            font-size: 18px;
        }
        .two div a{
            text-decoration: none;
            color: #6b5c93 ;  
        }
        .two div img{
            margin-right: 5px;
            width: 17px;
        }

/* -------------------- */     
.three{
    width: 280px;
    padding: 20px;
    box-sizing: border-box;
}     
    .propositos-i{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .propositos-i div{
        
       width: 80px;
       text-align: center;
       margin: 10px 20px;
       box-sizing: border-box;
    }

/* -------------------- */

.boton-2{
    display: none;
    text-align: center;
    background-color: white;
    padding: 20px;
    box-sizing: border-box;
}
.two-btn{
  text-decoration: none;
  border: none;
  border-radius: 4px;
  color: white;
  padding: 8px 15px;
  font-weight: 900;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 12px;
  cursor: pointer;
  transition: 0.4s ease-in-out;
}

.somos{
    background-color: white;
    text-align: center;
    font-style: italic;
    font-size: 20px;
    box-sizing: border-box;
    padding: 20px;
}
    .somos img{
        padding-top: 40px;
        margin-bottom: -40px;
        box-sizing: border-box;

    }

section{
    max-width: 1080px;
    min-width: 280px;
    margin: auto; 
    background-color: #f5f5f5;
    padding: 20px;
    box-sizing: border-box;
}
.tyc-title{
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
}
 .tyc{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    
        }
        .tyc div{
            width: 200px;
            padding: 10px;
            margin: 10px 10px;
            border-right: 1px solid lightgray;
        }
        .tyc div:last-child{
            border-right: none;
        }

.redes{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
footer{   
    width: 100%;
    background-color: #6b5c93;
    color: white;
    text-align: center;
    padding: 20px;
    margin-top: 30px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
}

.gradient {
    font-size: 18px;
    background: linear-gradient(-45deg, #efb90c, #e8a410, #7ac147, #7ac147);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
    
  }
  
  @keyframes gradient {
    0% {
      background-position: 0% 50%;
    }
  
    50% {
      background-position: 100% 50%;
    }
  
    100% {
      background-position: 0% 50%;
    }
  }
 
  @media only screen and (max-width: 762px) {
    .tyc div{
        border-right: none;
     }
  }
  @media only screen and (max-width: 1089px) {
    .three{
       width: 100%;
       text-align: center;
      
     }
  }
  @media only screen and (max-width: 600px) {
   
    .boton-2{
        display: block;  
    }
    .two{
       border-bottom: 1px solid lightgray;
       margin-bottom: 20px;
       padding: 40px 0px;
       box-sizing: border-box;
    }

    header{
        text-align: center;
    }
  }