:root{--primary-dark:#1e5f3f;--primary-light:#2d7a52;--accent-cream:#f5f1e8;--accent-white:#fff;--accent-gray:#e8e6e1;--text-dark:#2c2c2c;--text-light:#6b6b6b;--border-light:#d9d6cf;--success:#27ae60;--warning:#f39c12;--error:#e74c3c;--info:#3498db;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:1rem;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", 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:1.875rem;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{font-family:var(--font-sans);background-color:var(--accent-white);color:var(--text-dark);font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#root{flex-direction:column;display:flex}h1,h2,h3,h4,h5,h6{color:var(--text-dark);font-weight:600;line-height:1.2}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md)}a{color:var(--primary-dark);transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--primary-light);text-decoration:underline}input,textarea,select{font-family:inherit;font-size:inherit;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--accent-white);color:var(--text-dark);transition:border-color var(--transition-base), box-shadow var(--transition-base)}input:focus,textarea:focus,select:focus{border-color:var(--primary-dark);outline:none;box-shadow:0 0 0 3px #1e5f3f1a}input:disabled,textarea:disabled,select:disabled{background-color:var(--accent-gray);color:var(--text-light);cursor:not-allowed}textarea{resize:vertical;min-height:100px}button{font-family:inherit;font-size:inherit;cursor:pointer;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-base);justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--primary-dark);color:var(--accent-white)}.btn-primary:hover{background-color:var(--primary-light);box-shadow:var(--shadow-md)}.btn-primary:disabled{background-color:var(--accent-gray);color:var(--text-light);cursor:not-allowed}.btn-secondary{background-color:var(--accent-gray);color:var(--text-dark);border:1px solid var(--border-light)}.btn-secondary:hover{background-color:var(--border-light);box-shadow:var(--shadow-md)}.btn-danger{background-color:var(--error);color:var(--accent-white)}.btn-danger:hover{opacity:.9;box-shadow:var(--shadow-md)}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.card{background-color:var(--accent-white);border:1px solid var(--accent-gray);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);gap:var(--spacing-md);display:flex}.alert-error{color:#c62828;background-color:#ffebee;border-left:4px solid #f44336}.alert-success{color:#2e7d32;background-color:#e8f5e9;border-left:4px solid #4caf50}.container{max-width:1200px;padding:0 var(--spacing-md);margin:0 auto}.grid{gap:var(--spacing-lg);display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}@media (width<=768px){h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}.grid-2,.grid-3{grid-template-columns:1fr}button{padding:var(--spacing-sm) var(--spacing-md);min-height:44px}}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-light)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.hidden{display:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.layout{flex-direction:column;min-height:100vh;display:flex}.header{background-color:var(--primary-dark);color:var(--accent-white);padding:var(--spacing-lg) 0;box-shadow:var(--shadow-md);z-index:100;position:sticky;top:0}.header-content{justify-content:space-between;align-items:center;gap:var(--spacing-xl);display:flex}.header-brand h1{color:var(--accent-white);font-size:calc(var(--font-size-2xl) + 2px);margin:0}.subtitle{color:var(--accent-cream);font-size:var(--font-size-sm);margin:var(--spacing-xs) 0 0 0;font-weight:400}.header-nav{gap:var(--spacing-lg);flex-wrap:wrap;align-items:center;display:flex}.nav-link{color:var(--accent-white);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:background-color var(--transition-base);white-space:nowrap}.nav-link:hover{background-color:#ffffff1a;text-decoration:none}.nav-link.active{background-color:#fff3;font-weight:600}.nav-logout{color:var(--accent-white);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;background-color:#ffffff26;border:1px solid #ffffff4d;font-weight:500}.nav-logout:hover{background-color:#ffffff40;border-color:#ffffff80}.nav-logout:active{background-color:#ffffff59}.main-content{padding:var(--spacing-2xl) 0;flex:1}.footer{background-color:var(--accent-gray);color:var(--text-dark);padding:var(--spacing-2xl) 0 var(--spacing-lg);margin-top:var(--spacing-2xl);border-top:1px solid var(--border-light)}.footer-content{gap:var(--spacing-2xl);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.footer-section h4{margin-bottom:var(--spacing-md)}.footer-section ul{list-style:none}.footer-section li{margin-bottom:var(--spacing-sm)}.footer-section a{color:var(--primary-dark)}.footer-bottom{text-align:center;padding-top:var(--spacing-lg);border-top:1px solid var(--border-light);color:var(--text-light);font-size:var(--font-size-sm)}@media (width<=768px){.header-content{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.header-nav{gap:var(--spacing-sm);flex-direction:column;width:100%}.nav-link{padding:var(--spacing-md);display:block}.header-brand h1{font-size:var(--font-size-xl)}}.consent-overlay{z-index:1000;padding:var(--spacing-md);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.consent-modal{width:100%;max-width:600px;max-height:90vh;animation:.3s ease-out slideUp;overflow-y:auto}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.consent-modal h2{margin-bottom:var(--spacing-lg);color:var(--primary-dark)}.consent-modal h4{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}.consent-content{margin-bottom:var(--spacing-lg);line-height:1.8}.consent-content p{margin-bottom:var(--spacing-md)}.consent-content ul{padding-left:var(--spacing-lg);list-style:none}.consent-content li{margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative}.consent-content li:before{content:"•";color:var(--primary-dark);position:absolute;left:0}.consent-checkbox{align-items:flex-start;gap:var(--spacing-md);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:var(--accent-gray);border-radius:var(--radius-md);display:flex}.consent-checkbox input{cursor:pointer;flex-shrink:0;margin-top:4px}.consent-checkbox label{cursor:pointer;font-size:var(--font-size-sm);line-height:1.5}.auth-container{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-light) 100%);min-height:100vh;padding:var(--spacing-lg);justify-content:center;align-items:center;display:flex}.auth-card{background-color:var(--accent-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-2xl);width:100%;max-width:400px}.auth-card h1{color:var(--primary-dark);margin-bottom:var(--spacing-sm);text-align:center;font-size:1.8rem}.auth-card .subtitle{color:var(--text-light);text-align:center;margin-bottom:var(--spacing-lg);font-size:1rem}.auth-card form{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-group{flex-direction:column;display:flex}.form-group label{color:var(--primary-dark);margin-bottom:var(--spacing-sm);font-size:.95rem;font-weight:600}.form-group input{padding:var(--spacing-md);border:2px solid var(--border-light);border-radius:var(--radius-md);transition:border-color var(--transition-base);font-family:inherit;font-size:1rem}.form-group input:focus{border-color:var(--primary-dark);outline:none;box-shadow:0 0 0 3px #1e5f3f1a}.form-group input::placeholder{color:var(--text-light)}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:.9rem}.btn-primary{background-color:var(--primary-dark);color:var(--accent-white);padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-base);border:none;font-size:1rem;font-weight:600}.btn-primary:hover:not(:disabled){background-color:var(--primary-light)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background-color:var(--accent-gray);color:var(--primary-dark);padding:var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-size:1rem;font-weight:600}.btn-secondary:hover:not(:disabled){background-color:var(--accent-cream);border-color:var(--primary-dark)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.info-text{text-align:center;color:var(--text-light);margin-top:var(--spacing-lg);font-size:.85rem}@media (width<=768px){.auth-container{padding:var(--spacing-md)}.auth-card{padding:var(--spacing-lg)}.auth-card h1{font-size:1.5rem}}.home{flex-direction:column;display:flex}.hero{background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-light) 100%);color:var(--accent-white);padding:var(--spacing-2xl) 0;text-align:center;margin:-2rem 0 0}.hero-content{max-width:800px;margin:0 auto}.hero h1{color:var(--accent-white);font-size:calc(var(--font-size-3xl) + 2px);margin-bottom:var(--spacing-md)}.lead{font-size:var(--font-size-xl);margin-bottom:var(--spacing-sm);color:var(--accent-cream)}.tagline{font-size:var(--font-size-lg);color:var(--accent-cream);margin-bottom:var(--spacing-2xl);font-style:italic}.hero-buttons{gap:var(--spacing-lg);flex-wrap:wrap;justify-content:center;display:flex}.hero-buttons a{color:inherit;display:inline-block}.features{padding:var(--spacing-2xl) 0;background-color:var(--accent-cream)}.features h2{text-align:center;margin-bottom:var(--spacing-2xl)}.features-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-card{text-align:center}.feature-icon{margin-bottom:var(--spacing-md);font-size:3rem}.feature-card h3{margin-bottom:var(--spacing-md);color:var(--primary-dark)}.feature-card p{color:var(--text-light);margin-bottom:0}.info-section{padding:var(--spacing-2xl) 0;background-color:var(--accent-white)}.info-section h2{text-align:center;margin-bottom:var(--spacing-2xl)}.info-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.info-box{padding:var(--spacing-lg);background-color:var(--accent-gray);border-radius:var(--radius-lg);border-left:4px solid var(--primary-dark)}.info-box h4{color:var(--primary-dark);margin-bottom:var(--spacing-md)}.info-box p{color:var(--text-light);font-size:var(--font-size-sm);margin-bottom:0;line-height:1.7}.cta-section{padding:var(--spacing-2xl) 0;background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-light) 100%);color:var(--accent-white);text-align:center}.cta-section h2{color:var(--accent-white);margin-bottom:var(--spacing-lg)}.cta-section p{color:var(--accent-cream);font-size:var(--font-size-lg)}.cta-section .btn-primary{background-color:var(--accent-white);color:var(--primary-dark)}.cta-section .btn-primary:hover{background-color:var(--accent-cream)}@media (width<=768px){.hero{padding:var(--spacing-xl) 0}.hero h1{font-size:var(--font-size-2xl)}.lead,.tagline{font-size:var(--font-size-base)}.hero-buttons{flex-direction:column}.hero-buttons a{width:100%}.features-grid,.info-grid{grid-template-columns:1fr}}.dog-profile-page{max-width:1000px;margin:0 auto}.dog-profile-page h1{color:var(--primary-dark);margin-bottom:var(--spacing-sm)}.no-profiles{text-align:center;padding:var(--spacing-2xl);background-color:var(--accent-gray);border-radius:var(--radius-lg)}.no-profiles p{font-size:var(--font-size-lg);color:var(--text-light);margin-bottom:var(--spacing-lg)}.profiles-container{gap:var(--spacing-lg);flex-direction:column;display:flex}.profiles-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.profile-card{flex-direction:column;display:flex}.profile-card h3{color:var(--primary-dark);margin-bottom:var(--spacing-md)}.profile-info{margin-bottom:var(--spacing-lg);flex:1}.profile-info p{margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm);line-height:1.6}.profile-info strong{color:var(--primary-dark)}.profile-actions{gap:var(--spacing-sm);display:flex}.profile-actions button{flex:1}.profile-form{max-width:600px}.profile-form h2{color:var(--primary-dark);margin-bottom:var(--spacing-lg)}.form-group input[type=text],.form-group input[type=number],.form-group select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group select:focus{border-color:var(--primary-dark);outline:none;box-shadow:0 0 0 3px #1e5f3f1a}.form-group small{font-size:var(--font-size-xs);color:var(--text-light);margin-top:var(--spacing-xs)}.form-group input[type=checkbox]{margin-right:var(--spacing-sm);cursor:pointer}.form-row{gap:var(--spacing-lg);grid-template-columns:1fr 1fr;display:grid}.form-actions{gap:var(--spacing-lg);margin-top:var(--spacing-xl);display:flex}.form-actions button{padding:var(--spacing-md) var(--spacing-lg);flex:1}@media (width<=768px){.profiles-grid,.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}}.calculator-page{max-width:1000px;margin:0 auto}.calculator-page h1{color:var(--primary-dark);margin-bottom:var(--spacing-sm)}.calculator-container{flex-direction:column;display:flex}.calculator-input{gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border-light);flex-direction:column;display:flex}.calculator-input label{color:var(--primary-dark);font-weight:600}.calculator-input select{padding:var(--spacing-md);border:2px solid var(--primary-dark);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer}.calculator-result h2{color:var(--primary-dark);margin-bottom:var(--spacing-lg)}.result-grid{gap:var(--spacing-lg);margin:var(--spacing-xl) 0;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.result-card{background:linear-gradient(135deg, var(--accent-cream), var(--accent-white));border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.result-card.highlight{background:linear-gradient(135deg, var(--primary-light), var(--primary-dark));border-color:var(--primary-dark);color:var(--accent-white)}.result-card h3{color:var(--primary-dark);font-size:var(--font-size-base);margin-bottom:var(--spacing-md)}.result-card.highlight h3{color:var(--accent-white)}.result-value{color:var(--primary-dark);margin:var(--spacing-md) 0;font-size:2rem;font-weight:700}.result-card.highlight .result-value{color:var(--accent-white)}.result-description{font-size:var(--font-size-sm);color:var(--text-light);margin:0;line-height:1.6}.result-card.highlight .result-description{color:var(--accent-cream)}.result-range{background-color:var(--accent-gray);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin:var(--spacing-xl) 0}.result-range h3{color:var(--primary-dark);margin-bottom:var(--spacing-lg)}.range-bar{border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-md);color:var(--primary-dark);background:linear-gradient(90deg,#e8f5e9,#fff9c4,#ffebee);justify-content:space-between;align-items:center;font-weight:600;display:flex}.range-min{color:#2e7d32}.range-max{color:#c62828}.range-description{font-size:var(--font-size-sm);color:var(--text-light);margin:0;line-height:1.6}.methodology{background:linear-gradient(135deg, var(--accent-cream), var(--accent-white));border-left:4px solid var(--primary-dark);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-top:var(--spacing-xl)}.methodology h3{color:var(--primary-dark);margin-bottom:var(--spacing-md)}.methodology p{background-color:var(--accent-white);padding:var(--spacing-md);border-radius:var(--radius-sm);margin-bottom:var(--spacing-md);border-left:2px solid var(--primary-dark);font-family:Courier New,monospace}.methodology-note{font-size:var(--font-size-sm);color:var(--text-light)!important;font-family:inherit!important}.explanations{gap:var(--spacing-lg);margin:var(--spacing-xl) 0;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.explanation-card{background-color:var(--accent-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:all .3s;box-shadow:0 2px 4px #0000000d}.explanation-card:hover{border-color:var(--primary-dark);box-shadow:0 4px 12px #1e5f3f1a}.explanation-card h3{color:var(--primary-dark);margin-top:0;margin-bottom:var(--spacing-md);font-size:1.1rem}.explanation-card p{margin:var(--spacing-sm) 0;color:var(--text-dark);line-height:1.6;font-size:var(--font-size-sm)}.explanation-card strong{color:var(--primary-dark);font-weight:600}@media (width<=768px){.result-grid{grid-template-columns:1fr}.result-value{font-size:1.5rem}.range-bar{gap:var(--spacing-md);text-align:center;flex-direction:column}}.recipe-builder-page{max-width:1000px;margin:0 auto}.recipe-builder-page h1{color:var(--primary-dark);margin-bottom:var(--spacing-sm)}.subtitle{color:var(--text-light);font-size:var(--font-size-lg);margin-bottom:var(--spacing-2xl)}.progress-bar{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);flex-wrap:wrap;display:flex}.progress-bar .step{min-width:120px;padding:var(--spacing-md);text-align:center;background-color:var(--accent-gray);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-light);transition:all var(--transition-base);flex:1;font-weight:500}.progress-bar .step.active{background-color:var(--primary-dark);color:var(--accent-white);transform:scale(1.05)}.progress-bar .step.completed{background-color:var(--success);color:var(--accent-white)}.recipe-container{min-height:400px}.step-content{padding:var(--spacing-lg)}.step-content h2{color:var(--primary-dark);margin-bottom:var(--spacing-lg)}.form-group select{padding:var(--spacing-md);border:2px solid var(--primary-dark);border-radius:var(--radius-md);font-size:var(--font-size-base);cursor:pointer;font-family:inherit}.mode-buttons{gap:var(--spacing-lg);margin:var(--spacing-xl) 0;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.mode-card{padding:var(--spacing-lg);background:linear-gradient(135deg, var(--accent-cream), var(--accent-white));border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.mode-card:hover{border-color:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.mode-card h3{color:var(--primary-dark);margin-bottom:var(--spacing-sm)}.mode-card p{font-size:var(--font-size-sm);color:var(--text-light);margin-bottom:var(--spacing-sm)}.mode-card .small{font-size:var(--font-size-xs);color:var(--primary-dark);font-weight:500}.categories-grid{gap:var(--spacing-lg);margin:var(--spacing-xl) 0;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.category-card{padding:var(--spacing-lg);background:linear-gradient(135deg, var(--accent-cream), var(--accent-white));border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.category-card:hover{border-color:var(--primary-dark);background:linear-gradient(135deg, var(--primary-light), var(--primary-dark));color:var(--accent-white);box-shadow:var(--shadow-md);transform:translateY(-2px)}.category-card h3{color:var(--primary-dark);font-size:var(--font-size-base);margin-bottom:var(--spacing-sm);margin:0 0 var(--spacing-sm) 0}.category-card:hover h3{color:var(--accent-white)}.category-card p{font-size:var(--font-size-sm);color:var(--text-light);margin-bottom:0}.category-card:hover p{color:var(--accent-cream)}.suggestions-list{margin:var(--spacing-xl) 0}.suggestions-list h3{color:var(--primary-dark);margin-bottom:var(--spacing-lg)}.suggestion-btn{width:100%;padding:var(--spacing-lg);margin-bottom:var(--spacing-md);background-color:var(--accent-white);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-align:left;flex-direction:column;display:flex}.suggestion-btn:hover{border-color:var(--primary-dark);background-color:var(--accent-cream);box-shadow:var(--shadow-md);transform:translate(4px)}.suggestion-name{color:var(--primary-dark);margin-bottom:var(--spacing-xs);font-weight:600}.suggestion-ingredients{color:var(--text-light);font-size:var(--font-size-sm)}.free-mode-section{background-color:var(--accent-gray);padding:var(--spacing-lg);border-radius:var(--radius-lg);margin:var(--spacing-xl) 0}.free-mode-section h3{color:var(--primary-dark);margin-bottom:var(--spacing-lg)}.ingredients-section{margin-bottom:var(--spacing-lg)}.ingredients-section h3{color:var(--primary-dark);font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}.ingredients-section select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);font-family:inherit}.selected{color:var(--success);font-weight:500;font-size:var(--font-size-sm);margin:0}.summary-card{background-color:var(--accent-gray);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.summary-card h3{color:var(--primary-dark);margin-bottom:var(--spacing-sm)}.summary-card>p{color:var(--text-light);margin-bottom:var(--spacing-lg)}.ingredients-summary{background-color:var(--accent-white);border-radius:var(--radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.ingredients-summary h4{color:var(--primary-dark);margin-bottom:var(--spacing-md)}.ingredient-row{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-light);justify-content:space-between;display:flex}.ingredient-row:last-child{border-bottom:none}.ingredient-row span{color:var(--text-dark)}.ingredient-row strong{color:var(--primary-dark);font-size:var(--font-size-lg)}.download-buttons{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--border-light);flex-wrap:wrap;display:flex}.download-buttons button{min-width:200px;padding:var(--spacing-md) var(--spacing-lg);background:linear-gradient(135deg, var(--primary-dark), var(--primary-light));color:var(--accent-white);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-base);font-weight:600;font-size:var(--font-size-base);border:none;flex:1}.download-buttons button:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.action-buttons{gap:var(--spacing-lg);flex-wrap:wrap;display:flex}.action-buttons button{min-width:150px;padding:var(--spacing-md) var(--spacing-lg);flex:1}@media (width<=768px){.progress-bar{flex-direction:column}.progress-bar .step{min-width:auto}.mode-buttons,.objectives-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-buttons button{width:100%}}.information-page{max-width:900px;padding:var(--spacing-lg);margin:0 auto}.information-page h1{color:var(--primary-dark);margin-bottom:var(--spacing-sm);font-size:2rem}.information-page .subtitle{color:var(--text-light);margin-bottom:var(--spacing-2xl);font-size:1.1rem}.content-card{background-color:var(--accent-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.content-card h2{color:var(--primary-dark);margin-top:0;margin-bottom:var(--spacing-md);font-size:1.3rem}.content-card h3{color:var(--primary-dark);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);font-size:1.1rem}.content-card h3:first-child{margin-top:0}.content-card ul{margin:var(--spacing-sm) 0;padding-left:1.5rem}.content-card li{margin-bottom:var(--spacing-sm);line-height:1.6}.content-card p{margin:var(--spacing-sm) 0;line-height:1.6}.content-card textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);resize:vertical;font-family:inherit;font-size:1rem}.section-content{padding:var(--spacing-lg);border-radius:var(--radius-md);margin-top:var(--spacing-md);background-color:#f8f9fa}.alert-info{color:#2c3e50;background-color:#e8f4f8;border-left:4px solid #3498db}.alert-warning{color:#2c3e50;background-color:#fef5e7;border-left:4px solid #f39c12}.alert-danger{color:#2c3e50;background-color:#fadbd8;border-left:4px solid #e74c3c}.form-group{margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.form-group label{margin-bottom:var(--spacing-sm);color:var(--text-dark);font-weight:600}.form-group input,.form-group select,.form-group textarea{padding:var(--spacing-md);border:1px solid var(--border-light);border-radius:var(--radius-md);font-family:inherit;font-size:1rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-dark);outline:none;box-shadow:0 0 0 3px #1e5f3f1a}@media (width<=768px){.information-page{padding:var(--spacing-md)}.information-page h1{font-size:1.5rem}.content-card h2{font-size:1.1rem}.content-card h3{font-size:1rem}}.premios-container{padding:var(--spacing-2xl) 0;max-width:1200px;margin:0 auto}.premios-container h1{color:var(--primary-dark);margin-bottom:var(--spacing-sm);text-align:center;font-size:2.2rem}.premios-container .subtitle{color:var(--text-light);text-align:center;margin-bottom:var(--spacing-2xl);font-size:1.1rem}.recipes-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.recipe-card{background:var(--accent-white);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);transition:all var(--transition-base)}.recipe-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.recipe-header{margin-bottom:var(--spacing-md)}.recipe-header h3{color:var(--primary-dark);margin:0 0 var(--spacing-sm) 0;font-size:1.3rem}.recipe-badges{gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.badge{white-space:nowrap;border-radius:20px;padding:.35rem .75rem;font-size:.85rem;font-weight:600}.badge.difficulty-fácil{color:#155724;background-color:#d4edda}.badge.difficulty-media{color:#856404;background-color:#fff3cd}.badge.difficulty-difícil{color:#721c24;background-color:#f8d7da}.badge.protein-baja{color:#383d41;background-color:#e2e3e5}.badge.protein-media{color:#0c5460;background-color:#d1ecf1}.badge.protein-alta{color:#004085;background-color:#cce5ff}.recipe-description{color:var(--text-dark);margin:0 0 var(--spacing-md) 0;font-size:1rem;line-height:1.5}.recipe-info{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--accent-cream);border-radius:var(--radius-md);grid-template-columns:1fr 1fr;display:grid}.info-item{flex-direction:column;display:flex}.info-label{color:var(--primary-dark);margin-bottom:.25rem;font-size:.9rem;font-weight:600}.info-item span:last-child{color:var(--text-dark);font-size:1rem}.btn-expand{width:100%;padding:var(--spacing-md);background-color:var(--primary-light);color:var(--accent-white);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:none;font-size:1rem;font-weight:600}.btn-expand:hover{background-color:var(--primary-dark);transform:scale(1.02)}.recipe-expanded{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:2px solid var(--border-light);animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.section{margin-bottom:var(--spacing-lg)}.section h4{color:var(--primary-dark);margin-bottom:var(--spacing-md);align-items:center;gap:.5rem;font-size:1.1rem;display:flex}.section ul,.section ol{margin:0;padding:0;list-style:none}.section li{color:var(--text-dark);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);line-height:1.6}.section ul li:before{content:"•";color:var(--primary-dark);width:var(--spacing-md);margin-left:calc(var(--spacing-md) * -1);font-weight:700;display:inline-block}.section ol{counter-reset:item}.section ol li{counter-increment:item}.section ol li:before{content:counter(item);color:var(--primary-dark);width:var(--spacing-md);margin-left:calc(var(--spacing-md) * -1);margin-right:.5rem;font-weight:700;display:inline-block}.conservacion{background-color:var(--accent-cream);padding:var(--spacing-md);border-radius:var(--radius-md)}.conservacion p{color:var(--text-dark);margin:0 0 var(--spacing-sm) 0;line-height:1.5}.conservacion strong{color:var(--primary-dark)}.section.warning{padding:var(--spacing-md);border-radius:var(--radius-md);background-color:#fff3cd;border-left:4px solid #ffc107}.section.warning h4,.section.warning li{color:#856404}.btn-download{width:100%;padding:var(--spacing-md);background-color:var(--primary-dark);color:var(--accent-white);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);margin-top:var(--spacing-md);border:none;font-size:1rem;font-weight:600}.btn-download:hover{background-color:var(--primary-light);transform:scale(1.02)}.advertencia-importante{border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-2xl);background:linear-gradient(135deg,#fff3cd 0%,#ffe69c 100%);border:2px solid #ffc107}.advertencia-importante h3{color:#856404;margin-top:0;font-size:1.4rem}.advertencia-content{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.advertencia-section h4{color:#856404;margin-bottom:var(--spacing-md);font-size:1.1rem}.advertencia-section ul{margin:0;padding:0;list-style:none}.advertencia-section li{color:#856404;margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative}.advertencia-section li:before{content:"✓";color:#28a745;font-weight:700;position:absolute;left:0}.prohibidos{color:#c82333;margin:var(--spacing-md) 0;font-weight:600;line-height:1.8}@media (width<=768px){.premios-container h1{font-size:1.8rem}.recipes-grid,.recipe-info,.advertencia-content{grid-template-columns:1fr}.recipe-card{padding:var(--spacing-md)}.section{margin-bottom:var(--spacing-md)}}@media (prefers-color-scheme:dark){.recipe-card{background:#2a2a2a;border-color:#404040}.recipe-header h3{color:#e8f5e9}.recipe-description{color:#e0e0e0}.recipe-info{background-color:#333}.info-label{color:#e8f5e9}.info-item span:last-child{color:#e0e0e0}.section h4{color:#e8f5e9}.section li{color:#e0e0e0}.conservacion{background-color:#333}.conservacion p{color:#e0e0e0}.conservacion strong{color:#e8f5e9}.section.warning{background-color:#4a4200}.section.warning h4,.section.warning li{color:#ffe69c}.advertencia-importante{background:linear-gradient(135deg,#4a4200 0%,#3d3200 100%);border-color:#ffc107}.advertencia-importante h3,.advertencia-section h4,.advertencia-section li{color:#ffe69c}.prohibidos{color:#f99}}.pastel-container{max-width:900px;padding:var(--spacing-2xl) var(--spacing-lg);margin:0 auto}.pastel-header{text-align:center;margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl);border-radius:var(--radius-lg);background:linear-gradient(135deg,#fff9e6 0%,#fff3cc 100%);border:2px solid #ffc107}.pastel-header h1{color:var(--primary-dark);margin:0 0 var(--spacing-sm) 0;font-size:2.2rem}.pastel-header .subtitle{color:var(--text-dark);margin-bottom:var(--spacing-md);font-size:1.1rem}.info-badges{justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-md);flex-wrap:wrap;display:flex}.badge-info{background-color:var(--primary-dark);color:var(--accent-white);border-radius:20px;padding:.5rem 1rem;font-size:.9rem;font-weight:600}.pastel-content{gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl);flex-direction:column;display:flex}.section-box{background:var(--accent-white);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);transition:all var(--transition-base);overflow:hidden}.section-box:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.section-title{width:100%;padding:var(--spacing-lg);background-color:var(--primary-light);color:var(--accent-white);cursor:pointer;transition:all var(--transition-base);text-align:left;border:none;justify-content:space-between;align-items:center;font-size:1.1rem;font-weight:600;display:flex}.section-title:hover{background-color:var(--primary-dark)}.section-title span:last-child{transition:transform var(--transition-base);font-size:1.5rem}.section-content{padding:var(--spacing-lg);animation:.3s ease-out slideDown}.subsection{margin-bottom:var(--spacing-lg)}.subsection h4{color:var(--primary-dark);margin-bottom:var(--spacing-md);align-items:center;gap:.5rem;font-size:1.1rem;display:flex}.subsection ul{margin:0;padding:0;list-style:none}.subsection li{color:var(--text-dark);margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);line-height:1.6;position:relative}.subsection li:before{content:"✓";color:var(--primary-dark);font-weight:700;position:absolute;left:0}.steps{gap:var(--spacing-md);flex-direction:column;display:flex}.step{gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--accent-cream);border-radius:var(--radius-md);border-left:4px solid var(--primary-light);display:flex}.step.warning{background-color:#fff3cd;border-left-color:#ffc107}.step-number{background-color:var(--primary-dark);width:40px;height:40px;color:var(--accent-white);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.step.warning .step-number{color:#333;background-color:#ffc107}.step p{color:var(--text-dark);margin:0;line-height:1.5}.conservation-box{background-color:var(--accent-cream);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:4px solid var(--primary-light)}.conservation-box h4{color:var(--primary-dark);margin-top:0;margin-bottom:var(--spacing-sm)}.conservation-box p{color:var(--text-dark);margin:.5rem 0;line-height:1.6}.conservation-box .note{color:var(--text-light);margin-top:.5rem;font-size:.9rem}.recommendation{gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--accent-cream);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);display:flex}.recommendation .icon{flex-shrink:0;font-size:1.8rem}.recommendation p{color:var(--text-dark);margin:.25rem 0;line-height:1.6}.recommendation strong{color:var(--primary-dark)}.benefit-item{padding:var(--spacing-md);background-color:var(--accent-cream);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);border-left:4px solid var(--primary-light)}.benefit-item h4{color:var(--primary-dark);margin:0 0 var(--spacing-sm) 0}.benefit-item p{color:var(--text-dark);margin:0;line-height:1.6}.warning-box .section-title{color:#fff;background-color:#dc3545}.warning-box .section-title:hover{background-color:#c82333}.warning-content{background-color:#fff5f5}.warning-section{margin-bottom:var(--spacing-lg);padding:var(--spacing-md);border-radius:var(--radius-md);background-color:#ffe0e0;border-left:4px solid #dc3545}.warning-section h4{color:#c82333;margin-top:0;margin-bottom:var(--spacing-md)}.warning-section ul{margin:0;padding:0;list-style:none}.warning-section li{color:#c82333;margin-bottom:var(--spacing-sm);padding-left:var(--spacing-md);position:relative}.warning-section p{color:#c82333;margin-bottom:var(--spacing-sm)}.aspca-box .section-title{background-color:#28a745}.aspca-box .section-title:hover{background-color:#218838}.normative-item{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);background-color:#f0f8f5;border-left:4px solid #28a745}.normative-item h4{color:#155724;margin-top:0;margin-bottom:var(--spacing-sm)}.normative-item p{color:#155724;margin:.25rem 0;line-height:1.6}.btn-download-large{width:100%;max-width:400px;padding:var(--spacing-lg);background-color:var(--primary-dark);color:var(--accent-white);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);border:none;margin:0 auto;font-size:1.1rem;font-weight:600;display:block}.btn-download-large:hover{background-color:var(--primary-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.footer-note{border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-2xl);text-align:center;background:linear-gradient(135deg,#e8f5e9 0%,#f1f8f6 100%);border:2px solid #4caf50}.footer-note p{color:var(--text-dark);margin:var(--spacing-sm) 0;line-height:1.6}.footer-note strong{color:#2e7d32}.celebration-note{color:#1b5e20;font-size:1.3rem;font-weight:600;margin-top:var(--spacing-lg)!important}@media (width<=768px){.pastel-container{padding:var(--spacing-lg)}.pastel-header h1{font-size:1.8rem}.info-badges{flex-direction:column}.badge-info{text-align:center;width:100%}.section-title{padding:var(--spacing-md);font-size:1rem}.section-content{padding:var(--spacing-md)}.step{gap:var(--spacing-sm);flex-direction:column}.step-number{width:100%;max-width:40px}.recommendation{gap:var(--spacing-sm);flex-direction:column}.recommendation .icon{font-size:1.5rem}}@media (prefers-color-scheme:dark){.pastel-header{background:linear-gradient(135deg,#4a4200 0%,#3d3200 100%)}.pastel-header h1{color:#ffe69c}.pastel-header .subtitle{color:#e0e0e0}.section-box{background:#2a2a2a;border-color:#404040}.section-title{background-color:#1e5f3f}.section-title:hover{background-color:#164a30}.section-content{background:#333}.subsection h4{color:#e8f5e9}.subsection li{color:#e0e0e0}.step{background-color:#3a3a3a}.step.warning{background-color:#4a4200}.step-number{background-color:#1e5f3f}.step.warning .step-number{color:#000;background-color:#c69c00}.step p{color:#e0e0e0}.conservation-box{background-color:#3a3a3a;border-left-color:#1e5f3f}.conservation-box h4{color:#e8f5e9}.conservation-box p{color:#e0e0e0}.recommendation{background-color:#3a3a3a}.recommendation p{color:#e0e0e0}.benefit-item{background-color:#3a3a3a}.benefit-item h4{color:#e8f5e9}.benefit-item p{color:#e0e0e0}.warning-section{background-color:#4a2c2c;border-left-color:#c82333}.warning-section h4,.warning-section li,.warning-section p{color:#f99}.normative-item{background-color:#2a4a3a}.normative-item h4,.normative-item p{color:#a8d5ba}.footer-note{background:linear-gradient(135deg,#2a4a3a 0%,#234035 100%);border-color:#4caf50}.footer-note p{color:#e0e0e0}.footer-note strong{color:#81c784}.celebration-note{color:#a8d5ba}}.loading{min-height:100vh;color:var(--primary-dark);justify-content:center;align-items:center;font-size:1.2rem;display:flex}