header {
   position: static;
   width: 100%;
   background-color: var(--primero);
}

.lizethweb__icono img.no-scroll {
    display: block !important;
}

header.scroll .lizethweb__icono img.si-scroll {
    display: none !important;
}

header.scroll{
	background-color: var(--primero);
	position: sticky;
}

header.scroll .menu-principal-container ul li a{
	color:#fff;
}

.lizethweb__banner {
   background-repeat: no-repeat;
   background-size: cover;
   background-color: rgba(0, 0, 0, .6);
   background-blend-mode: overlay;
   height: 500px;
   background-position: 0 -200px;
	display:none;
}

.lizethweb__banner-contenedor {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   height: 100%;

}

.lizethweb__banner-contenedor :where(h2, p) {
   margin: 0;
   padding: 0;
}

.lizethweb__banner-contenedor h2 {
   color: var(--segundo);
   font-size: 6ch;
   font-weight: 700;
   margin-bottom: 10px;
}

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

/* DATOS EMAIL DIRECCION UBICACION */
.lizethweb__contacto-datos {
   padding: 60px 0;
   background-color: #f8f9fc;
	display:none
}

.rn-address {
   margin-top: 30px;
   border: 1px solid #ebebeb;
   border-radius: 10px;
   background: #fff;
   padding: 54px 40px 50px;
   position: relative;
   box-shadow: 0 0 8px 0px rgba(188, 122, 249, .25);
}

.rn-address .icon {
   border: 1px solid #ebebeb;
   width: 78px;
   height: 78px;
   color: var(--primero);
   line-height: 73px;
   text-align: center;
   border-radius: 100%;
   background: #fff;
   font-size: 28px;
   position: absolute;
   top: -36px;
   left: 21px;
   transition: all .3s ease-in-out;
}

.rn-address:hover .icon {
   background: var(--primero);
   border-color: var(--primero);
   color: #fff;
}

.rn-address .inner h4.title {
   color: var(--texto);
   font-size: 18px;
   font-weight: 700;
}

.rn-address .inner p {
   font-size: 18px;
   margin-bottom: 0;
   color: var(--texto);
}

.rn-address .inner p a {
   color: var(--texto);
   text-decoration: none;
}

/* FORMULARIO CONTACTO */
.lizethweb__formulario {

}

.lizethweb__formulario-contendor {
	    display: flex;
	    height: 724px;
	
}

.lizethweb__formulario-contendor img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}

.lizethweb__formulario-contendor>div {
   width: 50%;
/*    max-width: 700px;
   width: 100%;
   margin: 0 auto; */
}

.lizethweb__formulario-campos{
	padding: 50px 30px 50px 70px;
}

.lizethweb__formulario-campos h3 {
   color: var(--primero);
   font-size: 35px;
   font-weight: 700;

   margin-bottom: 25px;
}

.lizethweb__formulario-campos p a {
   color: var(--texto);
}

.lizethweb__formulario-campos p.redes-sociales a{
	color: var(--primero);
}

.lizethweb__formulario-campos p {
   color: var(--texto);
   margin: 0;
}

.lizethweb__formulario-campos p.redes-sociales{
	margin: 10px 0 50px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 20px;
}

.lizethweb__formulario-campos label {
   display: block;
   margin-bottom: 10px;
}

.lizethweb__formulario-campos label h5 {
   font-size: 15px;
   color: var(--texto);
   font-weight: 600;
   margin-bottom: 5px;
}


.lizethweb__formulario-campos label span {
   color: gray;
   font-style: oblique;
   font-size: 12px;
}

.lizethweb__formulario-campos label>div {
   display: flex;
   align-items: center;
   gap: 10px;
   margin-bottom: 10px;
}

label.label-interesa {
   margin-bottom: 20px;
}

.lizethweb__formulario-campos label>div input[type="checkbox"] {
   /* display: block;
   margin: 0;
   width: auto; */
}


.lizethweb__formulario-campos input,
.lizethweb__formulario-campos textarea,
.lizethweb__formulario-campos select {
    width: 100%;
    box-sizing: border-box;
    padding: 7px 20px;
    border: 2px solid var(--primero);
    border-radius: 5px;
    transition: all .3s ease;
    color: var(--texto);
    outline: none;
    margin-bottom: 20px;
    border-left: none;
    border-top: none;
    border-right: none;
    padding-left: 0;
}

.lizethweb__formulario-campos input:focus,
.lizethweb__formulario-campos textarea:focus {
   outline-color: var(--primero);
   border-color: var(--primero);
}

.lizethweb__formulario-campos input::placeholder,
.lizethweb__formulario-campos textarea::placeholder {
   color: var(--texto);

}

input[type="checkbox"] {
   appearance: none;
   background-color: #fff;
   margin: 0;
   font: inherit;
   color: currentColor;
   width: 18px;
   height: 18px;
   border: 1px solid currentColor;
   border-radius: 0.15em;
   margin-right: 6px;
   display: grid;
   place-content: center;
   padding: 0;
   cursor: pointer;
}

input[type="checkbox"]::before {
   content: "";
   width: 13px;
   height: 13px;
   transform: scale(0);
   transition: 120ms transform ease-in-out;
   background-color: var(--primero);
   clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

input[type="checkbox"]:checked::before {
   transform: scale(1);
}

.lizethweb__formulario-campos button {
   background-color: var(--primero);
   border: none;
   color: #fff;
   font-weight: 600;
   border-radius: 5px;
   padding: 6px 0;
   display: block;
   font-size: 18px;
   width: 120px;
   letter-spacing: 1px;
   transition: all .3s ease-in-out;
   border: 2px solid transparent;
   margin: 0 auto;
}

.lizethweb__formulario-campos button:hover {
   background-color: transparent;
   color: var(--primero);
   border: 2px solid var(--primero);
}

.lizethweb__formulario-imagen img {
   width: 90%;
   box-shadow: 5px 5px 0px var(--segundo);
   border-radius: 10px;
}

@media(max-width:767px) {

   .lizethweb__contacto-datos{
      padding:  0;
   }
   
   .lizethweb__formulario{


   }

   .lizethweb__formulario-campos h3{
      font-size: 30px;
   }

   .lizethweb__banner{
      height: 320px;
   }

   .lizethweb__banner-contenedor h2{
      font-size: 4ch;
      padding-top: 40px;
   }
	
	.lizethweb__formulario-contendor>div {
		width: 100%;
	}
	
	.lizethweb__formulario-contendor>div {
		width: 100%;
	}
	
	.lizethweb__formulario-campos {
		padding: 25px;
	}
	
	.lizethweb__formulario-contendor {
		display: flex;
		flex-direction: column;
		height:auto;
	}


}

@media(max-width:500px){

  .row.contenedor{
      padding: 0;
      gap: 20px;
   }
   .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;
   }

}