/*
Theme Name: Hello Elementor Child - Coraltia CRM
Theme URI: https://coraltia.com
Description: Tema hijo para la web corporativa de Coraltia CRM. Desarrollado con Manrope, paleta corporativa oficial y componentes de alta conversión.
Author: Encarnica (Antigravity)
Author URI: https://coraltia.com
Template: hello-elementor
Version: 1.0.0
Text Domain: coraltia-crm
*/

:root {
    --font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --color-teal: #0F8A87;
    --color-teal-light: #3CC3BF;
    --color-teal-soft: #E2F3F2;
    --color-coral: #F2775C;
    --color-coral-hover: #e06246;
    --color-coral-soft: #FDE8E2;
    --color-night: #12232B;
    --color-ink: #1D2A33;
    --color-muted: #5F6F7A;
    --color-line: #DFE5E8;
    --color-bg: #F8FAFB;
    --color-white: #FFFFFF;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;
    --radius-full: 9999px;
    --shadow-sm: 0 2px 8px rgba(18, 35, 43, 0.05);
    --shadow-md: 0 8px 24px rgba(18, 35, 43, 0.08);
    --shadow-lg: 0 16px 40px rgba(18, 35, 43, 0.12);
    --container-max: 1200px;
}

body {
    font-family: var(--font-sans);
    color: var(--color-ink);
    background-color: var(--color-bg);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-sans);
    color: var(--color-ink);
    font-weight: 800;
    line-height: 1.2;
    margin-top: 0;
}

a {
    color: var(--color-teal);
    text-decoration: none;
    transition: all 0.2s ease;
}

a:hover {
    color: var(--color-coral);
}

.cor-container {
    max-width: var(--container-max);
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
}