/*
	Escala tipografica unificada del front (se carga despues de estilos_nuevos.css).
	Tamanos: 12 / 14 / 16 / 20 / 24 / 28 px (+ precio destacado). Pesos: 400 / 500 / 600 / 700 (sin 800/900).
	Solo desde 651px: por debajo se conservan las reglas responsive existentes.
	Para cambiar un tamano en toda la web basta con modificar las variables.
*/
:root {
	--ai-fs-xs: 12px;
	--ai-fs-sm: 14px;
	--ai-fs-md: 16px;
	--ai-fs-lg: 20px;
	--ai-fs-xl: 24px;
	--ai-fs-2xl: 28px;
	--ai-fs-price: 36px;
	--ai-fs-hero-price: 48px;
	--ai-fw-normal: 400;
	--ai-fw-medium: 500;
	--ai-fw-semibold: 600;
	--ai-fw-bold: 700;
}

@media only screen and (min-width: 651px) {

	/* ---------- Cabecera ---------- */
	html body #Contenedor_Cabecera_Superior .CabeceraAniversarioTexto { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-bold) !important; }
	html body #Contenedor_Cabecera_Superior .CabeceraAniversarioTexto strong { font-size: var(--ai-fs-md) !important; font-weight: var(--ai-fw-bold) !important; }
	html body #Contenedor_Cabecera_Superior .CabeceraAniversarioDesde { font-size: var(--ai-fs-xs) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body #Contenedor_Cabecera_Superior .CabeceraFecha .Titulo h1,
	html body #Contenedor_Cabecera_Superior .CabeceraFecha .Fecha,
	html body #Contenedor_Cabecera_Superior .CabeceraFecha .Fecha a { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-normal) !important; }
	html body #MenuCategorias > span > span { font-size: var(--ai-fs-md) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .Buscador .BuscadorCampo,
	html body #cabecera_banner .Buscador .BuscadorContenedor .BuscadorCampo { font-size: var(--ai-fs-md) !important; }
	html body .Carrito .CarritoMini .Textos,
	html body .Carrito .CarritoMini .Textos .Total,
	html body #UserMenuTrigger .Textos { font-size: var(--ai-fs-xs) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body .CarritoMini .Logo .Contador .Cantidad { font-size: var(--ai-fs-xs) !important; font-weight: var(--ai-fw-bold) !important; }

	/* ---------- Portada: oferta destacada ---------- */
	html body .OfertaRotatoria .OfertaRotatoriaTitulo a { font-size: var(--ai-fs-2xl) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .OfertaRotatoria .OfertaRotatoriaResumen { font-size: var(--ai-fs-md) !important; font-weight: var(--ai-fw-medium) !important; }
	html body .OfertaRotatoriaInfo .OfertaRotatoriaSpecs .OfertaRotatoriaSpec span { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body .OfertaRotatoriaCompra .OfertaRotatoriaStock { font-size: var(--ai-fs-lg) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .OfertaRotatoriaCompra .AvisoStock { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body .OfertaRotatoriaCompra .OfertaRotatoriaBoton { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .OfertaRotatoriaPrecio .OfertaRotatoriaPrecioEntero { font-size: var(--ai-fs-hero-price) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .OfertaRotatoriaPrecio .OfertaRotatoriaPrecioDecimal { font-size: var(--ai-fs-xl) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .OfertaRotatoria .OfertaRotatoriaAviso span { font-size: var(--ai-fs-xs) !important; font-weight: var(--ai-fw-semibold) !important; }

	/* ---------- Portada: secciones ---------- */
	html body .SeccionHomeTitulos .Titulo,
	html body #ViendoAhora_Container .ViendoAhoraCabecera > .Titulo { font-size: var(--ai-fs-lg) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .SeccionHomeTitulos .Subtitulo { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-normal) !important; }
	html body #CategoriasDestacadasCarrusel a.CategoriaDestacada span.Nombre { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-semibold) !important; }

	/* ---------- Tarjetas de producto (portada, listados, relacionados) ---------- */
	html body .Producto > .Nombre a.EnlaceOscuro { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body .Producto > .Descripcion a { font-size: var(--ai-fs-xs) !important; font-weight: var(--ai-fw-normal) !important; }
	html body .Producto .PartNumber,
	html body .Producto .Codigos div { font-size: var(--ai-fs-xs) !important; font-weight: var(--ai-fw-normal) !important; }
	html body .Producto > .Pie > .Precio { font-size: var(--ai-fs-lg) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .Producto .Stock .StockMain span { font-size: var(--ai-fs-xs) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body .Producto .AccionesProducto a.ComprarProducto span { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-bold) !important; }

	/* ---------- Listados ---------- */
	html body #CabeceraMigas a,
	html body #CabeceraMigas .Separador,
	html body #CabeceraMigas .Actual { font-size: var(--ai-fs-xs) !important; font-weight: var(--ai-fw-medium) !important; }
	html body #CabeceraResultadosSolr .SolrResultsSummary,
	html body:has(#SearchResultsProducts) #CabeceraResultadosSolr.SolrResultsToolbar .SolrResultsSummary { font-size: var(--ai-fs-xs) !important; font-weight: var(--ai-fw-normal) !important; }
	html body #cabecera_directorio h1.CabeceraListadoTituloSolr { font-size: var(--ai-fs-lg) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .FacetAttribute > .Titulo { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-semibold) !important; }

	/* ---------- Ficha de producto ---------- */
	html body .PaginaDetalleProducto .Cabecera .CabeceraTexto h1 { font-size: var(--ai-fs-xl) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .PaginaDetalleProducto .Cabecera .CabeceraTexto h2 { font-size: var(--ai-fs-md) !important; font-weight: var(--ai-fw-normal) !important; }
	html body .CabeceraTexto .ResumenCaracteristicas .ResumenCaracteristica strong { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body #centro .PaginaDetalleProducto .ResumenCaracteristicas strong { max-width: 230px !important; }
	html body .CabeceraPrecio .Izquierda .Numero .Entero { font-size: var(--ai-fs-price) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .CabeceraPrecio .Izquierda .Numero .Decimal { font-size: var(--ai-fs-lg) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .CabeceraPrecio .Izquierda .Detalle .Impuestos { font-size: var(--ai-fs-xs) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body .Derecha .BotonComprar button.Boton span { font-size: var(--ai-fs-md) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .Derecha .Disponibilidad span.TextoCon span { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body .Derecha .Disponibilidad .Detalle span,
	html body .Derecha .Disponibilidad .Detalle font { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body .Derecha .Favorito_Container .Text a.AiolFavoriteTrigger { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body .Derecha .Transporte .Izquierda .Titulo { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body .Derecha .Transporte .Derecha .Portes { font-size: var(--ai-fs-md) !important; font-weight: var(--ai-fw-bold) !important; }
	html body #pFicha { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .FichaBloque .Categoria { font-size: var(--ai-fs-md) !important; font-weight: var(--ai-fw-bold) !important; }
	html body table.Datos td.Valor,
	html body .Identificacion ul li span.Valor { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body .FichaBloque .Etiqueta,
	html body .ResumenCaracteristicas .ResumenCaracteristica .Etiqueta,
	html body .Identificacion ul li span.Atributo { font-size: var(--ai-fs-xs) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body .MasInfoCabecera .MasInfoEyebrow,
	html body li a span.MasInfoLinkTexto span.MasInfoLinkEtiqueta,
	html body #NecesitaMasInfo a .MasInfoContactoAccion { font-size: var(--ai-fs-xs) !important; font-weight: var(--ai-fw-bold) !important; }
	html body #pieMasInfo .MasInfoCabecera .MasInfoTitulo,
	html body li a span.MasInfoLinkTexto span.MasInfoLinkValor { font-size: var(--ai-fs-md) !important; font-weight: var(--ai-fw-bold) !important; }
	html body li a span.MasInfoLinkTexto span.MasInfoLinkDetalle { font-size: var(--ai-fs-xs) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body #NecesitaMasInfo a .MasInfoContactoProducto { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-bold) !important; }
	html body #MarcoProducto button.ZoomTrigger,
	html body #GaleriaProducto .Visor .Contador,
	html body #GaleriaProducto .Visor .Contador span { font-size: var(--ai-fs-xs) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .FaceCompraAviso .FaceContenido .FaceCabecera .FaceTitulo { font-size: var(--ai-fs-md) !important; font-weight: var(--ai-fw-bold) !important; }

	/* ---------- Carrito ---------- */
	html body .Linea .Principal .Producto a.EnlaceOscuro { font-size: var(--ai-fs-md) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body .Linea .Principal .TotalContenedor .Total { font-size: var(--ai-fs-lg) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .Linea .Principal .TotalContenedor .TotalSinImpuestos { font-size: var(--ai-fs-xs) !important; font-weight: var(--ai-fw-medium) !important; }
	html body .Resumen .Container > .Titulo { font-size: var(--ai-fs-lg) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .Resumen .Container .SumatorioTotal .Atributo,
	html body .Resumen .Container .SumatorioTotal .Valor { font-size: var(--ai-fs-lg) !important; font-weight: var(--ai-fw-bold) !important; }
	html body #DetalleSumatorio .SumatorioPrincipal .Atributo,
	html body #DetalleSumatorio .SumatorioPrincipal .Valor { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body #DetalleSumatorio .SumatorioPrincipal .Valor b { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-bold) !important; }
	html body form .ContinuarCompra button.CarritoContinuar span { font-size: var(--ai-fs-md) !important; font-weight: var(--ai-fw-bold) !important; }
	html body #ProcesoCompra_Container .ProcesoCompra_Paso .ProcesoCompra_Paso_Numero { font-size: var(--ai-fs-md) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body #ProcesoCompra_Container .ProcesoCompra_Paso .ProcesoCompra_Paso_Texto { font-size: var(--ai-fs-xs) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body #PaginaCarrito .MensajeProductosBajoPedido .MensajeContenido .MensajeTitulo { font-size: var(--ai-fs-md) !important; font-weight: var(--ai-fw-bold) !important; }

	/* ---------- Acceso / login ---------- */
	html body #LoginAccesoTitulo { font-size: var(--ai-fs-2xl) !important; font-weight: var(--ai-fw-bold) !important; }
	html body article.LoginAccesoCard .LoginAccesoCardHead h2 { font-size: var(--ai-fs-lg) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .LoginAccesoTitulo p,
	html body article.LoginAccesoCard .LoginAccesoCardHead p,
	html body .LoginSeguro div p { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-normal) !important; }
	html body .LoginSeguro div p a { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .LoginSeguro div strong,
	html body .LoginAccesoGrid .LoginSeparador span { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-bold) !important; }
	html body #LoginAccesoForm .LoginAccesoCampo label { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body #LoginAccesoForm button.LoginAccesoSubmit,
	html body article.LoginAccesoCard a.LoginAccesoAlta { font-size: var(--ai-fs-md) !important; font-weight: var(--ai-fw-bold) !important; }
	html body article.LoginAccesoCard .LoginVentajasLista .LoginVentaja span { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-semibold) !important; }

	/* ---------- Registro de cliente ---------- */
	html body #PaginaClientesEntrada .RegistroIntro h1 { font-size: var(--ai-fs-2xl) !important; font-weight: var(--ai-fw-bold) !important; }
	html body #PaginaClientesEntrada .RegistroIntro p { font-size: var(--ai-fs-md) !important; font-weight: var(--ai-fw-normal) !important; }
	html body .RegistroIntro .RegistroSeguro span,
	html body #RegistroPasswordStrengthText,
	html body .RegistroSectionHeader div small,
	html body .RegistroTipoGrid label.RegistroTipoOpcion span small { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-normal) !important; }
	html body fieldset.RegistroCard .RegistroSectionHeader > span { font-size: var(--ai-fs-md) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .RegistroTipoGrid label.RegistroTipoOpcion span strong { font-size: var(--ai-fs-md) !important; font-weight: var(--ai-fw-bold) !important; }
	html body label.RegistroCampoLabel { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body #form1 label,
	html body .RegistroConsentGrid .CheckBox label,
	html body .RegistroConsentGrid .CheckBox label a.textopeq { font-size: var(--ai-fs-sm) !important; }
	html body #form1 #enviar { font-size: var(--ai-fs-md) !important; font-weight: var(--ai-fw-bold) !important; }

	/* ---------- Pie ---------- */
	html body .ventajas .Ventaja .texto { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-semibold) !important; }
	html body .Info_Container .Info .PieColumna > .Titulo { font-size: var(--ai-fs-md) !important; font-weight: var(--ai-fw-bold) !important; }
	html body .Info_Container .Info .Texto ul li a { font-size: var(--ai-fs-sm) !important; font-weight: var(--ai-fw-medium) !important; }
	html body .Final_Container .Final .Legal,
	html body .Final_Container .Final .Disclaimer { font-size: var(--ai-fs-xs) !important; font-weight: var(--ai-fw-medium) !important; }
}