/*
Theme Name: lizethweb
Theme URI: https://jeysonrgxd.github.io/portafolio/
Description: Template hecho desde cero
Version: 1.0
Author: Jeyson gino ramos garcia
Author URI: https://jeysonrgxd.github.io/portafolio/
*/

* {
   font-family: 'Montserrat', sans-serif;
   padding: 0;
   margin: 0;
   box-sizing: border-box;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

html {
   scroll-behavior: smooth;
   scroll-padding-top: 50px;
}

:root {
/*    --primero: rgb(188, 122, 249); */
   --primero: #a9d1b1;
   --segundo: #fff;
   --tercero: #F8FF95;
   --cuarto: #A6FF96;
   --texto: #3b3b3b;
   --animate-delay: .3s;
}

/* HEADER */
header {
   position: sticky;
   top: 0;
   background-color: var(--primero);
   padding: 13px 30px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   /* border-bottom: 1px solid #ADE0F3; */
   z-index: 99999;
}

header.scroll {
   background-color: #fff;
   box-shadow: 0 0 6px gray;
}

.lizethweb__icono img {
   width: 240px;
   border-radius: 50%;
	display:none;
}
.lizethweb__icono img.no-scroll{
	display:block;
}

header.scroll .lizethweb__icono img.no-scroll{
	display:none;
}

header.scroll .lizethweb__icono img.si-scroll{
	display:block;
}


.menu-principal-container ul {
   list-style: none;
   display: flex;
   align-items: center;
   gap: 20px;
   margin-bottom: 0;
   padding: 0;
}

.menu-principal-container ul li a {
   color: #fff;
   font-weight: 400;
   font-size: 18px;
   text-decoration: none;
   display: block;
   position: relative;
}

header.scroll .menu-principal-container ul li a {
   color: var(--primero);
}

.menu-principal-container ul li a::before {
   content: '';
   width: 0;
   position: absolute;
   bottom: -5px;
   height: 4px;
   background-color: var(--tercero);
   left: 0;
   transition: all .3s linear;
}

.menu-principal-container ul li a:hover::before {
   width: 100%;
}

/* menu hamburger */
.lizethweb__label-hamburger {
   display: none;
}

.lizethweb__label-hamburger input:checked~.menu-hamburger-content span:nth-child(2) {
   opacity: 0;
   width: 0;
}

.lizethweb__label-hamburger input:checked~.menu-hamburger-content span:nth-child(1) {
   position: relative;
   transform: rotate(-45deg) translate(-4px, 7px);
}

.lizethweb__label-hamburger input:checked~.menu-hamburger-content span:nth-child(3) {
   position: relative;
   transform: rotate(45deg) translate(-10px, -13px);
}


.menu-hamburger-content {
   display: flex;
   flex-direction: column;
   gap: 7px;
}

.menu-hamburger-content span {
   display: block;
   width: 40px;
   height: 5px;
   background-color: #fff;
   border-radius: 9999px;
   opacity: 1;
   transition: all .3s ease-in-out;
}

header.scroll .menu-hamburger-content span {
   background-color: var(--primero);
}

.contenedor {
   max-width: 1200px;
   margin: 0 auto;
}

.card {
   border-radius: unset;
   border: none;
}

/* calses reutilizables */
.bariloche-header-page {
   width: 100%;
   height: 350px;
   background-size: cover;
   background-position: 0px -80%;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: rgb(0, 0, 0, .7);
   background-blend-mode: overlay;
}

.bariloche-header-page h2 {
   color: var(--segundo);
   font-size: 6ch;
   font-weight: 700;
   margin-bottom: 10px;
   text-align: center;
}


.lizethweb-header-page {
   width: 100%;
   height: 350px;
   background-size: cover;
   background-position: 0px -80%;
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: rgb(0, 0, 0, .7);
   background-blend-mode: overlay;
}

.lizethweb-header-page h2 {
   text-align: center;
   color: #fff;
   font-weight: 700;
   font-size: 35px;
}


footer {
   background-color: rgb(233 233 233);
   padding: 35px 0 20px 0;
}

.lizethweb__footer-contenido {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.lizethweb__footer-contenido-logo img {
   width: 250px;
   border-radius: 50%;
}

.lizethweb__footer-contenido-menu ul {
   padding: 0;
   margin: 0;
   list-style: none;
   display: flex;
   gap: 15px;
}

.lizethweb__footer-contenido-menu ul li a {
   text-decoration: none;
   color: #828A74;
   font-weight: 500;
}

.lizethweb__footer-contenido-menu ul li a:hover {
   text-decoration: underline;

}

.lizethweb__footer-contenido-redes ul {
   padding: 0;
   margin: 0;
   list-style: none;
   display: flex;
   gap: 15px;
}

.lizethweb__footer-contenido-redes ul li a {
   width: 29px;
   height: 29px;
   background-color: var(--primero);
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 50%;
   font-size: 15px;
   text-decoration: none;
   color: #fff;
   border: 1px solid var(--primero);
   transition: all .3s ease-in-out;
}

.lizethweb__footer-contenido-redes ul li a:hover {
   background-color: transparent;
   color: var(--primero);
}

/* contendio contacto generico */


section.lizeth-zona-contacto-nueva{
	padding: 6px 0;
	background-image: url(http://lizethalvam.com/wp-content/uploads/2024/04/Captura-de-pantalla-2024-04-01-005526.jpg);
	background-position: center;

}

.lizeth-zona-contacto-nueva-contenedor.contenedor{
	display: flex;
    align-items: center;
    justify-content: space-around;
}

.lizeth-zona-contacto-nueva-info h2 {
    color: #fff;
    font-size: 42px;
    font-weight: 600;
}


body > section.lizeth-zona-contacto-nueva > div > div.lizeth-zona-contacto-nueva-info > p:nth-child(2) > a {
    font-size: 20px;
    color: #717958;
    font-weight: 500;
    text-decoration: none;
}

section.lizeth-zona-contacto-nueva div.lizeth-zona-contacto-nueva-info a.correo-infor{
	font-size: 20px;
    color: #717958;
    font-weight: 500;
    text-decoration: none;
}


body > section.lizeth-zona-contacto-nueva > div > div.lizeth-zona-contacto-nueva-info > p:nth-child(3){
	display: flex;
    align-items: center;
    gap: 10px;
}

body > section.lizeth-zona-contacto-nueva > div > div.lizeth-zona-contacto-nueva-info > p:nth-child(3) a span {
    color: #717958;
    font-size: 24px;
}

section.lizeth-zona-contacto-nueva div.lizeth-zona-contacto-nueva-info a.correo-links span{
	color: #717958;
    font-size: 24px;
}

.lizeth-zona-contacto-nueva-btn a{
	background-color: #717958;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	width: 142px;
	height: 36px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 20px;
	font-size: 15px;
}


footer .text-body-secondary {
   margin-bottom: 0;
   padding-bottom: 8px;
   padding-top: 23px;
   margin-top: 23px;
   font-size: 15px;
   border-top: 1px solid rgb(194, 194, 194);
}

.seccion-instagram{
	padding:20px 0;
}



/* MEDIAQUERY */
@media(max-width:1200px) {

   .lizethweb-header-page {
      background-position: center;
   }

   .contenedor {
      padding: 0 20px;
   }
}



@media(max-width:900px) {

   .lizethweb__label-hamburger {
      display: block;
   }

   nav.primary-navigation {
      position: fixed;
      top: 107px;
      background-color: #fff;
      left: 0;
      width: 100vw;
      z-index: 1000;
      display: flex;
      height: calc(100vh - 107px);
      align-items: center;
      justify-content: center;
      transition: all .4s ease-in-out;
      transform: translateX(-100%);
      visibility: hidden;
   }

   .menu-principal-container ul li a {
      color: var(--primero);
      font-weight: 600;
      font-size: 22px;
      text-decoration: underline;
   }



   .menu-principal-container ul {
      flex-direction: column;
   }

   .lizethweb__footer-contenido-logo img {
/*       width: 95px; */
   }

   .lizethweb__footer-contenido {
      flex-direction: column;
      gap: 20px;
   }

   .lizethweb__footer-contenido-menu ul {
      flex-wrap: wrap;
      justify-content: center;
   }

   .lizethweb-header-page {
      background-position: center;
   }



}

@media(max-width:767px) {

   .bariloche-header-page{
      height: 286px;
   }

   .bariloche-header-page h2 {
      font-size: 5ch;
      padding-top: 40px;
   }
	
	
	.lizeth-zona-contacto-nueva-contenedor.contenedor{
		flex-direction: column;
    	gap: 21px;
	}
	
}