/* ==========================================
   PAGE STYLE - ELEMENTOR FREEDOM EDITION
   ========================================== */

/* 1. ESTILO BASE DEL BODY (El "Lienzo" debajo de todo) */
/* Esto asegura que si no pones fondo, sea Negro Tech por defecto.
   Pero Elementor puede sobrescribir esto en "Ajustes de Página". */
body.page {
    background-color: #0b0c10; /* Fondo Tech Default */
    color: #c5c6c7;            /* Color Texto Default */
}

/* 2. CONTENEDOR PRINCIPAL (Transparente) */
.tech-freedom-canvas {
    /* IMPORTANTE: Transparente para dejar ver el fondo que elijas en Elementor */
    background-color: transparent; 
    
    /* Mínima altura para llenar pantalla */
    min-height: 100vh;
    
    /* CRÍTICO: Espacio superior para que tu Header Fijo no tape la primera sección */
    padding-top: var(--header-height, 80px); 
    
    /* Reset de anchos: Elementor controla el ancho al 100% */
    width: 100%;
    display: block;
}

/* 3. COMPATIBILIDAD ELEMENTOR */
/* Aseguramos que las secciones de Elementor no tengan márgenes extraños */
.elementor-section {
    margin-top: 0;
    margin-bottom: 0;
}

/* 4. TIPOGRAFÍA DINÁMICA */
/* Por defecto usamos la fuente del tema, pero dejamos que Elementor la cambie */
.tech-freedom-canvas h1,
.tech-freedom-canvas h2,
.tech-freedom-canvas h3,
.tech-freedom-canvas h4,
.tech-freedom-canvas h5,
.tech-freedom-canvas h6 {
    color: inherit; /* Hereda lo que digas en Elementor */
}

.tech-freedom-canvas p {
    color: inherit;
}

.tech-freedom-canvas a {
    /* Solo aplicamos estilo si NO es un botón de Elementor */
    color: #66fcf1; 
    transition: color 0.3s;
}

/* Excepción: No colorear botones de Elementor */
.elementor-button {
    color: inherit !important; 
}