/* ---------- pie del sitio ---------- */
.opr-pie{padding-top:clamp(52px,6vw,80px) !important; padding-bottom:26px !important}

.opr-pie-rejilla{display:grid !important; grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) !important;
  gap:clamp(34px,5vw,80px) !important; align-items:start !important;
  padding-bottom:clamp(34px,4vw,48px) !important; border-bottom:1px solid var(--p800) !important}
@media (max-width:820px){ .opr-pie-rejilla{grid-template-columns:1fr !important; gap:36px !important} }

.opr-pie-logo{display:flex !important; align-items:center !important; gap:10px !important; color:#fff !important; margin-bottom:18px !important}
.opr-pie-logo svg{height:31px !important; width:auto !important; aspect-ratio:0.7413 / 1 !important; display:block !important; flex:none !important}
.opr-pie-logo b{font-size:1.25rem !important; font-weight:800 !important; letter-spacing:-.028em !important; line-height:1 !important}
.opr-pie-lema{font-size:1.0625rem !important; font-weight:700 !important; letter-spacing:-.016em !important; color:#fff !important}
.opr-pie-desc{margin-top:8px !important; max-width:38ch !important; font-size:.875rem !important; line-height:1.55 !important; color:var(--p400) !important; text-wrap:pretty !important}
.opr-pie-redes{display:flex !important; gap:8px !important; margin-top:20px !important}
.opr-pie-redes a{display:grid !important; place-items:center !important; width:38px !important; height:38px !important; border-radius:999px !important;
  color:var(--p400) !important; box-shadow:inset 0 0 0 1px var(--p700) !important; transition:all .16s ease !important}
.opr-pie-redes a:hover{color:#fff !important; background:var(--p900) !important; box-shadow:inset 0 0 0 1px var(--p600) !important}
.opr-pie-redes svg{width:17px !important; height:17px !important}

.opr-pie-cols{display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:24px !important}
.opr-pie-cols > div{display:flex !important; flex-direction:column !important; gap:9px !important}
.opr-pie-cols h3{margin-bottom:3px !important; font-size:.8125rem !important; font-weight:700 !important; letter-spacing:-.008em !important; color:#fff !important}
.opr-pie-cols a{font-size:.875rem !important; font-weight:500 !important; color:var(--p400) !important; transition:color .15s ease !important}
.opr-pie-cols a:hover{color:#fff !important}

.opr-pie-barra{display:flex !important; flex-wrap:wrap !important; align-items:center !important; justify-content:space-between !important;
  gap:12px 26px !important; padding-top:22px !important}
.opr-pie-barra p{font-size:.75rem !important; line-height:1.5 !important; color:var(--p600) !important; max-width:60ch !important; text-wrap:pretty !important}
.opr-pie-legal{display:flex !important; flex-wrap:wrap !important; gap:6px 18px !important}
.opr-pie-legal a{font-size:.75rem !important; font-weight:500 !important; color:var(--p600) !important; transition:color .15s ease !important}
.opr-pie-legal a:hover{color:var(--p300) !important}

@media (max-width:560px){
  .opr-pie-cols{grid-template-columns:1fr 1fr !important; gap:26px 18px !important}
}