/*
Theme Name: VetsPeruanas Directory
Theme URI: https://vetsperuanas.org
Author: Vets Peruanas
Author URI: https://vetsperuanas.org
Description: Tema premium para el directorio de clínicas veterinarias más completo del Perú. Diseño moderno con Tailwind CSS.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vetsperuanas
Tags: directory, veterinary, pets, peru, tailwind
*/

/*
 * Nota: El diseño visual está gestionado por Tailwind CSS (cargado desde CDN en header.php).
 * Este archivo contiene únicamente los metadatos del tema requeridos por WordPress y
 * estilos globales mínimos de reset que Tailwind no cubre por defecto en contexto WordPress.
 */

/* ── WordPress Core Overrides ── */
.wp-block-image img,
.alignnone,
.aligncenter,
.alignright,
.alignleft {
    max-width: 100%;
    height: auto;
}

/* Asegura que el contenido generado por WordPress en single.php se vea bien */
.vp-content h2 {
    font-size: 1.75rem;
    font-weight: 700;
    margin: 2rem 0 1rem;
}

.vp-content h3 {
    font-size: 1.375rem;
    font-weight: 600;
    margin: 1.5rem 0 0.75rem;
}

.vp-content p {
    margin-bottom: 1rem;
    line-height: 1.8;
    color: #001f2a;
}

.vp-content ul,
.vp-content ol {
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

.vp-content li {
    margin-bottom: 0.5rem;
}

.vp-content a {
    color: #006b5e;
    text-decoration: underline;
}

.vp-content a:hover {
    color: #05a996;
}

.vp-content img {
    border-radius: 2rem;
    margin: 2rem auto;
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

/* ── Estilos para Bloques Nativos (Reemplazo de Spectra) ── */

/* Caja de Información (Info Box) */
.wp-block-group.is-style-info-box {
    background-color: #f0f7ff;
    border: 1px solid #e0f2fe;
    border-radius: 1.5rem;
    padding: 2rem;
    margin: 2rem 0;
}

/* Caja de Alerta (Warning) */
.wp-block-group.is-style-warning-box {
    background-color: #fff1f2;
    border: 1px solid #ffe4e6;
    border-left: 6px solid #e11d48;
    border-radius: 1rem;
    padding: 2rem;
    margin: 2rem 0;
}

/* Caja de Éxito / Tip */
.wp-block-group.is-style-tip-box {
    background-color: #f0fdf4;
    border: 1px solid #dcfce7;
    border-radius: 1.5rem;
    padding: 2rem;
    margin: 2rem 0;
}

/* Botones Premium con Efecto Glow */
.wp-block-button__link {
    background-color: #05a996 !important;
    color: white !important;
    border-radius: 1rem !important;
    padding: 1rem 2rem !important;
    font-weight: 700 !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 4px 6px -1px rgba(5, 169, 150, 0.2);
    text-decoration: none !important;
}

.wp-block-button__link:hover {
    background-color: #006b5e !important;
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(5, 169, 150, 0.4);
}

/* Mejora de la Tipografía del Artículo */
.vp-article-content {
    line-height: 1.8;
    font-size: 1.125rem;
    color: #4b5563;
}

.vp-article-content h2, 
.vp-article-content h3 {
    color: #001f2a;
    scroll-margin-top: 120px; /* Para que al hacer click en el índice no tape el cabecero */
}

.vp-article-content blockquote {
    border-left: 4px solid #05a996;
    padding-left: 1.5rem;
    font-style: italic;
    color: #006b5e;
    font-size: 1.25rem;
    margin: 2rem 0;
}

/* ── Compatibilidad con Spectra (Mejora Visual Inmediata) ── */
.uagb-info-box-content, .uagb-buttons-repeater {
    border-radius: 1.5rem !important;
    background: #fff !important;
    border: 1px solid #e5e7eb !important;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05) !important;
    padding: 1.5rem !important;
    transition: transform 0.3s ease;
}

.uagb-block-toc {
    background: #f9fafb !important;
    border-radius: 1.5rem !important;
    border: 1px solid #f3f4f6 !important;
}