/* MT: PL-09 v5 · calco de los componentes de la home de audemarspiguet.com/es/es/home (medidos con Playwright el 9-nov-2026)
   sobre Papel Cal (DEC-0196). Medidas de AP a 1440: márgenes 93, columna 1240; componentes con 104 px arriba;
   titular 56/1 peso 100 + cursiva con serifa; cuerpo 17/23 peso 300; fichas 16/500 + 16/300; enlace con raya de 32. */

html body.mt-header-solid{padding-top:0 !important}
#mt5{
  --cal:#F7F3EA;--polvo:#EDE9E0;--blanco:#FFFFFF;--tinta:#0D0E0B;--piedra:#3C3D39;--gris:#6B6B66;--granate:#702427;--granate-osc:#571C1E;
  --fg:var(--tinta);--fg2:var(--piedra);--line:rgba(13,14,11,.16);
  --sans:'Archivo',Roboto,Arial,sans-serif;--serif:'Source Serif 4','Times New Roman',serif;
  --side:clamp(20px,6.45vw,93px);--pad:104px;--e:cubic-bezier(.23,1,.32,1);
  background:var(--cal);color:var(--fg);font-family:var(--sans);font-weight:300;font-size:17px;line-height:1.55;letter-spacing:.015em;
  -webkit-font-smoothing:antialiased;overflow-x:clip;font-synthesis:none}
#mt5 *,#mt5 *::before,#mt5 *::after{box-sizing:border-box;border-radius:0}
#mt5 *:not(.mtl-formhost,.mtl-formhost *){font-family:inherit}
#mt5 :where(h1,h2,h3,p,ul,ol,figure){margin:0;padding:0;font-weight:inherit}
#mt5 :where(ul,ol){list-style:none}
#mt5 img,#mt5 video{display:block;max-width:100%}
#mt5 a{color:inherit;text-decoration:none}
#mt5 button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;letter-spacing:inherit}
#mt5 ::selection{background:var(--granate);color:var(--cal)}
#mt5 :focus-visible{outline:1px solid currentColor;outline-offset:4px}
#mt5 .w{padding-inline:var(--side);max-width:calc(1240px + 2 * var(--side));margin-inline:auto}
#mt5 .c{padding-block:var(--pad)}

/* Tipografía de AP */
#mt5 .h{font-weight:100;text-transform:uppercase;font-size:56px;line-height:1.1;letter-spacing:-.01em;text-wrap:balance}
#mt5 .h .l{display:block}
#mt5 .h .i{display:block;font-family:var(--serif);font-style:italic;font-weight:200;font-size:1.07em;line-height:1.02;letter-spacing:-.015em;margin-top:.1em}
#mt5 .t{font-size:17px;line-height:1.55;font-weight:300}
#mt5 .t--j{text-align:justify;hyphens:auto}
#mt5 .nm{font-size:16px;font-weight:500;line-height:1.5}
#mt5 .sp{font-size:16px;font-weight:300;line-height:1.5;color:var(--fg2)}
#mt5 .code{font-size:12px;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--gris)}
#mt5 .lk{display:inline-flex;align-items:center;gap:16px;font-size:14px;font-weight:500;line-height:24px;padding-block:10px;margin-block:-10px}
#mt5 .lk::before{content:"";flex:0 0 auto;width:32px;height:1px;background:var(--granate);transition:width .5s var(--e)}
#mt5 .btn{display:inline-flex;background:var(--granate);color:var(--cal);font-size:14px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:14px 24px;transition:background-color .25s ease,transform .16s var(--e)}
#mt5 .btn:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){#mt5 .lk:hover::before{width:56px}#mt5 .btn:hover{background:var(--granate-osc)}}

/* Revelado de AP: líneas que suben; fotos que aparecen */
#mt5.js [data-rv]{opacity:0;transform:translateY(24px);transition:opacity 1.1s var(--e),transform 1.1s var(--e);transition-delay:calc(var(--d,0) * 1ms)}
#mt5.js [data-rv].in{opacity:1;transform:none}
#mt5.js .h .l,#mt5.js .h .i{opacity:0;transform:translateY(.35em);transition:opacity 1.1s var(--e),transform 1.1s var(--e)}
#mt5.js .h .i{transition-delay:.12s}
#mt5.js .h.in .l,#mt5.js .h.in .i{opacity:1;transform:none}
#mt5 .ph{position:relative;overflow:hidden;background:var(--polvo)}
#mt5 .ph>img,#mt5 .ph>video{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--e),opacity .8s ease}
#mt5.js .ph:not(.in)>img{opacity:0}
@media (hover:hover) and (pointer:fine){#mt5 a:hover .ph>img,#mt5 button.ph:hover>img{transform:scale(1.04)}}

/* 1 · Portadas a pantalla completa (AP #0-#2): foto o vídeo, texto abajo a la izquierda, pausa abajo a la derecha */
#mt5 .hero{position:relative;height:100svh;min-height:640px;max-height:1100px;color:var(--cal);overflow:hidden;background:var(--tinta)}
#mt5 .hero>.ph{position:absolute;inset:0;background:var(--tinta)}
#mt5 .hero>.ph>img,#mt5 .hero>.ph>video{opacity:1}
/* Encuadre por portada (DEC-0208): --sd/--od/--pd en escritorio, --pm en móvil; sin variables, centrado */
#mt5 .hero>.ph>img{--k:var(--sd,1);object-position:var(--pd,50% 50%);transform:scale(var(--k));transform-origin:var(--od,50% 50%)}
@media (max-width:1023px){#mt5 .hero>.ph>img{--k:1;object-position:var(--pm,50% 50%)}}
#mt5 .hero:first-child>.ph>img{animation:mt5-hero 2.4s var(--e) both}
#mt5 .hero>.ph::after{content:"";position:absolute;inset:0;background:rgba(13,14,11,var(--tint,.34))}
#mt5 .hero .w{position:relative;height:100%;display:flex;align-items:flex-end;padding-bottom:clamp(80px,17vh,190px)}
#mt5 .hero__t{width:413px;max-width:100%;display:grid;gap:32px}
#mt5 .hero .t{max-width:413px}
#mt5 .hero .lk::before{background:var(--cal)}
#mt5 .pause{position:absolute;right:calc(var(--side) - 6px);bottom:34px;width:44px;height:44px;display:grid;place-items:center;color:var(--cal);z-index:2}
#mt5 .pause::before,#mt5 .pause::after{content:"";width:2px;height:10px;background:currentColor;margin:0 2px}
#mt5 .pause{grid-auto-flow:column;justify-content:center}
#mt5 .pause.is-p::before{width:0;height:0;background:none;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
#mt5 .pause.is-p::after{display:none}
@keyframes mt5-hero{from{transform:scale(calc(var(--k,1) * 1.08))}to{transform:scale(var(--k,1))}}

/* 2 · Carrusel de AP (#3 novedades, #11 servicios): titular en la columna izquierda (93-499), fichas desde x=499 hasta el borde */
#mt5 .car .fi{--cw:240px}
#mt5 .car .fi .ph{aspect-ratio:3/4}
#mt5 .car{display:grid;grid-template-columns:calc(var(--side) + 406px) minmax(0,1fr);align-items:start}
#mt5 .car__h{padding-left:var(--side);padding-right:32px;display:grid;gap:40px;align-content:start}
#mt5 .car__h .t{color:var(--fg2)}
#mt5 .car__r{position:relative;min-width:0}
#mt5 .rail{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--side) 0;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;padding-right:var(--side)}
#mt5 .rail::-webkit-scrollbar{display:none}
#mt5 .fi{flex:0 0 var(--cw,193px);scroll-snap-align:start;display:grid;gap:16px;align-content:start}
#mt5 .fi .ph{aspect-ratio:193/256;background:var(--blanco)}
#mt5 .fi--tex .ph>img{object-fit:contain;transform:scale(1.18)}
@media (hover:hover) and (pointer:fine){#mt5 .fi--tex:hover .ph>img{transform:scale(1.26)}}
#mt5 .fi--col .ph{background:var(--sw)}
#mt5 .fi__t{display:grid;gap:4px}
#mt5 .fi .lk{margin-top:12px}
#mt5 .car--s .fi{--cw:283px}
#mt5 .car--s .fi .ph{aspect-ratio:283/373}
#mt5 .arr{position:absolute;right:var(--side);top:calc(var(--imgh,256px) / 2 - 20px);width:40px;height:40px;display:grid;place-items:center;background:var(--cal);outline:1px solid var(--line);outline-offset:-1px;transition:opacity .3s ease,background-color .25s ease;z-index:2}
#mt5 .arr[data-prev]{right:calc(var(--side) + 48px)}
#mt5 .arr[disabled]{opacity:0;pointer-events:none}
#mt5 .car--s{--imgh:373px}
@media (hover:hover) and (pointer:fine){#mt5 .arr:hover{background:var(--tinta);color:var(--cal)}}

/* 3 · Contenido doble de AP (#4, #7): titular a la izquierda (620) + texto a la derecha (413, desde x=919) + enlace bajo el titular */
#mt5 .dual{display:grid;grid-template-columns:minmax(0,620fr) minmax(0,206fr) minmax(0,413fr);row-gap:40px;align-items:start}
#mt5 .dual__r{grid-column:3;grid-row:1 / span 2;display:grid;gap:24px}
#mt5 .dual__l{grid-column:1;display:grid;gap:40px}
/* foto a sangre por la izquierda (713×956 en x=0) + pequeña a la derecha (356×478 en x=891, 603 px más abajo) */
#mt5 .bleedL{display:grid;grid-template-columns:49.5vw minmax(0,1fr);margin-top:96px;align-items:start}
#mt5 .bleedL .big{aspect-ratio:713/956}
#mt5 .bleedL .sm{width:min(356px,72%);aspect-ratio:356/478;margin:63% 0 0 calc(12.4vw)}
/* dos cuadradas que llenan el ancho (609×613 en x=100 y x=717) */
#mt5 .sq{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:64px auto 0;max-width:1226px;padding-inline:max(0px,calc(var(--side) - 86px))}
#mt5 .sq .ph{aspect-ratio:609/613}

/* 4 · Texto doble (#5): titular a todo el ancho + texto sangrado a x=197 */
#mt5 .dt{display:grid;gap:40px}
#mt5 .dt .t{max-width:407px;margin-left:104px;color:var(--fg2)}
/* 5 · Rejilla de AP (#6): 254 | 516 (vídeo) | 254, simétrica y centrada */
#mt5 .gr{display:grid;grid-template-columns:minmax(0,254fr) minmax(0,516fr) minmax(0,254fr);gap:8px;max-width:1040px;margin:48px auto 0}
#mt5 .gr__c{display:grid;gap:8px;grid-template-rows:minmax(0,344fr) minmax(0,168fr)}
#mt5 .gr__c:last-child{grid-template-rows:minmax(0,168fr) minmax(0,344fr)}
#mt5 .gr__c .ph{height:100%;min-height:0}
#mt5 .gr__c .ph>img{position:absolute;inset:0}
#mt5 .gr__v{aspect-ratio:516/520}
#mt5 .gr button{display:block;width:100%;height:100%;cursor:zoom-in}

/* 6 · Dos puertas (#9): foto 615×410 + titular + texto + enlace, en dos columnas */
#mt5 .doors{display:grid;grid-template-columns:1fr 1fr;gap:5px 5px}
#mt5 .door{display:grid;gap:32px;align-content:start}
#mt5 .door .ph{aspect-ratio:615/410}
#mt5 .door__t{display:grid;gap:24px;max-width:407px}
/* 7 · Texto e imagen (#10, #12): columna de 310 + foto 517×346 o 723×484 */
#mt5 .ti{display:grid;grid-template-columns:minmax(0,103fr) minmax(0,310fr) minmax(0,206fr) minmax(0,517fr) minmax(0,104fr);align-items:start}
#mt5 .ti__t{grid-column:2;display:grid;gap:32px}
#mt5 .ti .ph{grid-column:4;aspect-ratio:517/346}
/* Foto vertical sobre cal, entera (encimeras, DEC-0208) */
#mt5 .ti .ph.ph--v{aspect-ratio:820/1113;background:var(--cal)}
#mt5 .ti .ph.ph--v>img{object-fit:contain}
#mt5 .ti--r{grid-template-columns:minmax(0,723fr) minmax(0,103fr) minmax(0,414fr)}
#mt5 .ti--r .ph{grid-column:1;grid-row:1;aspect-ratio:723/484}
#mt5 .ti--r .ti__t{grid-column:3;grid-row:1}
#mt5 .steps5{display:grid;gap:12px;counter-reset:s}
#mt5 .steps5 li{display:grid;grid-template-columns:32px 1fr;gap:8px;font-size:16px;line-height:1.4}
#mt5 .steps5 li::before{counter-increment:s;content:counter(s);font-family:var(--serif);font-style:italic;font-weight:200;font-size:22px;line-height:1}
#mt5 .steps5 b{font-weight:500}
#mt5 .ct-l{display:grid;gap:6px;font-size:14px}
#mt5 .ct-l a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
#mt5 .form{background:var(--blanco);color:var(--tinta);padding:32px}
/* colores H dentro de un bloque doble */
#mt5 .chips{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:3px}
#mt5 .chip{aspect-ratio:1;outline:1px solid rgba(13,14,11,.06);outline-offset:-1px;transition:transform .2s var(--e)}
#mt5 .chip[aria-pressed="true"]{outline:1px solid var(--tinta);outline-offset:2px}
#mt5 .chip-info{display:flex;gap:12px;font-size:14px;min-height:20px}
#mt5 .chip-info b{font-weight:500}
@media (hover:hover) and (pointer:fine){#mt5 .chip:hover{transform:scale(1.3)}}
/* preguntas */
#mt5 .faq{border-top:1px solid var(--line);margin-top:64px}
#mt5 .faq details{border-bottom:1px solid var(--line)}
#mt5 .faq summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) 16px;gap:32px;align-items:center;padding:24px 0;font-size:17px;font-weight:400;cursor:pointer}
#mt5 .faq summary::-webkit-details-marker{display:none}
#mt5 .pm{position:relative;width:16px;height:16px}
#mt5 .pm::before,#mt5 .pm::after{content:"";position:absolute;left:0;top:7.5px;width:16px;height:1px;background:currentColor;transition:transform .4s var(--e)}
#mt5 .pm::after{transform:rotate(90deg)}
#mt5 details[open] .pm::after{transform:none}
#mt5 .faq .t{padding:0 48px 32px 0;color:var(--fg2)}
@supports (interpolate-size:allow-keywords){#mt5 .faq details{interpolate-size:allow-keywords}#mt5 .faq details::details-content{block-size:0;overflow:hidden;transition:block-size .5s var(--e),content-visibility .5s allow-discrete}#mt5 .faq details[open]::details-content{block-size:auto}}

/* visor */
#mt5 .lbx{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;padding:0;background:var(--tinta);color:var(--cal)}
#mt5 .lbx::backdrop{background:var(--tinta)}
#mt5 .lbx[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;animation:mt5-in .4s var(--e) both}
#mt5 .lbx__b{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px var(--side);font-size:14px}
#mt5 .lbx__b button{display:inline-flex;align-items:center;gap:12px;font-weight:500;padding:8px 0}
#mt5 .lbx figure{display:grid;place-items:center;min-height:0;padding:0 var(--side)}
#mt5 .lbx img{max-width:100%;max-height:100%;object-fit:contain;transition:opacity .25s ease}
#mt5 .lbx img.sw8{opacity:0}
@keyframes mt5-in{from{opacity:0}to{opacity:1}}

/* móvil (AP a 390: márgenes 20; titular 28 + cursiva 32; todo en una columna; carriles a sangre) */
@media (max-width:1023px){
  #mt5 .car{grid-template-columns:1fr;row-gap:40px}
  #mt5 .car__h{padding-right:var(--side)}
  #mt5 .rail{padding-left:var(--side)}
  #mt5 .dual,#mt5 .ti,#mt5 .ti--r{grid-template-columns:1fr;row-gap:32px}
  #mt5 .dual__r,#mt5 .dual__l,#mt5 .ti__t,#mt5 .ti .ph,#mt5 .ti--r .ph,#mt5 .ti--r .ti__t{grid-column:1;grid-row:auto}
  #mt5 .ti .ph{order:-1}
}
@media (max-width:767px){
  #mt5{--pad:64px;font-size:16px}
  #mt5 .h{font-size:28px}
  #mt5 .h .i{font-size:1.14em}
  #mt5 .t{font-size:16px;line-height:1.6}
  #mt5 .hero .w{padding-bottom:72px}
  #mt5 .fi{--cw:62vw}
  #mt5 .car--s .fi{--cw:72vw}
  #mt5 .arr{display:none}
  #mt5 .bleedL{grid-template-columns:1fr;margin-top:48px}
  #mt5 .bleedL .big{width:88%}
  #mt5 .bleedL .sm{width:56%;margin:16px var(--side) 0 auto}
  #mt5 .dt .t{margin-left:0}
  #mt5 .gr{grid-template-columns:1fr 1fr;padding-inline:var(--side)}
  #mt5 .gr__v{grid-column:1 / -1;grid-row:1}
  #mt5 .sq{grid-template-columns:1fr;padding-inline:var(--side)}
  #mt5 .doors{grid-template-columns:1fr;row-gap:64px;padding-inline:var(--side)}
  #mt5 .chips{grid-template-columns:repeat(13,minmax(0,1fr))}
  #mt5 .faq .t{padding-right:0}
}
@media (prefers-reduced-motion:reduce){
  #mt5 *,#mt5 *::before,#mt5 *::after{animation:none !important;transition-duration:.01ms !important;transition-delay:0s !important}
  #mt5.js [data-rv],#mt5.js .h .l,#mt5.js .h .i,#mt5.js .ph>img{opacity:1 !important;transform:none !important}
}
#mt5 .gr__v{position:relative}
#mt5 .gr__v .ph{position:absolute;inset:0}

/* v5.1 · Aleix 9-nov: el lavabo recortado entra flotando desde la derecha hasta la frase (sección fija mientras entra) */
#mt5 .float{position:relative;height:230vh;background:var(--cal)}
#mt5 .float__in{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;align-items:center}
#mt5 .float__t{position:relative;z-index:2;width:413px;max-width:calc(100% - 2 * var(--side));margin-left:var(--side);display:grid;gap:32px}
#mt5 .float__img{position:absolute;top:50%;left:42vw;width:66vw;max-width:none;height:auto;transform:translate3d(58vw,-50%,0);will-change:transform}
/* imagen a todo el ancho, de borde a borde */
#mt5 .full{margin-top:96px}
#mt5 .full .ph{aspect-ratio:1206/761;background:var(--tinta)}
/* texturas sobre Papel Cal (la tarjeta original, losa + esfera, con el fondo cambiado a cal) */
#mt5 .fi--tex .ph{background:var(--cal)}
#mt5 .fi--tex .ph>img{object-fit:contain;transform:scale(1.06)}
@media (hover:hover) and (pointer:fine){#mt5 .fi--tex:hover .ph>img{transform:scale(1.12)}}
@media (max-width:767px){
  #mt5 .float{height:auto}
  #mt5 .float__in{position:static;height:auto;display:grid;grid-template-columns:minmax(0,1fr);gap:40px;padding:96px 0 72px}
  #mt5 .float__img{position:relative;top:auto;left:auto;width:130vw;margin-left:18vw;transform:translate3d(40vw,0,0)}
}
@media (prefers-reduced-motion:reduce){#mt5 .float{height:auto}#mt5 .float__in{position:static;height:100vh}#mt5 .float__img{transform:translate3d(0,-50%,0) !important}}

/* v5.3 · Aleix 9-nov: foto a sangre por la izquierda, sin tanto zoom (entera, 1206×761), y el texto al lado a la derecha */
#mt5 .split{display:grid;grid-template-columns:56vw minmax(0,1fr);align-items:center;column-gap:clamp(40px,5vw,96px)}
#mt5 .split .ph{aspect-ratio:1206/761;background:var(--tinta)}
#mt5 .split .ph>img{object-fit:contain}
#mt5 .split__t{display:grid;gap:32px;max-width:440px;padding-right:var(--side)}
@media (max-width:1023px){#mt5 .split{grid-template-columns:1fr;row-gap:40px}#mt5 .split__t{padding-left:var(--side)}}

/* v5.4 · Aleix 9-nov: toda la sección es la misma imagen; su negro, prolongado hacia la derecha, es el fondo del texto en blanco */
#mt5 .split--dark{position:relative;display:block;height:clamp(420px,36.8vw,900px);background:#070605;color:var(--cal);overflow:hidden}
#mt5 .split--dark .ph{position:absolute;inset:0;background:#070605;aspect-ratio:auto}
#mt5 .split--dark .ph>img{object-fit:cover;object-position:left center}
#mt5 .split--dark .split__t{position:absolute;top:50%;left:max(62vw,calc(100% - var(--side) - 440px));transform:translateY(-50%);max-width:440px;padding-right:var(--side)}
#mt5 .split--dark .t{color:rgba(247,243,234,.84)}
#mt5 .split--dark .lk{color:var(--cal)}
#mt5 .split--dark .lk::before{background:var(--cal)}
@media (max-width:1023px){
  #mt5 .split--dark{height:auto;display:grid}
  #mt5 .split--dark .ph{position:relative;inset:auto;height:62vw;min-height:300px;aspect-ratio:auto}
  #mt5 .split--dark .split__t{position:relative;top:auto;left:auto;transform:none;max-width:none;padding:40px var(--side) 72px}
}

/* v5.5 · Bañeras: la pared crema de la foto, prolongada hacia la izquierda, es el fondo del texto (tinta) */
/* Variante: foto vertical a sangre a la izquierda y el texto al lado (barras) */
#mt5 .split--p{grid-template-columns:44vw minmax(0,1fr);padding:96px 0}
#mt5 .split--p .ph{aspect-ratio:3/4;background:var(--polvo,#EDE9E0)}
#mt5 .split--p .ph>img{object-fit:cover}
#mt5 .split--p .split__t{max-width:520px}
@media (max-width:1023px){#mt5 .split--p{grid-template-columns:1fr;padding:0 0 72px}#mt5 .split--p .ph{aspect-ratio:4/5}}
/* Variante: la foto a la derecha y el negro prolongado hacia la izquierda (encimeras) */
#mt5 .split--dark-r .ph>img{object-position:right center}
#mt5 .split--dark-r .split__t{left:var(--side);padding:0}
@media (max-width:1023px){#mt5 .split--dark-r .split__t{left:auto;padding:40px var(--side) 72px}}
#mt5 .split--light{position:relative;display:block;height:clamp(520px,55.4vw,1000px);background:#EDE6DB;color:var(--tinta);overflow:hidden}
#mt5 .split--light .ph{position:absolute;inset:0;background:#EDE6DB;aspect-ratio:auto}
#mt5 .split--light .ph>img{object-fit:cover;object-position:right center}
#mt5 .split--light .split__t{position:absolute;top:50%;left:var(--side);transform:translateY(-50%);max-width:440px;padding:0}
#mt5 .split--light .t{color:var(--piedra)}
@media (max-width:1023px){
  #mt5 .split--light{height:auto;display:grid}
  #mt5 .split--light .ph{position:relative;inset:auto;height:110vw;order:2}
  #mt5 .split--light .split__t{position:relative;top:auto;left:auto;transform:none;max-width:none;padding:72px var(--side) 40px}
}

/* DEC-0211 · móvil (Aleix 9-nov: «las texturas no se pueden deslizar o cuesta; no se intuye que se puede») */
/* barra de los carriles: avance + contador; en táctil, flechas de 44 px */
#mt5 .car__bar{display:flex;align-items:center;gap:16px;margin-top:32px;padding-right:var(--side)}
#mt5 .car__trk{position:relative;flex:1;height:1px;background:var(--line,#ECECEC);overflow:hidden}
#mt5 .car__trk i{position:absolute;left:0;top:-1px;height:3px;width:var(--tw,20%);background:var(--tinta);transform:translateX(var(--tx,0));transition:transform .15s linear}
#mt5 .car__n{font-size:14px;font-variant-numeric:tabular-nums;color:var(--fg2,#3C3D39);min-width:64px;text-align:right}
#mt5 .car__n b{font-weight:500;color:var(--tinta)}
#mt5 .bar__arr{display:none;width:44px;height:44px;place-items:center;outline:1px solid var(--line,#ECECEC);outline-offset:-1px;background:var(--cal);transition:opacity .2s ease}
#mt5 .bar__arr[disabled]{opacity:.35}
#mt5 .car__bar .bar__arr+.bar__arr{margin-left:-12px}
/* el hueco de la ficha del simulador, a la derecha (la foto del canto) */
#mt5 .ph--r>img{object-position:right center}
@media (max-width:1023px){
  #mt5 .car__bar{padding-left:var(--side);margin-top:24px}
  #mt5 .bar__arr{display:grid}
  #mt5 .rail{scroll-snap-type:x proximity}
}
@media (max-width:767px){
  /* rejilla de artesanía: las fotos tenían altura 0 (filas en fr sin altura) */
  #mt5 .gr__c{grid-template-rows:auto auto}
  #mt5 .gr__c:last-child{grid-template-rows:auto auto}
  #mt5 .gr__c .ph{height:auto;aspect-ratio:4/5;position:relative}
  #mt5 .gr__c .ph:last-child{aspect-ratio:1}
  /* texto en columna estrecha: sin justificar (DEC-0201) */
  #mt5 .t--j{text-align:left;hyphens:manual}
  /* colores H: muestras de 32 px para el dedo */
  #mt5 .chips{grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}
  #mt5 .ct-l{gap:0}
  #mt5 .ct-l a,#mt5 .ct-l .sp{padding-block:9px}
}

/* DEC-0212 · la raya crece y empuja el texto, sin taparlo; también con teclado */
#mt5 .lk:focus-visible::before{width:56px}

/* Hub, «De la idea a la pieza» (DEC-0216): pieza recortada sobre cal, que empieza donde el lavabo flotante (42vw) y sale por la derecha */
#mt5 .ti--xl{display:grid;grid-template-columns:calc(var(--side) + 413px) minmax(0,1fr);column-gap:max(48px,calc(42vw - var(--side) - 413px));align-items:center}
#mt5 .ti--xl .ti__t{grid-column:1;grid-row:1;padding-left:var(--side)}
#mt5 .ti--xl .ph{grid-column:2;grid-row:1;aspect-ratio:1053/818;background:var(--cal)}
@media (max-width:1023px){
  #mt5 .ti--xl{grid-template-columns:1fr;row-gap:40px}
  #mt5 .ti--xl .ph{grid-column:1;order:-1;margin-left:var(--side)}
  #mt5 .ti--xl .ti__t{grid-column:1;grid-row:auto;padding-inline:var(--side)}
}

/* DEC-0219 · sección «una sola imagen» en portátiles de 1024-1439: a 1280 el texto tocaba los bordes y a 1024 se cortaba
   (titular y enlace fuera). Titular y párrafo algo menores y menos margen derecho; la foto y la columna de 62vw no cambian.
   A 1440 y más, idéntico. */
@media (min-width:1024px) and (max-width:1439px){
  #mt5 .split--dark .h{font-size:clamp(34px,3.1vw,48px)}
  #mt5 .split--dark .t{font-size:16px;line-height:1.5}
  #mt5 .split--dark .split__t{gap:24px;padding-right:40px}
  #mt5 .split--dark-r .split__t{padding-right:0}
}

/* DEC-0220: texto solo para lectores de pantalla (nombres de color) */
#mt5 .vh{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* DEC-0220 · traducciones (FR/PT un 30 % más largas): en 1440-1599 la sección oscura usa la tipografía de 1024-1439. El ES no cambia. */
@media (min-width:1440px) and (max-width:1599px){
  html:not([lang|="es"]) #mt5 .split--dark .h{font-size:48px}
  html:not([lang|="es"]) #mt5 .split--dark .t{font-size:16px;line-height:1.5}
  html:not([lang|="es"]) #mt5 .split--dark .split__t{gap:24px;padding-right:40px}
  html:not([lang|="es"]) #mt5 .split--dark-r .split__t{padding-right:0}
}

/* MT ronda 3 (10-nov-2026, DEC-0223): con los H1 largos (producto + terrazo, microcemento y hormigón), en pantallas bajas de escritorio (1280×720, 1024×768) el bloque subía bajo la cabecera (107 px). */
@media (min-width:1024px) and (max-height:820px){#mt5 .hero h1.h{font-size:44px}#mt5 .hero:first-child .w{padding-bottom:64px}#mt5 .hero:first-child .hero__t{gap:24px}}