/* ── Buksy Create Club – Public Styles ───────────────────────── */ .bcc-wrapper { max-width: 900px; margin: 0 auto; padding: 0px 20px 60px; font-family: inherit; box-sizing: border-box; } /* ── Hero ──────────────────────────────────────────────────────── */ .bcc-hero { text-align: center; margin-bottom: 40px; } .bcc-title { font-size: 28px; font-weight: 700; color: #111; margin: 0 0 20px; line-height: 1.25; } .bcc-subtitle { font-size: 15px; color: #666; line-height: 1.65; margin: 0 0 10px; /* max-width: 680px; */ margin-left: auto; margin-right: auto; } /* ── Notices ──────────────────────────────────────────────────── */ .bcc-notice { padding: 14px 18px; border-radius: 8px; margin-bottom: 28px; font-size: 14px; line-height: 1.5; } .bcc-notice p { margin: 0; } .bcc-notice--success { background: #D1E7DD; color: #0F5132; border: 1px solid #badbcc; } .bcc-notice--error { background: #F8D7DA; color: #842029; border: 1px solid #f5c2c7; } /* ── Two-column layout ─────────────────────────────────────────── */ .bcc-layout { display: flex; gap: 48px; align-items: flex-start; margin-bottom: 64px; } .bcc-form-col { flex: 0 0 55%; max-width: 55%; } .bcc-illustration-col { flex: 0 0 45%; max-width: 45%; display: flex; justify-content: center; align-items: flex-start; } .bcc-illustration { width: 100%; max-width: 420px; height: auto; display: block; } /* ── Form ──────────────────────────────────────────────────────── */ .bcc-form { display: flex; flex-direction: column; gap: 24px; } .bcc-field { display: flex; flex-direction: column; } .bcc-field label { font-size: 14px; font-weight: 600; display: block; margin-bottom: 6px; color: #111; } .bcc-field input[type="text"], .bcc-field input[type="email"] { border: 1px solid #D0D0D0; border-radius: 8px; padding: 10px 14px; width: 100%; font-size: 14px; color: #333; background: #fff; box-sizing: border-box; transition: border-color 0.2s ease, box-shadow 0.2s ease; -webkit-appearance: none; appearance: none; } .bcc-field input[type="text"]:focus, .bcc-field input[type="email"]:focus { outline: none; border-color: #3D3BF3; box-shadow: 0 0 0 3px rgba(61, 59, 243, 0.12); } /* ── Submit button ─────────────────────────────────────────────── */ .bcc-btn { display: inline-block; background: #3D3BF3; color: #fff; border-radius: 8px; padding: 12px 28px; font-size: 15px; font-weight: 600; border: none; cursor: pointer; line-height: 1; transition: background 0.2s ease, transform 0.1s ease; width: fit-content; } .bcc-btn:hover { background: #2a28d4; color: #fff; } .bcc-btn:active { transform: scale(0.97); } .bcc-btn:disabled { background: #999; cursor: not-allowed; } /* ── Login notice ──────────────────────────────────────────────── */ .bcc-login-notice { font-size: 15px; color: #333; padding: 20px 0; } .bcc-login-notice a { color: #3D3BF3; text-decoration: underline; } /* ── Info section ──────────────────────────────────────────────── */ .bcc-info-section { text-align: center; padding-top: 30px; border-top: 1px solid #eee; } .bcc-info-title { font-size: 16px; font-weight: 700; color: #111; margin: 0 0 14px; } .bcc-info-text { font-size: 14px; color: #555; line-height: 1.7; margin: 0 0 8px; /* max-width: 700px; */ margin-left: auto; margin-right: auto; } /* ── Ocultar título del tema en la página del formulario ──────── */ /* Se aplica solo cuando el tiene la clase .bcc-hide-title, que el plugin añade vía body_class filter únicamente en las páginas que contienen el shortcode [buksy_create_club_form]. Se cubren los selectores más habituales de temas populares. */ .bcc-hide-title .entry-title, .bcc-hide-title .page-title, .bcc-hide-title h1.page-title, .bcc-hide-title h1.entry-title, .bcc-hide-title .post-title, .bcc-hide-title .wp-block-post-title, .bcc-hide-title .page-header, .bcc-hide-title .entry-header > h1:first-child, .bcc-hide-title .article-title { display: none !important; } /* ── Responsive ────────────────────────────────────────────────── */ @media (max-width: 768px) { .bcc-layout { flex-direction: column; gap: 32px; } .bcc-form-col { flex: 0 0 100%; max-width: 100%; } .bcc-illustration-col { display: none; } .bcc-title { font-size: 22px; } }