/* ===================================================================
   Página Flotador DAF Nautilus (24-09-2026). Se carga después de
   styles.css, styles-vsep.css y styles-prensa.css (reutiliza los
   componentes pt-). Aquí solo lo propio de esta página.
   =================================================================== */
.page-hero.hero-photo-daf-nautilus{
  /* la foto trae los bordes fundidos a #FDFDFB (izquierda, arriba y abajo): no hay corte visible */
  background-image:url(daf-nautilus-hero.jpg);
  background-size:auto 86%;
  background-position:right 4% center;
  background-repeat:no-repeat;
  background-color:var(--paper);
}
@media (max-width:760px){
  .page-hero.hero-photo-daf-nautilus{
    min-height:300px !important; display:flex !important; align-items:flex-end;
    background-image:linear-gradient(to bottom, rgba(253,253,251,1) 0%, rgba(253,253,251,0.94) 30%, rgba(253,253,251,0.82) 58%, rgba(253,253,251,0.88) 88%, rgba(253,253,251,1) 100%), url(daf-nautilus-hero.jpg) !important;
    background-size:cover !important; background-position:40% center !important; background-repeat:no-repeat !important;
  }
}
.hero-photo-daf-nautilus .eyebrow{ flex-wrap:wrap; white-space:normal; row-gap:4px; }

/* barra de rango (DAF convencional 5–10 m/h) */
.pt-bar.is-range{ background:linear-gradient(90deg, var(--accent) 50%, rgba(124,42,50,0.35) 50%); }

/* bloque foto + texto (ADT, criterios de flotación) */
.df-split{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(20px,3vw,36px); align-items:center; }
@media (max-width:860px){ .df-split{ grid-template-columns:1fr; } }
.df-split figure{ margin:0; border-radius:var(--radius); overflow:hidden; border:1px solid var(--rule); background:var(--card); }
.df-split figure img{ width:100%; display:block; aspect-ratio:4/3; object-fit:cover; }
.df-split figcaption{ padding:10px 14px; font-family:'Archivo',sans-serif; font-weight:500; font-size:0.72rem; color:var(--text-soft); border-top:1px solid var(--rule); }
.df-chips{ display:flex; flex-wrap:wrap; gap:8px; margin-top:6px; }
.df-chips span{ font-family:'IBM Plex Mono',monospace; font-size:0.8rem; color:var(--brand); background:rgba(31,107,52,0.07); border:1px solid rgba(31,107,52,0.18); border-radius:var(--radius-sm); padding:5px 10px; }

/* fotos del cuerpo del equipo en las tarjetas */
.df-body-photos{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:28px; }
@media (max-width:760px){ .df-body-photos{ grid-template-columns:1fr; } }
.df-body-photos figure{ margin:0; border-radius:var(--radius); overflow:hidden; border:1px solid var(--rule); background:var(--card); }
.df-body-photos img{ width:100%; display:block; aspect-ratio:16/9; object-fit:cover; }
.df-body-photos figcaption{ padding:10px 14px; font-family:'Archivo',sans-serif; font-weight:500; font-size:0.72rem; color:var(--text-soft); border-top:1px solid var(--rule); }

/* instalado en Chile: foto grande + ficha */
.df-chile{ display:grid; grid-template-columns:1.6fr 1fr; gap:16px; align-items:stretch; }
@media (max-width:860px){ .df-chile{ grid-template-columns:1fr; } }
.df-chile figure{ margin:0; border-radius:var(--radius); overflow:hidden; border:1px solid var(--rule); background:var(--card); }
.df-chile figure img{ width:100%; height:100%; display:block; object-fit:cover; min-height:260px; }
.df-chile-card{ background:var(--ink); color:var(--paper); border-radius:var(--radius); padding:clamp(20px,3vw,30px); display:flex; flex-direction:column; gap:14px; }
.df-chile-card .eyebrow{ color:#B9C4AE; margin:0; }
.df-chile-card .pt-est-load{ color:var(--paper); }
.df-chile-card p{ margin:0; color:rgba(250,250,246,0.8); font-size:0.94rem; line-height:1.6; }
.df-refs-title{ font-family:'Archivo',sans-serif; font-weight:700; font-size:0.72rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--text-soft); margin:34px 0 12px; }

/* cifra grande "3–6×": centrada verticalmente con su rótulo en dos líneas */
.pt-big.df-big{ align-items:center; }
.df-big .pt-big-lbl{ max-width:22ch; }

/* estimador: nombre del modelo (puede ser "3 × Nautilus-800") */
#dfModel{ font-size:clamp(2.2rem,4.2vw,3.4rem); overflow-wrap:anywhere; }