/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Playfair Display,serif;background:url(../img/bg-textura.png) repeat;color:#2b1d12}.header{height:900px;background:url(../img/bg.jpg) center/cover no-repeat;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:0}.navbar{position:fixed;top:0;width:100%;background-color:#2b1d12d9;padding:1rem 8vw;z-index:100;transition:background .3s ease}@keyframes fadeDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.navbar ul{display:flex;justify-content:flex-end;list-style:none;gap:2rem;margin-right:3rem}.navbar ul li{opacity:0;transform:translateY(-30px);animation:fadeDown .6s ease forwards}.navbar ul li:nth-child(1){animation-delay:.3s}.navbar ul li:nth-child(2){animation-delay:.5s}.navbar ul li:nth-child(3){animation-delay:.7s}.navbar ul li:nth-child(4){animation-delay:.9s}.navbar a{color:#f8f4ee;text-decoration:none;font-weight:500;font-size:1rem;letter-spacing:.5px;transition:color .3s}.navbar a:hover{color:#d4a373}.header-content{text-align:left;color:#fff;margin-top:auto;margin-bottom:20vh;padding-left:8vw}.header-content h1{font-family:Playfair Display,serif;font-size:4rem;letter-spacing:2px;font-weight:400;margin-bottom:.4rem;opacity:0;animation:fadeBlurUp 1.2s ease forwards;animation-delay:.3s}.header-content h1 .bold{font-weight:700}.header-content p{font-size:1.2rem;margin-bottom:1.2rem;opacity:0;animation:fadeBlurUp 1.2s ease forwards;animation-delay:.8s}.btn{background-color:#d4a373;color:#2b1d12;padding:.8rem 1.8rem;border-radius:30px;text-decoration:none;font-weight:600;transition:background .3s ease,transform .3s ease;opacity:0;animation:fadeBlurUp 1.2s ease forwards;animation-delay:1.3s}.btn:hover{background-color:#f8f4ee;transform:translateY(-2px)}@keyframes fadeBlurUp{0%{opacity:0;transform:translateY(30px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@media(max-width:1024px){.header-content{padding-left:6vw}.header-content h1{font-size:3rem}.header-content p{font-size:1rem}.navbar ul{gap:1.5rem}}@media(max-width:768px){.navbar{padding:.8rem 5vw}.navbar ul{gap:1rem;justify-content:center;flex-wrap:wrap}.header-content{text-align:center;padding:0 1rem;margin-bottom:8vh}.header-content h1{font-size:2.5rem;line-height:1.2}.header-content p{font-size:1rem;margin-bottom:1rem}.btn{padding:.6rem 1.4rem;font-size:.9rem}}.about{position:relative;min-height:100vh;overflow:visible;display:flex;align-items:center;justify-content:center;z-index:5}.about-container{position:relative;width:90%;max-width:1200px;display:flex;justify-content:flex-end;align-items:center;z-index:2}.about-image{position:absolute;width:750px;top:-350px;left:300px;transform:translate(-50%);z-index:1}.about-image img{width:100%;height:auto;object-fit:cover;filter:brightness(90%);box-shadow:0 0 20px #00000059;border-radius:4px;transition:transform 1.5s ease-out}.about-text{width:55%;background:#fff;padding:3rem;box-shadow:0 0 15px #00000059;z-index:1000;position:relative;transform:translateY(-50px);transition:transform 1.5s ease-out;border-radius:6px}.about-text h2{font-size:2.5rem;font-weight:400;margin-bottom:1.5rem;font-family:Playfair Display,serif;color:#2b1d12}.about-text p{line-height:1.8;color:#3c2a1e;font-size:1rem}.menu{padding:0;overflow:visible;margin-top:-200px;display:flex;align-items:center;justify-content:center;z-index:100}.menu .titulo{text-align:center;font-size:2.4rem;margin-bottom:50px;font-family:Playfair Display,serif;color:#3b2f2f;position:relative}.contenedor-menu{display:flex;justify-content:center}.contenedor-menu2{display:grid;grid-template-columns:1fr 1fr;border:3px double #bfa98a;border-radius:16px;padding:40px 60px;background:#fff;max-width:900px;box-shadow:0 0 20px #00000014;gap:40px;position:relative}.contenedor-menu2:before{content:"";position:absolute;inset:15px;border:2px solid #d8c9af;border-radius:12px;pointer-events:none;opacity:.9}.contenedor-menu2 article{padding:20px}.categoria{font-weight:700;font-size:1.4rem;text-transform:uppercase;color:#8c6b4f;margin-bottom:20px;border-bottom:2px solid #8c6b4f;display:inline-block;padding-bottom:4px}.platillo{margin-bottom:22px}.nombre{font-weight:600;font-size:1.1rem;color:#3b2f2f}.precio{float:right;font-weight:700;color:#8c6b4f}.descripcion{clear:both;font-size:.95rem;color:#6e6e6e;margin-top:5px;line-height:1.5}@media(max-width:768px){.contenedor-menu2{grid-template-columns:1fr;padding:30px}}.gallery{display:flex;flex-wrap:wrap;gap:10px;overflow:hidden;padding:10px;margin-top:70px}.gallery .foto{flex:1 1 calc(25% - 10px);box-sizing:border-box;opacity:.7;transition:all .3s ease}.gallery .foto img{width:100%;height:auto;display:block;border-radius:5px}.gallery .foto:hover{opacity:1;transform:scale(1.05)}.ubicacion{padding:50px 20px;background-color:#f5f5f5}.ubicacion .contenedor{max-width:800px;margin:0 auto;text-align:center}.ubicacion .titulo{font-size:2rem;margin-bottom:30px;color:#333}.ubicacion .direccion,.ubicacion .horarios{margin-bottom:30px}.ubicacion .direccion p,.ubicacion .horarios p{margin:5px 0;font-size:1rem;color:#555}.ubicacion .horarios h4{margin-bottom:15px;font-size:1.2rem;color:#333}.mapa{max-width:900px;margin:0 auto 60px;border-radius:8px;overflow:hidden}.mapa iframe{width:100%;height:450px;border:0}.ubicacion .direccion,.ubicacion .horarios{transition:all .3s ease;cursor:default;padding:10px;border-radius:8px}.ubicacion .direccion:hover,.ubicacion .horarios:hover{background-color:#ffc8001a;transform:translateY(-3px);box-shadow:0 4px 10px #0000001a}@media(max-width:768px){.ubicacion .titulo{font-size:1.8rem}.ubicacion .direccion p,.ubicacion .horarios p{font-size:.95rem}.mapa iframe{height:350px}}@media(max-width:480px){.ubicacion .titulo{font-size:1.5rem}.ubicacion .direccion p,.ubicacion .horarios p{font-size:.9rem}.mapa iframe{height:300px}}.footer{background-color:#222;color:#eee;padding:50px 20px 20px;font-family:Arial,sans-serif}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap;max-width:1100px;margin:0 auto;gap:30px}.footer-block{flex:1 1 250px}.footer-block h4{margin-bottom:15px;font-size:1.2rem;color:#fff}.footer-block p{margin:5px 0;font-size:.95rem;color:#ccc}.footer-block .icons a{color:#eee;font-size:1.5rem;margin-right:15px;transition:all .3s ease}.footer-block .icons a:hover{color:#ffc800;transform:translateY(-2px)}.footer-copy{text-align:center;margin-top:30px;font-size:.85rem;color:#aaa}@media(max-width:768px){.footer-container{flex-direction:column;align-items:center;text-align:center}.footer-block{flex:1 1 100%}.footer-block .icons a{margin:0 10px}}
