/* Difriho · Tablas comparativas transpuestas v2.2.0
   Columna = modelo; fila = especificación. Todos los modelos quedan en grupos
   verticales del ancho disponible, nunca obligando a desplazar horizontalmente. */
.df-family-page :is(.fg-table-scroll,.mn-table-scroll,.fg-accessory-scroll).df-spec-is-flipped {
  box-sizing:border-box!important;display:block;width:100%!important;max-width:100%!important;
  min-width:0!important;overflow-x:clip!important;overflow-y:visible!important;
  scrollbar-width:none!important;scroll-behavior:auto!important;
}
.df-family-page :is(.fg-table-scroll,.mn-table-scroll,.fg-accessory-scroll).df-spec-is-flipped > table {
  display:none!important;
}
.df-family-page .df-spec-flipped,
.df-family-page .df-spec-flipped-group {
  box-sizing:border-box!important;min-width:0!important;max-width:100%!important;
}
.df-family-page .df-spec-flipped {
  display:grid!important;grid-template-columns:minmax(0,1fr);gap:20px!important;
  padding:10px 8px 18px!important;margin:0!important;overflow:clip!important;
}
.df-family-page .df-spec-flipped-intro {
  margin:0 2px 1px!important;color:#617a89!important;font-size:12px!important;
  line-height:1.5!important;max-width:90ch;
}
.df-family-page .df-spec-flipped-group {
  overflow:hidden!important;border:1px solid #d1e1e9!important;border-radius:16px!important;
  background:#fff!important;box-shadow:0 7px 22px rgba(19,62,80,.065)!important;
  isolation:isolate;
}
/* Marco interno simétrico: un cierre visible y redondeado en ambos extremos. */
.df-family-page .df-spec-flipped-frame {
  box-sizing:border-box!important;display:block!important;
  width:calc(100% - 28px)!important;max-width:calc(100% - 28px)!important;
  min-width:0!important;margin:14px!important;padding:0!important;
  border:1px solid #b9d2e1!important;border-radius:12px!important;
  background:#fff!important;overflow:hidden!important;
  box-shadow:0 2px 8px rgba(18,64,86,.035)!important;
}
.df-family-page .df-spec-flipped-frame > .df-spec-flipped-table {
  display:table!important;width:100%!important;max-width:100%!important;
  border:0!important;border-radius:0!important;
}
.df-family-page .df-spec-flipped-frame > .df-spec-flipped-footer {border-radius:0!important;}
.df-family-page .df-spec-flipped-table tr > :last-child {border-right:0!important;}
.df-family-page .df-spec-flipped-title {
  margin:0!important;padding:12px 16px!important;color:#264f66!important;
  background:linear-gradient(90deg,#eef6fa 0%,#f7fbfd 100%)!important;
  border-bottom:1px solid #d9e6ee!important;
  font-weight:800!important;font-size:12px!important;line-height:1.4!important;
  font-family:inherit!important;letter-spacing:.015em!important;
}
.df-family-page .df-spec-flipped-footer {
  display:block!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;
  margin:0!important;padding:12px 16px!important;min-height:18px!important;
  background:linear-gradient(90deg,#f7fbfd 0%,#eef6fa 100%)!important;
  border-top:1px solid #d9e6ee!important;
}
.df-family-page .df-spec-flipped-footer-label {font-weight:700!important;}
.df-family-page .df-spec-flipped-footer-count {font-weight:650!important;color:#42667a!important;}
.df-family-page .df-spec-flipped-table {
  width:100%!important;max-width:100%!important;min-width:0!important;
  table-layout:fixed!important;border-collapse:collapse!important;border-spacing:0!important;
  margin:0!important;padding:0!important;background:#fff!important;
}
.df-family-page .df-spec-flipped-table col.df-spec-flipped-label-col {width:28%;}
.df-family-page .df-spec-flipped-table :is(th,td) {
  box-sizing:border-box!important;min-width:0!important;max-width:none!important;
  padding:11px 10px!important;white-space:normal!important;overflow-wrap:anywhere!important;
  word-break:normal!important;hyphens:auto!important;text-align:center!important;
  vertical-align:middle!important;font-family:inherit!important;
  font-size:clamp(11px,.88vw,13px)!important;line-height:1.4!important;
  border-bottom:1px solid #e7edf2!important;border-left:1px solid #e7edf2!important;
  position:static!important;
}
.df-family-page .df-spec-flipped-table tr > :first-child {border-left:0!important;}
.df-family-page .df-spec-flipped-table thead th {
  background:var(--fg-series-active,var(--mn-type-active,#173b52))!important;
  color:white!important;border-bottom:1px solid rgba(255,255,255,.17)!important;
  font-weight:800!important;font-size:12px!important;
}
.df-family-page .df-spec-flipped-table .df-spec-flipped-label-head,
.df-family-page .df-spec-flipped-table .df-spec-flipped-spec {
  text-align:left!important;
}
.df-family-page .df-spec-flipped-table tbody .df-spec-flipped-spec {
  color:#28475a!important;background:#f2f7fa!important;font-weight:750!important;
  font-size:12px!important;letter-spacing:0!important;
}
.df-family-page .df-spec-flipped-table tbody tr:nth-child(even) > td {background:#f8fafc!important;}
.df-family-page .df-spec-flipped-table tbody tr:last-child > :is(td,th) {border-bottom:0!important;}
/* Selección: columna sutil, delimitada y con cabecera de alto contraste.
   El color de las filas permanece visible; no hay grandes bloques sólidos. */
.df-family-page .df-spec-flipped-table thead .df-spec-flipped-model-head.is-selected {
  background:linear-gradient(155deg,#15566f 0%,#10394f 100%)!important;
  color:#fff!important;
  box-shadow:inset 0 0 0 1px rgba(117,211,231,.35),inset 0 -4px #66d0e4!important;
}
.df-family-page .df-spec-flipped-table tbody td.is-selected {
  color:#173e54!important;
  background:#f1f8fb!important;
  box-shadow:inset 3px 0 0 rgba(23,135,163,.45),inset -1px 0 0 rgba(23,135,163,.15)!important;
  font-weight:650!important;
}
.df-family-page .df-spec-flipped-table tbody tr:nth-child(even) td.is-selected {
  background:#eaf5f9!important;
}
.df-family-page .df-spec-flipped-table tbody tr:last-child td.is-selected {
  box-shadow:inset 3px 0 0 rgba(23,135,163,.45),inset -1px 0 0 rgba(23,135,163,.15),inset 0 -2px 0 #72cada!important;
}
.df-family-page .df-spec-flipped-table thead .df-spec-flipped-model-head:not(.is-selected):hover {
  filter:brightness(1.12);
}
.df-family-page .df-spec-flipped-table thead .df-spec-flipped-model-head.is-selected .df-spec-flipped-select {
  color:#fff!important;text-decoration:none!important;
}
.df-family-page .df-spec-flipped-table thead .df-spec-flipped-model-head.is-selected .df-spec-flipped-select::after {
  content:'✓ Seleccionado';display:table;margin:6px auto 0;
  padding:3px 8px;border:1px solid rgba(182,233,240,.55);border-radius:999px;
  background:rgba(226,249,253,.14);color:#d6f8fc;
  font-size:10px;font-weight:750;letter-spacing:.025em;line-height:1.25;
  white-space:normal;
}
.df-family-page .df-spec-flipped-select {
  display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
  border:0!important;background:transparent!important;color:inherit!important;
  padding:4px 1px!important;margin:0!important;
  font-weight:800!important;font-size:12px!important;line-height:1.35!important;font-family:inherit!important;
  text-align:center!important;white-space:normal!important;overflow-wrap:anywhere!important;
  word-break:normal!important;cursor:pointer!important;
}
.df-family-page .df-spec-flipped-select:hover {text-decoration:underline!important;text-underline-offset:3px!important;}
.df-family-page .df-spec-flipped-select[aria-pressed="true"] {color:#fff!important;}
.df-family-page .df-spec-flipped-select:focus-visible {outline:3px solid #1786b8!important;outline-offset:2px!important;border-radius:4px!important;}
.df-family-page .df-spec-flipped-table :is(td,th).is-unavailable {opacity:.56!important;}
.df-family-page .df-spec-flipped-table td img {max-width:100%!important;height:auto!important;object-fit:contain!important;}
.df-family-page .df-spec-flipped-table .fg-finish-cell {text-align:center!important;}
.df-family-page .df-spec-sr-only {
  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;
}
@media (max-width:760px) {
  .df-family-page .df-spec-flipped-frame {width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;margin:10px!important;}
  .df-family-page .df-spec-flipped {gap:15px!important;padding:8px 5px 14px!important;}
  .df-family-page .df-spec-flipped-table col.df-spec-flipped-label-col {width:38%;}
  .df-family-page .df-spec-flipped-table :is(th,td) {padding:9px 7px!important;font-size:11.5px!important;}
  .df-family-page .df-spec-flipped-table .df-spec-flipped-select {font-size:11px!important;}
}
@media (max-width:440px) {
  .df-family-page .df-spec-flipped-frame {width:calc(100% - 16px)!important;max-width:calc(100% - 16px)!important;margin:8px!important;}
  .df-family-page .df-spec-flipped-title {padding:11px 13px!important;}
  .df-family-page .df-spec-flipped-footer {padding:10px 13px!important;}
  .df-family-page .df-spec-flipped-table col.df-spec-flipped-label-col {width:43%;}
  .df-family-page .df-spec-flipped-table :is(th,td) {padding:9px 6px!important;font-size:11px!important;}
}
@media print {
  .df-family-page .df-spec-flipped-group {break-inside:avoid;box-shadow:none!important;}
  .df-family-page .df-spec-flipped-table :is(td,th) {font-size:9pt!important;}
}