/*
Theme Name: AC-Theme
Text Domain: ac-theme
Description: Tema ultraligero optimizado para Elementor y SEO nativo.
Version: 1.0.1
Author: Abraham Canales
Author URI: https://abrahamcanales.com/
*/

/* Modern CSS Reset */
*,
*::before,
*::after {
    box-sizing: border-box;
}

body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd {
    margin: 0;
}

ul[role='list'],
ol[role='list'] {
    list-style: none;
}

html:focus-within {
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
    font: inherit;
}

/* Relaxed Image Reset for Elementor Compatibility */
img {
    height: auto;
}

/* Solo aplicar max-width a imágenes sin dimensiones específicas */
img:not([width]):not([style*="width"]) {
    max-width: 100%;
}

/* Asegurar que Elementor pueda controlar completamente las imágenes */
.elementor-widget-image img,
.elementor-image img {
    max-width: none !important;
}

/* Permitir que las imágenes con dimensiones inline las respeten */
img[width],
img[style*="width"] {
    max-width: none;
}

input,
button,
textarea,
select {
    font: inherit;
}

@media (prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Variables Básicas */
:root {
    --clr-primary: #222;
    --clr-secondary: #0073aa;
    --clr-text: #333;
    --clr-bg: #fff;
    --font-base: system-ui, -apple-system, sans-serif;
    --container-width: 1200px;
}

body {
    font-family: var(--font-base);
    color: var(--clr-text);
    background-color: var(--clr-bg);
}

.container {
    max-width: var(--container-width);
    margin-inline: auto;
    padding-inline: 1rem;
}

/* Breadcrumbs */
.ac-breadcrumbs {
    font-size: 0.9rem;
    color: #666;
    margin-bottom: 1rem;
}

.ac-breadcrumbs a {
    color: var(--clr-secondary);
    text-decoration: none;
}

.ac-breadcrumbs a:hover {
    text-decoration: underline;
}