/* ---------- Físicas · método ---------- */
.opr-fm{position:relative !important; overflow:hidden !important}
.opr-fm::before{content:'' !important; position:absolute !important; inset:-14% -18% auto 30% !important; height:120% !important; pointer-events:none !important;
  background:radial-gradient(ellipse at center, rgba(96,111,128,.26), transparent 64%) !important}
.opr-fm-cabeza{position:relative !important; margin-bottom:clamp(28px,3.2vw,44px) !important}
.opr-fm .opr-h2{color:#fff !important}
.opr-fm-cabeza .opr-h2{max-width:16ch !important}

.opr-fm-pilares{position:relative !important; display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:10px !important}
.opr-fm-pilar{display:flex !important; flex-direction:column !important; padding:22px 22px 24px !important; border-radius:var(--radio) !important;
  background:var(--p900) !important; box-shadow:inset 0 0 0 1px var(--p800) !important;
  opacity:0 !important; transform:translateY(14px) !important;
  transition:opacity .5s ease, transform .55s cubic-bezier(.32,.72,.16,1),
             background .18s ease, box-shadow .18s ease !important;
  transition-delay:calc(var(--r) * 70ms) !important}
.opr-fm-pilares.es-dentro .opr-fm-pilar{opacity:1 !important; transform:none !important}
.opr-fm-pilar:hover{background:#252E38 !important; box-shadow:inset 0 0 0 1px var(--p700) !important}
.opr-fm-ic{width:38px !important; height:38px !important; border-radius:11px !important; display:grid !important; place-items:center !important;
  background:var(--p800) !important; color:var(--p300) !important; margin-bottom:16px !important}
.opr-fm-ic svg{width:19px !important; height:19px !important}
.opr-fm-pilar b{font-size:1rem !important; font-weight:700 !important; letter-spacing:-.018em !important; color:#fff !important}
.opr-fm-pilar > span:last-child{margin-top:6px !important; font-size:.875rem !important; line-height:1.5 !important; color:var(--p400) !important; text-wrap:pretty !important}

/* --- todo en un sitio --- */
.opr-fm-todo{position:relative !important; display:grid !important; grid-template-columns:minmax(0,.9fr) minmax(0,1fr) !important;
  gap:clamp(26px,3.4vw,52px) !important; align-items:center !important; margin-top:clamp(30px,3.6vw,50px) !important;
  padding:clamp(26px,3vw,40px) !important; border-radius:var(--radio) !important;
  background:var(--p900) !important; box-shadow:inset 0 0 0 1px var(--p800) !important}
.opr-fm-todo-tit{font-size:clamp(1.5rem,2.6vw,2.05rem) !important}
.opr-fm-todo .opr-entradilla{font-size:.96875rem !important; max-width:44ch !important}

.opr-fm-pasos{display:flex !important; flex-direction:column !important; gap:2px !important}
.opr-fm-pasos li{position:relative !important; display:flex !important; flex-direction:column !important; gap:2px !important;
  padding:15px 0 15px 52px !important; border-bottom:1px solid var(--p800) !important}
.opr-fm-pasos li:last-child{border-bottom:0 !important}
.opr-fm-paso-n{position:absolute !important; left:0 !important; top:15px !important; width:36px !important; height:26px !important; border-radius:7px !important;
  background:var(--p800) !important; color:var(--p300) !important; display:grid !important; place-items:center !important;
  font-size:.71875rem !important; font-weight:800 !important}
.opr-fm-pasos b{font-size:1rem !important; font-weight:700 !important; letter-spacing:-.016em !important; color:#fff !important}
.opr-fm-pasos li > span:last-child{font-size:.875rem !important; line-height:1.5 !important; color:var(--p400) !important; text-wrap:pretty !important}

@media (max-width:960px){
  .opr-fm-pilares{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
  .opr-fm-todo{grid-template-columns:1fr !important; gap:24px !important}
}
@media (max-width:560px){
  .opr-fm-pilares{grid-template-columns:1fr !important; gap:8px !important}
  .opr-fm-pilar{padding:18px 18px 20px !important}
  .opr-fm-ic{margin-bottom:12px !important}
}
