/* Estilos frontend WEEZINE XFER (español, responsive, colores de marca) */
:root{
  --wz-primary: #2E6BFF;
  --wz-accent: #0F54FF;
  --wz-bg: #FAFAF7;
  --wz-text: #1F2937;
}
*{box-sizing:border-box}
.weezine-logo{font-weight:800;font-size:28px;color:var(--wz-primary);margin-bottom:8px}
.weezine-auth{max-width:720px;margin:24px auto;padding:16px}
.weezine-auth h2{text-align:center;letter-spacing:.08em;margin:8px 0 16px}
.weezine-auth form{display:flex;flex-direction:column;gap:12px}
.weezine-auth input{padding:14px;border:1px solid #ddd;border-radius:10px;background:#fff}
.weezine-btn{background:var(--wz-primary);color:#fff;border:none;border-radius:14px;padding:12px 18px;font-weight:700;cursor:pointer;box-shadow:0 6px 20px rgba(46,107,255,.2)}
.weezine-btn:hover{opacity:.95}
.weezine-btn-outline{background:transparent;color:var(--wz-primary);border:2px solid var(--wz-primary);border-radius:14px;padding:10px 16px;font-weight:700;cursor:pointer}
.weezine-small{font-size:12px;text-align:center;margin-top:12px}
.weezine-error{color:#b00020;margin-top:10px}
.weezine-card{max-width:680px;margin:12px auto;padding:18px;background:#fff;border:1px solid #eee;border-radius:16px}

.weezine-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1000px;margin:12px auto}
.weezine-plan{background:#fff;border:1px solid #eee;border-radius:16px;padding:14px;text-align:center}
.weezine-plan .plan-title{color:#666;margin-bottom:8px}
.weezine-plan .plan-name{font-size:20px;font-weight:800;background:var(--wz-bg);display:inline-block;padding:8px 14px;border-radius:12px;margin-bottom:6px}
.weezine-plan .plan-price{font-size:14px;margin:6px 0 12px}
.weezine-form{max-width:1000px;margin:10px auto;background:#fff;border:1px dashed #c9d4ff;border-radius:18px;padding:14px}
.weezine-form .row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px}
.weezine-form label{font-size:14px;color:#555}
.weezine-form input[type=text], .weezine-form input[type=email]{padding:12px;border:1px solid #ddd;border-radius:10px;width:100%}
.weezine-form .dropzone{border:2px dashed #aac2ff;border-radius:14px;padding:22px;text-align:center;margin:14px 0;background:#f9fbff}
.weezine-result{display:flex;align-items:center;gap:8px;margin-top:12px}
.weezine-result input{flex:1;padding:10px;border:1px solid #ddd;border-radius:10px}
.weezine-copy{padding:10px 12px;border-radius:10px;border:1px solid #ddd;background:#f6f6f6}

.weezine-account{max-width:1000px;margin:20px auto;background:#fff;border-radius:18px;padding:16px;border:1px solid #eee}
.weezine-tabs{display:flex;gap:10px;margin:8px 0 16px}
.weezine-tabs button{flex:1;border:1px solid #ddd;background:#fff;padding:10px;border-radius:12px;cursor:pointer}
.weezine-tabs button.active{background:var(--wz-primary);color:#fff;border-color:var(--wz-primary)}
.tab-panel{display:none}.tab-panel.show{display:block}
.weezine-table{width:100%;border-collapse:collapse}
.weezine-table th,.weezine-table td{border-bottom:1px solid #eee;padding:10px;text-align:left}

.weezine-divider{text-align:center;color:#666;margin:16px 0}

@media (max-width:900px){
  .weezine-pricing{grid-template-columns:1fr}
  .weezine-form .row{grid-template-columns:1fr}
}

/* Branding y botones */
.weezine-logo-img{display:block;width:180px;height:auto;margin:0 auto 12px auto}
.weezine-auth .weezine-btn-google{display:flex;align-items:center;gap:10px;justify-content:center;border:1px solid #ddd;background:#fff;border-radius:10px;padding:14px;width:100%;font-weight:700}
.weezine-auth .weezine-btn-google img{width:22px;height:22px}
.weezine-auth input, .weezine-auth .weezine-btn-google{width:100%}
.weezine-logout-btn{margin-top:12px;display:inline-block}
/* Botón cerrar sesión en Mi Cuenta */
.weezine-account{position:relative}
.weezine-account-actions{position:absolute;top:16px;right:16px}
.weezine-btn-logout{background:transparent;color:var(--wz-primary);border:2px solid var(--wz-primary)}
.weezine-btn-logout:hover{opacity:.9}