/*
Theme Name: MasterPubli Shop by JMT
Theme URI: https://masterpubli.eu
Author: By JMT
Author URI: https://masterpubli.com
Description: Tema oficial MasterPubli Shop — tienda de afiliados Amazon y AliExpress, segunda mano y náutica. Preparado para WooCommerce, Adsense, PromoPilot y automatización By JMT.
Version: 4.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: masterpubli-shop
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-logo, custom-menu, featured-images, flexible-header, ecommerce, woocommerce
*/

/* RESET BÁSICO */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body, h1, h2, h3, h4, h5, h6, p, ul, ol, figure, blockquote { margin: 0; padding: 0; }
ul, ol { padding-left: 1.25rem; }

:root {
    --fb-primary:    #2058b0;
    --fb-secondary:  #44e7ee;
    --fb-accent:     #ffd700;
    --fb-accent-2:   #1e293b;
    --fb-text:       #1a202c;
    --fb-text-soft:  #5f6d7b;
    --fb-bg:         #f4f7fb;
    --fb-surface:    #ffffff;
    --fb-surface-2:  #eef4fb;
    --fb-border:     #d9e3f0;
    --fb-radius:     22px;
    --fb-shadow:     0 12px 28px rgba(32,88,176,0.10);
    --fb-shadow-hover: 0 20px 40px rgba(32,88,176,0.16);
    --fb-container:  1220px;
    /* WooCommerce */
    --wc-price:      #e53935;
    --wc-badge-sale: #e53935;
    --wc-btn:        #2058b0;
}

body {
    font-family: "Segoe UI", Arial, sans-serif;
    background: linear-gradient(180deg, #f4f7fb 0%, #eef3f8 100%);
    color: var(--fb-text);
    line-height: 1.6;
    min-height: 100vh;
}

img { max-width: 100%; height: auto; display: block; }
a { color: var(--fb-primary); text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }

.screen-reader-text {
    position: absolute; width: 1px; height: 1px; padding: 0;
    margin: -1px; overflow: hidden; clip: rect(0,0,0,0);
    white-space: nowrap; border: 0;
}

.site-wrap { min-height: 100vh; display: flex; flex-direction: column; }
.site-main  { flex: 1 1 auto; }
.fb-container { width: min(100% - 32px, var(--fb-container)); margin: 0 auto; }