/* ========= Footer ========= */
:root{
    --f-bg: #0f0f11;
    --f-fg: #e8e8ec;
    --f-muted: #b8bcc7;
    --f-accent: #ff6a00;
    --f-line: rgba(0,0,0,.08);
    --container: min(1200px, 92vw);
    --white-bg:#fff;
    --text-grey:#667085;
  }
  
  .mcp-container{ width: var(--container); margin-inline: auto; }
  
  /* ===== A-Z strip ===== */
  .mcp-alpha-strip{ background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee;margin-top:40px; }
  .mcp-alpha-strip .mcp-container{ display:flex; align-items:center; gap:14px; padding:10px 0; overflow:auto; scrollbar-width:none;}
  .mcp-alpha-strip .label{ font-weight:600; color:#ff6a00; white-space:nowrap; }
  .mcp-alpha-strip .letters{ display:flex; gap:14px; }
  .mcp-alpha-strip a{ color:#1c1c1c; text-decoration:none; font-weight:500; letter-spacing:.02em; padding:4px 6px; border-radius:8px; transition:color .2s; }
  .mcp-alpha-strip a:hover{ color:#ff6a00; }
  
  /* ===== Footer principal ===== */
  .mcp-footer{ background:#fff; border-top:1px solid #eee; }
  
  .mcp-footer-grid{
    display:grid; gap:34px; padding:40px 0;
    grid-template-columns: 1.3fr 1fr 1fr 1.2fr;
  }
  @media (max-width: 980px){ .mcp-footer-grid{ grid-template-columns:1fr 1fr; } }
  @media (max-width: 640px){ .mcp-footer-grid{ grid-template-columns:1fr; } }
  
  .mcp-f-col .f-title{
    font-size:15px; margin:6px 0 12px; color:#1f2328;
    letter-spacing:.02em; text-transform:uppercase; font-weight:800;
  }
  .mcp-f-col .f-desc{ color:#98a2b3; margin:0 0 10px; }
  
  .mcp-f-col .f-links{ list-style:none; padding:0; margin:0; display:grid; gap:8px; }
  .mcp-f-col .f-links a{ color:var(--text-grey); text-decoration:none; }
  .mcp-f-col .f-links a:hover{ color:#1f2328; text-decoration:underline; }
  
  /* Marca */
  .mcp-footer .brand .brand-link{ display:inline-flex; align-items:center; gap:10px; text-decoration:none; color:#1f2328; }
  .mcp-footer .brand .custom-logo{ max-height:40px; width:auto; }
  .mcp-footer .brand .brand-text{ font-weight:800; font-size:20px; letter-spacing:.02em; }
  .mcp-footer .brand .tagline{ margin:10px 0 14px; color:#98a2b3; }
  
  /* Social (look limpio + colores de marca al hover) */
  .mcp-social{ display:flex; gap:12px; list-style:none; padding:0; margin:0; }
  .mcp-social a{
    width:38px; height:38px; display:grid; place-items:center;
    border-radius:999px; background:#f4f6f8; color:#5a5f6a;
    text-decoration:none; transition:transform .15s, background .2s, color .2s, box-shadow .2s;
    box-shadow: inset 0 0 0 1px rgba(0,0,0,.06);
  }
  .mcp-social a:hover{ transform:translateY(-2px); color:#fff; box-shadow:none; }
  .mcp-social svg{ width:18px; height:18px; fill:currentColor; }
  .mcp-social a.is-facebook:hover  { background:#1877f2; }
  .mcp-social a.is-instagram:hover { background:#E1306C; }
  .mcp-social a.is-youtube:hover   { background:#FF0000; }
  .mcp-social a.is-tiktok:hover    { background:#000; }
  .mcp-social a.is-x:hover         { background:#000; }
  .mcp-social a.is-pinterest:hover { background:#E60023; }
  
  /* Newsletter tipo tarjeta */
  .f-newsletter{
    display:flex; gap:8px; align-items:center;
    background:#fafbfc; border:1px solid #e6e8eb; border-radius:12px; padding:8px;
  }
  .f-newsletter input{ flex:1; min-width:0; padding:10px 12px; border:0; background:transparent; color:#1f2328; }
  .f-newsletter input::placeholder{ color:#9aa0ab; }
  .f-newsletter button{
    padding:10px 14px; border:0; border-radius:10px;
    background:var(--f-accent); color:#fff; font-weight:700; cursor:pointer;
  }
  
  /* Barra inferior */
  .mcp-footer-bottom{ background:#fff; border-top:1px solid #eee; padding:16px 0; }
  .mcp-footer-bottom .mcp-container{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
  .mcp-footer-bottom .bottom-footer{ margin:0; color:#475467; font-weight:600; }
  .mcp-footer-bottom .bottom-links{ display:flex; gap:10px; align-items:center; }
  .mcp-footer-bottom .bottom-links a{ color:#475467; text-decoration:none; }
  .mcp-footer-bottom .bottom-links a:hover{ color:#1f2328; text-decoration:underline; }
  
  /* Utilidad accesible */
  .sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }