@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;0,600;0,700;0,800;0,900;1,400&display=swap";:root{--crema-calida: #F5EDD8;--coral-gatuno: #E07B5A;--verde-salvia: #7A9470;--dorado-chai: #C9A84C;--melocoton: #F2C89B;--menta: #B5CCAF;--blush: #F4C4AE;--marron-tierra: #3D2B1F;--bg-primary: var(--crema-calida);--text-primary: var(--marron-tierra);--text-secondary: #6B5B4F;--accent-primary: var(--coral-gatuno);--accent-secondary: var(--verde-salvia);--accent-gold: var(--dorado-chai);--shadow-sm: 0 2px 8px rgba(61,43,31,.08);--shadow-md: 0 4px 20px rgba(61,43,31,.12);--shadow-lg: 0 8px 40px rgba(61,43,31,.18);--shadow-notebook: 4px 4px 20px rgba(61,43,31,.2), -2px 0 10px rgba(61,43,31,.05);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--transition-fast: .2s var(--ease-out);--transition-med: .4s var(--ease-out);--transition-slow: .7s var(--ease-out);--transition-flip: .8s cubic-bezier(.645, .045, .355, 1);--font-main: "Nunito", -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 2.5rem;--font-size-5xl: 3.5rem}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E")}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{font-weight:800;line-height:1.2;letter-spacing:-.02em}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}p{font-size:var(--font-size-base);color:var(--text-secondary)}::selection{background:var(--blush);color:var(--marron-tierra)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--crema-calida)}::-webkit-scrollbar-thumb{background:var(--melocoton);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--coral-gatuno)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.main-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#f5edd8eb;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(61,43,31,.06);transition:box-shadow var(--transition-fast)}.main-nav.scrolled{box-shadow:var(--shadow-md)}.nav-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:12px 24px}.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.nav-logo img{height:42px;width:auto;transition:transform var(--transition-fast)}.nav-logo:hover img{transform:scale(1.08) rotate(-3deg)}.nav-brand{font-size:var(--font-size-xl);font-weight:900;letter-spacing:-.02em}.nav-brand .mi{color:var(--coral-gatuno)}.nav-brand .libretas{color:var(--verde-salvia)}.nav-links{display:flex;gap:6px;list-style:none}.nav-links a{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:var(--radius-lg);font-weight:700;font-size:var(--font-size-sm);color:var(--text-primary);transition:all var(--transition-fast);position:relative}.nav-links a:hover,.nav-links a.active{background:#e07b5a1f;color:var(--coral-gatuno)}.nav-links a.active:after{content:"";position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:6px;height:6px;background:var(--coral-gatuno);border-radius:50%}.nav-cart{position:relative;display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:var(--radius-lg);font-weight:700;font-size:var(--font-size-sm);color:var(--text-primary);background:none;border:2px solid var(--coral-gatuno);cursor:pointer;transition:all var(--transition-fast)}.nav-cart:hover{background:var(--coral-gatuno);color:#fff}.cart-badge{position:absolute;top:-4px;right:-4px;background:var(--coral-gatuno);color:#fff;font-size:11px;font-weight:800;min-width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--crema-calida);transition:transform var(--ease-bounce) .3s}.cart-badge.bump{animation:cartBump .4s var(--ease-bounce)}@keyframes cartBump{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:8px}.hamburger span{display:block;width:24px;height:2px;background:var(--marron-tierra);margin:5px 0;border-radius:2px;transition:all var(--transition-fast)}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border:none;border-radius:var(--radius-lg);font-family:var(--font-main);font-weight:800;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-fast);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.3),transparent 60%);opacity:0;transition:opacity .3s}.btn:hover:after{opacity:1}.btn:active{transform:scale(.96)}.btn-primary{background:var(--coral-gatuno);color:#fff;box-shadow:0 4px 14px #e07b5a59}.btn-primary:hover{background:#d16a4a;box-shadow:0 6px 20px #e07b5a73;transform:translateY(-2px)}.btn-secondary{background:var(--verde-salvia);color:#fff;box-shadow:0 4px 14px #7a94704d}.btn-secondary:hover{background:#6a8360;transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--coral-gatuno);border:2px solid var(--coral-gatuno)}.btn-outline:hover{background:var(--coral-gatuno);color:#fff}.btn-gold{background:linear-gradient(135deg,var(--dorado-chai),#d4a94e);color:#fff;box-shadow:0 4px 14px #c9a84c59}.product-card{background:#fff;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-med);cursor:pointer;position:relative}.product-card:hover{transform:translateY(-8px) rotateX(2deg);box-shadow:var(--shadow-lg)}.product-card-img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card-img{transform:scale(1.05)}.product-card-body{padding:20px}.product-card-title{font-size:var(--font-size-lg);font-weight:800;margin-bottom:6px}.product-card-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:14px;line-height:1.5}.product-card-footer{display:flex;align-items:center;justify-content:space-between}.product-card-price{font-size:var(--font-size-2xl);font-weight:900;color:var(--coral-gatuno)}.product-card-price small{font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.product-card .btn-add{width:44px;height:44px;border-radius:50%;padding:0;font-size:22px;display:flex;align-items:center;justify-content:center}.product-card .tag{position:absolute;top:14px;right:14px;background:var(--coral-gatuno);color:#fff;font-size:var(--font-size-xs);font-weight:800;padding:4px 12px;border-radius:var(--radius-lg);text-transform:uppercase;letter-spacing:.05em}.section{padding:80px 0}.section-title{text-align:center;margin-bottom:12px}.section-subtitle{text-align:center;font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:48px;max-width:600px;margin-left:auto;margin-right:auto}.main-footer{background:var(--marron-tierra);color:var(--crema-calida);padding:48px 0 24px;margin-top:40px}.footer-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-brand img{height:50px;margin-bottom:12px;filter:brightness(10)}.footer-brand p{color:#f5edd8b3;font-size:var(--font-size-sm)}.footer-links h4{font-size:var(--font-size-base);margin-bottom:14px;color:var(--melocoton)}.footer-links a{display:block;color:#f5edd8b3;font-size:var(--font-size-sm);padding:4px 0;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--coral-gatuno)}.footer-bottom{text-align:center;padding-top:24px;margin-top:24px;border-top:1px solid rgba(245,237,216,.1);font-size:var(--font-size-xs);color:#f5edd880}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:700;font-size:var(--font-size-sm);margin-bottom:6px;color:var(--text-primary)}.form-input,.form-select,.form-textarea{width:100%;padding:14px 18px;border:2px solid rgba(61,43,31,.1);border-radius:var(--radius-md);font-family:var(--font-main);font-size:var(--font-size-base);background:#fff;color:var(--text-primary);transition:all var(--transition-fast);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--coral-gatuno);box-shadow:0 0 0 4px #e07b5a26}.form-textarea{resize:vertical;min-height:100px}.option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.option-card{background:#fff;border:2px solid rgba(61,43,31,.08);border-radius:var(--radius-md);padding:20px 16px;text-align:center;cursor:pointer;transition:all var(--transition-fast);position:relative}.option-card:hover{border-color:var(--coral-gatuno);transform:translateY(-3px);box-shadow:var(--shadow-sm)}.option-card.selected{border-color:var(--coral-gatuno);background:#e07b5a0f;box-shadow:0 0 0 3px #e07b5a33}.option-card.selected:after{content:"✓";position:absolute;top:8px;right:10px;background:var(--coral-gatuno);color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800}.option-card-icon{font-size:36px;margin-bottom:8px}.option-card-label{font-weight:700;font-size:var(--font-size-sm)}.toast{position:fixed;bottom:30px;right:30px;background:var(--marron-tierra);color:#fff;padding:14px 24px;border-radius:var(--radius-md);font-weight:700;font-size:var(--font-size-sm);box-shadow:var(--shadow-lg);transform:translateY(100px);opacity:0;transition:all var(--transition-med);z-index:9999;display:flex;align-items:center;gap:10px}.toast.show{transform:translateY(0);opacity:1}.sound-toggle{position:fixed;bottom:20px;left:20px;width:44px;height:44px;border-radius:50%;background:#ffffffe6;border:2px solid rgba(61,43,31,.1);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:999;font-size:20px;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sound-toggle:hover{background:#fff;box-shadow:var(--shadow-md);transform:scale(1.1)}.notebook{perspective:1400px;max-width:900px;margin:0 auto}.notebook-cover{background:linear-gradient(135deg,var(--marron-tierra),#5a4234);border-radius:var(--radius-lg);padding:6px;box-shadow:var(--shadow-notebook);position:relative}.notebook-cover:before{content:"";position:absolute;top:0;bottom:0;left:24px;width:3px;background:#ffffff26;border-radius:2px}.notebook-pages{background:#fff;border-radius:calc(var(--radius-lg) - 4px);padding:40px;min-height:500px;position:relative;overflow:hidden;background-image:repeating-linear-gradient(transparent,transparent 31px,rgba(61,43,31,.06) 31px,rgba(61,43,31,.06) 32px);background-position:0 40px}.notebook-pages:before{content:"";position:absolute;top:0;bottom:0;left:50px;width:1px;background:#e07b5a33}.page-step{position:absolute;top:40px;left:60px;right:40px;bottom:40px;opacity:0;transform:rotateY(-90deg);transform-origin:left center;transition:all var(--transition-flip);pointer-events:none;backface-visibility:hidden}.page-step.active{opacity:1;transform:rotateY(0);pointer-events:auto;position:relative;top:auto;left:auto;right:auto;bottom:auto}.page-step.prev{opacity:0;transform:rotateY(90deg)}.notebook-tabs{display:flex;gap:0;margin-bottom:-6px;padding:0 6px;position:relative;z-index:1}.notebook-tab{flex:1;padding:12px 16px;background:var(--melocoton);color:var(--marron-tierra);text-align:center;font-weight:700;font-size:var(--font-size-sm);border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:pointer;transition:all var(--transition-fast);opacity:.5;border:2px solid transparent;border-bottom:none;position:relative}.notebook-tab.active{opacity:1;background:#fff;border-color:#3d2b1f1a;z-index:2}.notebook-tab.completed{opacity:.8;background:var(--menta)}.notebook-tab.completed:after{content:"✓";position:absolute;top:-6px;right:-4px;background:var(--verde-salvia);color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}.notebook-tab-num{display:block;font-size:var(--font-size-xs);opacity:.6}.hero-notebook{position:relative;perspective:1200px;display:inline-block}.hero-notebook-page{background:#fff;border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-notebook);transform:rotateY(-5deg) rotateX(3deg);transition:transform var(--transition-slow);position:relative}.hero-notebook-page:hover{transform:rotateY(0) rotateX(0)}.product-flip{perspective:800px}.product-flip-inner{transition:transform .7s var(--ease-out);transform-style:preserve-3d;position:relative}.product-flip:hover .product-flip-inner{transform:rotateY(8deg)}@media(max-width:768px){:root{--font-size-5xl: 2.2rem;--font-size-4xl: 1.8rem;--font-size-3xl: 1.5rem}.nav-links{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background:#f5edd8fa;flex-direction:column;padding:24px;gap:4px;z-index:999}.nav-links.open{display:flex;animation:slideDown .3s var(--ease-out)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-links a{padding:16px;font-size:var(--font-size-lg);border-radius:var(--radius-md)}.hamburger{display:flex;flex-direction:column}.hero-content{text-align:center}.hero-grid{grid-template-columns:1fr!important;gap:30px!important}.hero-image{max-width:280px;margin:0 auto}.products-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}.product-card-body{padding:14px}.product-card-title{font-size:var(--font-size-base)}.product-card-price{font-size:var(--font-size-lg)}.footer-inner{grid-template-columns:1fr!important;gap:24px!important}.section{padding:50px 0}.notebook-pages{padding:24px 20px 24px 30px}.notebook-tabs{flex-wrap:wrap;gap:4px}.notebook-tab{padding:8px 10px;font-size:var(--font-size-xs)}.option-grid{grid-template-columns:repeat(2,1fr)!important}.container{padding:0 16px}.cart-table{font-size:var(--font-size-sm)}.cart-table img{width:50px;height:50px}.toast{left:16px;right:16px;bottom:80px}.sound-toggle{bottom:80px}}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(61,43,31,.08);z-index:1000;padding:6px 0 env(safe-area-inset-bottom,6px)}@media(max-width:768px){.bottom-nav{display:flex;justify-content:space-around}body{padding-bottom:70px}}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 16px;text-decoration:none;color:var(--text-secondary);font-size:10px;font-weight:700;transition:color var(--transition-fast);position:relative}.bottom-nav-item.active{color:var(--coral-gatuno)}.bottom-nav-item .icon{font-size:22px}.bottom-nav-badge{position:absolute;top:2px;right:8px;background:var(--coral-gatuno);color:#fff;font-size:9px;font-weight:800;min-width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}@media(max-width:480px){.products-grid{grid-template-columns:1fr!important}}