/*
Theme Name: StartWise Child
Theme URI: https://startwise.com.co
Description: Tema hijo corporativo de StartWise basado en Astra
Author: Gustavo Valencia
Author URI: https://startwise.com.co
Template: astra
Version: 1.0.0
Text Domain: startwise-child
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/

/* ============================================================
   Paleta corporativa StartWise
   ============================================================ */
:root {
    --sw-primary:     #1B3A5C;  /* Azul corporativo profundo */
    --sw-secondary:   #2E86C1;  /* Azul medio — CTAs y links */
    --sw-accent:      #F39C12;  /* Naranja — destacados y badges */
    --sw-dark:        #1A1A2E;  /* Casi negro — textos principales */
    --sw-light:       #F4F6F9;  /* Gris claro — fondos de sección */
    --sw-white:       #FFFFFF;
    --sw-border:      #DDE3EA;  /* Bordes sutiles */
    --sw-success:     #27AE60;  /* Verde — confirmaciones */
    --sw-error:       #E74C3C;  /* Rojo — errores */

    --sw-font-heading: 'Montserrat', sans-serif;
    --sw-font-body:    'Raleway', sans-serif;
    --sw-radius:       6px;
    --sw-shadow:       0 2px 12px rgba(27, 58, 92, 0.10);
}

/* ============================================================
   Tipografía base
   ============================================================ */
body {
    font-family: var(--sw-font-body);
    color: var(--sw-dark);
    line-height: 1.7;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--sw-font-heading);
    color: var(--sw-primary);
    font-weight: 700;
    line-height: 1.25;
}

a {
    color: var(--sw-secondary);
    text-decoration: none;
}

a:hover {
    color: var(--sw-primary);
}

/* ============================================================
   Botones primarios
   ============================================================ */
.sw-btn-primary,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
    background-color: var(--sw-secondary);
    color: var(--sw-white);
    border: none;
    border-radius: var(--sw-radius);
    padding: 12px 28px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.sw-btn-primary:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
    background-color: var(--sw-primary);
    color: var(--sw-white);
}

/* ============================================================
   Header / Navbar
   ============================================================ */
.site-header,
.ast-header-wrap {
    background-color: var(--sw-primary);
    box-shadow: var(--sw-shadow);
}

.ast-header-wrap .main-header-bar {
    background-color: var(--sw-primary);
}

/* Logo y navegación */
.site-title a,
.ast-site-title-wrap a {
    color: var(--sw-white);
}

.main-header-menu .menu-item a,
.ast-builder-menu .menu-item a {
    color: var(--sw-white);
    font-weight: 500;
}

.main-header-menu .menu-item a:hover,
.main-header-menu .current-menu-item > a {
    color: var(--sw-accent);
}

/* ============================================================
   Footer
   ============================================================ */
.site-footer,
.ast-footer-overlay {
    background-color: var(--sw-primary);
    color: rgba(255, 255, 255, 0.75);
}

.site-footer a {
    color: var(--sw-accent);
}

/* ============================================================
   WooCommerce — Checkout y carrito
   ============================================================ */
.woocommerce-checkout .woocommerce-input-wrapper input,
.woocommerce-checkout select {
    border: 1px solid var(--sw-border);
    border-radius: var(--sw-radius);
}

.woocommerce #payment #place_order {
    background-color: var(--sw-success);
    color: var(--sw-white);
    font-size: 1.1rem;
    padding: 14px 32px;
}

.woocommerce #payment #place_order:hover {
    background-color: #1e8449;
}

/* ============================================================
   Secciones alternadas
   ============================================================ */
.sw-section-light {
    background-color: var(--sw-light);
    padding: 60px 0;
}

.sw-section-dark {
    background-color: var(--sw-primary);
    color: var(--sw-white);
    padding: 60px 0;
}