/* CREA Studio · menú global y bloques comunes (prefijo cg-). */
html body [data-crea-unified-nav][data-crea-unified-nav][data-crea-unified-nav],
html body header.cg-legacy-nav{display:none!important}
html{scroll-padding-top:130px!important}
.cg-header{margin-bottom:calc(-1 * var(--cg-ph,0px));position:sticky;top:0;z-index:5000;background:#030303;border-bottom:1px solid rgba(255,255,255,.08);font-family:Inter,Arial,sans-serif;color:#fff}
.cg-header *,.cg-panel *,.cg-crumb *,.cg-faq *,.cg-wabar{box-sizing:border-box}
.cg-bar{height:72px;display:flex;align-items:center;gap:24px;width:min(1240px,calc(100% - 32px));margin:0 auto}
.cg-logo{display:flex;align-items:center;min-width:0}
.cg-logo img{width:132px;height:auto;max-width:100%;display:block}
.cg-menu{margin-left:auto;display:flex;align-items:center;gap:4px}
.cg-menu>a,.cg-dd>button{display:flex;align-items:center;gap:6px;padding:10px 12px;background:none;border:0;color:#fff!important;font:800 12px/1 Inter,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.cg-menu>a:hover,.cg-dd>button:hover,.cg-dd.open>button{color:#ff151f!important}
.cg-menu>a.is-active,.cg-dd.is-active>button{color:#ff151f!important;box-shadow:inset 0 -2px 0 #ff151f}
.cg-dd{position:relative}
.cg-dd>button i{font-style:normal;font-size:10px;transition:transform .2s}
.cg-dd.open>button i{transform:rotate(180deg)}
.cg-pop{position:absolute;top:calc(100% + 12px);left:-8px;min-width:270px;background:#0c0c0e;border:1px solid #26262b;border-radius:14px;padding:8px;display:none;box-shadow:0 18px 40px rgba(0,0,0,.5)}
.cg-dd.open .cg-pop{display:grid}
.cg-pop a{padding:11px 12px;border-radius:9px;font:600 14.5px/1.3 Inter,Arial,sans-serif;color:#e8e8ea!important;text-decoration:none}
.cg-pop a:hover{background:#18181c;color:#fff!important}
.cg-pop a.is-active{color:#ff151f!important;background:#16090a}
.cg-cta{margin-left:10px;background:#ff151f;color:#fff!important;padding:13px 18px;border-radius:999px;font:800 12px/1 Inter,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-decoration:none}
.cg-cta:hover{background:#e0000a}
.cg-burger{display:none;margin-left:auto;width:44px;height:44px;border-radius:10px;border:1px solid #2b2b30;background:#0d0d0f;color:#fff;font-size:20px;cursor:pointer;place-items:center}
.cg-sub{border-top:1px solid #141417;background:#0a0a0b}
.cg-sub__in{width:min(1240px,calc(100% - 32px));margin:auto;height:42px;display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}
.cg-sub__in::-webkit-scrollbar{display:none}
.cg-sub__in span{font:500 12px Inter,Arial,sans-serif;color:#7d7d86;margin-right:8px;white-space:nowrap}
.cg-sub__in a{font:600 13px Inter,Arial,sans-serif;color:#d4d4da!important;padding:6px 10px;border-radius:999px;white-space:nowrap;text-decoration:none}
.cg-sub__in a:hover{background:#18181c;color:#fff!important}
.cg-panel{position:fixed;inset:0;z-index:6000;background:#030303;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 14px) 18px calc(env(safe-area-inset-bottom,0px) + 18px);overflow:auto;font-family:Inter,Arial,sans-serif}
.cg-panel[hidden]{display:none}
.cg-panel__top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.cg-panel__top img{width:auto;max-width:min(136px,45vw);max-height:52px}
.cg-x{background:#18181c;border:1px solid #2a2a2f;color:#fff;width:40px;height:40px;border-radius:10px;font-size:18px;cursor:pointer}
.cg-panel nav{display:grid}
.cg-panel nav>a,.cg-acc>button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 4px;border:0;border-bottom:1px solid #18181b;background:none;color:#fff!important;font:700 18px Inter,Arial,sans-serif;text-align:left;cursor:pointer;text-decoration:none}
.cg-acc__list{display:none;padding:4px 0 10px 12px}
.cg-acc.open .cg-acc__list{display:grid}
.cg-acc>button span:last-child{color:#ff151f;font-size:24px;font-weight:400;transition:transform .2s}
.cg-acc.open>button span:last-child{transform:rotate(45deg)}
.cg-acc__list a{padding:12px 4px;color:#d4d4da!important;font:600 16px Inter,Arial,sans-serif;text-decoration:none}
.cg-panel a.is-active{color:#ff151f!important}
.cg-panel__wa{margin-top:auto;display:flex;justify-content:center;align-items:center;background:#25d366;color:#06240f!important;font:800 16px Inter,Arial,sans-serif;padding:16px;border-radius:999px;text-decoration:none}
.cg-crumb{margin-bottom:calc(-1 * var(--cg-pc,0px));display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px max(18px,calc((100% - 1180px)/2));background:#0a0a0b;border-bottom:1px solid #1d1d21;font:500 13px/1.3 Inter,Arial,sans-serif;color:#9a9aa3;position:relative;z-index:30}
.cg-crumb a{color:#d6d6db!important;text-decoration:none}.cg-crumb a:hover{color:#ff151f!important}
.cg-crumb span[aria-hidden]{color:#5b5b63}.cg-crumb strong{color:#fff;font-weight:700}
.cg-faq{background:#f4f4f5;color:#0c0c0e;padding:clamp(56px,7vw,92px) 0;font-family:Inter,Arial,sans-serif}
.cg-faq__wrap{width:min(1180px,calc(100% - 36px));margin:auto;display:grid;grid-template-columns:1.25fr .85fr;gap:48px;align-items:start}
.cg-faq h2{font-family:Oswald,'Barlow Condensed',sans-serif;text-transform:uppercase;font-weight:700;font-size:clamp(30px,3.6vw,44px);line-height:1;margin:0 0 22px;color:#0c0c0e;letter-spacing:0}
.cg-faq details{border-bottom:1px solid #dcdce1}.cg-faq details:first-of-type{border-top:1px solid #dcdce1}
.cg-faq summary{list-style:none;cursor:pointer;padding:18px 40px 18px 0;font-weight:700;font-size:16.5px;position:relative;color:#0c0c0e}
.cg-faq summary::-webkit-details-marker{display:none}
.cg-faq summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:26px;font-weight:400;color:#ff151f;transition:transform .2s}
.cg-faq details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.cg-faq details p{margin:0 0 18px;color:#45454d;line-height:1.65;font-size:15px;max-width:62ch}
.cg-faq__cta{background:#050505;color:#fff;border-radius:20px;padding:30px 28px;position:sticky;top:140px}
.cg-faq__cta h3{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:28px;line-height:1.02;margin:0 0 10px;color:#fff}
.cg-faq__cta p{margin:0 0 20px;color:#bdbdbd;line-height:1.55;font-size:15px}
.cg-faq__btn{display:inline-flex;align-items:center;gap:10px;background:#ff151f;color:#fff!important;text-decoration:none;font:800 14.5px Inter,sans-serif;padding:14px 22px;border-radius:999px}
.cg-faq__btn:hover{background:#e0000a}
.cg-rel{margin-top:26px;padding-top:20px;border-top:1px solid #222;display:grid;gap:8px}
.cg-rel>span{font-size:13px;font-weight:700;color:#8d8d96}
.cg-rel a{display:flex;justify-content:space-between;align-items:center;color:#fff!important;text-decoration:none;font-weight:700;font-size:15px;padding:10px 0;border-bottom:1px solid #1b1b1f}
.cg-rel a i{color:#ff151f}.cg-rel a:hover span{color:#ff151f}
.cg-wabar{display:none}
:is(.cg-header,.cg-panel,.cg-faq) :focus-visible{outline:2px solid #ff151f;outline-offset:3px}
@media(max-width:1020px){.cg-menu,.cg-cta{display:none}.cg-burger{display:grid}}
@media(max-width:860px){.cg-faq__wrap{grid-template-columns:1fr;gap:32px}.cg-faq__cta{position:static}}
@media(max-width:980px){
  .cg-bar{height:64px}
  .cg-logo img{width:auto;max-width:min(136px,45vw);max-height:52px}
}
@media(max-width:760px){
  .cg-crumb{display:none}
  .cg-wabar{display:grid;place-items:center;position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:4000;width:58px;height:58px;border-radius:50%;background:#25d366;box-shadow:0 8px 22px rgba(0,0,0,.35);text-decoration:none;transition:transform .15s}
  .cg-wabar:active{transform:scale(.94)}
  .cg-wabar:focus-visible{outline:3px solid #fff;outline-offset:3px}
  .cg-hide-m{display:none!important}
}
@media(prefers-reduced-motion:reduce){.cg-header *,.cg-panel *,.cg-faq *{transition:none!important}}

/* ===== Home: casos, método, preguntas, formulario (prefijo mx-) ===== */
/* ===== Mejoras propuestas (prefijo mx-) ===== */
.hero h1 .red.mx-l{display:block}
.hero h1:has(> .mx-l){font-size:clamp(54px,5.5vw,75px)!important;line-height:.94!important}
@media(max-width:760px){.hero h1:has(> .mx-l){font-size:clamp(40px,13.6vw,53px)!important}}
.hero h1 .mx-l{display:block}

.mx-head{text-align:center;max-width:720px;margin:0 auto 40px}
.mx-head h2{font-family:Oswald,'Barlow Condensed',sans-serif;font-weight:700;text-transform:uppercase;font-size:clamp(32px,4vw,48px);line-height:1;margin:0 0 14px;color:#0c0c0e}
.mx-head p{margin:0;color:#4a4a52;font-size:16px;line-height:1.6}
.mx-head--dark h2{color:#fff}.mx-head--dark p{color:#bdbdbd}
.mx-head--left{text-align:left;margin:0}

/* Casos */
.mx-casos{background:#f4f4f5;padding:clamp(64px,7vw,96px) 0;color:#0c0c0e}
.mx-group+.mx-group{margin-top:44px}
.mx-group__title{font-family:Inter,sans-serif;font-size:15px;font-weight:800;margin:0 0 16px;color:#0c0c0e;display:flex;align-items:center;gap:12px}
.mx-group__title::after{content:"";flex:1;height:1px;background:#d9d9de}
.mx-grid{display:grid;gap:18px}
.mx-grid--3{grid-template-columns:repeat(3,1fr)}
.mx-grid--4{grid-template-columns:repeat(4,1fr)}
.mx-case{background:#fff;border:1px solid #e3e3e8;border-radius:18px;padding:26px 24px;display:flex;flex-direction:column;gap:12px}
.mx-case__icon{font-size:30px;color:#ff151f;line-height:1}
.mx-case h4{font-family:Oswald,sans-serif;font-weight:700;text-transform:uppercase;font-size:22px;line-height:1.05;margin:0;color:#0c0c0e}
.mx-case p{margin:0;font-size:14.5px;line-height:1.6;color:#45454d}
.mx-tags{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.mx-tags li{font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:#f1f1f3;color:#2c2c33}
.mx-case__link{margin-top:auto;padding-top:6px;font-weight:800;font-size:14px;color:#ff151f;align-self:flex-start;border-bottom:2px solid currentColor}
.mx-case__link:hover{color:#c40008}
.mx-case--sm{background:#0b0b0d;border-color:#1f1f24;border-radius:14px;padding:22px 20px}
.mx-case--sm h4{color:#fff;font-size:19px}
.mx-case--sm p{color:#bdbdbd;font-size:14px}
.mx-case__place{font-size:12.5px;font-weight:700;color:#ff4d55}

/* Método */
.mx-metodo{background:#050505;padding:clamp(64px,7vw,96px) 0;border-top:1px solid #151515}
.mx-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.mx-steps li{position:relative;padding:0 22px 0 0}
.mx-steps li::before{content:"";position:absolute;top:23px;left:48px;right:0;height:2px;background:linear-gradient(90deg,#ff151f,#3a0a0c)}
.mx-steps li:last-child::before{display:none}
.mx-steps__n{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#ff151f;color:#fff;font-family:Oswald,sans-serif;font-size:22px;font-weight:700;position:relative;z-index:1}
.mx-steps h4{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:22px;margin:20px 0 8px;color:#fff}
.mx-steps p{margin:0;color:#bdbdbd;font-size:14.5px;line-height:1.6;max-width:260px}
.mx-steps li:nth-child(2) .mx-steps__n{box-shadow:0 0 0 6px rgba(255,21,31,.22)}

/* FAQ */
.mx-faq{background:#fff;color:#0c0c0e;padding:clamp(64px,7vw,96px) 0}
.mx-faq__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.mx-faq__list details{border-bottom:1px solid #e3e3e8}
.mx-faq__list details:first-child{border-top:1px solid #e3e3e8}
.mx-faq__list summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font-weight:700;font-size:17px;position:relative}
.mx-faq__list summary::-webkit-details-marker{display:none}
.mx-faq__list summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:26px;font-weight:400;color:#ff151f;transition:transform .2s}
.mx-faq__list details[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.mx-faq__list details p{margin:0 0 20px;color:#45454d;line-height:1.65;max-width:62ch}
.mx-faq__list summary:focus-visible{outline:2px solid #ff151f;outline-offset:4px}

/* Formulario */
.mx-form{margin-top:22px;display:grid;gap:12px}
.mx-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mx-form label{display:grid;gap:6px;font-size:13px;font-weight:700;color:#e8e8e8}
.mx-form input,.mx-form select,.mx-form textarea{width:100%;font:inherit;font-weight:500;font-size:15px;color:#fff;background:#151517;border:1px solid #2c2c31;border-radius:10px;padding:12px 14px}
.mx-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#bbb 50%),linear-gradient(135deg,#bbb 50%,transparent 50%);background-position:calc(100% - 20px) 52%,calc(100% - 15px) 52%;background-size:5px 5px;background-repeat:no-repeat}
.mx-form textarea{resize:vertical}
.mx-form input:focus,.mx-form select:focus,.mx-form textarea:focus{outline:none;border-color:#ff151f;box-shadow:0 0 0 3px rgba(255,21,31,.25)}
.mx-form [aria-invalid="true"]{border-color:#ff4d55}
.mx-form__error{margin:0;color:#ff8a8f;font-size:14px;font-weight:600}
.mx-form__btn{justify-self:start;display:inline-flex;align-items:center;gap:10px;border:0;cursor:pointer;background:#ff151f;color:#fff;font:800 14px Inter,sans-serif;padding:14px 22px;border-radius:999px}
.mx-form__btn:hover{background:#e0000a}
.mx-form__btn:focus-visible{outline:2px solid #fff;outline-offset:3px}

@media(max-width:980px){
  .mx-grid--3{grid-template-columns:1fr}
  .mx-grid--4{grid-template-columns:1fr 1fr}
  .mx-steps{grid-template-columns:1fr 1fr;gap:36px 20px}
  .mx-steps li::before{display:none}
  .mx-faq__grid{grid-template-columns:1fr;gap:28px}
}
@media(max-width:600px){
  .mx-grid--4{grid-template-columns:1fr}
  .mx-steps{grid-template-columns:1fr}
  .mx-form__row{grid-template-columns:1fr}
  
}



/* Menú móvil: conserva exactamente la geometría de la barra cerrada. */
html body .cg-panel{padding:0 0 calc(18px + env(safe-area-inset-bottom,0px))}
html body .cg-panel__top{position:relative;flex:0 0 auto;height:var(--cg-panel-bar-height,64px);margin:0 0 18px;border-bottom:1px solid rgba(255,255,255,.08)}
html body .cg-panel__logo{position:absolute;left:var(--cg-panel-logo-left,20px);top:var(--cg-panel-logo-top,4px);width:var(--cg-panel-logo-width,132px);height:var(--cg-panel-logo-height,56px);display:block}
html body .cg-panel__top .cg-panel__logo img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain;display:block}
html body .cg-panel__top .cg-x{position:absolute;left:var(--cg-panel-close-left,calc(100% - 64px));top:var(--cg-panel-close-top,10px);width:var(--cg-panel-close-width,44px);height:var(--cg-panel-close-height,44px);padding:0;display:grid;place-items:center}
html body .cg-panel>nav,html body .cg-panel>.cg-panel__wa{margin-inline:var(--crea-gutter,20px)}

/* Flechas y aviso aparecen solamente cuando hay opciones fuera de la vista. */
html body .cg-sub__shell{display:flex;align-items:center;gap:4px;width:calc(100% - var(--crea-gutter,24px)*2);max-width:var(--crea-width,1180px);margin-inline:auto}
html body.crea-public.crea-public.crea-public .cg-sub .cg-sub__in{flex:1 1 0;min-width:0;width:auto!important;max-width:none!important;margin:0!important;padding-inline:0!important;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain}
html body .cg-sub__in::-webkit-scrollbar{display:none}
html body .cg-sub__in::-webkit-scrollbar-thumb{background:#6c6c78;border-radius:4px}
html body .cg-sub__arrow{flex:0 0 40px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid #34343c;border-radius:8px;background:#1b1b20;color:#fff;cursor:pointer;touch-action:manipulation}
html body .cg-sub__arrow:hover:not(:disabled){background:#352025;border-color:#ff151f}
html body .cg-sub__arrow:disabled{opacity:.3;cursor:default}
html body .cg-sub__hint{margin:0;padding:3px 16px 7px;color:#b8b8c3;text-align:center;font:500 11px/1.4 Inter,Arial,sans-serif}
html body .cg-sub :is(.cg-sub__arrow,.cg-sub__hint)[hidden]{display:none!important}