/* CJTA Lubricantes — Páginas internas (/nosotros, /contacto, /privacidad).
   Solo lo cargan esas páginas: no suma al presupuesto de peso de la home. */

.page{padding:120px 0 140px}
.page-head{max-width:880px;margin-bottom:24px}
.crumbs a:hover{color:var(--gold)}
.page-title{font-size:clamp(36px,5vw,64px);margin-top:20px}
.page-lead{
  max-width:760px;margin-top:24px;
  font-size:18px;line-height:1.7;
  color:rgba(245,240,232,.75);
}

.prose{max-width:760px}
.prose h2{
  font-family:var(--ff-display);font-weight:500;
  font-size:clamp(26px,3vw,34px);line-height:1.2;
  color:var(--offwhite);
  margin:56px 0 16px;
}
.prose p,.prose li{font-size:16.5px;line-height:1.75;color:rgba(245,240,232,.78)}
.prose p+p{margin-top:16px}
.prose ul{margin:12px 0 16px}
.prose li{position:relative;padding-left:22px;margin-top:10px}
/* Guion dorado en lugar de viñeta: mismo lenguaje de líneas finas del sitio */
.prose li::before{
  content:"";position:absolute;left:0;top:.85em;
  width:10px;height:1px;background:var(--gold);
}
.prose strong{color:var(--offwhite);font-weight:600}
.prose a:not(.btn){color:var(--gold);border-bottom:1px solid var(--rule)}
.prose a:not(.btn):hover{color:var(--gold-2)}
.prose .contact-map{margin-top:24px}

.page-ctas{display:flex;flex-wrap:wrap;gap:16px;margin-top:48px}
/* scroll-margin: al llegar desde otra página a /contacto#formulario el salto
   nativo no compensa el nav sticky (~95px) como sí lo hace app.js */
.page-form{max-width:760px;margin-top:40px;scroll-margin-top:110px}

@media (max-width:760px){
  .page{padding:72px 0 96px}
  .prose h2{margin-top:44px}
}