*{
	margin: 0;
	padding: 0;
}

@font-face {
  font-family: 'greatVibes';
  src: url('fuentes/GreatVibes-Regular.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
:root{
	--dorado:#C0983A;
	--lila:#A88CC4;
}

a{
	text-decoration: none;
}

img{
	width:100%;
	height:100%;
	object-fit: contain;
}

section{
	overflow:hidden;
}
.body{
	background: #F7F2F8;
	overflow-x: hidden;
}
.menu{
    /* width: 100vw; */
    display: flex;
    gap: 1.5vw;
    justify-content: center;
    margin-block-start: 1vh;
    margin-inline: 4vw;
    text-align: center;
    align-items: center;
}
.menu_item{
    font-size: 14px;
    color: var(--dorado);
}

a.menu_item.menu_item_home {
    border-bottom: 3px solid var(--dorado);
}
.home{
    /* background: red; */
    padding-block: 3vh;
    height: 88vh;
    position: relative;
    padding-inline: 5vw;
    margin-block-start: 1vh;
}
.home_text_container{
    position: absolute;
    top: 59px;
    width: 66vw;
    text-align: center;
    display: grid;
    gap: 2vw;
    height: 62vh;
    justify-self: center;
    left: 0;
    right: 0;
}
.home_img{
    width: 14vw;
    display: flex;
    justify-self: center;
}
.home_titulo{
	 color: var(--dorado);
	 font-family: 'greatVibes', sans-serif;
	 font-size: 45px;
}
.home_subtitulo{
	 color: var(--dorado);
}
.home_titulo_lila{
	 color: var(--lila);
	 font-family: 'greatVibes', sans-serif;
	 font-size: 65px;
}
.home_subtitulo_lila{
	color: var(--lila);
	font-size: 25px;
}
.home_text{
	 color: var(--dorado);
}

p.home_text.home_text_size {
    width: 55vw;
    justify-self: center;
}
.home_marco{
    object-fit: fill;
    height: 75vh;
}
.home_flor_uno{
    position: absolute;
    width: 42%;
    bottom: -130px;
    left: 3px;
}
.home_conejo{
    position: absolute;
    width: 107px;
    bottom: -227px;
    right: 87px;
}
.home_princesa{
    position: absolute;
    bottom: -152px;
    width: 140px;
    right: -23px;
}
.home_flor_dos{
	position: absolute;
	width: 42%;
	top: -29vh;
	right: 3px;
}
.home_nota{
    text-align: center;
    color: var(--lila);
    margin-block-start: 9.5vh;
    font-weight: bold;
}

.parents_container {
    height: 99vh;
    position: relative;
}
.parents_flores{
    width: 117px;
    top: -28vh;
    position: absolute;
    left: -5px;
}
.parents_flores_invert{
    left: unset;
    right: -59px;
    top: -40vh;
    transform: rotateZ(
342deg);
}
.parents_mariposa{
    width: 116px;
    top: -3vh;
    position: absolute;
}
.parents_mariposa2{
	width: 116px;
	top: 132px;
	position: absolute;
	right: 3px;
}
.parents_castillo{
    width: 60vw;
    position: absolute;
    left: -68px;
    transform: scaleX(-1);
    bottom: 0;
    top: 0;
    object-position: bottom;
}
.parents_text_container{
    width: 70vw;
    position: absolute;
    margin-block-start: 10vh;
    text-align: center;
    gap: 1vh;
    display: grid;
    justify-items: center;
    left: 0;
    right: 0;
    justify-self: center;
    height: 70vh;
}
.parents_text{color: var(--dorado);margin-block-end: 1vh;}
.parents_corona{
    width: 60px;
    margin-block-start: 0vh;
    margin-block-end: 4vh;
}
.parents_text_lila{
    color: var(--lila);
}
.parents_corazon{
    width: 75px;
    margin-block-start: 1vh;
}

.date_container{
    position: relative;
    height: 99vh;
}
.date_bg{
    height: 100%;
    object-fit: fill;
    position: absolute;
    left: 0;
    right: 0;
}

img.date_bg.date_bg_marco {
    bottom: 0;
    top: 0;
    height: 86vh;
    align-self: center;
    justify-self: center;
    width: 88vw;
}
.date_bird_blue{
    position: absolute;
    width: 45vw;
    top: -37vh;
    left: -3vw;
}
.date_bird_red{
    position: absolute;
    width: 49vw;
    right: -4vw;
    bottom: -23vh;
}
.date_text_container{
    position: absolute;
    height: 78vh;
    width: 71vw;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: grid;
    justify-self: center;
    align-self: center;
    justify-content: center;
    text-align: center;
    justify-items: center;
    gap: 1vh;
}
.date_corona{
    width: 14vw;
}
.date_text_date{
    color: var(--dorado);
    display: flex;
    font-size: 35px;
    gap: 3vw;
    width: 70vw;
    justify-content: center;
    align-items: center;
    padding-block: 1vh;
}

.date_text_date p:nth-child(2) {
    border-inline: 3px solid var(--dorado);
    padding-inline: 4vw;
}
.date_reloj{
    width: 5vw;
}
.
.date_title{}
.date_text{
    color: var(--dorado);
    font-size: 13px;
    width: 58vw;
}
.date_iglesia{
    width: 10vw;
}
.date_title{
    color: var(--lila);
    font-size: 13px;
}
.date_btn{
    color: white;
    background: var(--lila);
    padding: 2px 9px;
    border-radius: 15px;
}
.date_text_reloj{
    display: flex;
    text-align: center;
    justify-content: center;
}

.date_pastel{
	width:10vw;
}

.regalo_container{
    position: relative;
    height: 50vh;
}
.regalo_marco{
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    height: 37vh;
    display: grid;
    align-self: center;
    width: 85vw;
    justify-self: center;
}
.regalo_flor1{
    position: absolute;
    width: 32vw;
    top: -13vh;
    left: 1vw;
}
.regalo_flor2{
    position: absolute;
    width: 51vw;
    bottom: -13vh;
    left: 0vw;
}
.regalo_flor3{
    position: absolute;
    width: 32vw;
    right: 0;
    bottom: -13vh;
}
.regalo_princesa{
    position: absolute;
    width: 53vw;
    bottom: -2vw;
}
.regalo_conejo{
    position: absolute;
    width: 20vw;
    bottom: -11vh;
    left: 28vw;
}
.regalo_text_contain{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: grid;
    width: 45vw;
    height: 23vh;
    justify-self: end;
    padding-inline-end: 12vw;
    align-self: center;
    justify-content: center;
    text-align: center;
    justify-items: center;
    align-items: center;
}
.regalo_regalo{
    width: 7vw;
}
.regalo_title{
    font-family: 'greatVibes', sans-serif;
    font-size: 27px;
    color: var(--lila);
}
.regalo_text{
    color: var(--dorado);
    font-size: 12px;
}

.espera_container{
    height: 90vh;
    margin-block-start: 5vh;
    position: relative;
}
.espera_lineas{
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 30vw 1fr;
    text-align: center;
}
.espera_linea_izq{}
.espera_text{
    color: var(--dorado);
}
.espera_linea_der{
    transform: rotate(
180deg);
}
.espera_timepo{
    color: var(--dorado);
    display: grid;
    grid-template-columns: repeat(7, minmax(0,1fr));
    width: 60vw;
    justify-content: center;
    justify-items: center;
    justify-self: center;
    font-size: 48px;
    margin-block-start: 3vh;
}
.espera_time{
    font-size: 10px;
    text-align: center;
}
.espera_izquierda{
    position: absolute;
    top: -26vh;
    width: 30vw;
}
.espera_derecha{
    position: absolute;
    width: 30vw;
    right: 0;
    top: -11vh;
}
.espera_centro{
    position: absolute;
    top: -1vh;
}
.espera_grupo{
    width: 20vw;
    position: absolute;
    left: 0;
    right: 0;
    display: grid;
    justify-self: start;
    bottom: 0;
    top: 0;
    align-self: end;
    object-position: bottom;
}
.espera_grupo2{
	    width: 20vw;
	    position: absolute;
	    left: 0;
	    right: 0;
	    display: grid;
	    justify-self: end;
	    bottom: 0;
	    top: 0;
	    align-self: end;
	    object-position: bottom;
}
.espera_text_container{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    align-self: end;
    width: 75vw;
    justify-self: center;
    text-align: center;
    gap: 1vh;
    display: grid;
    margin-block-end: 3vh;
}