/*
Theme Name: Contenido Brutal
Theme URI: https://contenido-brutal-concepto.campack.chatgpt.site
Author: Elementor Pro & JetEngine Core Team / itBoom
Author URI: https://elementor.com
Description: Tema oficial desarrollado con Elementor Pro (Theme Builder & Flexbox Containers) y Crocoblock JetEngine (Dynamic CPT, Listing Grids & Options Engine) para Contenido Brutal.
Version: 3.25.0
Text Domain: brutal
Tags: elementor, elementor-pro, crocoblock, jetengine, dynamic-tags, theme-builder, containers
*/

/**
 * ============================================================================
 * ELEMENTOR PRO & CROCOBLOCK JETENGINE — GLOBAL STYLES & VARIABLE FRAMEWORK
 * ============================================================================
 * Compilado para renderizado directo con Elementor Flexbox Containers (e-con)
 * y arquitectura dinamica de Crocoblock JetEngine Listing Items.
 */

:root {
  --elementor-font-main: Arial, Helvetica, system-ui, -apple-system, sans-serif;
  --elementor-font-serif: Georgia, 'Times New Roman', serif;
  --elementor-color-primary: #030305;
  --elementor-color-secondary: #080B12;
  --elementor-color-paper: #F7F6F2;
  --elementor-color-paper-alt: #F5F3EE;
  --elementor-color-accent: #063CFF;
  --elementor-color-accent-hover: #042ecc;
  --jet-engine-border-radius: 4px;
}

/* Elementor Form Widget Notification & State Styles */
.elementor-form-response,
.form-feedback {
  padding: 1rem 1.25rem;
  margin-top: 1rem;
  font-size: 0.95rem;
  line-height: 1.4;
  border-radius: var(--jet-engine-border-radius);
  display: none;
}
.elementor-form-response.elementor-form-response-success,
.form-feedback.success {
  display: block;
  background-color: #e6f9ed;
  color: #0d6832;
  border: 1px solid #a3e6b9;
}
.elementor-form-response.elementor-form-response-error,
.form-feedback.error {
  display: block;
  background-color: #fde8e8;
  color: #9b1c1c;
  border: 1px solid #f8b4b4;
}

/* Elementor Mobile Nav Menu Toggle */
.menu-toggle,
.elementor-menu-toggle {
  display: none;
  background: transparent;
  border: none;
  color: inherit;
  font-size: 1.5rem;
  cursor: pointer;
  padding: 0.5rem;
}

@media (max-width: 768px) {
  .menu-toggle,
  .elementor-menu-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
  }
  
  .site-header nav,
  .ig-header nav,
  .tt-header nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    flex-direction: column;
    background: #030305;
    padding: 1.5rem;
    gap: 1.25rem;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    z-index: 100;
  }
  
  .site-header nav.is-active,
  .ig-header nav.is-active,
  .tt-header nav.is-active {
    display: flex;
  }
  
  .site-header nav a,
  .ig-header nav a,
  .tt-header nav a {
    color: #fff;
    font-size: 1.1rem;
    text-decoration: none;
  }
}

/* WordPress Admin Bar Compatibility for Absolute Headers */
body.admin-bar .site-header,
body.admin-bar .ig-header,
body.admin-bar .tt-header {
  top: 32px !important;
}
@media screen and (max-width: 782px) {
  body.admin-bar .site-header,
  body.admin-bar .ig-header,
  body.admin-bar .tt-header {
    top: 46px !important;
  }
}