/* Maison Thery · Proposition B «Galerie»: blanco de galería, filetes finos; Instrument Serif + Instrument Sans */
.mt-b{--bg:#FFFFFF;--off:#F5F4F2;--ink:#121212;--grey:#8A8A86;--line:#E4E3DF;--g:clamp(18px,3.4vw,56px);--serif:'Instrument Serif',Georgia,serif;--sans:'Instrument Sans','Helvetica Neue',Arial,sans-serif}
body.mt-b{background:var(--bg);color:var(--ink);font:400 15px/1.65 var(--sans)}
.mt-b ::selection{background:var(--ink);color:#fff}
.mt-b em{font-style:italic}
.mt-b .mt-eyebrow{font:500 11px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--grey);margin:0}
.mt-b .mt-stack{display:flex!important;flex-direction:column!important}
.mt-b .mt-b-sec{padding:clamp(70px,8vw,130px) var(--g)!important}
.mt-b .mt-b-head{display:flex!important;flex-direction:row!important;align-items:baseline;justify-content:space-between;gap:20px!important;padding-bottom:18px;margin-bottom:28px;border-bottom:1px solid var(--ink)}
.mt-b .mt-b-head>*{width:auto!important}
.mt-b .mt-b-h2{font:400 clamp(34px,3.4vw,52px)/1.02 var(--serif);letter-spacing:-.015em}
.mt-b .mt-b-h2 sup{font:500 12px/1 var(--sans);letter-spacing:.06em;vertical-align:super;color:var(--grey);margin-left:6px}
.mt-b .mt-b-link{font:500 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;margin:0}
.mt-b .mt-b-link a{display:inline-flex;gap:8px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:5px;margin-right:22px;white-space:nowrap}
.mt-b .mt-b-link a::after{content:'↗';font-size:11px}
.mt-b .mt-b-link a:hover{color:var(--grey)}

/* Cabecera: logo a la izquierda, menú centrado */
.mt-b .mt-headbox{position:sticky!important;top:0;z-index:60}
.mt-b .mt-head{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:30px;height:74px;padding:0 var(--g);background:rgba(255,255,255,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:height .3s}
.mt-b .mt-head.is-scrolled{height:60px}
.mt-b .mt-logo{font:400 30px/1 var(--serif);letter-spacing:-.01em;white-space:nowrap}
.mt-b .mt-nav{display:flex;justify-content:center;gap:clamp(16px,2.2vw,34px);font:500 12px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase}
.mt-b .mt-nav a,.mt-b .mt-util a{padding:8px 0;transition:color .2s}
.mt-b .mt-nav a:hover,.mt-b .mt-util a:hover{color:var(--grey)}
.mt-b .mt-util{display:flex;align-items:center;gap:clamp(12px,1.5vw,24px);font:500 12px/1 var(--sans);letter-spacing:.04em;text-transform:uppercase}
.mt-b .mt-sel{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:30px;padding:2px}
.mt-b .mt-sel button{padding:6px 10px;border-radius:30px;font-size:11px;letter-spacing:.04em;color:var(--grey);transition:background .2s,color .2s}
.mt-b .mt-sel button[aria-pressed="true"]{background:var(--ink);color:#fff}
.mt-b .mt-burger{display:none;width:28px;height:18px;position:relative}
.mt-b .mt-burger span{position:absolute;left:0;right:0;height:1.5px;background:var(--ink);transition:transform .3s,top .3s}
.mt-b .mt-burger span:first-child{top:4px}.mt-b .mt-burger span:last-child{top:12px}
.mt-b .mt-burger[aria-expanded="true"] span:first-child{top:8px;transform:rotate(45deg)}.mt-b .mt-burger[aria-expanded="true"] span:last-child{top:8px;transform:rotate(-45deg)}

/* Portada: meta, nombre monumental y díptico */
.mt-b .mt-b-hero{padding:26px var(--g) 0!important;overflow:hidden}
.mt-b .mt-b-meta{display:flex!important;flex-direction:row!important;justify-content:space-between;gap:20px!important;padding-bottom:10px;border-bottom:1px solid var(--line)}
.mt-b .mt-b-meta>*{width:auto!important}
.mt-b .mt-b-mark{font:400 clamp(84px,20.4vw,380px)/.86 var(--serif);letter-spacing:-.045em;margin:18px 0 26px -.04em;white-space:nowrap}
.mt-b .mt-b-mark em{letter-spacing:-.03em}
.mt-b .mt-b-dip{display:grid!important;grid-template-columns:1.25fr 1fr;gap:14px!important;align-items:end;position:relative;z-index:2}
.mt-b .mt-b-dip .elementor-widget-image img{object-fit:cover;width:100%}
.mt-b .mt-b-dip-a .elementor-widget-image img{aspect-ratio:4/5;object-position:50% 25%}
.mt-b .mt-b-dip-b .elementor-widget-image img{aspect-ratio:3/4;object-position:50% 20%}
.mt-b .mt-b-dip .elementor-widget-image img,.mt-b .mt-bcard .elementor-widget-image img,.mt-b .mt-bpost .elementor-widget-image img{transition:scale 1s cubic-bezier(.2,.7,.2,1)}
.mt-b .mt-b-dip>div:hover .elementor-widget-image img,.mt-b .mt-bcard:hover .elementor-widget-image img,.mt-b .mt-bpost:hover .elementor-widget-image img{scale:1.03}
.mt-b .mt-b-cap{margin-top:12px}
.mt-b .mt-b-cap p,.mt-b .mt-bcard-t p:first-child{display:flex;justify-content:space-between;gap:16px;margin:0!important;font:500 13px/1.4 var(--sans);letter-spacing:.02em}
.mt-b .mt-b-cap span,.mt-b .mt-bcard-t span{font-variant-numeric:tabular-nums;white-space:nowrap}

/* Declaración */
.mt-b .mt-b-state{display:grid!important;grid-template-columns:1fr 2.2fr;gap:24px clamp(30px,6vw,110px)!important;border-bottom:1px solid var(--line)}
.mt-b .mt-b-quote{font:400 clamp(34px,3.7vw,60px)/1.08 var(--serif);letter-spacing:-.012em;max-width:1100px}
.mt-b .mt-b-quote em{color:var(--grey)}
.mt-b .mt-b-state-t{grid-column:2;max-width:560px;color:#555}
.mt-b .mt-b-state-t .mt-b-link{margin-top:26px!important}

/* Rejilla de catálogo con filetes */
.mt-b .mt-b-grid{display:grid!important;grid-template-columns:repeat(4,1fr);gap:0!important;border-left:1px solid var(--line)}
.mt-b .mt-bcard{gap:14px!important;padding:18px 18px 26px!important;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.mt-b .mt-bcard .elementor-widget-image{background:var(--off)}
.mt-b .mt-bcard .elementor-widget-image img{aspect-ratio:4/5;object-fit:cover}
.mt-b .mt-bcard-c{margin:4px 0 0!important;font-size:12.5px;color:var(--grey)}

/* Imagen a sangre con pie */
.mt-b .mt-b-full{position:relative}
.mt-b .mt-b-full .elementor-widget-image img{height:min(86vh,820px);object-fit:cover}
.mt-b .mt-b-full-cap{padding:14px var(--g)!important;border-bottom:1px solid var(--line)}
.mt-b .mt-b-full-cap p{margin:0;display:flex;gap:24px;font-size:13px;color:#555}
.mt-b .mt-b-full-cap span{font-weight:500;color:var(--ink);text-transform:uppercase;letter-spacing:.06em;font-size:12px}

/* Índice de colecciones */
.mt-b .mt-index{display:grid;grid-template-columns:1.4fr 1fr;gap:clamp(30px,5vw,90px);align-items:start}
.mt-b .mt-index ol{list-style:none;margin:0;padding:0;counter-reset:ix}
.mt-b .mt-index li{counter-increment:ix;border-bottom:1px solid var(--line)}
.mt-b .mt-index a{display:grid;grid-template-columns:52px 1fr auto;align-items:baseline;gap:12px;padding:18px 0;transition:padding .35s,color .25s}
.mt-b .mt-index a::before{content:counter(ix,decimal-leading-zero);font:500 11px/1 var(--sans);color:var(--grey)}
.mt-b .mt-index span{font:400 clamp(30px,3.4vw,52px)/1.05 var(--serif);letter-spacing:-.012em;transition:font-style .2s}
.mt-b .mt-index small{font:500 11px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.mt-b .mt-index a:hover,.mt-b .mt-index a.is-on{padding-left:14px}
.mt-b .mt-index a.is-on span{font-style:italic}
.mt-b .mt-index figure{margin:0;position:sticky;top:110px;background:var(--off);overflow:hidden}
.mt-b .mt-index figure img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:opacity .35s}
.mt-b .mt-index figure img.is-fading{opacity:0}

/* Diario */
.mt-b .mt-b-grid2{display:grid!important;grid-template-columns:1fr 1fr;gap:clamp(14px,1.6vw,24px)!important}
.mt-b .mt-bpost{gap:16px!important}
.mt-b .mt-bpost .elementor-widget-image img{aspect-ratio:16/10;object-fit:cover}
.mt-b .mt-bpost-t{font:400 28px/1.2 var(--serif);margin:8px 0 0!important}

/* Boletín y servicios */
.mt-b .mt-b-news{display:grid!important;grid-template-columns:1.2fr 1fr;gap:30px clamp(30px,6vw,110px)!important;align-items:center;background:var(--off)}
.mt-b .mt-b-news .mt-b-h2 em{color:var(--grey)}
.mt-b .mt-nl{display:flex;border-bottom:1px solid var(--ink)}
.mt-b .mt-nl input{flex:1;min-width:0;border:0;background:transparent;padding:14px 0;font:400 16px var(--sans);color:var(--ink);outline:none}
.mt-b .mt-nl button{font:500 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase;padding-left:18px}
.mt-b .mt-b-serv{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;margin:26px 0 0;padding:0;font-size:12.5px;color:#555}
.mt-b .mt-b-serv li::before{content:'—';margin-right:8px;color:var(--grey)}

/* Pie con el nombre gigante */
.mt-b .mt-foot{padding:70px var(--g) 26px;border-top:1px solid var(--ink);background:var(--bg);overflow:hidden}
.mt-b .mt-foot-top{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.mt-b .mt-foot h4{margin:0 0 16px;font:500 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--grey)}
.mt-b .mt-foot-top a{display:block;padding:5px 0;font-size:14px}
.mt-b .mt-foot-top a:hover{color:var(--grey)}
.mt-b .mt-foot-top p{font-size:13.5px;line-height:1.7;color:#555;margin:0}
.mt-b .mt-foot-mark{display:block;margin:70px 0 34px;font:400 clamp(70px,20vw,370px)/.82 var(--serif);letter-spacing:-.045em;color:#E9E8E4;white-space:nowrap;transition:color .5s}
.mt-b .mt-foot-mark:hover{color:var(--ink)}
.mt-b .mt-foot-bot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--grey)}
.mt-b .mt-foot-bot span{display:flex;gap:20px;flex-wrap:wrap}

/* Ficha: tira horizontal de imágenes y tres columnas */
.mt-b .mt-crumbs{display:flex;gap:10px;padding:18px var(--g);font-size:12px;color:var(--grey)}
.mt-b .mt-crumbs a:hover{color:var(--ink)}
.mt-b .mt-b-strip-wrap{position:relative}
.mt-b .mt-b-strip{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:10px!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 var(--g)!important}
.mt-b .mt-b-strip::-webkit-scrollbar{display:none}
.mt-b .mt-b-strip>.elementor-widget-image{flex:0 0 auto!important;width:auto!important;scroll-snap-align:start;background:var(--off)}
.mt-b .mt-b-strip img{height:min(76vh,760px)!important;width:auto!important;aspect-ratio:4/5;object-fit:cover}
.mt-b .mt-b-strip>.elementor-widget-image:first-child img{aspect-ratio:3/4;object-position:50% 25%}
.mt-b .mt-b-arrows{position:absolute;right:var(--g);bottom:18px;display:flex;gap:8px;z-index:2}
.mt-b .mt-b-arrows button{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.92);border:1px solid var(--line);font-size:16px;transition:background .2s,color .2s}
.mt-b .mt-b-arrows button:hover{background:var(--ink);color:#fff}
.mt-b .mt-b-pdp{display:grid!important;grid-template-columns:1.2fr 1fr 1.1fr;gap:30px clamp(26px,3.4vw,60px)!important;padding:40px var(--g) 30px!important;border-bottom:1px solid var(--line)}
.mt-b .mt-b-pi1 h1{margin:14px 0 18px;font:400 clamp(40px,3.8vw,62px)/1 var(--serif);letter-spacing:-.018em}
.mt-b .mt-b-pi1 h1 em{color:var(--grey)}
.mt-b .mt-b-price{font:500 20px/1 var(--sans);font-variant-numeric:tabular-nums;margin:0}
.mt-b .mt-b-tax{font-size:12.5px;color:var(--grey);margin:10px 0 0;max-width:340px;line-height:1.55}
.mt-b .mt-pi-row{margin-bottom:26px}
.mt-b .mt-pi-lab{display:flex;justify-content:space-between;font:500 11px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.mt-b .mt-pi-lab b{font-weight:500;color:var(--grey);text-transform:none;letter-spacing:.02em;font-size:12.5px}
.mt-b .mt-pi-lab a{border-bottom:1px solid currentColor}
.mt-b .mt-swatches{display:flex;gap:10px}
.mt-b .mt-swatch{width:26px;height:26px;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);outline:1px solid transparent;outline-offset:3px}
.mt-b .mt-swatch[aria-pressed="true"]{outline-color:var(--ink)}
.mt-b .mt-sizes{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border:1px solid var(--line)}
.mt-b .mt-size{height:46px;font:500 13px/1 var(--sans);border-right:1px solid var(--line)!important;font-variant-numeric:tabular-nums;transition:background .2s,color .2s}
.mt-b .mt-size:last-child{border-right:0!important}
.mt-b .mt-size:hover{background:var(--off)}
.mt-b .mt-size[aria-pressed="true"]{background:var(--ink);color:#fff}
.mt-b .mt-size:disabled{color:#c2c1bc;text-decoration:line-through;cursor:not-allowed;background:none}
.mt-b .mt-pi-msg{min-height:18px;margin:8px 0 0;font-size:12.5px;color:#9a3a2a}
.mt-b .mt-add{width:100%;height:54px;border-radius:40px;background:var(--ink)!important;color:#fff!important;font:500 12px/1 var(--sans)!important;letter-spacing:.08em;text-transform:uppercase;transition:opacity .25s}
.mt-b .mt-add:hover{opacity:.85}
.mt-b .mt-pi-ship{font-size:12.5px;color:var(--grey);margin:14px 0 0}
.mt-b .mt-acc details{border-top:1px solid var(--ink)}
.mt-b .mt-acc details+details{border-top-color:var(--line)}
.mt-b .mt-acc summary{list-style:none;display:flex;justify-content:space-between;padding:16px 0;cursor:pointer;font:500 12px/1 var(--sans);letter-spacing:.06em;text-transform:uppercase}
.mt-b .mt-acc summary::-webkit-details-marker{display:none}
.mt-b .mt-acc summary::after{content:'+';font-size:16px;transition:rotate .3s}
.mt-b .mt-acc details[open] summary::after{rotate:45deg}
.mt-b .mt-acc details>div{padding:0 0 18px;font-size:14px;line-height:1.7;color:#555}
.mt-b .mt-acc p{margin:0 0 .7em}.mt-b .mt-acc b{color:var(--ink);font-weight:500}
.mt-b .mt-acc table{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}
.mt-b .mt-acc th,.mt-b .mt-acc td{text-align:left;padding:7px 0;border-bottom:1px solid var(--line)}

/* Portada de propuestas */
.mt-b .mt-pick{gap:22px!important;min-height:100vh}
.mt-b .mt-pick-h{font-size:clamp(46px,6vw,96px)!important;max-width:1100px}
.mt-b .mt-pick-h em{color:var(--grey)}
.mt-b .mt-pick-t{max-width:620px;color:#555}
.mt-b .mt-pick-grid{display:grid!important;grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,30px)!important;margin-top:30px}
.mt-b .mt-pick-c{gap:18px!important}
.mt-b .mt-pick-c .elementor-widget-image img{aspect-ratio:16/11;object-fit:cover;object-position:50% 25%;transition:scale 1s cubic-bezier(.2,.7,.2,1)}
.mt-b .mt-pick-c:hover .elementor-widget-image img{scale:1.03}
.mt-b .mt-pick-c p{margin:0 0 10px;max-width:520px;color:#555}
.mt-b .mt-pick-n{font:400 46px/1 var(--serif)!important;color:var(--ink)!important;margin:6px 0 12px!important}

/* 0.2 · Novedades en horizontal: con JS (escritorio) la sección se fija y la fila se desliza al hacer scroll;
   sin JS o en móvil, fila con scroll lateral */
.mt-b .mt-b-hscroll{overflow:hidden;background:var(--bg)}
.mt-b .mt-b-hs-pega{width:100%;min-width:0}
/* Escritorio con JS: la sección se alarga (alto puesto por mt-motion.js) y el contenido queda pegado; overflow:clip
   recorta la fila sin crear una caja de scroll, que impediría el sticky */
.mt-b .mt-b-hscroll.is-sticky{overflow:clip}
.mt-b .mt-b-hscroll.is-sticky .mt-b-hs-pega{position:sticky;top:90px}
.mt-b .mt-b-hscroll.is-sticky .mt-bcard .mt-card-img1 img{max-height:calc(100vh - 330px)}
.mt-b .mt-b-progress{height:1px;background:var(--line);margin:-28px 0 28px;position:relative}
.mt-b .mt-b-progress span{position:absolute;inset:0;background:var(--ink);transform:scaleX(0);transform-origin:left}
.mt-b .mt-b-track{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:0!important;border-left:1px solid var(--line);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;will-change:transform}
.mt-b .mt-b-track::-webkit-scrollbar{display:none}
.mt-b .mt-b-track.is-pinned{overflow:visible;scroll-snap-type:none}
.mt-b .mt-b-track>.mt-bcard{flex:0 0 clamp(260px,27vw,440px)!important;width:auto!important;scroll-snap-align:start;border-top:1px solid var(--line)}
.mt-b .mt-bcard .mt-card-media{background:var(--off)}
.mt-b .mt-bcard .mt-card-img1 img{aspect-ratio:4/5;object-fit:cover}

/* Tablet y móvil */
@media(max-width:1100px){
 .mt-b .mt-b-track>.mt-bcard{flex-basis:44vw!important}
 .mt-b .mt-head{grid-template-columns:auto 1fr auto;gap:14px}
 .mt-b .mt-burger{display:block}
 .mt-b .mt-logo{justify-self:start}
 .mt-b .mt-nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:6px var(--g) 16px}
 .mt-b .mt-nav.is-open{display:flex}
 .mt-b .mt-nav a{padding:15px 0;border-bottom:1px solid var(--line)}
 .mt-b .mt-util .mt-hide-m{display:none}
 .mt-b .mt-b-grid{grid-template-columns:repeat(2,1fr)}
 .mt-b .mt-b-pdp{grid-template-columns:1fr 1fr}
 .mt-b .mt-b-pdp>*:last-child{grid-column:1/-1}
 .mt-b .mt-foot-top{grid-template-columns:1fr 1fr}
}
@media(max-width:767px){
 .mt-b .mt-head{height:62px}
 .mt-b .mt-logo{font-size:24px}
 .mt-b .mt-util .mt-sel:first-child{display:none}
 .mt-b .mt-util>a:last-child{display:none}
 .mt-b .mt-b-meta{flex-direction:column!important;gap:4px!important}
 .mt-b .mt-b-mark{font-size:19vw;margin:14px 0 18px}
 .mt-b .mt-b-dip{grid-template-columns:1fr}
 .mt-b .mt-b-state,.mt-b .mt-b-news{grid-template-columns:1fr}
 .mt-b .mt-b-state-t{grid-column:1}
 .mt-b .mt-bcard{padding:12px 12px 20px!important}
 .mt-b .mt-b-cap p,.mt-b .mt-bcard-t p:first-child{flex-direction:column;gap:4px}
 .mt-b .mt-index{grid-template-columns:1fr}
 .mt-b .mt-index figure{display:none}
 .mt-b .mt-index a{grid-template-columns:36px 1fr}
 .mt-b .mt-index small{display:none}
 .mt-b .mt-b-grid2{grid-template-columns:1fr}
 .mt-b .mt-b-strip img{height:62vh!important}
 .mt-b .mt-b-pdp{grid-template-columns:1fr;padding-top:28px!important}
 .mt-b .mt-sizes{grid-template-columns:repeat(3,1fr)}
 .mt-b .mt-size:nth-child(3){border-right:0!important}.mt-b .mt-size:nth-child(-n+3){border-bottom:1px solid var(--line)!important}
 .mt-b .mt-foot-top{grid-template-columns:1fr 1fr;gap:26px}
 .mt-b .mt-pick-grid{grid-template-columns:1fr}
 .mt-b .mt-b-track>.mt-bcard{flex-basis:74vw!important}
}
