@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&family=Signika:wght@300..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";*{margin:0;padding:0;font-family:Inter}:root{--color-background: #ede4d5;--color-primary: #0a0a09;--color-heading: #2b1f0a;--color-text: #302c25}[data-theme=light]{--color-background: hsla(0, 0%, 87%, .884);--color-text:rgba(34, 139, 34, .95);--color-surface: hsl(0, 0%, 98%);--color-border: hsl(0, 0%, 85%);--color-primary:rgba(34, 139, 34, .95);--color-primary-intense: #228B22;--color-primary-bg: rgba(255, 255, 255, 0);--color-primary-bg-select: hsla(134, 61%, 35%, .507);--color-primary-bg-select-deep: hsla(134, 61%, 35%, .247);--color-primary-bg-select-2: hsla(134, 61%, 75%, .767);--color-primary-hover: #A5A728;--color-secondary: #34A853;--color-accent: #8BC34A;--color-link: #28A745;--color-link-hover: #228B22;--color-button-text: hsl(0, 0%, 100%);--color-button-background: var(--color-primary);--color-button-hover: var(--color-primary-intense);--color-button-disabled: hsl(0, 0%, 80%);--color-input-background: hsl(0, 0%, 100%);--color-input-border: hsl(0, 0%, 75%);--color-input-placeholder: hsl(0, 0%, 60%);--color-input-focus: var(--color-primary);--color-shadow: hsla(0, 0%, 0%, .1);--color-card-background: hsl(0, 0%, 100%);--color-modal-background: hsla(0, 0%, 0%, .25);--color-skeleton: #e0e0e0;--color-skeleton-bg: #f5f5f5;--color-skeleton-light: #f0f0f0;--color-border: #ddd;--transition-speed: .3s;--border-radius: .5rem}[data-theme=dark]{--color-background: hsl(0, 0%, 10%);--color-text: hsl(0, 0%, 93%);--color-surface: hsl(0, 0%, 15%);--color-border: hsl(0, 0%, 25%);--color-primary: #2e2e2e;--color-primary-intense: #2E7D32;--color-primary-bg: hsl(134, 61%, 30%);--color-primary-bg-select: hsla(0, 0%, 19%, .616);--color-primary-bg-select-deep: hsla(134, 61%, 25%, .247);--color-primary-bg-select-2: hsla(134, 61%, 45%, .767);--color-primary-hover: #8BC34A;--color-secondary: #66BB6A;--color-accent: #A5D6A7;--color-link: #4CAF50;--color-link-hover: #8BC34A;--color-button-text: hsl(0, 0%, 100%);--color-button-background: var(--color-primary);--color-button-hover: var(--color-primary-hover);--color-button-disabled: hsl(0, 0%, 30%);--color-input-background: hsl(0, 0%, 15%);--color-input-border: hsl(0, 0%, 30%);--color-input-placeholder: hsl(0, 0%, 60%);--color-input-focus: var(--color-primary);--color-shadow: hsla(0, 0%, 0%, .4);--color-card-background: hsl(0, 0%, 12%);--color-modal-background: hsla(0, 0%, 100%, .05);--color-skeleton: #444;--color-skeleton-bg: #2a2a2a;--color-skeleton-light: #555;--color-border: #444;--transition-speed: .3s;--border-radius: .5rem}::-webkit-scrollbar{width:20px;height:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}*{scrollbar-width:auto;background:var(--color-primary) #f1f1f1}.button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.25rem;font-size:.9375rem;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;text-align:center;white-space:nowrap;position:relative;overflow:hidden;min-width:80px;touch-action:manipulation}.button:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.button:active{transform:translateY(2px) scale(.98);transition-duration:.1s}@media (min-width: 480px){.button{padding:.85rem 1.5rem;font-size:1rem}}@media (min-width: 768px){.button{padding:1rem 2rem;font-size:1.0625rem}}.button--primary{background-color:var(--color-primary);color:#fff}.button--primary:hover,.button--primary:focus{background-color:#05640d}.button--primary:active{background-color:#034309;box-shadow:inset 0 2px 4px #0003}.button--secondary{background-color:#e5e7eb;color:#1f2937}.button--secondary:hover{background-color:#d1d5db}.button--secondary:active{background-color:#9ca3af;box-shadow:inset 0 2px 4px #0000001a}.button--danger{background-color:#dc2626;color:#fff}.button--danger:hover{background-color:#b91c1c}.button--danger:active{background-color:#991b1b;box-shadow:inset 0 2px 4px #00000040}.button--success{background-color:var(--color-primary);color:#fff}.button--success:hover{background-color:color-mix(in srgb,var(--color-primary) 90%,white 10%)}.button--success:active{background-color:var(--color-primary);filter:brightness(.85)}.button--ghost{background-color:transparent;color:#374151;border:2px solid #d1d5db}.button--ghost:hover{background-color:#f3f4f6}.button--ghost:active{background-color:#e5e7eb;border-color:#9ca3af}.button--shadow-small{box-shadow:0 1px 2px #0000001a}.button--shadow-medium{box-shadow:0 2px 4px #0000001a}.button--shadow-large{box-shadow:0 4px 6px #0000001a}@media (min-width: 768px){.button--shadow-medium{box-shadow:0 4px 6px #0000001a}.button--shadow-large{box-shadow:0 8px 12px #0000001a}}.button--rounded-small{border-radius:6px}.button--rounded-medium{border-radius:10px}.button--rounded-large{border-radius:14px}.button--rounded-full{border-radius:9999px}.button--full-width{width:calc(100% - 2rem);margin:0 1rem;max-width:100%}@media (min-width: 480px){.button--full-width{width:100%;margin:0}}.button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}@media (hover: none){.button{transition:none}.button:active{transform:scale(.96);opacity:.9}}.benefits-container{padding:10px;background-image:linear-gradient(#0000004d),url(./background2.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;justify-content:center;align-items:center;padding:2rem;min-height:80vh}.benefits-card{display:flex;width:80vw;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000001a;height:60vh}.benefits-content{flex:1;padding:2.5rem;background:color-mix(in srgb,var(--color-primary) 70%,transparent 50%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center}.benefits-tag{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.benefits-list{display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:space-around}.benefit-item{display:flex;flex-direction:column;gap:.5rem}.benefit-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.benefit-text{color:#fff;font-size:1rem;line-height:1.5;margin:0;opacity:.9}.benefits-image{flex:1}.benefits-img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 768px){.benefits-card{flex-direction:column;height:auto}.benefits-content{order:2}.benefits-image{height:300px}.benefits-list{gap:1rem}}.how-container{padding:10px;background-image:linear-gradient(#0000004d),url(./background2.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;justify-content:center;align-items:center;padding:2rem;min-height:80vh}.how-card{display:flex;width:80vw;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000001a;height:60vh}.how-content{flex:1;padding:2.5rem;background:color-mix(in srgb,var(--color-primary) 70%,transparent 50%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center}.how-tag{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.steps-container{display:flex;flex-direction:column;gap:1.5rem;height:100%;justify-content:space-around}.step{display:flex;gap:1rem;align-items:flex-start}.step-number{background-color:#fff;color:var(--color-primary);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.step-content{display:flex;flex-direction:column;gap:.3rem}.step-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0}.step-text{color:#fff;font-size:.95rem;line-height:1.5;margin:0;opacity:.9}.how-image{flex:1}.how-img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 768px){.how-card{flex-direction:column;height:auto}.how-content{order:2}.how-image{height:300px}.steps-container{gap:1.2rem}.step{gap:.8rem}}.testimonials-container{padding:4rem 2rem;background-color:var(--color-background);display:flex;flex-direction:column;align-items:center}.testimonials-header{text-align:center;margin-bottom:3rem;max-width:800px}.testimonials-tag{color:var(--color-primary);font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px}.testimonials-subtitle{color:var(--color-text);font-size:1.1rem;margin-top:1rem}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;max-width:1200px}.testimonial-card{background:var(--color-card-background);border-radius:15px;overflow:hidden;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;transition:transform .3s ease}.testimonial-card:hover{transform:translateY(-5px)}.testimonial-profile{padding:2rem 2rem 1rem;display:flex;flex-direction:column;align-items:center;text-align:center}.testimonial-image{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--color-primary);margin-bottom:1rem}.testimonial-name{color:var(--color-primary);font-size:1.2rem;margin:0}.testimonial-age{color:var(--color-text);font-size:.9rem;opacity:.8;margin:.3rem 0 0}.testimonial-content{padding:1rem 2rem 2rem;display:flex;flex-direction:column;flex-grow:1}.testimonial-text{color:var(--color-text);font-size:1rem;line-height:1.6;font-style:italic;margin-bottom:1.5rem;flex-grow:1}.testimonial-rating{color:gold;font-size:1.2rem;text-align:right}.test-container{border-radius:10px;background-color:var(--color-background)}@media (max-width: 768px){.testimonials-grid{grid-template-columns:1fr;max-width:500px}.testimonials-header{margin-bottom:2rem}.testimonial-card{flex-direction:column}}[data-theme=dark] .testimonial-card{background:var(--color-surface);box-shadow:0 5px 15px #0000004d}[data-theme=dark] .testimonial-text{color:var(--color-text)}.tip-container{padding:10px;background-image:linear-gradient(#0000004d),url(./background2.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;justify-content:center;align-items:center;padding:2rem;min-height:80vh}.tip-card{display:flex;width:80vw;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000001a;height:60vh}.tips-mini{display:flex;flex-direction:column;justify-content:space-around;height:100%}.tip-content{flex:1;padding:2.5rem;background:color-mix(in srgb,var(--color-primary) 70%,transparent 50%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;flex-direction:column;justify-content:center}.tip-tag{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.tip-text{color:#fff;font-size:1.1rem;line-height:1.6;margin:0}.tip-image{flex:1}.tip-img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 768px){.tip-card{flex-direction:column}.tip-content{order:2}.tip-image{height:300px}}body{margin-bottom:0;min-height:100vh;display:flex;flex-direction:column}.video-container{padding:10px;background-image:linear-gradient(#0000004d),url(./background2.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;display:flex;justify-content:center;align-items:center;padding:2rem;min-height:80vh}.video-card{width:80vw;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000001a;padding:2.5rem;background:color-mix(in srgb,var(--color-primary) 70%,transparent 50%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.video-content{display:flex;flex-direction:column;gap:1.5rem;align-items:center;text-align:center}.video-tag{color:#fff;font-size:1.5rem;font-weight:600;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.video-description{color:#fff;font-size:1.1rem;line-height:1.6;max-width:600px;margin:0 auto}.video-wrapper{width:100%;max-width:800px;aspect-ratio:16/9;margin:1rem 0;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #0003}.video-cta{background-color:#fff;color:var(--color-primary);border:none;padding:12px 30px;border-radius:30px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem;text-transform:uppercase;letter-spacing:1px}.video-cta:hover{background-color:var(--color-primary-hover);color:#fff;transform:translateY(-2px);box-shadow:0 5px 15px #0003}@media (max-width: 768px){.video-card{width:90vw;padding:1.5rem}.video-tag{font-size:1.2rem}.video-description{font-size:1rem}.video-cta{padding:10px 25px;font-size:1rem}}.main-main{background-color:red}.inicio-container{padding:10px;height:70vh}.inicio-container .title-div{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60%}.title{display:flex;justify-content:center;color:var(--color-primary);font-family:Signika;font-weight:800;font-size:10vw;text-shadow:2px 2px 2px var(--color-primary);letter-spacing:5px}.slogan{color:#161616ee;font-weight:600;font-size:25px;text-align:center}.button-div{display:flex;justify-content:center}.navbar{position:fixed;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:10px;background-color:var(--color-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:6vh;transition:all .3s ease;box-shadow:0 2px 10px var(--color-shadow);z-index:2000;box-sizing:border-box}.navbar.scrolled{padding:.5rem;background-color:var(--color-primary-bg-select)}.navbar-logo{display:flex;align-items:center}.navbar-logo .material-symbols-outlined{font-weight:600;font-size:30px}.navbar-logo a{text-decoration:none;color:var(--color-text);font-weight:700;font-size:2rem;display:flex;align-items:center}.logo-text{margin-right:.5rem;font-family:Signika}.logo-text.scrolled-text,.scrolled-text{color:var(--color-button-text);font-weight:700}.logo-icon{font-size:1.8rem}.navbar-links{display:flex;gap:2rem;width:30%;justify-content:space-between}.nav-link{color:var(--color-text);text-decoration:none;font-weight:500;position:relative;padding:.5rem 0;transition:color .3s ease;width:100%;font-size:20px;display:flex;text-align:center;justify-content:center}.nav-link:hover{color:var(--color-primary-hover)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-primary-hover);transition:width .3s ease}.nav-link:hover:after{width:100%}.scrolled-text{color:var(--color-button-text)}.nav-link.scrolled-text:hover{color:var(--color-primary-hover)}.nav-link.scrolled-text:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:#c8ca34;transition:width .3s ease}.cta-button{background-color:#fff;color:#28a745;border:none;padding:.6rem 1.5rem;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.cta-button:hover{background-color:#f8f9fa;transform:translateY(-2px);box-shadow:0 6px 8px #00000026}.mobile-menu-button{display:none;color:var(--color-text);font-size:1.5rem;cursor:pointer;margin-right:5vw}.mobile-menu-button.scrolled-text{color:#f5f5f5fa;font-size:1.5rem;cursor:pointer;margin-right:6vw}.navbar-cta{margin-right:30px}.theme-toggle{--toggle-width: 60px;--toggle-height: 30px;--thumb-size: 26px;--thumb-padding: 2px;border:none;background:transparent;cursor:pointer;padding:0}.toggle-track{position:relative;width:var(--toggle-width);height:var(--toggle-height);border-radius:50px;display:flex;align-items:center;transition:all .3s ease}.toggle-track.light{background:linear-gradient(to right,#f0f0f0,#e0e0e0);box-shadow:inset 0 2px 4px #0000001a}.toggle-track.dark{background:linear-gradient(to right,#333,#444);box-shadow:inset 0 2px 4px #0000004d}.toggle-thumb{position:absolute;width:var(--thumb-size);height:var(--thumb-size);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.25,.1,.25,1)}.toggle-track.light .toggle-thumb{transform:translate(var(--thumb-padding));background:#fff;color:#ffc107}.toggle-track.dark .toggle-thumb{transform:translate(calc(var(--toggle-width) - var(--thumb-size) - var(--thumb-padding)));background:#1e1e1e;color:#ffd54f}.theme-toggle:hover .toggle-track.light{box-shadow:inset 0 2px 8px #0003}.theme-toggle:hover .toggle-track.dark{box-shadow:inset 0 2px 8px #00000080}.theme-toggle .material-symbols-outlined{font-size:18px;transition:all .3s ease}@media (max-width: 992px){.navbar-links{position:fixed;top:47px;left:-100%;width:100%;height:100vh;background-color:var(--color-background);color:var(--color-text);flex-direction:column;align-items:center;padding:2rem 0;gap:2rem;transition:left .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-links .scrolled{position:fixed;top:47px;left:-100%;width:100%;height:100vh;background-color:var(--color-background);color:var(--color-surface);flex-direction:column;align-items:center;padding:2rem 0;gap:2rem;transition:left .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-links.active{left:0}.mobile-menu-button{display:block}.navbar-cta{display:none}}@media (max-width: 576px){.navbar{padding:.8rem 5%}.navbar-logo a{font-size:1.3rem}.logo-icon{font-size:1.5rem}}@media (width < 500px){.navbar-links.active{display:block}.navbar-links.active .nav-link{margin-bottom:20%;margin-top:10%}}.layout-container{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden;background-image:linear-gradient(#0000004d),url(/background.jpeg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;box-sizing:border-box}.main-container{flex:1;margin-top:3%;width:100%;max-width:100vw;overflow-x:hidden}.footer{position:static;width:100%;max-width:100vw;background:color-mix(in srgb,var(--color-primary) 70%,transparent 50%);color:var(--color-button-text);padding:2rem 1rem;box-shadow:0 -2px 10px var(--color-shadow);margin-top:auto;transition:background-color var(--transition-speed) ease;box-sizing:border-box;overflow-x:hidden}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:0 1rem;max-width:100%}.footer-section{margin-bottom:1.5rem}.footer-title{font-size:1.5rem;margin-bottom:1rem;color:var(--color-button-text)}.footer-subtitle{font-size:1.2rem;margin-bottom:1rem;color:var(--color-button-text);border-bottom:2px solid var(--color-primary-hover);padding-bottom:.5rem;display:inline-block}.footer-text{line-height:1.6;opacity:.9}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:.5rem}.footer-link{color:var(--color-button-text);text-decoration:none;transition:color var(--transition-speed) ease;opacity:.9}.footer-link:hover{color:var(--color-primary-hover);text-decoration:underline}.footer-contact{list-style:none;padding:0}.footer-contact-item{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem;opacity:.9}.footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding-top:1.5rem;border-top:1px solid var(--color-primary-hover);margin-top:1rem;text-align:center}.footer-social{display:flex;gap:1rem;margin-top:1rem}.footer-social a{color:var(--color-button-text);transition:color var(--transition-speed) ease}.footer-social a:hover{color:var(--color-primary-hover)}@media (min-width: 768px){.footer{padding:2rem}.footer-bottom{flex-direction:row;text-align:left}.footer-social{margin-top:0}}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter}html,body{width:100%;overflow-x:hidden}body{margin:0;padding:0;max-width:100vw}.plans-container{padding:4rem 2rem;background-color:var(--color-background);display:flex;flex-direction:column;align-items:center}.plans-header{text-align:center;margin-bottom:3rem;max-width:800px}.plans-title{color:var(--color-primary);font-size:2rem;font-weight:700;margin-bottom:1rem}.plans-subtitle{color:var(--color-text);font-size:1.1rem}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;width:100%;max-width:1200px}.plan-card{background:var(--color-card-background);border-radius:15px;overflow:hidden;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;transition:transform .3s ease;position:relative}.plan-card.featured{border:2px solid var(--color-primary)}.plan-card:hover{transform:translateY(-10px)}.plan-image-container{height:200px;overflow:hidden}.plan-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.plan-card:hover .plan-image{transform:scale(1.05)}.plan-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.plan-name{color:var(--color-primary);font-size:1.5rem;margin:0 0 .5rem}.plan-price{color:var(--color-text);font-size:1.3rem;font-weight:600;margin:0 0 1rem}.plan-features{margin:0 0 1.5rem;padding:0;list-style:none;flex-grow:1}.plan-features li{color:var(--color-text);margin-bottom:.5rem;padding-left:1.5rem;position:relative;line-height:1.5}.plan-features li:before{content:"✓";color:var(--color-primary);position:absolute;left:0}.plan-button{background-color:var(--color-primary);color:#fff;text-align:center;padding:12px 20px;border-radius:30px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block;margin-top:auto}.plan-button:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 5px 15px #0003}@media (max-width: 768px){.plans-grid{grid-template-columns:1fr;max-width:500px}.plans-header{margin-bottom:2rem}}[data-theme=dark] .plan-card{background:var(--color-surface);box-shadow:0 5px 15px #0000004d}[data-theme=dark] .plan-features li{color:var(--color-text)}.rutines-container{padding:4rem 2rem;background-color:var(--color-background);display:flex;flex-direction:column;align-items:center;min-height:100vh}.rutines-header{text-align:center;margin-bottom:3rem;max-width:800px}.rutines-title{color:var(--color-primary);font-size:2rem;font-weight:700;margin-bottom:1rem}.rutines-subtitle{color:var(--color-text);font-size:1.1rem}.rutines-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;width:100%;max-width:1200px}.rutine-card{background:var(--color-card-background);border-radius:15px;overflow:hidden;box-shadow:0 5px 15px #0000001a;display:flex;flex-direction:column;transition:transform .3s ease}.rutine-card:hover{transform:translateY(-10px);box-shadow:0 10px 25px #00000026}.rutine-image-container{height:200px;overflow:hidden}.rutine-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.rutine-card:hover .rutine-image{transform:scale(1.05)}.rutine-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1}.rutine-name{color:var(--color-primary);font-size:1.5rem;margin:0 0 .5rem}.rutine-features{margin:0 0 1.5rem;padding:0;list-style:none;flex-grow:1}.rutine-features li{color:var(--color-text);margin-bottom:.5rem;padding-left:1.5rem;position:relative;line-height:1.5}.rutine-features li:before{content:"•";color:var(--color-primary);position:absolute;left:0;font-weight:700;font-size:1.2rem}.rutine-button{background-color:var(--color-primary);color:#fff;text-align:center;padding:12px 20px;border-radius:30px;text-decoration:none;font-weight:600;transition:all .3s ease;display:inline-block;margin-top:auto;border:none;cursor:pointer;font-family:inherit;font-size:1rem}.rutine-button:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 5px 15px #0003}@media (max-width: 768px){.rutines-grid{grid-template-columns:1fr;max-width:500px}.rutines-header{margin-bottom:2rem}.rutine-image-container{height:180px}}[data-theme=dark] .rutine-card{background:var(--color-surface);box-shadow:0 5px 15px #0000004d}[data-theme=dark] .rutine-features li{color:var(--color-text)}.test-container{max-width:600px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.test-progress{width:100%;height:8px;background-color:#f0f0f0;border-radius:4px;margin-bottom:30px;overflow:hidden}.progress-bar{height:100%;background-color:#4caf50;transition:width .3s ease}.test-card{background:#fff;border-radius:15px;box-shadow:0 10px 25px #0000001a;padding:30px;transition:transform .3s ease,opacity .3s ease;position:relative;overflow:hidden}.test-card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#4caf50,#8bc34a)}.test-header{text-align:center;margin-bottom:25px}.test-header h3{color:#666;font-size:14px;margin-bottom:5px}.test-header h2{color:#333;font-size:24px;margin-bottom:10px}.test-header p{color:#666;margin-bottom:20px}.question-icon{color:#4caf50;margin:15px 0}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#444}.form-input,.form-select,.form-textarea{width:100%;padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:16px;transition:border .3s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#4caf50;outline:none}.form-textarea{min-height:100px;resize:vertical}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:center;cursor:pointer;padding:10px;border-radius:8px;transition:background .2s}.radio-option:hover{background:#f5f5f5}.radio-option input{display:none}.radio-custom{width:20px;height:20px;border:2px solid #ddd;border-radius:50%;margin-right:10px;position:relative;transition:border .2s}.radio-option input:checked+.radio-custom{border-color:#4caf50}.radio-custom:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;background:#4caf50;border-radius:50%;opacity:0;transition:opacity .2s}.radio-option input:checked+.radio-custom:after{opacity:1}.test-navigation{display:flex;justify-content:space-between;margin-top:30px}.nav-button{padding:12px 25px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.prev-button{background:#f0f0f0;color:#666}.prev-button:hover{background:#e0e0e0}.next-button{background:#4caf50;color:#fff}.next-button:hover{background:#45a049;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.test-complete{text-align:center;padding:40px 20px}.test-complete h2{color:#4caf50;margin-bottom:20px}.test-complete p{color:#666;margin-bottom:15px}.test-icon{color:#4caf50;margin-top:30px}@keyframes slideIn{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.test-card{animation:slideIn .4s ease-out forwards}@font-face{font-family:Material Symbols Outlined;font-style:normal;font-weight:100 700;font-display:block;src:url(/assets/material-symbols-outlined-BDRtoJUL.woff2) format("woff2")}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-feature-settings:"liga"}