@import "https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&display=swap";:root{--bg-color:#f8fafc;--text-color:#334155;--border-color:#cbd5e1}*{box-sizing:border-box}body{color:var(--text-color);background-color:var(--bg-color);margin:0;padding:0;font-family:Google Sans,system-ui,-apple-system,sans-serif;overflow-x:hidden}.responsive-grid{grid-template-columns:1fr 2fr;gap:1.5rem;display:grid}.responsive-flex{gap:1.5rem;display:flex}.examples-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.example-card{border:1px solid var(--border-color);color:inherit;background-color:#fff;border-radius:12px;justify-content:space-between;align-items:flex-start;padding:1.25rem;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.example-card:hover{transform:translateY(-2px);box-shadow:0 18px 30px #0f172a14}.example-card h3{color:#0f172a;margin:0 0 .5rem}.example-card p{color:#475569;margin:0}.table-container{-webkit-overflow-scrolling:touch;border:1px solid var(--border-color);background-color:#fff;border-radius:8px;width:100%;overflow-x:auto}.eye-form-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=900px){.responsive-grid{gap:1rem;grid-template-columns:1fr!important}.responsive-flex{gap:1rem;flex-direction:column!important}.eye-forms-container{flex-direction:column!important}.mobile-p-1{padding:1rem!important}}@media (width<=600px){.eye-form-grid,.examples-grid{grid-template-columns:1fr!important}h1{font-size:1.5rem!important}h2{font-size:1.3rem!important}input[type=text],input[type=number],input[type=email],input[type=tel],input[type=date],select,textarea{font-size:16px!important}}.layout-container{height:100dvh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-color);z-index:50;background-color:#e2e8f0;flex-direction:column;width:250px;transition:transform .3s;display:flex}.main-area{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-header{border-bottom:1px solid var(--border-color);background-color:#f8fafc;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex}.menu-toggle-btn{cursor:pointer;color:#334155;background:0 0;border:none;padding:.5rem;display:none}.sidebar-overlay{display:none}@media (width<=768px){.sidebar{height:100%;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{z-index:40;background:#00000080;display:block;position:fixed;inset:0}.app-header{padding:0 .75rem}.menu-toggle-btn{display:block}.header-sucursal{display:none}}