/* Solo adaptaciones para la familia hornos. Reutiliza familia-granizadoras.css sin sobrescribirla. */
.df-pizza-page { --fg-pizza-primary:#a44830; }
.df-pizza-page .fg-hero h1 span,
.df-pizza-page .fg-intro h2 em { color:#ca7759; }
.df-pizza-page .fg-hero .fg-button-primary { background:#a44830; color:#fff; border-color:#a44830; }
.df-pizza-page .fg-hero .fg-button-primary:hover { background:#7f301e; }
.df-pizza-page .fg-pizza-type-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
.df-pizza-page .fg-pizza-type-grid .fg-type-card { min-width:0; }
.df-pizza-page .fg-pizza-type-grid .fg-type-card-footer p { overflow-wrap:anywhere; font-size:.8rem; }
.df-pizza-page .fg-type-media { position:relative; display:flex; align-items:center; justify-content:center; background:linear-gradient(140deg,#f4f7f9,#e7eff3); min-height:175px; overflow:hidden; }
.df-pizza-page .fg-type-media > img { width:100%; height:100%; object-fit:contain; }
.df-pizza-page .fg-photo-stage { position:relative; overflow:hidden; min-height:270px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#f7fafc,#ecf2f5); }
.df-pizza-page .fg-photo-stage > img {display:block;width:100%;max-height:560px;object-fit:contain;}
.df-pizza-page .fg-hero-img-shell { position:relative; min-height:280px; display:flex; justify-content:center; align-items:center; background:linear-gradient(135deg,#f4f8fa,#eaf0f3); }
.df-pizza-page .fg-hero-img-shell > img {max-height:500px; width:100%; object-fit:contain; }
.df-pizza-page .fg-brand-mark--hero,
.df-pizza-page .fg-brand-mark--series,
.df-pizza-page .fg-type-brand {position:absolute!important;z-index:3;right:18px!important;left:auto!important;bottom:16px!important;top:auto!important;pointer-events:none;background:transparent!important;border:0!important;box-shadow:none!important;opacity:.65;transform:none!important;}
.df-pizza-page .fg-brand-mark--hero img {max-width:150px;width:auto;height:auto;}
.df-pizza-page .fg-brand-mark--series img {max-width:112px;width:auto;height:auto;}
.df-pizza-page .fg-type-brand img {max-width:80px;width:auto;height:auto;}
.df-pizza-page .fg-logo-text {font-size:clamp(18px,2.3vw,27px);font-weight:900;letter-spacing:.12em;color:#364651;}
.df-pizza-page .fg-logo-text--small {font-size:14px;}
.df-pizza-page .fg-photo-placeholder {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center;padding:45px 18px;min-height:240px;max-width:600px;color:#69818d;line-height:1.5;}
.df-pizza-page .fg-photo-placeholder-icon {font-size:42px;line-height:1;color:#97aab2;}
.df-pizza-page .fg-photo-placeholder strong {font-size:clamp(15px,1.3vw,21px);font-weight:700;color:#546d79;}
.df-pizza-page .fg-photo-placeholder small {font-size:12px;max-width:250px;opacity:.85;}
.df-pizza-page .fg-type-media .fg-photo-placeholder {min-height:175px;padding:20px 7px;gap:4px;}
.df-pizza-page .fg-type-media .fg-photo-placeholder-icon {font-size:25px;}
.df-pizza-page .fg-type-media .fg-photo-placeholder strong {font-size:12px;}
.df-pizza-page .fg-type-media .fg-photo-placeholder small {font-size:10px;}
.df-pizza-page .fg-hero-img-shell .fg-photo-placeholder {min-height:320px;}
.df-pizza-page .fg-series {--fg-accent:var(--fg-series-accent)!important;--accent:var(--fg-series-accent)!important;--fg-theme:var(--fg-series-accent)!important;}
.df-pizza-page .fg-series-heading h3 {color:var(--fg-series-accent)!important;}
.df-pizza-page .fg-series .fg-series-number,
.df-pizza-page .fg-series .fg-overline {color:var(--fg-series-accent)!important;}
.df-pizza-page .fg-series .fg-model-button {background:#fff!important;border:1px solid #d8e1e6!important;color:#284453!important;box-shadow:none;transition:background .2s,border-color .2s,box-shadow .2s;}
.df-pizza-page .fg-series .fg-model-button:is(:hover,:focus-visible) {border-color:var(--fg-series-accent)!important;box-shadow:0 0 0 2px color-mix(in srgb,var(--fg-series-accent),transparent 82%);}
.df-pizza-page .fg-series .fg-model-button.is-active {border-color:var(--fg-series-accent)!important;color:var(--fg-series-accent)!important;background:color-mix(in srgb,var(--fg-series-accent),white 93%)!important;box-shadow:inset 0 0 0 1px var(--fg-series-accent)!important;}
.df-pizza-page .fg-series .fg-model-button.is-active small {color:var(--fg-series-accent)!important;}
.df-pizza-page .fg-series .fg-model-prev:not(:disabled),
.df-pizza-page .fg-series .fg-model-next:not(:disabled) {border-color:var(--fg-series-accent);color:var(--fg-series-accent);}
.df-pizza-page .fg-series .fg-model-arrows button:disabled {opacity:.28;cursor:not-allowed;}
/* Ver especificaciones: fondo completamente blanco y solo contorno / texto de la gama. */
.df-pizza-page .fg-series .fg-open-specs,
.df-pizza-page .fg-series .fg-open-specs:hover,
.df-pizza-page .fg-series .fg-open-specs:focus-visible,
.df-pizza-page .fg-series .fg-open-specs[aria-expanded="true"] {
  background:#fff!important;
  background-image:none!important;
  border:1px solid var(--fg-series-accent)!important;
  color:var(--fg-series-accent)!important;
  filter:none!important;
}
.df-pizza-page .fg-series .fg-open-specs:focus-visible {outline:2px solid var(--fg-series-accent);outline-offset:3px;}
.df-pizza-page .fg-series .fg-interest-button {background:var(--fg-series-accent)!important;border-color:var(--fg-series-accent)!important;color:#fff!important;}
.df-pizza-page .fg-series .fg-interest-button:hover {filter:brightness(.86);}
.df-pizza-page .fg-series .fg-series-catalog,
.df-pizza-page .fg-series .fg-series-next a {color:var(--fg-series-accent)!important;}
.df-pizza-page .fg-series .fg-photo-progress > span {background:var(--fg-series-accent)!important;}
.df-pizza-page .fg-series .fg-features li > span {color:var(--fg-series-accent)!important;}
.df-pizza-page .fg-series .fg-selected {border-color:color-mix(in srgb,var(--fg-series-accent),white 68%)!important;}
.df-pizza-page .fg-series .fg-spec-table thead {background:color-mix(in srgb,var(--fg-series-accent),white 92%);}
.df-pizza-page .fg-series .fg-spec-table thead th {color:var(--fg-series-accent)!important;}
/* Todas las celdas de la fila responden; selección por gama incluso en tablas de accesorios. */
.df-pizza-page .fg-series .fg-spec-table tbody tr[data-model-row],
.df-pizza-page .fg-series .fg-spec-table tbody tr[data-accessory-row] {cursor:pointer;}
.df-pizza-page .fg-series .fg-spec-table tbody tr[data-model-row]:not(.is-selected):hover > *,
.df-pizza-page .fg-series .fg-spec-table tbody tr[data-accessory-row]:not(.is-selected):hover > * {
  background:color-mix(in srgb,var(--fg-series-accent),white 96%)!important;
}
.df-pizza-page .fg-series .fg-spec-table tbody tr.is-selected,
.df-pizza-page .fg-series .fg-spec-table tbody tr.is-selected > th,
.df-pizza-page .fg-series .fg-spec-table tbody tr.is-selected > td {
  background:color-mix(in srgb,var(--fg-series-accent),white 88%)!important;
}
.df-pizza-page .fg-series .fg-spec-table tbody tr.is-selected > th:first-child {
  box-shadow:inset 4px 0 0 var(--fg-series-accent)!important;
}
.df-pizza-page .fg-series .fg-spec-table tbody tr[data-model-row]:focus-visible,
.df-pizza-page .fg-series .fg-spec-table tbody tr[data-accessory-row]:focus-visible {
  outline:2px solid var(--fg-series-accent)!important;
  outline-offset:-3px;
}
.df-pizza-page .fg-series .fg-table-model-button {color:var(--fg-series-accent)!important;}
.df-pizza-page .fg-series .fg-accessory-table .fg-table-accessory-button {
  background:transparent!important;
  border:0!important;
  color:var(--fg-series-accent)!important;
  text-align:left;
  cursor:pointer;
}
.df-pizza-page .fg-series .fg-series-description-points li::before {color:var(--fg-series-accent);}
.df-pizza-page .fg-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);}
.df-pizza-page .fg-series-description-header {display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin-bottom:22px;padding-bottom:18px;border-bottom:1px solid #dfebef;}
.df-pizza-page .fg-series-description-title {font-size:clamp(1.38rem,2.35vw,2rem);letter-spacing:-.025em;line-height:1.2;margin:0;color:#153b4b;}
.df-pizza-page .fg-series-description-source {color:#78909a;font-size:.75rem;font-weight:600;white-space:nowrap;}
.df-pizza-page .fg-series-description-points {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 28px;list-style:none;margin:0;padding:0;}
.df-pizza-page .fg-series-description-points li {display:flex;gap:11px;align-items:flex-start;color:#405b69;font-size:.94rem;line-height:1.64;min-width:0;}
.df-pizza-page .fg-series-description-points li::before {content:'•';font-size:1.45rem;font-weight:800;line-height:1.12;flex:none;}
.df-pizza-page .fg-features-heading {display:block;margin:18px 0 10px;color:#5c7986;font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.10em;}
.df-pizza-page .fg-accessory-details {margin-top:18px;}
.df-pizza-page .fg-accessory-table th:first-child {min-width:155px;white-space:nowrap;}
.df-pizza-page .fg-model-select {max-height:300px;overflow:auto;overscroll-behavior:contain;}
.df-pizza-page .fg-model-button span {overflow-wrap:anywhere;}
.df-pizza-page .fg-model-button small {font-size:.7rem;line-height:1.45;}
.df-pizza-page .fg-model-spec strong {overflow-wrap:anywhere;}
.df-pizza-page .fg-series-gallery {display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:18px auto 10px;}
.df-pizza-page .fg-series-gallery-item {flex:0 0 clamp(116px,10vw,154px);margin:0;overflow:hidden;border:1px solid #e3edf1;border-radius:10px;}
.df-pizza-page .fg-series-gallery-item img {display:block;width:100%;aspect-ratio:4/3;object-fit:contain;}
.df-pizza-page .fg-reveal {opacity:1;transform:none;}
.fg-js .df-pizza-page .fg-reveal:not(.is-visible) {opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;}
.fg-js .df-pizza-page .fg-reveal.is-visible {opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease;}
@media (max-width:1150px) {.df-pizza-page .fg-pizza-type-grid {grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:700px) {
 .df-pizza-page .fg-pizza-type-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
 .df-pizza-page .fg-series-description-header {display:block;}
 .df-pizza-page .fg-series-description-source {display:block;margin-top:10px;white-space:normal;}
 .df-pizza-page .fg-series-description-points {grid-template-columns:1fr;gap:10px;}
 .df-pizza-page .fg-model-select {max-height:250px;}
 .df-pizza-page .fg-photo-stage {min-height:200px;}
}
@media (max-width:430px) {.df-pizza-page .fg-pizza-type-grid {grid-template-columns:1fr;}}
@media (prefers-reduced-motion:reduce) {.df-pizza-page *, .df-pizza-page *::before, .df-pizza-page *::after {scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important;}}

/* v1.2 · Paridad visual con granizadoras, conservando paleta individual de Cuppone.
   La galería complementaria fluye DESPUÉS de la barra de progreso; jamás se hace sticky. */
.df-pizza-page .fg-category { --fg-category-accent:#a44830; }
.df-pizza-page .fg-category .fg-category-heading h2 { color:var(--fg-category-accent)!important; }
.df-pizza-page .fg-category .fg-category-heading .fg-overline { color:var(--fg-category-accent)!important; }
.df-pizza-page .fg-section-nav a[style*="--fg-nav-accent"]:hover,
.df-pizza-page .fg-section-nav a[style*="--fg-nav-accent"]:focus-visible { color:var(--fg-nav-accent)!important; }
.df-pizza-page .fg-type-card { border-color:color-mix(in srgb,var(--fg-type-accent),white 72%)!important; }
.df-pizza-page .fg-type-card:hover,
.df-pizza-page .fg-type-card:focus-visible { border-color:var(--fg-type-accent)!important;box-shadow:0 12px 32px color-mix(in srgb,var(--fg-type-accent),transparent 84%)!important; }
.df-pizza-page .fg-type-card .fg-type-index,
.df-pizza-page .fg-type-card .fg-type-explore { color:var(--fg-type-accent)!important; }
.df-pizza-page .fg-type-card .fg-type-card-footer h3 { color:var(--fg-type-accent)!important; }
.df-pizza-page .fg-series .fg-series-count,
.df-pizza-page .fg-series .fg-photo-overline,
.df-pizza-page .fg-series .fg-model-topline .fg-small-label,
.df-pizza-page .fg-series .fg-selected > span,
.df-pizza-page .fg-series .fg-model-spec > span,
.df-pizza-page .fg-series .fg-features-heading,
.df-pizza-page .fg-series .fg-series-next > span,
.df-pizza-page .fg-series .fg-spec-foot { color:var(--fg-series-accent)!important; }
.df-pizza-page .fg-series .fg-selected [data-selected-name],
.df-pizza-page .fg-series .fg-series-description-title,
.df-pizza-page .fg-series .fg-model-spec strong { color:var(--fg-series-accent)!important; }
.df-pizza-page .fg-series .fg-tech-toggle strong { color:var(--fg-series-accent)!important; }
.df-pizza-page .fg-series .fg-tech-details { border-color:color-mix(in srgb,var(--fg-series-accent),white 76%)!important; }
.df-pizza-page .fg-series .fg-tech-details[open] > .fg-tech-toggle { background:color-mix(in srgb,var(--fg-series-accent),white 95%)!important; }
.df-pizza-page .fg-series .fg-tech-toggle-icon { color:var(--fg-series-accent)!important; }
.df-pizza-page .fg-series .fg-series-description { border-color:color-mix(in srgb,var(--fg-series-accent),white 78%)!important; }
.df-pizza-page .fg-series .fg-series-description-header { border-bottom-color:color-mix(in srgb,var(--fg-series-accent),white 83%)!important; }
.df-pizza-page .fg-series .fg-photo-stage,
.df-pizza-page .fg-series .fg-series-picture,
.df-pizza-page .fg-series .fg-series-gallery { position:relative!important;top:auto!important;bottom:auto!important; }
.df-pizza-page .fg-series .fg-photo-stage { isolation:isolate;touch-action:pan-y;cursor:grab; }
.df-pizza-page .fg-series .fg-photo-stage:active { cursor:grabbing; }
.df-pizza-page .fg-series .fg-photo-stage:focus-visible { outline:2px solid var(--fg-series-accent)!important;outline-offset:2px; }
.df-pizza-page .fg-series .fg-photo-stage .fg-stage-photo { object-fit:contain!important;position:relative!important;z-index:1;transform:none; }
.df-pizza-page .fg-series .fg-photo-stage .fg-photo-placeholder { position:relative!important;z-index:1; }
.df-pizza-page .fg-series .fg-photo-stage [hidden] { display:none!important; }
.df-pizza-page .fg-series .fg-brand-mark--series { z-index:3!important; }
.df-pizza-page .fg-series .fg-photo-stage.is-slide-changing > .fg-stage-photo:not([hidden]),
.df-pizza-page .fg-series .fg-photo-stage.is-slide-changing > .fg-photo-placeholder:not([hidden]) {
  animation:fg-pizza-slide-in .39s cubic-bezier(.2,.65,.2,1) both;
}
.df-pizza-page .fg-series .fg-photo-stage[data-slide-direction="back"] { --fg-slide-shift:-16px; }
.df-pizza-page .fg-series .fg-photo-stage[data-slide-direction="forward"] { --fg-slide-shift:16px; }
@keyframes fg-pizza-slide-in { from {opacity:.38;transform:translateX(var(--fg-slide-shift,16px)) scale(.975)} to {opacity:1;transform:translateX(0) scale(1)} }
.df-pizza-page .fg-series .fg-photo-foot { display:flex;align-items:center;justify-content:space-between;gap:14px; }
.df-pizza-page .fg-series .fg-slide-counter { margin-left:auto;white-space:nowrap;color:var(--fg-series-accent);font-weight:800;font-size:.76rem;font-variant-numeric:tabular-nums;letter-spacing:.07em; }
.df-pizza-page .fg-series .fg-photo-progress { position:relative!important;z-index:1;margin-top:10px;margin-bottom:0; }
.df-pizza-page .fg-series .fg-photo-progress > span { transition:width .34s ease,transform .34s ease; }
.df-pizza-page .fg-series .fg-series-gallery {
  display:flex!important;flex-wrap:wrap;align-items:flex-start;gap:clamp(11px,1.4vw,16px);
  margin:19px 0 12px!important;padding:0 4px;width:100%;max-width:100%;
}
/* Las miniaturas quedan junto al centro, al lado de los controles, tanto si la imagen está a izquierda como a derecha. */
.df-pizza-page .fg-series.fg-series--forward .fg-series-gallery { justify-content:flex-end!important; }
.df-pizza-page .fg-series.fg-series--reverse .fg-series-gallery { justify-content:flex-start!important; }
.df-pizza-page .fg-series .fg-series-gallery-item {
  box-sizing:border-box;flex:0 1 clamp(122px,11.5vw,158px);max-width:calc(50% - 8px);
  margin:0!important;overflow:hidden;border:1px solid color-mix(in srgb,var(--fg-series-accent),white 78%)!important;
  background:#fff;border-radius:12px;box-shadow:0 7px 17px rgba(16,49,68,.09);
}
.df-pizza-page .fg-series .fg-gallery-thumb { display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 3;overflow:hidden;background:#f3f8fa; }
.df-pizza-page .fg-series .fg-gallery-thumb img { display:block;width:100%;height:100%;object-fit:contain;transition:transform .23s ease; }
.df-pizza-page .fg-series .fg-series-gallery-item figcaption { padding:8px 9px 10px;text-align:center;color:#445f6b;font-size:.69rem;line-height:1.35;font-weight:650; }
.df-pizza-page .fg-series .fg-gallery-missing { display:flex;flex-direction:column;gap:2px;align-items:center;justify-content:center;width:100%;height:100%;color:#8597a1;text-align:center; }
.df-pizza-page .fg-series .fg-gallery-missing > span { font-size:27px;line-height:1; }
.df-pizza-page .fg-series .fg-gallery-missing small { font-size:10px; }
.df-pizza-page .fg-series .fg-photo-placeholder .fg-photo-placeholder-icon { color:var(--fg-series-accent)!important; }
.df-pizza-page .fg-series .fg-photo-placeholder strong { color:var(--fg-series-accent)!important; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .df-pizza-page .fg-series .fg-series-gallery-item:hover img { transform:scale(1.045); }
}
@media (max-width:700px) {
  .df-pizza-page .fg-series .fg-series-gallery { justify-content:center!important;gap:11px;margin:16px auto 12px!important;padding:0 5px; }
  .df-pizza-page .fg-series.fg-series--forward .fg-series-gallery,
  .df-pizza-page .fg-series.fg-series--reverse .fg-series-gallery { justify-content:center!important; }
  .df-pizza-page .fg-series .fg-series-gallery-item { flex-basis:clamp(118px,38vw,148px); }
  .df-pizza-page .fg-series .fg-slide-counter { font-size:.68rem; }
}
@media (prefers-reduced-motion:reduce) {
  .df-pizza-page .fg-series .fg-photo-stage.is-slide-changing > .fg-stage-photo,
  .df-pizza-page .fg-series .fg-photo-stage.is-slide-changing > .fg-photo-placeholder { animation:none!important; }
}


/* ==============================================================
   v1.3 · TARJETAS DE ACCESO: misma jerarquía visual que granizadoras
   La paleta se suministra en cada tarjeta mediante --fg-type-accent.
   Cambios LIMITADOS a la cuadrícula de categorías, no a los slides.
   ============================================================== */
.df-pizza-page .fg-pizza-type-grid {
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:clamp(12px,1.25vw,19px)!important;
  align-items:stretch!important;
}
.df-pizza-page .fg-pizza-type-grid > .fg-type-card {
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  width:100%!important;
  min-width:0!important;
  min-height:438px;
  height:100%;
  padding:0!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #d9e6ee!important;
  border-radius:16px!important;
  box-shadow:0 11px 30px rgba(30,63,86,.055)!important;
  text-decoration:none!important;
  isolation:isolate;
  transition:border-color .22s ease,box-shadow .22s ease,translate .22s ease;
}
.df-pizza-page .fg-pizza-type-grid > .fg-type-card:hover,
.df-pizza-page .fg-pizza-type-grid > .fg-type-card:focus-visible {
  border-color:color-mix(in srgb,var(--fg-type-accent),white 52%)!important;
  box-shadow:0 16px 34px rgba(30,63,86,.095)!important;
  translate:0 -3px;
}
.df-pizza-page .fg-pizza-type-grid > .fg-type-card:focus-visible {
  outline:2px solid var(--fg-type-accent)!important;
  outline-offset:4px;
}
/* Número/flecha flotan en la parte superior blanca, como en la referencia. */
.df-pizza-page .fg-pizza-type-grid .fg-type-index {
  position:absolute!important;
  z-index:5!important;
  top:28px!important;
  left:21px!important;
  right:21px!important;
  bottom:auto!important;
  width:auto!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px;
  background:none!important;
  border:0!important;
  color:var(--fg-type-accent)!important;
  font-size:11px!important;
  font-weight:900!important;
  line-height:1!important;
  letter-spacing:.09em!important;
}
.df-pizza-page .fg-pizza-type-grid .fg-type-index > span {
  display:inline-block!important;
  margin:0!important;
  color:var(--fg-type-accent)!important;
  font-size:17px!important;
  font-weight:800!important;
  line-height:.8!important;
}
/* Imagen sobre blanco liso. Logo únicamente superpuesto dentro de la imagen. */
.df-pizza-page .fg-pizza-type-grid .fg-type-media {
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:249px!important;
  min-height:249px!important;
  flex:0 0 249px!important;
  margin:0!important;
  padding:48px 15px 9px!important;
  overflow:hidden!important;
  background:#fff!important;
  background-image:none!important;
  border:0!important;
  border-bottom:1px solid #e2eaf0!important;
  border-radius:0!important;
}
.df-pizza-page .fg-pizza-type-grid .fg-type-media > img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
}
.df-pizza-page .fg-pizza-type-grid .fg-type-brand {
  position:absolute!important;
  z-index:3!important;
  top:auto!important;
  bottom:13px!important;
  left:auto!important;
  right:15px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  max-width:48%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:.58;
  pointer-events:none;
}
.df-pizza-page .fg-pizza-type-grid .fg-type-brand img {display:block;max-width:91px!important;max-height:30px!important;width:auto!important;height:auto!important;object-fit:contain!important;}
.df-pizza-page .fg-pizza-type-grid .fg-type-brand .fg-logo-text {font-size:12px!important;letter-spacing:.07em!important;color:#71838b!important;}
.df-pizza-page .fg-pizza-type-grid .fg-photo-placeholder {
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  padding:12px 4px!important;
  box-sizing:border-box;
  background:transparent!important;
}
/* Base gris-blanco y texto oscuro; solo los elementos de acción usan el acento. */
.df-pizza-page .fg-pizza-type-grid .fg-type-card-footer {
  box-sizing:border-box!important;
  display:flex!important;
  flex:1 1 auto!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  width:100%!important;
  min-width:0!important;
  min-height:187px!important;
  margin:0!important;
  padding:18px 21px 21px!important;
  background:#f9fbfd!important;
  border:0!important;
  border-radius:0!important;
}
.df-pizza-page .fg-pizza-type-grid .fg-type-card-footer h3 {
  margin:0!important;
  padding:0!important;
  color:#16374b!important;
  font-size:clamp(15px,1.3vw,19px)!important;
  font-weight:850!important;
  letter-spacing:-.035em!important;
  line-height:1.22!important;
  text-wrap:pretty;
}
.df-pizza-page .fg-pizza-type-grid .fg-type-card-footer p {
  display:block!important;
  margin:9px 0 0!important;
  padding:0!important;
  color:#748b9a!important;
  font-size:11.5px!important;
  font-weight:500!important;
  letter-spacing:0!important;
  line-height:1.5!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
.df-pizza-page .fg-pizza-type-grid .fg-type-count {
  display:block!important;
  margin: auto 0 0!important;
  padding:19px 0 0!important;
  color:var(--fg-type-accent)!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:1.35!important;
}
.df-pizza-page .fg-pizza-type-grid .fg-type-explore {
  box-sizing:border-box!important;
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:12px!important;
  width:100%!important;
  margin:17px 0 0!important;
  padding:17px 0 0!important;
  background:transparent!important;
  border:0!important;
  border-top:1px solid #e1eaf0!important;
  border-radius:0!important;
  color:var(--fg-type-accent)!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.2!important;
  text-decoration:none!important;
}
.df-pizza-page .fg-pizza-type-grid .fg-type-explore > span {
  margin-left:auto!important;
  color:var(--fg-type-accent)!important;
  font-size:17px!important;
  line-height:1!important;
  transition:transform .2s ease;
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .df-pizza-page .fg-pizza-type-grid > .fg-type-card:hover .fg-type-explore > span {transform:translate(2px,-2px);}
}
@media (max-width:1170px) {
  .df-pizza-page .fg-pizza-type-grid {grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
@media (max-width:760px) {
  .df-pizza-page .fg-pizza-type-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .df-pizza-page .fg-pizza-type-grid .fg-type-media {height:226px!important;min-height:226px!important;flex-basis:226px!important;}
}
@media (max-width:520px) {
  .df-pizza-page .fg-pizza-type-grid {grid-template-columns:1fr!important;}
  .df-pizza-page .fg-pizza-type-grid .fg-type-media {height:255px!important;min-height:255px!important;flex-basis:255px!important;}
  .df-pizza-page .fg-pizza-type-grid .fg-type-card-footer {min-height:188px!important;}
  .df-pizza-page .fg-pizza-type-grid .fg-type-card-footer h3 {font-size:19px!important;}
}
@media (prefers-reduced-motion:reduce) {
  .df-pizza-page .fg-pizza-type-grid > .fg-type-card {transition:none!important;}
  .df-pizza-page .fg-pizza-type-grid > .fg-type-card:hover {translate:0 0!important;}
}

/* ==============================================================
   v1.4 · TRATAMIENTO DE COLOR COMO GRANIZADORAS
   El color de gama actúa como acento; la lectura principal vuelve
   al azul oscuro corporativo.
   ============================================================== */
.df-pizza-page {
  --fg-ink:#17384c;
  --fg-muted:#6f8795;
  --fg-soft:#8aa0ac;
}

/* Encabezados de colección: azul oscuro + segunda línea en color */
.df-pizza-page .fg-category-heading .fg-overline {
  color:var(--fg-category-accent)!important;
}
.df-pizza-page .fg-category-heading h2 {
  color:var(--fg-ink)!important;
  font-size:clamp(2.2rem,4.7vw,4rem)!important;
  line-height:.98!important;
  letter-spacing:-.045em!important;
  text-wrap:balance;
}
.df-pizza-page .fg-category-heading h2 span {
  color:var(--fg-category-accent)!important;
}
.df-pizza-page .fg-category-heading p {
  color:var(--fg-muted)!important;
}

/* Cabecera de cada serie: nombre principal en azul oscuro */
.df-pizza-page .fg-series-heading h3,
.df-pizza-page .fg-series .fg-photo-foot-copy strong,
.df-pizza-page .fg-series .fg-selected [data-selected-name],
.df-pizza-page .fg-series .fg-model-spec strong,
.df-pizza-page .fg-series .fg-tech-toggle strong,
.df-pizza-page .fg-series .fg-series-description-title {
  color:var(--fg-ink)!important;
}
.df-pizza-page .fg-series .fg-series-number,
.df-pizza-page .fg-series .fg-overline,
.df-pizza-page .fg-series .fg-model-topline .fg-small-label,
.df-pizza-page .fg-series .fg-selected > span,
.df-pizza-page .fg-series .fg-model-spec > span,
.df-pizza-page .fg-series .fg-features-heading,
.df-pizza-page .fg-series .fg-tech-toggle .fg-overline,
.df-pizza-page .fg-series .fg-slide-counter,
.df-pizza-page .fg-series .fg-series-catalog,
.df-pizza-page .fg-series .fg-tech-toggle-icon,
.df-pizza-page .fg-series .fg-table-model-button,
.df-pizza-page .fg-series .fg-photo-placeholder .fg-photo-placeholder-icon,
.df-pizza-page .fg-series .fg-photo-placeholder strong {
  color:var(--fg-series-accent)!important;
}
.df-pizza-page .fg-series-heading p,
.df-pizza-page .fg-series .fg-selected p,
.df-pizza-page .fg-series .fg-photo-foot-copy small,
.df-pizza-page .fg-series .fg-tech-toggle small,
.df-pizza-page .fg-series .fg-series-description-source,
.df-pizza-page .fg-series .fg-series-description-points li,
.df-pizza-page .fg-series .fg-features li,
.df-pizza-page .fg-series .fg-spec-foot,
.df-pizza-page .fg-series .fg-series-next > span {
  color:var(--fg-muted)!important;
}

/* Pastilla de configuraciones como en la referencia */
.df-pizza-page .fg-series .fg-series-count {
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  padding:10px 15px!important;
  border-radius:999px!important;
  background:color-mix(in srgb,var(--fg-series-accent),white 88%)!important;
  color:var(--fg-series-accent)!important;
  font-weight:850!important;
  letter-spacing:.08em!important;
}

/* Caja del modelo seleccionado: sutilmente teñida, nombre oscuro */
.df-pizza-page .fg-series .fg-selected {
  background:color-mix(in srgb,var(--fg-series-accent),white 94%)!important;
  border-color:color-mix(in srgb,var(--fg-series-accent),white 72%)!important;
  box-shadow:none!important;
}
.df-pizza-page .fg-series .fg-selected::before,
.df-pizza-page .fg-series .fg-selected:before {
  background:var(--fg-series-accent)!important;
}

/* Tarjetas de specs: lectura en azul oscuro con acento en bordes */
.df-pizza-page .fg-series .fg-model-spec {
  background:#fff!important;
  border:1px solid color-mix(in srgb,var(--fg-series-accent),white 78%)!important;
  box-shadow:none!important;
}
.df-pizza-page .fg-series .fg-model-spec small {
  color:var(--fg-soft)!important;
}

/* Botón outline y CTA como ya pediste, afinados con el nuevo tratamiento */
.df-pizza-page .fg-series .fg-open-specs {
  font-weight:800!important;
}
.df-pizza-page .fg-series .fg-interest-button {
  box-shadow:none!important;
}

/* Imagen, galería y detalles con bordes suaves teñidos */
.df-pizza-page .fg-series .fg-photo-stage,
.df-pizza-page .fg-series .fg-series-gallery-item,
.df-pizza-page .fg-series .fg-series-picture,
.df-pizza-page .fg-series .fg-tech-details,
.df-pizza-page .fg-series .fg-series-description {
  border-color:color-mix(in srgb,var(--fg-series-accent),white 78%)!important;
}
.df-pizza-page .fg-series .fg-photo-overline {
  color:var(--fg-soft)!important;
}
.df-pizza-page .fg-series .fg-gallery-thumb {
  background:color-mix(in srgb,var(--fg-series-accent),white 95%)!important;
}
.df-pizza-page .fg-series .fg-series-gallery-item figcaption {
  color:var(--fg-muted)!important;
}

/* Características: el check mantiene el color de gama; el texto no */
.df-pizza-page .fg-series .fg-features-heading {
  color:#667f8d!important;
}
.df-pizza-page .fg-series .fg-features li > span,
.df-pizza-page .fg-series .fg-series-description-points li::before {
  color:var(--fg-series-accent)!important;
}

/* Tablas: cabecera teñida y selección sutil */
.df-pizza-page .fg-series .fg-spec-table thead {
  background:color-mix(in srgb,var(--fg-series-accent),white 93%)!important;
}
.df-pizza-page .fg-series .fg-spec-table thead th {
  color:#5b7786!important;
}
.df-pizza-page .fg-series .fg-spec-table tbody tr.is-selected,
.df-pizza-page .fg-series .fg-spec-table tbody tr.is-selected > th,
.df-pizza-page .fg-series .fg-spec-table tbody tr.is-selected > td {
  background:color-mix(in srgb,var(--fg-series-accent),white 91%)!important;
}
.df-pizza-page .fg-series .fg-spec-table tbody tr[data-model-row]:not(.is-selected):hover > *,
.df-pizza-page .fg-series .fg-spec-table tbody tr[data-accessory-row]:not(.is-selected):hover > * {
  background:color-mix(in srgb,var(--fg-series-accent),white 96.5%)!important;
}

/* Siguiente gama */
.df-pizza-page .fg-series .fg-series-next a {
  color:var(--fg-series-accent)!important;
}

/* Responsive de los titulares grandes */
@media (max-width:680px) {
  .df-pizza-page .fg-category-heading h2 {
    font-size:clamp(2rem,10vw,3.2rem)!important;
    line-height:1.02!important;
  }
}

/* ===============================================================
   v1.5 · GALERÍA COMPLEMENTARIA, DISPOSICIÓN MONTADORAS / PRIMA
   El panel de la diapositiva termina con la barra de progreso.
   Las fotografías auxiliares quedan fuera, sin rótulos inferiores.
   Geometría de la referencia: 152 × 114 px, 14 px de separación.
   =============================================================== */
.df-pizza-page .fg-series .fg-series-showcase > .fg-series-picture {
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:0!important;
  min-width:0!important;
  height:auto!important;
  overflow:visible!important;
  position:relative!important;
  top:auto!important;
  bottom:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  isolation:auto!important;
}
/* Reencapsular únicamente imagen, ficha y progreso. */
.df-pizza-page .fg-series .fg-series-picture > .fg-slide-card {
  display:block;
  position:relative;
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--fg-series-accent),white 78%);
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 28px rgba(18,52,73,.065);
}
.df-pizza-page .fg-series .fg-slide-card > .fg-photo-stage {
  margin:0!important;
  border:0!important;
  border-radius:15px 15px 0 0!important;
  overflow:hidden!important;
}
.df-pizza-page .fg-series .fg-slide-card > .fg-photo-foot {
  margin:0!important;
  border-radius:0!important;
}
.df-pizza-page .fg-series .fg-slide-card > .fg-photo-progress {
  display:block!important;
  width:100%!important;
  height:4px!important;
  min-height:4px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:color-mix(in srgb,var(--fg-series-accent),white 91%)!important;
  overflow:hidden!important;
}
.df-pizza-page .fg-series .fg-slide-card > .fg-photo-progress > span {
  display:block!important;
  height:100%!important;
  width:var(--fg-progress,100%)!important;
  background:var(--fg-series-accent)!important;
}
/* Franja de miniaturas INDEPENDIENTE del panel animado, en flujo normal. */
.df-pizza-page .fg-series .fg-series-picture > .fg-series-gallery,
.df-pizza-page .fg-series.fg-series--forward .fg-series-picture > .fg-series-gallery,
.df-pizza-page .fg-series.fg-series--reverse .fg-series-picture > .fg-series-gallery {
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:flex-start!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:14px!important;
  width:100%!important;
  max-width:100%!important;
  height:auto!important;
  margin:18px auto 0!important;
  padding:0!important;
  position:static!important;
  overflow:visible!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
  animation:none!important;
}
.df-pizza-page .fg-series .fg-series-picture > .fg-series-gallery > .fg-series-gallery-item {
  display:block!important;
  flex:0 0 min(152px,calc((100% - 14px)/2))!important;
  box-sizing:border-box!important;
  width:152px!important;
  max-width:min(152px,calc((100% - 14px)/2))!important;
  height:auto!important;
  aspect-ratio:4/3;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #e1e9ed!important;
  border-radius:12px!important;
  background:#f5f8fa!important;
  box-shadow:0 8px 17px rgba(16,49,68,.095)!important;
  position:static!important;
  transform:none!important;
  animation:none!important;
}
.df-pizza-page .fg-series .fg-series-gallery-item > .fg-gallery-thumb {
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:4/3;
  overflow:hidden!important;
  border-radius:inherit;
}
.df-pizza-page .fg-series .fg-series-gallery-item .fg-gallery-thumb > img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:4/3!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  animation:none!important;
}
.df-pizza-page .fg-series .fg-series-gallery-item:hover img,
.df-pizza-page .fg-series .fg-series-gallery-item:focus-within img {
  transform:none!important;
}
.df-pizza-page .fg-series .fg-series-gallery-item figcaption {display:none!important;}
.df-pizza-page .fg-series .fg-series-gallery-item .fg-gallery-missing {
  color:#8ba1ad;
  background:#f3f8fa;
}
.df-pizza-page .fg-series .fg-series-gallery-item .fg-gallery-missing span {
  font-size:28px;
}
@media (max-width:680px) {
  .df-pizza-page .fg-series .fg-series-picture > .fg-series-gallery {
    gap:12px!important;
    margin-top:16px!important;
  }
  .df-pizza-page .fg-series .fg-series-picture > .fg-series-gallery > .fg-series-gallery-item {
    flex-basis:min(152px,calc((100% - 12px)/2))!important;
    max-width:min(152px,calc((100% - 12px)/2))!important;
  }
}

/* v1.6 · Fotos oficiales Cuppone a través del cargador PHP seguro. */
.df-pizza-page .fg-photo-stage > img.fg-stage-photo {object-fit:contain!important;object-position:center!important;}
.df-pizza-page .fg-hero-img-shell > img.fg-stage-photo {object-fit:contain!important;object-position:center!important;}
.df-pizza-page .fg-series .fg-gallery-thumb {background:#fff!important;}
.df-pizza-page .fg-series .fg-gallery-thumb img {object-fit:cover!important;object-position:center!important;}
.df-pizza-page .fg-type-media > img {object-fit:contain!important;}


/* v1.6.2 · Logo Cuppone local en esquina superior derecha de cada fotografía */
.df-pizza-page .fg-hero-img-shell,
.df-pizza-page .fg-pizza-type-grid .fg-type-media,
.df-pizza-page .fg-series .fg-photo-stage {
  position:relative!important;
}
.df-pizza-page .fg-hero-img-shell > .fg-brand-mark--hero,
.df-pizza-page .fg-series .fg-photo-stage > .fg-brand-mark--series,
.df-pizza-page .fg-pizza-type-grid .fg-type-media > .fg-type-brand {
  position:absolute!important;
  z-index:6!important;
  top:18px!important;
  right:18px!important;
  bottom:auto!important;
  left:auto!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:.66!important;
  transform:none!important;
  pointer-events:none!important;
}
.df-pizza-page .fg-hero-img-shell > .fg-brand-mark--hero img,
.df-pizza-page .fg-series .fg-photo-stage > .fg-brand-mark--series img,
.df-pizza-page .fg-pizza-type-grid .fg-type-media > .fg-type-brand img {
  display:block!important;
  width:auto!important;
  height:auto!important;
  max-height:42px!important;
  object-fit:contain!important;
  filter:none!important;
}
.df-pizza-page .fg-hero-img-shell > .fg-brand-mark--hero img {max-width:150px!important;}
.df-pizza-page .fg-series .fg-photo-stage > .fg-brand-mark--series img {max-width:118px!important;}
/* Las tarjetas tienen flecha en su esquina; la marca queda justo por debajo sin taparla. */
.df-pizza-page .fg-pizza-type-grid .fg-type-media > .fg-type-brand {
  top:59px!important;
  right:14px!important;
  bottom:auto!important;
  max-width:48%!important;
}
.df-pizza-page .fg-pizza-type-grid .fg-type-media > .fg-type-brand img {max-width:91px!important;max-height:30px!important;}
@media (max-width:680px) {
  .df-pizza-page .fg-hero-img-shell > .fg-brand-mark--hero,
  .df-pizza-page .fg-series .fg-photo-stage > .fg-brand-mark--series {top:12px!important;right:12px!important;}
  .df-pizza-page .fg-hero-img-shell > .fg-brand-mark--hero img {max-width:112px!important;}
  .df-pizza-page .fg-series .fg-photo-stage > .fg-brand-mark--series img {max-width:96px!important;}
}

/* ==============================================================
   v1.6.5 · DOS COLORES SOLO EN TITULARES GRANDES
   Azul oscuro = bloque principal. Acento = color de cada sector/gama.
   ============================================================== */
/* Titulares generales: primera parte blanca sobre hero oscuro; segunda parte naranja. */
.df-pizza-page .fg-hero h1 { color:#fff!important; }
.df-pizza-page .fg-hero h1 > span { color:#c26a4a!important; }
.df-pizza-page .fg-intro h2 { color:#17384c!important; }
.df-pizza-page .fg-intro h2 > em { color:#c26a4a!important; }

/* Títulos de las cinco colecciones con la misma jerarquía que en la captura. */
.df-pizza-page .fg-category .fg-category-heading h2 { color:#17384c!important; }
.df-pizza-page .fg-category .fg-category-heading h2 > span {
  color:var(--fg-category-accent)!important;
}

/* Nombres de gama, títulos de ficha e imagen: un solo color corporativo. */
.df-pizza-page .fg-series .fg-series-heading h3,
.df-pizza-page .fg-series .fg-series-description-title,
.df-pizza-page .fg-series .fg-photo-foot-copy strong {
  color:#17384c!important;
}

/* Cierre de página en dos tonos legibles sobre fondo oscuro. */
.df-pizza-page .fg-final-card h2 { color:#fff!important; }
.df-pizza-page .fg-final-card h2 > em { color:#ffd5bd!important; }

/* ==============================================================
   v1.6.6 · CONTRASTE DE TABLAS (equipos y accesorios)
   Fondos intensos -> texto blanco; fondos claros -> texto oscuro.
   Se oscurece un 25 % el acento en filas activas para garantizar
   buena legibilidad incluso en DELTA / PIZZAFORM / ALPHA.
   ============================================================== */
.df-pizza-page .fg-series {
  --fg-table-ink:#17384c;
  --fg-table-strong:color-mix(in srgb,var(--fg-series-accent) 75%,#123446 25%);
  --fg-table-soft:color-mix(in srgb,var(--fg-series-accent) 8%,#fff 92%);
  --fg-table-border:#e0e9ee;
}
/* Cabeceras y títulos desplegables: fondo suave, texto oscuro. */
.df-pizza-page .fg-series .fg-tech-details > .fg-tech-toggle,
.df-pizza-page .fg-series .fg-tech-details[open] > .fg-tech-toggle {
  background:#fff!important;
  background-image:none!important;
  color:var(--fg-table-ink)!important;
}
.df-pizza-page .fg-series .fg-tech-details[open] > .fg-tech-toggle {
  background:var(--fg-table-soft)!important;
}
.df-pizza-page .fg-series .fg-tech-toggle strong {
  color:var(--fg-table-ink)!important;
}
.df-pizza-page .fg-series .fg-tech-toggle small {
  color:#4b6473!important;
}
.df-pizza-page .fg-series .fg-spec-table thead,
.df-pizza-page .fg-series .fg-spec-table thead tr,
.df-pizza-page .fg-series .fg-spec-table thead th {
  background:var(--fg-table-soft)!important;
  background-image:none!important;
  color:var(--fg-table-ink)!important;
}
.df-pizza-page .fg-series .fg-spec-table thead th {
  border-bottom:1px solid color-mix(in srgb,var(--fg-series-accent) 20%,#dde8ed 80%)!important;
}
/* Celdas blancas o apenas teñidas: siempre texto oscuro. */
.df-pizza-page .fg-series .fg-spec-table tbody tr:not(.is-selected) > th,
.df-pizza-page .fg-series .fg-spec-table tbody tr:not(.is-selected) > td {
  background:#fff!important;
  background-image:none!important;
  color:var(--fg-table-ink)!important;
}
.df-pizza-page .fg-series .fg-spec-table tbody tr:not(.is-selected):nth-child(even) > th,
.df-pizza-page .fg-series .fg-spec-table tbody tr:not(.is-selected):nth-child(even) > td {
  background:color-mix(in srgb,var(--fg-series-accent) 2.5%,#fff 97.5%)!important;
}
.df-pizza-page .fg-series .fg-spec-table tbody tr:not(.is-selected):is(:hover,:focus-within) > th,
.df-pizza-page .fg-series .fg-spec-table tbody tr:not(.is-selected):is(:hover,:focus-within) > td {
  background:var(--fg-table-soft)!important;
  color:var(--fg-table-ink)!important;
}
.df-pizza-page .fg-series .fg-spec-table tbody tr:not(.is-selected) .fg-table-model-button,
.df-pizza-page .fg-series .fg-spec-table tbody tr:not(.is-selected) .fg-table-accessory-button,
.df-pizza-page .fg-series .fg-spec-table tbody tr:not(.is-selected) .fg-table-model-button * {
  background:transparent!important;
  background-image:none!important;
  color:var(--fg-table-ink)!important;
}
/* Fila activa: color fuerte coherente en TODAS las columnas y texto blanco. */
.df-pizza-page .fg-series .fg-spec-table tbody tr.is-selected,
.df-pizza-page .fg-series .fg-spec-table tbody tr.is-selected > th,
.df-pizza-page .fg-series .fg-spec-table tbody tr.is-selected > td,
.df-pizza-page .fg-series .fg-spec-table tbody tr.is-selected:is(:hover,:focus-within) > th,
.df-pizza-page .fg-series .fg-spec-table tbody tr.is-selected:is(:hover,:focus-within) > td {
  background:var(--fg-table-strong)!important;
  background-image:none!important;
  color:#fff!important;
}
.df-pizza-page .fg-series .fg-spec-table tbody tr.is-selected .fg-table-model-button,
.df-pizza-page .fg-series .fg-spec-table tbody tr.is-selected .fg-table-accessory-button,
.df-pizza-page .fg-series .fg-spec-table tbody tr.is-selected .fg-table-model-button * {
  background:transparent!important;
  background-image:none!important;
  color:#fff!important;
}
.df-pizza-page .fg-series .fg-spec-table tbody tr.is-selected > th:first-child {
  box-shadow:inset 4px 0 0 #fff!important;
}
/* La selección también resulta identificable con teclado. */
.df-pizza-page .fg-series .fg-spec-table tbody tr:is([data-model-row],[data-accessory-row]):focus-visible {
  outline:2px solid var(--fg-table-strong)!important;
  outline-offset:-2px;
}

/* v1.7.0 · STICKY BAR COPIADA DE LOS TRES ARCHIVOS DE GRANIZADORAS
 * El mismo HTML, el mismo diseño y la misma barra transform: scaleX().
 * Solo se limita a .df-pizza-page para no alterar las demás familias. */
.df-pizza-page .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)}
.df-pizza-page .fg-section-nav-inner{display:flex;align-items:center;gap:31px;min-height:60px;overflow-x:auto;scrollbar-width:thin;white-space:nowrap}
.df-pizza-page .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}.df-pizza-page .fg-section-nav a:hover,.df-pizza-page .fg-section-nav a.is-current{color:var(--fg-blue)!important;border-bottom-color:var(--fg-blue)}
.df-pizza-page .fg-section-nav .fg-nav-label{color:#a0adb6!important;font-size:10px;letter-spacing:.17em;font-weight:850;margin-right:5px}
.df-pizza-page .fg-section-nav{isolation:isolate}
.df-pizza-page .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
}

/* Anclajes compensados respecto de la cabecera corporativa y el propio sticky. */
.df-pizza-page .fg-section {scroll-margin-top:150px}
.df-pizza-page .fg-section-nav{isolation:isolate}
@media(max-width:790px){.df-pizza-page .fg-section-nav-inner{gap:21px}}
@media(max-width:520px){.df-pizza-page .fg-section-nav-inner{gap:18px}}
@media(prefers-reduced-motion:reduce){.df-pizza-page .fg-reading-progress{transition:none!important}}


/* v1.7.1 · Equivalencia de interacciones con Granizadoras.
   Solo afecta a Hornos; respeta los colores, las fotos y los estados propios. */
@media (prefers-reduced-motion:no-preference) {
  .df-pizza-page .fg-series .fg-selected.fg-panel-change {
    animation:fg-hornos-selection-in .35s cubic-bezier(.2,.8,.2,1) both;
  }
  .df-pizza-page .fg-series .fg-model-specs.fg-specs-change > .fg-model-spec {
    animation:fg-hornos-spec-arrive .46s cubic-bezier(.2,.8,.2,1) both;
  }
  .df-pizza-page .fg-series .fg-model-specs.fg-specs-change > .fg-model-spec:nth-child(2) {animation-delay:.055s}
  .df-pizza-page .fg-series .fg-model-specs.fg-specs-change > .fg-model-spec:nth-child(3) {animation-delay:.10s}
  .df-pizza-page .fg-series .fg-spec-table tbody tr.fg-row-change > th,
  .df-pizza-page .fg-series .fg-spec-table tbody tr.fg-row-change > td {
    animation:fg-hornos-row-glow .5s ease-out;
  }
  /* Mantener el logo de Cuppone fijo, mover únicamente la fotografía de portada. */
  .df-pizza-page .fg-hero-img-shell > img.fg-stage-photo {
    transform:translate3d(0,var(--fg-hero-shift,0px),0) scale(1.012);
    transition:transform .13s linear;
  }
}
@keyframes fg-hornos-selection-in {
  from{opacity:.65;transform:translateY(7px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes fg-hornos-spec-arrive {
  from{opacity:.54;transform:translateY(8px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes fg-hornos-row-glow {
  from{filter:brightness(1.10)}to{filter:brightness(1)}
}
@media (prefers-reduced-motion:reduce), (max-width:790px) {
  .df-pizza-page .fg-hero-img-shell > img.fg-stage-photo {transform:none!important;transition:none!important;}
}