/**
 * Puntos Ya - Estilos base (reset, variables, layout compartido)
 */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body {
	overflow-x: hidden;
}
body {
	margin: 0;
	font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #1a1a1a;
	background: #f5f5f5;
}

/* Cursor: nativo del sistema. El estilo del cursor personalizado se guardó en puntero.md (raíz del tema). */

/* Caret (cursor de escritura) color naranja en todos los campos editables */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
textarea:focus {
	caret-color: #E85D04;
}

a {
	color: inherit;
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
	display: block;
}

/* Variables Figma */
:root {
	--color-orange: #E85D04;
	--color-orange-dark: #c44d03;
	--color-text: #1a1a1a;
	--color-text-muted: #6b6b6b;
	--color-bg: #fff;
	--color-border: #e5e5e5;
	--container-max: 1200px;
	--ease-out: cubic-bezier(0.22, 1, 0.36, 1);
	/* Proporcional al header fijo: altura header (78px) + padding wrap (10px) */
	--header-offset: 88px;
}

/* Scroll padding para que anclas no queden tapadas por el header fijo */
html {
	scroll-padding-top: var(--header-offset);
}

/* Contenedor principal compartido */
.puntos-ya-main {
	width: 100%;
	max-width: var(--container-max);
	margin: 0 auto;
	padding: 32px 24px 48px;
}

/* ─── Precio en Puntos – naranja y negrita en todo el sitio ─── */
.puntos-ya-price {
	color: var(--color-orange);
	font-weight: 700;
	font-size: 1.25em; /* relativo al contexto: más grande que el texto circundante */
	line-height: 1;
}
.puntos-ya-price .pts-label {
	color: var(--color-orange);
	font-weight: 700;
}
/* En precios tachados (oferta) el color muted anula el naranja para el original */
del .puntos-ya-price {
	color: var(--color-text-muted);
	font-size: 1em;
	font-weight: 500;
}
del .puntos-ya-price .pts-label {
	color: var(--color-text-muted);
	font-weight: 500;
}