.amx-sim { --amx-sim-rem: 16px; --amx-sim-primary:        #08467F;
--amx-sim-primary-deep:   #062544;
--amx-sim-primary-soft:   #0D5A9C;
--amx-sim-accent:         #B8BE14;
--amx-sim-accent-deep:    #9EA514; --amx-sim-ink:            #14202B; --amx-sim-ink-muted:      #48566A; --amx-sim-ink-faint:      #7E8B98; --amx-sim-surface:        #FFFFFF;
--amx-sim-surface-alt:    #F4F5F0; --amx-sim-section-alt:    #FAFBFC; --amx-sim-border:         rgba(20, 32, 43, 0.12);
--amx-sim-border-strong:  rgba(20, 32, 43, 0.22); --amx-sim-border-brand:   rgba(8, 70, 127, 0.28); --amx-sim-on-dark:        #F4F5EA; --amx-sim-on-dark-muted:  rgba(244, 245, 234, 0.76);
--amx-sim-on-dark-border: rgba(244, 245, 234, 0.22);
--amx-sim-on-dark-wash:   rgba(244, 245, 234, 0.08); --amx-sim-font: "Public Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
--amx-sim-fs-display: clamp(calc(2 * var(--amx-sim-rem)), calc(1.35 * var(--amx-sim-rem)) + 3vw, calc(3.25 * var(--amx-sim-rem)));
--amx-sim-fs-h2:      clamp(calc(1.5 * var(--amx-sim-rem)), calc(1.2 * var(--amx-sim-rem)) + 1.4vw, calc(2.25 * var(--amx-sim-rem)));
--amx-sim-fs-h3:      clamp(calc(1.1 * var(--amx-sim-rem)), calc(1 * var(--amx-sim-rem)) + 0.5vw, calc(1.375 * var(--amx-sim-rem)));
--amx-sim-fs-lead:  calc(1.125 * var(--amx-sim-rem));
--amx-sim-fs-body:  calc(1 * var(--amx-sim-rem));
--amx-sim-fs-small: calc(0.875 * var(--amx-sim-rem));
--amx-sim-fs-xs:    calc(0.75 * var(--amx-sim-rem));
--amx-sim-lh-heading: 1.2;
--amx-sim-lh-body: 1.65; --amx-sim-space-2xs: calc(0.25 * var(--amx-sim-rem));
--amx-sim-space-xs:  calc(0.5 * var(--amx-sim-rem));
--amx-sim-space-sm:  calc(0.75 * var(--amx-sim-rem));
--amx-sim-space-md:  calc(1 * var(--amx-sim-rem));
--amx-sim-space-lg:  calc(1.5 * var(--amx-sim-rem));
--amx-sim-space-xl:  calc(2 * var(--amx-sim-rem));
--amx-sim-space-2xl: calc(3 * var(--amx-sim-rem));
--amx-sim-space-3xl: calc(4 * var(--amx-sim-rem)); --amx-sim-radius-sm:   8px;
--amx-sim-radius-lg:   16px;
--amx-sim-radius-pill: 999px;
--amx-sim-shadow-sm: 0 1px 2px rgba(20, 32, 43, 0.06);
--amx-sim-shadow-md: 0 4px 16px rgba(20, 32, 43, 0.08);
--amx-sim-shadow-lg: 0 12px 40px rgba(20, 32, 43, 0.14); --amx-sim-container-max: 1440px;
--amx-sim-gutter: 20px;
--amx-sim-touch: 44px;
--amx-sim-transition: 150ms ease;
font-family: var(--amx-sim-font);
font-size: var(--amx-sim-fs-body);
line-height: var(--amx-sim-lh-body);
color: var(--amx-sim-ink);
background: var(--amx-sim-surface);
-webkit-font-smoothing: antialiased;
isolation: isolate;
overflow-x: clip;
}
@media (min-width: 768px)  { .amx-sim { --amx-sim-gutter: 64px; } }
@media (min-width: 1024px) { .amx-sim { --amx-sim-gutter: 96px; } }
@media (min-width: 1440px) { .amx-sim { --amx-sim-gutter: 121px; } }
.amx-sim *,
.amx-sim *::before,
.amx-sim *::after { box-sizing: border-box; } .amx-sim :where(p, h1, h2, h3, h4, ul, ol, figure) { margin: 0; padding: 0; }
.amx-sim :where(ul, ol) { list-style: none; }
.amx-sim :where(img) { max-width: 100%; display: block; } .amx-sim__h1 { font-size: var(--amx-sim-fs-display); line-height: var(--amx-sim-lh-heading); font-weight: 700; }
.amx-sim__h2 { font-size: var(--amx-sim-fs-h2); line-height: var(--amx-sim-lh-heading); font-weight: 700; }
.amx-sim__h3 { font-size: var(--amx-sim-fs-h3); line-height: var(--amx-sim-lh-heading); font-weight: 700; }
.amx-sim__lead { font-size: var(--amx-sim-fs-lead); line-height: 1.6; color: var(--amx-sim-ink-muted); max-width: 66ch; }
.amx-sim__label { font-size: var(--amx-sim-fs-xs); font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; }
.amx-sim__caption { font-size: var(--amx-sim-fs-xs); line-height: 1.5; color: var(--amx-sim-ink-muted); } .amx-sim__env { width: 100%; max-width: var(--amx-sim-container-max); margin-inline: auto; padding-inline: var(--amx-sim-gutter); }
.amx-sim__seccion { padding-block: clamp(calc(2.5 * var(--amx-sim-rem)), 6vw, calc(4.5 * var(--amx-sim-rem))); background: var(--amx-sim-surface); } .amx-sim__seccion, .amx-sim__portada { scroll-margin-top: calc(6 * var(--amx-sim-rem)); }
.amx-sim__seccion--alt { background: var(--amx-sim-section-alt); }
.amx-sim__titulo-bloque { display: flex; flex-direction: column; gap: calc(0.75 * var(--amx-sim-rem)); margin-bottom: calc(2 * var(--amx-sim-rem)); }
.amx-sim__titulo-bloque .amx-sim__h2 { max-width: 30ch; } .amx-sim__btn {
display: inline-flex; align-items: center; justify-content: center;
gap: var(--amx-sim-space-xs);
min-height: 48px; min-width: var(--amx-sim-touch);
padding: calc(0.85 * var(--amx-sim-rem)) calc(1.5 * var(--amx-sim-rem));
border-radius: var(--amx-sim-radius-pill);
border: 1.5px solid transparent;
font-family: inherit; font-size: calc(0.95 * var(--amx-sim-rem)); font-weight: 600;
text-decoration: none; cursor: pointer;
background: var(--amx-sim-accent); color: var(--amx-sim-primary-deep);
transition: background var(--amx-sim-transition), border-color var(--amx-sim-transition), color var(--amx-sim-transition);
}
.amx-sim__btn:hover { background: var(--amx-sim-accent-deep); }
.amx-sim__btn:focus-visible { outline: 2px solid var(--amx-sim-primary); outline-offset: 3px; }
.amx-sim__btn--grande { min-height: 52px; padding: calc(1 * var(--amx-sim-rem)) calc(1.85 * var(--amx-sim-rem)); font-size: var(--amx-sim-fs-body); } .amx-sim__btn--hueco { background: transparent; border-color: var(--amx-sim-accent); color: var(--amx-sim-primary); }
.amx-sim__btn--hueco:hover { background: var(--amx-sim-accent); color: var(--amx-sim-primary-deep); } .amx-sim__btn--sobre-oscuro { background: transparent; border-color: var(--amx-sim-on-dark-border); color: var(--amx-sim-on-dark); }
.amx-sim__btn--sobre-oscuro:hover { border-color: var(--amx-sim-on-dark); }
.amx-sim__btn--ancho { width: 100%; } .amx-sim__sello {
display: inline-flex; align-items: center; gap: calc(0.5 * var(--amx-sim-rem));
font-size: var(--amx-sim-fs-xs); font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase;
padding: calc(0.4 * var(--amx-sim-rem)) calc(0.9 * var(--amx-sim-rem));
border-radius: var(--amx-sim-radius-pill);
background: var(--amx-sim-surface); color: var(--amx-sim-primary);
border: 1px solid var(--amx-sim-border-brand);
box-shadow: var(--amx-sim-shadow-sm);
} .amx-sim__sello-punto {
width: calc(0.4375 * var(--amx-sim-rem)); height: calc(0.4375 * var(--amx-sim-rem));
border-radius: 50%; background: var(--amx-sim-accent); flex: none;
box-shadow: 0 0 0 3px rgba(184, 190, 20, 0.22);
} .amx-sim__header {
position: sticky; top: 0; z-index: 20;
background: var(--amx-sim-surface); border-bottom: 1px solid var(--amx-sim-border);
}
.amx-sim__header .amx-sim__env {
display: flex; align-items: center; justify-content: space-between; gap: calc(1 * var(--amx-sim-rem));
min-height: calc(5 * var(--amx-sim-rem)); }
.amx-sim__marca { font-weight: 700; color: var(--amx-sim-primary); }
.amx-sim__nav { display: flex; align-items: center; gap: calc(1.5 * var(--amx-sim-rem)); }
.amx-sim__nav-enlaces { display: flex; gap: calc(1.5 * var(--amx-sim-rem)); }
.amx-sim__nav-enlaces a { color: var(--amx-sim-ink); text-decoration: none; font-weight: 500; }
.amx-sim__nav-enlaces a:hover { color: var(--amx-sim-primary); text-decoration: underline; }
@media (max-width: 1023px) { .amx-sim__nav-enlaces { display: none; } } .amx-sim__portada {
background: var(--amx-sim-primary); color: var(--amx-sim-on-dark);
border-radius: 35px 35px 0 0;
}
.amx-sim__portada .amx-sim__h1 { color: var(--amx-sim-on-dark); }
.amx-sim__portada .amx-sim__lead { color: var(--amx-sim-on-dark-muted); } .amx-sim__portada .amx-sim__sello { background: var(--amx-sim-surface); border-color: transparent; }
.amx-sim__portada .amx-sim__btn--hueco {
background: transparent; border-color: var(--amx-sim-on-dark-border); color: var(--amx-sim-on-dark);
}
.amx-sim__portada .amx-sim__btn--hueco:hover { border-color: var(--amx-sim-on-dark); background: var(--amx-sim-on-dark-wash); color: var(--amx-sim-on-dark); }
.amx-sim__captura--hero { border-color: var(--amx-sim-on-dark-border); }
.amx-sim__portada .amx-sim__env {
display: grid; grid-template-columns: 1fr 1fr; gap: calc(3.5 * var(--amx-sim-rem));
align-items: center; padding-block: calc(4.5 * var(--amx-sim-rem));
}
.amx-sim__portada-texto { display: flex; flex-direction: column; gap: calc(1.375 * var(--amx-sim-rem)); align-items: flex-start; }
.amx-sim__acciones { display: flex; flex-wrap: wrap; gap: calc(0.75 * var(--amx-sim-rem)); }
@media (max-width: 899px) {
.amx-sim__portada .amx-sim__env { grid-template-columns: 1fr; gap: calc(2 * var(--amx-sim-rem)); padding-block: calc(2.5 * var(--amx-sim-rem)); } .amx-sim__captura--hero { order: 2; }
.amx-sim__acciones { width: 100%; }
.amx-sim__acciones .amx-sim__btn { flex: 1 1 auto; }
} .amx-sim__captura {
margin: 0; border: 1px solid var(--amx-sim-border);
border-radius: var(--amx-sim-radius-lg); background: var(--amx-sim-surface);
box-shadow: var(--amx-sim-shadow-md); overflow: hidden;
}
.amx-sim__captura img { width: 100%; height: auto; display: block; }
.amx-sim__captura :where(figcaption) {
padding: var(--amx-sim-space-sm) var(--amx-sim-space-md);
border-top: 1px solid var(--amx-sim-border); background: var(--amx-sim-section-alt);
}
.amx-sim__captura--hero { box-shadow: var(--amx-sim-shadow-lg); } .amx-sim__captura--bot { background: transparent; border-color: var(--amx-sim-on-dark-border); }
.amx-sim__pie-bot {
padding: var(--amx-sim-space-sm) var(--amx-sim-space-md);
border-top: 1px solid var(--amx-sim-on-dark-border);
background: var(--amx-sim-primary-deep);
font-size: var(--amx-sim-fs-small); line-height: 1.5;
color: var(--amx-sim-on-dark);
} .amx-sim__cifras { background: var(--amx-sim-primary); color: var(--amx-sim-on-dark); }
.amx-sim__cifras-grid {
display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(1.75 * var(--amx-sim-rem));
padding-block: calc(2.25 * var(--amx-sim-rem));
}
.amx-sim__cifra { display: flex; flex-direction: column; gap: calc(0.25 * var(--amx-sim-rem)); }
.amx-sim__cifra b { font-size: calc(2.375 * var(--amx-sim-rem)); line-height: 1; font-weight: 700; }
.amx-sim__cifra span { font-size: var(--amx-sim-fs-small); color: var(--amx-sim-on-dark-muted); }
.amx-sim__sellos {
color: var(--amx-sim-on-dark-muted);
display: flex; flex-wrap: wrap; gap: var(--amx-sim-space-lg);
padding-bottom: calc(2.25 * var(--amx-sim-rem));
border-top: 1px solid var(--amx-sim-on-dark-border); padding-top: calc(1.25 * var(--amx-sim-rem));
font-size: calc(0.875 * var(--amx-sim-rem));
}
.amx-sim__sellos b { color: var(--amx-sim-accent); font-weight: 700; }
@media (max-width: 767px) { .amx-sim__cifras-grid {
grid-template-columns: max-content 1fr;
column-gap: var(--amx-sim-space-md); row-gap: var(--amx-sim-space-md);
}
.amx-sim__cifra { display: contents; }
.amx-sim__cifra b { white-space: nowrap; justify-self: end; text-align: right; }
.amx-sim__cifra span { align-self: center; }
.amx-sim__sellos { flex-direction: column; gap: calc(0.5 * var(--amx-sim-rem)); }
} .amx-sim__malla { display: grid; gap: 1px; background: var(--amx-sim-border); border: 1px solid var(--amx-sim-border); border-radius: var(--amx-sim-radius-lg); overflow: hidden; }
.amx-sim__malla--3 { grid-template-columns: repeat(3, 1fr); }
.amx-sim__malla--2 { grid-template-columns: repeat(2, 1fr); }
.amx-sim__celda { background: var(--amx-sim-surface); box-shadow: var(--amx-sim-shadow-sm); padding: calc(1.75 * var(--amx-sim-rem)); display: flex; flex-direction: column; gap: calc(0.625 * var(--amx-sim-rem)); }
@media (max-width: 1023px) { .amx-sim__malla--3 { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .amx-sim__malla--3, .amx-sim__malla--2 { grid-template-columns: 1fr; } } .amx-sim__par { display: grid; grid-template-columns: 1fr 1fr; gap: calc(1 * var(--amx-sim-rem)); margin-top: calc(1.5 * var(--amx-sim-rem)); }
.amx-sim__tarjeta { padding: calc(1.5 * var(--amx-sim-rem)); border-radius: var(--amx-sim-radius-lg); display: flex; flex-direction: column; gap: calc(0.375 * var(--amx-sim-rem)); }
.amx-sim__tarjeta--clara { background: var(--amx-sim-section-alt); border: 1px solid var(--amx-sim-border); }
.amx-sim__tarjeta--oscura { background: var(--amx-sim-primary); color: var(--amx-sim-on-dark); }
.amx-sim__tarjeta--oscura .amx-sim__label { color: var(--amx-sim-accent); }
@media (max-width: 767px) { .amx-sim__par { grid-template-columns: 1fr; } } .amx-sim__familia { margin-bottom: calc(2 * var(--amx-sim-rem)); }
.amx-sim__familia-titulo {
display: flex; align-items: baseline; flex-wrap: wrap;
gap: calc(0.5 * var(--amx-sim-rem)) calc(0.75 * var(--amx-sim-rem));
margin-bottom: calc(1.125 * var(--amx-sim-rem));
padding-bottom: calc(0.625 * var(--amx-sim-rem));
border-bottom: 2px solid var(--amx-sim-accent);
} .amx-sim__familia-titulo .amx-sim__label {
background: var(--amx-sim-primary); color: var(--amx-sim-on-dark);
padding: calc(0.3 * var(--amx-sim-rem)) calc(0.7 * var(--amx-sim-rem));
border-radius: var(--amx-sim-radius-pill); flex: none;
}
.amx-sim__familia-titulo > span:not(.amx-sim__label) {
color: var(--amx-sim-ink); font-size: var(--amx-sim-fs-body); font-weight: 600;
}
.amx-sim__lista-herr { list-style: none; display: grid; gap: calc(0.75 * var(--amx-sim-rem)); }
.amx-sim__lista-herr--2 { grid-template-columns: repeat(2, 1fr); }
.amx-sim__lista-herr--3 { grid-template-columns: repeat(3, 1fr); } .amx-sim__lista-herr li {
position: relative; align-items: flex-start; background: var(--amx-sim-surface);
box-shadow: var(--amx-sim-shadow-sm);
border: 1px solid var(--amx-sim-border);
border-radius: var(--amx-sim-radius-lg); padding: calc(1.35 * var(--amx-sim-rem));
display: flex; flex-direction: column; gap: calc(0.25 * var(--amx-sim-rem));
}
.amx-sim__lista-herr li strong { color: var(--amx-sim-primary); font-size: calc(1.25 * var(--amx-sim-rem)); line-height: 1.25; }
.amx-sim__lista-herr li span:not(.amx-sim__chip-icono) { color: var(--amx-sim-ink-muted); font-size: var(--amx-sim-fs-small); }
@media (max-width: 767px) {
.amx-sim__lista-herr--2, .amx-sim__lista-herr--3 { grid-template-columns: 1fr; gap: 0; }
.amx-sim__lista-herr li { border-radius: 0; border-bottom: none; padding: calc(1 * var(--amx-sim-rem)); }
.amx-sim__lista-herr li:first-child { border-top-left-radius: var(--amx-sim-radius-lg); border-top-right-radius: var(--amx-sim-radius-lg); }
.amx-sim__lista-herr li:last-child { border-bottom: 1px solid var(--amx-sim-border); border-bottom-left-radius: var(--amx-sim-radius-lg); border-bottom-right-radius: var(--amx-sim-radius-lg); }
} .amx-sim__pasos { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: calc(1 * var(--amx-sim-rem)); }
.amx-sim__pasos li { display: flex; flex-direction: column; gap: calc(0.625 * var(--amx-sim-rem)); border-top: 3px solid var(--amx-sim-primary); padding-top: calc(1.125 * var(--amx-sim-rem)); }
.amx-sim__pasos li:last-child { border-top-color: var(--amx-sim-accent); }
@media (max-width: 1023px) { .amx-sim__pasos { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 767px) { .amx-sim__pasos { grid-template-columns: 1fr; } }  .amx-sim__seccion--video { background: var(--amx-sim-surface); }
.amx-sim__video-bloque {
background: var(--amx-sim-section-alt);
border: 1px solid var(--amx-sim-border);
border-radius: var(--amx-sim-radius-lg);
padding: calc(2.5 * var(--amx-sim-rem));
}
@media (max-width: 767px) { .amx-sim__video-bloque { padding: calc(1.5 * var(--amx-sim-rem)); } }
.amx-sim__video-bloque {
display: grid; grid-template-columns: minmax(0, 1fr) auto;
gap: var(--amx-sim-space-2xl); align-items: center;
} @media (max-width: 899px) {
.amx-sim__video-bloque { grid-template-columns: 1fr; justify-items: center; }
.amx-sim__video-info { order: -1; }
}
.amx-sim__video-marco {
position: relative; width: calc(19 * var(--amx-sim-rem)); max-width: 100%;
aspect-ratio: 9 / 16;
background: var(--amx-sim-primary-deep);
border-radius: var(--amx-sim-radius-lg); overflow: hidden;
box-shadow: var(--amx-sim-shadow-lg);
}
@media (max-width: 767px) { .amx-sim__video-marco { width: calc(18.75 * var(--amx-sim-rem)); } }
.amx-sim__video-marco iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.amx-sim__video-fachada {
position: absolute; inset: 0; width: 100%; height: 100%;
display: block; padding: 0; border: 0; background: none; cursor: pointer;
font-family: inherit; color: var(--amx-sim-on-dark);
}
.amx-sim__video-fachada:focus-visible { outline: 3px solid var(--amx-sim-accent); outline-offset: -3px; }
.amx-sim__video-poster { width: 100%; height: 100%; object-fit: cover; display: block; }
.amx-sim__play {
position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
width: calc(4.5 * var(--amx-sim-rem)); height: calc(4.5 * var(--amx-sim-rem));
border-radius: 50%; display: flex; align-items: center; justify-content: center;
background: var(--amx-sim-accent); color: var(--amx-sim-primary-deep);
box-shadow: 0 4px 16px rgba(6, 37, 68, 0.35);
transition: transform var(--amx-sim-transition);
}
.amx-sim__video-fachada:hover .amx-sim__play { transform: translate(-50%, -50%) scale(1.06); }
.amx-sim__video-texto {
position: absolute; left: 0; right: 0; bottom: 0;
padding: var(--amx-sim-space-md);
font-size: var(--amx-sim-fs-small); font-weight: 600; text-align: center; background: linear-gradient(to top, rgba(6, 37, 68, 0.96) 55%, rgba(6, 37, 68, 0));
}
.amx-sim__video-info { display: flex; flex-direction: column; gap: var(--amx-sim-space-md); align-items: flex-start; max-width: 46ch; }
.amx-sim__video-lista { display: flex; flex-direction: column; gap: var(--amx-sim-space-sm); width: 100%; }
.amx-sim__video-lista li { display: grid; grid-template-columns: auto 1fr; gap: var(--amx-sim-space-sm); align-items: baseline; font-size: var(--amx-sim-fs-small); color: var(--amx-sim-ink-muted); }
.amx-sim__video-lista li::before {
content: ""; width: calc(0.5 * var(--amx-sim-rem)); height: calc(0.5 * var(--amx-sim-rem));
border-radius: 50%; background: var(--amx-sim-accent); transform: translateY(-2px);
} .amx-sim__panel { background: var(--amx-sim-surface); border: 1px solid var(--amx-sim-border); border-radius: var(--amx-sim-radius-lg); padding: calc(2.75 * var(--amx-sim-rem)); display: flex; flex-direction: column; gap: calc(1.75 * var(--amx-sim-rem)); } .amx-sim__panel > .amx-sim__btn { align-self: center; }
@media (max-width: 767px) { .amx-sim__panel { padding: calc(1.5 * var(--amx-sim-rem)); } }
.amx-sim__ruta { display: flex; align-items: flex-start; }
.amx-sim__hito { display: flex; flex-direction: column; align-items: center; gap: calc(0.375 * var(--amx-sim-rem)); width: calc(7.5 * var(--amx-sim-rem)); flex-shrink: 0; text-align: center; }
.amx-sim__hito i { width: calc(2.75 * var(--amx-sim-rem)); height: calc(2.75 * var(--amx-sim-rem)); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-style: normal; font-weight: 700; font-size: calc(0.875 * var(--amx-sim-rem)); }
.amx-sim__hito--ini i { background: var(--amx-sim-primary); color: var(--amx-sim-on-dark); }
.amx-sim__hito--fin i { background: var(--amx-sim-accent); color: var(--amx-sim-primary); }
.amx-sim__tramo { flex-grow: 1; display: flex; justify-content: space-between; align-items: center; border-top: 2px solid var(--amx-sim-border); margin-top: calc(1.3125 * var(--amx-sim-rem)); }
.amx-sim__tramo span { width: calc(0.75 * var(--amx-sim-rem)); height: calc(0.75 * var(--amx-sim-rem)); border-radius: 50%; background: var(--amx-sim-border); margin-top: calc(-0.5 * var(--amx-sim-rem)); }
.amx-sim__ruta-movil { display: none; }
@media (max-width: 767px) { .amx-sim__ruta { display: none; }
.amx-sim__ruta-movil {
display: flex; align-items: center; gap: var(--amx-sim-space-lg);
background: var(--amx-sim-surface-alt); border-radius: var(--amx-sim-radius-lg);
padding: var(--amx-sim-space-lg) var(--amx-sim-space-md);
text-align: left; line-height: 1.45;
}
.amx-sim__ruta-movil b {
font-size: calc(1.5 * var(--amx-sim-rem)); font-weight: 700; line-height: 1;
color: var(--amx-sim-primary); white-space: nowrap; flex: none;
}
.amx-sim__ruta-movil span { font-size: var(--amx-sim-fs-small); color: var(--amx-sim-ink-muted); }
}
.amx-sim__logro b { display: block; font-size: calc(2.25 * var(--amx-sim-rem)); line-height: 1.1; font-weight: 700; }
.amx-sim__pie-dato { font-size: var(--amx-sim-fs-small); color: var(--amx-sim-ink-muted); } .amx-sim__solo-movil { display: none; }
@media (max-width: 767px) {
.amx-sim__solo-movil { display: inline-flex; }
#acceso .hc-form-container { display: none; }
} .amx-sim__bot { background: var(--amx-sim-primary); color: var(--amx-sim-on-dark); border-radius: var(--amx-sim-radius-lg); padding: calc(3 * var(--amx-sim-rem)); display: grid; grid-template-columns: 1fr 1fr; gap: calc(3 * var(--amx-sim-rem)); align-items: center; }
@media (max-width: 899px) { .amx-sim__bot { grid-template-columns: 1fr; padding: var(--amx-sim-space-lg); gap: var(--amx-sim-space-lg); } }
@media (max-width: 767px) {
.amx-sim__bot-lista li { padding-block: var(--amx-sim-space-xs); }
.amx-sim__chat { padding: var(--amx-sim-space-md); gap: var(--amx-sim-space-sm); }
}
.amx-sim__bot-lista { list-style: none; }
.amx-sim__bot-lista li { border-top: 1px solid var(--amx-sim-on-dark-border); padding: calc(0.625 * var(--amx-sim-rem)) 0; }
.amx-sim__bot-lista b { color: var(--amx-sim-accent); }
.amx-sim__chat { background: var(--amx-sim-primary-deep); border: 1px solid var(--amx-sim-on-dark-border); border-radius: var(--amx-sim-radius-lg); padding: calc(1.5 * var(--amx-sim-rem)); display: flex; flex-direction: column; gap: calc(0.875 * var(--amx-sim-rem)); }
.amx-sim__chat-yo { align-self: flex-end; max-width: 80%; background: var(--amx-sim-accent); color: var(--amx-sim-primary-deep); padding: calc(0.75 * var(--amx-sim-rem)) calc(1 * var(--amx-sim-rem)); border-radius: 14px 14px 2px 14px; font-size: calc(0.9375 * var(--amx-sim-rem)); }
.amx-sim__chat-el { align-self: flex-start; max-width: 88%; background: var(--amx-sim-surface); color: var(--amx-sim-ink); padding: calc(0.875 * var(--amx-sim-rem)) calc(1 * var(--amx-sim-rem)); border-radius: 14px 14px 14px 2px; font-size: calc(0.90625 * var(--amx-sim-rem)); display: flex; flex-direction: column; gap: calc(0.375 * var(--amx-sim-rem)); } .amx-sim__auto { display: grid; grid-template-columns: 1fr 1fr; gap: calc(3 * var(--amx-sim-rem)); align-items: center; }
@media (max-width: 899px) { .amx-sim__auto { grid-template-columns: 1fr; gap: calc(2 * var(--amx-sim-rem)); } } @media (min-width: 900px) { .amx-sim__auto-visual { order: -1; } }
.amx-sim__config { background: var(--amx-sim-surface); border: 1px solid var(--amx-sim-border); border-radius: var(--amx-sim-radius-lg); padding: calc(1.75 * var(--amx-sim-rem)); display: flex; flex-direction: column; gap: calc(1.125 * var(--amx-sim-rem)); align-items: flex-start; }
.amx-sim__campo { display: flex; flex-direction: column; gap: calc(0.375 * var(--amx-sim-rem)); width: 100%; }
.amx-sim__sel { border: 1px solid var(--amx-sim-border); border-radius: var(--amx-sim-radius-lg); padding: calc(0.75 * var(--amx-sim-rem)) calc(0.875 * var(--amx-sim-rem)); font-weight: 500; }
.amx-sim__chips { display: flex; flex-wrap: wrap; gap: calc(0.5 * var(--amx-sim-rem)); }
.amx-sim__chip { padding: calc(0.5 * var(--amx-sim-rem)) calc(0.875 * var(--amx-sim-rem)); border-radius: var(--amx-sim-radius-lg); font-size: calc(0.90625 * var(--amx-sim-rem)); background: var(--amx-sim-section-alt); border: 1px solid var(--amx-sim-border); }
.amx-sim__chip--on { background: var(--amx-sim-primary); border-color: var(--amx-sim-primary); color: var(--amx-sim-on-dark); }
.amx-sim__momentos { display: grid; grid-template-columns: repeat(3, 1fr); gap: calc(0.625 * var(--amx-sim-rem)); margin-top: calc(1.25 * var(--amx-sim-rem)); }
.amx-sim__momentos div { background: var(--amx-sim-section-alt); border: 1px solid var(--amx-sim-border); border-radius: var(--amx-sim-radius-lg); padding: calc(1 * var(--amx-sim-rem)); display: flex; flex-direction: column; gap: calc(0.25 * var(--amx-sim-rem)); }
@media (max-width: 767px) { .amx-sim__momentos { grid-template-columns: 1fr; } } .amx-sim__garantia { background: var(--amx-sim-surface); border: 1px solid var(--amx-sim-border); border-radius: var(--amx-sim-radius-lg); display: grid; grid-template-columns: 0.9fr 1.1fr; overflow: hidden; }
@media (max-width: 899px) { .amx-sim__garantia { grid-template-columns: 1fr; } }
.amx-sim__garantia-izq { background: var(--amx-sim-section-alt); padding: calc(2.75 * var(--amx-sim-rem)); display: flex; flex-direction: column; gap: calc(1 * var(--amx-sim-rem)); }
.amx-sim__garantia-der { padding: calc(2.75 * var(--amx-sim-rem)); }
@media (max-width: 767px) { .amx-sim__garantia-izq, .amx-sim__garantia-der { padding: calc(1.5 * var(--amx-sim-rem)); } }
.amx-sim__big80 { display: grid; grid-template-columns: 1fr 1fr; gap: var(--amx-sim-space-md); }
.amx-sim__big80 .amx-sim__dato-valor { font-size: calc(2.25 * var(--amx-sim-rem)); }
.amx-sim__requisitos { list-style: none; counter-reset: req; }
.amx-sim__requisitos li { counter-increment: req; display: grid; grid-template-columns: calc(2 * var(--amx-sim-rem)) 1fr; gap: calc(0.75 * var(--amx-sim-rem)); padding: calc(0.75 * var(--amx-sim-rem)) 0; border-top: 1px solid var(--amx-sim-border); }
.amx-sim__requisitos li::before { content: counter(req); font-weight: 700; font-size: calc(1.25 * var(--amx-sim-rem)); color: var(--amx-sim-primary); }
.amx-sim__letra-chica { font-size: var(--amx-sim-fs-small); color: var(--amx-sim-ink-muted); margin-top: var(--amx-sim-space-md); }  .amx-sim__plegable { display: block; border-bottom: 1px solid var(--amx-sim-border); }
.amx-sim__faq-q {
list-style: none; cursor: pointer; display: flex; align-items: center;
gap: var(--amx-sim-space-sm); padding-block: var(--amx-sim-space-md);
font-weight: 700; color: var(--amx-sim-ink); min-height: var(--amx-sim-touch);
} .amx-sim__faq-q::before {
content: "●"; flex: none; color: var(--amx-sim-accent-deep);
font-size: calc(0.6 * var(--amx-sim-rem)); line-height: 1;
}
.amx-sim__faq-q::-webkit-details-marker { display: none; }
.amx-sim__faq-q::marker { content: ""; }
.amx-sim__plegable:hover .amx-sim__faq-q,
.amx-sim__plegable:focus-within .amx-sim__faq-q { color: var(--amx-sim-primary); }
.amx-sim__faq-q-texto { flex: 1; margin: 0; font-size: var(--amx-sim-fs-body); font-weight: inherit; color: inherit; line-height: 1.4; }
.amx-sim__faq-icono {
flex: none; display: inline-flex; align-items: center; justify-content: center;
width: calc(1.5 * var(--amx-sim-rem)); height: calc(1.5 * var(--amx-sim-rem));
color: var(--amx-sim-ink-faint); font-weight: 700; font-size: var(--amx-sim-fs-body);
transition: transform var(--amx-sim-transition), background var(--amx-sim-transition),
border-color var(--amx-sim-transition), color var(--amx-sim-transition);
}
.amx-sim__plegable:hover .amx-sim__faq-icono { border-color: var(--amx-sim-primary); }
@media (max-width: 767px) { .amx-sim__faq-icono { width: calc(1.75 * var(--amx-sim-rem)); height: calc(1.75 * var(--amx-sim-rem)); }
}
.amx-sim__plegable[open] .amx-sim__faq-icono { transform: rotate(45deg); color: var(--amx-sim-accent-deep); }
.amx-sim__faq-r { padding-bottom: var(--amx-sim-space-md); color: var(--amx-sim-ink-muted); display: flex; flex-direction: column; gap: var(--amx-sim-space-xs); }
.amx-sim__plegable--bloque { border-bottom: 0; } @media (min-width: 768px) {
.amx-sim__plegable--bloque > .amx-sim__faq-q { cursor: default; padding-top: 0; }
.amx-sim__plegable--bloque > .amx-sim__faq-q .amx-sim__faq-icono { display: none; }
.amx-sim__plegable--bloque > .amx-sim__faq-q .amx-sim__faq-q-texto { font-size: var(--amx-sim-fs-h3); }
} .amx-sim__faq { border-top: 1px solid var(--amx-sim-border); } .amx-sim__faq-r > p { max-width: 72ch; } @media (max-width: 767px) {
.amx-sim__carrusel {
display: flex !important; flex-direction: row !important;
gap: var(--amx-sim-space-md) !important;
overflow-x: auto; scroll-snap-type: x mandatory;
padding-bottom: var(--amx-sim-space-sm);
-webkit-overflow-scrolling: touch; scrollbar-width: none;
} .amx-sim__carrusel { scroll-padding-inline: 0; }
.amx-sim__carrusel::-webkit-scrollbar { display: none; }
.amx-sim__carrusel > * { scroll-snap-align: start; flex: 0 0 78%; border-radius: var(--amx-sim-radius-lg) !important; }  .amx-sim__pasos.amx-sim__carrusel { padding-top: calc(1.5 * var(--amx-sim-rem)); }
.amx-sim__pasos.amx-sim__carrusel > li {
position: relative; overflow: visible;
padding: calc(2.4 * var(--amx-sim-rem)) calc(1.6 * var(--amx-sim-rem)) calc(1.6 * var(--amx-sim-rem));
background: var(--amx-sim-surface);
border: 1px solid var(--amx-sim-border); border-top: 4px solid var(--amx-sim-accent);
box-shadow: var(--amx-sim-shadow-sm);
}
.amx-sim__pasos.amx-sim__carrusel > li::before {
counter-increment: paso; content: counter(paso);
position: absolute; top: -22px; left: calc(1.6 * var(--amx-sim-rem));
width: 44px; height: 44px; border-radius: 50%;
display: flex; align-items: center; justify-content: center;
background: var(--amx-sim-accent); color: var(--amx-sim-primary-deep);
font-size: var(--amx-sim-fs-body); font-weight: 700;
}
.amx-sim__pasos.amx-sim__carrusel { counter-reset: paso; }
.amx-sim__pasos.amx-sim__carrusel > li .amx-sim__label { display: none; }
.amx-sim__pasos.amx-sim__carrusel > li .amx-sim__h3 { color: var(--amx-sim-primary); }
.amx-sim__pasos.amx-sim__carrusel > li span:not(.amx-sim__label) { color: var(--amx-sim-ink-muted); }
} .amx-sim__datos { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--amx-sim-space-md); }
.amx-sim__dato-card {
background: var(--amx-sim-surface); border: 1px solid var(--amx-sim-border);
border-radius: var(--amx-sim-radius-lg); box-shadow: var(--amx-sim-shadow-sm);
padding: var(--amx-sim-space-lg);
display: flex; flex-direction: column; gap: var(--amx-sim-space-2xs);
position: relative; overflow: hidden;
} .amx-sim__dato-card::before {
content: ""; position: absolute; inset: 0 auto 0 0; width: 4px;
background: var(--amx-sim-accent);
}
.amx-sim__dato-etiqueta {
align-self: flex-start; font-size: var(--amx-sim-fs-xs); font-weight: 700;
letter-spacing: 0.04em; text-transform: uppercase; color: var(--amx-sim-primary);
background: rgba(184, 190, 20, 0.18); border-radius: var(--amx-sim-radius-pill);
padding: calc(0.25 * var(--amx-sim-rem)) calc(0.6 * var(--amx-sim-rem));
margin-bottom: var(--amx-sim-space-xs);
}
.amx-sim__dato-valor {
font-size: calc(1.75 * var(--amx-sim-rem)); line-height: 1.1; font-weight: 700;
color: var(--amx-sim-primary); text-wrap: balance;
}
.amx-sim__dato-nota { font-size: var(--amx-sim-fs-small); color: var(--amx-sim-ink-muted); max-width: 22ch; }
.amx-sim__dato-card--compacta { padding: var(--amx-sim-space-md); }
@media (max-width: 767px) {
.amx-sim__datos { grid-template-columns: 1fr; } .amx-sim__dato-valor { font-size: calc(1.5 * var(--amx-sim-rem)); }
.amx-sim__carrusel > .amx-sim__dato-card { flex-basis: 82%; }
} .amx-sim__chip-icono {
display: inline-flex; align-items: center; justify-content: center;
width: calc(2.25 * var(--amx-sim-rem)); height: calc(2.25 * var(--amx-sim-rem));
border-radius: 50%; background: var(--amx-sim-accent);
color: var(--amx-sim-primary-deep); margin-bottom: var(--amx-sim-space-sm); flex: none;
}
.amx-sim__chip-icono svg { width: calc(1.25 * var(--amx-sim-rem)); height: calc(1.25 * var(--amx-sim-rem)); display: block; }
.amx-sim__chip-icono--oscuro { background: var(--amx-sim-on-dark-wash); color: var(--amx-sim-accent); }  .amx-sim__seccion--cierre { background: var(--amx-sim-primary); }
.amx-sim__final {
background: transparent; border: 0; padding: calc(1 * var(--amx-sim-rem)) 0;
display: flex; flex-direction: column; align-items: center;
gap: calc(1 * var(--amx-sim-rem)); text-align: center;
}
.amx-sim__final .amx-sim__label { color: var(--amx-sim-accent); }
.amx-sim__final .amx-sim__h2 { color: #FFFFFF; }
.amx-sim__final > p { color: rgba(255, 255, 255, 0.78); font-size: var(--amx-sim-fs-lead); }
.amx-sim__final .amx-sim__caption { color: rgba(255, 255, 255, 0.78); }
@media (max-width: 767px) { .amx-sim__final { padding: calc(2 * var(--amx-sim-rem)) calc(1.25 * var(--amx-sim-rem)); } }
.amx-sim__final p { max-width: 58ch; } .amx-sim__cursos {
display: grid; grid-template-columns: 1fr 1fr; gap: var(--amx-sim-space-md);
width: 100%; max-width: calc(46 * var(--amx-sim-rem)); margin-top: var(--amx-sim-space-sm);
}
@media (max-width: 767px) { .amx-sim__cursos { grid-template-columns: 1fr; } }
.amx-sim__curso {
display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
gap: var(--amx-sim-space-2xs);
padding: var(--amx-sim-space-xl) var(--amx-sim-space-lg);
background: var(--amx-sim-surface); border: 1px solid var(--amx-sim-border-brand);
border-radius: var(--amx-sim-radius-lg); box-shadow: var(--amx-sim-shadow-sm);
text-align: center; text-decoration: none; color: inherit;
transition: border-color var(--amx-sim-transition), box-shadow var(--amx-sim-transition),
transform var(--amx-sim-transition);
}  .amx-sim__curso--destacado {
background: var(--amx-sim-surface); border-color: var(--amx-sim-surface);
box-shadow: var(--amx-sim-shadow-lg);
}
.amx-sim__curso--destacado:hover { border-color: var(--amx-sim-accent); } .amx-sim__curso:not(.amx-sim__curso--destacado) {
background: var(--amx-sim-primary-deep);
border-color: rgba(255, 255, 255, 0.22);
box-shadow: var(--amx-sim-shadow-md);
}
.amx-sim__curso:not(.amx-sim__curso--destacado) .amx-sim__curso-nombre { color: #FFFFFF; }
.amx-sim__curso:not(.amx-sim__curso--destacado) .amx-sim__curso-desc { color: rgba(255, 255, 255, 0.78); }
.amx-sim__curso:not(.amx-sim__curso--destacado) .amx-sim__curso-cta {
background: transparent; border: 1px solid rgba(255, 255, 255, 0.35); color: #FFFFFF;
}
.amx-sim__curso:not(.amx-sim__curso--destacado):hover { border-color: #FFFFFF; }
.amx-sim__curso:not(.amx-sim__curso--destacado):hover .amx-sim__curso-cta { border-color: #FFFFFF; }
.amx-sim__curso-insignia {
display: inline-flex; align-items: center;
padding: calc(0.25 * var(--amx-sim-rem)) calc(0.7 * var(--amx-sim-rem));
margin-bottom: var(--amx-sim-space-xs);
border-radius: var(--amx-sim-radius-pill);
background: var(--amx-sim-accent); color: var(--amx-sim-primary-deep);
font-size: var(--amx-sim-fs-xs); font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase;
}
.amx-sim__curso:hover {
border-color: var(--amx-sim-accent); box-shadow: var(--amx-sim-shadow-md);
transform: translateY(-2px);
}
.amx-sim__curso:focus-visible { outline: 2px solid var(--amx-sim-primary); outline-offset: 3px; }
.amx-sim__curso-nombre { font-size: var(--amx-sim-fs-h3); font-weight: 700; line-height: 1.2; color: var(--amx-sim-ink); }
.amx-sim__curso-desc { font-size: var(--amx-sim-fs-small); color: var(--amx-sim-ink-muted); max-width: 28ch; margin-bottom: var(--amx-sim-space-md); }
.amx-sim__curso-cta {
margin-top: auto; padding-top: 0; align-self: center;
display: inline-flex; align-items: center; min-height: var(--amx-sim-touch);
padding: calc(0.6 * var(--amx-sim-rem)) calc(1.25 * var(--amx-sim-rem));
border-radius: var(--amx-sim-radius-pill);
background: var(--amx-sim-accent); color: var(--amx-sim-primary-deep);
font-size: var(--amx-sim-fs-small); font-weight: 600;
}
.amx-sim__curso:hover .amx-sim__curso-cta { background: var(--amx-sim-accent-deep); }  .amx-sim__acceso { display: grid; grid-template-columns: 1fr 1fr; gap: calc(3 * var(--amx-sim-rem)); align-items: start; }
@media (max-width: 899px) { .amx-sim__acceso { grid-template-columns: 1fr; gap: calc(2 * var(--amx-sim-rem)); } }
.amx-sim__acceso-texto { display: flex; flex-direction: column; gap: calc(1 * var(--amx-sim-rem)); align-items: flex-start; } .amx-sim__pasos-acceso { list-style: none; display: flex; flex-direction: column; gap: var(--amx-sim-space-sm); }
.amx-sim__pasos-acceso li { display: grid; grid-template-columns: auto 1fr; gap: var(--amx-sim-space-sm); align-items: center; }
.amx-sim__paso-num {
display: inline-flex; align-items: center; justify-content: center;
width: calc(1.75 * var(--amx-sim-rem)); height: calc(1.75 * var(--amx-sim-rem));
border-radius: 50%; background: var(--amx-sim-primary); color: var(--amx-sim-on-dark);
font-size: var(--amx-sim-fs-small); font-weight: 700; flex: none;
} .amx-sim .hc-form-container {
--hc-primary-color: var(--amx-sim-accent);
--hc-font-family: var(--amx-sim-font);
--hc-text-color: var(--amx-sim-ink);
--hc-border-color: var(--amx-sim-border);
--hc-input-radius: var(--amx-sim-radius-sm);
background: var(--amx-sim-surface-alt);
border: 2px solid var(--amx-sim-accent);
border-radius: calc(1.5 * var(--amx-sim-rem));
padding: var(--amx-sim-space-xl);
font-family: var(--hc-font-family); color: var(--hc-text-color);
}
@media (max-width: 767px) { .amx-sim .hc-form-container { padding: var(--amx-sim-space-lg); border-radius: var(--amx-sim-radius-lg); } }
.amx-sim .hc-form-header { display: flex; flex-direction: column; gap: var(--amx-sim-space-xs); margin-bottom: var(--amx-sim-space-lg); }
.amx-sim .hc-form-title { font-size: calc(2 * var(--amx-sim-rem)); font-weight: 700; line-height: 1.2; color: var(--amx-sim-ink); }
.amx-sim .hc-form-sub { font-size: var(--amx-sim-fs-body); color: var(--amx-sim-ink-muted); }
@media (max-width: 767px) { .amx-sim .hc-form-title { font-size: calc(1.5 * var(--amx-sim-rem)); } }
.amx-sim .hc-form { display: flex; flex-direction: column; gap: var(--amx-sim-space-md); }
.amx-sim .hc-field { display: flex; flex-direction: column; } .amx-sim .hc-input, .amx-sim .hc-select {
width: 100%; height: 56px;
border: 1px solid var(--hc-border-color); border-radius: var(--hc-input-radius);
padding-inline: var(--amx-sim-space-md);
font-family: inherit; font-size: var(--amx-sim-fs-body); color: var(--amx-sim-ink);
background: var(--amx-sim-surface);
}
.amx-sim .hc-input::placeholder { color: var(--amx-sim-ink-faint); }
.amx-sim .hc-input:focus-visible, .amx-sim .hc-select:focus-visible { outline: 2px solid var(--amx-sim-primary); outline-offset: 1px; }
.amx-sim .hc-name-row { display: grid; grid-template-columns: 1fr 1fr; gap: var(--amx-sim-space-md); }
.amx-sim .hc-phone-field-with-prefix { display: grid; grid-template-columns: calc(8.75 * var(--amx-sim-rem)) 1fr; gap: var(--amx-sim-space-sm); }
.amx-sim .hc-phone-wrapper { position: relative; display: block; } .amx-sim .hc-float-label {
position: absolute; top: calc(-0.5 * var(--amx-sim-rem)); left: var(--amx-sim-space-sm);
padding-inline: var(--amx-sim-space-2xs);
background: var(--amx-sim-surface-alt);
font-size: var(--amx-sim-fs-small); color: var(--amx-sim-ink-muted); line-height: 1;
}
@media (max-width: 767px) {
.amx-sim .hc-name-row { grid-template-columns: 1fr; }
.amx-sim .hc-phone-field-with-prefix { grid-template-columns: calc(7 * var(--amx-sim-rem)) 1fr; }
}
.amx-sim .hc-checkbox-group {
display: grid; grid-template-columns: auto 1fr; gap: var(--amx-sim-space-sm);
align-items: start; font-size: var(--amx-sim-fs-small); font-weight: 600;
color: var(--amx-sim-ink); cursor: pointer; min-height: var(--amx-sim-touch);
}
.amx-sim .hc-checkbox-group input {
width: calc(1.25 * var(--amx-sim-rem)); height: calc(1.25 * var(--amx-sim-rem));
margin: 2px 0 0; accent-color: var(--amx-sim-primary);
}
.amx-sim .hc-checkbox-group a { color: var(--amx-sim-primary); font-weight: 700; } .amx-sim .hc-submit {
width: 100%; height: 56px; margin-top: var(--amx-sim-space-xs);
background: var(--amx-sim-accent); color: var(--amx-sim-primary-deep);
border: 1.5px solid var(--amx-sim-accent); border-radius: var(--amx-sim-radius-sm);
font-family: inherit; font-size: calc(1.125 * var(--amx-sim-rem)); font-weight: 600; cursor: pointer;
transition: background var(--amx-sim-transition);
}
.amx-sim .hc-submit:hover { background: var(--amx-sim-accent-deep); border-color: var(--amx-sim-accent-deep); }
.amx-sim .hc-nota { font-size: var(--amx-sim-fs-xs); color: var(--amx-sim-ink-muted); } .amx-sim__dialogo { border: 0; padding: 0; border-radius: var(--amx-sim-radius-lg); max-width: calc(34 * var(--amx-sim-rem)); width: calc(100% - calc(2 * var(--amx-sim-rem))); background: var(--amx-sim-surface); color: var(--amx-sim-ink); font-family: var(--amx-sim-font); }
.amx-sim__dialogo::backdrop { background: rgba(6, 37, 68, .6); }
.amx-sim__dialogo-cab { display: flex; justify-content: flex-end; padding: calc(0.75 * var(--amx-sim-rem)) calc(0.75 * var(--amx-sim-rem)) 0; }
.amx-sim__cerrar { min-width: var(--amx-sim-touch); min-height: var(--amx-sim-touch); border: 1px solid var(--amx-sim-border); border-radius: var(--amx-sim-radius-lg); background: var(--amx-sim-surface); color: var(--amx-sim-ink); font-size: calc(1.125 * var(--amx-sim-rem)); cursor: pointer; }
.amx-sim__dialogo .hc-form-container { border: 0; } .amx-sim__barra { display: none; }
@media (max-width: 767px) {
.amx-sim__barra[hidden] { display: none; }
.amx-sim__barra {
display: flex; align-items: center; justify-content: space-between;
gap: var(--amx-sim-space-sm);
position: fixed; inset: auto 0 0 0; z-index: 30;
height: 56px; padding-inline: var(--amx-sim-gutter);
padding-bottom: env(safe-area-inset-bottom, 0);
background: var(--amx-sim-surface);
border-top: 1px solid var(--amx-sim-border);
box-shadow: 0 -4px 16px rgba(20, 32, 43, 0.08);
}
.amx-sim__barra-link {
font-size: var(--amx-sim-fs-small); font-weight: 600; color: var(--amx-sim-primary);
text-decoration: underline; white-space: nowrap;
display: inline-flex; align-items: center; min-height: var(--amx-sim-touch);
}
.amx-sim__barra-cta {
min-height: 40px; padding-inline: calc(1.1 * var(--amx-sim-rem));
font-size: var(--amx-sim-fs-small); white-space: nowrap;
}
.amx-sim__pie-espacio { height: 56px; }
} .amx-sim__footer { background: var(--amx-sim-surface); border-top: 1px solid var(--amx-sim-border); padding: calc(2 * var(--amx-sim-rem)) 0; }
@media (prefers-reduced-motion: reduce) {
.amx-sim { scroll-behavior: auto; }
}