/* Contraste y sombras (Guille, 2026-11-06). Se carga el último. Objetivo WCAG AA: 4,5:1 texto normal, 3:1 texto grande.
   Medido píxel a píxel con scratchpad/contraste.mjs (captura con y sin texto). */

/* ---------- Hero ---------- */
/* Velo azul sobre el cielo: más fuerte detrás del texto, se apaga antes de las nubes blancas del final */
.amx-top::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(3,34,99,.56) 0%,rgba(3,34,99,.54) 55%,rgba(3,34,99,.46) 76%,rgba(3,34,99,0) 96%)}
/* Titular: blanco sólido; fuera las tres copias negras en overlay (ensuciaban la segunda línea) */
.hm-title{color:#fff;background-image:none;-webkit-background-clip:border-box;background-clip:border-box;text-shadow:0 .3rem 2.4rem rgba(2,28,84,.35)}
.hm-title.headline--shadow{visibility:hidden;filter:none}
/* Antetítulo y entradilla: sin el degradado que se volvía transparente en los bordes */
.hm-eyebrow h1,.hm-sub{color:#fff;background-image:none}
.hm-eyebrow{background:linear-gradient(rgba(255,255,255,.16),rgba(255,255,255,.06)),rgba(3,34,99,.28)}
.hm-ask__label{color:#fff}
.hm-chip{background:rgba(4,44,124,.7)}
.hm-chip[aria-pressed=true],.hm-navcta{color:#0a5fd0}
.hm-card__s{color:rgba(255,255,255,.92)}
.hm-card__in{background:rgba(4,44,124,.55)}
/* Botones de píldora: etiqueta azul oscuro sobre blanco */
.pill-label{color:#0a5fd0}
.pill-body stop[offset="1"]{stop-opacity:.9}
.hm-pill--ghost .pill-body{opacity:.94}
.hm-pill--ghost .pill-label{color:#0a4fb4}

/* ---------- Secciones de cielo (demo, cierre, contacto) ---------- */
.amx-skybg::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(3,34,99,.6) 0%,rgba(3,34,99,.58) 70%,rgba(3,34,99,.3) 92%,rgba(3,34,99,0) 100%)}
.amx-contacto .amx-skybg::after{background:rgba(3,34,99,.6)}
.amx-h2--light{color:#fff;background-image:none}
.amx-sky .section-label{color:rgba(255,255,255,.92)}
.amx-sky .section-label__dot{background:rgba(255,255,255,.92)}
.amx-mono--light{color:rgba(255,255,255,.92)}
.amx-lead--light{color:#fff}
.amx-glass{background:linear-gradient(rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(3,34,99,.42)}
.amx-hora{background:rgba(255,255,255,.12)}
.amx-ruta span{color:#fff}
.amx-campo span,.amx-via legend span,.amx-ack span{color:#fff}
.amx-priv,.amx-priv span{color:rgba(255,255,255,.94)}
.amx-priv a{color:#fff}
.amx-enviar{color:#0a5fd0}
.amx-legal{color:rgba(255,255,255,.9)}
.amx-legal a{color:#fff}

/* ---------- Texto gris sobre blanco ---------- */
.amx-page .amx-lead:not(.amx-lead--light),.amx-page .amx-auto p,.amx-page .amx-ayuda__c p,.amx-page .amx-dis__c p,.amx-page .amx-plan__q,.amx-page .amx-extra__s,.amx-page .amx-paso p,.amx-page .amx-faq p,.amx-page .amx-ig p{color:rgba(0,0,0,.68)}
.amx-lead--mut{color:rgba(0,0,0,.66)}
.amx-mini,.amx-plan .amx-mono,.amx-nota-precios,.section-label{color:rgba(0,0,0,.62)}
.section-label__dot{background:rgba(0,0,0,.62)}
.amx-pb:not(.on) .amx-pb__n{color:rgba(0,0,0,.5)}
.amx-page .amx-pb__r{color:#0a6ed1}

/* ---------- Plan destacado ---------- */
.amx-plan--pop .amx-plan__in{background:linear-gradient(#0647b0 0%,#0a5fd2 55%,#0e6be0 100%)}
.amx-page .amx-plan--pop .amx-plan__q,.amx-page .amx-plan--pop .amx-mono{color:rgba(255,255,255,.94)}

/* Demo: el cristal va sobre la zona más clara del cielo */
.amx-page .amx-demo .amx-glass{background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,0)),rgba(3,34,99,.62)}
.amx-page .amx-demo .amx-hora{background:rgba(255,255,255,.1)}
.amx-page .amx-pb .amx-pb__r{color:#0a6ed1}
.amx-page .amx-pop{color:#0a5fd0}
/* Menú sobre el hero: blanco sólido en vez del degradado que se desvanece */
.nav--dark .nav-link .fade-text{background-image:none;color:#fff}
/* Proyectos sin seleccionar: en móvil el nombre baja a 22 px y necesita 4,5:1 */
.amx-page .amx-pb:not(.on) .amx-pb__n{color:rgba(0,0,0,.6)}

/* Margen lateral mínimo de 16 px en móviles estrechos (2026-11-06): 1,6 rem son 13,7 px a 320 px */
@media (width<=809px){.amx-page .amx-wrap{margin-left:max(1.6rem,16px);margin-right:max(1.6rem,16px)}}
@media (width<=809px){.hm-sub{max-width:calc(100vw - 36px);margin-left:auto;margin-right:auto}}

/* Cielo propio (2026-11-06): degradado azul con grano, sin nubes ni destellos de la web original. Los tejados se descartaron (Guille). */
.hm-content,.hm-card{z-index:2}
/* Trabajos: los carruseles reales son 4:5, no 1:2 como los dibujos; dos en paralelo caben por ancho */
.amx-page .amx-capa.dos .amx-ph--movil{width:44%;height:auto;max-height:100%;object-fit:contain}

/* ---------- Luz al hacer scroll (Guille, 2026-11-06) ----------
   Arcoíris, haz prismático y destello sobre el cielo azul. --p va de 0 (la sección asoma) a 1 (sale por arriba);
   lo pone el scroll en qp(). Con «reducir movimiento» se queda fija en 0,5. */
.amx-luz{--p:.5;position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;mix-blend-mode:screen;--pico:calc(min(var(--p),1 - var(--p))*2)}
.amx-luz i{position:absolute;display:block;will-change:transform,opacity}
.amx-luz__arco{left:50%;top:38%;width:180rem;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(closest-side,transparent 80%,rgba(255,80,110,.5) 82.5%,rgba(255,170,70,.5) 84.5%,rgba(255,236,110,.45) 86.5%,rgba(110,236,160,.4) 88.5%,rgba(90,175,255,.4) 90.5%,rgba(160,120,255,.38) 92.5%,transparent 95%);
  filter:blur(1.6rem);transform:translate(-50%,calc((.6 - var(--p))*40%)) rotate(calc(var(--p)*14deg - 7deg));opacity:calc(.12 + var(--pico)*.5)}
.amx-luz__haz{left:-30%;top:-20%;width:160%;height:140%;
  background:linear-gradient(112deg,transparent 42%,rgba(255,130,190,.28) 46%,rgba(255,232,140,.3) 48.5%,rgba(140,255,225,.28) 51%,rgba(140,180,255,.28) 53.5%,transparent 58%);
  filter:blur(2.4rem);transform:translateX(calc((var(--p) - .5)*70%));opacity:calc(.2 + var(--pico)*.6)}
.amx-luz__destello{right:-14rem;top:-18rem;width:64rem;height:64rem;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.55) 0%,rgba(205,236,255,.28) 26%,rgba(160,215,255,.1) 46%,transparent 66%);
  transform:translate(calc(var(--p)*-55rem),calc(var(--p)*34rem)) scale(calc(.8 + var(--pico)*.45));opacity:calc(.35 + var(--pico)*.5)}
.amx-luz--hero .amx-luz__arco{top:46%}
@media (width<=809px){.amx-luz__arco{width:120rem;top:50%}.amx-luz--hero .amx-luz__arco{top:56%}.amx-luz__destello{width:44rem;height:44rem;right:-16rem}}
@media (prefers-reduced-motion:reduce){.amx-luz{--p:.5 !important}}
/* La luz pasa por detrás del formulario: cristal algo más oscuro y destello más suave en Contacto (etiquetas a 4,5:1) */
.amx-page .amx-contacto .amx-glass{background:linear-gradient(rgba(255,255,255,.06),rgba(255,255,255,0)),rgba(3,34,99,.55)}
.amx-contacto .amx-luz__destello{opacity:calc(.2 + var(--pico)*.3)}

/* ===== Marco: recorrido de un cliente en el móvil (2026-11-06) ===== */
/* El sticky necesita que ni body ni main sean contenedores de scroll: clip recorta igual sin serlo */
body{overflow-y:visible;overflow-x:clip}
main.amx-page{overflow:clip}
.amx-gran--tel{--mh:min(96rem,calc(100svh - 8rem));padding:4rem 0 0;height:calc(var(--mh) + 210svh);box-sizing:content-box;position:relative}
.amx-gran__pin{position:sticky;top:calc((100svh - var(--mh))/2)}
.amx-gran--tel .amx-marco{height:var(--mh)}
.amx-gran--tel .amx-marco__in:after{height:100%;background:linear-gradient(rgba(3,34,99,.42),rgba(3,34,99,.18) 60%,rgba(3,34,99,.3))}
.amx-rec{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:14rem}
.amx-tel{--tf:calc(var(--mh)*.0195);font-size:var(--tf);height:calc(var(--mh)*.86);aspect-ratio:9/19;flex:none;padding:.55em;border-radius:3.1em;background:#0b1424;
  box-shadow:0 2em 5em rgba(2,20,60,.45),inset 0 0 0 .12em #2a3650;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#111;line-height:1.3}
.amx-tel__in{position:relative;height:100%;border-radius:2.6em;background:#fff;overflow:hidden}
.amx-tel__isla{position:absolute;top:.7em;left:50%;width:6.5em;height:1.7em;margin-left:-3.25em;border-radius:1em;background:#0b1424;z-index:2}
.amx-tel__p{position:absolute;inset:0;pointer-events:none;padding:3.4em 1.1em 1.3em;display:flex;flex-direction:column;gap:.9em;opacity:0;transform:translateY(1.4em);transition:opacity .45s,transform .55s cubic-bezier(.2,.8,.2,1)}
.amx-tel__p.on{opacity:1;transform:none;pointer-events:auto}
.amx-tel b{font-weight:650}
/* Google */
.amx-g__barra{display:flex;align-items:center;gap:.6em;padding:.75em 1em;border-radius:2em;border:1px solid #dfe1e5;box-shadow:0 .15em .6em rgba(32,33,36,.12);font-size:.95em;white-space:nowrap;overflow:hidden}
.amx-g__lupa{position:relative;flex:none;width:.85em;height:.85em;border:.16em solid #5f6368;border-radius:50%}
.amx-g__lupa:after{content:"";position:absolute;right:-.42em;bottom:-.42em;width:.45em;height:.16em;background:#5f6368;transform:rotate(45deg);border-radius:.1em}
.amx-g__q{overflow:hidden;text-overflow:ellipsis}
.amx-g__tabs{display:flex;gap:1.3em;font-size:.8em;color:#5f6368;border-bottom:1px solid #ebebeb;padding:0 .3em .5em}
.amx-g__tabs b{color:#1a56db;box-shadow:0 .62em 0 -.42em #1a56db}
.amx-g__res{border:1px solid #e3e6ea;border-radius:1.1em;overflow:hidden;box-shadow:0 .3em 1.2em rgba(32,33,36,.1)}
.amx-g__mapa{position:relative;height:9em;background:repeating-linear-gradient(28deg,transparent 0 2.6em,#fff 2.6em 3em),repeating-linear-gradient(-62deg,transparent 0 3.4em,#fff 3.4em 3.75em),#e9efe4}
.amx-g__mapa:before{content:"";position:absolute;left:8%;top:12%;width:30%;height:34%;border-radius:.4em;background:#cfe6c4}
.amx-g__pin{position:absolute;left:50%;top:50%;width:1.7em;height:1.7em;margin:-1.9em 0 0 -.85em;background:#d93025;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 .2em .4em rgba(0,0,0,.25)}
.amx-g__pin:after{content:"";position:absolute;inset:.5em;border-radius:50%;background:#fff}
.amx-g__ficha{display:flex;flex-direction:column;gap:.2em;padding:.85em 1em 1em}
.amx-g__ficha>b{font-size:1.2em}
.amx-g__ficha>span{font-size:.82em;color:#5f6368}
.amx-g__ficha>.amx-g__abierto{color:#137333;font-weight:600}
.amx-g__btns{display:flex;flex-wrap:wrap;gap:.4em;margin-top:.5em}
.amx-g__btns span{font-size:.76em;padding:.4em .75em;border-radius:2em;border:1px solid #dadce0;color:#1a56db;font-weight:600}
.amx-g__otro{display:flex;flex-direction:column;gap:.5em;padding:.9em 1em;border:1px solid #eef0f2;border-radius:1em}
.amx-g__otro i{display:block;height:.7em;border-radius:.4em;background:#eceef1}.amx-g__otro i:first-child{width:55%;height:.9em;background:#e2e5e9}.amx-g__otro i:last-child{width:75%}
.amx-tel__p--g.on .amx-g__q{animation:amx-teclea 1s steps(18) .25s both}
.amx-tel__p--g.on .amx-g__res{animation:amx-sube .6s cubic-bezier(.2,.8,.2,1) 1.25s both}
.amx-tel__p--g.on .amx-g__pin{animation:amx-cae .5s cubic-bezier(.3,1.6,.5,1) 1.6s both}
.amx-tel__p--g.on .amx-g__otro{animation:amx-sube .6s ease 1.5s both}
/* Instagram */
.amx-i__cab{display:flex;align-items:center;gap:.6em;font-size:.9em}
.amx-i__av{flex:none;width:2.3em;height:2.3em;border-radius:50%;background:linear-gradient(160deg,#0961e2,#7fcbff);box-shadow:0 0 0 .15em #fff,0 0 0 .3em #0a5fd0}
.amx-i__media{position:relative;aspect-ratio:4/5;border-radius:.9em;overflow:hidden;background:linear-gradient(165deg,#7fcbff,#3d9bff 40%,#0a5fd0 75%,#063f9c)}
.amx-i__media:before{content:"";position:absolute;left:-20%;top:-25%;width:90%;height:70%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.5),transparent)}
.amx-i__play{position:absolute;right:.8em;top:.8em;width:1.6em;height:1.6em;border-radius:.45em;border:.14em solid #fff}
.amx-i__play:after{content:"";position:absolute;left:.48em;top:.32em;border:.36em solid transparent;border-left:.55em solid #fff;border-right:0}
.amx-i__pop{position:absolute;left:50%;top:50%;width:6em;height:6em;margin:-3em 0 0 -3em;fill:#fff;opacity:0;filter:drop-shadow(0 .3em .8em rgba(0,0,0,.25))}
.amx-i__acc{display:flex;align-items:center;gap:.9em}
.amx-i__like{width:1.7em;height:1.7em;fill:#e0245e;stroke:#e0245e;stroke-width:2}
.amx-i__com{width:1.35em;height:1.35em;border:.16em solid #111;border-radius:50% 50% 50% .2em}
.amx-i__env{width:1.4em;height:1.1em;border:.16em solid #111;border-radius:.15em;transform:skewX(-12deg)}
.amx-i__txt{margin:0;font-size:.85em}
.amx-i__titulo{position:absolute;left:.8em;right:.8em;bottom:.9em;color:#fff;font-size:1.25em;line-height:1.15;text-shadow:0 .1em .5em rgba(0,40,110,.45)}
.amx-i__cita{align-self:flex-start;font-size:.8em;font-weight:650;padding:.5em 1.1em;border-radius:.6em;background:#eef1f5;color:#111}
.amx-tel__p--i.on .amx-i__pop{animation:amx-late-c 1s ease .7s both}
.amx-tel__p--i.on .amx-i__like{animation:amx-like .45s ease 1.05s both}
/* Cita */
.amx-c__t{font-size:1.35em}
.amx-c__serv{display:flex;flex-direction:column;gap:.15em;padding:.9em 1em;border-radius:1em;background:#eef4ff}
.amx-c__serv span{font-size:.82em;color:#4a5568}
.amx-c__horas{display:grid;grid-template-columns:1fr 1fr;gap:.55em}
.amx-c__horas>button{position:relative;text-align:center;padding:.75em 0;border-radius:.8em;border:1px solid #d0d7e2;font:inherit;font-weight:600;font-size:.95em;color:#111;background:#fff;cursor:pointer;transition:border-color .2s,background-color .2s,color .2s}
.amx-c__horas>button:focus-visible{outline:2px solid #0a5fd0;outline-offset:2px}
@media (hover:hover) and (pointer:fine){.amx-c__horas>button:not(.amx-c__sel):hover{border-color:#0a5fd0;background:#eef4ff}}
.amx-c__horas>.amx-c__sel{background:#0a5fd0;border-color:#0a5fd0;color:#fff}
.amx-c__dedo{position:absolute;left:58%;top:55%;width:2.2em;height:2.2em;margin:-1.1em 0 0 -1.1em;border-radius:50%;background:rgba(10,20,40,.28);opacity:0}
.amx-c__et{font-size:.78em;font-weight:650;color:#4a5568;margin-bottom:-.4em}
.amx-c__campo{padding:.7em .9em;border-radius:.7em;border:1px solid #d0d7e2;font-size:.85em;color:#5c6470}
.amx-c__ok{margin-top:auto;text-align:center;padding:.85em;border-radius:2em;background:#0a5fd0;color:#fff;font-weight:650}
.amx-c__vivo{align-self:center}
.amx-c__hecho{display:inline-block;font-size:.8em;font-weight:600;padding:.45em .9em;border-radius:2em;background:#e6f4ea;color:#137333}
.amx-tel__p--c.on .amx-c__sel{animation:amx-elige .35s ease .95s both}
.amx-tel__p--c.on .amx-c__dedo{animation:amx-toque .8s ease .55s both}
.amx-tel__p--c.on .amx-c__hecho{animation:amx-sube .5s cubic-bezier(.2,.8,.2,1) 1.7s both}
.amx-tel__p--c.tocado .amx-c__sel{animation:amx-elige .25s ease both}
.amx-tel__p--c.on.tocado .amx-c__hecho{animation:amx-sube .45s cubic-bezier(.2,.8,.2,1) .3s both}
.amx-gran--tel{position:relative}
.amx-ancla{position:absolute;left:0;width:1px;height:1px;pointer-events:none;scroll-margin-top:0}
/* Mensaje */
.amx-m__cab{display:flex;align-items:center;gap:.6em;padding-bottom:.7em;border-bottom:1px solid #ebedf0}
.amx-m__cab div{display:flex;flex-direction:column}
.amx-m__cab span{font-size:.75em;color:#5f6368}
.amx-m__chat{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:.6em;padding:.9em .8em;border-radius:1em;background:#eef2f7}
.amx-m__b{margin:0;max-width:88%;padding:.7em .85em;font-size:.88em;border-radius:1em 1em 1em .25em;background:#fff;box-shadow:0 .1em .3em rgba(0,0,0,.06)}
.amx-m__b--yo{align-self:flex-end;border-radius:1em 1em .25em 1em;background:#0a5fd0;color:#fff}
.amx-m__solo{font-size:.72em;color:#4f5862;padding-left:.3em}
.amx-tel__p--m.on .amx-m__b--el{animation:amx-sube .5s cubic-bezier(.2,.8,.2,1) .45s both}
.amx-tel__p--m.on .amx-m__solo{animation:amx-sube .5s ease .95s both}
.amx-tel__p--m.on .amx-m__b--yo{animation:amx-sube .5s cubic-bezier(.2,.8,.2,1) 1.8s both}
@keyframes amx-teclea{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes amx-sube{from{opacity:0;transform:translateY(1.2em)}}
@keyframes amx-cae{from{opacity:0;transform:translateY(-1.5em) rotate(-45deg)}}
@keyframes amx-late-c{0%{opacity:0;transform:scale(.3)}30%{opacity:1;transform:scale(1.1)}60%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
@keyframes amx-like{0%{fill:transparent;stroke:#111;transform:scale(1)}50%{transform:scale(1.3)}}
@keyframes amx-elige{from{background:#fff;color:#111;border-color:#d0d7e2}}
@keyframes amx-toque{0%{opacity:0;transform:scale(.4)}40%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.5)}}
/* Pasos */
.amx-rec__pasos{list-style:none;margin:0;padding:3.2rem 4.4rem;width:58rem;border-radius:2.4rem;background:rgba(3,28,84,.74);-webkit-backdrop-filter:blur(1.6rem);backdrop-filter:blur(1.6rem);color:#fff}
.amx-rec__pasos li{display:grid;grid-template-columns:5.2rem 1fr;align-items:baseline;padding:2.2rem 0;border-top:1px solid rgba(255,255,255,.28);transition:opacity .4s}
.amx-rec__pasos li:first-child{border-top:0}
.amx-rec__n{font-family:"Geist Mono",ui-monospace,monospace;font-size:1.7rem;color:#fff}
.amx-rec__pasos b{font-size:3.6rem;font-weight:600;letter-spacing:-.02em;color:rgba(255,255,255,.86);transition:color .4s}
.amx-rec__d{grid-column:2;font-size:2.1rem;color:#fff;max-height:0;overflow:hidden;opacity:0;transition:max-height .45s,opacity .45s,margin .45s}
.amx-rec__pasos li.on b{color:#fff}
.amx-rec__pasos li.on .amx-rec__d{max-height:8rem;opacity:1;margin-top:.8rem}
.amx-rec__puntos{display:none}
@media (width<=809px){
  .amx-gran--tel{--mh:min(66rem,calc(100svh - 10rem));padding:0;height:calc(var(--mh) + 200svh)}
  .amx-rec{flex-direction:column;gap:min(1.6rem,16px);justify-content:center}
  .amx-tel{height:calc(var(--mh)*.68);--tf:calc(var(--mh)*.0165)}
  .amx-rec__pasos{width:min(29rem,340px);padding:min(1.4rem,14px) min(1.6rem,16px);border-radius:min(1.6rem,16px);text-align:center;display:grid}
  .amx-rec__pasos li{grid-area:1/1;display:block;padding:0;border:0;opacity:0;visibility:hidden}
  .amx-rec__pasos li.on{opacity:1;visibility:visible}
  .amx-rec__n{display:none}
  .amx-rec__pasos b{display:block;font-size:min(2.2rem,24px)}
  .amx-rec__d,.amx-rec__pasos li.on .amx-rec__d{display:block;max-height:none;opacity:1;font-size:min(1.45rem,16px);margin-top:.4em}
  .amx-rec__puntos{display:flex;gap:min(.7rem,7px)}
  .amx-rec__puntos i{width:min(.8rem,8px);height:min(.8rem,8px);border-radius:1rem;background:rgba(255,255,255,.5);transition:width .3s,background .3s}
  .amx-rec__puntos i.on{width:min(2.2rem,22px);background:#fff}
}
@media (width<=809px) and (height<=640px){
  .amx-tel{height:calc(var(--mh)*.76);--tf:calc(var(--mh)*.0185)}
  .amx-rec__d,.amx-rec__pasos li.on .amx-rec__d{display:none}
}
@media (prefers-reduced-motion:reduce){
  .amx-tel__p,.amx-tel__p *,.amx-rec__pasos li,.amx-rec__pasos b,.amx-rec__d{animation:none !important;transition:none !important}
  .amx-tel__p{transform:none}
}

/* ===== Contenido con IA [03] (2026-11-07) ===== */
.amx-dis--3{grid-template-columns:repeat(3,1fr)}
.amx-ia__g{display:grid;grid-template-columns:repeat(2,1fr);gap:2.4rem;margin:0 0 6rem}
.amx-ia__c{display:flex;flex-direction:column;gap:1.8rem}
.amx-ia__c p{margin:0;font-family:var(--aspekta);font-size:2rem;font-weight:450;line-height:1.5;color:rgba(0,0,0,.68)}
.amx-ia__l{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:1.2rem}
.amx-ia__l li{position:relative;padding-left:2.8rem;font-family:var(--aspekta);font-size:2rem;font-weight:500;line-height:1.45;color:var(--ink)}
.amx-ia__l li:before{content:"";position:absolute;left:0;top:.95rem;width:1rem;height:1rem;border-radius:50%;background:#0e8eff}
.amx-ia__ej{margin:0 0 6rem;display:grid;grid-template-columns:1fr 40rem;gap:5rem;align-items:center}
.amx-ia__fotos{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6rem}
.amx-ia__fotos img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:cover;border-radius:2rem;background:#f3f9ff}
.amx-ia__ej figcaption{display:flex;flex-direction:column;gap:1.4rem}
.amx-ia__ej figcaption .amx-mono{color:rgba(0,0,0,.62)}
.amx-ia__ej figcaption p{margin:0;font-family:var(--aspekta);font-size:2rem;font-weight:450;line-height:1.5;color:rgba(0,0,0,.68)}
/* Avatar Pilar: texto a la izquierda; 3 retratos arriba y 2 macros abajo */
.amx-ia__ej--av{grid-template-columns:40rem 1fr}
.amx-ia__ej--av figcaption{order:-1}
.amx-ia__fotos--av{grid-template-columns:repeat(6,1fr)}
.amx-ia__fotos--av img{grid-column:span 2}
.amx-ia__fotos--av img:nth-child(n+4){grid-column:span 3;aspect-ratio:3/2}
.amx-ia__ej figcaption .amx-ia__nota{color:rgba(0,0,0,.62)}
/* «En qué te puedo ayudar» con cuatro tarjetas: dos por fila */
.amx-ayuda{grid-template-columns:repeat(2,1fr)}
/* Precios: el quinto extra (contenido con IA) ocupa la fila entera */
.amx-extras .amx-extra:nth-child(5){grid-column:1/-1}
@media (width<=809px){
  .amx-dis--3{grid-template-columns:1fr}
  .amx-ia__g{grid-template-columns:1fr;gap:1.4rem;margin:0 0 4rem}
  .amx-ia__c{gap:1.2rem}
  .amx-ia__c p,.amx-ia__l li,.amx-ia__ej figcaption p{font-size:1.6rem}
  .amx-ia__l li{padding-left:2.2rem}.amx-ia__l li:before{top:.75rem;width:.8rem;height:.8rem}
  .amx-ia__ej{grid-template-columns:1fr;gap:2.4rem;margin:0 0 4rem}
  .amx-ia__fotos{grid-template-columns:repeat(2,1fr);gap:1rem}
  .amx-ia__fotos img{border-radius:1.4rem}
  .amx-ia__fotos img:first-child{grid-column:1/-1;aspect-ratio:4/3;object-position:50% 40%}
  .amx-ia__ej--av figcaption{order:0}
  .amx-ia__fotos--av{grid-template-columns:repeat(6,1fr)}
  .amx-ia__fotos--av img:first-child{grid-column:span 2;aspect-ratio:3/4}  .amx-ayuda{grid-template-columns:1fr}
  .amx-extras .amx-extra:nth-child(5){grid-column:auto}
}
/* Trabajos · Redes sociales: dos reels de Fisiomoncloa (2026-11-07) */
.amx-capa.reels{gap:3.2rem}
.amx-reel{margin:0;display:flex;flex-direction:column;align-items:center;gap:1.2rem;min-width:0}
.amx-capa.reels .amx-ph--movil{height:52rem;width:auto;aspect-ratio:9/16;object-fit:cover}
.amx-reel video{display:block;height:60rem;max-height:calc(100vh - 22rem);width:auto;aspect-ratio:9/16;border-radius:2rem;background:#0b1a2b}
.amx-reel__d{display:flex;flex-direction:column;align-items:center;gap:.2rem;font-family:var(--aspekta);font-size:1.5rem;line-height:1.35;color:rgba(0,0,0,.68);text-align:center}
.amx-reel__d b{font-weight:600;color:var(--ink)}
@media (width<=809px){
  .amx-capa.reels{gap:1.2rem}
  .amx-capa.reels .amx-ph--movil{height:22rem}
  .amx-pm__v.reels{padding:2rem 1.2rem}
  .amx-reel video{height:auto;width:100%;max-height:none}
  .amx-reel__d{font-size:1.3rem}
}