*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root{
    --colorTextos:#7e7e7e;
    --colorBotones:#758A93;
    --colorFondo:#5d8a9f;
    --paddingSecciones:60px 0;
    --marginElementos:40px;
}

body{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.contenedor{
    width: 100%;
    padding: 10px;
    overflow: hidden; 
}

/**MENU*/
.menu-navegacion{
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 120px;   
}

.uno01{
    margin-top: 50px;
}

 .encabezado{
    background: #fff;  
 }

 .encabezado01{
  color: #370d81;
  font-size: 15px;
  font-weight: 900;
  font-family:'Franklin Gothic Medium',
   'Arial Narrow', Arial, sans-serif;
}


.sobre01{
    margin-top: 130px;
}

.contasobre{
  margin-top: 150px;
}

.principal01{
  font-size: 17px;
  color: #212121;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
}

.principaluno{
  font-size: 17px;
  color: #212121;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
}

.principal02{
  font-size: 17px;
  text-align: right;
  color: #212121;
  padding: 0 50px;
  font-family: Arial, Helvetica, sans-serif;
}

.principal03{
  font-size: 17px;
  text-align: left;
  color: #212121;
  padding: 0 10px;
  margin-top: 100px;
  font-family: Arial, Helvetica, sans-serif;
}

.principal04{
  font-size: 17px;
  text-align: left;
  color: #212121;
  padding: 0 100px;
  margin-top: 100px;
  font-family: Arial, Helvetica, sans-serif;
}

.principal05{
color: #370d81;
font-size: 25px;
text-align: left;
padding: 0 100px;
font-family: Arial, Helvetica, sans-serif;
}


/* From Uiverse.io by Thomasfadi */ 
.cards {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.cards .red {
  background-color: #370d81;
}

.cards .blue {
  background-color: #fadb6b;
}

.cards .green {
  background-color: #370d81;
}

.cards .card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  height: 150px;
  width: 500px;
  border-radius: 10px;
  color: white;
  cursor: pointer;
  transition: 400ms transform, 400ms box-shadow, 400ms background-color;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.cards .card p.tip {
  font-size: 1em;
  font-weight: 700;
}

.cards .card p.second-text {
  font-size: 0.9em;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 
  'Lucida Sans', Arial, sans-serif;
  padding: 0 25px;
}

.cards .card:hover {
  transform: scale(1.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  background-color: rgba(255, 255, 255, 0.1);
  color: #333;
}

.cards:hover > .card:not(:hover) {
  filter: blur(10px);
  transform: scale(0.9);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}


/*SERVICIOS*/
.card-container {
  width: 300px;
  height: 300px;
  position: relative;
  border-radius: 10px;
}

.card-container::before {
  content: "";
  z-index: -1;
  position: absolute;
  inset: 0;
  background: linear-gradient(-45deg, #fb00ff00 0%, #00dade04 100% );
  transform: translate3d(0, 0, 0) scale(0.95);
  filter: blur(20px);
}
.card {
  width: 100%;
  height: 100%;
  border-radius: inherit;
  overflow: hidden;
}

.card .img-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(-45deg, #fb00ff00 0%, #00dade00 100% );
  transition: scale 0.6s, rotate 0.6s, filter 1s;
}

.card .img-content svg {
  width: 50px;
  height: 50px;
  fill: #212121;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
}

.card .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 10px;
  color: #370d81;
  padding: 20px 24px;
  line-height: 1.5;
  border-radius: 5px;
  opacity: 0;
  pointer-events: none;
  transform: translateY(50px);
  transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
}

.card .content .heading {
  font-size: 32px;
  font-weight: 700;
}

.card:hover .content {
  opacity: 1;
  transform: translateY(0);
}

.card:hover .img-content {
  scale: 2.5;
  rotate: 30deg;
  filter: blur(7px);
}

.card:hover .img-content svg {
  fill: transparent;
}

.imgser01{
  position: relative;
  height: 300px;
 width:100%;
}

/*SERVICIOS*/

.card100 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 
  Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  position: relative;
  color: #fadb6b;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  margin-top: 50px;
  height: 200px;
  border-radius: 6px;
  transition: .3s;
  background-color: #370d81;
}

.card-p100 {
  position: absolute;
  text-align: center;
  font-size: 100px;
  
}

.card100::after {
  content: "";
  position: absolute;
  z-index: -6;
  border-radius: 6px;
  width: 350px;
  height: 350px;
  background-color: #fadb6b;
  transition: .7s;
  background-image: linear-gradient(62deg, #370d81 0%, #370d81 100%);
}

.card-countent100 {
  padding:0 5px;
  text-align: center;
  color: transparent;
  transition: all .7s;
  opacity: 0;
  color: #fadb6b;
}

.card100:hover {
  transition: .7s;
  transform: rotate(180deg);
}

.card100:hover > .card-p100 {
  color: transparent;
}

.card100:hover > .card-countent100 {
  opacity: 1;
  text-align: center;
  transform: rotate(-180deg);
}
/**/

/*Hover*/

.sobre001{
    color: #370d81;   
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 
    'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 25px;
    text-align: justify;
}

.sobre004{
    color: #212121;   
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-align: justify;
}

.sobre003{
    color: #370d81;   
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode',
    'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 25px;
    text-align: right;
}

.sobre05{
    color: #000;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode',
    'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 16px;
    text-align: justify;
    margin-top: 25px;
}

.sobre06{
    color: #370d81;   
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 
    'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 25px;
    text-align: justify;
}

.columdos{
    color: #212121;   
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-align: justify;
}

.imgtres{
width: 120px;
height: 120px;
border-radius: 50%;
}

 .correo01{
    color: #371c61;
    font-weight: 900;
    font-size: 15px;
    margin:0 3px;
    font-family:'Franklin Gothic Medium',
   'Arial Narrow', Arial, sans-serif;
 }

.colores{
    color: #ffee5b;
    font-size: 60px;
    font-weight: 700;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 
    Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    background-color: #370d81;
 }

 /**HERO*/
.colum01{
text-align: center;
margin-top: 25px;
}


.columnas02{
color: #370d81;
font-size: 55px;
text-align: left;
margin-top: 75px;
font-family:'Trebuchet MS', 'Lucida Sans Unicode',
'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
 }

.tituluno{
color: #370d81;
font-size: 25px;
text-align: left;
font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande',
 'Lucida Sans', Arial, sans-serif;
}

.textimg{
    border-radius: 2%;
    width:100%
}

.tituzero{
color: #212121;
text-align: justify;
margin-top: 20px;
font-size: 15px;
font-family:Arial, Helvetica, sans-serif;
}

.uno03{
    margin-top: 12px;
    padding: 10px;
}

.titucero{
color: #212121;
text-align: justify;
font-size: 15px;
font-family:Arial, Helvetica, sans-serif;
}

/* From Uiverse.io by Bodyhc */ 
.hero{
    height:450px;
    background-image: url("../img/PRIN03.jpg");
    background-position: center;
    background-size: cover;
    filter: brightness(80%);
    background-attachment: fixed;
}

.contenedor-textos{
    padding: 100px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items:end;
    justify-content: center;
    color: #fff;
}

.container01{
text-align: center;
margin-top: 180px
}

.container009{
text-align: center;
margin-top: 80px
}

.copy0200{
    color: #212121;   
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-align: left;
}

.copy300{
    color: #212121;   
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    text-align: left;
}

.container03{
    margin-top: 55px;
}

.conta01{
color: #370d81;
text-align: left;
font-size: 17px;
font-weight: 900;
font-family: Arial, Helvetica, sans-serif;
}

.conta02{
    color: #212121;
    text-align: justify;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

.container02{
    margin-top: 70px;
}

.conta03{
    width: 80%;
    border: 3px solid #7e999e;
    box-shadow: 0px 0px 25px #7e999e,
    0px 0px 25px #7e999e inset;
    border-radius: 25% 10%;
    opacity: 65%;
    transition: transform 0.7s ease;
}

.conta03:hover{
    transform: scale(1.2);
    border-radius: 2%;
    opacity: 100%;
}

.hero h1{
    font-size: 65px;
    font-weight: 700;
}

.coluno{
    font-size: 25px;
    color: #ffee5b;
    font-weight: 700;
    font-family: Arial, Helvetica, sans-serif;
}

.hero { 
    display: flex;  
}



/**MAIN**/
.copy{
    text-align: center;
    color: var(--colorTextos);
    margin: 20px 0;
}

.copy0100{
    color: #370d81;   
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 
    'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 25px;
    text-align: justify;
}

.copy002{
    color: #212121;
    padding: 0 100px;
    text-align: justify;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 17px;
    margin-top: 25px;
}

.copyzero{
   color: #212121;
    text-align: right;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 17px;
    margin-top: 25px;
}

.contenedor100{
    margin-top: 35px;    
}

.copy07{
    color: #370d81;
    text-align: center;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
     Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 18px;
    font-weight: 700;
}

.dirzero{
    color: #370d81;
    text-align: center;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 
    Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 28px;
    font-weight: 700;
}

.contenedorsero{
    color: #370d81;
    text-align: center;
    font-size: 12px;
    margin-top: 25px;
    font-weight: 600;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu,
     Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
     .copy06{
        color:#ffee5b;
        text-align: center;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size:40px;
        font-weight: 900;
    }

    .copy022{
         color: #376c93;
         text-align: center;
         font-family: Verdana, Geneva, Tahoma, sans-serif;
         font-size: 35px;
         font-weight: 900;
    }

.projects{
    background: #f7f7f8;
    margin-top: 100px;
}

.contenedor-imagenes {
   display: flex;
   justify-content: space-evenly;
   flex-wrap: wrap; 
}

.contenedor-imagenes img{
    display: block;
    object-fit: cover;
    width:40%;
    height: 200px;
    box-shadow: 0 0 8px rgba(0, 0, 0, .9);
    margin-bottom: var(--marginElementos);
    opacity: 65%;
    margin-top: 35px;
    border-radius: 3%;
    transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.contenedor-imagenes img:hover{
opacity: 100%;
 transform: scale(1.1);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);
}

c{  
   background-color: #fff;
    background-position: center;
    background-size: cover;
    background-position: center;
    color: #365A6C;
    display: flex;
    align-items: center;
    justify-content:center;
}

footer .titulo-seccion, 
footer .copy{
    color: #EAECCC;
}

.redes-sociales{
    padding-top: var(--marginElementos);
    width: 80%;
    display: flex;
    margin: auto;
    color: #dd9ad4;
    justify-content: space-evenly;
   
}

.redes-sociales i{
    font-size: 30px;
    color: #ffee5b;
    transition: 5s;
    font-weight: 900;
}

.redes-sociales i:hover{
    transform: rotate(360deg);
    color: #370d81;
 }


/**MEDIAS QUIERY PARA PAGINA RESPONSIVE**/

@media screen and (max-width:480px){
    .menu-navegacion{
        flex-direction: column;
        height: 180px;
       justify-content: space-evenly;
}

.container01{
text-align: center;
display: contents;
margin:  -50px;
}

.principal03{
  font-size: 17px;
  text-align: left;
  color: #212121;
  padding: 0 30px;
  margin-top: 60px;
  font-family: Arial, Helvetica, sans-serif;
}

.copy0100{
    color: #370d81;   
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 
    'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 20px;
    padding: 0 40px;
    text-align: center;
}

.imgser01{
  width:100%;
  position: relative;
}

.parrserv{
  font-size: 12px;
  text-align: justify;
}

.principal04{
  font-size: 17px;
  text-align: left;
  color: #212121;
  padding: 0 30px;
  margin-top: 50px;
  font-family: Arial, Helvetica, sans-serif;
}

.principal05{
color: #370d81;
font-size: 20px;
text-align: center;
padding: 0 30px;
font-family: Arial, Helvetica, sans-serif;
}

/*SERVICIOS*/

  .card-container {
    width: 100%;
    max-width: 260px;
    height: 260px;
    margin: 0 auto;
  }

  .card .content {
    font-size: 13px;
    padding: 15px;
    gap: 8px;
  }

  .card .content .heading {
    font-size: 14px;
  }

  .card .img-content svg {
    width: 40px;
    height: 40px;
  }

  /* Reducimos el efecto hover (en móviles casi no se usa) */
  .card:hover .img-content {
    scale: 1.5;
    rotate: 15deg;
    filter: blur(4px);
  }

  /* Opcional: mostrar contenido sin hover en móviles */
  .card .content {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

/*SERVICIOS*/

 .correo01{
    color: #371c61;
    font-weight: 900;
    font-size: 13px;
    margin: auto;
    font-family:'Franklin Gothic Medium',
   'Arial Narrow', Arial, sans-serif;
 }

.colum01{
text-align: center;
padding: 55px;
margin-top: 22px;
}

.colores{
  color: #ffee5b;
    font-size: 20px;
    font-weight: 700;
    padding: 10px;
    margin: 0 13px;
    margin-top: 100px;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #370d81;
    text-align: center;
 }

.contenedor-textos{
    padding: 40px;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items:end;
    justify-content: center;
    color: #fff;
}

.coluno{
    font-size: 15px;
    color: #ffee5b;
    font-weight: 700;
    text-align: center;
    margin-top: 45px;
    font-family: Arial, Helvetica, sans-serif;
}

.uno01{
    margin-top: 30px;
    padding: 0 49px;
    display: contents;
    }

.uno02{
    margin-top: 20px;
    padding: 25px;
    display: contents;
}

.tituzero{
color: #212121;
text-align: justify;
margin-top: 10px;
font-size: 13px;
font-family:Arial, Helvetica, sans-serif;
}

.columnas02{
color: #370d81;
font-size: 35px;
text-align: left;
margin-top: 5px;
font-family:'Trebuchet MS', 'Lucida Sans Unicode',
'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}

.principal01{
  font-size: 15px;
  color: #212121;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
}

.principaluno{
  font-size: 15px;
  color: #212121;
  text-align: left;
  padding: 0 50px;
  font-family: Arial, Helvetica, sans-serif;
}

.uno03{
    margin-top: -30px;
    padding: 0 1px;
}

.titucero{
color: #212121;
text-align: justify;
font-size: 13px;
font-family:Arial, Helvetica, sans-serif;
}

.carousel-item{
    margin-top: 40px;
}

/* From Uiverse.io by Thomasfadi */ 
.cards {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 0 40px;
  margin-top: 50px;
}

.cards .red {
  background-color: #370d81;
}

.cards .blue {
  background-color: #fadb6b;
}

.cards .green {
  background-color: #370d81;
}

.cards .card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  height: 150px;
  width: 500px;
  border-radius: 10px;
  color: white;
  cursor: pointer;
  transition: 400ms transform, 400ms box-shadow, 400ms background-color;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.cards .card p.tip {
  font-size: 1em;
  font-weight: 700;
}

.cards .card p.second-text {
  font-size: 0.9em;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 
  'Lucida Sans', Arial, sans-serif;
  padding: 0 25px;
}

.cards .card:hover {
  transform: scale(1.1);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
  background-color: rgba(255, 255, 255, 0.1);
  color: #333;
}

.cards:hover > .card:not(:hover) {
  filter: blur(10px);
  transform: scale(0.9);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}


/* From Uiverse.io by gharsh11032000 */ 

.principal02{
  font-size: 15px;
  text-align: left;
  color: #212121;
  padding: 0 30px;
  font-family: Arial, Helvetica, sans-serif;
}

.contasobre{
  margin-top: 70px;
}


.card100 {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 
  Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  position: relative;
  color: #fadb6b;
  display: contents;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 200px;
  margin-top: 50px;
  height: 200px;
  border-radius: 6px;
  transition: .3s;  
}

.card-p100 {
  position: absolute;
  text-align: center;
  display: flex;
  font-size: 60px;
  padding: 70px 60px 80px 160px;

}

.card100::after {
  content: "";
  position: absolute;
  z-index: -6;
  border-radius: 6px;
  width: 500px;
  height: 270px;
  margin: 0 90px;
  margin-top: 35px;
  display: flex;
  background-color: #fa9f6b;
  transition: .7s;
  background-image: linear-gradient(62deg, #370d81 0%, #370d81 100%);
}

.card-countent100 {
  padding: 5px;
  margin: auto;
  text-align: right;
  color: transparent;
  transition: all .7s;
  opacity: 0;
 color: #fadb6b;
}

.card100:hover {
  transition: .7s;
  transform: rotate(180deg);
}

.card100:hover > .card-p100 {
  color: transparent;
}

.card100:hover > .card-countent100 {
  opacity: 1;
  color: #fadb6b;
  transform: rotate(-180deg);
}
/**/

.col100{
  margin-top: 100px;
}

.sobre003{
    color: #370d81;   
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    text-align: center;
    margin: 0 20px;
}

.tituluno{
color: #f19430;
font-size: 20px;
text-align: center;
font-weight: 800;
margin-top:40px;
padding:0 35px;
font-family:system-ui, -apple-system, BlinkMacSystemFont,
 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}


.cards .card {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  height: 160px;
  width: 265px;
  border-radius: 10px;
  color: rgb(1, 1, 1);
  cursor: pointer;
  transition: 400ms;
}


.cards .card p.second-text {
  font-size: 11px;
  padding: 0 20px;
  color: #212121;
  text-align: justify;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.sobre001{
  color: #370d81;   
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    text-align: center;
    padding: 0 20px;
}


.sobre004{
    color: #212121;   
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: justify;
    margin: 0 30px;
} 

.sobre01{
    margin-top: 10px;
    display: contents;
}


.dirzero{
    color: #370d81;
    text-align: center;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', 
    Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 28px;
    font-weight: 700;
}

/* From Uiverse.io by alexruix */ 

.columdos{
  color: #212121;   
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: justify;
    margin-top: 35px;
    padding: 0 30px;
}


.sobre06{
    color: #370d81;   
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 
    'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 20px;
    text-align: center;
    padding: 0 40px;
}

.copy0200{
    color: #212121;   
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: center;
    padding: 0 40px;
}


.copy300{
    color: #212121;   
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: center;
    padding: 0 20px;
}


.container02{
    margin-top: 70px;
    display: contents;
    color: #185A84;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 
    'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.conta01{
color: #370d81;
text-align: left;
font-size: 15px;
font-weight: 900;
padding: 0 45px;
font-family: Arial, Helvetica, sans-serif;
}

.conta02{
    color: #212121;
    text-align: justify;
    font-size: 13px;
    padding: 0 50px;
    font-family: Arial, Helvetica, sans-serif;
}


.conta03{
    width: 250px;
    border: 3px solid #7e999e;
    box-shadow: 0px 0px 25px #7e999e,
    0px 0px 25px #7e999e inset;
    border-radius: 25% 10%;
    opacity: 65%;   
    margin: 25px 60px;
    position: relative;
    transition: transform 0.7s ease;
}

.copy002{
     color: #212121;
    padding: 0 35px;
    text-align: justify;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin-top: 25px;
    color: #212121;
}

.copyzero{
   color: #212121;
    text-align: center;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 13px;
}

 

.redes-sociales i{
    font-size: 30px;
    color: #ffee5b;
    transition: 5s;
    font-weight: 900;
    position: relative; 
}

.redes-sociales i:hover{
    transform: rotate(360deg);
    color: #370d81;
 }


.contenedor01{
     width: 100%;
    padding:0 10px;
    text-align: center;
    overflow: hidden; 
}

.projects{
    background: #f7f7f8;
    margin-top: 100px;
}


.copy07{
   color: #370d81;
    text-align: center;
    font-family:system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
     Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 0 30px;
}

.hero h1{
    font-size: 38px;
}

.beneficio{
    margin-bottom: var(--marginElementos);
}
.contenedor-imagenes img{
    width: 80%;
    height: 16%;

}
.redes-sociales{
    flex-direction: column;
    align-items: center;
}
.redes-sociales i{
    margin-bottom: 20px;
}
    
   .copy06{
        color:#ffee5b;
        text-align: center;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size: 29px;
        font-weight: 900;
        padding: 0 30px;
    }
}