/*
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;
}

/* Tipografía y Espaciado Editorial de Artículos */
.cor-article-single {
    width: 100%;
}

.cor-prose,
.entry-content {
    font-size: 17px;
    line-height: 1.8;
    color: #2D3D47;
}

.cor-prose h2,
.entry-content h2 {
    font-size: clamp(24px, 3.2vw, 32px);
    font-weight: 800;
    color: #12232B;
    line-height: 1.3;
    margin-top: 52px !important;
    margin-bottom: 18px !important;
    letter-spacing: -0.01em;
}

.cor-prose h3,
.entry-content h3 {
    font-size: clamp(20px, 2.6vw, 24px);
    font-weight: 800;
    color: #12232B;
    line-height: 1.35;
    margin-top: 38px !important;
    margin-bottom: 14px !important;
}

.cor-prose h2 + h3,
.entry-content h2 + h3 {
    margin-top: 16px !important;
}

.cor-prose h4,
.entry-content h4 {
    font-size: 18px;
    font-weight: 700;
    color: #12232B;
    margin-top: 30px !important;
    margin-bottom: 12px !important;
}

.cor-prose p,
.entry-content p {
    margin-top: 0 !important;
    margin-bottom: 22px !important;
    font-size: 17px;
    line-height: 1.8;
    color: #2D3D47;
}

.cor-prose ul,
.cor-prose ol,
.entry-content ul,
.entry-content ol {
    margin-top: 8px !important;
    margin-bottom: 26px !important;
    padding-left: 28px;
}

.cor-prose li,
.entry-content li {
    margin-bottom: 10px;
    line-height: 1.75;
    color: #2D3D47;
}

.cor-prose blockquote,
.entry-content blockquote {
    margin: 36px 0;
    padding: 20px 28px;
    border-left: 4px solid #F2775C;
    background: #FFF7F5;
    border-radius: 0 12px 12px 0;
    font-style: italic;
    color: #334155;
}

.cor-prose hr,
.entry-content hr {
    border: none;
    border-top: 1px solid #DFE5E8;
    margin: 45px 0;
}

.cor-prose .cor-cta-box,
.entry-content .cor-cta-box {
    margin: 50px 0 !important;
}