.lizethweb__portada {
/*    background-color: var(--primero); */
	
	background-image: url(http://lizethalvam.com/wp-content/uploads/2024/04/5BBFC83F-B5A2-4C12-847F-044C3E74B076-2-1-1.png);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 500px;
    position: relative;
}

.lizethweb__portada-contenedor {
    display: flex;
    align-items: center;
    position: absolute;
    right: 5%;
    top: 38%;
    max-width: 500px;
}

.lizethweb__portada-informacion {
/*    width: 50%; */
}

.lizethweb__portada-informacion h3 {
   color: #fff;
   font-size: 35px;
   line-height: 38px;
   font-weight: 700;
   margin-bottom: 30px;
   text-wrap: balance;
	text-shadow: 0 0 3px #6b6b6b;
}

.lizethweb__portada-informacion p {
   color: #fff;
   font-weight: 400;
   font-size: 19px;
   display: flex;
   gap: 6px;
   align-items: center;
}

.lizethweb__portada-imagen {
   width: 50%;
   overflow: hidden;
	display:none;
}

.lizethweb__portada-imagen img {
   width: 90%;
   display: flex;
   position: relative;
   top: 10px;
	display:none;
}

.lizethweb__animacion-lema span {
   display: block;
   position: relative;
   font-size: 25px;
}

.lizethweb__animacion-lema span::before {
   content: 'Aprender';
   animation: textoportada 10s infinite cubic-bezier(0.075, 0.82, 0.165, 1);
   display: inline-flex;
   width: auto;
   overflow: hidden;
   color: var(--tercero);
   white-space: nowrap;
}

.lizethweb__text-resumen {
   margin-bottom: 40px;
}

.lizethweb_calltoaction a {
   display: inline-block;
   background-color: var(--segundo);
   color: #767676;
   padding: 8px 18px;
   font-weight: 500;
   text-decoration: none;
   font-size: 16px;
   border-radius: 30px;
   transition: all .3s;
   border: 2px solid transparent;
	display:none;

}

.lizethweb_calltoaction a:hover {
   background-color: transparent;
   color: #fff;
   border: 2px solid var(--segundo);
}

/* @keyframes textoportada {
   0%{
      width: 0;
      padding-right: 0px;
   }
   20%{
      width: auto;
      content: 'Aprender';
      padding-right: 5px;
   }
   40%{
      width: 0;
      padding-right: 0px;
   }
   60%{
      width: auto;
      content: 'Conocer';
      padding-right: 5px;
      
   }
   80%{
      width: 0;
      padding-right: 0px;
   }
   100%{
      width: auto;
      content: 'Vender';
      padding-right: 5px;

   }
} */

/* QUIEN SOY */

.lizetweb__quiensoy {
   padding: 60px 0;
}

.lizetweb__quiensoy-contenedor {
   display: flex;
   align-items: center;
}

.lizetweb__quiensoy-image>div {
   border-radius: 10px;
   box-shadow: 5px 5px 0px var(--primero);
}

.lizetweb__quiensoy-image img {
   max-width: 500px;
   height: 490px;
   object-fit: cover;
   object-position: center;
/*    filter: grayscale(1); */
   border-radius: 10px;
}

.lizetweb__quiensoy-texto {
   padding: 4em;
}

.lizetweb__quiensoy-texto h3 {
   color: var(--primero);
   font-weight: 600;
   font-size: 35px;
}

.lizetweb__quiensoy-texto p {
   color: var(--texto);
   white-space: break-spaces;
	text-wrap: pretty;
	text-align: justify;
}

.lizethweb_calltoaction.quien-soy a {
   background-color: var(--primero);

}

.lizethweb_calltoaction.quien-soy a:hover {
   color: var(--primero) !important;
   border-color: var(--primero) !important;
   background-color: transparent;
}

/* SECCION EXPERIENCIA Y ESTUDIOS */

.lizethweb__experiencia-estudios {
   padding: 60px 0;
   background-color: var(--tercero);
}

.lizethweb_expriencia {
   padding-bottom: 29px;
   margin-bottom: 29px;
   border-bottom: 1px solid;
}

.lizethweb_expriencia h3,
.lizethweb_estudios h3 {
   color: var(--primero);
   font-weight: 600;
   position: relative;
   font-size: 35px;
   margin-bottom: 25px;
   text-align: center;
}

.lizethweb_expriencia ul,
.lizethweb_estudios ul {
   list-style: none;
   padding: 0;
   flex-wrap: wrap;
   gap: 20px;
   display: flex;
}

.lizethweb_expriencia ul li,
.lizethweb_estudios ul li {
   border: 1px solid var(--texto);
   max-width: 300px;
   width: 100%;
   padding: 20px;
   text-align: center;
   border-radius: 10px;
   box-shadow: 5px 5px var(--primero);
   margin: 0 auto;
}

.lizethweb_expriencia ul li a,
.lizethweb_estudios ul li a {
   display: block;
   color: var(--texto);
   text-decoration: none;
}

.lizethweb_expriencia ul li a strong,
.lizethweb_estudios ul li a strong {
   color: var(--primero);
   font-size: 15px;
}

/* proposito */
.lizethweb__proposito {
   height: 500px;
   background-position: center;
   background-attachment: fixed;
   background-color: rgba(0, 0, 0, .5);
   background-blend-mode: overlay;
   box-shadow: 0 0 0 7px var(--primero) inset;
}

.lizethweb__proposito-contenedor {
   display: flex;
   flex-direction: column;
   gap: 20px;
   height: 100%;
   align-items: center;
   justify-content: center;

}

.lizethweb__proposito-contenedor h2 {
   color: #fff;
   font-weight: 600;
   font-size: 40px;
}

.lizethweb__proposito-contenedor p {
   color: #fff;
   font-weight: 500;
   font-size: 20px;
}

/* .lizethweb__proposito-contenedor a {
   display: inline-block;
   background-color: var(--segundo);
   color: #fff;
   padding: 10px 20px;
   font-weight: 500;
   text-decoration: none;
   font-size: 18px;
   border-radius: 30px;
   transition: all .3s;

} */

/* .lizethweb__proposito-contenedor a:hover {

   background-color: var(--tercero);
   color: #7c7c7c;

} */

.lizethweb_contacto-campos {
   display: flex;
   gap: 10px;
   margin-bottom: 30px;
}

.lizethweb_contacto-campos input {
   background: rgba(0, 0, 0, .27);
   border: 2px solid var(--primero);
   border-radius: 2px;
   padding: 8px 15px;
   outline: none;
   color: #fff;
}

.lizethweb_contacto-campos input::placeholder {
   color: #fff;
}

.primus_contacto-contenedor form button {
   height: 47px;
   width: 155px;
   border-radius: 30px;
   outline: none;
   border: none;
   color: #fff;
   background-color: hsl(174deg 82% 28%);
   font-weight: 500;
   font-size: 15px;
   cursor: pointer;
}

.lizethweb__contacto-button button {
   display: block;
   background-color: var(--primero);
   color: #fff;
   padding: 8px 18px;
   font-weight: 500;
   text-decoration: none;
   font-size: 18px;
   border-radius: 30px;
   transition: all .3s;
   border: 2px solid transparent;
   margin: 0 auto;
}

.lizethweb__contacto-button button:hover {
   background-color: transparent;
   border-color: var(--primero);
   color: var(--primero);
}

/* Pilares y procesos */

.lizethweb__pilares-proceso{
   padding: 60px 0 80px 0;
}

.lizethweb__pilares-proceso-contenedor>h2 {
   text-align: center;
   color: var(--primero);
   font-weight: 600;
   font-size: 40px;
   margin-bottom: 60px;
}

.lizethweb__pilares-proceso-contenido{
   display: flex;
   gap: 20px;
	justify-content: center;

}

.lizethweb__pilares-proceso-imagen{
   text-align: center;
   margin-bottom: 20px;
}

.lizethweb__pilares-proceso-imagen img{
   width: 100px;
   height: 100px;
   filter: brightness(.25);
}

.lizethweb__pilares-proceso-items h3{
   text-align: center;
   color: var(--primero);
   font-weight: 600;
}
.lizethweb__pilares-proceso-items p{
   color: var(--texto);
   text-align: center;
}

/* Servicios */
.lizethweb__pilares-trabajo {
   padding: 60px 0;
}

.lizethweb__pilares-trabajo-contenedor h2 {
   text-align: center;
   color: var(--primero);
   font-weight: 600;
   font-size: 40px;
   margin-bottom: 40px;
}

.lizethweb__pilares-trabajo-item>div:nth-child(1) {
   margin-bottom: 15px;
}

.lizethweb__pilares-trabajo-item>div img {
   width: 55px;
   filter: brightness(5);
}

.lizethweb__pilares-trabajo-items {
   display: flex;
   gap: 30px;
   justify-content: center;
   flex-wrap: wrap;
}

.lizethweb__pilares-trabajo-item {
   transition: all .3s ease;
   /* border-radius: 50%; */
   width: 318px;
   height: 220px;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   padding: 0 20px;
   background-color: var(--primero);
   border: 2px solid var(--primero);
   /* background-image: linear-gradient(180deg, var(--primero) 0, hsl(271 91% 70% / 1) 25%, hsl(271 91% 67% / 1) 50%, hsl(271 91% 60% / 1) 75%, hsl(271 91% 58% / 1) 100%); */
}

.lizethweb__pilares-trabajo-item:hover {
   background-color: transparent;
}

.lizethweb__pilares-trabajo-item h3 {
   color: #fff;
   font-size: 23px;
   font-weight: 600;
   text-align: center;
}

.lizethweb__pilares-trabajo-item p {
   color: #fff;
   font-size: 14px;
   width: 75%;
   text-align: center;
}

.lizethweb__pilares-trabajo-item:hover h3 {
   color: var(--primero);
}

.lizethweb__pilares-trabajo-item:hover p {
   color: var(--texto);
}

.lizethweb__pilares-trabajo-item:hover img {
   filter: contrast(.3);
}

/* seccion blog */
.lizethweb__blog {
   /* background-image: url(http://lizethweb.local/wp-content/uploads/2023/09/fondo-blog.png); */
   background-color: rgb(247, 247, 253);
   padding: 60px 0;
   width: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
/* 	display:none; */
}

.lizethweb__blog-contenedor h2 {
   text-align: center;
   color: var(--primero);
   font-weight: 600;
   font-size: 40px;
   margin-bottom: 40px;

}

.lizethweb__blog-contenedor p{
	color: var(--texto);
	text-align:center;
}

.lizethweb__blog-articulos {
   display: flex;
   gap: 30px;
   flex-wrap: wrap;
   justify-content: center;
}

.lizethweb__blog-articulos article {
   flex: 260px;
   max-width: 280px;
}

.lizethweb__blog-articulos article .image-blog {
   margin-bottom: 10px;
   overflow: hidden;
}

.lizethweb__blog-articulos article img {
   width: 100%;
   transition: all .4s;
   object-fit: cover;
   height: 380px;
   filter: contrast(.7);
}

.lizethweb__blog-articulos article img:hover {
   /* transform: scale(1.1); */
   filter: contrast(1);
}



.lizethweb__blog-articulos article .texto-blog h4 {
   margin-bottom: 10px;
   line-height: 20px;
}

.lizethweb__blog-articulos article .texto-blog h4 a {
   color: var(--texto);
   text-decoration: none;
   font-weight: 700;
   font-size: .6em;
   transition: color .3s;
}

.lizethweb__blog-articulos article .texto-blog h4 a:hover {
   color: var(--primero);
}

.lizethweb__blog-articulos article .texto-blog p {
   color: gray;
   font-size: 12px;
   font-style: italic;
   font-weight: 500;
}

.lizethweb__blog-ver-mas {
   margin-top: 30px;
   text-align: center;
}

.lizethweb__blog-ver-mas a {
   display: inline-block;
   background-color: var(--primero);
   color: #fff;
   padding: 8px 18px;
   font-weight: 500;
   text-decoration: none;
   font-size: 16px;
   border-radius: 30px;
   transition: all .3s;
   border: 2px solid transparent;
}

.lizethweb__blog-ver-mas a:hover {
   background-color: transparent;
   border-color: var(--primero);
   color: var(--primero);
}

.lizethweb__contacto-button a {
   display: inline-block;
   background-color: var(--primero);
   color: #fff;
   padding: 8px 18px;
   font-weight: 500;
   text-decoration: none;
   font-size: 18px;
   border-radius: 30px;
   transition: all .3s;
   border: 2px solid transparent;
}

.lizethweb__contacto-button a:hover {
   background-color: transparent;
   border-color: var(--primero);
   color: var(--primero);
}



/* MEDIAQUERY */
@media(max-width:1100px) {
   .lizetweb__quiensoy-contenedor {
      flex-direction: column-reverse;
   }

   .lizetweb__quiensoy-texto {
      padding: 0;
      margin-bottom: 30px;
   }

   .lizetweb__quiensoy-image img {
      width: 100%;
      height: auto;
   }
}

@media(max-width:960px) {

   .lizethweb__proposito {
      height: auto;
      padding: 40px 0;

   }

   .lizethweb__proposito-contenedor .row.contenedor {
      gap: 25px;
   }

   .lizethweb__proposito-contenedor h2 {
      font-size: 35px;
   }

}

@media(max-width:767px) {


	.lizethweb__portada-contenedor {
		flex-direction: column-reverse;
		padding-top: 20px;
		position: relative;
		top: 34px;
		left: 10px;
	}

   .lizethweb__portada-informacion h3 {
      font-size: 28px;
	   line-height: 28px;
   }

   .lizethweb__portada-imagen {
      width: auto;
   }

   .lizethweb__portada-informacion {
      width: auto;
   }

   .lizethweb__portada-imagen img {
      width: 80%;
   }

   /* formulario de contacto seccion */
   .lizethweb_contacto-campos {
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
   }


   /* pilares y proceso */
   .lizethweb__pilares-proceso-contenido{
      flex-wrap: wrap;
   }
	
	.lizethweb__portada{
		height: 322px;
	}


}

@media(max-width:500px) {

   .lizethweb__proposito-contenedor .row.contenedor {
      padding: 0;
   }

   .rn-address {
      padding: 30px 19px 22px;
   }

   .rn-address .inner h4.title {
      font-size: 16px;
   }

   .rn-address .inner p a {
      font-size: 15px;
   }

   .rn-address .icon {
      width: 60px;
      height: 60px;
      display: flex;
      align-items: center;
      justify-content: center;
   }

}