/* =========================================================================
 * Chat IA Web — estilos
 * Todo cuelga de variables: cada estilo (skin) solo cambia las variables
 * y unos pocos detalles al final del fichero.
 * ====================================================================== */

#iaw-widget {
	/* Colores del panel (se rellenan desde el panel de WordPress). */
	--iaw-primario: #1e5eff;
	--iaw-sobre-primario: #ffffff;
	--iaw-burbuja: #f1f3f7;

	/* Variables de estilo: valores del estilo «Clásico». */
	--iaw-panel-fondo: #ffffff;
	--iaw-cab-fondo: var(--iaw-primario);
	--iaw-cab-texto: var(--iaw-sobre-primario);
	--iaw-bot-fondo: var(--iaw-burbuja);
	--iaw-bot-texto: #1c1e21;
	--iaw-yo-fondo: var(--iaw-primario);
	--iaw-yo-texto: var(--iaw-sobre-primario);
	--iaw-texto: #1c1e21;
	--iaw-suave: #5b6270;
	--iaw-borde: #e6e8ec;
	--iaw-campo-fondo: #ffffff;
	--iaw-campo-borde: #d8dbe2;
	--iaw-ficha-fondo: #ffffff;
	--iaw-ficha-img: #f6f7f9;
	--iaw-radio: 16px;
	--iaw-radio-msg: 14px;
	--iaw-sombra: 0 18px 50px rgba(0, 0, 0, .25);

	--iaw-abajo: 20px;
	--iaw-lado: 20px;
	--iaw-alto: 100vh;
	--iaw-curva: cubic-bezier(.2, .8, .2, 1);

	position: fixed;
	bottom: var(--iaw-abajo);
	z-index: 99999;
	font-family: inherit;
	font-size: 15px;
	line-height: 1.45;
}

#iaw-widget.iaw-derecha { right: var(--iaw-lado); }
#iaw-widget.iaw-izquierda { left: var(--iaw-lado); }

#iaw-widget .iaw-oculto {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* Los temas suelen forzar color, fill, tamaño o mayúsculas en botones y SVG. */
#iaw-widget button {
	text-transform: none;
	letter-spacing: normal;
	min-height: 0;
	box-shadow: none;
	font-family: inherit;
}
#iaw-widget svg {
	width: 18px;
	height: 18px;
	display: block;
	max-width: none;
	vertical-align: middle;
}

/* ---------------------------------------------------------------- Botón flotante */
#iaw-widget .iaw-boton {
	width: 58px;
	height: 58px;
	border-radius: 50%;
	border: 0;
	padding: 0;
	cursor: pointer;
	background: var(--iaw-primario);
	color: var(--iaw-sobre-primario);
	box-shadow: 0 8px 24px rgba(0, 0, 0, .22);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform .18s ease, box-shadow .18s ease;
	margin-left: auto;
}
#iaw-widget .iaw-boton:hover { transform: scale(1.06); }
#iaw-widget .iaw-boton:focus-visible { outline: 3px solid var(--iaw-primario); outline-offset: 3px; }
#iaw-widget.iaw-abierto .iaw-boton { display: none; }
#iaw-widget .iaw-boton-icono {
	font-size: 26px;
	line-height: 1;
	font-family: "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", sans-serif;
	font-style: normal;
}
/* Botón con texto ("Chat IA") en lugar de emoji: pastilla alargada. */
#iaw-widget .iaw-boton-texto {
	width: auto;
	height: 48px;
	padding: 0 22px;
	border-radius: 999px;
}
#iaw-widget .iaw-boton-texto .iaw-boton-icono {
	font-family: inherit;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .3px;
	white-space: nowrap;
}

/* ---------------------------------------------------------------- Panel */
#iaw-widget .iaw-panel {
	width: 370px;
	max-width: calc(100vw - 32px);
	height: 560px;
	max-height: calc(var(--iaw-alto) - var(--iaw-abajo) - 40px);
	background: var(--iaw-panel-fondo);
	color: var(--iaw-texto);
	border-radius: var(--iaw-radio);
	box-shadow: var(--iaw-sombra);
	display: flex;
	flex-direction: column;
	overflow: hidden;
	transform-origin: bottom right;
	animation: iaw-entrada .28s var(--iaw-curva);
	/* Ampliar y reducir con suavidad. */
	transition: width .38s var(--iaw-curva), height .38s var(--iaw-curva), border-radius .38s var(--iaw-curva);
}
#iaw-widget.iaw-izquierda .iaw-panel { transform-origin: bottom left; }
#iaw-widget .iaw-panel[hidden] { display: none; }

@keyframes iaw-entrada {
	from { opacity: 0; transform: translateY(14px) scale(.96); }
	to { opacity: 1; transform: none; }
}

/* Modo ampliado (solo escritorio). */
@media (min-width: 769px) {
	#iaw-widget.iaw-grande .iaw-panel {
		width: min(780px, calc(100vw - var(--iaw-lado) * 2));
		height: min(860px, calc(var(--iaw-alto) - var(--iaw-abajo) - 24px));
	}
	#iaw-widget.iaw-grande .iaw-msg { max-width: 72%; }
	#iaw-widget.iaw-grande .iaw-producto { flex-basis: 170px; }
}
@media (max-width: 768px) {
	#iaw-widget .iaw-ampliar { display: none !important; }
}

/* ---------------------------------------------------------------- Cabecera */
#iaw-widget .iaw-cabecera {
	background: var(--iaw-cab-fondo);
	color: var(--iaw-cab-texto);
	padding: 14px 14px 14px 16px;
	display: flex;
	align-items: center;
	gap: 10px;
	flex: 0 0 auto;
}
#iaw-widget .iaw-cab-avatar {
	width: 32px;
	height: 32px;
	border-radius: 10px;
	object-fit: cover;
	flex: 0 0 32px;
	margin: 0;
}
#iaw-widget .iaw-cab-textos { flex: 1 1 auto; min-width: 0; }
#iaw-widget .iaw-cabecera strong { display: block; font-size: 15px; line-height: 1.25; color: inherit; }
#iaw-widget .iaw-cabecera span { display: block; font-size: 12px; opacity: .8; color: inherit; }
#iaw-widget .iaw-cabecera-botones { display: flex; align-items: center; gap: 2px; flex: 0 0 auto; }

#iaw-widget .iaw-icono-cab,
#iaw-widget .iaw-cerrar {
	background: transparent;
	border: 0;
	color: var(--iaw-cab-texto) !important;
	cursor: pointer;
	padding: 6px;
	margin: 0;
	line-height: 1;
	border-radius: 8px;
	opacity: .85;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity .15s ease, background-color .15s ease;
}
#iaw-widget .iaw-icono-cab:hover,
#iaw-widget .iaw-cerrar:hover { opacity: 1; background: rgba(127, 127, 127, .14); }
#iaw-widget .iaw-icono-cab[hidden] { display: none; }
#iaw-widget .iaw-icono-cab svg,
#iaw-widget .iaw-icono-cab svg path { fill: var(--iaw-cab-texto) !important; stroke: none !important; }
#iaw-widget .iaw-cerrar { font-size: 26px; padding: 0 6px; height: 30px; }

#iaw-widget .iaw-ico-min { display: none; }
#iaw-widget.iaw-grande .iaw-ico-min { display: block; }
#iaw-widget.iaw-grande .iaw-ico-max { display: none; }

/* ---------------------------------------------------------------- Mensajes */
#iaw-widget .iaw-mensajes {
	flex: 1 1 auto;
	min-height: 96px;
	overflow-y: auto;
	padding: 16px;
	background: transparent;
	display: flex;
	flex-direction: column;
	gap: 10px;
	scroll-behavior: smooth;
}

#iaw-widget .iaw-msg {
	max-width: 84%;
	padding: 10px 13px;
	border-radius: var(--iaw-radio-msg);
	white-space: pre-wrap;
	word-wrap: break-word;
	animation: iaw-msg .22s ease-out;
}
@keyframes iaw-msg {
	from { opacity: 0; transform: translateY(6px); }
	to { opacity: 1; transform: none; }
}
#iaw-widget .iaw-msg-bot {
	background: var(--iaw-bot-fondo);
	color: var(--iaw-bot-texto);
	align-self: flex-start;
	border-bottom-left-radius: 4px;
	white-space: normal;
}
#iaw-widget .iaw-msg-yo {
	background: var(--iaw-yo-fondo);
	color: var(--iaw-yo-texto);
	align-self: flex-end;
	border-bottom-right-radius: 4px;
}
#iaw-widget .iaw-msg a { color: inherit; text-decoration: underline; }
#iaw-widget .iaw-msg-bot p { margin: 0 0 8px; }
#iaw-widget .iaw-msg-bot p:last-child { margin-bottom: 0; }
#iaw-widget .iaw-msg-bot ul,
#iaw-widget .iaw-msg-bot ol { margin: 0 0 8px; padding-left: 20px; }
#iaw-widget .iaw-msg-bot ul:last-child,
#iaw-widget .iaw-msg-bot ol:last-child { margin-bottom: 0; }
#iaw-widget .iaw-msg-bot li { margin: 0 0 4px; padding: 0; }
#iaw-widget .iaw-msg-bot strong { font-weight: 700; }

#iaw-widget .iaw-puntos { display: inline-flex; gap: 4px; }
#iaw-widget .iaw-puntos i {
	width: 6px; height: 6px; border-radius: 50%;
	background: currentColor; opacity: .45;
	animation: iaw-latido 1s infinite;
}
#iaw-widget .iaw-puntos i:nth-child(2) { animation-delay: .15s; }
#iaw-widget .iaw-puntos i:nth-child(3) { animation-delay: .3s; }
@keyframes iaw-latido { 0%, 60%, 100% { opacity: .25; } 30% { opacity: .9; } }

/* Portada de bienvenida (avatar + saludo), en todos los estilos menos el clásico. */
#iaw-widget .iaw-portada {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 18px 8px 6px;
	gap: 4px;
	animation: iaw-msg .3s ease-out;
}
#iaw-widget .iaw-portada-avatar {
	width: 56px;
	height: 56px;
	border-radius: 16px;
	margin: 0 0 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--iaw-primario);
	color: var(--iaw-sobre-primario);
	font-size: 28px;
	line-height: 1;
	box-shadow: 0 8px 20px rgba(0, 0, 0, .12);
	overflow: hidden;
}
#iaw-widget .iaw-portada-avatar img { width: 100%; height: 100%; object-fit: cover; margin: 0; border-radius: 0; }
#iaw-widget .iaw-portada-titulo { font-size: 22px; font-weight: 700; line-height: 1.2; color: var(--iaw-texto); }
#iaw-widget .iaw-portada-sub { font-size: 17px; font-weight: 500; line-height: 1.3; color: var(--iaw-texto); opacity: .85; }

/* ---------------------------------------------------------------- Preguntas frecuentes */
#iaw-widget .iaw-atajos {
	display: block;
	flex: 0 0 auto;
	max-height: 45%;
	overflow-y: auto;
	padding: 0 16px 10px;
}
#iaw-widget .iaw-atajos:empty { padding: 0; }
#iaw-widget .iaw-atajos-toggle {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	width: 100%;
	background: transparent;
	border: 0;
	border-top: 1px solid var(--iaw-borde);
	padding: 8px 2px 6px;
	margin: 0;
	font: inherit;
	font-size: 13px;
	color: var(--iaw-suave);
	text-align: left;
	cursor: pointer;
}
#iaw-widget .iaw-atajos-toggle .iaw-flecha { font-size: 12px; line-height: 1; transition: transform .18s ease; }
#iaw-widget .iaw-atajos-toggle[aria-expanded="true"] .iaw-flecha { transform: rotate(180deg); }
#iaw-widget .iaw-atajos-lista { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
#iaw-widget .iaw-atajo {
	border: 1px solid var(--iaw-primario);
	background: transparent;
	color: var(--iaw-primario);
	border-radius: 999px;
	padding: 6px 12px;
	font-size: 13px;
	line-height: 1.3;
	cursor: pointer;
	transition: background-color .15s ease, transform .15s ease;
}
#iaw-widget .iaw-atajo:hover { background: var(--iaw-burbuja); }

/* ---------------------------------------------------------------- Fichas de producto */
#iaw-widget .iaw-productos {
	display: flex;
	gap: 8px;
	overflow-x: auto;
	align-self: stretch;
	padding: 2px 2px 6px;
	margin-top: -2px;
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
	flex: 0 0 auto;
}
#iaw-widget .iaw-producto {
	flex: 0 0 148px;
	scroll-snap-align: start;
	display: flex;
	flex-direction: column;
	border: 1px solid var(--iaw-borde);
	border-radius: 12px;
	background: var(--iaw-ficha-fondo);
	overflow: hidden;
	transition: transform .18s ease, box-shadow .18s ease, flex-basis .38s var(--iaw-curva);
}
#iaw-widget .iaw-producto:hover { transform: translateY(-2px); box-shadow: 0 8px 18px rgba(0, 0, 0, .08); }
#iaw-widget .iaw-producto-img { display: block; aspect-ratio: 4 / 3; background: var(--iaw-ficha-img); }
#iaw-widget .iaw-producto-img img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: block;
	margin: 0;
	border-radius: 0;
}
#iaw-widget .iaw-producto-nombre {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	padding: 8px 10px 0;
	font-size: 13px;
	line-height: 1.3;
	font-weight: 600;
	color: var(--iaw-texto) !important;
	text-decoration: none !important;
	min-height: calc(13px * 1.3 * 2 + 8px);
}
#iaw-widget .iaw-producto-precio { padding: 4px 10px 0; font-size: 14px; font-weight: 700; color: var(--iaw-primario); }
#iaw-widget .iaw-producto-precio del { color: var(--iaw-suave); font-weight: 400; font-size: 12px; }
#iaw-widget .iaw-producto-acciones { display: flex; gap: 6px; padding: 8px 10px 10px; margin-top: auto; }
#iaw-widget .iaw-producto-btn {
	flex: 1 1 0;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 32px;
	padding: 0 6px;
	border-radius: 8px;
	border: 1px solid var(--iaw-primario);
	background: var(--iaw-primario);
	color: var(--iaw-sobre-primario) !important;
	font: inherit;
	font-size: 12px;
	font-weight: 600;
	line-height: 1;
	text-decoration: none !important;
	white-space: nowrap;
	cursor: pointer;
}
#iaw-widget .iaw-producto-btn-sec { background: transparent; color: var(--iaw-primario) !important; }
#iaw-widget .iaw-producto-btn[disabled] { opacity: .75; cursor: default; }
#iaw-widget .iaw-producto-hecho { background: #1f9d55; border-color: #1f9d55; color: #fff !important; }

/* ---------------------------------------------------------------- WhatsApp */
#iaw-widget .iaw-whatsapp {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	margin: 0 10px 8px;
	padding: 7px 10px;
	border-radius: 999px;
	background: #e9f9ef;
	color: #128c4b !important;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none !important;
	flex: 0 0 auto;
	transition: background-color .15s ease;
}
#iaw-widget .iaw-whatsapp:hover { background: #d8f4e2; }
#iaw-widget .iaw-whatsapp svg,
#iaw-widget .iaw-whatsapp svg path { width: 16px; height: 16px; fill: #25d366 !important; flex: 0 0 16px; }

/* ---------------------------------------------------------------- Caja de escribir */
#iaw-widget .iaw-pie {
	display: flex;
	align-items: flex-end;
	gap: 8px;
	padding: 10px;
	border-top: 1px solid var(--iaw-borde);
	background: transparent;
	flex: 0 0 auto;
}
#iaw-widget .iaw-pie textarea {
	flex: 1;
	resize: none;
	border: 1px solid var(--iaw-campo-borde);
	border-radius: 12px;
	padding: 10px 12px;
	margin: 0;
	font: inherit;
	/* 16px es el mínimo que evita que Safari en iOS haga zoom al enfocar. */
	font-size: 16px;
	line-height: 1.35;
	max-height: 110px;
	background: var(--iaw-campo-fondo);
	color: var(--iaw-texto);
	box-shadow: none;
}
#iaw-widget .iaw-pie textarea::placeholder { color: var(--iaw-suave); opacity: .9; }
#iaw-widget .iaw-pie textarea:focus { outline: 2px solid var(--iaw-primario); outline-offset: 0; border-color: transparent; }
#iaw-widget .iaw-enviar {
	width: 40px;
	height: 40px;
	flex: 0 0 40px;
	border: 0;
	border-radius: 12px;
	background: var(--iaw-primario);
	color: var(--iaw-sobre-primario) !important;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	transition: transform .15s ease, opacity .15s ease;
}
#iaw-widget .iaw-enviar:hover { transform: scale(1.05); }
#iaw-widget .iaw-enviar[disabled] { opacity: .5; cursor: default; transform: none; }
#iaw-widget .iaw-enviar svg,
#iaw-widget .iaw-enviar svg path { fill: var(--iaw-sobre-primario) !important; stroke: none !important; }

@media (max-width: 480px) {
	#iaw-widget .iaw-panel {
		width: calc(100vw - (var(--iaw-lado) * 2));
		height: calc(var(--iaw-alto) - var(--iaw-abajo) - 90px);
	}
}

@media (prefers-reduced-motion: reduce) {
	#iaw-widget .iaw-panel,
	#iaw-widget .iaw-msg,
	#iaw-widget .iaw-portada { animation: none; transition: none; }
	#iaw-widget .iaw-boton,
	#iaw-widget .iaw-producto,
	#iaw-widget .iaw-atajos-toggle .iaw-flecha { transition: none; }
}

/* =========================================================================
 * ESTILOS (SKINS)
 * ====================================================================== */

/* --- Degradado suave: cristal con un degradado del color principal. --- */
#iaw-widget.iaw-skin-degradado {
	/* Intensidad media (por defecto). */
	--iaw-g-radial1: color-mix(in srgb, var(--iaw-primario) 48%, #fff);
	--iaw-g-radial2: color-mix(in srgb, var(--iaw-primario) 30%, #fff);
	--iaw-g-arriba: color-mix(in srgb, var(--iaw-primario) 32%, #fff);
	--iaw-g-medio: color-mix(in srgb, var(--iaw-primario) 10%, #fff);
	--iaw-g-abajo: color-mix(in srgb, var(--iaw-primario) 18%, #fff);
	--iaw-panel-fondo:
		radial-gradient(120% 55% at 15% 0%, var(--iaw-g-radial1) 0%, transparent 70%),
		radial-gradient(90% 45% at 100% 8%, var(--iaw-g-radial2) 0%, transparent 70%),
		linear-gradient(180deg, var(--iaw-g-arriba) 0%, var(--iaw-g-medio) 55%, var(--iaw-g-abajo) 100%);
	--iaw-cab-fondo: transparent;
	--iaw-cab-texto: #2a2d3a;
	--iaw-bot-fondo: rgba(255, 255, 255, .78);
	--iaw-bot-texto: #23252f;
	--iaw-yo-fondo: linear-gradient(135deg, var(--iaw-primario), color-mix(in srgb, var(--iaw-primario) 70%, #8b5cf6));
	--iaw-texto: #23252f;
	--iaw-suave: #6b6f80;
	--iaw-borde: color-mix(in srgb, var(--iaw-primario) 12%, #e9e9f2);
	--iaw-campo-fondo: #ffffff;
	--iaw-campo-borde: color-mix(in srgb, var(--iaw-primario) 14%, #e4e4ec);
	--iaw-radio: 26px;
	--iaw-radio-msg: 18px;
	--iaw-sombra: 0 24px 60px color-mix(in srgb, var(--iaw-primario) 22%, rgba(0, 0, 0, .18)), 0 2px 8px rgba(0, 0, 0, .06);
}
#iaw-widget.iaw-skin-degradado .iaw-panel { border: 1px solid rgba(255, 255, 255, .7); }
#iaw-widget.iaw-skin-degradado.iaw-int-suave {
	--iaw-g-radial1: color-mix(in srgb, var(--iaw-primario) 26%, #fff);
	--iaw-g-radial2: color-mix(in srgb, var(--iaw-primario) 14%, #fff);
	--iaw-g-arriba: color-mix(in srgb, var(--iaw-primario) 14%, #fff);
	--iaw-g-medio: color-mix(in srgb, var(--iaw-primario) 5%, #fff);
	--iaw-g-abajo: color-mix(in srgb, var(--iaw-primario) 9%, #fff);
}
#iaw-widget.iaw-skin-degradado.iaw-int-intensa {
	--iaw-g-radial1: color-mix(in srgb, var(--iaw-primario) 85%, #fff);
	--iaw-g-radial2: color-mix(in srgb, var(--iaw-primario) 55%, #fff);
	--iaw-g-arriba: color-mix(in srgb, var(--iaw-primario) 62%, #fff);
	--iaw-g-medio: color-mix(in srgb, var(--iaw-primario) 16%, #fff);
	--iaw-g-abajo: color-mix(in srgb, var(--iaw-primario) 28%, #fff);
	/* Con el color fuerte arriba, la cabecera pasa a texto claro. */
	--iaw-cab-texto: var(--iaw-sobre-primario);
}
#iaw-widget.iaw-skin-degradado .iaw-cabecera { padding: 14px 14px 6px 18px; }
#iaw-widget.iaw-skin-degradado .iaw-msg-bot { box-shadow: 0 1px 2px rgba(20, 20, 40, .06); border: 1px solid rgba(255, 255, 255, .9); }
#iaw-widget.iaw-skin-degradado .iaw-boton {
	background: linear-gradient(135deg, var(--iaw-primario), color-mix(in srgb, var(--iaw-primario) 70%, #8b5cf6));
	box-shadow: 0 10px 28px color-mix(in srgb, var(--iaw-primario) 45%, transparent);
}
#iaw-widget.iaw-skin-degradado .iaw-atajo {
	background: #fff;
	border-color: var(--iaw-borde);
	color: var(--iaw-texto);
	box-shadow: 0 1px 2px rgba(20, 20, 40, .05);
}
#iaw-widget.iaw-skin-degradado .iaw-atajo:hover { border-color: var(--iaw-primario); color: var(--iaw-primario); background: #fff; transform: translateY(-1px); }
#iaw-widget.iaw-skin-degradado .iaw-pie { border-top: 0; padding: 4px 12px 12px; }
#iaw-widget.iaw-skin-degradado .iaw-pie textarea {
	border-radius: 999px;
	padding: 11px 16px;
	box-shadow: 0 2px 10px rgba(20, 20, 40, .06);
}
#iaw-widget.iaw-skin-degradado .iaw-enviar {
	border-radius: 50%;
	height: 42px;
	width: 42px;
	flex-basis: 42px;
	background: linear-gradient(135deg, var(--iaw-primario), color-mix(in srgb, var(--iaw-primario) 70%, #8b5cf6));
}
#iaw-widget.iaw-skin-degradado .iaw-producto { border-color: rgba(255, 255, 255, .9); box-shadow: 0 2px 10px rgba(20, 20, 40, .06); }
#iaw-widget.iaw-skin-degradado .iaw-portada-avatar { border-radius: 18px; }

/* --- Minimalista: blanco, bordes finos, sin bloques de color. --- */
#iaw-widget.iaw-skin-minimal {
	--iaw-panel-fondo: #ffffff;
	--iaw-cab-fondo: #ffffff;
	--iaw-cab-texto: #16181d;
	--iaw-bot-fondo: #f4f5f7;
	--iaw-bot-texto: #16181d;
	--iaw-yo-fondo: #16181d;
	--iaw-yo-texto: #ffffff;
	--iaw-texto: #16181d;
	--iaw-suave: #6a6f7a;
	--iaw-borde: #ececef;
	--iaw-campo-fondo: #f7f7f9;
	--iaw-campo-borde: #ececef;
	--iaw-radio: 18px;
	--iaw-radio-msg: 16px;
	--iaw-sombra: 0 12px 40px rgba(0, 0, 0, .12), 0 0 0 1px rgba(0, 0, 0, .05);
}
#iaw-widget.iaw-skin-minimal .iaw-cabecera { border-bottom: 1px solid var(--iaw-borde); }
#iaw-widget.iaw-skin-minimal .iaw-atajo { border-color: var(--iaw-borde); color: var(--iaw-texto); }
#iaw-widget.iaw-skin-minimal .iaw-atajo:hover { background: #f4f5f7; }
#iaw-widget.iaw-skin-minimal .iaw-pie { border-top: 0; }
#iaw-widget.iaw-skin-minimal .iaw-enviar { border-radius: 50%; }

/* --- Oscuro. --- */
#iaw-widget.iaw-skin-oscuro {
	--iaw-panel-fondo: linear-gradient(180deg, #1c1e26 0%, #15161c 100%);
	--iaw-cab-fondo: transparent;
	--iaw-cab-texto: #f2f3f7;
	--iaw-bot-fondo: #262833;
	--iaw-bot-texto: #eceef4;
	--iaw-yo-fondo: var(--iaw-primario);
	--iaw-texto: #eceef4;
	--iaw-suave: #9a9fb0;
	--iaw-borde: #2c2f3b;
	--iaw-campo-fondo: #20222b;
	--iaw-campo-borde: #33364a;
	--iaw-ficha-fondo: #20222b;
	--iaw-ficha-img: #ffffff;
	--iaw-radio: 22px;
	--iaw-radio-msg: 16px;
	--iaw-sombra: 0 24px 60px rgba(0, 0, 0, .45);
}
#iaw-widget.iaw-skin-oscuro .iaw-cabecera { border-bottom: 1px solid var(--iaw-borde); }
#iaw-widget.iaw-skin-oscuro .iaw-atajo { border-color: #3a3d4d; color: #eceef4; }
#iaw-widget.iaw-skin-oscuro .iaw-atajo:hover { background: #262833; }
#iaw-widget.iaw-skin-oscuro .iaw-pie { border-top: 0; }
#iaw-widget.iaw-skin-oscuro .iaw-enviar { border-radius: 50%; }
#iaw-widget.iaw-skin-oscuro .iaw-whatsapp { background: rgba(37, 211, 102, .12); color: #5fe397 !important; }

/* Navegadores sin color-mix (Safari < 16.2): colores fijos equivalentes. */
@supports not (color: color-mix(in srgb, red, blue)) {
	#iaw-widget.iaw-skin-degradado {
		--iaw-panel-fondo: linear-gradient(180deg, #eef0ff 0%, #ffffff 60%);
		--iaw-yo-fondo: var(--iaw-primario);
		--iaw-borde: #e6e7f2;
		--iaw-campo-borde: #e2e3ee;
		--iaw-sombra: 0 24px 60px rgba(40, 40, 90, .2);
	}
	#iaw-widget.iaw-skin-degradado .iaw-boton,
	#iaw-widget.iaw-skin-degradado .iaw-enviar { background: var(--iaw-primario); }
}