/* Pie común de las webs de roimaster (09-10-2026). Autónomo: no depende de las variables ni del reset de cada web.
   Marca 2026 sin azulados: negro #000, verde #3cc1a0, Inter. Se aplica con aplicar_pie.py. */
.rm-pie{ position:relative; overflow:hidden; margin:0; background:#000; color:#fff; padding-top:88px; text-align:left;
  font-family:'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size:16px; line-height:1.5;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; border-top:1px solid rgba(255,255,255,.08); }
.rm-pie *, .rm-pie *::before, .rm-pie *::after{ box-sizing:border-box; }
.rm-pie-cont{ width:100%; max-width:1344px; margin-inline:auto; padding-inline:32px; }
.rm-pie-grid{ display:grid; grid-template-columns:minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)); gap:48px; }
.rm-pie-logo{ display:inline-flex; align-items:center; gap:10px; font-size:24px; font-weight:600; letter-spacing:-.03em; color:#fff; text-decoration:none; }
.rm-pie-logo svg{ display:block; width:30px; height:26px; fill:#3cc1a0; }
.rm-pie-marca p{ max-width:360px; margin:18px 0 0; font-size:15.5px; line-height:1.55; color:rgba(255,255,255,.55); }
.rm-pie-inicio{ display:inline-flex; align-items:center; gap:8px; margin-top:20px; font-size:14.5px; font-weight:500; color:#3cc1a0; text-decoration:none; }
.rm-pie-inicio svg{ width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; transition:transform .25s; }
.rm-pie-inicio:hover svg{ transform:translateX(3px); }
.rm-pie-col{ display:flex; flex-direction:column; gap:12px; }
.rm-pie-col b{ margin-bottom:6px; font-size:12px; font-weight:600; letter-spacing:.12em; text-transform:uppercase; color:rgba(255,255,255,.4); }
.rm-pie-col a, .rm-pie-col span{ width:fit-content; font-size:15px; font-weight:400; color:rgba(255,255,255,.75); text-decoration:none; font-variant-numeric:tabular-nums; transition:color .2s; }
.rm-pie-col a:hover{ color:#3cc1a0; }
.rm-pie a:focus-visible{ outline:2px solid #3cc1a0; outline-offset:3px; border-radius:4px; }
.rm-pie-base{ display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; margin-top:72px; padding-block:24px; border-top:1px solid rgba(255,255,255,.08); font-size:12.5px; color:rgba(255,255,255,.4); }
.rm-pie-gigante{ margin:0 0 -.2em; padding:0; text-align:center; font-size:clamp(84px, 20vw, 300px); font-weight:600; line-height:1; letter-spacing:-.065em; white-space:nowrap; pointer-events:none; user-select:none;
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 85%); -webkit-background-clip:text; background-clip:text; color:transparent; }
@media (max-width:980px){ .rm-pie{ padding-bottom:84px; } }   /* deja sitio a la barra del botón en el móvil */
@media (max-width:899.98px){
  .rm-pie{ padding-top:64px; }
  .rm-pie-grid{ grid-template-columns:1fr 1fr; gap:36px 24px; }
  .rm-pie-marca{ grid-column:1 / -1; }
  .rm-pie-base{ margin-top:48px; flex-direction:column; gap:8px; }
}
@media (max-width:640px){ .rm-pie-cont{ padding-inline:16px; } }