:root,[data-theme="dark"]{--green-lime:#2563eb;--green-emerald:#1d4ed8;--accent:#f97316;--surface-main:#020617;--surface-elevated:#0f172a;--text:#e5e7eb;--text-muted:#9ca3af;--white-strong:#f9fafb;--white-soft:#e5e7eb;--white-muted:#9ca3af;--nav-bg:rgba(2,6,23,.9);--nav-border:rgba(148,163,184,.35);--footer-social-bg:#020617;--footer-social-color:#e5e7eb;--footer-border:rgba(148,163,184,.35);--input-border:#e5e7eb;--input-placeholder:rgba(148,163,184,.9);--btn-contact-color:#020617}
[data-theme="light"]{--surface-main:#f9fafb;--surface-elevated:#fff;--text:#111827;--text-muted:#6b7280;--white-strong:#111827;--white-soft:#1f2937;--white-muted:#6b7280;--nav-bg:rgba(255,255,255,.95);--footer-social-bg:#e5e7eb;--footer-social-color:#111827;--input-border:#111827;--input-placeholder:rgba(107,114,128,.9);--btn-contact-color:#fff}
*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Plus Jakarta Sans",sans-serif;background:var(--surface-main);color:var(--white-soft);line-height:1.6}
.skip-link{position:absolute;left:1rem;top:-48px;background:var(--green-emerald);color:#fff;padding:.55rem .85rem;border-radius:8px;text-decoration:none;z-index:1200}.skip-link:focus{top:1rem}
nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;background:var(--nav-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--nav-border)}
.logo-link{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit}nav .logo{height:52px;width:auto}
.logo-link .stage{cursor:pointer;display:inline-flex;align-items:center}.logo-link .m1-logo{display:inline-flex;align-items:baseline;font-size:1.65rem;font-weight:600}.logo-link .m1-part{display:inline-block;opacity:0}
.logo-link .m1-tell,.logo-link .m1-soft{color:var(--green-lime)}.logo-link .m1-me{color:var(--accent)}
#m1tell:not(.go){transform:translateX(-.58em)}#m1me:not(.go){transform:translateY(.4em)}#m1soft:not(.go){transform:translateX(.58em)}
#m1tell.go{animation:m1l 1.25s forwards}#m1me.go{animation:m1m 1.25s .22s forwards}#m1soft.go{animation:m1s 1.25s .44s forwards}
@keyframes m1l{from{opacity:0;transform:translateX(-.58em)}to{opacity:1;transform:none}}@keyframes m1m{from{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:none}}@keyframes m1s{from{opacity:0;transform:translateX(.58em)}to{opacity:1;transform:none}}
nav ul{display:flex;list-style:none;gap:1.5rem;align-items:center}nav>ul>li{position:relative}nav a{color:var(--text);text-decoration:none;font-weight:500;font-size:.95rem}
nav .nav-dropdown{display:none;position:absolute;top:100%;left:0;background:var(--surface-elevated);border:1px solid var(--nav-border);border-radius:8px;padding:.5rem 0;min-width:220px;box-shadow:0 10px 40px rgba(0,0,0,.3);z-index:100}
nav .nav-dropdown.open{display:block}nav .nav-dropdown a{display:block;padding:.6rem 1.25rem;white-space:nowrap}.has-dropdown>a{display:flex;align-items:center;gap:.3rem}.sub-arrow{width:12px;height:12px}.has-dropdown.open .sub-arrow{transform:rotate(180deg)}
.lang-toggle{font-size:.85rem;color:var(--text-muted)}.lang-toggle span{margin:0 .25rem;cursor:pointer}.lang-toggle span.active{color:var(--green-lime);font-weight:600}
.btn-contact{background:var(--green-emerald);color:var(--btn-contact-color)!important;padding:.5rem 1.25rem;border-radius:8px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.btn-contact:hover,.btn-contact:focus,.btn-contact:focus-visible,.btn-contact:visited,.btn-contact:active{text-decoration:none;color:var(--btn-contact-color)!important}.btn-contact:hover{filter:brightness(1.06)}.btn-contact:active{filter:brightness(.96)}.btn-contact:focus-visible{outline:2px solid var(--green-lime);outline-offset:3px}
.theme-toggle-btn{background:none;border:none;cursor:pointer;padding:.35rem .5rem;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center}
#theme-toggle-icon{display:inline-flex;align-items:center;justify-content:center}#theme-toggle-icon svg{width:18px;height:18px}#theme-toggle-icon .icon-sun{display:inline-block}#theme-toggle-icon .icon-moon{display:none}[data-theme="light"] #theme-toggle-icon .icon-moon{display:inline-block}[data-theme="light"] #theme-toggle-icon .icon-sun{display:none}
.mobile-menu-btn{display:none;background:none;border:none;color:var(--text);font-size:1.5rem;cursor:pointer}
.page{padding-top:96px}.hero{max-width:1100px;margin:0 auto;padding:4rem 2rem 2.5rem}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center}.pill{display:inline-block;background:rgba(37,99,235,.15);color:var(--green-lime);padding:.35rem .75rem;border-radius:999px;font-size:.82rem;font-weight:700;margin-bottom:.8rem}.hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.15;margin-bottom:.8rem;color:var(--white-strong)}.hero p{color:var(--text-muted);margin-bottom:1rem}.hero img{max-width:360px;width:100%;margin:0 auto;display:block}
.content{max-width:1100px;margin:0 auto;padding:0 2rem 2rem}.panel{border:1px solid var(--nav-border);border-radius:14px;background:var(--surface-elevated);padding:1rem 1.1rem}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:.8rem}.card{border:1px solid var(--nav-border);border-radius:12px;padding:.9rem}.card strong{display:block;color:var(--white-strong);margin-bottom:.25rem}
.seo-story{max-width:1100px;margin:0 auto;padding:0 2rem 2.5rem}.seo-story .panel{padding:1.2rem}.seo-story h2{color:var(--white-strong);font-size:1.45rem;margin-bottom:.6rem}.seo-story p{color:var(--text-muted);margin-bottom:.9rem}.seo-story ul{padding-left:1.1rem;color:var(--white-soft)}.seo-story li{margin:.3rem 0}
.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin-top:.6rem}.faq-item{border:1px solid var(--nav-border);border-radius:12px;padding:.85rem;background:var(--surface-main)}.faq-item strong{display:block;color:var(--white-strong);margin-bottom:.35rem}.faq-item span{color:var(--text-muted)}
section.contact{padding:5rem 2rem;text-align:center}.contact .section-subtitle{margin-bottom:2rem}.contact-form{max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;text-align:left}.contact-form input,.contact-form textarea{width:100%;padding:.9rem 0;background:transparent;border:none;border-bottom:1px solid var(--input-border);color:var(--white-strong);font:inherit}.contact-form textarea{min-height:120px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:var(--input-placeholder)}.contact-form button{background:transparent;color:var(--white-strong);border:1px solid var(--input-border);padding:1rem 2rem;border-radius:6px;cursor:pointer;font-weight:700;text-decoration:none;-webkit-tap-highlight-color:transparent}.contact-form button:hover{background:var(--green-emerald);color:#fff;border-color:var(--green-emerald)}.contact-form button:focus,.contact-form button:focus-visible{outline:2px solid var(--green-lime);outline-offset:2px}
.contact-response-note{margin-top:.9rem;font-size:.88rem;font-weight:600;color:var(--green-lime)}.contact-cta{margin-top:1.5rem;font-size:.95rem;color:var(--text-muted)}.contact-cta a{color:var(--green-lime);text-decoration:none}
footer{background:var(--surface-main);border-top:1px solid rgba(255,255,255,.1)}.footer-inner{max-width:1100px;margin:0 auto;padding:2.5rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem 4rem}.footer-block h3{font-size:.85rem;font-weight:700;letter-spacing:.1em;color:var(--white-strong);text-transform:uppercase}.footer-block p{font-size:.95rem;color:var(--white-soft)}.footer-otros-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.footer-phone{color:var(--white-soft);text-decoration:none}.footer-social{display:flex;gap:.6rem;flex-wrap:wrap}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--footer-social-bg);color:var(--footer-social-color)}.footer-social a:hover{background:var(--green-emerald);color:#fff}.footer-social svg{width:18px;height:18px;fill:currentColor}.footer-copy{text-align:center;padding:1.25rem 2rem;border-top:1px solid var(--footer-border)}.footer-copy p{font-size:.85rem;color:var(--white-muted)}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}}
@media (max-width:768px){nav{padding:1rem}nav .logo{height:46px}.logo-link .m1-logo{font-size:1.38rem}nav ul#nav-menu:not(.open){display:none}nav ul#nav-menu.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;right:0;background:var(--surface-elevated);padding:1rem;gap:.5rem;align-items:stretch;border-bottom:1px solid var(--nav-border);box-shadow:0 16px 30px rgba(0,0,0,.12);max-height:calc(100vh - 72px);overflow:visible}nav ul#nav-menu.open>li{width:100%}nav .has-dropdown{position:relative;width:100%}nav .has-dropdown>a{width:100%;justify-content:flex-start;gap:.45rem}nav .has-dropdown .sub-arrow{width:13px;height:13px;flex-shrink:0}nav .nav-dropdown{position:absolute;top:calc(100% + .25rem);left:0;right:auto;width:100%;min-width:100%;display:none;padding:.35rem 0;margin-top:0;border:1px solid var(--nav-border);border-radius:10px;background:var(--surface-elevated);box-shadow:0 16px 34px rgba(0,0,0,.24);z-index:1100}nav .nav-dropdown a{padding:.72rem 1rem;white-space:normal;line-height:1.35}nav .nav-dropdown a:hover{background:rgba(37,99,235,.12)}nav .has-dropdown.open .nav-dropdown{display:block}nav ul#nav-menu.open .btn-contact{text-align:center;justify-content:center;margin-top:.25rem}.mobile-menu-btn{display:block}.page{padding-top:88px}.hero{padding:2.75rem 1rem 2rem}.hero-grid{gap:1.75rem}.hero-grid>div:first-child{text-align:center}.hero img{max-width:220px}.hero .btn-contact{margin-top:.35rem;width:100%;justify-content:center}.seo-story .btn-contact{width:100%;justify-content:center}.content{padding:0 1rem 1.75rem}.content .panel{padding:1.15rem}.content .panel>h2{text-align:center}.cards{gap:1rem}.card{text-align:left}.seo-story{padding:0 1rem 2rem}.seo-story .panel{padding:1.15rem 1.1rem;text-align:center}.seo-story .panel ul{text-align:left;max-width:34rem;margin:.5rem auto 0;padding-left:1.25rem}.seo-story .panel h2{text-align:center}.seo-story .faq-grid{margin-top:.85rem}.seo-story .faq-item{text-align:left}.seo-story .panel>p:last-of-type{text-align:center;margin-top:1rem}.seo-story .contact-cta{margin-top:1.25rem}section.contact{padding:3.25rem 1rem}.contact .section-title{margin-bottom:.35rem}.contact .section-subtitle{margin-bottom:1.5rem}.contact-form{max-width:100%}.contact-form button{align-self:stretch;width:100%;max-width:none}.hero,.content,section.contact,.seo-story{padding-left:1rem;padding-right:1rem}.cards,.faq-grid{grid-template-columns:1fr}.footer-inner{padding:1.5rem 1rem;grid-template-columns:1fr;text-align:center}.footer-otros-row,.footer-social{justify-content:center}}