@import"https://fonts.googleapis.com/css2?family=Montserrat+Subrayada:wght@400;700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat+Subrayada:wght@400;700&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Dancing+Script:wght@400..700&family=Grey+Qo&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Playwrite+CO+Guides&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";footer{display:flex;flex-direction:column;justify-content:center;margin-bottom:10px}.footer{width:100vw;border-top:1px solid var(--footer-line-color);padding:1px 40px;display:flex;justify-content:space-around;gap:50px}.company>h1{padding:40px 0;font-size:50px}.company>p{width:80%;color:var(--footer-font-color)}.footer_list>p{padding:20px 0;justify-content:left;color:var(--footer-font-color);font-size:20px}.footer_list{display:flex;flex-direction:column;align-items:center;padding:20px}.footer_list>li{padding:20px 0}.email>input{margin-top:20px;margin-right:10px;width:180px;border:none;border-bottom:1px solid var(--primary-color)}.email>input::placeholder{color:var(--footer-font-color)}.subs_btn{background-color:#fff;border:none;border-bottom:1px solid var(--primary-color);text-transform:uppercase;font-weight:medium;font-size:14px;margin-top:10px;cursor:pointer}.realFooter{width:100%;text-align:center;margin:10px auto}@media screen and (max-width:768px){.footer{flex-direction:column;justify-content:center;align-items:center;width:100%;gap:10px}.footer_list{align-items:center;padding:0}.footer>form{padding:0}.company{text-align:center}.company>p{margin:auto}.email{text-align:center}.realFooter{margin-top:30px}}header{display:flex;align-items:center;justify-content:space-between;padding:10px var(--small-padding);width:100%;background-color:var(--primary-background-color)}.logo-title>h1>a{font-family:Montserrat,sans-seri;font-weight:700;font-size:35px}.logo-title{margin-left:40px;display:flex;justify-content:center;align-items:center;gap:10px}.nav_area{display:flex;flex-direction:column;align-items:center;gap:10px}@media screen and (max-width:1061px){header{flex-direction:column;align-items:center;gap:10px}.logo-title>h1>a{font-size:30px}}nav{display:flex}.nav_menu{display:flex;justify-content:center;align-items:center;padding:10px 20px;gap:30px}.nav_menu>li>a{padding:10px 30px;border-radius:10px}.nav_menu>li>a:hover{color:#fff;background-color:var(--secondary-color);cursor:pointer}.nav_icons{display:flex;justify-content:center;align-items:center;gap:40px}#hamburger{display:none;cursor:pointer}.modal{display:none}.hamActive{display:block}.hamActive>li{padding:10px 20px;text-align:center}.hamActive>li>a:hover{padding:10px 20px;color:#fff;background-color:var(--secondary-color);cursor:pointer;border-radius:10px}.cart:hover,.favorite:hover{cursor:pointer}.cart_modal{display:none;background-color:var(--inspiration-background-color);flex-direction:column;text-align:center;justify-content:space-between;align-items:center;position:absolute;right:0;top:64px;z-index:10000;width:400px;min-height:650px;padding:0;animation:slide .7s ease-out}.active{display:flex;flex-direction:column;justify-content:space-between;align-items:center}@keyframes slide{0%{top:-500px;opacity:0}to{top:68px;opacity:1}}@keyframes slideout{0%{top:68px;opacity:1}to{top:-500px;opacity:0}}@media screen and (max-width:581px){.logo{display:flex;width:100%;justify-content:space-between}.logo-title{display:flex}#hamburger{display:block}#hamburger>img{width:40px;height:40px}.nav_menu{display:none}}@media screen and (min-width:582px){.modal{display:none}}@media screen and (max-width:420px){.cart_modal{width:340px}}.cartTitle{height:70px;border-bottom:1px solid var(--footer-font-color);display:flex;justify-content:space-between;align-items:center;margin:0 20px 40px}.cartTitle h1{font-weight:600}.cartLists{display:flex;flex-direction:column;gap:20px;margin:0 20px}.cartList{display:flex;justify-content:space-between;align-items:center}.cartList>img{width:100px;height:100px;border-radius:10px}.cartList>button{display:flex;justify-content:center;align-items:center;padding:3px;border:none;cursor:pointer;background:none}.cartList>button>svg{transition:.2s ease;fill:gray;width:30px;height:30px}.cartList>button>svg:hover{fill:var(--trashcan)}.cart_info{width:50%}.cartBottom{position:absolute;display:flex;justify-content:space-between;align-items:center;width:90%;height:80px;bottom:0;margin:0 20px;border-top:1px solid var(--footer-font-color);padding:0 10px}#closeModalBtn{padding:5px 10px;border:none;background-color:var(--secondary-color);color:var(--primary-background-color);border-radius:3px;cursor:pointer;font-weight:700}.header_main{background-image:url(/assets/curology-6CJg-fOTYs4-unsplash-Ba9mrx-H.jpg);background-size:cover;background-repeat:no-repeat;width:100%;height:45em;display:flex;justify-content:right;align-items:center}.box{background-color:var(--secondary-background-color);width:45%;margin-right:var(--large-padding);display:flex}.box>h1{color:var(--secondary-color);font-size:40px}.new_arrival{padding:40px}.new_arrival>h1{width:80%;color:var(--secondary-color);font-size:40px}.new_arrival>p{color:var(--primary-color)}.newarrival{color:var(--primary-color);letter-spacing:3px}.buy_now_btn{background-color:var(--secondary-color);color:#fff;padding:20px 50px;border:none;text-transform:uppercase;font-weight:600;cursor:pointer;transition:.5s;margin-top:40px}.buy_now_btn:hover{transform:scale(1.1)}.browsetherange{margin-bottom:var(--large-padding);display:flex;flex-direction:column;align-items:center}.browsetherange_title{text-align:center;margin:var(--large-padding) 0}.space_list{width:100%;display:flex;justify-content:center;text-align:center;flex-wrap:wrap;gap:30px}.space_list>li>a>img{width:350px;border-radius:10px;transition:.5s;height:450px;box-shadow:0 0 8px}.space_list>li>a>h4{padding-top:5px}.space_list>li>a>img:hover{transform:scale(1.05)}@media screen and (max-width:605px){.header_main{justify-content:center}.new_arrival>h1{font-size:30px;flex-wrap:wrap}.box{width:80%;margin-right:0}}@media screen and (max-width:390px){.space_list>li>a>img{width:300px}}.ourproducts{width:100vw}.background{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;background:url(https://github.com/SungminJeong/entrega-Practica-DOM/blob/main/entrega_%20Pra%CC%81ctica%20DOM/assets/backgr.png?raw=true);background:url(/assets/curology-6CJg-fOTYs4-unsplash-Ba9mrx-H.jpg);height:300px;gap:10px}.background>h1{font-size:40px;font-weight:300}.background>p{color:#333}.background>p>span{font-weight:700}.nav-bar{background-color:var(--nav-background-color);width:100%;min-height:60px}.prud_container{width:100%;margin:30px auto;display:flex;justify-content:space-around}.side-bar{width:30%;display:flex;flex-direction:column;align-items:center}.side-bar form{display:flex;justify-content:center;margin:20px auto;padding-left:20px;gap:10px}#searchInput{border:none;padding:7px 20px;border-radius:10px}.search-btn{border:none;border-radius:10px;width:100px;padding:8px;background-color:var(--secondary-color);color:var(--description-background-color)}.search-btn:hover{cursor:pointer}.nav-bar>form{display:flex;gap:10px}.busca-list{text-align:center;display:flex;gap:var(--small-padding);margin-top:20px;margin-bottom:var(--small-padding)}.busca-list li{padding:5px 0;font-size:18px;font-weight:200;color:var(--description-color);cursor:pointer}.produc_list{display:flex;justify-content:center;flex-wrap:wrap;gap:20px}.produc_list>li{margin-bottom:20px;display:flex;flex-direction:column;width:300px;transition:.5s}.smaller>li{width:200px}.smaller>li>article>p{font-size:13px}.smaller>li>article>p>span{font-size:13px}.produc_list>li:hover{cursor:pointer;transform:scale(1.1)}.produc_list>li>article{background-color:var(--description-background-color);padding:10px}.produc-img{height:301px}.exprice{color:var(--exprice-color);font-size:17px;padding-left:10px;font-weight:lighter;margin-left:10px;text-decoration:line-through}.nav-bar{display:flex;justify-content:space-around;align-items:center;background-color:var(--secondary-background-color);padding:0 10px}.filtro{gap:20px;display:flex;border:none}.icon:hover{cursor:pointer}.selling{font-weight:200}.modal_page{display:none}.active{display:block}.modal_img{width:100px;height:100px}@media screen and (max-width:773px){header{flex-direction:column;justify-content:center;align-items:center}.nav_menu{margin-top:20px;margin-bottom:20px;flex-direction:column;justify-content:center;align-content:center}}@media screen and (max-width:755px){.produc_list>li{width:300px}.prud_container{flex-direction:column;align-items:center}.side-bar{margin-bottom:20px;width:100%}.side-bar form{padding:0}}@media screen and (max-width:558px){.nav-bar>form{flex-direction:column;align-items:center;padding:20px 0}}#modal_container{position:fixed;top:20px;left:200px;width:70%;background-color:var(--inspiration-background-color);z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px}.modal_upper{display:flex;justify-content:space-between;padding:40px;width:90%;max-height:70vh;overflow-y:auto}.modal_img{width:40%;height:400px;border-radius:10px}.info_box{width:50%;display:flex;flex-direction:column;align-items:center;gap:20px}.productName{font-size:3rem}.btn_area>button{background-color:var(--secondary-color);color:#fff;padding:20px 50px;border:none;text-transform:uppercase;font-weight:600;cursor:pointer;transition:.5s;margin-top:40px}.price_favorite{display:flex;gap:20px;align-items:center}.price_favorite img{height:30px}.price_favorite img:hover{cursor:pointer}@media screen and (max-width:975px){#modal_container{padding:20px 0}.modal_upper{flex-direction:column;align-items:center;width:100%;left:20px;max-height:80vh;overflow-y:auto;padding:0}.modal_img{width:60%;height:40%}.info_box>h1{font-size:4rem}}@media screen and (max-width:710px){#modal_container{left:50px}}.gallery_section{margin-top:var(--large-padding);text-align:center;padding:20px}.gallery_section>p{font-weight:500}.gallery_section>h2{font-size:35px}.gallery_container>img{background-size:contain;width:100%;height:100%}.gallery_container{display:grid;grid-template-columns:repeat(20,1fr);grid-template-rows:repeat(11,80px);grid-gap:10px}.a{grid-column:1 / 3;grid-row:1 / 7}.b{grid-column:3 / 9;grid-row:2 / 7}.c{grid-column:9 / 13;grid-row:3 / 8}.d{grid-column:13 / 17;grid-row:2 / 7}.e{grid-column:17 / 21;grid-row:1 / 7}.f{grid-column:1 / 5;grid-row:7 / 11}.g{grid-column:5 / 9;grid-row:7 / 10}.h{grid-column:13 / 16;grid-row:7 / 11}.i{grid-column:16 / 20;grid-row:7 / 10}@media screen and (max-width:768px){.gallery_container{display:flex;flex-direction:column;margin:auto;width:65%;align-items:center}.gallery_container .a{height:300px;width:150px}}.contact_section{padding:var(--large-padding);display:flex;align-items:center;justify-content:space-around}.form-group{display:flex;flex-direction:column}#contactForm{width:50%;display:flex;flex-direction:column;justify-content:center;align-items:center}#contactForm p{font-size:50px;margin-bottom:20px}#contectImg{width:600px;height:500px}#formContainer{width:50%;display:flex;flex-direction:column;gap:20px}.inputBox{height:50px}.messageBox{height:200px}#submitBtn{background-color:var(--secondary-color);color:#fff;padding:20px 50px;border:none;text-transform:uppercase;font-weight:600;cursor:pointer;transition:.5s;border-radius:10px}.form-group input{border:none;border-bottom:2px solid var(--secondary-color);padding-left:5px}textarea{border:2px solid var(--secondary-color);border-radius:5px;padding:10px}@media screen and (max-width:1080px){.contact_section{flex-direction:column}#contactForm{width:100%;padding:0}}@media screen and (max-width:602px){.form-group,#formContainer{width:100%}#contactForm p{font-size:40px}#contectImg{width:100%;height:400px}}:root{--primary-color: #333333;--description-color: #666666;--description-background-color: #F4F5F7;--secondary-color: #c5997b;--primary-background-color: #FFFFFF;--secondary-background-color: #FFF3E3;--exprice-color: #B0B0B0;--inspiration-background-color: #FCF8F3;--footer-font-color: #9F9F9F;--footer-line-color: #D9D9D9;--small-padding: 20px;--large-padding: 40px;--trashcan: #ff0033}*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}h2,h3,h4,h5{color:var(--primary-color)}a{text-decoration:none;color:#000}li{list-style:none}p{color:var(--description-color)}main{min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--primary-background-color)}.ourproducts{width:100%}
