/*
Theme Name:   Twidoo Base
Theme URI:    https://twidoo.com/
Description:  Tema hijo de Hello Elementor para proyectos Twidoo. Incluye variables CSS de marca, reset y tipografía base.
Author:       Twidoo
Author URI:   https://twidoo.com/
Template:     hello-elementor
Version:      1.0.0
License:      GPL-2.0-or-later
License URI:  https://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  twidoo-base
Tags:         elementor, child-theme, twidoo
*/

/* ==========================================================================
   1. Variables CSS de marca
   ========================================================================== */

:root {
	/* Colores */
	--twidoo-primary:   #2563EB;
	--twidoo-secondary: #1E40AF;
	--twidoo-accent:    #F59E0B;
	--twidoo-text:      #111827;
	--twidoo-bg:        #ffffff;

	/* Tipografías */
	--twidoo-font-primary:   'Inter', sans-serif;
	--twidoo-font-secondary: 'Inter', sans-serif;
}

/* ==========================================================================
   2. Reset de estilos base de WordPress
   ========================================================================== */

/* Box-sizing global. */
*,
*::before,
*::after {
	box-sizing: border-box;
}

/* Reset de márgenes y paddings que WordPress/temas suelen heredar. */
html,
body,
h1, h2, h3, h4, h5, h6,
p, ul, ol, li,
figure, blockquote,
dl, dd {
	margin: 0;
	padding: 0;
}

/* Listas sin viñetas por defecto en navegación y bloques estructurales. */
nav ul,
nav ol,
.site-header ul,
.site-footer ul {
	list-style: none;
}

/* Quitar borde de imágenes y limitar a contenedor. */
img,
picture,
video,
canvas,
svg {
	display: block;
	max-width: 100%;
	height: auto;
}

/* Eliminar el espacio extra de WordPress bajo imágenes alineadas. */
.alignleft,
.alignright,
.aligncenter,
.alignnone {
	margin-bottom: 0;
}

/* Eliminar estilos por defecto del editor clásico que rompen layouts. */
.wp-block-image figure {
	margin: 0;
}

/* Botones y campos: heredar tipografía. */
button,
input,
select,
textarea {
	font: inherit;
	color: inherit;
}

/* Enlaces sin subrayado por defecto; el subrayado se aplica donde corresponda. */
a {
	color: var(--twidoo-primary);
	text-decoration: none;
	transition: color 0.2s ease;
}

a:hover,
a:focus {
	color: var(--twidoo-secondary);
}

/* ==========================================================================
   3. Tipografía base
   ========================================================================== */

html {
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

body {
	font-family: var(--twidoo-font-primary);
	font-size: 1rem;
	line-height: 1.6;
	color: var(--twidoo-text);
	background-color: var(--twidoo-bg);
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--twidoo-font-secondary);
	color: var(--twidoo-text);
	line-height: 1.2;
	font-weight: 700;
	margin-bottom: 0.5em;
}

h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.5rem; }
h4 { font-size: 1.25rem; }
h5 { font-size: 1.125rem; }
h6 { font-size: 1rem; }

p {
	margin-bottom: 1em;
}

strong, b {
	font-weight: 700;
}

em, i {
	font-style: italic;
}

small {
	font-size: 0.875em;
}

blockquote {
	border-left: 4px solid var(--twidoo-accent);
	padding-left: 1rem;
	margin: 1.5rem 0;
	font-style: italic;
	color: #4b5563;
}

code,
pre {
	font-family: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
	font-size: 0.9em;
}

pre {
	background: #f3f4f6;
	padding: 1rem;
	border-radius: 4px;
	overflow-x: auto;
}

/* ==========================================================================
   4. Estados de body añadidos por el tema
   ========================================================================== */

/* Reservado para personalizaciones por contexto (.is-home, .is-shop, etc.). */