/*
Theme Name: MoviPay
Theme URI: https://movipay.com
Author: MoviPay
Description: Tema oficial de MoviPay para WordPress. Diseñado para funcionar junto al plugin "MoviPay Core" (Supabase, Google, encriptación y seguridad). Reproduce la identidad visual de la app: azul #0C5DF4, verde #20C997 y tipografía Inter.
Version: 2.0.0
Requires at least: 6.0
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: movipay
*/

:root{
  --mp-primary:#0C5DF4; --mp-success:#20C997; --mp-fg:#0f172a; --mp-bg:#f8fafc;
  --mp-border:#e2e8f0; --mp-muted:#64748b;
}
*{box-sizing:border-box;}
body{margin:0;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--mp-bg);color:var(--mp-fg);}
a{color:var(--mp-primary);}
img{max-width:100%;height:auto;}

/* Header */
.mp-site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);border-bottom:1px solid var(--mp-border);}
.mp-header-inner{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.8rem 1.25rem;}
.mp-logo img{height:40px;width:auto;display:block;}
.mp-logo{display:flex;align-items:center;text-decoration:none;font-weight:800;font-size:1.3rem;color:var(--mp-fg);gap:.4rem;}
.mp-nav{display:flex;align-items:center;gap:1.2rem;}
.mp-nav a{color:var(--mp-fg);text-decoration:none;font-weight:500;font-size:.95rem;}
.mp-nav a:hover{color:var(--mp-primary);}
.mp-nav .mp-nav-cta{background:var(--mp-primary);color:#fff;padding:.55rem 1.1rem;border-radius:.6rem;font-weight:600;box-shadow:0 4px 14px rgba(12,93,244,.25);}

/* Footer */
.mp-site-footer{background:#0f172a;color:#cbd5e1;margin-top:3rem;}
.mp-footer-inner{max-width:1120px;margin:0 auto;padding:2.5rem 1.25rem;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;}
.mp-site-footer a{color:#cbd5e1;text-decoration:none;display:block;padding:.2rem 0;font-size:.9rem;}
.mp-site-footer a:hover{color:#fff;}
.mp-site-footer h5{color:#fff;margin:0 0 .6rem;font-size:.95rem;}
.mp-footer-bottom{border-top:1px solid #1e293b;text-align:center;padding:1rem;font-size:.82rem;color:#64748b;}

/* 404 */
.mp-404{max-width:560px;margin:0 auto;padding:5rem 1.25rem;text-align:center;}
.mp-404 h1{font-size:5rem;margin:0;color:var(--mp-primary);}

@media(max-width:680px){
  .mp-nav{gap:.7rem;}
  .mp-nav .mp-hide-mobile{display:none;}
}