/* DIFRIHO · Familia Granizadoras y distribuidoras de bebidas v1.3.0 */
.df-family-page{--fg-ink:#132b3a;--fg-muted:#617484;--fg-navy:#10293c;--fg-blue:#1d71a5;--fg-sky:#dceefa;--fg-accent:#e5a64a;--fg-line:#e1e9ef;--fg-surface:#f4f8fa;background:#fff;color:var(--fg-ink);overflow-x:hidden}
.df-family-page .fg-main{overflow:clip;background:#fff;color:var(--fg-ink)}
.df-family-page .fg-main *, .df-family-page .fg-main *::before,.df-family-page .fg-main *::after{box-sizing:border-box}
.df-family-page .fg-main h1,.df-family-page .fg-main h2,.df-family-page .fg-main h3,.df-family-page .fg-main h4{margin:0;letter-spacing:-.045em;color:inherit;line-height:1.13;font-family:inherit;font-weight:800}
.df-family-page .fg-main p{margin:0;color:inherit;line-height:1.72}
.df-family-page .fg-main a{text-decoration:none}
.fg-container{width:min(1216px,calc(100% - 64px));margin:0 auto}
.fg-main .fg-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.fg-hero{position:relative;background:linear-gradient(123deg,#102638 0%,#163e55 61%,#1d526d 100%);min-height:645px;color:#fff;isolation:isolate;overflow:hidden}
.fg-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 48%,rgba(126,200,240,.09));pointer-events:none}
.fg-hero-glow{position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 54% 30%,rgba(88,163,207,.14),transparent 42%),radial-gradient(circle at 7% 96%,rgba(229,166,74,.08),transparent 38%)}
.fg-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:54px;padding-top:72px;padding-bottom:112px}
.fg-crumb{display:flex;gap:12px;align-items:center;color:#b7cfde;font-size:12px;margin-bottom:50px}
.fg-crumb a{color:#f7fafc!important}.fg-crumb a:hover{text-decoration:underline}
.fg-eyebrow,.fg-overline,.fg-series-number,.fg-small-label{font-size:11px;font-weight:850;line-height:1.3;letter-spacing:.16em;text-transform:uppercase}
.fg-eyebrow{display:inline-flex;align-items:center;gap:12px;color:#bddbec;margin-bottom:22px}
.fg-eyebrow-line{display:inline-block;width:26px;height:2px;background:var(--fg-accent)}
.df-family-page .fg-main .fg-hero h1{font-size:clamp(40px,4.65vw,69px);color:#fff;line-height:1.04;max-width:690px;font-weight:850}
.fg-hero h1 span{display:block;color:#a8d7f0}
.fg-hero-description{max-width:620px;color:#cfdfeb!important;font-size:16px;margin-top:26px!important;line-height:1.82!important}
.fg-hero-actions,.fg-final-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.fg-button{min-height:50px;display:inline-flex;align-items:center;justify-content:center;gap:17px;padding:12px 21px;border-radius:9px;font-size:13px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s,border .2s}
.fg-button:hover{transform:translateY(-2px)}
.fg-button-primary{background:#f4b44e;color:#10283a!important;box-shadow:0 10px 24px rgba(244,180,78,.14)}
.fg-button-primary:hover{background:#ffd184;color:#10283a!important}
.fg-button-outline{color:#f2f8fc!important;border:1px solid rgba(255,255,255,.44);background:rgba(255,255,255,.04)}
.fg-button-outline:hover{background:rgba(255,255,255,.12);color:#fff!important}
.fg-button-white{background:#fff;color:var(--fg-navy)!important}.fg-button-white:hover{background:#d8ebfa;color:var(--fg-navy)!important}
.fg-hero-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:560px;margin-top:58px;padding-top:20px;border-top:1px solid rgba(228,241,249,.22)}
.fg-hero-foot div{display:flex;flex-direction:column;gap:3px}.fg-hero-foot strong{font-size:30px;color:#fff;font-weight:850;letter-spacing:-.06em}.fg-hero-foot span{font-size:11px;color:#b8cbd8;line-height:1.3}
.fg-hero-visual{position:relative;align-self:center;min-width:0;padding:14px 26px 4px}
.fg-hero-img-shell{border-radius:34px 34px 100px 34px;background:linear-gradient(150deg,#fff,#eef4f7);box-shadow:0 36px 80px rgba(2,19,29,.25);min-height:420px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}
.fg-hero-img-shell:after{content:"";position:absolute;inset:13px;border:1px solid rgba(28,77,105,.08);border-radius:25px 25px 93px 25px;pointer-events:none}
.fg-hero-img-shell img{width:100%;height:430px;object-fit:contain;mix-blend-mode:multiply;padding:20px 16px;filter:contrast(1.03)}
.fg-image-label{display:inline-flex;gap:8px;align-items:center;margin-top:18px;color:#cae0ed;font-size:10px;letter-spacing:.15em;font-weight:850}
.fg-image-label i{display:inline-block;width:7px;height:7px;border-radius:100%;background:var(--fg-accent)}
.fg-hero-sideword{position:absolute;right:-28px;top:51%;transform:translateY(-50%) rotate(90deg);font-size:10px;color:#8bb0c4;letter-spacing:.3em;font-weight:850;white-space:nowrap}
.fg-scroll-invite{position:absolute;left:50%;transform:translateX(-50%);bottom:23px;color:#d2e2ec!important;font-size:12px;font-weight:700;display:flex;align-items:center;gap:10px}.fg-scroll-invite span{font-size:22px;color:var(--fg-accent)}
.fg-section-nav{position:sticky;top:var(--df-header-height,82px);z-index:100;background:rgba(255,255,255,.98);box-shadow:0 8px 26px rgba(9,40,58,.055);border-bottom:1px solid var(--fg-line)}
.fg-section-nav-inner{display:flex;align-items:center;gap:31px;min-height:60px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}
.fg-section-nav a{display:flex;align-items:center;height:60px;color:#657686!important;font-size:12px;font-weight:750;letter-spacing:.003em;border-bottom:2px solid transparent;flex-shrink:0;transition:color .2s,border-color .2s}.fg-section-nav a:hover,.fg-section-nav a.is-current{color:var(--fg-blue)!important;border-bottom-color:var(--fg-blue)}
.fg-section-nav .fg-nav-label{color:#a0adb6!important;font-size:10px;letter-spacing:.17em;font-weight:850;margin-right:5px}
.fg-section{scroll-margin-top:150px}.fg-intro{padding:116px 0 112px;background:#fff}
.fg-overline{display:block;color:#1b7eae;margin-bottom:20px}
.fg-intro-top,.fg-category-heading{display:grid;grid-template-columns:1fr minmax(280px,.62fr);align-items:end;gap:64px}
.df-family-page .fg-main .fg-intro h2,.df-family-page .fg-main .fg-category h2,.df-family-page .fg-main .fg-trust h2{font-size:clamp(33px,3.7vw,55px);line-height:1.13;max-width:720px}
.fg-main h2 em{font-style:normal;color:#2581b5}
.fg-intro-top p,.fg-category-heading p{color:#657686!important;font-size:15px;max-width:425px}
.fg-type-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:52px}
.fg-type-card{display:flex;flex-direction:column;min-height:340px;border:1px solid #dfe9ef;border-radius:15px;overflow:hidden;background:linear-gradient(170deg,#f7fafc,#fff);color:#102c42!important;box-shadow:0 6px 20px rgba(18,54,73,.025);transition:transform .28s,border-color .28s,box-shadow .28s}
.fg-type-card:hover{transform:translateY(-7px);border-color:#8cc4df;box-shadow:0 21px 38px rgba(18,64,98,.1)}
.fg-type-index{display:flex;align-items:center;justify-content:space-between;margin:21px 22px 5px;color:#90a4b2;font-weight:800;font-size:11px;letter-spacing:.14em}.fg-type-index span{color:#1a77ab;font-size:17px}
.fg-type-card img{width:100%;height:177px;object-fit:contain;mix-blend-mode:multiply;padding:0 13px}
.fg-type-card-footer{padding:17px 22px 21px;margin-top:auto;border-top:1px solid #e7edf2}
.df-family-page .fg-main .fg-type-card h3{font-size:19px;font-weight:820;margin:0 0 6px}
.fg-type-card-footer p{font-size:12px;color:#667f90!important;min-height:36px}.fg-type-card-footer small{display:block;font-size:11px;color:#2581b5;font-weight:750;margin-top:11px}
.fg-category{padding:108px 0 80px;background:#f3f7fa;border-top:1px solid #e6edf1}.fg-category:nth-of-type(2n){background:#fff}
.fg-category-heading{margin-bottom:45px}.fg-category-heading .fg-overline{margin-bottom:15px}
.fg-series{border:1px solid #dce6ec;border-radius:20px;background:#fff;overflow:hidden;margin:0 0 32px;box-shadow:0 15px 40px rgba(20,60,80,.035)}
.fg-series-top{display:flex;justify-content:space-between;align-items:start;gap:28px;padding:35px 43px 24px}
.fg-series-number{color:#1b76a9;font-size:10px}.fg-series-number span{margin:0 5px;color:#b8c6d0}
.df-family-page .fg-main .fg-series h3{font-size:clamp(27px,3vw,40px);margin:12px 0 13px}
.fg-series-top p{max-width:750px;color:#697c88!important;font-size:14px}
.fg-series-catalog{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;color:#126b9e!important;font-weight:800;font-size:12px;padding-top:12px}.fg-series-catalog:hover{text-decoration:underline!important}
.fg-series-showcase{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:30px;padding:0 43px 36px}
.fg-series-picture{min-height:370px;position:relative;display:flex;align-items:center;justify-content:center;background:#f8fafb;border:1px solid #eef1f3;border-radius:14px;overflow:hidden}
.fg-series-picture img{width:100%;height:358px;padding:17px;object-fit:contain;mix-blend-mode:multiply}.fg-series-picture span{position:absolute;bottom:13px;left:17px;color:#8297a4;font-size:10px;font-weight:700;letter-spacing:.035em}
.fg-series-controls{padding:14px 0 0;min-width:0}.fg-small-label{display:block;color:#7e92a2;font-size:10px;margin-bottom:14px}
.fg-model-select{display:flex;flex-wrap:wrap;gap:8px}
.fg-model-button{font-family:inherit;cursor:pointer;border:1px solid #d8e5ee;border-radius:8px;background:#fff;color:#355b70;font-size:12px;font-weight:800;min-height:35px;padding:8px 11px;line-height:1.35;transition:color .18s,border-color .18s,background .18s;box-shadow:none}
.fg-model-button:hover{border-color:#318bb9}.fg-model-button.is-active,.fg-model-button[aria-pressed="true"]{background:#143f5b;border-color:#143f5b;color:#fff}
.fg-selected{border-left:3px solid #edb15c;background:#f4f8fb;padding:17px 19px;margin-top:24px;border-radius:0 10px 10px 0}
.fg-selected span{display:block;font-size:10px;color:#658499;font-weight:850;letter-spacing:.13em}
.fg-selected strong{font-size:23px;color:#173b53;font-weight:840;display:block;line-height:1.3;margin-top:5px}
.fg-selected p{font-size:12px;color:#627b8c!important;margin-top:3px!important}
.fg-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px 20px;margin:21px 0 0;padding:0;list-style:none}
.fg-features li{display:flex;align-items:start;gap:9px;color:#4b687c;font-size:12px;line-height:1.45}
.fg-features li span{color:#2588b7;font-weight:900;font-size:13px}
.fg-tech-header{display:flex;align-items:end;justify-content:space-between;gap:16px;border-top:1px solid #e8eef2;padding:24px 43px 19px}.fg-tech-header .fg-overline{font-size:9px;margin-bottom:7px}
.df-family-page .fg-main .fg-tech-header h4{font-size:20px}.fg-tech-header p{font-size:11px;color:#8798a5!important}
.fg-table-scroll{margin:0 43px;max-width:calc(100% - 86px);overflow:auto;border:1px solid #e3edf2;border-radius:10px;scrollbar-width:thin}
.fg-spec-table{border-collapse:collapse;width:100%;min-width:730px;font-size:12px;line-height:1.45;color:#364f61;text-align:left}
.fg-spec-table thead{background:#123950;color:#fff}.fg-spec-table th,.fg-spec-table td{padding:13px 12px;text-align:left;white-space:nowrap;border-bottom:1px solid #eaf0f4;font-size:12px;vertical-align:middle}
.fg-spec-table thead th{color:#fff;font-weight:750;font-size:10px;text-transform:uppercase;letter-spacing:.035em;border-color:#204e6a}
.fg-spec-table tbody th{color:#173a50;font-weight:800;position:sticky;left:0;background:#fff}.fg-spec-table thead th:first-child{position:sticky;left:0;z-index:2;background:#123950}
.fg-spec-table tbody tr:nth-child(even) td,.fg-spec-table tbody tr:nth-child(even) th{background:#f7fafc}
.fg-spec-table tbody tr.is-selected td,.fg-spec-table tbody tr.is-selected th{background:#e7f3fa;box-shadow:inset 0 1px #d2e7f4,inset 0 -1px #d2e7f4}
.fg-spec-foot{padding:15px 43px 26px;display:flex;gap:20px;justify-content:space-between;align-items:center;color:#81929e;font-size:10px;line-height:1.4}
.fg-trust{background:#fff;padding:105px 0}.fg-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.fg-trust-grid>.fg-reveal>p{margin-top:25px!important;color:#61798b!important;max-width:470px}.fg-trust-features{display:grid;gap:16px}.fg-trust-features>div{display:grid;grid-template-columns:45px 1fr;column-gap:16px;row-gap:4px;padding:18px 0;border-bottom:1px solid #e2e9ee}.fg-trust-features span{grid-row:span 2;color:#67a5c7;font-size:18px;font-weight:820}.fg-trust-features strong{font-size:15px;color:#244b63}.fg-trust-features p{color:#748997!important;font-size:13px}
.fg-final{padding:0 0 100px;background:#fff}.fg-final-card{position:relative;overflow:hidden;border-radius:20px;padding:64px;background:linear-gradient(115deg,#15394f 0%,#185779 100%);color:#fff;display:flex;align-items:center;justify-content:space-between}
.fg-overline-light{color:#b3dbee}.df-family-page .fg-main .fg-final h2{color:#fff;font-size:clamp(34px,3.8vw,55px);max-width:740px}.fg-final h2 em{color:#abd9ef!important}.fg-final p{max-width:580px;color:#c5deec!important;margin-top:22px!important}
.fg-final-decoration{display:flex;flex-direction:column;align-items:end;opacity:.15;pointer-events:none}.fg-final-decoration span:first-child{font-size:clamp(100px,15vw,180px);font-weight:950;line-height:1;letter-spacing:-.1em}.fg-final-decoration span:last-child{text-align:right;font-size:13px;letter-spacing:.25em;font-weight:800}
.fg-can-reveal{opacity:0;transform:translateY(28px);transition:opacity .65s ease,transform .65s cubic-bezier(.15,.65,.2,1)}.fg-can-reveal.fg-is-visible{opacity:1;transform:none}
.fg-main :focus-visible{outline:3px solid #e5a64a!important;outline-offset:3px}
@media(max-width:1100px){.fg-hero-grid{gap:20px}.fg-hero-visual{padding:0 10px}.fg-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fg-type-card{min-height:300px}.fg-intro-top,.fg-category-heading{gap:35px}.fg-series-showcase{gap:22px}.fg-features{grid-template-columns:1fr 1fr}}
@media(max-width:790px){.fg-container{width:min(100% - 38px,1216px)}.fg-hero{min-height:auto}.fg-hero-grid{grid-template-columns:1fr;padding-top:38px;padding-bottom:100px}.fg-crumb{margin-bottom:35px}.fg-hero-visual{max-width:560px;width:100%;margin:0 auto;padding:0}.fg-hero-img-shell{min-height:320px}.fg-hero-img-shell img{height:370px}.fg-hero-foot{margin-top:35px}.fg-hero-sideword{display:none}.fg-intro{padding:74px 0}.fg-intro-top,.fg-category-heading{grid-template-columns:1fr;gap:20px}.fg-type-grid{margin-top:30px}.fg-category{padding:75px 0 60px}.fg-category-heading{margin-bottom:28px}.fg-series-top{padding:28px 25px 22px}.fg-series-showcase{grid-template-columns:1fr;padding:0 25px 25px}.fg-series-picture{min-height:300px}.fg-series-picture img{height:300px}.fg-tech-header{padding:23px 25px 16px}.fg-table-scroll{margin:0 25px;max-width:calc(100% - 50px)}.fg-spec-foot{padding:15px 25px 23px}.fg-trust{padding:75px 0}.fg-trust-grid{grid-template-columns:1fr;gap:28px}.fg-final{padding-bottom:70px}.fg-final-card{padding:35px}.fg-final-decoration{display:none}.fg-section-nav-inner{gap:21px}}
@media(max-width:520px){.fg-container{width:min(100% - 28px,1216px)}.df-family-page .fg-main .fg-hero h1{font-size:clamp(38px,9.5vw,49px)}.fg-hero-copy{min-width:0}.fg-crumb{flex-wrap:wrap}.fg-hero-actions{gap:9px}.fg-button{width:100%;padding:13px 14px}.fg-hero-foot{gap:8px}.fg-hero-foot strong{font-size:24px}.fg-hero-foot span{font-size:10px}.fg-hero-img-shell{min-height:285px;border-radius:24px 24px 58px 24px}.fg-hero-img-shell img{height:300px}.fg-type-grid{grid-template-columns:1fr 1fr;gap:10px}.fg-type-card{min-height:275px}.fg-type-index{margin:14px 13px 4px}.fg-type-card img{height:135px;padding:0 8px}.fg-type-card-footer{padding:13px}.df-family-page .fg-main .fg-type-card h3{font-size:16px}.fg-type-card-footer p{font-size:11px;min-height:50px}.fg-series-top{flex-wrap:wrap;gap:6px;padding:25px 17px 20px}.fg-series-showcase{padding:0 17px 23px}.fg-series-picture{min-height:246px}.fg-series-picture img{height:254px}.fg-features{grid-template-columns:1fr}.fg-series-catalog{padding-top:8px}.fg-tech-header{padding:19px 17px 14px;align-items:start}.fg-tech-header p{max-width:130px;text-align:right}.fg-table-scroll{margin:0 17px;max-width:calc(100% - 34px)}.fg-spec-foot{padding:14px 17px 22px;flex-direction:column;align-items:start;gap:6px}.fg-final-card{padding:30px 22px}.fg-section-nav-inner{gap:18px}.fg-scroll-invite{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.fg-can-reveal,.fg-type-card,.fg-button,.fg-model-button{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}html:focus-within{scroll-behavior:auto!important}}

/* ============================================================
   V1.1.0 · Premium motion layer
   Animations never carry content or hide information without JS.
   No animation libraries, no JS-dependent layout or SEO content.
   ============================================================ */
.fg-section-nav{isolation:isolate}
.fg-reading-progress{
 position:absolute;bottom:0;left:0;right:0;height:3px;
 background:linear-gradient(90deg,#e0a04e,#2c93be 58%,#6ec3e5);
 transform:scaleX(0);transform-origin:left center;
 pointer-events:none;z-index:2;will-change:transform
}
.fg-type-card,.fg-series-picture,.fg-selected{transform:translateZ(0)}
.fg-series-picture img,.fg-type-card img{
 transition:transform .48s cubic-bezier(.2,.75,.22,1),filter .35s ease;
 transform-origin:center center
}
.fg-type-card:hover img,.fg-type-card:focus-visible img{transform:translateY(-5px) scale(1.04)}
.fg-series-picture:hover img{transform:scale(1.028)}
.fg-series-picture::before{
 content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
 background:linear-gradient(116deg,transparent 25%,rgba(255,255,255,.48) 50%,transparent 75%);
 transform:translateX(-165%);opacity:0
}
.fg-model-button:active{transform:scale(.97)}
.fg-selected{min-height:96px}
.fg-final-card::before{
 content:"";position:absolute;width:360px;height:360px;border-radius:50%;
 right:-140px;top:-190px;pointer-events:none;
 background:radial-gradient(circle,rgba(154,219,247,.18),transparent 70%)
}
.fg-final-card>div{position:relative;z-index:1}

@media(prefers-reduced-motion:no-preference){
 /* A paced introduction, not a full-page loading animation. */
 .fg-hero-copy .fg-crumb{animation:fg-entrance .65s .04s both}
 .fg-hero-copy .fg-eyebrow{animation:fg-entrance .72s .14s both}
 .fg-hero-copy h1{animation:fg-entrance .86s .23s both}
 .fg-hero-copy .fg-hero-description{animation:fg-entrance .82s .37s both}
 .fg-hero-actions{animation:fg-entrance .78s .46s both}
 .fg-hero-foot{animation:fg-entrance .82s .57s both}
 .fg-hero-visual{animation:fg-visual-in .95s .20s both}
 .fg-hero-glow{animation:fg-glow-drift 13s ease-in-out infinite alternate}
 .fg-scroll-invite span{animation:fg-scroll-hint 2.2s ease-in-out infinite}
 .fg-hero-img-shell img{
   transform:translate3d(0,var(--fg-hero-shift,0px),0) scale(1.012);
   transition:transform .13s linear
 }
 .fg-can-reveal{transition-delay:var(--fg-stagger,0ms);will-change:opacity,transform}
 .fg-can-reveal.fg-reveal-left{transform:translate3d(-32px,12px,0)}
 .fg-can-reveal.fg-reveal-right{transform:translate3d(32px,12px,0)}
 .fg-can-reveal.fg-is-visible{transform:translate3d(0,0,0)}
 .fg-type-card.fg-can-reveal.fg-is-visible{transform:translate3d(0,0,0)}
 .fg-type-card.fg-can-reveal.fg-is-visible:hover{transform:translateY(-7px)}
 .fg-series.fg-is-visible .fg-series-picture::before{
   animation:fg-soft-sheen 1.2s .35s ease-out both
 }
 .fg-selected.fg-panel-change{animation:fg-selection-in .35s cubic-bezier(.2,.8,.2,1)}
 .fg-row-change td,.fg-row-change th{animation:fg-row-glow .5s ease-out}
 @keyframes fg-entrance{
   from{opacity:0;transform:translate3d(0,22px,0)}
   to{opacity:1;transform:translate3d(0,0,0)}
 }
 @keyframes fg-visual-in{
   from{opacity:0;transform:translate3d(24px,12px,0) scale(.96)}
   to{opacity:1;transform:translate3d(0,0,0) scale(1)}
 }
 @keyframes fg-glow-drift{
   from{opacity:.68;transform:translate3d(-14px,0,0)}
   to{opacity:1;transform:translate3d(18px,-8px,0)}
 }
 @keyframes fg-scroll-hint{
   0%,100%{transform:translateY(0)}
   50%{transform:translateY(5px)}
 }
 @keyframes fg-soft-sheen{
   0%{opacity:0;transform:translateX(-165%)}
   30%{opacity:.35}
   100%{opacity:0;transform:translateX(165%)}
 }
 @keyframes fg-selection-in{
   0%{opacity:.65;transform:translateY(7px)}
   100%{opacity:1;transform:translateY(0)}
 }
 @keyframes fg-row-glow{
   from{box-shadow:inset 0 0 0 1px rgba(27,126,174,.38)}
   to{box-shadow:inset 0 0 0 1px rgba(27,126,174,0)}
 }
}

/* Motion must not make any content inaccessible, including while tabbing. */
@media(prefers-reduced-motion:reduce){
 .fg-reading-progress{transition:none!important}
 .fg-hero-glow,.fg-hero-copy *, .fg-hero-visual,
 .fg-scroll-invite span,.fg-series-picture::before,
 .fg-series-picture img,.fg-type-card img,
 .fg-selected,.fg-row-change td,.fg-row-change th{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}
}
@media(max-width:790px){
 .fg-hero-img-shell img{transform:none!important}
 .fg-series-picture::before{display:none}
}

/* ============================================================
   V1.2.0 · Interactive range studio
   Photograph remains a clearly labeled series photograph.
   Values and model names come only from the source HTML table.
   ============================================================ */
.fg-series-showcase{align-items:start}
.fg-series-picture{min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:flex-start;background:#fff;border-radius:16px;border-color:#e3ebef;isolation:isolate}
.fg-series-picture .fg-photo-stage{display:grid;place-items:center;position:relative;overflow:hidden;width:100%;min-height:340px;background:radial-gradient(ellipse at 46% 42%,#fff 0%,#f7fafc 72%,#edf4f7 100%)}
.fg-series-picture .fg-photo-stage::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 35%,rgba(255,255,255,.58) 48%,transparent 63%);opacity:0;transform:translateX(-65%)}
.fg-series-picture .fg-photo-stage img{width:100%;height:340px;max-width:100%;object-fit:contain;padding:24px 18px 18px;transform-origin:center center;position:relative;z-index:0}
.fg-series-picture .fg-photo-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:89px;padding:15px 19px;background:linear-gradient(100deg,#f3f8fb,#fff);border-top:1px solid #e1eaf0}
.fg-series-picture .fg-photo-foot-copy{min-width:0;display:grid;gap:2px}
.fg-series-picture .fg-photo-foot-copy span{position:static;display:block;font-size:9px;line-height:1.3;font-weight:850;letter-spacing:.105em;color:#42708b;white-space:normal}
.fg-series-picture .fg-photo-foot-copy strong{font-size:20px;line-height:1.2;font-weight:850;color:#173d55;overflow-wrap:anywhere;letter-spacing:-.025em}
.fg-series-picture .fg-photo-foot-copy small{font-size:10px;line-height:1.35;color:#6e8292}
.fg-series-picture .fg-photo-counter{position:static;display:flex;align-items:baseline;gap:5px;color:#92abb9;font-size:13px;font-weight:800;white-space:nowrap;flex-shrink:0}
.fg-series-picture .fg-photo-counter b{color:#125b86;font-weight:850;font-size:27px;letter-spacing:-.06em}
.fg-series-picture .fg-photo-counter i{font-style:normal;font-weight:500}
.fg-photo-progress{height:3px;background:#dbeaf2;width:100%;overflow:hidden;flex-shrink:0}
.fg-photo-progress span{position:static;display:block;width:var(--fg-progress,0%);height:100%;background:linear-gradient(90deg,#e2a554,#1a80b4);transition:width .48s cubic-bezier(.22,.7,.25,1)}
.fg-model-topline{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:13px}
.fg-model-topline .fg-small-label{margin:0}
.fg-model-arrows{display:flex;align-items:center;gap:6px}
.fg-model-arrows button{width:34px;height:34px;display:grid;place-items:center;padding:0;background:#fff;border:1px solid #ccdee9;border-radius:8px;color:#1a567c;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.fg-model-arrows button:not(:disabled):hover{border-color:#4a9bc4;background:#eaf4fa;transform:translateY(-1px)}
.fg-model-arrows button:disabled{opacity:.38;cursor:not-allowed}
.fg-selected{margin-top:18px;min-height:96px}
.fg-model-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:13px}
.fg-model-spec{min-width:0;display:flex;flex-direction:column;gap:9px;padding:13px 12px 14px;border:1px solid #e1eaf0;background:linear-gradient(170deg,#fff,#f9fbfc);border-radius:10px}
.fg-model-spec>span{font-size:9px;font-weight:850;letter-spacing:.095em;color:#7992a1;line-height:1.3}
.fg-model-spec strong{color:#194663;font-size:clamp(13px,1.2vw,17px);font-weight:850;line-height:1.4;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.fg-model-spec strong small{color:#7393a3;font-size:10px;font-weight:750}
.fg-model-spec:nth-child(2) strong{font-size:clamp(11px,1.0vw,13px)}
.fg-model-spec:nth-child(2){grid-column:auto}
.fg-series-controls .fg-features{margin-top:19px}
@media(max-width:1100px){.fg-model-specs{gap:7px}.fg-model-spec{padding:11px 9px}.fg-model-spec strong{font-size:13px}.fg-model-spec:nth-child(2) strong{font-size:11px}}
@media(max-width:790px){.fg-series-picture .fg-photo-stage{min-height:285px}.fg-series-picture .fg-photo-stage img{height:285px}.fg-model-specs{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:520px){.fg-series-picture .fg-photo-stage{min-height:228px}.fg-series-picture .fg-photo-stage img{height:240px;padding:14px}.fg-series-picture .fg-photo-foot{padding:12px 14px;min-height:78px}.fg-series-picture .fg-photo-foot-copy strong{font-size:17px}.fg-series-picture .fg-photo-foot-copy span{font-size:8px}.fg-series-picture .fg-photo-foot-copy small{font-size:9px}.fg-series-picture .fg-photo-counter b{font-size:23px}.fg-model-specs{grid-template-columns:repeat(2,minmax(0,1fr))}.fg-model-spec:nth-child(2){grid-column:span 2;grid-row:2}.fg-model-spec:nth-child(2) strong{font-size:13px}.fg-model-spec:nth-child(3){grid-column:2;grid-row:1}}
@media(prefers-reduced-motion:no-preference){
 .fg-series-picture.fg-photo-changing .fg-photo-stage img{animation:fg-photo-shift .56s cubic-bezier(.21,.76,.2,1) both}
 .fg-series-picture.fg-photo-changing .fg-photo-stage::after{animation:fg-photo-wipe .62s ease-out both}
 .fg-series-picture.fg-photo-changing .fg-photo-foot-copy strong{animation:fg-title-swap .47s cubic-bezier(.2,.7,.2,1) both}
 .fg-series-picture.fg-photo-changing .fg-photo-counter b{animation:fg-title-swap .43s ease both}
 .fg-model-specs.fg-specs-change .fg-model-spec{animation:fg-spec-arrive .46s cubic-bezier(.2,.8,.2,1) both}
 .fg-model-specs.fg-specs-change .fg-model-spec:nth-child(2){animation-delay:.055s}
 .fg-model-specs.fg-specs-change .fg-model-spec:nth-child(3){animation-delay:.1s}
 @keyframes fg-photo-shift{0%{opacity:.75;transform:scale(.975) translateY(7px);filter:contrast(.98)}55%{opacity:1}100%{opacity:1;transform:scale(1) translateY(0);filter:contrast(1)}}
 @keyframes fg-photo-wipe{0%{opacity:0;transform:translateX(-65%)}25%{opacity:.4}100%{opacity:0;transform:translateX(120%)}}
 @keyframes fg-title-swap{0%{opacity:.25;transform:translateY(9px)}100%{opacity:1;transform:translateY(0)}}
 @keyframes fg-spec-arrive{0%{opacity:.54;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
}
@media(prefers-reduced-motion:reduce){
 .fg-series-picture .fg-photo-stage img,.fg-series-picture .fg-photo-stage::after,
 .fg-photo-foot-copy strong,.fg-photo-counter b,.fg-model-spec,
 .fg-photo-progress span,.fg-model-arrows button{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}
}
/* ==============================================================
   DIFRIHO V1.3 · Product editorial studio
   Pure CSS visual hierarchy. All figures/text remain in HTML.
   Progressive enhancement: no animation is required to read.
   ============================================================== */
.df-family-page{--fg-glow:#cee9f5}
.fg-hero{background:linear-gradient(118deg,#0c2539 0%,#14364e 56%,#245873 100%)}
.fg-hero-visual{isolation:isolate}
.fg-hero-visual::before{content:"";position:absolute;inset:5% 4% 5% 10%;z-index:-1;background:radial-gradient(ellipse,rgba(172,218,236,.2),transparent 70%);filter:blur(15px);pointer-events:none}
.fg-hero-img-shell{box-shadow:0 45px 90px rgba(2,18,32,.32),0 2px 2px rgba(255,255,255,.16) inset}
.fg-hero-visual-head{display:inline-flex;align-items:center;gap:9px;color:#bddae8;font-size:10px;font-weight:800;letter-spacing:.16em;margin-bottom:13px}
.fg-hero-visual-head i{height:6px;width:6px;background:#e7ab59;border-radius:50%;box-shadow:0 0 0 5px rgba(231,171,89,.11)}
.fg-hero-visual-index{position:absolute;right:-15px;bottom:61px;font-size:10px;font-weight:900;letter-spacing:.22em;color:#bed7e5;writing-mode:vertical-rl}
.fg-hero-foot div{position:relative;padding-left:13px}
.fg-hero-foot div::before{content:"";position:absolute;left:0;top:8px;height:17px;width:2px;background:#e4ac63;border-radius:3px;opacity:.8}

/* Curated overview with a deliberate featured primary family */
.fg-type-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;align-items:stretch}
.fg-type-card{background:#fff;min-height:365px;border:1px solid #dfe9ef;box-shadow:0 18px 46px rgba(11,55,76,.045)}
.fg-type-card img{height:173px;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.fg-type-card .fg-type-explore{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:16px;padding-top:11px;border-top:1px solid #e7eef2;color:#186f9e;font-weight:800;font-size:11px}
.fg-type-card .fg-type-explore span{font-size:17px}
.fg-type-card.fg-type-featured{background:linear-gradient(145deg,#102f46 0%,#1b506a 100%);border-color:#18435b;color:white!important}
.fg-type-featured .fg-type-index,.fg-type-featured .fg-type-index span{color:#b4d3e4}
.fg-type-card.fg-type-featured img{mix-blend-mode:normal;background:#fff;border-radius:14px;margin:0 14px;width:calc(100% - 28px);height:173px;padding:11px;object-fit:contain}
.fg-type-featured .fg-type-card-footer{border-top-color:rgba(255,255,255,.18)}
.df-family-page .fg-main .fg-type-featured h3{color:white}
.fg-type-featured .fg-type-card-footer p{color:#c5dae6!important}
.fg-type-featured .fg-type-card-footer small{color:#f0c78a}
.fg-type-featured .fg-type-explore{border-top-color:rgba(255,255,255,.17)!important;color:#d3edf8!important}
.fg-type-featured:hover{border-color:#5e9ec1}

/* Series alternate orientation, framing and tonal color rather than
   repeating identical white cards. Names/images come from the catalog. */
.fg-category{background:#f4f8fb}
.fg-series{--fg-series-accent:#197faf;--fg-series-pale:#e9f5fb;--fg-series-stage:#eef6fa;overflow:visible;position:relative;border:1px solid #d9e5ed;border-radius:23px;background:white;margin-bottom:42px;box-shadow:0 16px 55px rgba(6,43,70,.065);scroll-margin-top:168px}
.fg-series--mt{--fg-series-accent:#2a7499;--fg-series-pale:#eef4f7;--fg-series-stage:#eaf2f6}
.fg-series--easy{--fg-series-accent:#278ba9;--fg-series-pale:#e9f6f8;--fg-series-stage:#eaf8fb}
.fg-series--giant{--fg-series-accent:#205b80;--fg-series-pale:#eef4fa;--fg-series-stage:#e9f0f8}
.fg-series--a{--fg-series-accent:#218b9f;--fg-series-pale:#e7f5f6;--fg-series-stage:#e8f7f6}
.fg-series--compact{--fg-series-accent:#276eaa;--fg-series-pale:#edf3fa;--fg-series-stage:#eef3fa}
.fg-series--delice{--fg-series-accent:#a3692f;--fg-series-pale:#fff5e6;--fg-series-stage:#f9eee1;background:linear-gradient(180deg,#fffaf3 0%,#fff 31%)}
.fg-series--spotlight{border-color:#bfd7e6;box-shadow:0 28px 70px rgba(13,53,75,.11)}
.fg-series-top{padding:42px 46px 31px;align-items:start}
.fg-series-heading{min-width:0;max-width:740px}
.fg-series-heading h3{color:#10354c}
.fg-series-number{font-size:10px;color:var(--fg-series-accent);letter-spacing:.12em}
.fg-series-count{display:inline-flex;align-items:center;padding:7px 11px;background:var(--fg-series-pale);border-radius:99px;margin-top:15px;color:var(--fg-series-accent);letter-spacing:.07em;font-size:10px;font-weight:800}
.fg-series-catalog{color:var(--fg-series-accent)!important;border-bottom:1px solid rgba(21,104,143,.25);padding-bottom:5px}
.fg-series-showcase{grid-template-columns:minmax(0,.97fr) minmax(0,1.03fr);gap:34px;padding:0 46px 36px;align-items:stretch}
.fg-series--reverse .fg-series-picture{grid-column:2;grid-row:1}
.fg-series--reverse .fg-series-controls{grid-column:1;grid-row:1}
.fg-series-picture{align-self:start;position:sticky;top:155px;border-radius:16px;border:1px solid #dce8ef;box-shadow:0 16px 34px rgba(20,65,91,.065);overflow:hidden}
.fg-series-picture .fg-photo-stage{min-height:450px;background:radial-gradient(circle at 50% 40%,white 6%,var(--fg-series-pale) 66%,var(--fg-series-stage) 100%)}
.fg-series-picture .fg-photo-stage::before{content:"";position:absolute;inset:25px;border:1px solid rgba(18,77,108,.07);border-radius:14px;pointer-events:none}
.fg-series-picture .fg-photo-stage img{height:450px;max-width:100%;object-fit:contain;padding:43px 27px 42px;filter:drop-shadow(0 20px 24px rgba(7,49,73,.13));mix-blend-mode:multiply;z-index:1;position:relative}
.fg-series-picture .fg-photo-watermark{position:absolute;top:auto;bottom:17px;left:16px;right:16px;max-width:calc(100% - 32px);pointer-events:none;color:rgba(25,92,120,.065);font-size:clamp(38px,6vw,95px);line-height:1;font-weight:950;letter-spacing:-.08em;text-transform:uppercase;word-break:break-word;z-index:0;white-space:normal}
.fg-series-picture .fg-photo-series-number{position:absolute;top:22px;left:23px;bottom:auto;right:auto;z-index:2;font-weight:850;font-size:10px;letter-spacing:.18em;color:var(--fg-series-accent);background:rgba(255,255,255,.76);padding:6px 9px;border-radius:4px}
.fg-series-picture .fg-photo-foot{padding:19px 21px;min-height:104px;background:linear-gradient(120deg,var(--fg-series-pale),#fff)}
.fg-series-picture .fg-photo-foot-copy strong{color:#143e56}
.fg-series-picture .fg-photo-counter b{color:var(--fg-series-accent)}
.fg-photo-progress span{background:linear-gradient(90deg,#e5a64a,var(--fg-series-accent))}
.fg-series-controls{padding:7px 0 0}
.fg-model-topline .fg-small-label{color:var(--fg-series-accent);font-weight:850;letter-spacing:.09em}
.fg-model-select{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.fg-model-button{display:flex;flex-direction:column;align-items:start;justify-content:center;gap:3px;text-align:left;border-radius:11px;min-height:57px;padding:10px 12px;line-height:1.25}
.fg-model-button span{display:block;font-weight:850;font-size:12px}
.fg-model-button small{font-size:10px;font-weight:650;color:#7c92a0;line-height:1.15}
.fg-model-button.is-active,.fg-model-button[aria-pressed="true"]{background:#103e57;border-color:#103e57;color:#fff}
.fg-model-button.is-active small,.fg-model-button[aria-pressed="true"] small{color:#cce6f3}
.fg-model-button:hover{border-color:var(--fg-series-accent);box-shadow:0 5px 15px rgba(21,91,127,.08)}
.fg-selected{background:linear-gradient(112deg,var(--fg-series-pale),#f9fbfd);border-left-color:var(--fg-series-accent);border-radius:0 13px 13px 0;padding:20px 22px;margin-top:24px}
.fg-selected strong{font-size:clamp(23px,2vw,29px)}
.fg-model-specs{gap:9px;margin-top:14px}
.fg-model-spec{padding:17px 13px 16px;background:#fff;border-color:#dce7ee;min-height:108px}
.fg-model-spec strong{font-size:clamp(14px,1.3vw,18px)}
.fg-model-spec:nth-child(2) strong{font-size:clamp(11px,1.05vw,14px)}
.fg-open-specs{display:inline-flex;gap:16px;align-items:center;justify-content:space-between;width:100%;margin-top:17px;padding:12px 16px;border:1px solid var(--fg-series-accent);border-radius:9px;color:var(--fg-series-accent);background:#fff;cursor:pointer;font-weight:800;font-size:12px;text-align:left;transition:background .2s,color .2s,box-shadow .2s}
.fg-open-specs:hover{background:var(--fg-series-pale);box-shadow:0 8px 22px rgba(23,81,119,.07)}
.fg-open-specs span{font-size:17px}
.fg-series-controls .fg-features{margin-top:22px;gap:11px 12px}
.fg-features li span{color:var(--fg-series-accent)}

/* Native DETAILS: all rows stay accessible and indexed in semantic HTML. */
.fg-tech-details{margin:0 46px 24px;border:1px solid #dce7ee;border-radius:14px;background:#fbfdff;overflow:hidden;scroll-margin-top:160px}
.fg-tech-toggle{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:19px 23px;cursor:pointer;list-style:none;background:linear-gradient(108deg,var(--fg-series-pale),#fff);color:#183f57}
.fg-tech-toggle::-webkit-details-marker{display:none}
.fg-tech-toggle::marker{content:""}
.fg-tech-toggle-info{display:flex;flex-direction:column;gap:5px}
.fg-tech-toggle-info .fg-overline{font-size:9px;letter-spacing:.13em;color:var(--fg-series-accent);margin:0}
.fg-tech-toggle-info strong{font-size:16px;font-weight:840;color:#153a50}
.fg-tech-toggle-info small{font-size:11px;color:#698194}
.fg-tech-toggle-icon{flex:0 0 35px;display:grid;place-items:center;width:35px;height:35px;border-radius:100%;background:white;color:var(--fg-series-accent);font-size:24px;font-weight:450;box-shadow:0 0 0 1px #d7e7ef;transition:transform .24s ease}
.fg-tech-details[open] .fg-tech-toggle-icon{transform:rotate(45deg)}
.fg-tech-details[open] .fg-tech-toggle{border-bottom:1px solid #e2eaf0}
.fg-tech-details .fg-table-scroll{margin:16px;max-width:calc(100% - 32px);border-color:#dde8ef;background:white}
.fg-tech-details .fg-spec-foot{padding:7px 20px 19px}
.fg-series-next{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:0 46px 25px;color:#8ba2af;font-size:10px;letter-spacing:.12em;font-weight:850}
.fg-series-next a{display:inline-flex;align-items:center;gap:10px;color:var(--fg-series-accent)!important;font-size:12px;letter-spacing:0;font-weight:850}
.fg-series-next a:hover{text-decoration:underline!important}
.fg-series-next a span{font-size:16px}

@media(min-width:1101px){
 .fg-type-grid{grid-template-columns:1.35fr repeat(3,1fr)}
 .fg-type-featured{min-height:395px}
 .fg-type-featured img{height:211px!important}
 .fg-series--spotlight .fg-series-picture .fg-photo-stage,.fg-series--spotlight .fg-series-picture .fg-photo-stage img{min-height:500px;height:500px}
}
@media(max-width:1100px){
 .fg-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fg-series-showcase{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);gap:23px}
 .fg-series-top{padding:30px 29px 25px}
 .fg-series-showcase{padding:0 29px 27px}
 .fg-model-select{grid-template-columns:repeat(2,minmax(0,1fr))}
 .fg-series-picture .fg-photo-stage,.fg-series-picture .fg-photo-stage img{height:345px;min-height:345px}
 .fg-series-picture{top:145px}
 .fg-tech-details{margin:0 29px 20px}
 .fg-series-next{padding:0 29px 22px}
}
@media(max-width:790px){
 .fg-series{border-radius:17px;scroll-margin-top:135px}
 .fg-series-showcase{grid-template-columns:1fr;gap:19px}
 .fg-series--reverse .fg-series-picture,.fg-series--reverse .fg-series-controls{grid-column:auto;grid-row:auto}
 .fg-series-picture{position:relative;top:auto;width:100%}
 .fg-series-picture .fg-photo-stage,.fg-series-picture .fg-photo-stage img{height:350px;min-height:350px}
 .fg-series-controls{padding-top:4px}
 .fg-tech-details{margin:0 25px 21px}
 .fg-series-next{padding:0 25px 23px}
 .fg-type-featured img{height:180px!important}
 .fg-hero-visual-index{right:-5px}
}
@media(max-width:520px){
 .fg-hero-visual-head{font-size:8px;letter-spacing:.1em}
 .fg-hero-visual-index{display:none}
 .fg-series-top{padding:25px 17px 19px}
 .fg-series-showcase{padding:0 17px 18px}
 .fg-series-picture .fg-photo-stage,.fg-series-picture .fg-photo-stage img{height:255px;min-height:255px}
 .fg-series-picture .fg-photo-stage img{padding:26px 11px}
 .fg-series-picture .fg-photo-series-number{top:12px;left:13px}
 .fg-series-picture .fg-photo-watermark{font-size:clamp(35px,8vw,52px);bottom:12px}
 .fg-model-select{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .fg-model-button{min-height:53px;padding:8px 10px}
 .fg-model-button span{font-size:11px}
 .fg-model-button small{font-size:9px}
 .fg-model-spec{min-height:91px;padding:11px 10px}
 .fg-tech-details{margin:0 17px 16px}
 .fg-tech-toggle{padding:15px 14px}
 .fg-tech-toggle-info strong{font-size:14px}
 .fg-tech-toggle-info small{font-size:10px}
 .fg-tech-details .fg-table-scroll{margin:10px;max-width:calc(100% - 20px)}
 .fg-series-next{padding:0 17px 19px}
 .fg-series-next>span{font-size:8px}
 .fg-type-featured img{height:138px!important;margin:0 8px!important;width:calc(100% - 16px)!important}
 .fg-type-card.fg-type-featured{min-height:275px}
 .fg-type-card .fg-type-explore{font-size:10px}
}
@media(prefers-reduced-motion:no-preference){
 .fg-series--spotlight .fg-photo-stage img{transition:transform .6s ease,filter .6s ease}
 .fg-series .fg-open-specs{transition:background .2s ease,color .2s ease}
 .fg-tech-details[open] .fg-tech-toggle{animation:fg-tech-reveal .22s ease both}
 @keyframes fg-tech-reveal{from{filter:brightness(.97)}to{filter:brightness(1)}}
}
@media(prefers-reduced-motion:reduce){
 .fg-tech-toggle-icon,.fg-series-picture .fg-photo-stage img,.fg-model-button,.fg-open-specs{animation:none!important;transition:none!important}
}


/* V1.4 – interacción y fotografía, con imágenes reales JPG ya publicadas. */
.fg-hero-visual-index,.fg-photo-watermark,.fg-photo-series-number{display:none!important}
.fg-type-card,.fg-type-card.fg-type-featured{background:linear-gradient(165deg,#fff,#f8fbfd)!important;color:#102c42!important;border:1px solid #dfe9ef!important}
.fg-type-card .fg-type-index,.fg-type-card .fg-type-index span{color:#2581b5!important}
.df-family-page .fg-main .fg-type-card h3{color:#183c54!important}
.fg-type-card .fg-type-card-footer p{color:#667f90!important}
.fg-type-card .fg-type-card-footer small,.fg-type-card .fg-type-explore{color:#2581b5!important}
.fg-type-card .fg-type-card-footer{border-top-color:#e7edf2!important}
.fg-type-card img,.fg-type-card.fg-type-featured img{mix-blend-mode:multiply!important;background:transparent!important;width:100%!important;margin:0!important;border-radius:0!important;height:195px!important;padding:8px 10px!important;object-fit:contain!important}
/* Maintain full equipment framing; reduce wasted image-stage padding rather than cropping machines. */
.fg-series-picture .fg-photo-stage{min-height:490px!important;background:radial-gradient(ellipse at 50% 43%,#fff 0%,#f5fafc 64%,var(--fg-series-stage,#e8f3f8) 100%)}
.fg-series-picture .fg-photo-stage img{height:490px!important;min-height:0!important;width:100%!important;object-fit:contain!important;padding:12px 7px!important;max-width:100%!important;filter:drop-shadow(0 16px 20px rgba(11,42,66,.16));transform-origin:center center}
.fg-series-picture .fg-photo-stage::before{inset:12px}
.fg-series-picture .fg-photo-foot{min-height:85px}
.fg-series-interest{margin:18px 0 10px;display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.fg-interest-button{display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none!important;background:linear-gradient(110deg,#176f9c,#0e5079);box-shadow:0 8px 18px rgba(12,80,122,.19);border:1px solid #176c94;border-radius:9px;padding:12px 17px;color:#fff!important;font-size:13px;font-weight:800;transition:transform .2s,box-shadow .2s}
.fg-interest-button:hover,.fg-interest-button:focus-visible{transform:translateY(-2px);box-shadow:0 13px 26px rgba(12,80,122,.27);color:#fff!important}
.fg-series-interest>span{color:#71899b;font-size:11px;line-height:1.4;max-width:210px}
.fg-button-interest{background:rgba(255,255,255,.13)!important;border:1px solid rgba(255,255,255,.5)!important;color:#fff!important}
.fg-button-interest:hover{background:rgba(255,255,255,.24)!important;color:#fff!important}
/* Keep semantic table structure. Each model row is clickable; the first cell is a real keyboard button. */
.fg-spec-table tbody tr{cursor:pointer;transition:background .2s ease,box-shadow .2s ease}
.fg-spec-table tbody tr td,.fg-spec-table tbody tr th{transition:background .18s ease,color .18s ease}
.fg-spec-table tbody tr:hover td,.fg-spec-table tbody tr:hover th{background:#e9f4fa!important}
.fg-spec-table tbody tr.is-selected td,.fg-spec-table tbody tr.is-selected th,
.fg-spec-table tbody tr.is-selected:hover td,.fg-spec-table tbody tr.is-selected:hover th{background:#143f5b!important;color:#fff!important;border-bottom-color:#2d6686!important;box-shadow:inset 0 1px #285e7b,inset 0 -1px #285e7b!important}
.fg-table-model-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:max-content;cursor:pointer;text-align:left;border:0;background:transparent!important;color:inherit!important;font:inherit;font-weight:850;padding:3px 0;white-space:nowrap}
.fg-table-model-button span{font-size:14px;opacity:.6;color:inherit!important}
.fg-table-model-button:focus-visible{outline:3px solid #f0ba70!important;outline-offset:3px}
.fg-spec-table tbody tr:focus-within td,.fg-spec-table tbody tr:focus-within th{box-shadow:inset 0 0 0 2px rgba(23,127,175,.5)}
@media(max-width:790px){.fg-series-picture .fg-photo-stage{min-height:375px!important}.fg-series-picture .fg-photo-stage img{height:375px!important}.fg-type-card img{height:160px!important}}
@media(max-width:520px){.fg-series-picture .fg-photo-stage{min-height:300px!important}.fg-series-picture .fg-photo-stage img{height:300px!important;padding:6px!important}.fg-type-card img{height:135px!important}.fg-series-interest{flex-direction:column;align-items:stretch}.fg-interest-button{width:100%}}
@media(prefers-reduced-motion:reduce){.fg-series-picture .fg-photo-stage img,.fg-spec-table tbody tr,.fg-table-model-button,.fg-interest-button{animation:none!important;transition:none!important}}


/* V1.6 — Neutral, typography-led PVP card (not the chocolatera palette). */
.fg-price-card{position:relative;overflow:hidden;margin-top:16px;padding:20px 23px 18px;border:1px solid #d8e5ee;border-top:3px solid #243a4e;border-left:1px solid #d8e5ee;border-radius:12px;background:#fff;box-shadow:0 13px 34px rgba(13,47,72,.09),0 2px 4px rgba(13,47,72,.025)}
.fg-price-card::after{content:"";position:absolute;right:-35px;top:-54px;width:162px;height:162px;border:1px solid rgba(25,58,84,.07);border-radius:50%;box-shadow:0 0 0 20px rgba(24,64,97,.018),0 0 0 44px rgba(24,64,97,.012);pointer-events:none}
.fg-price-card-top{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;z-index:1}
.fg-price-tag{display:inline-flex;align-items:center;gap:9px;font-size:11px;font-weight:900;letter-spacing:.12em;color:#243a4e}
.fg-price-tag::before{content:"";width:6px;height:6px;background:#2b4a61;border-radius:50%;flex:0 0 6px}
.fg-price-source{font-size:9px;font-weight:800;color:#778b9c;letter-spacing:.06em;text-align:right}
.fg-price-value{display:block;position:relative;color:#102e45;font-size:clamp(33px,3.2vw,45px);font-weight:900;letter-spacing:-.05em;line-height:1.13;margin:10px 0 12px;font-variant-numeric:tabular-nums;z-index:1}
.fg-price-terms{position:relative;color:#586e7d!important;font-size:11px!important;line-height:1.6!important;font-weight:650;margin:0!important;z-index:1;padding-top:10px;border-top:1px solid #e8eef3}
.fg-spec-table th:last-child,.fg-spec-table td:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.fg-spec-table thead th:last-child{color:#fff}
.fg-spec-table tbody td:last-child{font-weight:900;color:#164663}
.fg-spec-table tbody tr.is-selected td:last-child{color:#fff!important}

/* One distinct palette per MACHINE TYPE; colour always supports, never replaces,
   the selected state communicated by text, aria-pressed and table row position. */
.fg-series--granizadoras{--fg-series-accent:#196f9c;--fg-series-pale:#ebf5fa;--fg-series-stage:#eaf3f8;--fg-series-active:#134b6d;--fg-series-hover:#e8f4fa;--fg-series-edge:#2b789f}
.fg-series--horchateras{--fg-series-accent:#087e88;--fg-series-pale:#e8f6f6;--fg-series-stage:#e7f5f4;--fg-series-active:#08636d;--fg-series-hover:#e0f4f4;--fg-series-edge:#238e93}
.fg-series--distribuidoras{--fg-series-accent:#218060;--fg-series-pale:#eaf7f0;--fg-series-stage:#e4f2e9;--fg-series-active:#17634e;--fg-series-hover:#e5f5eb;--fg-series-edge:#39886b}
.fg-series--chocolateras{--fg-series-accent:#98603a;--fg-series-pale:#fbf0e8;--fg-series-stage:#f9f0e9;--fg-series-active:#805033;--fg-series-hover:#faf0e8;--fg-series-edge:#a97750}

/* Override old per-gama accents so ICON, MT, EASY, GIANT share the same type UI. */
.fg-series .fg-model-button.is-active,.fg-series .fg-model-button[aria-pressed="true"]{background:var(--fg-series-active)!important;border-color:var(--fg-series-active)!important;color:#fff!important;box-shadow:0 3px 12px rgba(16,50,68,.13)}
.fg-series .fg-model-button.is-active small,.fg-series .fg-model-button[aria-pressed="true"] small{color:#e1f0f5!important}
.fg-series .fg-model-button:hover:not(.is-active){border-color:var(--fg-series-accent)!important;background:var(--fg-series-hover)}
.fg-series .fg-model-arrows button:not(:disabled):hover{color:var(--fg-series-active);border-color:var(--fg-series-edge);background:var(--fg-series-hover)}
.fg-series .fg-model-topline .fg-small-label,.fg-series .fg-series-catalog,.fg-series .fg-series-number,.fg-series .fg-series-next a{color:var(--fg-series-accent)!important}
.fg-series .fg-open-specs{color:var(--fg-series-active)!important;border-color:var(--fg-series-edge)!important;background:white}
.fg-series .fg-open-specs:hover{background:var(--fg-series-hover);box-shadow:0 7px 19px rgba(20,60,75,.07)}
.fg-series .fg-interest-button{background:var(--fg-series-active)!important;border-color:var(--fg-series-active)!important;color:#fff!important;box-shadow:0 8px 20px rgba(17,53,73,.15)}
.fg-series .fg-interest-button:hover,.fg-series .fg-interest-button:focus-visible{box-shadow:0 12px 25px rgba(17,53,73,.21)}
.fg-series .fg-spec-table tbody tr:hover:not(.is-selected)>td,.fg-series .fg-spec-table tbody tr:hover:not(.is-selected)>th{background:var(--fg-series-hover)!important}
.fg-series .fg-spec-table tbody tr.is-selected>td,.fg-series .fg-spec-table tbody tr.is-selected>th,.fg-series .fg-spec-table tbody tr.is-selected:hover>td,.fg-series .fg-spec-table tbody tr.is-selected:hover>th{background:var(--fg-series-active)!important;color:#fff!important;border-bottom-color:var(--fg-series-edge)!important;box-shadow:inset 0 1px var(--fg-series-edge),inset 0 -1px var(--fg-series-edge)!important}
.fg-series .fg-spec-table tbody tr.is-selected td:last-child{color:#fff!important}
.fg-series .fg-table-model-button:focus-visible{outline:3px solid var(--fg-series-edge)!important;outline-offset:3px}

/* Four type overlines + white overview cards with individually coloured links. */
#granizadoras .fg-category-heading .fg-overline{color:#196f9c}
#horchateras .fg-category-heading .fg-overline{color:#087e88}
#distribuidoras .fg-category-heading .fg-overline{color:#218060}
#chocolateras .fg-category-heading .fg-overline{color:#98603a}
.fg-type-card[href="#granizadoras"]{--fg-type-accent:#196f9c}
.fg-type-card[href="#horchateras"]{--fg-type-accent:#087e88}
.fg-type-card[href="#distribuidoras"]{--fg-type-accent:#218060}
.fg-type-card[href="#chocolateras"]{--fg-type-accent:#98603a}
.fg-type-card .fg-type-index,.fg-type-card .fg-type-index span,.fg-type-card .fg-type-explore,.fg-type-card .fg-type-card-footer small{color:var(--fg-type-accent,#196f9c)!important}
.fg-type-card:hover{border-color:var(--fg-type-accent,#196f9c)!important}

/* Reading order: key metrics -> full specs -> PVP -> direct-interest CTA. */
.fg-series-controls .fg-model-specs{margin-top:14px}
.fg-series-controls .fg-open-specs{display:flex;margin:11px 0 0;padding:11px 15px}
.fg-series-controls .fg-price-card{margin-top:23px}
.fg-series-interest{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin:13px 0 9px;min-height:0}
.fg-series-interest .fg-interest-button{min-width:186px;max-width:100%;min-height:44px;padding:11px 22px;border-radius:10px;font-size:13px}
.fg-series-interest>span{max-width:290px;font-size:11px;color:#71899b;line-height:1.5}
/* Image LEFT = CTA at the inward (left) side of the controls.
   Image RIGHT = CTA at the inward (right) side of the controls. */
.fg-series--forward .fg-series-interest{align-items:flex-start;text-align:left}
.fg-series--reverse .fg-series-interest{align-items:flex-end;text-align:right}
.fg-series-interest .fg-interest-button{display:inline-flex;justify-content:center;text-align:center}

@media(prefers-reduced-motion:no-preference){.fg-price-card.fg-price-change{animation:fg-price-refresh .38s cubic-bezier(.16,.8,.2,1) both}@keyframes fg-price-refresh{from{filter:brightness(1.045);transform:translateY(3px)}to{filter:brightness(1);transform:translateY(0)}}}
@media(max-width:520px){.fg-price-card{padding:16px 17px}.fg-price-value{font-size:34px}.fg-price-terms{font-size:10px!important}.fg-price-source{font-size:8px}.fg-series-interest{margin-top:11px}.fg-series--forward .fg-series-interest,.fg-series--reverse .fg-series-interest{align-items:center;text-align:center}.fg-series-interest .fg-interest-button{width:min(100%,320px)}.fg-series-interest>span{max-width:310px}}
@media(prefers-reduced-motion:reduce){.fg-price-card{animation:none!important;transition:none!important;transform:none!important}}

/* V1.7 — Brand presence and supporting photo galleries extracted from catalogue. */
.fg-brand-lockup{display:inline-flex;align-items:center;gap:14px;padding:10px 14px;border:1px solid rgba(20,63,91,.1);background:rgba(255,255,255,.85);backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 14px 35px rgba(16,46,69,.10)}
.fg-brand-lockup img{display:block;width:auto;height:28px;max-width:120px}
.fg-brand-lockup span{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#5d7383}
.fg-brand-lockup--hero{position:absolute;right:16px;top:44px;z-index:2}
.fg-type-card{position:relative;overflow:hidden}
.fg-type-brand{position:absolute;right:16px;top:16px;z-index:2;display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(16,46,69,.08);box-shadow:0 10px 26px rgba(16,46,69,.12)}
.fg-type-brand img{display:block;max-width:70px;height:auto}
.fg-series-brand{display:inline-flex;align-items:center;gap:12px;margin-top:16px;padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbfd);border:1px solid #e4edf3;box-shadow:0 14px 28px rgba(16,46,69,.05)}
.fg-series-brand img{display:block;max-width:88px;height:auto}
.fg-series-brand small{display:block;color:#6f8494;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.fg-picture-brand{position:absolute;top:16px;left:16px;z-index:2;display:inline-flex;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.92);border:1px solid rgba(15,43,61,.08);box-shadow:0 12px 30px rgba(16,46,69,.14)}
.fg-picture-brand img{display:block;max-width:94px;height:auto}
.fg-media-block{margin-top:16px;padding:18px 18px 16px;border:1px solid #e5edf3;border-radius:22px;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%);box-shadow:0 16px 38px rgba(16,46,69,.06)}
.fg-media-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px;flex-wrap:wrap}
.fg-media-heading .fg-overline{margin-bottom:0!important}
.fg-media-heading strong{font-size:17px;line-height:1.2;color:#143247}
.fg-media-grid{display:grid;gap:14px}
.fg-media-grid--mood.fg-media-grid--count-1{grid-template-columns:1fr}
.fg-media-grid--mood:not(.fg-media-grid--count-1){grid-template-columns:repeat(2,minmax(0,1fr))}
.fg-media-grid--details{grid-template-columns:repeat(3,minmax(0,1fr))}
.fg-media-grid--details.fg-media-grid--count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.fg-media-card{position:relative;overflow:hidden;margin:0;border-radius:18px;background:#fff;border:1px solid #e4edf2;box-shadow:0 14px 30px rgba(16,46,69,.08);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease}
.fg-media-card::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(180deg,rgba(6,24,35,0) 0%,rgba(6,24,35,.08) 100%);pointer-events:none}
.fg-media-card:hover{transform:translateY(-4px);box-shadow:0 20px 38px rgba(16,46,69,.12);border-color:#d2e0e9}
.fg-media-card img{display:block;width:100%;height:100%;object-fit:cover}
.fg-media-card--mood{aspect-ratio:16/9}
.fg-media-card--detail{aspect-ratio:1/1;display:flex;flex-direction:column}
.fg-media-card figcaption{position:absolute;left:14px;right:14px;bottom:12px;z-index:1;color:#fff;font-size:12px;font-weight:800;letter-spacing:.02em;line-height:1.35;text-shadow:0 2px 18px rgba(0,0,0,.25)}
.fg-media-block--details .fg-media-card figcaption{font-size:11px}
.fg-series--granizadoras .fg-media-heading .fg-overline,.fg-series--granizadoras .fg-series-brand small{color:#196f9c}
.fg-series--horchateras .fg-media-heading .fg-overline,.fg-series--horchateras .fg-series-brand small{color:#087e88}
.fg-series--distribuidoras .fg-media-heading .fg-overline,.fg-series--distribuidoras .fg-series-brand small{color:#218060}
.fg-series--chocolateras .fg-media-heading .fg-overline,.fg-series--chocolateras .fg-series-brand small{color:#98603a}
@media (max-width: 1080px){.fg-brand-lockup--hero{position:static;margin:0 0 12px auto}.fg-media-grid--details{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 790px){.fg-type-brand{right:12px;top:12px}.fg-picture-brand{top:12px;left:12px}.fg-media-grid--mood,.fg-media-grid--details{grid-template-columns:1fr!important}.fg-media-card--detail{aspect-ratio:16/10}.fg-series-brand{width:100%;justify-content:flex-start}}
@media (prefers-reduced-motion: reduce){.fg-brand-lockup,.fg-type-brand,.fg-series-brand,.fg-picture-brand,.fg-media-card{transition:none!important;transform:none!important}}

/* V1.7.1 — Feedback refinement: discreet branding + type-level ambient gallery */
.fg-hero-img-shell,.fg-photo-stage,.fg-type-card{position:relative}
.fg-brand-mark{position:absolute;z-index:2;display:block;line-height:0;opacity:.78;filter:drop-shadow(0 8px 18px rgba(10,32,44,.14))}
.fg-brand-mark img{display:block;width:auto;height:auto;max-width:100%}
.fg-brand-mark--hero{top:18px;left:18px;max-width:118px}
.fg-brand-mark--series{top:14px;left:14px;max-width:82px;opacity:.72}
.fg-type-brand{left:18px;top:56px;right:auto;z-index:2;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;opacity:.8;max-width:72px}
.fg-type-brand img{display:block;max-width:100%;height:auto}
.fg-type-showcase{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;margin:0 0 28px}
.fg-type-shot{position:relative;overflow:hidden;margin:0;min-height:230px;border-radius:26px;border:1px solid #e1eaf0;background:#f7fbfd;box-shadow:0 18px 42px rgba(11,55,76,.08)}
.fg-type-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.fg-type-shot::after{content:"";position:absolute;inset:auto 0 0 0;height:55%;background:linear-gradient(180deg,rgba(7,23,35,0) 0%,rgba(7,23,35,.45) 100%);pointer-events:none}
.fg-type-shot:hover img{transform:scale(1.03)}
.fg-type-shot figcaption{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;color:#fff;font-size:12px;font-weight:780;letter-spacing:.04em;line-height:1.35;text-transform:uppercase;text-shadow:0 2px 10px rgba(0,0,0,.22)}
.fg-type-showcase .fg-type-shot:nth-child(1){grid-column:span 5}
.fg-type-showcase .fg-type-shot:nth-child(2){grid-column:span 4}
.fg-type-showcase .fg-type-shot:nth-child(3){grid-column:span 3}
.fg-type-showcase .fg-type-shot:only-child{grid-column:1 / -1;min-height:250px}
.fg-type-showcase .fg-type-shot:nth-last-child(2):first-child,.fg-type-showcase .fg-type-shot:nth-last-child(2):first-child + .fg-type-shot{grid-column:span 6}
/* deactivate previous intrusive branding shells if still present somewhere */
.fg-brand-lockup,.fg-series-brand{display:none!important}
/* deactivate old per-series media blocks in case of cache mismatch */
.fg-media-block{display:none!important}
@media (max-width: 1100px){
  .fg-type-showcase .fg-type-shot:nth-child(1),.fg-type-showcase .fg-type-shot:nth-child(2),.fg-type-showcase .fg-type-shot:nth-child(3),.fg-type-showcase .fg-type-shot:nth-last-child(2):first-child,.fg-type-showcase .fg-type-shot:nth-last-child(2):first-child + .fg-type-shot{grid-column:span 6}
}
@media (max-width: 790px){
  .fg-brand-mark--hero{top:14px;left:14px;max-width:96px}
  .fg-brand-mark--series{top:12px;left:12px;max-width:68px}
  .fg-type-brand{left:12px;top:48px;max-width:60px}
  .fg-type-showcase{grid-template-columns:1fr;gap:12px;margin-bottom:22px}
  .fg-type-showcase .fg-type-shot,.fg-type-showcase .fg-type-shot:nth-child(1),.fg-type-showcase .fg-type-shot:nth-child(2),.fg-type-showcase .fg-type-shot:nth-child(3),.fg-type-showcase .fg-type-shot:nth-last-child(2):first-child,.fg-type-showcase .fg-type-shot:nth-last-child(2):first-child + .fg-type-shot{grid-column:auto;min-height:200px}
}

/* V1.7.2 — Galería editorial uniforme independientemente de 1, 2 o 3 fotos.
   El área sigue siendo el mismo formato que la galería de granizadoras. */
.fg-type-showcase {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    gap: 18px;
    margin-bottom: 28px;
}
.fg-type-showcase > .fg-type-shot,
.fg-type-showcase > .fg-type-shot:only-child {
    flex: 0 0 calc((100% - 36px) / 3);
    width: calc((100% - 36px) / 3);
    max-width: calc((100% - 36px) / 3);
    height: 296px;
    min-height: 296px;
    grid-column: auto !important;
}
.fg-type-showcase > .fg-type-shot img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 980px) {
    .fg-type-showcase > .fg-type-shot,
    .fg-type-showcase > .fg-type-shot:only-child {
        flex-basis: calc((100% - 18px) / 2);
        width: calc((100% - 18px) / 2);
        max-width: calc((100% - 18px) / 2);
        height: 256px;
        min-height: 256px;
    }
}
@media (max-width: 520px) {
    .fg-type-showcase { gap: 12px; margin-bottom: 22px; }
    .fg-type-showcase > .fg-type-shot,
    .fg-type-showcase > .fg-type-shot:only-child {
        flex-basis: 100%;
        width: 100%;
        max-width: 100%;
        height: 230px;
        min-height: 230px;
    }
}

/* Only the three approved category cards use this model-family adaptation. */
.mn-page .fg-main .mn-fg-type-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.mn-page .fg-main .mn-fg-type-card{position:relative;background:#fff!important;border-color:#dfe9ef!important}
.mn-page .fg-main .mn-fg-type-card .fg-type-index{color:var(--mn-type-accent)!important}
.mn-page .fg-main .mn-fg-type-card .fg-type-index span,.mn-page .fg-main .mn-fg-type-card .fg-type-explore,.mn-page .fg-main .mn-fg-type-card .fg-type-card-footer small{color:var(--mn-type-accent)!important}
.mn-page .fg-main .mn-fg-type-card:hover{border-color:var(--mn-type-accent)!important}
.mn-page .fg-main .mn-fg-card-media{height:176px;position:relative;display:flex;justify-content:center;align-items:center;padding:4px 18px 14px;overflow:hidden}
.mn-page .fg-main .mn-fg-card-media .mn-fg-card-product{display:block;width:100%;height:100%;max-height:163px;object-fit:contain;mix-blend-mode:multiply;padding:0}
.mn-page .fg-main .mn-fg-card-media .mn-fg-card-brand{position:absolute;right:15px;bottom:12px;width:auto;max-width:75px;max-height:31px;height:auto;opacity:.77;mix-blend-mode:multiply;padding:0;filter:none;transform:none!important}
.mn-page .fg-main .mn-fg-type-grid .fg-type-card-footer{padding:19px 22px 21px}
.mn-page .fg-main .mn-fg-type-grid .fg-type-card-footer p{min-height:34px}
.mn-page .fg-main .mn-fg-type-card:hover .mn-fg-card-product{transform:translateY(-4px) scale(1.03)}
.mn-page .fg-main .fg-hero-img-shell .mn-fg-hero-product{width:100%;height:430px;max-width:100%;object-fit:contain;mix-blend-mode:multiply;padding:14px 8px;filter:contrast(1.025)}
.mn-page .fg-main .mn-fg-hero-frame{position:relative}
.mn-page .fg-main .mn-fg-hero-brand{position:absolute;right:22px;bottom:17px;z-index:3;display:block;width:112px;opacity:.78;line-height:0;pointer-events:none}
.mn-page .fg-main .mn-fg-hero-brand img{max-width:100%;width:100%;height:auto;display:block;padding:0;filter:none;mix-blend-mode:multiply;object-fit:contain}
.mn-page .fg-main .fg-hero .fg-hero-description{max-width:630px}
.mn-page .fg-main .mn-fg-intro{background:#fff}
.mn-page .fg-main .mn-fg-intro .fg-intro-top h2{max-width:620px}
.mn-page .fg-main .mn-fg-intro .fg-intro-top h2 em{color:#2581b5;font-style:normal}
.mn-page .fg-main .mn-fg-intro .fg-type-grid{margin-top:45px}
.mn-page .fg-main .fg-section-nav{z-index:130}
.mn-page .fg-main .fg-section-nav .mn-nav-links{min-height:60px;gap:29px}
.mn-page .fg-main .fg-section-nav .mn-nav-links a{height:60px;font-weight:750;font-size:12px;letter-spacing:normal}
.mn-page .fg-main .fg-section-nav .mn-nav-links .fg-nav-label{font-size:10px;letter-spacing:.16em}
.mn-page .fg-main .fg-section-nav .fg-reading-progress{transform-origin:left center}
@media(max-width:980px){
 .mn-page .fg-main .mn-fg-type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .mn-page .fg-main .mn-fg-type-grid{grid-template-columns:1fr}
 .mn-page .fg-main .mn-fg-card-media{height:175px}
 .mn-page .fg-main .mn-fg-hero-brand{right:15px;bottom:14px;width:86px}
 .mn-page .fg-main .fg-hero-img-shell .mn-fg-hero-product{height:300px;padding:9px}
}
@media(prefers-reduced-motion:reduce){.mn-page .fg-main .mn-fg-card-media .mn-fg-card-product{transform:none!important}}


/* Difriho Montadoras V2.3 — visual parity with Granizadoras + uploaded reference. */
/* Ugolini: same unobtrusive source/logo placement as Granizadoras, TELME stays untouched. */
.mn-page .fg-main .mn-fg-card-media img.mn-fg-card-brand{position:absolute;right:15px;bottom:12px;max-width:92px;max-height:35px;object-fit:contain;opacity:.56;mix-blend-mode:normal;pointer-events:none}
.mn-page .mn-main .mn-series--expanded .mn-product-stage>img.mn-brand-stage{position:absolute;top:auto;left:auto;right:19px;bottom:18px;width:auto;max-width:118px;height:auto;opacity:.55;z-index:3;mix-blend-mode:normal;pointer-events:none}
/* Complementary images are support art, visibly larger but never compete with main product. */
.mn-page .mn-main .mn-photo-thumbs{gap:12px;margin:20px 0 8px;padding:0 3px;align-items:flex-start;justify-content:center}
.mn-page .mn-main .mn-photo-thumbs .mn-photo-thumb{box-sizing:border-box;flex:0 0 152px;width:152px;max-width:calc(50% - 7px);height:114px;border-radius:13px;border-color:#dfebf1;box-shadow:0 8px 18px rgba(16,52,75,.075)}
.mn-page .mn-main .mn-photo-thumbs .mn-photo-thumb img{width:100%;height:100%;object-fit:cover}
/* Place the points where Granizadoras shows them: under model interest, within controls. */
.mn-page .mn-main .mn-inline-features{margin:19px 0 0;padding:16px 0 0;border-top:1px solid #e1eaf0;min-width:0}
.mn-page .mn-main .mn-inline-features h4{display:block;margin:0 0 15px;color:#5c7986;font-size:11px;font-weight:900;line-height:1.45;letter-spacing:.105em;text-transform:uppercase}
.mn-page .mn-main .mn-inline-features ul{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;row-gap:12px;padding:0;margin:0}
.mn-page .mn-main .mn-inline-features li{display:flex;align-items:flex-start;min-width:0;gap:9px;color:#627f90;font-size:11px;line-height:1.55}
.mn-page .mn-main .mn-inline-features li>span{flex:none;display:inline-block;color:#2581b5;font-size:15px;font-weight:900;line-height:1.1}
.mn-page .mn-main .mn-series--sorbeteras .mn-inline-features li>span{color:#087e88}
.mn-page .mn-main .mn-series--soft .mn-inline-features li>span{color:#936a39}
/* Alternate photographs without changing accessible markup and without swapping mobile order. */
@media (min-width:791px){
  .mn-page .mn-main .mn-series--reverse .mn-comparator>.mn-product-visual{grid-column:2;grid-row:1}
  .mn-page .mn-main .mn-series--reverse .mn-comparator>.mn-controls{grid-column:1;grid-row:1}
}
/* Place CTAs on the photo-facing edge, underneath PVP. */
.mn-page .mn-main .mn-range-section .mn-comparator .mn-interest,
.mn-page .mn-main .mn-range-section .mn-series--expanded .mn-interest{display:flex;flex-direction:column;gap:7px;margin:13px 0 8px;align-items:flex-start;text-align:left;align-self:stretch}
.mn-page .mn-main .mn-range-section .mn-comparator .mn-interest .mn-button-interest{display:inline-flex;justify-content:center;align-items:center;width:auto;min-width:186px;max-width:100%;padding:11px 22px;min-height:44px;text-align:center}
@media(min-width:791px){
  .mn-page .mn-main .mn-series--reverse .mn-comparator .mn-interest{align-items:flex-end;text-align:right}
}
@media(max-width:790px){
  .mn-page .mn-main .mn-photo-thumbs .mn-photo-thumb{flex-basis:138px;width:138px;height:104px}
  .mn-page .mn-main .mn-series--reverse .mn-comparator>.mn-product-visual,
  .mn-page .mn-main .mn-series--reverse .mn-comparator>.mn-controls{grid-column:auto;grid-row:auto}
}
@media(max-width:520px){
  .mn-page .mn-main .mn-photo-thumbs .mn-photo-thumb{flex-basis:clamp(102px,32vw,136px);width:clamp(102px,32vw,136px);height:auto;aspect-ratio:4 / 3}
  .mn-page .mn-main .mn-inline-features ul{grid-template-columns:1fr;row-gap:10px}
  .mn-page .mn-main .mn-range-section .mn-comparator .mn-interest{align-items:center;text-align:center}
  .mn-page .mn-main .mn-range-section .mn-comparator .mn-interest .mn-button-interest{width:min(100%,310px)}
}
@media(prefers-reduced-motion:reduce){.mn-page .mn-main .mn-photo-thumb,.mn-page .mn-main .mn-photo-thumb img{transition:none!important;transform:none!important}}

/* V2.4 — exact catalog hierarchy, no price display. */
.mn-page .mn-main .mn-price-card{display:none!important}
.mn-photo-progress{height:4px;margin:6px 2px 18px;background:#dce7ee;border-radius:999px;overflow:hidden;--mn-photo-progress:50%}
.mn-photo-progress span{display:block;width:var(--mn-photo-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,#1386bd 0%,#33bbca 55%,#78dacb 100%);transition:width .38s cubic-bezier(.2,.7,.2,1)}
.mn-series-description{margin:clamp(20px,3vw,34px) 0 24px;padding:clamp(22px,3.1vw,38px);border:1px solid #dce7ed;border-radius:18px;background:linear-gradient(135deg,#fff 0%,#f8fbfc 100%);box-shadow:0 12px 30px rgba(13,52,73,.035)}
.mn-series-description-header{display:flex;justify-content:space-between;gap:22px;align-items:baseline;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #dfebef}
.mn-series-description-header h4{font-size:clamp(1.38rem,2.35vw,2rem);letter-spacing:-.025em;line-height:1.2;margin:0;color:#153b4b}
.mn-series-description-header span{color:#78909a;font-size:.75rem;font-weight:600;white-space:nowrap}
.mn-series-description ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 28px;list-style:none;margin:0;padding:0}
.mn-series-description li{display:flex;gap:11px;align-items:flex-start;color:#405b69;font-size:.94rem;line-height:1.64;min-width:0}
.mn-series-description li:before{content:'•';color:#0b8696;font-size:1.45rem;font-weight:800;line-height:1.12;flex:none}
.mn-page .mn-main .mn-technical summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 25px;border-radius:15px;background:linear-gradient(115deg,#eaf7f3 0%,#fff 68%);border:1px solid #dbe8eb}
.mn-page .mn-main .mn-technical summary strong{display:block;font-size:15px;color:#153b4b;line-height:1.4;margin:5px 0 3px}
.mn-page .mn-main .mn-technical summary small{display:block;color:#758d9c;font-size:11px}
.mn-page .mn-main .mn-technical summary .mn-overline{color:#238366;font-weight:900;font-size:10px;letter-spacing:.09em}
.mn-page .mn-main .fg-final{padding:42px 0 64px;background:#fff}
.mn-page .mn-main .fg-final-card{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:clamp(34px,5vw,70px);border-radius:22px;background:linear-gradient(115deg,#18384c 0%,#19577b 100%);color:#fff;min-height:360px}
.mn-page .mn-main .fg-final-card > div:first-child{position:relative;z-index:1;max-width:710px}
.mn-page .mn-main .fg-final-card h2{font-weight:900;font-size:clamp(32px,4vw,58px);line-height:1.12;letter-spacing:-.04em;color:#fff;margin:18px 0 25px}
.mn-page .mn-main .fg-final-card h2 em{font-style:normal;color:#a6dcf3}
.mn-page .mn-main .fg-final-card p{max-width:600px;font-size:15px;line-height:1.7;color:#d7e8f1;margin-bottom:24px}
.mn-page .mn-main .fg-final-card .fg-overline-light{color:#b5d0de;font-size:11px;font-weight:900;letter-spacing:.16em}
.mn-page .mn-main .fg-final-actions{display:flex;flex-wrap:wrap;gap:12px}
.mn-page .mn-main .fg-final-actions .fg-button{min-height:46px;padding:13px 18px;border-radius:9px;display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:13px;white-space:nowrap;text-decoration:none}
.mn-page .mn-main .fg-button-white{background:#fff;color:#163a50;border:1px solid #fff}
.mn-page .mn-main .fg-button-interest{background:rgba(255,255,255,.13);color:#fff;border:1px solid rgba(255,255,255,.55)}
.mn-page .mn-main .fg-button-outline{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.45)}
.mn-page .mn-main .fg-final-decoration{position:relative;align-self:center;opacity:.15;display:flex;flex-direction:column;align-items:center;font-weight:900;color:#add8e9;line-height:1}
.mn-page .mn-main .fg-final-decoration span:first-child{font-size:clamp(110px,11vw,210px);letter-spacing:-.09em}
.mn-page .mn-main .fg-final-decoration span:last-child{font-size:13px;text-align:center;letter-spacing:.2em;line-height:1.5}
@media(max-width:680px){.mn-series-description-header{display:block}.mn-series-description-header span{display:block;margin-top:10px;white-space:normal}.mn-series-description ul{grid-template-columns:1fr;gap:10px}.mn-page .mn-main .fg-final-card{min-height:0;padding:32px 23px}.mn-page .mn-main .fg-final-decoration{display:none}.mn-page .mn-main .fg-final-actions .fg-button{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.mn-photo-progress span{transition:none}}


/* DIFRIHO — Montadoras / Sorbeteras / Soft V2.5.
 * Igualdad de estructura visual con Granizadoras, paleta por gama.
 * No se modifica ningún dato de producto ni el comportamiento del formulario. */
.mn-page .mn-main .mn-series{
 --mn-type-active:#17628b;--mn-type-pale:#eaf4f9;--mn-type-edge:#4b97b9;
 --mn-type-hover:#e7f3f9;--mn-type-stage:#eaf2f8;
 --mn-type-dark:#113f5a;--mn-type-accent:#247dab;
 position:relative;overflow:visible;border-radius:23px;
 border:1px solid #d8e6ee;box-shadow:0 17px 54px rgba(8,50,72,.066);
 scroll-margin-top:158px;
}
.mn-page .mn-main .mn-series--prima{
 --mn-type-active:#155b84;--mn-type-pale:#e9f4fa;--mn-type-edge:#318ab2;
 --mn-type-hover:#e9f4f9;--mn-type-stage:#ecf4f9;
 --mn-type-dark:#153f58;--mn-type-accent:#1c75a5;
}
.mn-page .mn-main .mn-series--minigel{
 --mn-type-active:#126c73;--mn-type-pale:#e7f5f4;--mn-type-edge:#3b979b;
 --mn-type-hover:#e1f1f0;--mn-type-stage:#e8f5f4;
 --mn-type-dark:#0c555e;--mn-type-accent:#16858a;
}
.mn-page .mn-main .mn-series--quickgel{
 --mn-type-active:#156978;--mn-type-pale:#e7f4f5;--mn-type-edge:#3d94a0;
 --mn-type-hover:#e1f0f3;--mn-type-stage:#e8f5f6;
 --mn-type-dark:#124f60;--mn-type-accent:#197988;
}
.mn-page .mn-main .mn-series--soft-mesa{
 --mn-type-active:#795536;--mn-type-pale:#f7f0e8;--mn-type-edge:#a27c57;
 --mn-type-hover:#f7f0e8;--mn-type-stage:#f7f0e8;
 --mn-type-dark:#624329;--mn-type-accent:#91613d;
}
.mn-page .mn-main .mn-series--soft-pie{
 --mn-type-active:#785338;--mn-type-pale:#f8f1e9;--mn-type-edge:#a37b5a;
 --mn-type-hover:#f9f2e9;--mn-type-stage:#f9f0e7;
 --mn-type-dark:#63452e;--mn-type-accent:#946342;
}
/* Details / headings / outline: identical usage of current-gama colours. */
.mn-page .mn-main .mn-range-section .mn-series-head .mn-overline,
.mn-page .mn-main .mn-range-section .mn-series-head .mn-catalog-link,
.mn-page .mn-main .mn-series .mn-selector-top>span{
 color:var(--mn-type-active)!important;
}
.mn-page .mn-main .mn-series-head{border-top:0;border-radius:22px 22px 0 0}
.mn-page .mn-main .mn-series .mn-series-head .mn-catalog-link{border-bottom:1px solid var(--mn-type-edge);padding-bottom:5px}
.mn-page .mn-main .mn-series .mn-model-tab.is-active,
.mn-page .mn-main .mn-series .mn-model-tab[aria-pressed="true"]{
 color:#fff!important;background:var(--mn-type-active)!important;
 border-color:var(--mn-type-active)!important;
 box-shadow:0 7px 19px rgba(11,53,70,.16);
}
.mn-page .mn-main .mn-series .mn-model-tab.is-active small,
.mn-page .mn-main .mn-series .mn-model-tab[aria-pressed="true"] small{color:#e8f5f7!important}
.mn-page .mn-main .mn-series .mn-model-tab:hover:not(.is-active){background:var(--mn-type-hover)!important;border-color:var(--mn-type-edge)!important}
.mn-page .mn-main .mn-series .mn-selected{
 background:linear-gradient(112deg,var(--mn-type-pale),#fafcfd)!important;
 border-left-color:var(--mn-type-active)!important;
}
.mn-page .mn-main .mn-series .mn-key-specs>div{
 background:#fff!important;border-color:#dfe9ef!important;
 box-shadow:0 2px 8px rgba(24,65,87,.018)
}
.mn-page .mn-main .mn-series .mn-expand{
 border-color:var(--mn-type-edge)!important;color:var(--mn-type-active)!important;
 background:#fff!important;
}
.mn-page .mn-main .mn-series .mn-expand:hover{background:var(--mn-type-hover)!important}
.mn-page .mn-main .mn-series .mn-button-interest{
 background:var(--mn-type-active)!important;border:1px solid var(--mn-type-active)!important;color:#fff!important;
 box-shadow:0 8px 20px rgba(17,56,72,.12)
}
.mn-page .mn-main .mn-series .mn-button-interest:hover{filter:brightness(.92)}
.mn-page .mn-main .mn-series .mn-product-stage{background:radial-gradient(ellipse at center,#fff 32%,var(--mn-type-stage) 100%)!important}
.mn-page .mn-main .mn-series .mn-photo-progress span{background:linear-gradient(90deg,#e2a04a,var(--mn-type-active))!important}
/* Catalogue/photo stage. Same text hierarchy, colored foot and bottom progress. */
.mn-page .mn-main .mn-series .mn-product-visual{align-self:start;min-width:0}
.mn-page .mn-main .mn-series .mn-product-stage{border-radius:17px 17px 0 0;border:1px solid #d8e7ed;box-shadow:0 14px 32px rgba(12,58,76,.055);margin:0;overflow:hidden}
.mn-page .mn-main .mn-series .mn-photo-footer{
 margin:0!important;padding:17px 20px 19px!important;
 border:1px solid #d8e7ed;border-top:0;border-bottom:0;
 border-radius:0;background:linear-gradient(110deg,var(--mn-type-pale),#fff)!important;
 box-shadow:0 10px 24px rgba(12,58,76,.032);
 min-height:76px;display:flex;flex-direction:column;gap:4px;
}
.mn-page .mn-main .mn-series .mn-photo-footer>span{
 color:var(--mn-type-active)!important;letter-spacing:.11em;font-size:10px;font-weight:900;
}
.mn-page .mn-main .mn-series .mn-photo-footer strong{font-size:clamp(19px,1.5vw,24px);line-height:1.2;color:#153d52}
.mn-page .mn-main .mn-series .mn-photo-footer small{font-size:11px;color:#657e8d;line-height:1.5}
.mn-page .mn-main .mn-series .mn-photo-progress{
 margin:0 0 17px;height:4px;background:#e9eff2;border-radius:0 0 12px 12px;
 overflow:hidden;border-bottom:1px solid #dde9ed;
}
.mn-page .mn-main .mn-series .mn-photo-progress span{border-radius:0;height:100%;display:block}
.mn-page .mn-main .mn-series .mn-photo-thumbs{margin-top:17px}
/* Technical comparison: a compact bordered card below the description, not a full-width bare section. */
.mn-page .mn-main .mn-series .mn-technical{
 margin:0 38px 20px!important;padding:0!important;
 border:1px solid #dce7ee!important;border-radius:15px!important;
 background:#fbfdff!important;overflow:hidden;
 scroll-margin-top:150px;
}
.mn-page .mn-main .mn-series .mn-technical>summary{
 display:flex;gap:16px;align-items:center;justify-content:space-between;
 padding:19px 23px!important;margin:0;
 border:0!important;border-radius:0!important;
 background:linear-gradient(108deg,var(--mn-type-pale),#fff)!important;
 color:#15394d;cursor:pointer;list-style:none;
}
.mn-page .mn-main .mn-series .mn-technical>summary::-webkit-details-marker{display:none}
.mn-page .mn-main .mn-series .mn-technical>summary::marker{content:""}
.mn-page .mn-main .mn-series .mn-technical>summary .mn-overline{
 color:var(--mn-type-active)!important;letter-spacing:.12em;
 font-size:9px;font-weight:900;
}
.mn-page .mn-main .mn-series .mn-technical>summary strong{font-size:15px;font-weight:900;color:#15394d;letter-spacing:0}
.mn-page .mn-main .mn-series .mn-technical>summary small{font-size:11px;color:#698294}
.mn-page .mn-main .mn-series .mn-technical .mn-technical-plus{
 display:grid;place-items:center;flex:0 0 35px;width:35px;height:35px;
 background:#fff;border:1px solid #d7e8ef;color:var(--mn-type-active)!important;
 border-radius:50%;font-size:23px;font-weight:400;line-height:1;
 transition:transform .23s ease
}
.mn-page .mn-main .mn-series .mn-technical[open]>summary{border-bottom:1px solid #dce7ee!important}
.mn-page .mn-main .mn-series .mn-technical[open] .mn-technical-plus{transform:rotate(45deg)}
.mn-page .mn-main .mn-series .mn-technical .mn-table-scroll{
 margin:16px!important;max-width:calc(100% - 32px)!important;
 border:1px solid #dce7ee;border-radius:11px;overflow-x:auto;
 background:#fff;
}
.mn-page .mn-main .mn-series .mn-spec-table{width:100%;min-width:800px;background:#fff;border-collapse:separate;border-spacing:0}
.mn-page .mn-main .mn-series .mn-spec-table thead{background:var(--mn-type-accent)!important}
.mn-page .mn-main .mn-series .mn-spec-table thead tr{background:var(--mn-type-accent)!important}
.mn-page .mn-main .mn-series .mn-spec-table thead th{
 color:#fff!important;background:var(--mn-type-accent)!important;
 padding:12px 10px;font-size:10px;letter-spacing:0;font-weight:900;
 border-bottom:1px solid rgba(255,255,255,.18);vertical-align:middle;
}
.mn-page .mn-main .mn-series .mn-spec-table thead th:first-child{background:var(--mn-type-dark)!important}
.mn-page .mn-main .mn-series .mn-spec-table tbody tr{background:#fff;color:#23495f;cursor:pointer}
.mn-page .mn-main .mn-series .mn-spec-table tbody tr:nth-child(even){background:#f4f8fa}
.mn-page .mn-main .mn-series .mn-spec-table tbody tr:hover:not(.is-selected){background:var(--mn-type-hover)!important}
.mn-page .mn-main .mn-series .mn-spec-table tbody tr.is-selected,
.mn-page .mn-main .mn-series .mn-spec-table tbody tr.is-selected:hover{background:var(--mn-type-active)!important;color:#fff!important}
.mn-page .mn-main .mn-series .mn-spec-table tbody tr.is-selected td,
.mn-page .mn-main .mn-series .mn-spec-table tbody tr.is-selected th,
.mn-page .mn-main .mn-series .mn-spec-table tbody tr.is-selected button{color:#fff!important}
.mn-page .mn-main .mn-series .mn-spec-table tbody th,
.mn-page .mn-main .mn-series .mn-spec-table tbody td{
 background:transparent!important;color:inherit;line-height:1.35;
 border-bottom:1px solid #e4edf1;vertical-align:middle;
}
.mn-page .mn-main .mn-series .mn-spec-table tbody th{font-weight:900}
.mn-page .mn-main .mn-series .mn-table-select{color:inherit!important;cursor:pointer;text-align:left}
.mn-page .mn-main .mn-series .mn-table-select:focus-visible{outline:2px solid var(--mn-type-edge);outline-offset:5px;border-radius:4px}
.mn-page .mn-main .mn-series .mn-tech-foot{
 display:flex;justify-content:space-between;align-items:flex-start;gap:18px;
 padding:6px 20px 18px!important;color:#718999;font-size:11px;line-height:1.55;
}
.mn-page .mn-main .mn-series .mn-tech-foot span:last-child{text-align:right}
/* Footer identical to Granizadoras: next model-family section link below closed/open comparison. */
.mn-page .mn-main .mn-series-next{
 display:flex;align-items:center;justify-content:space-between;gap:18px;
 padding:0 38px 24px;color:#8ba2af;font-size:10px;letter-spacing:.12em;font-weight:900;
}
.mn-page .mn-main .mn-series-next a{
 display:inline-flex;align-items:center;gap:10px;color:var(--mn-type-active)!important;
 font-size:12px;letter-spacing:0;font-weight:850;text-decoration:none;
}
.mn-page .mn-main .mn-series-next a:hover{text-decoration:underline!important}
.mn-page .mn-main .mn-series-next a span{font-size:16px}
.mn-page .mn-main .mn-series-description li::before{color:var(--mn-type-active)!important}
.mn-page .mn-main .mn-series-description{margin:clamp(20px,3vw,34px) 38px 24px}
.mn-page .mn-main .mn-series-description-header{gap:20px}
@media(max-width:790px){
 .mn-page .mn-main .mn-series .mn-technical{margin:0 24px 18px!important}
 .mn-page .mn-main .mn-series-description{margin:22px 24px 20px}
 .mn-page .mn-main .mn-series-next{padding:0 24px 20px}
 .mn-page .mn-main .mn-series .mn-tech-foot{gap:6px;flex-direction:column}
 .mn-page .mn-main .mn-series .mn-tech-foot span:last-child{text-align:left}
}
@media(max-width:520px){
 .mn-page .mn-main .mn-series .mn-technical{margin:0 16px 15px!important}
 .mn-page .mn-main .mn-series .mn-technical>summary{padding:15px 14px!important}
 .mn-page .mn-main .mn-series .mn-technical .mn-table-scroll{margin:10px!important;max-width:calc(100% - 20px)!important}
 .mn-page .mn-main .mn-series .mn-tech-foot{padding:9px 14px 15px!important}
 .mn-page .mn-main .mn-series-description{margin:20px 16px 17px}
 .mn-page .mn-main .mn-series-next{padding:0 16px 20px}
 .mn-page .mn-main .mn-series-next>span{font-size:8px}
 .mn-page .mn-main .mn-series .mn-photo-footer{min-height:70px;padding:14px 16px!important}
}
@media(prefers-reduced-motion:reduce){
 .mn-page .mn-main .mn-series .mn-technical .mn-technical-plus{transition:none!important}
}

/* V2.6 — Descripción de ancho completo como Granizadoras + contador por gama. */
.mn-page .mn-main .mn-range-section .mn-series > .mn-series-description {
  box-sizing:border-box;
  display:block;
  width:100%;
  max-width:none;
  margin:clamp(20px,3vw,34px) 0 24px !important;
  padding:clamp(22px,3.1vw,38px);
  min-width:0;
}
.mn-page .mn-main .mn-series .mn-series-head .mn-series-count {
  display:inline-flex;
  align-items:center;
  max-width:100%;
  margin-top:15px;
  padding:7px 11px;
  border-radius:999px;
  background:var(--mn-type-pale,#eaf4f9);
  color:var(--mn-type-active,#155b84) !important;
  font-size:10px;
  font-weight:850;
  line-height:1.35;
  letter-spacing:.075em;
  text-transform:uppercase;
  white-space:normal;
}
@media(max-width:790px){
  .mn-page .mn-main .mn-range-section .mn-series > .mn-series-description {
    margin:22px 0 20px !important;
  }
}
@media(max-width:520px){
  .mn-page .mn-main .mn-range-section .mn-series > .mn-series-description {
    margin:20px 0 17px !important;
  }
  .mn-page .mn-main .mn-series .mn-series-head .mn-series-count {
    font-size:9px;
    letter-spacing:.045em;
  }
}


/* V2.7 — Una sola superficie redondeada para imagen, pie y progreso.
   Las miniaturas complementarias continúan fuera para no recortarlas. */
.mn-page .mn-main .mn-series .mn-slide-card {
  display:block;
  position:relative;
  min-width:0;
  overflow:hidden;
  isolation:isolate;
  border:1px solid #d8e7ed;
  border-radius:17px;
  background:#fff;
  box-shadow:0 14px 32px rgba(12,58,76,.055);
  margin:0 0 17px;
}
.mn-page .mn-main .mn-series .mn-slide-card > .mn-product-stage {
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.mn-page .mn-main .mn-series .mn-slide-card > .mn-photo-footer {
  border:0!important;
  border-top:1px solid #d8e7ed!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.mn-page .mn-main .mn-series .mn-slide-card > .mn-photo-progress {
  display:block;
  width:100%;
  height:4px;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden;
}
.mn-page .mn-main .mn-series .mn-slide-card + .mn-photo-thumbs {
  margin-top:0!important;
}


/* V2.8 — Características del detalle fotográfico a continuación del CTA,
   como en Granizadoras. Descripciones editoriales completas del catálogo. */
.mn-page .mn-main .mn-range-section .mn-series .mn-detail-highlights{
  margin:19px 0 0;
  padding:0;
  min-width:0;
}
.mn-page .mn-main .mn-range-section .mn-series .mn-detail-highlights h4{
  display:block;
  margin:0 0 15px;
  font-size:12px;
  font-weight:850;
  color:#617f8d;
  letter-spacing:.095em;
  line-height:1.4;
  text-transform:uppercase;
}
.mn-page .mn-main .mn-range-section .mn-series .mn-detail-highlights ul{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px 19px;
  margin:0;
  padding:0;
  list-style:none;
}
.mn-page .mn-main .mn-range-section .mn-series .mn-detail-highlights li{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
  color:#47677a;
  font-size:12px;
  font-weight:480;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.mn-page .mn-main .mn-range-section .mn-series .mn-detail-highlights li>span{
  flex:0 0 auto;
  color:var(--mn-type-active,#15769a);
  font-size:16px;
  line-height:1.12;
  font-weight:800;
}
.mn-page .mn-main .mn-range-section .mn-series > .mn-series-description .mn-series-description-intro{
  margin:0 0 22px;
  color:#405b69;
  font-size:14px;
  line-height:1.7;
  max-width:95ch;
}
@media(max-width:520px){
 .mn-page .mn-main .mn-range-section .mn-series .mn-detail-highlights ul{
   grid-template-columns:1fr;
   gap:11px;
 }
 .mn-page .mn-main .mn-range-section .mn-series > .mn-series-description .mn-series-description-intro{
   font-size:13px;
   margin-bottom:16px;
 }
}


/* V3.0 — Titulares de categoría a dos colores, coherentes con cada gama.
   El texto inicial mantiene el azul marino Difriho y el fragmento <em>
   utiliza el acento actual de Montadoras, Sorbeteras o SOFT. */
.mn-page .mn-main #modelos.mn-range-section .mn-heading h2,
.mn-page .mn-main #sorbeteras.mn-range-section .mn-heading h2,
.mn-page .mn-main #soft.mn-range-section .mn-heading h2 {
  color:#132b3a;
}
.mn-page .mn-main #modelos.mn-range-section .mn-heading h2 em {
  color:#155b84 !important; /* PRIMA / montadoras de nata */
  font-style:normal;
}
.mn-page .mn-main #sorbeteras.mn-range-section .mn-heading h2 em {
  color:#126c73 !important; /* MiniGEL / sorbeteras y mantecadoras */
  font-style:normal;
}
.mn-page .mn-main #soft.mn-range-section .mn-heading h2 em {
  color:#795536 !important; /* SOFT TELME / sobremostrador y de pie */
  font-style:normal;
}


/* V3.1 — Fotos complementarias orientadas hacia el centro del comparador.
   Fotografía a la izquierda: miniaturas contra el borde derecho (centro).
   Fotografía a la derecha: miniaturas contra el borde izquierdo (centro).
   En tablet/móvil el comparador se apila y las miniaturas se centran. */
.mn-page .mn-main .mn-series .mn-product-visual > .mn-photo-thumbs {
  display:flex;
  flex-flow:row wrap;
  align-items:flex-start;
  gap:12px;
  width:100%;
  min-width:0;
}
.mn-page .mn-main .mn-series .mn-product-visual > .mn-photo-thumbs > .mn-photo-thumb {
  margin:0;
}
@media(min-width:791px){
  .mn-page .mn-main .mn-series--forward .mn-product-visual > .mn-photo-thumbs {
    justify-content:flex-end;
  }
  .mn-page .mn-main .mn-series--reverse .mn-product-visual > .mn-photo-thumbs {
    justify-content:flex-start;
  }
}
@media(max-width:790px){
  .mn-page .mn-main .mn-series .mn-product-visual > .mn-photo-thumbs {
    justify-content:center;
  }
}

/* V3.2 — Corrección real de anclaje de miniaturas al centro del comparador.
   Se marca expresamente el borde interior en el PHP de cada gama.
   No se utiliza el centrado de la V2.1 ni el flex-wrap de la V3.1 en escritorio. */
@media (min-width: 791px) {
  .mn-page .mn-main .mn-series .mn-product-visual > .mn-photo-thumbs.mn-photo-thumbs--inner-right,
  .mn-page .mn-main .mn-series .mn-product-visual > .mn-photo-thumbs.mn-photo-thumbs--inner-left {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    gap: 12px !important;
    margin-top: 0 !important;
    margin-bottom: 8px !important;
  }

  /* Imagen principal a la IZQUIERDA: la primera foto nace desde el borde
     interior derecho y las siguientes se añaden hacia la izquierda. */
  .mn-page .mn-main .mn-series .mn-product-visual > .mn-photo-thumbs.mn-photo-thumbs--inner-right {
    flex-direction: row-reverse !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }

  /* Imagen principal a la DERECHA: la primera foto nace desde el borde
     interior izquierdo y las siguientes se añaden hacia la derecha. */
  .mn-page .mn-main .mn-series .mn-product-visual > .mn-photo-thumbs.mn-photo-thumbs--inner-left {
    flex-direction: row !important;
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  /* Tres fotos deben caber en una fila incluso en un escritorio estrecho. */
  .mn-page .mn-main .mn-series .mn-product-visual > .mn-photo-thumbs > .mn-photo-thumb {
    flex: 0 1 152px !important;
    width: 152px !important;
    min-width: 0 !important;
    max-width: 152px !important;
    height: auto !important;
    aspect-ratio: 4 / 3;
  }
}

@media (max-width: 790px) {
  /* En una sola columna no hay un borde interior hacia el que alinear. */
  .mn-page .mn-main .mn-series .mn-product-visual > .mn-photo-thumbs.mn-photo-thumbs--inner-right,
  .mn-page .mn-main .mn-series .mn-product-visual > .mn-photo-thumbs.mn-photo-thumbs--inner-left {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    width: max-content !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

/* V3.2 — En vista apilada las miniaturas mantienen su tamaño original;
   se evita que max-width:50% de reglas antiguas encoja una foto aislada. */
@media (max-width: 790px) {
  .mn-page .mn-main .mn-series .mn-product-visual > .mn-photo-thumbs > .mn-photo-thumb {
    flex: 0 0 138px !important;
    width: 138px !important;
    max-width: 138px !important;
    min-width: 0 !important;
    height: 104px !important;
    aspect-ratio: 4 / 3;
  }
}
@media (max-width: 520px) {
  .mn-page .mn-main .mn-series .mn-product-visual > .mn-photo-thumbs > .mn-photo-thumb {
    flex: 0 0 min(136px, calc((100vw - 86px) / 2)) !important;
    width: min(136px, calc((100vw - 86px) / 2)) !important;
    max-width: min(136px, calc((100vw - 86px) / 2)) !important;
    height: auto !important;
  }
}


/* V3.5 · Franja editorial sin fondos de color en los pies inmediatamente después del menú sticky.
   Ambas fotografías se entregan dentro del ZIP. No afecta a las slides por gama. */
.mn-page .mn-main .mn-editorial-strip {
  display:grid;
  grid-template-columns: 1.06fr .94fr;
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  gap:2px;
  background:#ffffff;
  border-top:1px solid #eef2f4;
  border-bottom:0;
  isolation:isolate;
}
.mn-page .mn-main .mn-editorial-figure {
  display:flex;
  flex-direction:column;
  min-width:0;
  margin:0;
  padding:0;
  background:transparent;
  overflow:hidden;
}
.mn-page .mn-main .mn-editorial-media {
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
  height:clamp(225px,28vw,398px);
  min-height:0;
  background:linear-gradient(125deg,#fafbfc,#edf4f6);
  overflow:hidden;
}
.mn-page .mn-main .mn-editorial-media > img {
  display:block;
  width:100%;
  height:100%;
  max-width:none;
  margin:0;
  padding:0;
  border:0;
  object-fit:cover;
  object-position:50% 55%;
  filter:saturate(1.015) contrast(1.018);
  transition:transform .8s cubic-bezier(.2,.75,.25,1);
}
.mn-page .mn-main .mn-editorial-figure--service .mn-editorial-media > img {
  object-fit:contain;
  object-position:center;
  position:relative;
  z-index:1;
}
/* Fondo suave, inspirado en la fotografía horizontal para evitar recortarla. */
.mn-page .mn-main .mn-editorial-figure--service .mn-editorial-media::before {
  content:"";
  position:absolute;
  inset:-24px;
  background: url('/IMG/familias/montadoras-nata/editorial/servicio-nata-prima.jpg') center/cover no-repeat;
  opacity:.20;
  filter:blur(22px);
}
.mn-page .mn-main .mn-editorial-figure:hover .mn-editorial-media > img {
  transform:scale(1.025);
}
.mn-page .mn-main .mn-editorial-caption {
  display:flex;
  justify-content:center;
  flex-direction:column;
  min-height:75px;
  gap:5px;
  padding:13px clamp(20px,3.4vw,58px) 16px;
  background:transparent;
  color:#15384b;
  border:0;
}
.mn-page .mn-main .mn-editorial-figure--service .mn-editorial-caption {
  border:0;
  background:transparent;
}
.mn-page .mn-main .mn-editorial-caption .mn-editorial-caption-kicker {
  font-size:10px;
  font-weight:850;
  letter-spacing:.17em;
  line-height:1.4;
  color:#22748f;
}
.mn-page .mn-main .mn-editorial-figure--service .mn-editorial-caption-kicker {color:#177d75}
.mn-page .mn-main .mn-editorial-caption-kicker span {color:#a8b9c1;padding:0 6px}
.mn-page .mn-main .mn-editorial-caption strong {
  color:#17384b;
  font-size:clamp(16px,1.45vw,20px);
  font-weight:780;
  letter-spacing:-.018em;
  line-height:1.28;
}
@media (max-width:700px) {
  .mn-page .mn-main .mn-editorial-strip {grid-template-columns:1fr;gap:2px}
  .mn-page .mn-main .mn-editorial-media {height:clamp(210px,52vw,310px)}
  .mn-page .mn-main .mn-editorial-caption {min-height:70px;padding:12px 22px 16px}
  .mn-page .mn-main .mn-editorial-caption strong {font-size:17px}
}
@media (prefers-reduced-motion:reduce) {
  .mn-page .mn-main .mn-editorial-media > img {transition:none!important}
  .mn-page .mn-main .mn-editorial-figure:hover .mn-editorial-media > img {transform:none!important}
}


/* V3.9 — Paridad de interacción con Granizadoras (ZIP fuente 28-10-2026).
   Foco accesible, estados interactivos y animaciones sobrias.
   No altera la paleta de gamas ni recupera fotografías complementarias. */
.mn-page .mn-main .mn-series .mn-model-tab:focus-visible,
.mn-page .mn-main .mn-series .mn-arrows button:focus-visible,
.mn-page .mn-main .mn-series .mn-expand:focus-visible,
.mn-page .mn-main .mn-series .mn-button-interest:focus-visible,
.mn-page .mn-main .mn-series .mn-catalog-link:focus-visible,
.mn-page .mn-main .mn-series .mn-technical > summary:focus-visible,
.mn-page .mn-main .mn-series .mn-series-next a:focus-visible {
  outline:3px solid var(--mn-type-edge,#428db5)!important;
  outline-offset:3px;
}
.mn-page .mn-main .mn-series .mn-model-tab:active:not(:disabled) {
  transform:scale(.975);
}
.mn-page .mn-main .mn-series .mn-product-stage {position:relative;isolation:isolate}
.mn-page .mn-main .mn-series .mn-product-stage::after {
  content:"";
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:linear-gradient(115deg,transparent 23%,rgba(255,255,255,.33) 48%,transparent 73%);
  opacity:0;transform:translateX(-135%);
}
@media(prefers-reduced-motion:no-preference) {
  .mn-page .mn-main .mn-series .mn-product-stage.mn-stage-sheen::after {
    animation:mn-stage-shine .75s ease-out both;
  }
  .mn-page .mn-main .mn-series .mn-spec-table tr.mn-row-change th,
  .mn-page .mn-main .mn-series .mn-spec-table tr.mn-row-change td {
    animation:mn-row-glow .55s ease-out;
  }
  @keyframes mn-stage-shine {
    0% {opacity:0;transform:translateX(-135%)}
    15% {opacity:.48}
    100% {opacity:0;transform:translateX(145%)}
  }
  @keyframes mn-row-glow {
    0% {filter:brightness(1.22)}
    100% {filter:brightness(1)}
  }
}
@media(prefers-reduced-motion:reduce) {
  .mn-page .mn-main .mn-series .mn-product-stage::after{display:none!important}
  .mn-page .mn-main .mn-series .mn-model-tab:active:not(:disabled){transform:none!important}
}