@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700;900&family=Inter:wght@300;400;500;600;700&display=swap";:root{--negro: #1a1a1a;--amarillo: #FFD700;--rojo: #DC2626;--crema: #FFF8DC;--gris-claro: #f5f5f5;--blanco: #ffffff;--font-titulo: "Playfair Display", serif;--font-texto: "Inter", sans-serif;--sombra-suave: 0 2px 10px rgba(0, 0, 0, .1);--sombra-media: 0 4px 20px rgba(0, 0, 0, .15);--sombra-fuerte: 0 8px 30px rgba(0, 0, 0, .2)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-texto);line-height:1.6;color:var(--negro);background-color:var(--crema)}h1,h2,h3,h4,h5,h6{font-family:var(--font-titulo);font-weight:700;line-height:1.2}h1{font-size:3.5rem;font-weight:900}h2{font-size:2.5rem}h3{font-size:2rem}a{text-decoration:none;color:var(--negro);transition:color .3s ease}a:hover{color:var(--rojo)}button{font-family:var(--font-texto);font-weight:600;cursor:pointer;border:none;padding:12px 24px;border-radius:8px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-primary{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:14px 32px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-block;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #dc26264d;text-transform:uppercase;letter-spacing:.5px}.btn-primary:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-2px);box-shadow:0 6px 20px #dc262666}.btn-secondary{background:linear-gradient(135deg,gold,#ffc107);color:#1a1a1a;padding:14px 32px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;text-decoration:none;display:inline-block;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #ffd7004d;text-transform:uppercase;letter-spacing:.5px}.btn-secondary:hover{background:linear-gradient(135deg,#ffc107,#ffb300);transform:translateY(-2px);box-shadow:0 6px 20px #ffd70066}.btn-outline{background:transparent;color:gold;padding:12px 28px;border:2px solid #FFD700;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;display:inline-block;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.btn-outline:hover{background:gold;color:#1a1a1a;transform:translateY(-2px);box-shadow:0 4px 15px #ffd7004d}.btn-small{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:10px 20px;border:none;border-radius:6px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 10px #dc26264d}.btn-small:hover{background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 15px #dc262666}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-padding{padding:80px 0}.text-center{text-align:center}.mb-4{margin-bottom:2rem}.mb-8{margin-bottom:4rem}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.fade-in{animation:fadeIn .8s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-buttons{display:flex;gap:20px;margin-top:30px;justify-content:center;flex-wrap:wrap}.hero-buttons .btn-primary,.hero-buttons .btn-secondary,.hero-buttons .btn-outline{min-width:200px;text-align:center}.section-buttons{text-align:center;margin-top:30px}.pizza-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:15px;padding-top:15px;border-top:1px solid #333}.pizza-price{font-size:1.5rem;font-weight:700;color:gold}.modal-content .btn-primary{width:100%;margin-top:20px}@media (max-width: 768px){h1{font-size:2.5rem}h2{font-size:2rem}.container{padding:0 15px}.section-padding{padding:50px 0}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn-primary,.hero-buttons .btn-secondary,.hero-buttons .btn-outline{width:100%;max-width:280px}}.header{background-color:var(--negro);box-shadow:var(--sombra-media);position:sticky;top:0;z-index:1000}.nav-content{display:flex;align-items:center;justify-content:space-between;padding:1rem 0}.logo{color:var(--amarillo)!important;text-decoration:none}.logo h1{font-size:2.5rem;margin:0;color:var(--amarillo);text-shadow:2px 2px 4px rgba(0,0,0,.3)}.tagline{font-size:.9rem;color:var(--crema);font-style:italic;display:block;margin-top:-5px}.nav-links{display:flex;list-style:none;gap:2rem;margin:0;padding:0}.nav-links a{color:var(--crema);font-weight:500;padding:.5rem 1rem;border-radius:6px;transition:all .3s ease;position:relative}.nav-links a:hover{color:var(--amarillo);background-color:#ffd7001a}.nav-links a.active{color:var(--amarillo)}.nav-links a.active:after{content:"";position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:30px;height:3px;background-color:var(--rojo);border-radius:2px}.nav-actions{display:flex;align-items:center;gap:1rem}@media (max-width: 768px){.nav-content{flex-direction:column;gap:1rem}.logo h1{font-size:2rem}.nav-links{gap:1rem}.nav-links a{padding:.5rem;font-size:.9rem}.nav-actions button{padding:8px 16px;font-size:.9rem}}@media (max-width: 480px){.nav-links{flex-direction:column;text-align:center;gap:.5rem}.logo h1{font-size:1.8rem}.tagline{font-size:.8rem}}.footer{background-color:var(--negro);color:var(--crema);padding:3rem 0 1rem;margin-top:auto}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3{color:var(--amarillo);margin-bottom:1rem;font-size:1.5rem}.footer-section h4{color:var(--amarillo);margin-bottom:1rem;font-size:1.2rem}.footer-section p{line-height:1.6;margin-bottom:.5rem}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-links a{font-size:1.5rem;padding:.5rem;border-radius:50%;background-color:var(--rojo);transition:all .3s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;text-decoration:none}.social-links a:hover{background-color:var(--amarillo);transform:translateY(-3px);box-shadow:var(--sombra-media)}.horarios p,.contacto p{padding:.3rem 0;border-bottom:1px solid rgba(255,215,0,.2)}.horarios p:last-child,.contacto p:last-child{border-bottom:none}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid rgba(255,215,0,.3);color:#fff8dcb3}@media (max-width: 768px){.footer{padding:2rem 0 1rem}.footer-content{grid-template-columns:1fr;gap:1.5rem}.social-links{justify-content:center}}.hero{height:80vh;min-height:600px;background:linear-gradient(135deg,var(--negro) 0%,var(--rojo) 100%);display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,215,0,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,215,0,.1) 0%,transparent 50%)}.hero-content{position:relative;z-index:2;width:100%}.hero-text{max-width:600px;color:var(--crema)}.hero-text h1{font-size:4rem;margin-bottom:1.5rem;color:var(--amarillo);text-shadow:3px 3px 6px rgba(0,0,0,.3);line-height:1.1}.hero-subtitle{font-size:1.3rem;margin-bottom:2.5rem;line-height:1.5;opacity:.9}.hero-buttons{display:flex;gap:1.5rem;flex-wrap:wrap}.historia{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.historia-content h2{color:var(--rojo);margin-bottom:1.5rem;font-size:2.5rem}.historia-content p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.7;color:var(--negro)}.historia-imagen{display:flex;justify-content:center}.imagen-placeholder{background:linear-gradient(135deg,var(--amarillo),var(--rojo));border-radius:20px;padding:3rem;text-align:center;box-shadow:var(--sombra-fuerte);max-width:300px;width:100%}.imagen-placeholder span{font-size:4rem;display:block;margin-bottom:1rem}.imagen-placeholder p{font-weight:600;color:var(--negro);margin:0}.especialidades{background-color:var(--gris-claro)}.especialidad-card{background:var(--blanco);padding:2.5rem 2rem;border-radius:15px;text-align:center;box-shadow:var(--sombra-suave);transition:all .3s ease;border-top:4px solid var(--amarillo)}.especialidad-card:hover{transform:translateY(-5px);box-shadow:var(--sombra-media);border-top-color:var(--rojo)}.card-icon{font-size:3rem;margin-bottom:1.5rem}.especialidad-card h3{color:var(--negro);margin-bottom:1rem;font-size:1.4rem}.especialidad-card p{color:#666;line-height:1.6}.pizza-preview{background:var(--blanco);border-radius:15px;padding:2rem;text-align:center;box-shadow:var(--sombra-suave);transition:all .3s ease;border:2px solid transparent}.pizza-preview:hover{transform:translateY(-5px);box-shadow:var(--sombra-media);border-color:var(--amarillo)}.pizza-imagen{font-size:4rem;margin-bottom:1rem}.pizza-preview h3{color:var(--negro);margin-bottom:.8rem;font-size:1.3rem}.pizza-preview p{color:#666;margin-bottom:1rem;line-height:1.5}.precio{font-size:1.5rem;font-weight:700;color:var(--rojo);font-family:var(--font-titulo)}.cta-section{background:linear-gradient(135deg,var(--negro) 0%,var(--rojo) 100%);color:var(--crema);padding:4rem 0}.cta-content h2{color:var(--amarillo);margin-bottom:1rem;font-size:2.5rem}.cta-content p{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}@media (max-width: 768px){.hero{height:70vh;min-height:500px}.hero-text h1{font-size:2.8rem}.hero-subtitle{font-size:1.1rem}.hero-buttons{justify-content:center}.historia{grid-template-columns:1fr;gap:2rem;text-align:center}.historia-content h2{font-size:2rem}.especialidad-card{padding:2rem 1.5rem}.pizza-preview{padding:1.5rem}.cta-content h2{font-size:2rem}.cta-buttons{flex-direction:column;align-items:center}}@media (max-width: 480px){.hero-text h1{font-size:2.2rem}.hero-buttons{flex-direction:column}.hero-buttons .btn-primary,.hero-buttons .btn-secondary{width:100%;text-align:center}}.productos-header{background:linear-gradient(135deg,var(--negro) 0%,var(--rojo) 100%);color:var(--crema);padding:4rem 0;text-align:center}.productos-header h1{font-size:3.5rem;color:var(--amarillo);margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.subtitle{font-size:1.2rem;opacity:.9;max-width:600px;margin:0 auto}.filtros-section{background-color:var(--blanco);padding:2rem 0;box-shadow:var(--sombra-suave);position:sticky;top:80px;z-index:100}.filtros{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.filtro-btn{padding:.8rem 1.5rem;border:2px solid var(--amarillo);background:var(--blanco);color:var(--negro);border-radius:25px;font-weight:600;transition:all .3s ease;cursor:pointer}.filtro-btn:hover{background:var(--amarillo);transform:translateY(-2px);box-shadow:var(--sombra-suave)}.filtro-btn.active{background:var(--rojo);border-color:var(--rojo);color:var(--blanco)}.pizzas-section{background-color:var(--gris-claro)}.pizzas-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.pizza-card{background:var(--blanco);border-radius:15px;padding:1.5rem;box-shadow:var(--sombra-suave);transition:all .3s ease;cursor:pointer;position:relative;border:2px solid transparent}.pizza-card:hover{transform:translateY(-5px);box-shadow:var(--sombra-media);border-color:var(--amarillo)}.badge-popular{position:absolute;top:-10px;right:15px;background:var(--rojo);color:var(--blanco);padding:.3rem 1rem;border-radius:15px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pizza-imagen{text-align:center;margin-bottom:1rem}.pizza-emoji{font-size:4rem;display:block}.pizza-info h3{color:var(--negro);margin-bottom:.8rem;font-size:1.4rem}.descripcion{color:#666;line-height:1.5;margin-bottom:1rem;font-size:.95rem}.pizza-meta{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.categoria{background:var(--amarillo);color:var(--negro);padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:600}.vegetariana{background:#10b981;color:var(--blanco);padding:.3rem .8rem;border-radius:12px;font-size:.8rem;font-weight:600}.precio-section{display:flex;justify-content:space-between;align-items:center}.precio{font-size:1.8rem;font-weight:700;color:var(--rojo);font-family:var(--font-titulo)}.btn-agregar{background:var(--rojo);color:var(--blanco);padding:.6rem 1.2rem;border-radius:20px;font-weight:600;font-size:.9rem;transition:all .3s ease}.btn-agregar:hover{background:#b91c1c;transform:scale(1.05)}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.modal-content{background:var(--blanco);border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--sombra-fuerte)}.modal-close{position:absolute;top:1rem;right:1rem;background:var(--rojo);color:var(--blanco);border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1001}.modal-body{padding:2rem}.modal-imagen{text-align:center;margin-bottom:1.5rem}.pizza-emoji-large{font-size:6rem}.modal-info h2{color:var(--negro);margin-bottom:1rem;font-size:2rem}.modal-descripcion{color:#666;line-height:1.6;margin-bottom:1.5rem;font-size:1.1rem}.ingredientes{margin-bottom:1.5rem}.ingredientes h4{color:var(--negro);margin-bottom:.8rem;font-size:1.1rem}.ingredientes ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.5rem}.ingredientes li{background:var(--gris-claro);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;text-align:center}.modal-meta{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.categoria-badge{background:var(--amarillo);color:var(--negro);padding:.5rem 1rem;border-radius:15px;font-weight:600}.vegetariana-badge{background:#10b981;color:var(--blanco);padding:.5rem 1rem;border-radius:15px;font-weight:600}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1.5rem;border-top:1px solid var(--gris-claro)}.precio-modal{font-size:2.5rem;font-weight:700;color:var(--rojo);font-family:var(--font-titulo)}.info-adicional{background:var(--negro);color:var(--crema);padding:3rem 0}.info-card{text-align:center;padding:2rem}.info-card h3{color:var(--amarillo);margin-bottom:1rem;font-size:1.5rem}.info-card p{line-height:1.6;opacity:.9}@media (max-width: 768px){.productos-header h1{font-size:2.5rem}.pizzas-grid{grid-template-columns:1fr}.pizza-card{padding:1.2rem}.filtros{gap:.5rem}.filtro-btn{padding:.6rem 1rem;font-size:.9rem}.modal-content{margin:1rem;max-height:95vh}.modal-body{padding:1.5rem}.pizza-emoji-large{font-size:4rem}.modal-footer{flex-direction:column;gap:1rem}.precio-modal{font-size:2rem}}@media (max-width: 480px){.filtros-section{top:60px}.pizza-meta{flex-direction:column;gap:.5rem}.precio-section{flex-direction:column;gap:1rem;align-items:stretch}.btn-agregar{width:100%}}.ubicacion-header{background:linear-gradient(135deg,var(--negro) 0%,var(--rojo) 100%);color:var(--crema);padding:4rem 0;text-align:center}.ubicacion-header h1{font-size:3.5rem;color:var(--amarillo);margin-bottom:1rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.ubicacion-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.mapa-section h2,.contacto-section h2{color:var(--rojo);margin-bottom:2rem;font-size:2.2rem}.mapa-placeholder{background:linear-gradient(135deg,var(--amarillo),var(--rojo));border-radius:15px;padding:4rem 2rem;text-align:center;margin-bottom:2rem;box-shadow:var(--sombra-media)}.mapa-icon{font-size:4rem;margin-bottom:1rem}.mapa-placeholder p{font-size:1.5rem;font-weight:700;color:var(--negro);margin-bottom:.5rem}.mapa-placeholder small{color:var(--negro);opacity:.8}.direccion-info{background:var(--blanco);padding:2rem;border-radius:15px;box-shadow:var(--sombra-suave)}.direccion-info h3{color:var(--negro);margin-bottom:1rem;font-size:1.3rem}.direccion-info p{line-height:1.6;margin-bottom:1.5rem;color:#666}.direccion-info ul{list-style:none;padding:0}.direccion-info li{padding:.5rem 0;border-bottom:1px solid var(--gris-claro)}.direccion-info li:last-child{border-bottom:none}.contacto-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.contacto-card{background:var(--blanco);padding:2rem 1.5rem;border-radius:15px;text-align:center;box-shadow:var(--sombra-suave);transition:all .3s ease;border-top:4px solid var(--amarillo)}.contacto-card:hover{transform:translateY(-5px);box-shadow:var(--sombra-media);border-top-color:var(--rojo)}.card-icon{font-size:2.5rem;margin-bottom:1rem}.contacto-card h3{color:var(--negro);margin-bottom:.5rem;font-size:1.2rem}.contacto-card p{color:var(--rojo);font-weight:700;font-size:1.1rem;margin-bottom:.5rem}.contacto-card small{color:#666;font-style:italic}.horarios-detalle{background:var(--gris-claro);padding:2rem;border-radius:15px;margin-top:2rem}.horarios-detalle h3{color:var(--negro);margin-bottom:1.5rem;font-size:1.3rem}.horarios-grid{display:grid;gap:1rem;margin-bottom:1rem}.horario-dia{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;background:var(--blanco);border-radius:8px;box-shadow:var(--sombra-suave)}.dia{font-weight:600;color:var(--negro)}.hora{color:var(--rojo);font-weight:700}.nota-horarios{font-size:.9rem;color:#666;font-style:italic;text-align:center;margin:0}.formulario-section{background:var(--gris-claro);padding:4rem 0}.formulario-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}.formulario-info h2{color:var(--rojo);margin-bottom:1.5rem;font-size:2.2rem}.formulario-info p{line-height:1.6;margin-bottom:2rem;color:#666;font-size:1.1rem}.ventajas-contacto{display:grid;gap:1.5rem}.ventaja{display:flex;gap:1rem;align-items:center}.ventaja-icon{font-size:2rem;background:var(--amarillo);padding:.8rem;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ventaja h4{color:var(--negro);margin-bottom:.3rem;font-size:1.1rem}.ventaja p{color:#666;font-size:.95rem;margin:0}.formulario{background:var(--blanco);padding:2.5rem;border-radius:15px;box-shadow:var(--sombra-media)}.formulario h3{color:var(--negro);margin-bottom:2rem;font-size:1.8rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--negro);font-weight:600}.form-group input,.form-group textarea{width:100%;padding:1rem;border:2px solid var(--gris-claro);border-radius:8px;font-family:var(--font-texto);font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--amarillo);box-shadow:0 0 0 3px #ffd7001a}.form-group textarea{resize:vertical;min-height:120px}.redes-section{background:var(--negro);color:var(--crema);padding:3rem 0;text-align:center}.redes-section h2{color:var(--amarillo);margin-bottom:1rem}.redes-section p{margin-bottom:2rem;opacity:.9}.redes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:800px;margin:0 auto}.red-social{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#ffd7001a;border-radius:15px;text-decoration:none;color:var(--crema);transition:all .3s ease;border:2px solid transparent}.red-social:hover{background:var(--amarillo);color:var(--negro);transform:translateY(-3px);box-shadow:var(--sombra-media)}.red-icon{font-size:2rem;background:var(--rojo);padding:.8rem;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.red-social h4{margin-bottom:.3rem;font-size:1.2rem}.red-social p{margin:0;font-size:.95rem;opacity:.8}@media (max-width: 768px){.ubicacion-header h1{font-size:2.5rem}.ubicacion-content,.formulario-content{grid-template-columns:1fr;gap:2rem}.contacto-cards,.redes-grid{grid-template-columns:1fr}.mapa-placeholder{padding:3rem 1.5rem}.formulario{padding:2rem 1.5rem}}@media (max-width: 480px){.horario-dia{flex-direction:column;text-align:center;gap:.5rem}.ventaja,.red-social{flex-direction:column;text-align:center}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.main-content>*{min-height:auto}