:root{--color-bg-1: #5eead4;--color-bg-2: #2dd4bf;--color-bg-3: #99f6e4;--color-panel: rgba(255, 255, 255, .85);--color-text: #0f172a;--color-accent: #0f766e;--color-border: rgba(15, 118, 110, .2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,sans-serif;margin:0;padding:20px;min-height:100vh;display:flex;justify-content:center;color:var(--color-text);background:linear-gradient(-45deg,var(--color-bg-1),var(--color-bg-2),var(--color-bg-3),#14b8a6);background-size:250% 250%;animation:waterFlow 14s ease infinite}@keyframes waterFlow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes softFadeIn{0%{opacity:0}to{opacity:1}}@keyframes softFadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.app-shell{width:min(1100px,100%);margin:0 auto;display:grid;justify-items:center;gap:16px}.main-header{width:100%;max-width:980px;display:flex;align-items:center;justify-content:center;gap:12px;background:var(--color-panel);border:1px solid var(--color-border);border-radius:16px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:14px 66px;margin-bottom:16px;position:sticky;top:10px;z-index:10}.brand-row{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px}.brand-row img{position:absolute;top:14px;left:14px}.brand-row>div{width:100%;max-width:560px;display:grid;justify-items:center;gap:4px}.brand-row h1,.brand-row .tagline{text-align:justify;text-align-last:center}.menu-wrap{position:absolute;top:14px;right:14px}h1,h2,h3,p{margin:0}h1,h2,h3{text-align:justify;text-align-last:center}h1,h2,h3,p,.tagline,.footer-copy{width:100%;max-width:900px;margin-left:auto;margin-right:auto}.tagline{margin-top:2px;color:#115e59;text-align:justify;text-align-last:center}.hamburger-btn{width:44px;height:44px;font-size:26px;background:#0f766e;color:#fff;border:none;border-radius:10px;cursor:pointer}.site-nav{display:none;position:absolute;top:52px;right:0;min-width:180px;background:#fffffff7;border:1px solid #99f6e4;border-radius:12px;box-shadow:0 12px 24px #0f766e26;padding:8px;flex-direction:column;gap:6px}.site-nav.open{display:flex}.site-nav-link{text-decoration:none;color:#0f766e;background:transparent;font-weight:700;border-radius:8px;border:0;padding:8px 10px;text-align:left}.site-nav-link:hover,.site-nav-link.active{background:#ccfbf1}main{display:grid;gap:16px;width:100%}.panel{scroll-margin-top:120px;width:100%;max-width:980px;background:var(--color-panel);border:1px solid var(--color-border);border-radius:16px;padding:14px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 10px 30px #0f766e14;display:grid;gap:12px;line-height:1.5}.panel p{text-align:justify;text-justify:inter-word;text-align-last:center}.hero-slogan{font-size:1.1rem;font-weight:700;color:#0f766e}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.menu-card{background:#fff;border-radius:12px;overflow:hidden;border:1px solid #d1fae5}.menu-card img{width:100%;height:130px;object-fit:cover;display:block}.menu-card p{padding:10px;font-weight:600;text-transform:capitalize}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.contact-card{background:#ffffffd1;border:1px solid var(--color-border);border-radius:12px;padding:12px;display:grid;gap:10px}.site-form{display:grid;gap:10px}input,textarea{font:inherit;border-radius:10px;border:1px solid #99f6e4;padding:10px 12px;width:100%}textarea{resize:vertical;min-height:120px}.site-form button,.contact-card button{font:inherit;border-radius:10px;padding:10px 12px;width:100%;background:var(--color-accent);color:#fff;border:none;cursor:pointer;transition:transform .15s ease,opacity .15s ease}.site-form button:hover,.contact-card button:hover{opacity:.92;transform:translateY(-1px)}.form-message{font-weight:700;color:#0f766e}footer{text-align:justify;text-align-last:center;width:100%;margin:0 0 6px;color:#115e59;font-weight:600}.footer-copy{background:var(--color-panel);border:1px solid var(--color-border);border-radius:12px;padding:10px}.text-cyber-gold{color:#ca8a04}.app-shell>*{animation:softFadeIn .5s ease both}.section-menu>*,.section-quienes>*,.section-contacto>*{animation:softFadeInUp .7s ease both}.section-menu>*:nth-child(2),.section-quienes>*:nth-child(2),.section-contacto>*:nth-child(2){animation-delay:.08s}.section-menu>*:nth-child(3),.section-quienes>*:nth-child(3),.section-contacto>*:nth-child(3){animation-delay:.14s}.section-menu>*:nth-child(4),.section-quienes>*:nth-child(4),.section-contacto>*:nth-child(4){animation-delay:.2s}.section-menu>*:nth-child(n+5),.section-quienes>*:nth-child(n+5),.section-contacto>*:nth-child(n+5){animation-delay:.26s}.main-header,.panel,.menu-card,.contact-card,.footer-copy,.site-nav{animation:softFadeInUp .6s ease both}@media (prefers-reduced-motion: reduce){.app-shell>*,.main-header,.panel,.menu-card,.contact-card,.footer-copy,.site-nav,.section-menu>*,.section-quienes>*,.section-contacto>*{animation:none}}@media (max-width: 768px){body{padding:10px;display:block}.main-header{top:8px;padding:12px 62px}.menu-wrap{top:10px;right:10px}.brand-row img{top:10px;left:10px;width:52px;height:52px}.brand-row>div{max-width:100%}.contact-grid{grid-template-columns:1fr}.panel{scroll-margin-top:110px}.panel p{text-align:justify;text-align-last:center}}@media (min-width: 769px) and (max-width: 1200px){.menu-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width: 1201px){.menu-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}