/*
Theme Name: Divi Child
Theme URI: https://fundacionportodosmishermanos.org.bo
Description: Tema hijo de Divi para la Fundación. Permite edición directa de código (PHP, CSS, JS) sin interferir con las capacidades visuales del constructor Divi Builder.
Author: Desarrollo
Author URI: https://fundacionportodosmishermanos.org.bo
Template: Divi
Version: 1.0.0
*/

/* ==========================================================================
   1. VARIABLES Y DESIGN TOKENS
   Define colores, tipografías y espaciados globales aquí
   ========================================================================== */
:root {
  --fundacion-primary: #1a4f8b;
  --fundacion-primary-hover: #133c6a;
  --fundacion-secondary: #e65c00;
  --fundacion-accent: #2e7d32;
  --fundacion-bg-light: #f8f9fa;
  --fundacion-text-main: #2b2b2b;
  --fundacion-radius-sm: 6px;
  --fundacion-radius-md: 12px;
  --fundacion-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ==========================================================================
   2. CLASES REUTILIZABLES PARA MÓDULOS DE DIVI
   Uso: En Divi Builder -> Editar Módulo -> Avanzado -> Clases CSS
   ========================================================================== */

/* Efecto hover suave para tarjetas y módulos de Divi */
.custom-card-hover {
  transition: var(--fundacion-transition) !important;
}

.custom-card-hover:hover {
  transform: translateY(-6px);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.12) !important;
}

/* Caja de saludo shortcode */
.custom-greeting-box {
  display: inline-block;
  padding: 10px 18px;
  background-color: var(--fundacion-bg-light);
  border-left: 4px solid var(--fundacion-primary);
  border-radius: var(--fundacion-radius-sm);
  font-weight: 600;
  color: var(--fundacion-text-main);
  margin: 10px 0;
}

/* ==========================================================================
   3. ESTILOS PERSONALIZADOS ADICIONALES
   Agrega aquí todo tu CSS directo
   ========================================================================== */