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

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

body{
    font-family: Arial, Helvetica, sans-serif;
}

.contabout{
    margin-top: 100px;
}

.texconte{
     font-family: 'Montserrat', sans-serif;
     text-align: justify;
    font-size: 14px;
    margin-top: 35px;
}

.imgpricipal{
  border-radius: 12px;
  opacity: 65%;
  box-shadow: 0 8px 8px rgba(170, 168, 168, 1); /* Sombra suave */
  transition: transform 0.5s, opacity 0.5s;
}

.imgpricipal:hover{
  border-radius: 12px;
  opacity: 100%;
  transform: perspective(900px)
 rotateX(-20deg)
 rotateY(-25deg)

}


/* From Uiverse.io by dovatgabriel */ 
.line-wobble {
 --uib-size: 500px;
 --uib-speed: 1.55s;
 --uib-color:  #8FC37A;
 --uib-line-weight: 5px;
 font-weight: 900;
 position: relative;
 display: flex;
 align-items: center;
 justify-content: center;
 height: var(--uib-line-weight);
 width: var(--uib-size);
 border-radius: calc(var(--uib-line-weight) / 2);
 overflow: hidden;
 transform: translate3d(0, 0, 0);
}

.line-wobble::before {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 height: 100%;
 width: 100%;
 background-color: var(--uib-color);
 opacity: 0.1;
}

.line-wobble::after {
 content: '';
 height: 100%;
 width: 100%;
 border-radius: calc(var(--uib-line-weight) / 2);
 animation: wobble var(--uib-speed) ease-in-out infinite;
 transform: translateX(-90%);
 background-color: var(--uib-color);
}

@keyframes wobble {
 0%,
  100% {
  transform: translateX(-90%);
 }

 50% {
  transform: translateX(90%);
 }
}
/*TERMINA*/


.textpara{
    text-align: center;
    font-size: 40px;
    font-family: 'Gill Sans', 
    'Gill Sans MT', Calibri, 
    'Trebuchet MS', sans-serif;
    font-style: italic;
}

.parratext{
    font-size: 40px;
    font-family: 'Gill Sans', 'Gill Sans MT',
     Calibri, 'Trebuchet MS', sans-serif;
    color: #2B261E;
    font-weight: 600;
}

.conslider{
    margin-top: 100px;
}

.contnosotros{
    margin-top: 100px;
    padding:  30px;
    border-radius: 12px;
}

.contatexto{
  margin-top: 50px;
}

.textnomb{
      text-align: left;
    font-size: 40px;
    font-family: 'Gill Sans', 
    'Gill Sans MT', Calibri, 
    'Trebuchet MS', sans-serif;
    font-style: italic;
}

.containg{
margin-top: 50px;
}

.contaacordeon{
  margin-top: 65px;
}

.texting{
  text-align: justify;
   font-family: 'Montserrat', sans-serif;
  font-size: 14px
}

.textzone{
  text-align: justify;
   font-family: 'Montserrat', sans-serif;
  font-size: 14px
}

.textmis{
     text-align: left;
    font-size: 18px;
     font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: #000;
    font-weight: 600;
}

.textvis{
   text-align: left;
    font-size: 18px;
     font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: #000;
    font-weight: 600;
}

.textobj{
   text-align: left;
    font-size: 18px;
     font-family: 'Montserrat', sans-serif;
    font-style: italic;
    color: #000;
    font-weight: 600;
}

.textacerca{
    text-align: left;
    font-size: 28px;
    font-family: 'Gill Sans', 
    'Gill Sans MT', Calibri, 
    'Trebuchet MS', sans-serif;
    font-style: italic;
    padding: 0 30px;

}

.parramis{
 font-family: 'Montserrat', sans-serif;
font-size: 13px;
  text-align: justify;
}

.parravis{
 font-family: 'Montserrat', sans-serif;
font-size: 13px;
  text-align: justify;
}

.parraobj{
  font-size: 13px;
  text-align: justify;
font-family: 'Montserrat', sans-serif;

}

.textnost{
    color: #000000;
}

.textwo{
 background-color: #8FC37A;
  color: #010101;
  font-size: 18px;
  margin-top: 100px;
  margin: 25px;
  padding: 70px;
  border-radius: 12px;
  text-align: justify;
 font-family: 'Montserrat', sans-serif;
}

.imglogozer{
    border-radius: 12%;
    width: 100%;
    transition: transform 0.5s, opacity 0.5s;
    box-shadow: 0 8px 8px rgba(170, 168, 168, 1); /* Sombra suave */
}

.imglogozer:hover{
    filter: grayscale(0%);
  transform: scale(0.9);
}

.imglogo{
    border-radius: 50%;
    width: 50%;
    margin: 0 120px;
    transition: transform 0.5s, opacity 0.5s;
    box-shadow: 0 8px 8px rgba(170, 168, 168, 1); /* Sombra suave */
}

.imglogo:hover{
  filter: grayscale(0%);
  transform: scale(0.9);
}

.textcreat{
     text-align: center;
    font-size: 20px;
    font-family: 'Gill Sans', 
    'Gill Sans MT', Calibri, 
    'Trebuchet MS', sans-serif;
    font-style: italic;
}

/*TITULO*/
.contvision{
    margin-top: 100px;
}

.conacordeon{
    margin-top: 120px;
}

.contenedor{
    width: 90%;
    max-width: 1100px;
    margin: auto;
    overflow: hidden;
    padding: var(--paddingSecciones);
}

 /**NOSOTROS01**/ 
.infinite-slider {
  width: 100%;
  overflow: hidden;
  background: #fff;
  padding: 20px 0;
}

/* Pista que se mueve */
.slider-track12 {
  display: flex;
  width: calc(200px * 16); /* 8 imágenes * 2 (duplicadas) */
  animation: scroll 30s linear infinite;
}

/* Cada slide */
.slide12 {
  flex: 0 0 auto;
  width: 360px;
  padding: 0 10px;
  margin: 15px;
}

/* Imágenes */
.slide12 img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
   opacity: 65%;
  transition: transform 0.6s ease;
}

.slide12 img:hover {
  transform: scale(1.3);
  opacity: 100%;
}

/* Animación */
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

 /**NOSOTROS01**/ 

/**NOSOTROS*/

.card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
  padding: 2rem;
}

/* Tarjeta */
.card {
  width: 18rem; 
  perspective: 1000px;
}

/* Contenido interno */
.content {
  text-align: center;
  position: relative;
  transition: all 2.25s;

  background-image: url(../img/CONT3.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  padding: 5em;
  display: flex;
  width: 100%;
  border-radius: 5px;
  transform-style: preserve-3d;
}

/* Efecto al hacer hover */
.card:hover .content {
  transform: rotateY(0.5turn);
}

/* Lados frontal y trasero */
.front,
.back {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 2em;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

/* Contenido del lado frontal */
.title {
  transform: translateZ(5rem);
  font-size: 1.2rem;
  color: #000000;
  background-color: #FFF;
  font-family: 'Montserrat', sans-serif;
}

.subtitle {
  transform: translateZ(2rem);
  color: #000000;
  font-weight: 900;
}

/* Lado trasero */
.back {
  transform: rotateY(0.5turn);
  background-color: #8BC875;
  color: #FFF;
}

.description {
  transform: translateZ(3rem);
  font-size: 15px;  
}

/* Contenido interno */
.cardsero {
  width: 18rem;
   border-radius: 12px;
  perspective: 1000px;
}


/* Contenido interno */
.contentsero {
  text-align: center;
  position: relative;
  transition: all 2.25s;

  background-image: url(../img/CONT6.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  padding: 5em;
  display: flex;
  width: 100%;

  transform-style: preserve-3d;
}

/* Efecto al hacer hover */
.cardsero:hover .contentsero {
  transform: rotateY(0.5turn);
}

/* Lados frontal y trasero */
.frontsero,
.backsero {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 2em;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

/* Contenido del lado frontal */
.titlesero {
  transform: translateZ(5rem);
  font-size: 1.2rem;
  color: #000000;
  background-color: #FFF;
  font-family: 'Montserrat', sans-serif;
}

.subtitlesero {
  transform: translateZ(2rem);
  color: #000000;
  font-weight: 900;
}

/* Lado trasero */
.backsero {
  transform: rotateY(0.5turn);
  background-color: #8BC875;
  color: #FFF;
}

.descriptionsero {
  transform: translateZ(3rem);
  font-size: 15px;
}
/**NOSOTROS*/

/* Tarjeta */
.cardtwo {
  width: 18rem;
  perspective: 1000px;
  border-radius: 12px;
}

/* Contenido interno */
.contenttwo {
  text-align: center;
  position: relative;
  transition: all 2.25s;

  background-image: url(../img/CONT4.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  padding: 5em;
  display: flex;
  width: 100%;

  transform-style: preserve-3d;
  border-radius: 5px;
}

/* Efecto al hacer hover */
.cardtwo:hover .contenttwo {
  transform: rotateY(0.5turn);
}

/* Lados frontal y trasero */
.fronttwo,
.backtwo {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 2em;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

/* Contenido del lado frontal */
.titletwo {
  transform: translateZ(5rem);
  font-size: 1.2rem;
  color: #000000;
  background-color: #FFF;
  font-family: 'Montserrat', sans-serif;
}

.subtitletwo {
  transform: translateZ(2rem);
  color: #000000;
  font-weight: 900;
}

/* Lado trasero */
.backtwo {
  transform: rotateY(0.5turn);
  background-color: #8BC875;
  color: #FFF;
}

.descriptiontwo {
  transform: translateZ(3rem);
  font-size: 15px;
   }
/**SERVICIOS*/

/* Tarjeta */
.cardzero {
  width: 18rem;
  perspective: 1000px;
}

/* Contenido interno */
.contentzero {
  text-align: center;
  position: relative;
  transition: all 2.25s;

  background-image: url(../img/CONT5.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  padding: 5em;
  display: flex;
  width: 100%;
  border-radius: 5px;
  transform-style: preserve-3d;
}

/* Efecto al hacer hover */
.cardzero:hover .contentzero {
  transform: rotateY(0.5turn);
}

/* Lados frontal y trasero */
.frontzero,
.backzero {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 2em;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

/* Contenido del lado frontal */
.titlezero {
  transform: translateZ(5rem);
  font-size: 1.2rem;
  color: #000000;
  background-color: #FFF;
  font-family: 'Montserrat', sans-serif;
}

.subtitlezero {
  transform: translateZ(2rem);
  color: #000000;
  font-weight: 900;
}

/* Lado trasero */
.backzero {
  transform: rotateY(0.5turn);
  background-color: #8BC875;
  color: #FFF;
}

.descriptionzero {
  transform: translateZ(3rem);
  font-size: 15px;
   }

/* Contenido interno */

/* Tarjeta */
.cardtree {
  width: 18rem;
  perspective: 1000px;
}

/* Contenido interno */
.contenttree {
  text-align: center;
  position: relative;
  transition: all 2.25s;

  background-image: url(../img/CONT3.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  padding: 5em;
  display: flex;
  width: 100%;
  border-radius: 5px;
  transform-style: preserve-3d;
}

/* Efecto al hacer hover */
.cardtree:hover .contenttree {
  transform: rotateY(0.5turn);
}

/* Lados frontal y trasero */
.fronttree,
.backtree {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 2em;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

/* Contenido del lado frontal */
.titletree {
  transform: translateZ(5rem);
  font-size: 1.2rem;
  color: #000000;
  background-color: #FFF;
  font-family: 'Montserrat', sans-serif;
}

.subtitletree {
  transform: translateZ(2rem);
  color: #000000;
  font-weight: 900;
}

/* Lado trasero */
.backtree {
  transform: rotateY(0.5turn);
  background-color: #8BC875;
  color: #FFF;
}

.descriptiontree {
  transform: translateZ(3rem);
  font-size: 15px;
   }

/* Contenido interno */

/* Tarjeta */
.cardford {
  width: 18rem;
  perspective: 1000px;
}

/* Contenido interno */
.contentford {
  text-align: center;
  position: relative;
  transition: all 2.25s;

  background-image: url(../img/CONT1.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  padding: 5em;
  display: flex;
  width: 100%;
  border-radius: 5px;
  transform-style: preserve-3d;
}

/* Efecto al hacer hover */
.cardford:hover .contentford {
  transform: rotateY(0.5turn);
}

/* Lados frontal y trasero */
.frontford,
.backford {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 2em;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

/* Contenido del lado frontal */
.titleford {
  transform: translateZ(5rem);
  font-size: 1.2rem;
  color: #000000;
  background-color: #FFF;
  font-family: 'Montserrat', sans-serif;
}

.subtitleford {
  transform: translateZ(2rem);
  color: #000000;
  font-weight: 900;
}

/* Lado trasero */
.backford {
  transform: rotateY(0.5turn);
  background-color: #8BC875;
  color: #FFF;
}

.descriptionford {
  transform: translateZ(3rem);
  font-size: 15px;
}

/* Contenido interno */

/* From Uiverse.io by Dailleer */ 
.card03 {
  position: relative;
  width: 500px;
  height: 300px;
  background: linear-gradient(-45deg, #242220 0%, #1f0c07 100%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.card03 svg {
  width: 48px;
  fill: #333;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.card03:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.card03__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 100%;
  height: 100%;
  padding: 20px;
  box-sizing: border-box;
  background-color: #c1c1c1a6;
  color: #FFF;
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.card03:hover .card03__content {
  transform: translate(-50%, -50%) rotate(0deg);
  opacity: 1;
}

.card03__title {
  margin: 0;
  font-size: 30px;
  color: #000000;
  font-weight: 700;
   text-align: center;
    font-family: 'Montserrat', sans-serif;
}

.card03__description {
  margin: 20px 0 0;
  font-size: 16px;
  color: #000000;
  line-height: 1.4;
   font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  text-align: justify;
}

.card03:hover svg {
  scale: 0;
  transform: rotate(-45deg);
}

.imgprincipal{
overflow: hidden;
}

/**SERVICIOS*/



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


.logo02{    
    width: 10%;
    height: 10%;
    
 }

 .encabezado{
    background: #f0f0f0;
 }

 .tel01{
    font-size: 22px;
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
     color: #000000;
}


.columnas01{
    color: #d41818;
    text-align: center;
}

.colum01{
text-align: center;
padding: 50px;
}

.columnas02{
color: #545454;
font-size: 30px;
font-weight: 900;
letter-spacing: 5px;
}

.columnas03{
    color: #edb552;
    font-size: 25px;
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    letter-spacing: 5px;
    font-weight: bold;

}

.columnas04{
    color: #000000;
    font-size: 50px;
    background: #e60b0b;
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
    font-weight: 900;
}



.servicio01{
    color: #0B192C;
    font-size: 15px;
    font-weight: 900;    
}

.serv01{
    color: #edb552;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    font-weight: 900;
}

.serv02{
    color: #000;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.num01{
color: #000;
background: #CCC;
padding: 30px;
font-size: 55px;
font-weight: 600;
border-radius: 5%;
}

.num02{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color: #000000;
    font-weight: 700;
}

.num03{
    color: #000000;
    font-size: 1.3rem;
}

.text1{
    color: #272132;
    font-size: 18px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    padding:0 25px;
    margin: auto;
    overflow: hidden;
}

.text1 {
  color: #272132;
  font-size: 18px;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
  padding-left: 1em;
  padding-right: 1rem;
}

.img01{
    width: 120%;
}

 .correo01{
    color: #000000;
    font-weight: 600;
 }

 .titul{
    color: #000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-style: italic;
    font-weight: 600;
 }

 .titul01 ul li a{
   color: #fff;
   font-weight: 900;
   font-size: 100px;
 }

 .titul02{
    color: #004aad;
    font-size: 25px;
 }
 
 .col01{
    color: #000000;
    font-size: 35px;
    padding: 15px;
    text-align: center;
}


.colores {
    color: #000000;
    font-weight: 900;
    font-size: 25px;
    font-family: 'Times New Roman', Times, serif; 
 }

  .colores03{
    color: #edb552;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 25px;
    font-weight: 900;
    padding: 0 10px;
}

  .colores01{
    color: #3E7B27;
    font-size: 20px;
    text-align: center;
  }

 .colores02{    
    color: #3E7B27;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  }

  .text2{
    text-align: justify;
    color: #272132;
    font-size: 22px;
    font-weight: 500;
     font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.text02{
    text-align: left;
    color: #272132;
    font-size: 36px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
     font-weight: 900;
}

.logo{    
  width: 8%;
  border-radius: 50%;
  height: auto;
}

.icono01{
    color: #272132;
    font-size: 50px;
}

.texto01{
color: #545454;
text-align: end;
font-size: 25px;
font-weight: 700;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
padding: 0 10px;
}

.texto02{
    color: #545454;
    text-align: justify;
    font-size: 17px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.texto03{
    color: #000000;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 700;
    font-size: 25px;
}

.texto04{
    color: #545454;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 700;
    font-size: 25px;
}

.texto05{
    color: #545454;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-align: justify;
    font-size: 20px;

}

.imagen01{
    color: #EE7570;
    font-size: 90px;
    text-align: center;
    padding: 25px;
}

  
.enlaces li{
    list-style: none;
    display: inline-block;
}

.enlaces a{
    color: #EE7570 ;
    text-decoration: none;
    margin-left: 10px;
    font-weight: 700;
}

.enlaces a:hover{
    text-decoration: underline;
}
/**HERO*/

.hero{
      height: 400px;

    background-image: 
        linear-gradient(-20deg, #154e6800 0%, #c7cfc100 100%), 
        url("../img/PRINCIPAL9.png");

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #000;
}

.contenedor-textos{
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    font-weight: 700;
}

.container01{
text-align: center;
}

.texth1{
   font-family: 'Montserrat', sans-serif;
   font-style: italic;
   margin-top: 35px;
   font-size: 55px;
   font-weight: 600;
}

.contatext{
  margin-top: 305px;
}

.texpubli{
   font-family: 'Montserrat', sans-serif;
   font-style: italic;
   background-color: #8BC875;
   border-radius: 12px;
   color: #010101;
   font-size: 25px;
   margin-top: 35px;
}

.imagecolum01{
    width: 90%;
    border-radius: 3%;
    box-shadow: 0 0 8px rgba(51, 44, 44, 0.9);
}

.efecto {
    transition-property: transform;
    transition-duration: 300ms;
  
  }
  
  .efecto:hover{
    transform: scale(1.2);
    opacity: 65%;
  }


.boton{
    width: 150px;
    display: block;
    margin: 0 auto;
    padding: 15px 0;
    background: var(--colorBotones);
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
}

/**MAIN**/

.titulo-seccion{
    text-align: right;
    font-size: 28px;
    color:#000000;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 700;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.titulo-seccion01{
    text-align: right;
    font-size: 28px;
    color:#545454;
    text-transform: uppercase;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    padding: 10px;
    font-weight: 700;

}

.seccion03{
   text-align: left;
    font-size: 26px;
     font-family: 'Montserrat', sans-serif;
    font-style: italic;
}

.servizero{
   text-align: left;
    font-size: 26px;
     font-family: 'Montserrat', sans-serif;
    font-style: italic;
}

.contaservicios{
    margin-top: 100px;
}


.copy02{
    color: #010101;
    text-align: justify;
     font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    margin-top: 35px;
}

.copzero{
    color: #010101;
    text-align: justify;
     font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    margin-top: 35px;
}

.copysero{
    color: #010101;
    text-align: justify;
     font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    margin-top: 35px;
}

.copytwo{
    color: #010101;
    text-align: justify;
     font-family: 'Montserrat', sans-serif;
    font-size: 17px;
    margin-top: 35px;
}

.copyford{
   text-align: left;
    font-size: 26px;
     font-family: 'Montserrat', sans-serif;
    font-style: italic;
}

.copy03{
    color: #000000;
    text-align: center;
     font-family: 'Gill Sans', 
     'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size:35px;
    margin-top: 45px;
    font-weight: 600;
    font-style: italic;
}

.texredes{
   color: #000000;
    text-align: center;
     font-family: 'Gill Sans', 
     'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size:17px;
    font-weight: 600;
    font-style: italic;  
}

.contadere{
margin-top: 25px;
}

.textderec{
     text-align: center;
    font-size: 12px;
    font-weight: 600;
     font-family: 'Montserrat', sans-serif;
    font-style: italic;
}

.copy07{
    color: #000000;
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 17px;
    font-weight: 700;
}

.textdir{
 color: #000000;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size:17px;
    font-weight: 900;
    font-style: italic;
}

.contdireccio{
  margin-top: 45px;
}

    .copy06{
        color:#000000;
        text-align: center;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        font-size:25px;
        font-weight: 700;
    }


.projects{
    background: #f2f2f2;
}

.texarticulo{
 font-family: 'Montserrat', sans-serif;
 font-size: 24px;
 text-align: justify;
 font-style: italic;
}

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

.contenedor-imagenes img{
    display: block;
    object-fit: cover;
    width: 30%;
    height: 220px;
    box-shadow: 0 8px 8px rgba(170, 168, 168, 1); /* Sombra suave */
    margin-bottom: var(--marginElementos);
    filter: grayscale(100%);
    transition: transform 0.5s;
    border-radius: 12px;
}

.contenedor-imagenes img:hover{
   filter: grayscale(0%);
   transform:translateY(-35px);
}
.person{
    font-size: 22px;
    text-align: center;
    margin-top: 5px;
    font-weight: 300;
}

footer{  
    background-color: #8BC875;
    background-position: center;
    background-size: cover;
    background-position: center;
    color: #000;
    display: flex;
    align-items: center;
    justify-content:center;
   
}

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

.redes-sociales{
    width: 80%;
    display: flex;
    margin: auto;
    justify-content: space-evenly;
   
}

.redes-sociales i{
    font-size: 40px;
    color: #000000;
    transition: 3s;
}

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

.iconos02 i:hover{
    transform: rotate(360deg);
 }

 .foot01{
    color: #000000;
    font-size: 15px;
    text-align: center;
    background: #e60b0b;
    margin: auto;
    padding: auto;
    font-weight: 800;
    
 }
/**MEDIAS QUIERY PARA PAGINA RESPONSIVE**/

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

.img01{
    width: 200px;
    overflow: hidden;
    margin: 0 5px;
}


.texth1{
   font-family: 'Montserrat', sans-serif;
   font-style: italic;
   margin-top: 320px;
   font-size: 35px;
}

.contatext{
  margin-top: 305px;
}

.texpubli{
   font-family: 'Montserrat', sans-serif;
   font-style: italic;
   background-color: #8BC875;
   border-radius: 12px;
   color: #010101;
   font-size: 25px;
   margin-top: 35px;
}

.contreposnsive{
  display: contents;
}

.textpara{
  font-size: 25px;
  padding: 0 30px;
}

.texconte{
  font-size: 13px;
  padding: 0 30px;
  text-align: justify;
}

.imgpricipal{
  width: 85%;
  margin: 0 35px;
  margin-top: 35px;
}

.textnomb{
  font-size: 25px;
  padding: 0 30px;
  text-align: center;
}

.textacerca{
font-size: 20px;
  padding: 0 30px;
  text-align: center;
}

.textwo{
 background-color: #8FC37A;
  color: #010101;
  font-size: 12px;
  margin-top: 100px;
  margin: 25px;
  padding: 20px;
  border-radius: 12px;
  text-align: justify;
 font-family: 'Montserrat', sans-serif;
}

.contnosotros{
  margin-top: 45px;
}

.textcreat{
  font-size: 25px;
  padding: 0 30px;
}

.imglogo{
  width: 55%;
  margin: 0 70px;
  margin-top: 35px;
}

.conslider{
  margin-top: 30px;
}

.slide12{
  width: 10%;
}

.copysero{
    font-size: 13px;
  padding: 0 30px;
}

.title{
  font-size: 14px;
}

.description{
  font-size: 16px;
}

.titlesero{
  font-size: 14px;
}

.descriptionsero{
    font-size: 16px;
}

.titletwo{
    font-size: 14px;
}

.descriptiontwo{
  font-size: 16px;
}

.titlezero{
  font-size: 14px;
}

.descriptionzero{
  font-size: 16px;
}

.titletree{
  font-size: 14px;
}

.descriptiontree{
  font-size: 16px;
}

.titleford{
   font-size: 14px;
}

.descriptionford{
   font-size: 16px;
}

.copytwo{
   font-size: 13px;
   padding: 0 30px;
   text-align: center;
}

.contaservicios{
  margin-top: 50px;
}

.servizero{
  font-size: 25px;
  padding: 0 20px;
  text-align: center;
}

.contvision{
margin-top: 50px;
}

.copzero{
   font-size: 14px;
  padding: 0 30px;
  text-align: center;
}

.texarticulo{
  font-size: 16px;
  padding: 0 20px;
  text-align: justify;
}

.textpubli{
    font-size: 13px;
  padding: 0 20px;
  text-align: center;
}

.line-wobble {
 --uib-size: 250px;
 --uib-speed: 1.55s;
 margin: 0 40px;
}

.contatexto{
display: contents;
}

.containg{
display: contents;
}

.texting{
  font-size: 13px;
  padding: 0 30px;
}

.textzone{
  font-size: 13px;
  padding: 0 30px;
  margin-top: 35px;
}

.imglogozer{
  width: 80%;
  margin: 0 30px;
}

.textmis{
 font-size: 13px;
}

.textvis{
 font-size: 13px;
}

.textobj{
 font-size: 13px;
}



.textderec{
font-size: 11px;
padding: 0 30px;
}


.copy02{
    color: #010101;
    text-align: justify;
     font-family: 'Montserrat', sans-serif;
    font-size: 13px;
    margin-top: 35px;
    padding: 0 30px;
}

.copy03{
    color: #000;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size:25px;
    font-weight: 900;
    margin-top: 35px;
}

.textdir{
  font-size: 20px;
}

.copy07{
    color: #010101;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    padding: 0 30px;
}

.contdireccio{
  margin-top: 15px;
}

.beneficio{
    margin-bottom: var(--marginElementos);
}
.contenedor-imagenes img{
    width: 90%;
}
.redes-sociales{
    align-items: center;
}
.redes-sociales i{
    margin-bottom: 20px;
}

.titulo-seccion{
    text-align: center;
    font-size: 28px;
    color:#000000;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 700;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.logo{    
  width: 30%;
  border-radius: 50%;
  height: auto;
}


.logo01 img{
    width: 10%;
    height: 10%;
    border-radius: 50%;    
}

.logo02{
    width: 40%;
    height: 40%;
    border-radius: 50%; 
}
     
.copy06{
font-size: 25px;
}

.copy022{
    color: #545454;
    text-align: center;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 22px;
    font-weight: 700;
}

.seccion03{
  text-align: center;
    font-size: 20px;
     font-family: 'Montserrat', sans-serif;
    font-style: italic;
    padding: 0 20px;
  }

.seccion04{
    color: #272132;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    font-family: 'Times New Roman', Times, serif;
}

.imgprincipal {
    width: 100%;
    height: 350px;
    object-fit: cover;
    display: block;
}

.card03__title {
  margin: 0;
  font-size: 14px;
  color: #000000;
  text-decoration:underline;
  text-align: center;
}

.card03__description {
  margin: 1px 0 0;
  font-size: 12px;
  color: #000000;
  padding: 1px;
 }

 .copyford{
  font-size: 25px;
  padding: 0 30px;
  text-align: center;
 }

.card03 {
  position: relative;
  width: 300px;
  height: 200px;
  background: linear-gradient(-45deg, #242220 0%, #1f0c07 100%);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}


.copy070{
     text-align: center;
    font-size: 17px;
     font-family: 'Montserrat', sans-serif;
}

}