/* 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.5 – real catalogue PVP: highlighted, responsive, synchronized with model/table. */
.fg-price-card{position:relative;overflow:hidden;margin-top:16px;padding:18px 22px 17px;border:1px solid #e8d6ab;border-left:4px solid #b68a39;border-radius:12px;background:linear-gradient(115deg,#fffaf1 0%,#fffdf8 65%,#f7fafc 100%);box-shadow:0 8px 24px rgba(93,74,40,.06)}
.fg-price-card::after{content:'';position:absolute;right:-65px;top:-88px;width:200px;height:200px;border-radius:50%;border:25px solid rgba(188,151,76,.05);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;font-size:11px;font-weight:900;letter-spacing:.1em;color:#825f24}
.fg-price-source{font-size:9px;font-weight:800;color:#967c59;letter-spacing:.06em;text-align:right}
.fg-price-value{display:block;position:relative;color:#153b56;font-size:clamp(30px,3vw,42px);font-weight:900;letter-spacing:-.04em;line-height:1.14;margin:8px 0 10px;font-variant-numeric:tabular-nums;z-index:1}
.fg-price-terms{position:relative;color:#665d4e!important;font-size:11px!important;line-height:1.55!important;font-weight:650;margin:0!important;z-index:1}
.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:#ffe2aa}
.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}
/* Distinct beverage-dispenser palette, separate from granizadoras blues. */
.fg-series--compact{--fg-series-accent:#238363;--fg-series-pale:#edf8f2;--fg-series-stage:#e6f3e9}
#distribuidoras .fg-category-heading .fg-overline,#distribuidoras .fg-series-count{color:#238363}
.fg-type-card[href="#distribuidoras"] .fg-type-index,.fg-type-card[href="#distribuidoras"] .fg-type-index span,.fg-type-card[href="#distribuidoras"] .fg-type-explore{color:#238363!important}
.fg-series--compact .fg-interest-button{background:linear-gradient(110deg,#257d65,#185c4d);border-color:#257d65;box-shadow:0 8px 18px rgba(19,90,67,.15)}
@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.07);transform:translateY(3px)}to{filter:brightness(1);transform:translateY(0)}}}
@media(max-width:520px){.fg-price-card{padding:15px 16px;margin-top:12px}.fg-price-value{font-size:34px}.fg-price-terms{font-size:10px!important}.fg-price-source{font-size:8px}}
@media(prefers-reduced-motion:reduce){.fg-price-card{animation:none!important;transition:none!important;transform:none!important}}