/* Footer de BloP (opción C con fondo oscuro). Sale de home-app.css el 2026-10-21 para usarlo igual en el inicio (index.html)
   y en el Portal chefs / Portal creadores (Views/_site_footer.php, pedido del usuario). */
.site-footer{--app-line:rgba(255,255,255,.08)}
footer.site-footer{padding:56px 0 28px;background:#0D0D1F;color:rgba(255,255,255,.68);text-align:left;font-size:.92rem;border-top:1px solid var(--app-line)}
.site-footer a,.site-footer button{color:inherit;text-decoration:none}
.site-footer button{padding:0;border:0;background:none;font:inherit;cursor:pointer}
.site-footer-top{display:grid;grid-template-columns:1.2fr 2fr 1.2fr;gap:40px;align-items:start}
.site-footer-logo{display:inline-block}
.site-footer-brand img{display:block;height:64px;width:auto}
.site-footer-brand p{margin:12px 0 0;line-height:1.6;max-width:320px}
.site-footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.site-footer h5{margin:0 0 12px;color:#fff;font-size:.95rem;font-weight:900}
.site-footer ul{display:grid;gap:9px;margin:0;padding:0;list-style:none;font-weight:600}
.site-footer ul a:hover,.site-footer ul button:hover{color:#fff}
.site-footer ul em{margin-left:6px;padding:2px 7px;border-radius:999px;background:rgba(255,255,255,.12);font-style:normal;font-size:.66rem;font-weight:800}
.site-footer-pills{display:none}
.site-footer-help{padding:22px;border-radius:22px;background:#17142E;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.25)}
.site-footer-help strong{display:block;color:#fff;font-size:1.05rem;font-weight:900}
.site-footer-help p{margin:4px 0 0;font-size:.86rem}
.site-footer .site-footer-wa{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;margin-top:14px;border-radius:999px;background:#25D366;color:#fff;font-weight:900}
.site-footer .site-footer-wa:hover{filter:brightness(1.06);color:#fff}
.site-footer .site-footer-mail{display:block;margin-top:10px;text-align:center;color:#C9A8FF;font-size:.82rem;font-weight:800}
.site-footer-trust{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.site-footer-trust span{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:#fff;font-size:.8rem;font-weight:800}
.site-footer-trust i{color:#FF5FB0}
.site-footer-bottom{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.5);font-size:.8rem}
.site-footer-bottom a:hover{color:#fff}
.site-footer-social{display:flex;gap:10px}
.site-footer-social a{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:1.05rem}
.site-footer-social a:hover{background:rgba(255,255,255,.16);color:#fff}
@media(max-width:1199px){.site-footer-top{grid-template-columns:1fr 1.6fr}.site-footer-help{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:20px}.site-footer-help strong,.site-footer-help p{grid-column:1}.site-footer .site-footer-wa{grid-column:2;grid-row:1/3;margin-top:0;padding:0 26px}.site-footer .site-footer-mail{grid-column:2;margin-top:6px}}
@media(max-width:767px){
  footer.site-footer{padding:34px 0 24px}
  .site-footer-top{grid-template-columns:1fr;gap:22px}
  .site-footer-cols{display:none}
  .site-footer-pills{display:flex;flex-wrap:wrap;gap:8px}
  .site-footer-pills a,.site-footer-pills button{padding:9px 13px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:.82rem;font-weight:800}
  .site-footer-help{display:block}
  .site-footer .site-footer-wa{margin-top:14px}
  .site-footer .site-footer-mail{margin-top:10px}
  .site-footer-trust{margin-top:22px}
  .site-footer-bottom{flex-direction:column;align-items:flex-start}
}
/* Fuera del inicio no hay Bootstrap: el ancho del contenido lo da .site-footer-inner. */
.site-footer-inner{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}