/* 2026 Monpenedès — portada i navegació editorial compacta */
.mp-zones-compact{padding-top:32px;padding-bottom:38px;border-top:1px solid #e9e8e3;border-bottom:1px solid #e9e8e3}
.mp-zones-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:20px}
.mp-zones-heading h2{font-size:clamp(27px,3.5vw,43px);letter-spacing:-.065em;line-height:1.12;margin:9px 0 0;font-weight:500}
.mp-zones-heading p{font-size:12px;line-height:1.6;color:#85837d;max-width:370px;margin:0}
.mp-zones-links{display:flex;flex-wrap:wrap;gap:8px}
.mp-zone-link{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;white-space:nowrap;border:1px solid #dcdcd6;padding:14px 17px;font-size:12px;letter-spacing:-.1px;min-height:47px;transition:background .2s,color .2s,border-color .2s}
.mp-zone-link span{font-size:14px;font-weight:400;color:#858580}
.mp-zone-link:hover,.mp-zone-link.is-active{background:#1e1f1c;color:#fff;border-color:#1e1f1c}
.mp-zone-link:hover span,.mp-zone-link.is-active span{color:#fff}
.mp-ux-home{overflow:hidden}
.mp-ux-hero{display:grid;grid-template-columns:53% 47%;gap:0;min-height:555px;padding-top:40px;padding-bottom:48px}
.mp-ux-hero-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:38px clamp(25px,4.8vw,80px) 38px 0}
.mp-ux-hero-copy h1{font-size:clamp(65px,7.5vw,116px);letter-spacing:-.09em;font-weight:500;line-height:.98;margin:25px 0 27px;max-width:670px}
.mp-ux-hero-copy h1 em,.mp-ux-cubo-feature h2 em,.mp-ux-catalog-head h1 em{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.07em}
.mp-ux-hero-copy>p{max-width:460px;font-size:16px;line-height:1.8;color:#71716d;margin:0 0 29px}
.mp-ux-hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.mp-ux-hero-textlink{font-size:11px;text-transform:uppercase;letter-spacing:.8px;font-weight:700;border-bottom:1px solid;padding-bottom:10px}
.mp-ux-hero-textlink span{margin-left:13px}
.mp-ux-hero-note{font-size:9px;letter-spacing:2px;color:#aaa9a0;margin-top:40px}
.mp-ux-hero-photo{position:relative;min-height:500px;background:#e5e4de center / cover no-repeat;overflow:hidden}
.mp-ux-hero-photo:after{content:'';position:absolute;inset:20% 0 0;background:linear-gradient(transparent,rgba(12,12,12,.42))}
.mp-ux-hero-photo-caption{position:absolute;left:28px;right:28px;bottom:23px;z-index:1;color:#fff;display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:1.3px}
.mp-ux-choose{padding-top:50px;padding-bottom:70px}
.mp-ux-section-row{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:27px}
.mp-ux-section-row h2{font-size:clamp(39px,5vw,72px);letter-spacing:-.075em;font-weight:500;margin:12px 0 0;line-height:1.03}
.mp-ux-section-row p{font-size:13px;color:#8c8a84;max-width:280px;line-height:1.6}
.mp-ux-choose-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mp-ux-choice{display:block;border:1px solid #deddd8;color:#1b1b19;background:#fff;transition:transform .25s,box-shadow .25s}
.mp-ux-choice:hover{transform:translateY(-3px);box-shadow:0 15px 40px rgba(0,0,0,.07);color:#1b1b19}
.mp-ux-choice-photo{height:270px;background:#ebeae6 center/cover no-repeat;position:relative;overflow:hidden}
.mp-ux-cubo-stamp{position:absolute;right:18px;bottom:18px;padding:7px 13px;background:#fff;box-shadow:0 4px 15px rgba(0,0,0,.09)}
.mp-ux-cubo-stamp .mp-cubo-logo{height:54px;width:66px}
.mp-ux-choice-info{position:relative;padding:26px 31px 29px}
.mp-ux-choice-info>span{color:#84837d;letter-spacing:1.3px;font-weight:700;font-size:10px}
.mp-ux-choice-info h3{font-size:clamp(24px,3.1vw,42px);line-height:1.12;letter-spacing:-.065em;margin:12px 34px 9px 0;font-weight:500}
.mp-ux-choice-info p{font-size:13px;line-height:1.7;color:#76756f;margin:0;max-width:370px}
.mp-ux-choice-info b{position:absolute;right:30px;top:48px;font-size:23px;font-weight:400}
.mp-ux-home .mp-home-featured{padding-top:85px;padding-bottom:96px}
.mp-ux-cubo-feature{background:#f5f4ef;padding:90px 0 105px}
.mp-ux-cubo-feature-top{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:43px}
.mp-ux-cubo-feature-top>div{max-width:740px}
.mp-ux-cubo-feature h2{font-size:clamp(47px,6vw,90px);line-height:1.02;font-weight:500;letter-spacing:-.075em;margin:8px 0 18px}
.mp-ux-cubo-feature-top p{color:#777670;font-size:14px;line-height:1.7;max-width:530px}
.mp-ux-cubo-feature .mp-card-media{background-color:#e8e7df}
.mp-ux-end{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:94px;padding-bottom:94px}
.mp-ux-end h2{font-size:clamp(33px,4.3vw,65px);font-weight:500;letter-spacing:-.07em;line-height:1.1;margin:16px 0}
.mp-ux-catalog-head{display:flex;justify-content:space-between;align-items:end;gap:50px;padding-top:65px;padding-bottom:42px}
.mp-ux-catalog-headtext{display:flex;flex-direction:column;align-items:flex-start;max-width:770px}
.mp-ux-catalog-headtext>.mp-cubo-logo{margin:15px 0 -12px}
.mp-ux-catalog-head h1{font-size:clamp(55px,7.7vw,110px);font-weight:500;letter-spacing:-.088em;line-height:.96;margin:20px 0 21px}
.mp-ux-catalog-headtext p{color:#777670;max-width:490px;font-size:14px;line-height:1.75;margin:0}
.mp-catalog-switch{display:flex;gap:4px;padding:5px;border:1px solid #e0dfd9;background:#f6f5f1;max-width:530px;flex:none;align-items:stretch}
.mp-catalog-switch a{min-width:170px;display:flex;gap:6px;align-items:center;justify-content:center;text-align:center;padding:15px 13px;font-size:11px;line-height:1.25;font-weight:700;transition:background .2s}
.mp-catalog-switch a span[aria-hidden]{font-size:13px}
.mp-catalog-switch a:has(.mp-cubo-logo){gap:7px}
.mp-catalog-switch .mp-cubo-logo.is-compact{width:37px;height:32px;flex:none}
.mp-catalog-switch a.is-active,.mp-catalog-switch a:hover{background:#1e1e1c;color:#fff}
.mp-catalog-switch a.is-active .mp-cubo-logo,.mp-catalog-switch a:hover .mp-cubo-logo{filter:invert(1)}
.mp-ux-catalog .mp-zones-compact{padding-top:24px;padding-bottom:30px}
.mp-ux-catalog .mp-zones-heading h2{font-size:31px}
.mp-ux-catalog .mp-zones-heading p{font-size:11px}
.mp-ux-catalog-filters{padding-top:33px;padding-bottom:42px}
.mp-ux-filters{background:#f8f7f4;border:1px solid #e9e8e3;display:grid;grid-template-columns:minmax(220px,2fr) minmax(140px,1.2fr) minmax(130px,.9fr) auto;gap:12px;padding:23px;align-items:end}
.mp-ux-filters label{display:flex;flex-direction:column;gap:10px;min-width:0}
.mp-ux-filters label>span{font-size:10px;text-transform:uppercase;letter-spacing:1px;font-weight:800}
.mp-ux-filters :is(input[type=search],input[type=number],select){display:block;max-width:100%;width:100%;min-width:0;min-height:48px;padding:10px 12px;background:#fff;border:1px solid #deddd8;font-size:12px;box-shadow:none;border-radius:0;box-sizing:border-box}
.mp-ux-filter-submit{min-height:48px;border:0;background:#181817;color:white;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:0 23px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:25px}
.mp-ux-filter-submit:hover{background:#44443f}
.mp-ux-extra{grid-column:1/-1;align-self:start;border-top:1px solid #e5e4df;padding-top:11px}
.mp-ux-extra summary{cursor:pointer;font-size:11px;letter-spacing:1px;font-weight:700;text-transform:uppercase;list-style:none;display:flex;gap:15px;align-items:center;width:max-content;min-height:22px}
.mp-ux-extra summary::-webkit-details-marker{display:none}
.mp-ux-extra[open] summary span{transform:rotate(45deg)}
.mp-ux-extra-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:20px}
.mp-ux-catalog .mp-results{padding-bottom:110px}
.mp-is-cubo .mp-card-media .mp-card-state{background:#1d1e1b;color:#fff}
.mp-is-cubo .mp-ux-catalog-headtext .mp-cubo-logo{width:110px;height:97px}
.mp-ux-home .mp-zones-compact{background:#fff}
@media(max-width:1040px){
 .mp-ux-catalog-head{align-items:flex-start;flex-direction:column;gap:25px}
 .mp-catalog-switch{width:100%;max-width:100%}
 .mp-ux-hero-copy h1{font-size:clamp(56px,7vw,93px)}
 .mp-ux-filters{grid-template-columns:1.4fr 1fr 1fr}.mp-ux-filter-submit{grid-column:1/-1;justify-content:center}
}
@media(max-width:850px){
 .mp-ux-hero{grid-template-columns:1fr;min-height:unset;padding-top:15px}
 .mp-ux-hero-copy{padding:55px 0 37px}
 .mp-ux-hero-copy h1{max-width:690px;font-size:clamp(57px,10vw,83px)}
 .mp-ux-hero-photo{min-height:410px}
 .mp-ux-choose{padding-top:30px}
 .mp-ux-choice-photo{height:210px}
 .mp-ux-choice-info{padding:22px}
 .mp-ux-cubo-feature-top,.mp-ux-end{align-items:flex-start;flex-direction:column}
 .mp-ux-cubo-feature{padding:75px 0}
}
@media(max-width:630px){
 .mp-zones-heading{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:15px}
 .mp-zones-heading p{max-width:330px}
 .mp-zone-link{flex:1 1 calc(50% - 8px);gap:6px;min-height:45px;padding:12px;font-size:11px}
 .mp-zones-links{gap:7px}
 .mp-ux-hero-copy{padding:37px 0 31px}
 .mp-ux-hero-copy h1{font-size:clamp(54px,13vw,77px)}
 .mp-ux-hero-copy>p{font-size:14px}
 .mp-ux-hero-photo{min-height:320px}
 .mp-ux-section-row{align-items:start;flex-direction:column;gap:7px}
 .mp-ux-section-row p{margin:0}
 .mp-ux-choose-grid{grid-template-columns:1fr;gap:13px}
 .mp-ux-choice-photo{height:220px}
 .mp-ux-choice-info h3{font-size:32px}
 .mp-ux-choose{padding-bottom:50px}
 .mp-ux-cubo-feature{padding:60px 0}
 .mp-ux-end{padding-top:68px;padding-bottom:69px}
 .mp-ux-catalog-head{padding-top:42px;padding-bottom:32px}
 .mp-ux-catalog-head h1{font-size:clamp(51px,12vw,75px)}
 .mp-catalog-switch a{min-width:0;flex:1 1 0;font-size:10px;padding:12px 7px}
 .mp-catalog-switch .mp-cubo-logo.is-compact{display:none}
 .mp-catalog-switch{width:100%}
 .mp-ux-filters{grid-template-columns:1fr;gap:14px;padding:18px}
 .mp-ux-filter-submit{grid-column:auto}
 .mp-ux-extra-fields{grid-template-columns:1fr 1fr}
 .mp-ux-catalog-filters{padding-top:22px;padding-bottom:32px}
}
.mp-card-cubo-mark{position:absolute;right:13px;bottom:13px;width:67px;height:66px;background:rgba(255,255,255,.97);display:flex;align-items:center;justify-content:center;padding:6px;box-shadow:0 2px 10px rgba(0,0,0,.12)}.mp-card-cubo-mark .mp-cubo-logo.is-compact{width:62px;height:58px}
.mp-detail-cubo-brand{display:flex;align-items:center;gap:15px;border-bottom:1px solid #e7e6e0;padding-bottom:23px;margin-bottom:34px}.mp-detail-cubo-brand .mp-cubo-logo{width:90px;height:78px}.mp-detail-cubo-brand>span:last-child{font-size:10px;letter-spacing:1.5px;font-weight:800;color:#686861}
@media(prefers-reduced-motion:reduce){.mp-ux-choice,.mp-zone-link{transition:none!important}}