/*
 * Mi cuenta: marco, menú, resumen, pedidos y acceso o registro (feature 010).
 *
 * Se carga solo en mi cuenta (Tema::estilos). Sustituye a los estilos de
 * WooCommerce donde chocan (columnas flotantes, campos y botones). Móvil
 * primero: por debajo de 1024 px, el menú es una fila deslizable (034).
 */

.rios-cuenta-pagina {
	--rios-cuenta-borde-campo: color-mix(in srgb, var(--wp--preset--color--texto-suave) 75%, var(--wp--preset--color--blanco));
	--rios-cuenta-amarillo-suave: color-mix(in srgb, var(--wp--preset--color--amarillo) 18%, var(--wp--preset--color--blanco));
	color: var(--wp--preset--color--texto);
}

.rios-cuenta-pagina :where(a, button, input, select, textarea, summary):focus-visible {
	outline: var(--wp--custom--foco);
	outline-offset: 2px;
}

.rios-cuenta-pagina .screen-reader-text:focus {
	outline: var(--wp--custom--foco);
}

/* Avisos de WooCommerce. */
.rios-cuenta-pagina :where(.woocommerce-error, .woocommerce-message, .woocommerce-info) {
	margin: 0 0 var(--wp--preset--spacing--40);
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
	border: 1px solid var(--wp--preset--color--borde);
	border-left: 4px solid var(--wp--preset--color--azul);
	border-radius: var(--wp--custom--radio--md);
	background: var(--wp--preset--color--azul-claro);
	color: var(--wp--preset--color--texto);
	font-size: var(--wp--preset--font-size--sm);
	list-style: none;
}

.rios-cuenta-pagina .woocommerce-error {
	border-left-color: var(--wp--preset--color--rojo);
	background: var(--wp--preset--color--blanco);
}

.rios-cuenta-pagina .woocommerce-message {
	border-left-color: var(--wp--preset--color--verde);
}

.rios-cuenta-pagina :where(.woocommerce-error, .woocommerce-message, .woocommerce-info)::before {
	content: none;
}

.rios-cuenta-pagina :where(.woocommerce-error, .woocommerce-message, .woocommerce-info) a {
	color: var(--wp--preset--color--azul);
	font-weight: 600;
}

/* Marco: columna lateral y contenido. */
.rios-cuenta {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: var(--wp--preset--spacing--50);
	align-items: start;
}

.rios-cuenta__contenido {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--50);
	min-width: 0;
}

.rios-cuenta__contenido > * {
	margin-block: 0;
}

/* Sin las columnas flotantes de WooCommerce. */
.rios-cuenta-pagina .rios-cuenta .rios-cuenta__menu,
.rios-cuenta-pagina .rios-cuenta .rios-cuenta__contenido {
	float: none;
	width: auto;
	margin: 0;
}

.rios-cuenta__lateral {
	display: none;
}

@media (min-width: 1024px) {

	.rios-cuenta {
		grid-template-columns: 17.5rem minmax(0, 1fr);
		gap: var(--wp--preset--spacing--60);
	}

	.rios-cuenta__carril {
		display: none;
	}

	.rios-cuenta__lateral {
		display: block;
		position: sticky;
		top: var(--wp--preset--spacing--50);
		padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
		border: 1px solid var(--wp--preset--color--borde);
		border-radius: var(--wp--custom--radio--md);
		background: var(--wp--preset--color--blanco);
		box-shadow: var(--wp--preset--shadow--tarjeta);
	}
}

/* Perfil. */
.rios-cuenta__perfil {
	display: flex;
	gap: var(--wp--preset--spacing--30);
	align-items: center;
	padding-bottom: var(--wp--preset--spacing--40);
	border-bottom: 1px solid var(--wp--preset--color--borde);
}

.rios-cuenta__perfil p {
	margin: 0;
}

.rios-cuenta__perfil-texto {
	min-width: 0;
}

.rios-cuenta__avatar {
	display: grid;
	flex: none;
	place-items: center;
	width: 3rem;
	height: 3rem;
	border-radius: var(--wp--custom--radio--full);
	background: var(--wp--preset--color--azul);
	color: var(--wp--preset--color--blanco);
}

.rios-cuenta__avatar .rios-icono {
	width: 1.5rem;
	height: 1.5rem;
}

.rios-cuenta__hola {
	color: var(--wp--preset--color--azul);
	font-weight: 800;
	line-height: 1.2;
}

.rios-cuenta__correo {
	overflow: hidden;
	color: var(--wp--preset--color--texto-suave);
	font-size: var(--wp--preset--font-size--xs);
	text-overflow: ellipsis;
	white-space: nowrap;
}

.rios-cuenta__desde {
	display: inline-block;
	margin-top: var(--wp--preset--spacing--10) !important;
	padding: 0.125rem var(--wp--preset--spacing--20);
	border-radius: var(--wp--custom--radio--full);
	background: var(--wp--preset--color--azul-claro);
	color: var(--wp--preset--color--texto-suave);
	font-size: var(--wp--preset--font-size--xs);
}

/* Menú. */
.rios-cuenta__menu ul {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--10);
	margin: var(--wp--preset--spacing--40) 0;
	padding: 0;
	list-style: none;
}

.rios-cuenta__menu a {
	display: flex;
	gap: var(--wp--preset--spacing--30);
	align-items: center;
	min-height: 2.75rem;
	padding: 0 var(--wp--preset--spacing--30);
	border-left: 3px solid transparent;
	border-radius: var(--wp--custom--radio--sm);
	color: var(--wp--preset--color--texto);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	text-decoration: none;
	transition: background-color var(--wp--custom--transicion);
}

.rios-cuenta__menu-icono {
	flex: none;
	color: var(--wp--preset--color--azul);
}

.rios-cuenta__menu a:hover {
	background: var(--wp--preset--color--azul-claro);
}

.rios-cuenta__menu a[aria-current="page"] {
	text-decoration: none;
	border-left-color: var(--wp--preset--color--amarillo-oscuro);
	background: var(--rios-cuenta-amarillo-suave);
	color: var(--wp--preset--color--azul);
}

/* ¿Necesitas ayuda? */
.rios-cuenta__ayuda {
	display: flex;
	gap: var(--wp--preset--spacing--30);
	padding: var(--wp--preset--spacing--40);
	border-radius: var(--wp--custom--radio--md);
	background: var(--wp--preset--color--azul-claro);
}

.rios-cuenta__ayuda p {
	margin: 0;
}

.rios-cuenta__ayuda-icono {
	flex: none;
	color: var(--wp--preset--color--azul);
}

.rios-cuenta__ayuda-titulo {
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 700;
}

.rios-cuenta__ayuda-texto {
	color: var(--wp--preset--color--texto-suave);
	font-size: var(--wp--preset--font-size--xs);
}

.rios-cuenta__ayuda-enlace {
	display: inline-flex;
	white-space: nowrap;
	gap: var(--wp--preset--spacing--20);
	align-items: center;
	min-height: 2.5rem;
	margin-top: var(--wp--preset--spacing--30);
	padding: 0 var(--wp--preset--spacing--40);
	border: 1px solid var(--wp--preset--color--azul);
	border-radius: var(--wp--custom--radio--sm);
	background: var(--wp--preset--color--blanco);
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	text-decoration: none;
}

.rios-cuenta__ayuda-enlace:hover {
	background: var(--wp--preset--color--azul);
	color: var(--wp--preset--color--blanco);
}

/* Encabezado de cada sección (el h1). */
.rios-cuenta__encabezado {
	padding: var(--wp--preset--spacing--50);
	border: 1px solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--md);
	background: linear-gradient(100deg, var(--wp--preset--color--blanco) 40%, var(--wp--preset--color--azul-claro));
}

.rios-cuenta__titulo {
	margin: 0;
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 800;
	line-height: 1.2;
}

.rios-cuenta__subtitulo {
	margin: var(--wp--preset--spacing--20) 0 0;
	color: var(--wp--preset--color--texto-suave);
}

/* Botón y estado vacío comunes. */
.rios-cuenta__boton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding: 0 var(--wp--preset--spacing--50);
	border-radius: var(--wp--custom--radio--full);
	background: var(--wp--preset--color--amarillo);
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 700;
	text-decoration: none;
}

.rios-cuenta__boton:hover {
	background: var(--wp--preset--color--amarillo-oscuro);
}

.rios-cuenta__vacio {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--30);
	align-items: center;
	padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40);
	border: 1px dashed var(--rios-cuenta-borde-campo);
	border-radius: var(--wp--custom--radio--md);
	text-align: center;
}

.rios-cuenta__vacio p {
	margin: 0;
	color: var(--wp--preset--color--texto-suave);
}

/* Resumen. */
.rios-resumen__saludo {
	padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50);
	border-radius: var(--wp--custom--radio--lg);
	background: linear-gradient(120deg, var(--wp--preset--color--azul) 30%, var(--wp--preset--color--azul-medio));
	color: var(--wp--preset--color--blanco);
}

.rios-resumen__saludo p {
	margin: 0;
}

.rios-resumen__titulo {
	margin: 0 0 var(--wp--preset--spacing--20);
	color: var(--wp--preset--color--blanco);
	font-size: var(--wp--preset--font-size--xxl);
	font-weight: 800;
	line-height: 1.1;
}

.rios-resumen__lema {
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 700;
}

.rios-resumen__tarjetas {
	display: grid;
	gap: var(--wp--preset--spacing--40);
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}

.rios-resumen__tarjeta {
	display: flex;
	gap: var(--wp--preset--spacing--40);
	align-items: flex-start;
	padding: var(--wp--preset--spacing--50);
	border: 1px solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--md);
	background: var(--wp--preset--color--blanco);
	box-shadow: var(--wp--preset--shadow--tarjeta);
}

.rios-resumen__zona.is-sin-zona {
	border-color: var(--wp--preset--color--amarillo);
	background: var(--rios-cuenta-amarillo-suave);
}

.rios-resumen__icono {
	display: grid;
	flex: none;
	place-items: center;
	width: 3rem;
	height: 3rem;
	border-radius: var(--wp--custom--radio--full);
	background: var(--wp--preset--color--azul-claro);
	color: var(--wp--preset--color--azul);
}

.rios-resumen__icono .rios-icono {
	width: 1.5rem;
	height: 1.5rem;
}

.rios-resumen__etiqueta {
	margin: 0;
	color: var(--wp--preset--color--texto-suave);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
}

.rios-resumen__cifra {
	margin: 0;
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--xl);
	font-weight: 800;
}

.rios-resumen__dato {
	margin: var(--wp--preset--spacing--10) 0 var(--wp--preset--spacing--30);
}

.rios-resumen__dato strong {
	color: var(--wp--preset--color--azul);
}

.rios-resumen__enlace {
	display: inline-flex;
	gap: var(--wp--preset--spacing--10);
	align-items: center;
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
}

.rios-resumen__enlace .rios-icono {
	width: 1rem;
	height: 1rem;
}

.rios-resumen__boton {
	min-height: 2.5rem;
	padding: 0 var(--wp--preset--spacing--40);
	border: 1px solid var(--wp--preset--color--azul);
	border-radius: var(--wp--custom--radio--sm);
	background: var(--wp--preset--color--blanco);
	color: var(--wp--preset--color--azul);
	font: inherit;
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	cursor: pointer;
}

.rios-resumen__boton:hover {
	background: var(--wp--preset--color--azul);
	color: var(--wp--preset--color--blanco);
}

/* Zona de entrega: primera fila del resumen, en una sola línea; se parte en pantallas estrechas. */
.rios-resumen__zona {
	align-items: center;
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
}

.rios-resumen__zona > div {
	display: flex;
	flex: 1;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--10) var(--wp--preset--spacing--30);
	align-items: center;
	min-width: 0;
}

.rios-resumen__zona .rios-resumen__dato {
	margin: 0;
}

.rios-resumen__zona .rios-resumen__boton {
	margin-left: auto;
}

.rios-resumen__pedidos {
	padding: var(--wp--preset--spacing--50);
	border: 1px solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--md);
	background: var(--wp--preset--color--blanco);
}

.rios-resumen__cabecera {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	align-items: center;
	margin-bottom: var(--wp--preset--spacing--50);
}

.rios-resumen__cabecera > div {
	flex: 1 1 14rem;
}

.rios-resumen__subtitulo {
	margin: 0;
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 800;
}

.rios-resumen__texto {
	margin: 0;
	font-size: var(--wp--preset--font-size--sm);
}

.rios-resumen__cabecera .rios-resumen__texto {
	color: var(--wp--preset--color--texto-suave);
}

/* Pestañas de Mis pedidos (la paginación, en paginacion.css). */
.rios-pedidos__pestanas ul {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--20);
	margin: 0;
	padding: 0;
	list-style: none;
}

.rios-pedidos__pestana {
	display: inline-flex;
	box-sizing: border-box;
	align-items: center;
	min-height: 2.75rem;
	padding: 0 var(--wp--preset--spacing--50);
	line-height: 1.2;
	border: 1px solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--full);
	background: var(--wp--preset--color--blanco);
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	text-decoration: none;
}

.rios-pedidos__pestana:hover {
	border-color: var(--wp--preset--color--azul);
}

.rios-pedidos__pestana[aria-current="page"] {
	border-color: var(--wp--preset--color--azul);
	background: var(--wp--preset--color--azul);
	color: var(--wp--preset--color--blanco);
}

/* Tarjeta de pedido. */
.rios-pedidos {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--40);
}

.rios-pedido {
	border: 1px solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--md);
	background: var(--wp--preset--color--blanco);
	box-shadow: var(--wp--preset--shadow--tarjeta);
}

.rios-pedido p {
	margin: 0;
}

.rios-pedido__cabecera {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
	align-items: center;
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
	border-bottom: 1px solid var(--wp--preset--color--borde);
}

.rios-pedido__numero {
	margin: 0;
	font-size: var(--wp--preset--font-size--md);
	font-weight: 800;
}

.rios-pedido .rios-pedido__numero a {
	color: var(--wp--preset--color--azul);
	text-decoration: none;
}

.rios-pedido .rios-pedido__numero a:where(:hover) {
	text-decoration: underline;
}

.rios-pedido__fecha,
.rios-pedido__etiqueta {
	color: var(--wp--preset--color--texto-suave);
	font-size: var(--wp--preset--font-size--xs);
}

.rios-pedido__estado {
	padding: 0.25rem var(--wp--preset--spacing--30);
	border-radius: var(--wp--custom--radio--full);
	background: var(--wp--preset--color--azul-claro);
	color: var(--wp--preset--color--texto-suave);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 700;
}

.rios-pedido__estado--completado {
	background: var(--wp--preset--color--verde);
	color: var(--wp--preset--color--blanco);
}

.rios-pedido__estado--en-proceso {
	background: var(--wp--preset--color--azul);
	color: var(--wp--preset--color--blanco);
}

.rios-pedido__total {
	display: flex;
	flex-direction: column;
	margin-left: auto !important;
	text-align: right;
}

.rios-pedido__total strong {
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 800;
}

.rios-pedido__cuerpo {
	display: grid;
	gap: var(--wp--preset--spacing--50);
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50) var(--wp--preset--spacing--50);
}

@media (min-width: 768px) {

	.rios-pedido__cuerpo {
		grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) auto;
		align-items: start;
	}
}

.rios-pedido__miniaturas {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--20);
	margin: var(--wp--preset--spacing--20) 0 0;
	padding: 0;
	list-style: none;
}

.rios-pedido__miniatura,
.rios-pedido__mas {
	display: grid;
	place-items: center;
	width: 3.5rem;
	height: 3.5rem;
	overflow: hidden;
	border: 1px solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--sm);
	background: var(--wp--preset--color--azul-claro);
}

.rios-pedido__miniatura img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.rios-pedido__mas {
	color: var(--wp--preset--color--texto-suave);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 700;
}

.rios-pedido__entrega {
	display: grid;
	gap: var(--wp--preset--spacing--30);
	margin: 0;
}

.rios-pedido__dato {
	display: grid;
	grid-template-columns: 1.25rem minmax(0, 1fr);
	gap: 0 var(--wp--preset--spacing--20);
}

.rios-pedido__icono {
	grid-row: 1 / span 2;
	grid-column: 1;
	width: 1.125rem;
	height: 1.125rem;
	color: var(--wp--preset--color--azul);
}

.rios-pedido__dato :where(dt, dd) {
	grid-column: 2;
}

.rios-pedido__dato dt {
	color: var(--wp--preset--color--texto-suave);
	font-size: var(--wp--preset--font-size--xs);
}

.rios-pedido__dato dd {
	margin: 0;
	overflow-wrap: anywhere;
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
}

.rios-pedido__acciones {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--20);
}

@media (min-width: 768px) {

	.rios-pedido__acciones {
		flex-direction: column;
		min-width: 11rem;
	}
}

.rios-pedido__accion {
	display: inline-flex;
	gap: var(--wp--preset--spacing--20);
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding: 0 var(--wp--preset--spacing--40);
	border: 1px solid var(--wp--preset--color--azul);
	border-radius: var(--wp--custom--radio--sm);
	background: var(--wp--preset--color--blanco);
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	text-decoration: none;
}

.rios-pedido__accion:hover {
	background: var(--wp--preset--color--azul-claro);
}

.rios-pedido__accion.is-principal {
	border-color: var(--wp--preset--color--amarillo);
	background: var(--wp--preset--color--amarillo);
	font-weight: 700;
}

.rios-pedido__accion.is-principal:hover {
	border-color: var(--wp--preset--color--amarillo-oscuro);
	background: var(--wp--preset--color--amarillo-oscuro);
}

.rios-pedido__accion-icono {
	flex: none;
	width: 1.125rem;
	height: 1.125rem;
}

.rios-cuenta-pagina .order-again {
	margin: var(--wp--preset--spacing--40) 0 0;
}

/* Formularios: campos y botones de WooCommerce. */
.rios-cuenta-pagina .woocommerce form .form-row {
	float: none;
	width: auto;
	margin: 0 0 var(--wp--preset--spacing--40);
	padding: 0;
}

.rios-cuenta-pagina .woocommerce form .form-row label,
.rios-cuenta-pagina .woocommerce form fieldset legend {
	display: block;
	margin-bottom: var(--wp--preset--spacing--10);
	color: var(--wp--preset--color--texto);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	line-height: 1.4;
}

.rios-cuenta-pagina .woocommerce form .form-row label.woocommerce-form__label-for-checkbox {
	display: inline-flex;
	gap: var(--wp--preset--spacing--20);
	align-items: center;
	margin: 0;
	font-weight: 400;
}

.rios-cuenta-pagina .woocommerce form .required {
	color: var(--wp--preset--color--rojo);
	text-decoration: none;
}

.rios-cuenta-pagina .woocommerce :where(input.input-text, select, textarea) {
	box-sizing: border-box;
	width: 100%;
	min-height: 2.75rem;
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
	border: 1px solid var(--rios-cuenta-borde-campo);
	border-radius: var(--wp--custom--radio--sm);
	background: var(--wp--preset--color--blanco);
	color: var(--wp--preset--color--texto);
	font: inherit;
	line-height: 1.4;
}

.rios-cuenta-pagina .woocommerce :where(input.input-text, select, textarea):focus {
	border-color: var(--wp--preset--color--azul);
}

.rios-cuenta-pagina .woocommerce input[type="checkbox"] {
	width: 1.125rem;
	height: 1.125rem;
	accent-color: var(--wp--preset--color--azul);
}

.rios-cuenta-pagina .woocommerce form fieldset {
	margin: var(--wp--preset--spacing--50) 0;
	padding: var(--wp--preset--spacing--40);
	border: 1px solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--md);
}

.rios-cuenta-pagina .woocommerce form :where(em, .woocommerce-password-hint) {
	display: block;
	margin-top: var(--wp--preset--spacing--10);
	color: var(--wp--preset--color--texto-suave);
	font-size: var(--wp--preset--font-size--xs);
	font-style: normal;
}

.rios-cuenta-pagina .woocommerce :where(.address-field, .form-row) .select2-container {
	width: 100% !important;
}

.rios-cuenta-pagina .woocommerce :where(button.button, a.button, input.button) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding: 0 var(--wp--preset--spacing--50);
	border: 0;
	border-radius: var(--wp--custom--radio--full);
	background: var(--wp--preset--color--amarillo);
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 700;
	text-decoration: none;
}

.rios-cuenta-pagina .woocommerce :where(button.button, a.button, input.button):hover {
	background: var(--wp--preset--color--amarillo-oscuro);
	color: var(--wp--preset--color--azul);
}

/* Mostrar u ocultar la contraseña en datos personales (script de WooCommerce). */
.rios-cuenta-pagina .woocommerce .password-input {
	display: block;
	position: relative;
}

.rios-cuenta-pagina .woocommerce .password-input input {
	padding-right: 3rem;
}

.rios-cuenta-pagina .woocommerce .show-password-input {
	display: grid;
	position: absolute;
	top: 50%;
	right: var(--wp--preset--spacing--10);
	place-items: center;
	width: 2.5rem;
	height: 2.5rem;
	padding: 0;
	border: 0;
	border-radius: var(--wp--custom--radio--sm);
	background: transparent;
	color: var(--wp--preset--color--texto-suave);
	cursor: pointer;
	transform: translateY(-50%);
}

.rios-cuenta-pagina .woocommerce .show-password-input::after {
	content: "";
	width: 1.25rem;
	height: 1.25rem;
	margin: 0;
	background: currentcolor;
	font-family: inherit;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center / contain no-repeat;
}

.rios-cuenta-pagina .woocommerce .show-password-input.display-password::after {
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18M10.6 5.1A10.4 10.4 0 0 1 12 5c6.4 0 10 7 10 7a17 17 0 0 1-3.2 4M6.6 6.6C3.7 8.5 2 12 2 12s3.6 7 10 7a9.7 9.7 0 0 0 5.4-1.6M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3C/svg%3E");
	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 3l18 18M10.6 5.1A10.4 10.4 0 0 1 12 5c6.4 0 10 7 10 7a17 17 0 0 1-3.2 4M6.6 6.6C3.7 8.5 2 12 2 12s3.6 7 10 7a9.7 9.7 0 0 0 5.4-1.6M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3C/svg%3E");
}

/* WooCommerce pinta su propio ojo en ::before: uno solo, el del tema (034, CA-11). */
.rios-cuenta-pagina .woocommerce .show-password-input::before {
	content: none;
	display: none;
}

.rios-cuenta-pagina .woocommerce .show-password-input:hover {
	color: var(--wp--preset--color--azul);
}

/* Mis direcciones (feature 034, CA-11): aviso y tarjeta de la dirección. */
.rios-cuenta__aviso {
	display: flex;
	gap: var(--wp--preset--spacing--30);
	align-items: flex-start;
	padding: var(--wp--preset--spacing--40);
	border-radius: var(--wp--custom--radio--md);
	background: var(--wp--preset--color--azul-claro);
	color: var(--wp--preset--color--texto);
}

.rios-cuenta__aviso p {
	margin: 0;
}

.rios-cuenta__aviso-enlace {
	color: var(--wp--preset--color--azul);
	font-weight: 700;
}

.rios-cuenta__aviso-icono {
	flex: none;
	width: 1.5rem;
	height: 1.5rem;
	color: var(--wp--preset--color--azul);
}

.rios-direccion {
	padding: var(--wp--preset--spacing--50);
	border: 1px solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--md);
	background: var(--wp--preset--color--blanco);
	box-shadow: var(--wp--preset--shadow--tarjeta);
}

.rios-direccion__cabecera {
	display: flex;
	gap: var(--wp--preset--spacing--30);
	align-items: center;
	margin-bottom: var(--wp--preset--spacing--40);
}

.rios-direccion__icono {
	display: grid;
	flex: none;
	place-items: center;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: var(--wp--custom--radio--full);
	background: var(--wp--preset--color--azul-claro);
	color: var(--wp--preset--color--azul);
}

.rios-cuenta-pagina .rios-direccion__titulo {
	flex: 1;
	margin: 0;
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 800;
}

.rios-direccion__editar {
	display: inline-flex;
	gap: var(--wp--preset--spacing--10);
	align-items: center;
	min-height: 2.5rem;
	padding: 0 var(--wp--preset--spacing--40);
	border: 1px solid var(--wp--preset--color--azul);
	border-radius: var(--wp--custom--radio--full);
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 700;
	text-decoration: none;
}

.rios-direccion__editar:hover {
	background: var(--wp--preset--color--azul);
	color: var(--wp--preset--color--blanco);
}

.rios-direccion__editar .rios-icono {
	width: 1rem;
	height: 1rem;
}

.rios-cuenta-pagina .rios-direccion__datos {
	margin: 0;
	padding: var(--wp--preset--spacing--40);
	border: 0;
	border-radius: var(--wp--custom--radio--sm);
	background: var(--wp--preset--color--azul-claro);
	font-style: normal;
	line-height: 1.7;
}

/* Formularios con sesión (dirección y datos personales): en una tarjeta. */
.rios-cuenta__contenido > form,
.rios-cuenta__contenido .woocommerce-address-fields {
	padding: var(--wp--preset--spacing--50);
	border: 1px solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--md);
	background: var(--wp--preset--color--blanco);
}

.rios-cuenta__contenido .woocommerce-address-fields {
	padding: 0;
	border: 0;
}

@media (min-width: 768px) {

	.rios-cuenta-pagina .woocommerce form .form-row-first,
	.rios-cuenta-pagina .woocommerce form .form-row-last {
		display: inline-block;
		width: calc(50% - var(--wp--preset--spacing--20));
		vertical-align: top;
	}

	.rios-cuenta-pagina .woocommerce form .form-row-first {
		margin-right: var(--wp--preset--spacing--30);
	}
}

/* Banner de acceso. */
.rios-cuenta-banner {
	overflow: hidden;
}

.rios-cuenta-banner__logo img {
	width: 200px;
	max-width: 100%;
	height: auto;
}

.rios-cuenta-banner__frase {
	max-width: 22rem;
	line-height: 1.25;
}


@media (prefers-reduced-motion: reduce) {

	.rios-cuenta-pagina * {
		transition: none !important;
	}
}

/*
 * Menú: anula el relleno de cada entrada y el subrayado de la actual que pone
 * woocommerce-blocktheme.css (misma especificidad; esta hoja va después).
 */
.rios-cuenta-pagina .rios-cuenta .rios-cuenta__menu li {
	margin: 0;
	padding: 0;
	border: 0;
}

.rios-cuenta-pagina .rios-cuenta .rios-cuenta__menu li a:where(:hover, [aria-current="page"]) {
	text-decoration: none;
}

/*
 * Los formularios de acceso y registro ya van dentro de su tarjeta: sin el
 * borde y el relleno que les da WooCommerce (`.woocommerce form.login`).
 */
.rios-cuenta-pagina .woocommerce :is(form.woocommerce-form-login, form.woocommerce-form-register) {
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
}

/*
 * Feature 015: favoritos, carritos compartidos y destinatarios.
 */

/* Estado vacío con icono y texto de ayuda. */
.rios-cuenta__vacio-icono {
	width: 2.5rem;
	height: 2.5rem;
	color: var(--wp--preset--color--azul);
}

.rios-cuenta__vacio .rios-cuenta__vacio-texto {
	max-width: 32rem;
	font-size: var(--wp--preset--font-size--sm);
}

/* Rejilla de tarjetas de producto en mi cuenta (Mis favoritos y resumen). */
.rios-cuenta__tarjetas {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--30);
	margin: 0;
	padding: 0;
	list-style: none;
}

@media (min-width: 768px) {

	.rios-cuenta__tarjetas {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1280px) {

	.rios-cuenta__tarjetas {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

	.rios-cuenta__tarjetas.rios-resumen__tarjetas-favoritos {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.rios-cuenta__tarjetas > .wc-block-product {
	display: flex;
	width: auto;
	max-width: none;
	margin: 0;
}

.rios-favoritos__total {
	margin: 0;
	margin-right: auto;
	color: var(--wp--preset--color--texto-suave);
	font-size: var(--wp--preset--font-size--sm);
}

/* Seleccionar y quitar favoritos (feature 034, CA-9). */
.rios-favoritos__formulario {
	margin-bottom: var(--wp--preset--spacing--40);
}

.rios-favoritos__cabecera {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	align-items: center;
	padding: var(--wp--preset--spacing--40);
	border: 1px solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--md);
	background: var(--wp--preset--color--blanco);
	box-shadow: var(--wp--preset--shadow--tarjeta);
}

.rios-favoritos__icono {
	display: grid;
	flex: none;
	place-items: center;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: var(--wp--custom--radio--full);
	background: var(--wp--preset--color--azul-claro);
	color: var(--wp--preset--color--azul);
}

.rios-favoritos__resumen {
	flex: 1 1 12rem;
	min-width: 0;
}

.rios-favoritos__resumen p {
	margin: 0;
}

.rios-favoritos .rios-favoritos__total {
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--md);
	font-weight: 800;
}

.rios-favoritos__ayuda {
	color: var(--wp--preset--color--texto-suave);
	font-size: var(--wp--preset--font-size--xs);
}

.rios-favoritos__herramientas {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--30);
	align-items: center;
}

.rios-favoritos__todas {
	display: inline-flex;
	gap: var(--wp--preset--spacing--20);
	align-items: center;
	min-height: 2.5rem;
	padding: 0 var(--wp--preset--spacing--30);
	border: 1px solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--full);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	cursor: pointer;
}

.rios-favoritos__todas[hidden] {
	display: none;
}

.rios-favoritos__todas [data-rios-favoritos-todas] {
	width: 1.125rem;
	height: 1.125rem;
	margin: 0;
	accent-color: var(--wp--preset--color--azul);
}

.rios-favoritos__vaciar {
	min-height: 2.5rem;
	padding: 0 var(--wp--preset--spacing--20);
	border: 0;
	background: none;
	color: var(--wp--preset--color--rojo);
	font: inherit;
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.rios-favoritos__acciones {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--30);
	align-items: center;
	justify-content: flex-end;
	margin-top: var(--wp--preset--spacing--30);
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--20) var(--wp--preset--spacing--20) var(--wp--preset--spacing--40);
	border-radius: var(--wp--custom--radio--md);
	background: var(--wp--preset--color--azul-claro);
	color: var(--wp--preset--color--azul);
}

/* Con JavaScript, la franja solo aparece con algo marcado. */
.rios-favoritos--con-js .rios-favoritos__acciones:not(.is-activa) {
	display: none;
}

.rios-favoritos__estado {
	margin-right: auto;
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 700;
}

.rios-favoritos__cancelar {
	min-height: 2.5rem;
	padding: 0 var(--wp--preset--spacing--30);
	border: 0;
	background: none;
	color: inherit;
	font: inherit;
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	text-decoration: underline;
	cursor: pointer;
}

.rios-favoritos__cancelar[hidden] {
	display: none;
}

.rios-favoritos__quitar {
	display: inline-flex;
	gap: var(--wp--preset--spacing--10);
	align-items: center;
	min-height: 2.5rem;
	padding: 0 var(--wp--preset--spacing--40);
	border: 0;
	border-radius: var(--wp--custom--radio--full);
	background: var(--wp--preset--color--amarillo);
	color: var(--wp--preset--color--azul);
	font: inherit;
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 800;
	cursor: pointer;
}

.rios-favoritos__quitar .rios-icono {
	width: 1rem;
	height: 1rem;
}

/* La casilla de cada tarjeta, abajo a la izquierda de la foto (arriba van
 * las etiquetas y el corazón). */
.rios-favoritos__seleccion {
	display: grid;
	position: absolute;
	z-index: 3;
	bottom: var(--wp--preset--spacing--20);
	left: var(--wp--preset--spacing--20);
	place-items: center;
	width: 2.25rem;
	height: 2.25rem;
	border-radius: var(--wp--custom--radio--sm);
	background: rgb(255 255 255 / 92%);
	box-shadow: 0 1px 4px rgb(0 0 0 / 12%);
	cursor: pointer;
}

.rios-favoritos__seleccion [data-rios-favorito-casilla] {
	width: 1.25rem;
	height: 1.25rem;
	margin: 0;
	accent-color: var(--wp--preset--color--azul);
	cursor: pointer;
}

.rios-cuenta__tarjetas > .wc-block-product:has(.rios-favoritos__seleccion input:checked) .rios-tarjeta {
	outline: 2px solid var(--wp--preset--color--azul);
	outline-offset: -2px;
}

/*
 * Resumen: cuatro recuentos, en 2×2 y en una fila de cuatro desde 1024 px,
 * todos del mismo alto y con el enlace abajo (feature 034, CA-12).
 */
.rios-resumen__recuentos {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (min-width: 1024px) {

	.rios-resumen__recuentos {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

.rios-resumen__recuento {
	flex-direction: column;
	gap: var(--wp--preset--spacing--30);
	padding: var(--wp--preset--spacing--40);
}

.rios-resumen__recuento > div {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
}

.rios-resumen__recuento .rios-resumen__enlace {
	margin-top: auto;
	white-space: nowrap;
}

.rios-resumen__favoritos {
	display: grid;
	gap: var(--wp--preset--spacing--40);
}

/* Carritos compartidos. */
.rios-compartidos__lista {
	display: grid;
	gap: var(--wp--preset--spacing--30);
	margin: 0;
	padding: 0;
	list-style: none;
}

.rios-compartidos__item {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	align-items: center;
	padding: var(--wp--preset--spacing--40);
	border: 1px solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--md);
	background: var(--wp--preset--color--blanco);
	box-shadow: var(--wp--preset--shadow--tarjeta);
}

.rios-compartidos__icono {
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	border-radius: var(--wp--custom--radio--full);
	background: var(--wp--preset--color--azul-claro);
	color: var(--wp--preset--color--azul);
}

.rios-compartidos__nombre {
	margin: 0 0 var(--wp--preset--spacing--10);
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--md);
	font-weight: 700;
}

.rios-compartidos__detalles {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--10) var(--wp--preset--spacing--40);
	margin: 0;
	font-size: var(--wp--preset--font-size--sm);
}

.rios-compartidos__detalles dt {
	color: var(--wp--preset--color--texto-suave);
}

.rios-compartidos__detalles dd {
	margin: 0;
	font-weight: 700;
}

.rios-compartidos__acciones {
	display: flex;
	flex-wrap: wrap;
	grid-column: 1 / -1;
	gap: var(--wp--preset--spacing--20);
}

@media (min-width: 900px) {

	.rios-compartidos__item {
		grid-template-columns: auto minmax(0, 1fr) auto;
	}

	.rios-compartidos__acciones {
		grid-column: auto;
		justify-content: flex-end;
	}
}

/* Productos de un carrito compartido (feature 034, CA-10): debajo de todo. */
.rios-compartidos__productos {
	grid-column: 1 / -1;
	order: 1;
	border-top: 1px solid var(--wp--preset--color--borde);
	padding-top: var(--wp--preset--spacing--30);
}

.rios-compartidos__productos > summary {
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 700;
	cursor: pointer;
}

.rios-compartidos__lineas {
	display: grid;
	gap: var(--wp--preset--spacing--20);
	margin: var(--wp--preset--spacing--30) 0 0;
	padding: 0;
	list-style: none;
}

.rios-compartidos__linea {
	display: grid;
	grid-template-columns: 3rem minmax(0, 1fr) auto auto;
	gap: var(--wp--preset--spacing--30);
	align-items: center;
	font-size: var(--wp--preset--font-size--sm);
}

.rios-compartidos__foto img {
	display: block;
	width: 3rem;
	height: 3rem;
	border-radius: var(--wp--custom--radio--sm);
	background: var(--wp--preset--color--azul-claro);
	object-fit: contain;
}

.rios-compartidos__producto {
	color: var(--wp--preset--color--texto);
	text-decoration: none;
}

.rios-compartidos__producto:hover {
	color: var(--wp--preset--color--azul);
	text-decoration: underline;
}

.rios-compartidos__cantidad {
	color: var(--wp--preset--color--texto-suave);
	white-space: nowrap;
}

.rios-compartidos__precio {
	color: var(--wp--preset--color--azul);
	font-weight: 700;
	white-space: nowrap;
}

.rios-compartidos__accion,
.rios-destinatario__editar,
.rios-destinatario__eliminar,
.rios-destinatario-form__cancelar {
	display: inline-flex;
	gap: var(--wp--preset--spacing--10);
	align-items: center;
	justify-content: center;
	min-height: 2.5rem;
	padding: 0 var(--wp--preset--spacing--30);
	border: 1px solid var(--wp--preset--color--azul);
	border-radius: var(--wp--custom--radio--sm);
	background: var(--wp--preset--color--blanco);
	color: var(--wp--preset--color--azul);
	font: inherit;
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
}

.rios-compartidos__accion:hover,
.rios-destinatario__editar:hover,
.rios-destinatario__eliminar:hover,
.rios-destinatario-form__cancelar:hover {
	background: var(--wp--preset--color--azul-claro);
}

.rios-compartidos__accion svg,
.rios-destinatario__acciones svg {
	width: 1.125rem;
	height: 1.125rem;
}

.rios-compartidos__borrar,
.rios-destinatario__acciones .rios-destinatario__eliminar {
	border-color: var(--wp--preset--color--rojo);
	color: var(--wp--preset--color--rojo);
}

.rios-compartidos__borrar:hover,
.rios-destinatario__acciones .rios-destinatario__eliminar:hover {
	background: var(--wp--preset--color--blanco);
	text-decoration: underline;
}

:is(.rios-compartidos, .rios-mis-destinatarios) :where(a, button):focus-visible {
	outline: var(--wp--custom--foco);
	outline-offset: 2px;
}

/* Confirmación de borrado (<dialog> propio). */
.rios-confirmar {
	box-sizing: border-box;
	width: min(26rem, calc(100vw - 2 * var(--wp--custom--margen)));
	padding: var(--wp--preset--spacing--50);
	border: 0;
	border-radius: var(--wp--custom--radio--lg);
	background: var(--wp--preset--color--blanco);
	box-shadow: var(--wp--preset--shadow--panel);
	color: var(--wp--preset--color--texto);
}

.rios-confirmar::backdrop {
	background: rgb(13 17 69 / 55%);
}

.rios-confirmar__titulo {
	margin: 0 0 var(--wp--preset--spacing--20);
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 800;
}

.rios-confirmar__texto {
	margin: 0 0 var(--wp--preset--spacing--40);
	color: var(--wp--preset--color--texto-suave);
}

.rios-confirmar__botones {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--20);
	justify-content: flex-end;
}

.rios-confirmar__formulario {
	margin: 0;
}

.rios-confirmar__cancelar,
.rios-confirmar__aceptar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding: 0 var(--wp--preset--spacing--40);
	border: 1px solid var(--wp--preset--color--azul);
	border-radius: var(--wp--custom--radio--sm);
	background: var(--wp--preset--color--blanco);
	color: var(--wp--preset--color--azul);
	font: inherit;
	font-weight: 700;
	text-decoration: none;
	cursor: pointer;
}

.rios-confirmar .rios-confirmar__aceptar {
	border-color: var(--wp--preset--color--rojo);
	background: var(--wp--preset--color--rojo);
	color: var(--wp--preset--color--blanco);
}

.rios-confirmar :where(a, button):focus-visible {
	outline: var(--wp--custom--foco);
	outline-offset: 2px;
}

/* Mis destinatarios (Mis direcciones.png). */
.rios-mis-destinatarios__barra {
	margin-bottom: var(--wp--preset--spacing--40);
}

.rios-mis-destinatarios__nuevo {
	gap: var(--wp--preset--spacing--10);
}

.rios-mis-destinatarios__limite {
	margin: 0;
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	border-radius: var(--wp--custom--radio--sm);
	background: var(--rios-cuenta-amarillo-suave);
}

.rios-mis-destinatarios__lista {
	display: grid;
	gap: var(--wp--preset--spacing--40);
	margin: 0;
	padding: 0;
	list-style: none;
}

.rios-destinatario article {
	display: grid;
	gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
	padding: var(--wp--preset--spacing--50);
	border: 1px solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--md);
	background: var(--wp--preset--color--blanco);
	box-shadow: var(--wp--preset--shadow--tarjeta);
}

.rios-destinatario.is-predeterminado article {
	border-color: var(--wp--preset--color--verde);
}

@media (min-width: 900px) {

	.rios-destinatario article {
		grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) auto;
		grid-template-areas:
			"marca marca marca"
			"persona zona acciones"
			"datos zona acciones";
	}

	.rios-destinatario__marca {
		grid-area: marca;
	}

	.rios-destinatario__persona {
		grid-area: persona;
	}

	.rios-destinatario__datos {
		grid-area: datos;
	}

	.rios-destinatario__zona {
		grid-area: zona;
		padding-left: var(--wp--preset--spacing--50);
		border-left: 1px solid var(--wp--preset--color--borde);
	}

	.rios-destinatario__acciones {
		flex-direction: column;
		grid-area: acciones;
		align-self: center;
	}
}

.rios-destinatario__predeterminado,
.rios-destinatario__hacer {
	display: inline-flex;
	gap: var(--wp--preset--spacing--10);
	align-items: center;
	min-height: 2rem;
	padding: 0 var(--wp--preset--spacing--30);
	border-radius: var(--wp--custom--radio--full);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 700;
}

.rios-destinatario__predeterminado {
	background: var(--wp--preset--color--verde);
	color: var(--wp--preset--color--blanco);
}

.rios-destinatario__predeterminado svg {
	width: 1rem;
	height: 1rem;
}

.rios-destinatario__hacer {
	background: var(--wp--preset--color--azul-claro);
	color: var(--wp--preset--color--azul);
	text-decoration: none;
}

.rios-destinatario__hacer:hover {
	text-decoration: underline;
}

.rios-destinatario__persona {
	display: flex;
	gap: var(--wp--preset--spacing--30);
	align-items: center;
}

.rios-destinatario__avatar {
	display: grid;
	flex: none;
	place-items: center;
	width: 3rem;
	height: 3rem;
	border-radius: var(--wp--custom--radio--full);
	background: var(--wp--preset--color--azul-claro);
	color: var(--wp--preset--color--azul);
}

.rios-destinatario__nombre {
	margin: 0;
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--md);
	font-weight: 800;
}

.rios-destinatario__rol {
	margin: 0;
	color: var(--wp--preset--color--texto-suave);
	font-size: var(--wp--preset--font-size--xs);
}

.rios-destinatario__datos {
	display: grid;
	gap: var(--wp--preset--spacing--10);
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: var(--wp--preset--font-size--sm);
}

.rios-destinatario__dato {
	display: flex;
	gap: var(--wp--preset--spacing--20);
	align-items: flex-start;
	overflow-wrap: anywhere;
}

.rios-destinatario__datos svg {
	flex: none;
	width: 1.125rem;
	height: 1.125rem;
	color: var(--wp--preset--color--azul);
}

.rios-destinatario__zona {
	display: grid;
	gap: var(--wp--preset--spacing--20);
	margin: 0;
	font-size: var(--wp--preset--font-size--sm);
}

.rios-destinatario__zona dt {
	color: var(--wp--preset--color--texto-suave);
}

.rios-destinatario__zona dd {
	margin: 0;
	color: var(--wp--preset--color--azul);
	font-weight: 600;
}

.rios-destinatario__acciones {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--20);
}

/* Formulario de destinatario. */
.rios-destinatario-form {
	padding: var(--wp--preset--spacing--50);
	border: 1px solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--md);
	background: var(--wp--preset--color--blanco);
}

.rios-destinatario-form__titulo {
	margin: 0;
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--lg);
	font-weight: 800;
}

.rios-destinatario-form__ayuda {
	margin: var(--wp--preset--spacing--10) 0 var(--wp--preset--spacing--40);
	color: var(--wp--preset--color--texto-suave);
	font-size: var(--wp--preset--font-size--sm);
}

.rios-destinatario-form__error {
	margin: 0 0 var(--wp--preset--spacing--40);
	padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	border-left: 4px solid var(--wp--preset--color--rojo);
	border-radius: var(--wp--custom--radio--sm);
	background: var(--wp--preset--color--azul-claro);
	color: var(--wp--preset--color--rojo);
	font-weight: 600;
}

.rios-destinatario-form__campos {
	display: grid;
	gap: 0 var(--wp--preset--spacing--40);

	/* Un error debajo de un campo no estira el de al lado (aviso del usuario). */
	align-items: start;
}

@media (min-width: 600px) {

	.rios-destinatario-form__campos {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.rios-campo--direccion-entrega,
	.rios-campo--contact2-entrega {
		grid-column: 1 / -1;
	}
}

.rios-campo {
	display: grid;
	gap: var(--wp--preset--spacing--10);
	align-content: start;
	margin: 0 0 var(--wp--preset--spacing--40);
}

.rios-campo__etiqueta {
	color: var(--wp--preset--color--texto);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
}

.rios-campo__requerido {
	color: var(--wp--preset--color--rojo);
	text-decoration: none;
}

.rios-campo__opcional {
	color: var(--wp--preset--color--texto-suave);
	font-weight: 400;
}

.rios-campo :is(input, select, textarea) {
	box-sizing: border-box;
	width: 100%;
	min-height: 2.75rem;
	padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
	border: 1px solid var(--rios-cuenta-borde-campo);
	border-radius: var(--wp--custom--radio--sm);
	background: var(--wp--preset--color--blanco);
	color: var(--wp--preset--color--texto);
	font: inherit;
}

.rios-campo :is(input, select, textarea):focus {
	border-color: var(--wp--preset--color--azul);
	outline: var(--wp--custom--foco);
	outline-offset: 0;
}

.rios-campo :is(input, select, textarea):disabled {
	background: var(--wp--preset--color--azul-claro);
	cursor: not-allowed;
}

.rios-campo.is-error :is(input, select, textarea) {
	border-color: var(--wp--preset--color--rojo);
}

.rios-campo__error {
	display: flex;
	gap: var(--wp--preset--spacing--10);
	align-items: center;
	color: var(--wp--preset--color--rojo);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 600;
}

.rios-campo__error svg {
	flex: none;
	width: 0.875rem;
	height: 0.875rem;
}

.rios-destinatario-form__botones {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--30);
	align-items: center;
}

.rios-destinatario-form__botones .rios-cuenta__boton {
	border: 0;
	font-family: inherit;
	cursor: pointer;
}

.rios-destinatario-form :where(a, button):focus-visible {
	outline: var(--wp--custom--foco);
	outline-offset: 2px;
}

/* Repetir pedido (feature 021). */
.rios-repetir {
	display: grid;
	gap: var(--wp--preset--spacing--50);
}

/* Fila: "Historial de pedidos (N)" y buscador. */
.rios-repetir__barra {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	align-items: center;
	justify-content: space-between;
}

.rios-repetir__historial {
	display: inline-flex;
	margin: 0;
	align-items: center;
	min-height: 2.75rem;
	padding: 0 var(--wp--preset--spacing--50);
	border-radius: var(--wp--custom--radio--full);
	background: var(--wp--preset--color--azul);
	color: var(--wp--preset--color--blanco);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 700;
}

.rios-repetir__busqueda {
	display: flex;
	flex: 1 1 100%;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
	align-items: center;
}

@media (min-width: 768px) {

	.rios-repetir__busqueda {
		flex: 0 1 22rem;
		justify-content: flex-end;
	}
}

.rios-repetir__buscador {
	display: flex;
	flex: 1 1 14rem;
	align-items: center;
	min-height: 2.75rem;
	padding: 0 var(--wp--preset--spacing--20) 0 var(--wp--preset--spacing--40);
	border: 1px solid var(--rios-cuenta-borde-campo);
	border-radius: var(--wp--custom--radio--full);
	background: var(--wp--preset--color--blanco);
}

.rios-repetir__buscador:focus-within {
	border-color: var(--wp--preset--color--azul);
}

.rios-repetir .rios-repetir__campo {
	flex: 1 1 auto;
	min-width: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--wp--preset--color--texto);
	font-size: var(--wp--preset--font-size--sm);
}

.rios-repetir .rios-repetir__campo:focus-visible {
	outline: none;
}

.rios-repetir__buscar {
	display: grid;
	flex: none;
	place-items: center;
	width: 2.25rem;
	height: 2.25rem;
	padding: 0;
	border: 0;
	border-radius: var(--wp--custom--radio--full);
	background: transparent;
	color: var(--wp--preset--color--azul);
	cursor: pointer;
}

.rios-repetir__buscar:hover {
	background: var(--wp--preset--color--azul-claro);
}

.rios-repetir__buscar svg {
	width: 1.25rem;
	height: 1.25rem;
}

.rios-repetir__quitar {
	display: inline-flex;
	gap: var(--wp--preset--spacing--10);
	align-items: center;
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	text-decoration: none;
}

.rios-repetir__quitar:hover {
	text-decoration: underline;
}

.rios-repetir__quitar svg {
	width: 1rem;
	height: 1rem;
}

.rios-repetir__formulario {
	display: grid;
	gap: var(--wp--preset--spacing--50);
}

/* Tarjeta: la de Mis pedidos con icono redondo, lista desplegable y pie. */
.rios-repetir__pedido.is-destacado {
	border-color: var(--wp--preset--color--amarillo);
	box-shadow: 0 0 0 2px var(--wp--preset--color--amarillo), var(--wp--preset--shadow--tarjeta);
}

.rios-pedido__simbolo {
	display: grid;
	flex: none;
	place-items: center;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: var(--wp--custom--radio--full);
	background: var(--wp--preset--color--azul);
	color: var(--wp--preset--color--blanco);
}

.rios-pedido__simbolo svg {
	width: 1.375rem;
	height: 1.375rem;
}

.rios-repetir__cuerpo {
	display: grid;
	gap: var(--wp--preset--spacing--40);
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50) 0;
}

@media (min-width: 768px) {

	.rios-repetir__cuerpo {
		grid-template-columns: minmax(0, 1fr) auto;
		align-items: start;
	}

	/* La lista desplegada ocupa todo el ancho de la tarjeta. */
	.rios-repetir__detalles[open] {
		grid-column: 1 / -1;
	}
}

/* Miniaturas en una fila; a lo ancho de la tarjeta se desplazan solas. */
.rios-repetir__pedido .rios-pedido__miniaturas {
	flex-wrap: nowrap;
	max-width: 100%;
	padding-bottom: var(--wp--preset--spacing--10);
	overflow-x: auto;
	overscroll-behavior-x: contain;
	scrollbar-width: thin;
}

.rios-repetir__pedido .rios-pedido__miniatura,
.rios-repetir__pedido .rios-pedido__mas {
	flex: none;
}

.rios-repetir__pedido .rios-pedido__productos {
	min-width: 0;
}

.rios-repetir__detalles {
	min-width: 0;
}

.rios-repetir__resumen {
	display: flex;
	flex-direction: column;
	gap: var(--wp--preset--spacing--10);
	padding: var(--wp--preset--spacing--20) 0;
	color: var(--wp--preset--color--azul);
	cursor: pointer;
	list-style: none;
}

.rios-repetir__resumen::-webkit-details-marker {
	display: none;
}

.rios-repetir__ver {
	display: inline-flex;
	gap: var(--wp--preset--spacing--10);
	align-items: center;
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
}

.rios-repetir__flecha {
	width: 1rem;
	height: 1rem;
	transition: transform var(--wp--custom--transicion);
}

.rios-repetir__detalles[open] .rios-repetir__flecha {
	transform: rotate(180deg);
}

.rios-repetir__lineas {
	display: grid;
	gap: var(--wp--preset--spacing--20);
	margin: var(--wp--preset--spacing--20) 0 0;
	padding: 0;
	list-style: none;
}

.rios-repetir__linea {
	display: grid;
	grid-template-columns: auto 3.5rem minmax(0, 1fr);
	gap: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
	align-items: center;
	padding: var(--wp--preset--spacing--30);
	border: 1px solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--sm);
	background: var(--wp--preset--color--azul-claro);
}

@media (min-width: 600px) {

	.rios-repetir__linea {
		grid-template-columns: auto 3.5rem minmax(0, 1fr) auto;
	}
}

.rios-repetir .rios-repetir__casilla,
.rios-repetir .rios-repetir__todo {
	width: 1.25rem;
	height: 1.25rem;
	margin: 0;
	accent-color: var(--wp--preset--color--azul);
	cursor: pointer;
}

.rios-repetir .rios-repetir__casilla:disabled {
	cursor: not-allowed;
}

.rios-repetir__imagen {
	display: grid;
	place-items: center;
	width: 3.5rem;
	height: 3.5rem;
	overflow: hidden;
	border: 1px solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--sm);
	background: var(--wp--preset--color--blanco);
}

.rios-repetir__imagen img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.rios-repetir__datos {
	display: grid;
	gap: var(--wp--preset--spacing--10);
	min-width: 0;
}

.rios-repetir__nombre {
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 700;
	overflow-wrap: anywhere;
	cursor: pointer;
}

.rios-repetir__variante,
.rios-repetir__cantidad {
	color: var(--wp--preset--color--texto-suave);
	font-size: var(--wp--preset--font-size--xs);
}

.rios-repetir__estado {
	display: inline-flex;
	gap: var(--wp--preset--spacing--10);
	align-items: center;
	color: var(--wp--preset--color--verde);
	font-size: var(--wp--preset--font-size--xs);
	font-weight: 600;
}

.rios-repetir__estado svg {
	flex: none;
	width: 1rem;
	height: 1rem;
}

.rios-repetir__linea.is-sin-zona .rios-repetir__estado {
	color: var(--wp--preset--color--texto-suave);
}

.rios-repetir__precio {
	grid-column: 3;
	color: var(--wp--preset--color--azul);
	font-weight: 800;
}

@media (min-width: 600px) {

	.rios-repetir__precio {
		grid-column: 4;
		text-align: right;
	}
}

/* Líneas que no se pueden añadir: atenuadas, con el motivo en rojo. */
.rios-repetir__linea:is(.is-borrado, .is-agotado, .is-no-disponible) {
	background: var(--wp--preset--color--blanco);
}

.rios-repetir__linea:is(.is-borrado, .is-agotado, .is-no-disponible) :is(.rios-repetir__imagen, .rios-repetir__nombre, .rios-repetir__cantidad, .rios-repetir__precio, .rios-repetir__variante) {
	opacity: 0.55;
}

.rios-repetir__linea:is(.is-borrado, .is-agotado, .is-no-disponible) .rios-repetir__nombre {
	cursor: default;
}

.rios-repetir__linea:is(.is-borrado, .is-agotado, .is-no-disponible) .rios-repetir__estado {
	color: var(--wp--preset--color--rojo);
}

/* Pie: "Seleccionar todo" y los dos botones. */
.rios-repetir__pie {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	align-items: center;
	justify-content: space-between;
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50) var(--wp--preset--spacing--50);
}

.rios-repetir__todo-etiqueta {
	display: inline-flex;
	gap: var(--wp--preset--spacing--20);
	align-items: center;
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	cursor: pointer;
}

.rios-repetir__acciones {
	display: flex;
	flex: 1 1 100%;
	flex-direction: column;
	gap: var(--wp--preset--spacing--20);
}

@media (min-width: 600px) {

	.rios-repetir__acciones {
		flex: 0 1 auto;
		flex-direction: row;
		flex-wrap: wrap;
	}
}

.rios-repetir__accion {
	display: inline-flex;
	gap: var(--wp--preset--spacing--20);
	align-items: center;
	justify-content: center;
	min-height: 2.75rem;
	padding: 0 var(--wp--preset--spacing--40);
	border: 1px solid var(--wp--preset--color--azul);
	border-radius: var(--wp--custom--radio--sm);
	background: var(--wp--preset--color--blanco);
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--sm);
	font-weight: 600;
	text-decoration: none;
	cursor: pointer;
}

.rios-repetir__accion:hover {
	background: var(--wp--preset--color--azul-claro);
}

.rios-repetir__accion.is-principal {
	border-color: var(--wp--preset--color--amarillo);
	background: var(--wp--preset--color--amarillo);
	font-weight: 700;
}

.rios-repetir__accion.is-principal:hover {
	border-color: var(--wp--preset--color--amarillo-oscuro);
	background: var(--wp--preset--color--amarillo-oscuro);
}

.rios-repetir__accion:disabled {
	opacity: 0.5;
	cursor: not-allowed;
}

.rios-repetir__accion:disabled:hover {
	background: var(--wp--preset--color--blanco);
}

.rios-repetir__accion.is-principal:disabled:hover {
	background: var(--wp--preset--color--amarillo);
}

.rios-repetir__accion-icono {
	flex: none;
	width: 1.125rem;
	height: 1.125rem;
}

/* Recuadro "¿Quieres repetir varios pedidos?". */
.rios-repetir__varios {
	padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
	border: 1px solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--md);
	background: var(--wp--preset--color--azul-claro);
}

.rios-repetir__varios-inicio,
.rios-repetir__varios-modo {
	display: flex;
	flex-wrap: wrap;
	gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
	align-items: center;
}

/* El script alterna `hidden` entre los dos estados; `display: flex` no debe anularlo. */
.rios-repetir__varios-inicio[hidden],
.rios-repetir__varios-modo[hidden] {
	display: none;
}

.rios-repetir__varios-icono {
	display: grid;
	flex: none;
	place-items: center;
	width: 2.75rem;
	height: 2.75rem;
	border-radius: var(--wp--custom--radio--full);
	background: var(--wp--preset--color--azul);
	color: var(--wp--preset--color--blanco);
}

.rios-repetir__varios-icono svg {
	width: 1.375rem;
	height: 1.375rem;
}

.rios-repetir__varios-textos {
	flex: 1 1 14rem;
}

.rios-repetir__varios-titulo {
	margin: 0;
	color: var(--wp--preset--color--azul);
	font-size: var(--wp--preset--font-size--md);
	font-weight: 800;
}

.rios-repetir__varios-texto {
	margin: 0;
	color: var(--wp--preset--color--texto-suave);
	font-size: var(--wp--preset--font-size--sm);
}

.rios-repetir__seleccionadas {
	flex: 1 1 10rem;
	margin: 0;
	color: var(--wp--preset--color--azul);
	font-weight: 700;
}

.rios-repetir__varios .rios-repetir__acciones {
	flex: 1 1 100%;
}

@media (min-width: 600px) {

	.rios-repetir__varios .rios-repetir__acciones {
		flex: 0 1 auto;
	}
}

/* Detalle del pedido: enlace "Repetir pedido" bajo la tabla. */
.rios-pedido-detalle__repetir {
	margin: var(--wp--preset--spacing--40) 0 0;
}

/*
 * Tablet y móvil (feature 034): el menú es una fila de botones que se desliza
 * en horizontal. Los bordes se difuminan mientras queda menú a ese lado y una
 * barra fina debajo indica la posición (assets/js/cuenta-carril.js).
 */
.rios-cuenta__carril {
	min-width: 0;
}

.rios-cuenta-pagina .rios-cuenta .rios-cuenta__carril .rios-cuenta__menu ul {
	flex-direction: row;
	gap: var(--wp--preset--spacing--20);

	/* Contenedor de los textos ocultos (posición absoluta): si no, ensanchan la página. */
	position: relative;
	margin: 0;
	padding: var(--wp--preset--spacing--10) 0;
	overflow-x: auto;
	scroll-padding-inline: var(--wp--preset--spacing--30);
	scroll-snap-type: x proximity;
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.rios-cuenta-pagina .rios-cuenta .rios-cuenta__carril .rios-cuenta__menu ul::-webkit-scrollbar {
	display: none;
}

.rios-cuenta-pagina .rios-cuenta .rios-cuenta__carril.is-con-inicio .rios-cuenta__menu ul {
	-webkit-mask-image: linear-gradient(to right, transparent, #000 2.5rem);
	mask-image: linear-gradient(to right, transparent, #000 2.5rem);
}

.rios-cuenta-pagina .rios-cuenta .rios-cuenta__carril.is-con-final .rios-cuenta__menu ul {
	-webkit-mask-image: linear-gradient(to left, transparent, #000 2.5rem);
	mask-image: linear-gradient(to left, transparent, #000 2.5rem);
}

.rios-cuenta-pagina .rios-cuenta .rios-cuenta__carril.is-con-inicio.is-con-final .rios-cuenta__menu ul {
	-webkit-mask-image: linear-gradient(to right, transparent, #000 2.5rem, #000 calc(100% - 2.5rem), transparent);
	mask-image: linear-gradient(to right, transparent, #000 2.5rem, #000 calc(100% - 2.5rem), transparent);
}

.rios-cuenta-pagina .rios-cuenta .rios-cuenta__carril .rios-cuenta__menu li {
	flex: none;
	scroll-snap-align: start;
}

.rios-cuenta-pagina .rios-cuenta .rios-cuenta__carril .rios-cuenta__menu a {
	min-height: 2.75rem;
	padding: 0 var(--wp--preset--spacing--40);
	border: 1px solid var(--wp--preset--color--borde);
	border-radius: var(--wp--custom--radio--full);
	background: var(--wp--preset--color--blanco);
	white-space: nowrap;
}

.rios-cuenta-pagina .rios-cuenta .rios-cuenta__carril .rios-cuenta__menu a[aria-current="page"] {
	border-color: var(--wp--preset--color--azul);
	background: var(--wp--preset--color--azul);
	color: var(--wp--preset--color--blanco);
}

.rios-cuenta-pagina .rios-cuenta .rios-cuenta__carril .rios-cuenta__menu a[aria-current="page"] .rios-cuenta__menu-icono {
	color: var(--wp--preset--color--amarillo);
}

.rios-cuenta__carril-indicador {
	position: relative;
	height: 4px;
	margin: var(--wp--preset--spacing--20) auto 0;
	overflow: hidden;
	border-radius: var(--wp--custom--radio--full);
	background: var(--wp--preset--color--borde);
	max-width: 8rem;
}

.rios-cuenta__carril-indicador[hidden],
.rios-cuenta__carril-pista[hidden] {
	display: none;
}

.rios-cuenta__carril-pulgar {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: inherit;
	background: var(--wp--preset--color--azul);
}

.rios-cuenta__carril-pista {
	display: flex;
	gap: var(--wp--preset--spacing--10);
	align-items: center;
	justify-content: center;
	margin: var(--wp--preset--spacing--10) 0 0;
	color: var(--wp--preset--color--texto-suave);
	font-size: var(--wp--preset--font-size--xs);
}

.rios-cuenta__carril-pista .rios-icono {
	width: 0.875rem;
	height: 0.875rem;
}

@media (prefers-reduced-motion: no-preference) {

	.rios-cuenta__carril-pista .rios-icono {
		animation: rios-carril-empuje 1.4s ease-in-out infinite;
	}
}

@keyframes rios-carril-empuje {

	0%,
	100% {
		transform: translateX(0);
	}

	50% {
		transform: translateX(4px);
	}
}

/*
 * Con imagen (042): el banner sigue la proporción de la imagen, como el
 * encabezado de la tienda (banners.css), y el logo y la frase escalan con su
 * ancho. Los tamaños por dispositivo llegan desde Ajustes como variables
 * (--rios-acc-e-lg…) medidas a 1280, 768 y 390 px.
 */
.rios-cuenta-banner.rios-banner--proporcional > * {
	--rios-acc-lg: var(--rios-acc-m-lg, 120);
	--rios-acc-fr: var(--rios-acc-m-fr, 16);
}

@container rios-encabezado (min-width: 480px) {

	.rios-cuenta-banner.rios-banner--proporcional > * {
		--rios-acc-lg: var(--rios-acc-t-lg, 160);
		--rios-acc-fr: var(--rios-acc-t-fr, 20);
	}
}

@container rios-encabezado (min-width: 1024px) {

	.rios-cuenta-banner.rios-banner--proporcional > * {
		--rios-acc-lg: var(--rios-acc-e-lg, 200);
		--rios-acc-fr: var(--rios-acc-e-fr, 24);
	}
}

/* El bloque de imagen trae el ancho en línea (width: 200px). */
.rios-cuenta-banner.rios-banner--proporcional .rios-cuenta-banner__logo img {
	width: calc(var(--rios-acc-lg) * var(--rios-enc-px)) !important;
}

/* La clase de tamaño de WordPress (has-xl-font-size) lleva !important. */
.rios-cuenta-banner.rios-banner--proporcional .rios-cuenta-banner__frase {
	font-size: calc(var(--rios-acc-fr) * var(--rios-enc-px)) !important;
}

/* Sin logo ni frase, solo la imagen: el contenedor vacío no ocupa sitio. */
.rios-cuenta-banner > .wp-block-cover__inner-container:not(:has(*)) {
	display: none;
}

/*
 * En la caja de contenido de mi cuenta el relleno raíz vale 0: el texto
 * empieza a 32 px del borde (como sin imagen), escalado con el banner, y el
 * velo empieza donde el texto.
 */
.rios-cuenta-banner.rios-banner--proporcional {
	--rios-texto-inicio: clamp(1rem, calc(32 * 100cqi / 1280), 2rem);
}

.rios-cuenta-banner.rios-banner--proporcional > .wp-block-cover__inner-container {
	padding-inline: clamp(1rem, calc(32 * var(--rios-enc-px)), 2rem);
}

.rios-cuenta-banner.rios-banner--proporcional .rios-cuenta-banner__logo {
	margin-block: 0 calc(var(--rios-enc-se) * var(--rios-enc-px));
}