/*
Theme Name: Marketicway 2026
Author: Marketicway
Description: Tema inmersivo para la experiencia estratégica Marketicway.
Version: 0.7.2
Text Domain: marketicway-2026
*/

html { scroll-behavior: smooth; }
body { margin: 0; background: #071a2e; color: #f5f9fc; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
* { box-sizing: border-box; }
a { color: inherit; }
.mw-skip-link { background: #f5f9fc; border-radius: 0 0 8px 0; color: #071a2e; font-weight: 700; left: 0; padding: .8rem 1rem; position: fixed; top: 0; transform: translateY(-120%); transition: transform .15s ease; z-index: 10000; }
.mw-skip-link:focus { outline: 3px solid #37e08b; outline-offset: 2px; transform: translateY(0); }
.mw-site-header { align-items: center; background: rgba(7,26,46,.94); border-bottom: 1px solid rgba(255,255,255,.1); display: flex; justify-content: space-between; padding: 1.1rem clamp(1.25rem,5vw,4rem); position: sticky; top: 0; z-index: 50; }
.mw-site-brand { font-size: .85rem; font-weight: 850; letter-spacing: .16em; text-decoration: none; }
.mw-site-brand span { color: #37e08b; }
.mw-site-header nav { align-items:center;display:flex;gap:1.25rem }
.mw-site-header nav a { color:#b9cad9;font-size:.75rem;text-decoration:none }
.mw-site-header nav a:hover { color:#37e08b }
.mw-burger-menu { display:contents }
.mw-burger { align-items:flex-start;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.16);border-radius:13px;cursor:pointer;display:none;height:48px;justify-content:center;overflow:hidden;padding:6px 9px;transition:height .35s ease,width .35s ease,background .25s ease,border-color .25s ease;width:52px }
.mw-burger:focus-visible { outline:3px solid #37e08b;outline-offset:3px }
.mw-burger__layers { align-items:stretch;display:flex;flex-direction:column;gap:2px;transition:gap .38s ease,transform .25s ease;width:31px }
.mw-burger__layers i { display:block;flex:0 0 auto;transition:transform .25s ease }
.mw-burger__bun-top { background:#f5ad42;border-radius:15px 15px 4px 4px;height:9px;box-shadow:inset 0 -2px rgba(126,67,14,.16) }
.mw-burger__lettuce { background:#37e08b;border-radius:60% 25% 65% 30%;height:4px;transform:rotate(-3deg) }
.mw-burger__cheese { background:#ffd84a;border-radius:2px;height:4px;transform:skewX(-14deg) }
.mw-burger__patty { background:#7c4025;border-radius:5px;height:7px;box-shadow:inset 0 -2px rgba(42,17,8,.28) }
.mw-burger__bun-bottom { background:#e99832;border-radius:3px 3px 11px 11px;height:7px;box-shadow:inset 0 2px rgba(255,255,255,.14) }
.mw-burger[aria-expanded="true"] { background:rgba(4,17,31,.98);border-color:rgba(55,224,139,.65);height:260px;justify-content:center;padding:14px 20px;width:250px }
.mw-burger[aria-expanded="true"] .mw-burger__layers { gap:45px;transform:none;width:210px }
.mw-content { margin: 0 auto; max-width: 920px; min-height: 70vh; padding: clamp(4rem,8vw,7rem) 1.5rem; }
.mw-content.is-elementor { max-width: none; padding: 0; }
.mw-content article > header { margin-bottom: 2.5rem; }
.mw-content h1 { font-size: clamp(2.6rem,6vw,5.5rem); letter-spacing: -.05em; line-height: .96; margin: 0; }
.mw-content h2 { font-size: clamp(1.55rem,3vw,2.4rem); letter-spacing: -.025em; margin-top: 2.5rem; }
.mw-content h3 { margin-top: 2rem; }
.mw-content p,.mw-content li { color: #c5d3df; line-height: 1.75; }
.mw-content a { color: #67a0ff; }
.mw-content .mw-meta { color: #8fa5b8; font-size: .78rem; margin-top: 1rem; }
.mw-post-list { display: grid; gap: 1rem; list-style: none; margin: 3rem 0; padding: 0; }
.mw-post-list a { background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.11); border-radius: 14px; display: block; padding: 1.25rem; text-decoration: none; }
.mw-post-list a:hover { border-color: #37e08b; }
.mw-post-list strong { color: #f5f9fc; display: block; font-size: 1.15rem; }
.mw-post-list span { color: #8fa5b8; display: block; font-size: .78rem; margin-top: .45rem; }
.mw-perspectives-intro { color: #9db0c5; font-size: clamp(1.05rem,2vw,1.35rem); line-height: 1.6; margin: 1.4rem 0 3.5rem; max-width: 720px; }
.mw-perspectives-grid { display: grid; gap: 1.25rem; grid-template-columns: repeat(2,minmax(0,1fr)); }
.mw-perspective-card { background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.11); border-radius: 18px; display: flex; flex-direction: column; min-height: 250px; padding: clamp(1.35rem,3vw,2rem); text-decoration: none; transition: border-color .2s ease,transform .2s ease; }
.mw-perspective-card:hover { border-color: #37e08b; transform: translateY(-3px); }
.mw-perspective-card time { color: #37e08b; font-size: .7rem; font-weight: 750; letter-spacing: .12em; text-transform: uppercase; }
.mw-perspective-card h2 { color: #f5f9fc; font-size: clamp(1.45rem,2.5vw,2rem); line-height: 1.08; margin: 1.1rem 0 .8rem; }
.mw-perspective-card p { color: #9db0c5; font-size: .92rem; line-height: 1.55; margin: 0; }
.mw-perspective-card .mw-read { color: #f5f9fc; font-size: .78rem; font-weight: 750; margin-top: auto; padding-top: 1.5rem; }
.mw-cases-intro { color:#9db0c5;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6;margin:1.4rem 0 3.5rem;max-width:760px }
.mw-cases-grid { display:grid;gap:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr)) }
.mw-case-card { background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11);border-radius:18px;display:flex;flex-direction:column;min-height:280px;padding:clamp(1.35rem,3vw,2rem);text-decoration:none;transition:border-color .2s ease,transform .2s ease }
.mw-case-card:hover { border-color:#37e08b;transform:translateY(-3px) }
.mw-case-card__label { color:#37e08b;font-size:.7rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase }
.mw-case-card h2 { color:#f5f9fc;font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.05;margin:1.1rem 0 .8rem }
.mw-case-card p { color:#9db0c5;font-size:.92rem;line-height:1.55;margin:0 }
.mw-case-card__read { color:#f5f9fc;font-size:.78rem;font-weight:750;margin-top:auto;padding-top:1.5rem }
.mw-journey { margin:0 auto;max-width:1180px;min-height:calc(100vh - 72px);padding:clamp(3rem,7vw,6rem) clamp(1.25rem,6vw,5rem) }
.mw-journey__back { color:#9db0c5;font-size:.75rem;text-decoration:none }
.mw-journey__eyebrow { color:#37e08b;font-size:.72rem;font-weight:750;letter-spacing:.14em;margin-top:3rem;text-transform:uppercase }
.mw-journey h1 { font-size:clamp(3rem,7vw,6.7rem);letter-spacing:-.055em;line-height:.92;margin:.8rem 0 2.5rem;max-width:100%;overflow-wrap:anywhere }
.mw-journey__track { height:150px;margin:2rem 0;position:relative }
.mw-journey__line { background:rgba(255,255,255,.15);height:3px;left:0;position:absolute;right:0;top:75px }
.mw-journey__line i { background:linear-gradient(90deg,#1769ff,#37e08b);display:block;height:100%;transition:width .55s ease;width:0 }
.mw-journey__milestones { display:flex;justify-content:space-between;left:0;position:absolute;right:0;top:67px }
.mw-journey__milestones i { background:#071a2e;border:2px solid #6e8295;border-radius:50%;height:19px;transition:.3s;width:19px }
.mw-journey__milestones i.is-reached { background:#37e08b;border-color:#37e08b;box-shadow:0 0 0 7px rgba(55,224,139,.11) }
.mw-journey__walkers { align-items:flex-end;display:flex;gap:4px;left:0;position:absolute;top:8px;transform:translateX(-8px);transition:left .55s ease }
.mw-journey__person { height:58px;width:30px }.mw-journey__person--client{color:#f5f9fc}.mw-journey__person--mw{color:#37e08b}
.mw-journey__panel { background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.11);border-radius:22px;display:none;max-width:900px;padding:clamp(1.5rem,4vw,3rem) }
.mw-journey__panel.is-active { animation:mw-case-in .45s ease both;display:block }
.mw-journey__step { color:#37e08b;font-size:.7rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase }
.mw-journey__panel h2 { font-size:clamp(1.8rem,4vw,3.2rem);letter-spacing:-.035em;line-height:1.05;margin:.8rem 0 1.2rem }
.mw-journey__answer { color:#c5d3df;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7 }
.mw-journey__actions { display:flex;gap:.8rem;margin-top:2rem }
.mw-journey__actions button,.mw-journey__cta { background:#f5f9fc;border:0;border-radius:999px;color:#071a2e;cursor:pointer;font:inherit;font-size:.82rem;font-weight:750;padding:.9rem 1.2rem;text-decoration:none }
.mw-journey__actions button[data-prev] { background:transparent;border:1px solid rgba(255,255,255,.22);color:#c5d3df }
.mw-journey__complete { display:none;margin-top:2rem }.mw-journey__complete.is-visible{display:block}
@keyframes mw-case-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.mw-home-cta { border-top: 1px solid rgba(255,255,255,.12); margin-top: 4rem; padding-top: 2rem; }
.mw-home-cta a { background: #f5f9fc; border-radius: 999px; color: #071a2e; display: inline-block; font-weight: 750; padding: .85rem 1.15rem; text-decoration: none; }
.mw-site-footer { align-items: center; background: #04111f; border-top: 1px solid rgba(255,255,255,.1); color: #96aabd; display: flex; flex-wrap: wrap; font-size: .72rem; gap: 1rem 1.5rem; justify-content: space-between; padding: 1.5rem clamp(1.25rem,5vw,4rem); position: relative; z-index: 3; }
.mw-site-footer nav { display: flex; flex-wrap: wrap; gap: 1rem; }
.mw-site-footer a { color: #c7d5e3; }
@media(max-width:700px){.mw-burger-menu{display:block;height:48px;position:relative;transition:height .38s cubic-bezier(.4,0,.2,1);width:52px}.mw-burger-menu.is-open{height:260px;width:52px}.mw-burger{display:flex;position:absolute;right:0;top:0;z-index:1}.mw-site-header{align-items:center;gap:1rem}.mw-site-header nav{align-items:stretch;background:transparent;border:0;box-shadow:none;display:flex;flex-direction:column;gap:18px;left:-178px;opacity:0;padding:0;pointer-events:none;position:absolute;right:auto;text-align:center;top:58px;transform:translateY(-10px) scale(.96);transition:opacity .18s ease,transform .32s ease,visibility 0s linear .34s;visibility:hidden;width:210px;z-index:3}.mw-site-header nav.is-open{opacity:1;pointer-events:auto;transform:none;transition-delay:.1s,0s,0s;visibility:visible}.mw-site-header nav a{background:rgba(7,26,46,.96);border:1px solid rgba(255,255,255,.18);border-radius:9px;padding:.65rem .75rem;text-align:center}.mw-site-header nav a:hover{background:rgba(55,224,139,.15)}.mw-site-footer{align-items:flex-start;flex-direction:column}.mw-site-footer nav{flex-direction:column}.mw-perspectives-grid,.mw-cases-grid{grid-template-columns:1fr}.mw-journey__track{height:125px}.mw-journey__line{top:64px}.mw-journey__milestones{top:56px}.mw-journey__walkers{top:0}.mw-journey__actions{flex-wrap:wrap}}