/*
Theme Name: Astra Child Tiendanimal
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: Tema hijo de Astra personalizado para Tiendanimal. Incluye header personalizado basado en diseño Figma, tipografía Nunito y estilos CSS puros. Totalmente responsive y optimizado para WordPress.
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 1.0.0
Updated: 2025-09-05 16:30:00
Text Domain: astra-child-ta
*/

/* ========================================
   ASTRA CHILD TIENDANIMAL - ESTILOS BASE
   ======================================== */

/* Fuentes Nunito cargadas localmente via fonts.css */

/* Variables CSS globales */
:root {
    --primary-color: #00A651;
    --secondary-color: #2C3E50;
    --text-color: #333333;
    --text-light: #666666;
    --border-color: #E5E5E5;
    --background-color: #FFFFFF;
    --shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    --border-radius: 8px;
    --transition: all 0.3s ease;
    --header-height: 80px;
}

/* Reset básico */
* {
    box-sizing: border-box;
}

body {
    font-family: 'Nunito', sans-serif;
    line-height: 1.6;
    color: var(--text-color);
}

/* Utilidades */
.text-center { text-align: center; }
.hidden { display: none !important; }
.visible { display: block !important; }

/* Responsive utilities */
@media (max-width: 768px) {
    .mobile-hidden { display: none !important; }
}

@media (min-width: 769px) {
    .desktop-hidden { display: none !important; }
}

/* ========================================
   ASTRA THEME OVERRIDES
   ======================================== */

/* Reset borders for Astra theme classes */
.ast-header-break-point .main-navigation ul .menu-item .menu-link,
.ast-header-break-point .main-navigation ul .menu-item,
.ast-header-break-point .main-navigation ul,
.ast-header-break-point .main-navigation {
    border: 0 !important;
}