/* Local concept: only the existing header and #inicio. Content and routing unchanged. */
.marketing-site.marketing-site .site-header{border-bottom-color:#ffffff12}
.marketing-site.marketing-site .site-header .header-cta{gap:9px;padding:10px 12px;border-radius:999px;transition:background .2s,color .2s}
.marketing-site.marketing-site .site-header .header-cta:hover{background:#ffffff06}
.marketing-site.marketing-site .site-header nav a{color:#c2c5ba;transition:color .2s}
.marketing-site.marketing-site .site-header nav a:hover{color:#f0efe9}
.marketing-site.marketing-site #inicio.hero-brand{padding-block:80px;min-height:600px}
.marketing-site #inicio .hero-content .eyebrow{margin-bottom:26px;letter-spacing:.15em}
.marketing-site #inicio h1{line-height:1.08;letter-spacing:-.02em}
.marketing-site #inicio .hero-description{margin-top:30px;max-width:470px;color:#bcc0b5;font-size:14px;line-height:1.85;text-wrap:pretty}
.marketing-site #inicio .hero-actions{margin-top:30px;gap:24px}
.marketing-site #inicio .hero-actions .button{min-height:56px;padding:17px 23px;border-radius:12px;font-size:12px;justify-content:center;box-shadow:inset 0 1px 0 #ffffff25;transition:background .2s,transform .2s}
.marketing-site #inicio .hero-actions .button:active{transform:scale(.985)}
.marketing-site #inicio .hero-actions .quiet-link{min-height:48px;border-bottom-color:#ffffff38;color:#dcdfd3;gap:18px}
.marketing-site #inicio .hero-values{padding-top:12px}
.marketing-site #inicio .hero-value-marks figcaption{color:#c5c8bc;letter-spacing:.18em}
.marketing-site #inicio .hero-values>p{color:#aeb4a4;letter-spacing:.12em}
.marketing-site #inicio .hero-values .hero-actions{justify-content:center}
.marketing-site #inicio .hero-foot{border-top-color:#ffffff12;color:#aeb3a4}
.marketing-site #inicio .hero-discover{display:none}
@media(max-width:760px){
 .marketing-site.marketing-site .site-header{height:76px;padding-inline:24px;gap:12px}
 .marketing-site.marketing-site .site-header .brand{width:112px;flex-shrink:0}
 .marketing-site.marketing-site .site-header .header-cta{font-size:11px;gap:7px;padding:10px 0;margin-left:auto;min-height:44px}
 .marketing-site.marketing-site .header-cta .training-user-icon{width:19px;height:19px}
 .marketing-site.marketing-site .header-cta .training-chevron{width:12px;height:12px}
 .marketing-site.marketing-site .site-header .menu-toggle{width:44px;height:44px;min-width:44px;padding:12px;border:0;border-radius:50%;background:#ffffff05}
 .marketing-site.marketing-site .site-header nav{top:76px;padding:16px 24px 24px;background:#151714;border-bottom:1px solid #ffffff12;border-radius:0 0 20px 20px;box-shadow:0 18px 36px #0003}
 .marketing-site.marketing-site .site-header nav a{min-height:48px;display:flex;align-items:center;padding:12px 0;font-size:13px}
 .marketing-site.marketing-site #inicio.hero-brand{min-height:0;padding:32px 24px 20px;gap:0}
 .marketing-site #inicio .hero-content .eyebrow{font-size:9px;line-height:1.6;letter-spacing:.12em;margin-bottom:24px}
 .marketing-site #inicio h1{font-size:clamp(28px,8.5vw,51px);line-height:1.12;letter-spacing:-.015em}
 .marketing-site #inicio h1 .grd-hero-line{white-space:nowrap;max-width:none}
 .marketing-site #inicio h1 .grd-hero-line:last-child{max-width:none}
 .marketing-site #inicio .hero-description{margin-top:20px;max-width:37ch;font-size:13px;line-height:1.75}
 .marketing-site #inicio .hero-actions{margin-top:28px;display:flex;flex-direction:column;align-items:stretch;gap:12px}
 .marketing-site #inicio .hero-actions .button{width:100%;min-height:54px;font-size:12px;padding:16px 20px;gap:12px}
 .marketing-site #inicio .hero-actions .quiet-link{align-self:flex-start;font-size:11px;gap:16px;min-height:44px}
 .marketing-site #inicio .hero-values{padding-top:28px;max-width:380px}
 .marketing-site #inicio .hero-value-marks{gap:24px}
 .marketing-site #inicio .hero-value-marks svg,.marketing-site #inicio .hero-value-marks img{height:60px;max-width:52px}
 .marketing-site #inicio .hero-value-marks figcaption{font-size:10px;margin-top:10px;letter-spacing:.16em}
 .marketing-site #inicio .hero-values>p{margin-top:18px;font-size:10px;line-height:1.6;letter-spacing:.12em}
 .marketing-site #inicio .hero-values .hero-actions{margin-top:22px;text-align:left}
 .marketing-site #inicio .hero-discover{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:8px;font:500 10px/1.6 Montserrat,Arial,sans-serif;letter-spacing:.08em;color:#b9beae;text-decoration:none;text-underline-offset:5px}
 .marketing-site #inicio .hero-discover:hover{color:var(--accent);text-decoration:underline}
 .marketing-site.marketing-site #metodo.intro{padding-top:28px}
 .marketing-site #inicio .hero-foot{bottom:24px;padding-top:18px;gap:8px;font-size:9px;line-height:1.6}
}
@media(max-width:360px){
 .marketing-site.marketing-site .site-header{padding-inline:18px;gap:8px}
 .marketing-site.marketing-site .site-header .brand{width:91px}
 .marketing-site.marketing-site .site-header .header-cta{font-size:10px;gap:6px}
 .marketing-site.marketing-site #inicio.hero-brand{padding-inline:20px;padding-top:28px}
 .marketing-site #inicio h1{font-size:28px}
 .marketing-site #inicio .hero-content .eyebrow{font-size:8px;letter-spacing:.1em}
 .marketing-site #inicio .hero-description{font-size:12px}
 .marketing-site #inicio .hero-actions .button{font-size:11px;padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){.marketing-site #inicio *, .marketing-site.marketing-site .site-header *{transition:none!important}}

/* Local mobile compositions. The approved content/order is identical. */
@media(max-width:760px){
 .marketing-site[data-hero-layout="editorial"] #inicio.hero-brand{padding-top:32px;padding-bottom:16px}
 .marketing-site[data-hero-layout="editorial"] #inicio h1{font-size:clamp(36px,11.5vw,57px);line-height:1.02;letter-spacing:-.02em}
 .marketing-site[data-hero-layout="editorial"] #inicio .hero-description{margin-top:18px;font-size:13px;line-height:1.65;max-width:37ch}
 .marketing-site[data-hero-layout="editorial"] #inicio .hero-values{padding-top:22px;max-width:380px}
 .marketing-site[data-hero-layout="editorial"] #inicio .hero-value-marks svg,
 .marketing-site[data-hero-layout="editorial"] #inicio .hero-value-marks img{height:52px;max-width:46px}
 .marketing-site[data-hero-layout="editorial"] #inicio .hero-value-marks figcaption{margin-top:8px}
 .marketing-site[data-hero-layout="editorial"] #inicio .hero-values>p{margin-top:14px}
 .marketing-site[data-hero-layout="editorial"] #inicio .hero-values .hero-actions{margin-top:20px}
 .marketing-site[data-hero-layout="editorial"] #inicio .hero-discover{margin-top:4px}

 .marketing-site[data-hero-layout="centered"] #inicio.hero-brand{padding-top:34px;padding-bottom:16px}
 .marketing-site[data-hero-layout="centered"] #inicio .hero-content{text-align:center;width:100%}
 .marketing-site[data-hero-layout="centered"] #inicio h1{font-size:clamp(34px,10.4vw,52px);line-height:1.04;letter-spacing:-.015em}
 .marketing-site[data-hero-layout="centered"] #inicio .hero-description{margin:20px auto 0;max-width:32ch;font-size:13px;line-height:1.7;text-wrap:balance}
 .marketing-site[data-hero-layout="centered"] #inicio .hero-values{padding-top:28px;max-width:320px}
 .marketing-site[data-hero-layout="centered"] #inicio .hero-value-marks{max-width:260px;margin-inline:auto;gap:24px}
 .marketing-site[data-hero-layout="centered"] #inicio .hero-value-marks svg,
 .marketing-site[data-hero-layout="centered"] #inicio .hero-value-marks img{height:56px;max-width:48px}
 .marketing-site[data-hero-layout="centered"] #inicio .hero-value-marks figcaption{margin-top:9px}
 .marketing-site[data-hero-layout="centered"] #inicio .hero-values>p{margin-top:18px}
 .marketing-site[data-hero-layout="centered"] #inicio .hero-values .hero-actions{margin-top:26px}
 .marketing-site[data-hero-layout="centered"] #inicio .hero-discover{margin-top:4px}

 /* Performance: a dominant editorial message and a quiet, inline brand signature. */
 .marketing-site[data-hero-layout="performance"] #inicio.hero-brand{padding:36px 24px 20px;gap:0;min-height:0}
 .marketing-site[data-hero-layout="performance"] #inicio .hero-content{max-width:560px;width:100%;text-align:left}
 .marketing-site[data-hero-layout="performance"] #inicio h1{font-size:clamp(42px,14vw,64px);line-height:1;letter-spacing:-.025em}
 .marketing-site[data-hero-layout="performance"] #inicio .hero-description{margin-top:20px;max-width:34ch;color:#c3c6bb;font-size:14px;line-height:1.75;text-wrap:pretty}
 .marketing-site[data-hero-layout="performance"] #inicio .hero-values{padding-top:26px;margin:0;max-width:560px;width:100%;text-align:left}
 .marketing-site[data-hero-layout="performance"] #inicio .hero-value-marks{display:flex;align-items:center;justify-content:flex-start;gap:26px}
 .marketing-site[data-hero-layout="performance"] #inicio .hero-value-marks figure{display:flex;align-items:center;gap:8px;min-width:0}
 .marketing-site[data-hero-layout="performance"] #inicio .hero-value-marks svg,
 .marketing-site[data-hero-layout="performance"] #inicio .hero-value-marks img{width:24px;height:29px;max-width:24px;margin:0;opacity:.85;flex-shrink:0}
 .marketing-site[data-hero-layout="performance"] #inicio .hero-value-marks figcaption{font-size:10px;line-height:1.5;letter-spacing:.06em;margin:0;color:#b8bdad}
 .marketing-site[data-hero-layout="performance"] #inicio .hero-values>p{margin-top:28px;text-align:left;font-size:12px;line-height:1.6;letter-spacing:.04em;color:#d5d8cd}
 .marketing-site[data-hero-layout="performance"] #inicio .hero-values .hero-actions{margin-top:16px}
 .marketing-site[data-hero-layout="performance"] #inicio .hero-actions .button{min-height:54px;border-radius:12px;font-size:12px}
 .marketing-site[data-hero-layout="performance"] #inicio .hero-discover{display:flex;width:max-content;min-height:44px;margin:10px auto 0;font-size:10px;letter-spacing:.04em}
}
@media(max-width:360px){
 .marketing-site[data-hero-layout="performance"] #inicio.hero-brand{padding-inline:20px;padding-top:30px}
 .marketing-site[data-hero-layout="performance"] #inicio .hero-description{font-size:13px;line-height:1.7}
 .marketing-site[data-hero-layout="performance"] #inicio .hero-value-marks{gap:19px}
 .marketing-site[data-hero-layout="performance"] #inicio .hero-value-marks figure{gap:6px}
}

/* Quiet: restrained type, centered marks and a lighter primary action. */
@media(max-width:760px){
 .marketing-site #emilio .purpose-copy>.eyebrow{transform:translateY(-48px);text-shadow:0 1px 10px #000,0 2px 4px #000}
}
@media(max-width:760px){
 .marketing-site[data-hero-layout="quiet"] #inicio.hero-brand{padding:42px 28px 30px;min-height:0;gap:0}
 .marketing-site[data-hero-layout="quiet"] #inicio .hero-content{width:100%;max-width:520px;text-align:left}
 .marketing-site[data-hero-layout="quiet"] #inicio h1{font-size:clamp(30px,9vw,46px);line-height:1.15;letter-spacing:-.005em}
 .marketing-site[data-hero-layout="quiet"] #inicio .hero-description{margin-top:24px;max-width:35ch;font-size:13px;line-height:1.85;color:#b9bdb2;text-wrap:pretty}
 .marketing-site[data-hero-layout="quiet"] #inicio .hero-values{padding-top:36px;max-width:360px;width:100%;margin-inline:auto;text-align:center}
 .marketing-site[data-hero-layout="quiet"] #inicio .hero-value-marks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;max-width:290px;margin-inline:auto}
 .marketing-site[data-hero-layout="quiet"] #inicio .hero-value-marks svg,
 .marketing-site[data-hero-layout="quiet"] #inicio .hero-value-marks img{width:48px;max-width:48px;height:58px;margin-inline:auto}
 .marketing-site[data-hero-layout="quiet"] #inicio .hero-value-marks figcaption{margin-top:12px;font-size:10px;line-height:1.6;letter-spacing:.12em;color:#b9bdb2}
 .marketing-site[data-hero-layout="quiet"] #inicio .hero-values>p{margin-top:24px;font-size:11px;line-height:1.7;letter-spacing:.06em;color:#b9bdb2;text-align:center}
 .marketing-site[data-hero-layout="quiet"] #inicio .hero-values .hero-actions{margin-top:20px;align-items:center}
 .marketing-site[data-hero-layout="quiet"] #inicio .hero-actions .button{width:auto;min-height:48px;padding:13px 25px;border-radius:999px;font-size:11px;font-weight:600;box-shadow:none;gap:0}
 .marketing-site[data-hero-layout="quiet"] #inicio .hero-discover{display:none}
}
@media(max-width:360px){
 .marketing-site[data-hero-layout="quiet"] #inicio.hero-brand{padding:34px 24px 26px}
 .marketing-site[data-hero-layout="quiet"] #inicio .hero-description{font-size:12px}
 .marketing-site[data-hero-layout="quiet"] #inicio .hero-value-marks{gap:24px}
}