.options-grid,.details-grid{display:grid;grid-template-columns:1fr;gap:12px}.details-grid .full{grid-column:1/-1}.input{width:100%;padding:10px 12px;border-radius:10px;border:1.5px solid #ddd;outline:none;background:#fff;box-shadow:0 2px 8px #00000008}.pedido-bar-inner{display:flex;align-items:center;gap:12px;padding:10px 16px;flex-wrap:wrap}.pedido-count{margin:0;color:var(--ink);font-size:14px}.pedido-resumen{margin:0;color:var(--ink);flex:1;min-width:240px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pedido-button{white-space:nowrap}@media (min-width:480px){.options-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.options-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.details-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media (max-width:480px){.pedido-bar-inner{flex-direction:column;align-items:stretch}.pedido-resumen{white-space:normal;overflow:visible;text-overflow:initial;margin-top:6px}.pedido-button{width:100%;text-align:center;margin-top:6px}}.fab-check{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:56px;height:56px;border-radius:999px;background:linear-gradient(135deg,var(--olive),var(--olive-2));color:#fff;display:grid;place-items:center;box-shadow:0 12px 28px #445a3c59;border:1px solid rgba(255,255,255,.25);z-index:130;transition:transform .22s ease,box-shadow .28s ease,opacity .3s ease;opacity:0;transform:translateY(12px);animation:fab-in .45s ease forwards}.fab-check:hover{transform:translateY(-2px);box-shadow:0 16px 34px #445a3c73}.fab-check:active{transform:scale(.98)}@keyframes fab-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:700px){.fab-check{width:58px;height:58px}}html,body{min-height:100%;height:auto;overflow-x:hidden;overscroll-behavior-y:none}.btn-float{position:fixed!important;inset:auto auto auto 50%!important;transform:translate(-50%)!important;bottom:max(24px,calc(env(safe-area-inset-bottom) + 24px))!important;width:clamp(220px,80vw,360px)!important;z-index:1000!important;animation:float-in .4s ease forwards}@keyframes float-in{0%{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%)}}.modal-buttons{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:18px;flex-wrap:nowrap}.modal-buttons .btn{flex:0 1 auto;border-radius:999px;padding:10px 16px;font-weight:700;font-size:14px;min-width:130px;text-align:center;transition:transform .2s ease,box-shadow .25s ease;white-space:nowrap}.modal-buttons .btn.primary{background:linear-gradient(135deg,var(--olive),var(--olive-2));color:#fff;border:none;box-shadow:0 6px 14px #445a3c40}.modal-buttons .btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 18px #445a3c59}.modal-buttons .btn:not(.primary){background:#f8f8f8;color:var(--ink);border:1.5px solid #ddd}.modal-buttons .btn:not(.primary):hover{background:#f0f0f0}.modal-buttons a{flex:0 1 auto}@media (max-width:360px){.modal-buttons{flex-wrap:wrap}.modal-buttons .btn{width:100%}}:root{--olive-2:#758b6a}.modal-open .btn-float{display:none!important}input,select,textarea{font-size:16px!important;-webkit-text-size-adjust:100%!important}@supports (-webkit-touch-callout: none){input,select,textarea{touch-action:manipulation;-webkit-user-select:text}}:root{--olive:#445a3c;--olive-2:#6b7f52;--beige:#f6f1e9;--ink:#1a1a1a;--muted:#5b5b5b;--white:#fff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--ink);background:linear-gradient(180deg,var(--beige),#ffffff 45%,#fafafa)}.container{max-width:1100px;margin:0 auto;padding:0 20px}.header{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-weight:700}.logo{width:36px;height:36px;border-radius:8px;object-fit:cover;background:#fff;box-shadow:0 2px 8px #0000000f}.nav a{margin-left:18px;color:var(--muted);text-decoration:none}.nav a:hover{color:var(--olive)}.nav .btn{margin-left:24px}.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:28px;padding:32px 0 16px}.hero h1{font-size:clamp(28px,3.4vw,48px);line-height:1.1;letter-spacing:-.01em;margin:0 0 12px}.hero p{color:var(--muted);margin:0 0 18px}.actions{display:flex;gap:14px;flex-wrap:wrap}.hero-photo img{width:100%;border-radius:20px;object-fit:cover;box-shadow:0 12px 35px #445a3c40;border:6px solid #fff}.btn{display:inline-block;padding:12px 18px;border-radius:12px;text-decoration:none;font-weight:700;transition:transform .15s ease,box-shadow .2s ease,background .25s ease,border-color .25s ease,color .25s ease;border:1px solid transparent;outline:0}.btn:focus-visible{box-shadow:0 0 0 3px #445a3c38}.btn.primary{background:var(--olive);color:var(--white);border-color:transparent;padding:14px 22px;border-radius:14px;font-size:1.05rem;box-shadow:0 6px 20px #00000014}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 10px 28px #0000001f;background:#3a4e34}.btn.primary:active{transform:translateY(0)}.btn.ghost{background:#fff;color:var(--olive);border:1px solid #e6e6e6;border-radius:999px;padding:.5rem .9rem}.btn.ghost:hover{background:#f5f5f5;border-color:#dcdcdc;box-shadow:0 6px 18px #0000000f}.section{padding:56px 0 24px}.section h2{font-size:clamp(22px,2.4vw,32px);margin:0 0 18px;letter-spacing:-.01em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:#fff;border:1px solid #eee;border-radius:16px;overflow:hidden;box-shadow:0 6px 20px #0000000f;transition:all .3s ease;opacity:0;transform:translateY(20px)}.card.visible{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}.card:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0000001a}.card img{width:100%;height:280px;object-fit:cover;transition:transform .4s ease}.card:hover img{transform:scale(1.03)}.card-body{padding:20px}.card-body h3{margin:0 0 10px;font-size:20px}.card-body p{margin:0;color:var(--muted);line-height:1.5}.note{margin-top:10px;color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.grid img{width:100%;height:220px;object-fit:cover;border-radius:12px;border:4px solid #fff;box-shadow:0 6px 20px #0000000f;transition:transform .4s ease;opacity:0;transform:translateY(20px)}.grid img.visible{opacity:1;transform:translateY(0);transition:opacity .6s ease,transform .6s ease}.grid img:hover{transform:scale(1.02)}.cta{padding:64px 0;text-align:center}.cta h2{margin:0 0 8px}.cta p{color:var(--muted);margin:0 0 14px}.mini{font-size:14px}.footer{background:#fff;border-top:1px solid #eee;margin-top:40px}.footer-inner{display:flex;justify-content:space-between;align-items:center;padding:18px 0;font-size:14px;color:var(--muted)}.pill{background:#f0f5ec;color:var(--olive);padding:4px 10px;border-radius:999px}@media (max-width: 900px){.hero{grid-template-columns:1fr;padding-top:12px}.cards{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.footer-inner{flex-direction:column;gap:6px;text-align:center}.card{border:1.5px solid #ddd;box-shadow:0 4px 16px #00000014}.btn.ghost{border:1.5px solid #dcdcdc}}@media (max-width: 600px){.grid{grid-template-columns:1fr}.card img{height:240px}}.micro-cta{margin-top:8px;color:var(--muted);font-size:14px}.btn.primary{position:relative;display:inline-block;padding:14px 28px;border:none;border-radius:14px;background:linear-gradient(135deg,#445a3c,#6b7f52);color:#fff;font-weight:700;font-size:1.05rem;text-decoration:none;overflow:hidden;box-shadow:0 8px 22px #445a3c40;transition:all .3s ease;letter-spacing:.3px}.btn.primary:before{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;background:#ffffff40;transform:skew(-20deg);transition:left .6s ease}.btn.primary:hover:before{left:120%}.btn.primary:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 28px #445a3c59}.btn.primary:active{transform:scale(.98);box-shadow:0 6px 16px #445a3c33}@media (max-width: 700px){.hero{padding:28px 0 8px;text-align:center}.hero h1{font-size:clamp(24px,6vw,32px);line-height:1.15;margin-bottom:14px}.hero p{font-size:15px;color:var(--muted);margin-bottom:22px}.btn.primary{width:auto;padding:15px 34px;font-size:1.05rem;border-radius:50px;background:linear-gradient(135deg,#4b5f3d,#718c55);box-shadow:0 8px 20px #6b7f5240;letter-spacing:.4px;transition:all .35s ease}.btn.primary:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 12px 30px #445a3c59}.btn.primary:active{transform:scale(.98);box-shadow:0 5px 12px #445a3c33}.btn.primary:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.12),transparent 60%);opacity:0;transition:opacity .4s ease}.btn.primary:active:after{opacity:1}.actions{display:flex;justify-content:center;margin-bottom:18px}.hero-photo img{border-radius:18px;box-shadow:0 10px 28px #00000026;border:5px solid #fff}.nav .btn.ghost{font-weight:600;border-radius:999px;background:#f8f8f8;color:var(--olive);border:1px solid #e5e5e5;padding:8px 18px}.nav .btn.ghost:hover{background:#eef0ed}}@media (max-width: 700px){.btn.primary{animation:pulse-soft 10s ease-in-out infinite;transform-origin:center}@keyframes pulse-soft{0%{transform:scale(1);box-shadow:0 8px 20px #445a3c40}50%{transform:scale(1.035);box-shadow:0 12px 30px #445a3c59}to{transform:scale(1);box-shadow:0 8px 20px #445a3c40}}}