/*
Theme Name: Código Carving Child
Theme URI: https://codigocarving.es
Description: Tema hijo de Hello Elementor para Código Carving
Author: Código Carving
Author URI: https://codigocarving.es
Template: hello-elementor
Version: 1.0.0
Text Domain: codigo-carving-child
*/

:root {
    --cc-color-text: #1F2327;
    --cc-color-heading: #111820;
    --cc-color-accent: #6F5B4B;
    --cc-color-accent-medium: #80664F;
    --cc-color-accent-soft: #B7A38F;
    --cc-color-border: #E5DDD4;
    --cc-color-border-strong: #D8C8B8;
    --cc-color-background-soft: #F8F4EF;
    --cc-color-background-section: #F6F1EB;
    --cc-color-background-services: #F3EEE8;
    --cc-color-white: #FFFFFF;
    --cc-shadow-card: 0 12px 30px rgba(31, 35, 39, 0.08);
}

/* Eyebrows de secciones */
.cc-eyebrow {
    margin: 0 0 24px !important;
    color: var(--cc-color-accent) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

/* Título principal del Hero */
.cc-hero-title {
    margin: 0 !important;
    max-width: 620px;
    color: var(--cc-color-heading) !important;
    font-size: clamp(36px, 3.8vw, 50px) !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.025em;
}

/* Palabras destacadas dentro de títulos */
.cc-highlight {
    color: var(--cc-color-accent-soft);
}

/* Texto principal */
.cc-body {
    margin: 0 !important;
    color: var(--cc-color-text) !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
}

/* Botones principales */
.cc-button {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 52px;
    padding: 14px 28px !important;
    border: 1px solid var(--cc-color-accent) !important;
    border-radius: 4px !important;
    background-color: var(--cc-color-accent) !important;
    color: var(--cc-color-white) !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-decoration: none !important;
    transition: background-color 0.25s ease, transform 0.25s ease;
}

.cc-button:hover {
    background-color: var(--cc-color-accent-medium) !important;
    color: var(--cc-color-white) !important;
    transform: translateY(-2px);
}