/*
Theme Name: Kiini Studio
Template: twentytwentyfive
Description: Tema hijo de Twenty Twenty-Five para la tienda de Kiini Studio.
Version: 1.27.3
Requires at least: 6.7
Requires PHP: 7.4
Text Domain: kiinistudio
*/

:root {
	--kiini-radius: 18px;
	--kiini-radius-sm: 12px;
}

/*
 * Contorno de foco: WordPress lo pinta en cualquier elemento al hacer clic.
 * Solo se muestra al navegar con el teclado, en azul y separado del elemento.
 */
:focus:not(:focus-visible) {
	outline: none !important;
}

:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent-1) !important;
	outline-offset: 3px;
}

/* ---------- Logo ---------- */

.kiini-logo {
	display: inline-flex;
	line-height: 0;
}

.kiini-logo img {
	display: block;
	width: auto;
	height: 58px;
}

.kiini-logo--footer img {
	height: 76px;
}

@media (max-width: 600px) {
	.kiini-logo img {
		height: 46px;
	}
}

/* ---------- Header ---------- */

.kiini-header {
	border-bottom: 1px solid var(--wp--preset--color--accent-6);
}

/*
 * Menú: sin flechas ni subrayados. Al pasar el ratón, una pastilla arena
 * suave detrás de la palabra; los desplegables se abren al pasar por encima,
 * en un panel blanco redondeado y sin borde.
 */
.kiini-header .wp-block-navigation {
	gap: 0.25rem;
}

.kiini-header .wp-block-navigation .wp-block-navigation-item__content,
.kiini-header .wp-block-navigation .wp-block-navigation-item__content:hover,
.kiini-header .wp-block-navigation .wp-block-navigation-item__content:focus {
	color: var(--wp--preset--color--contrast);
	text-decoration: none !important;
}

.kiini-header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	padding: 0.5rem 0.9rem !important;
	border-radius: 999px;
	transition: background-color 0.25s ease;
}

.kiini-header .wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
.kiini-header .wp-block-navigation__container > .wp-block-navigation-item:focus-within > .wp-block-navigation-item__content,
.kiini-header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content[aria-current="page"] {
	background: var(--wp--preset--color--accent-2);
}

/* Sin flecha en los desplegables. */
.kiini-header .wp-block-navigation__submenu-icon {
	display: none !important;
}

.kiini-header .wp-block-navigation .wp-block-navigation__submenu-container {
	top: calc(100% + 0.4rem) !important;
	left: 50% !important;
	width: max-content !important;
	min-width: 210px !important;
	padding: 0.5rem !important;
	border: 0 !important;
	border-radius: var(--kiini-radius);
	background: var(--wp--preset--color--base) !important;
	box-shadow: 0 18px 40px -18px rgb(46 42 38 / 0.35);
	transform: translate(-50%, 6px);
	transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s;
}

/* Puente invisible para que el panel no se cierre al bajar el ratón. */
.kiini-header .wp-block-navigation .wp-block-navigation__submenu-container::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 100%;
	left: 0;
	height: 0.6rem;
}

.kiini-header .wp-block-navigation .has-child:hover > .wp-block-navigation__submenu-container,
.kiini-header .wp-block-navigation .has-child:focus-within > .wp-block-navigation__submenu-container {
	transform: translate(-50%, 0);
}

.kiini-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 0.6rem 1rem !important;
	border-radius: var(--kiini-radius-sm);
	font-size: 0.75rem;
	white-space: nowrap;
	box-sizing: border-box;
	width: 100%;
	transition: background-color 0.2s ease;
}

.kiini-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.kiini-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
	background: var(--wp--preset--color--accent-3);
}

/* ---------- Tipografía auxiliar ---------- */

h2.wp-block-heading:not([class*="-font-size"], .kiini-footer__title, .kiini-card__title) {
	font-size: clamp(2rem, 3.6vw, 2.9rem);
}

/*
 * Cursiva de acento: solo para momentos concretos (una palabra del hero,
 * la invitación al taller, firmas y llamadas a la acción). La familia se
 * cambia en theme.json ("cursiva") cuando se elija la definitiva.
 */
h1 em,
h2 em,
h3 em,
.kiini-script {
	font-family: var(--wp--preset--font-family--cursiva);
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0;
	color: var(--wp--preset--color--accent-1);
}

/* Las caligráficas se ven más pequeñas que la Bodoni al mismo tamaño. */
h1 em,
h2 em,
h3 em {
	font-size: 1.15em;
	line-height: 0.9;
}

.kiini-script {
	margin: 0 0 0.5rem;
	font-size: clamp(1.9rem, 3vw, 2.5rem);
	line-height: 1.15;
}

.kiini-signature {
	margin-top: 1.5rem;
}

.kiini-eyebrow {
	margin-bottom: 0.75rem;
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-4);
}

.kiini-lead {
	font-size: 1.15rem;
	font-weight: 300;
	color: var(--wp--preset--color--accent-4);
}

.kiini-page-title {
	font-size: clamp(2.6rem, 5vw, 4rem);
}

.kiini-section-head {
	margin-bottom: var(--wp--preset--spacing--50);
}

.kiini-section-head h2 {
	margin-top: 0;
	font-size: clamp(2rem, 3.6vw, 2.9rem);
}

.kiini-section-head .kiini-lead {
	max-width: 36rem;
	margin-inline: auto !important;
}

/* ---------- Botones ---------- */

.wp-block-button.is-style-outline > .wp-block-button__link {
	border: 1px solid var(--wp--preset--color--contrast);
	background: transparent;
	color: var(--wp--preset--color--contrast);
	padding: calc(1rem - 1px) calc(2rem - 1px);
}

.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--contrast);
	color: var(--wp--preset--color--base);
}

/* ---------- Hero ---------- */

/* Hero a todo el ancho: foto de fondo con degradado para leer el texto. */
.kiini-hero.wp-block-cover {
	min-height: min(680px, 86vh) !important;
	padding-block: var(--wp--preset--spacing--60);
	margin-top: 0;
}

.kiini-hero .wp-block-cover__inner-container {
	color: var(--wp--preset--color--base);
}

.kiini-hero__content > * {
	max-width: 34rem;
}

.kiini-hero .kiini-eyebrow {
	color: inherit;
	opacity: 0.9;
}

.kiini-hero__title {
	margin: 0 0 1.25rem;
	font-size: clamp(2.6rem, 5vw, 4.4rem);
	line-height: 1.05;
	color: var(--wp--preset--color--base);
}

.kiini-hero__title em {
	color: var(--wp--preset--color--base);
}

.kiini-hero__lead {
	max-width: 28rem;
	margin-bottom: 2rem;
	font-size: 1.2rem;
	font-weight: 300;
}

.kiini-hero .wp-block-buttons {
	gap: 0.75rem;
}

.kiini-shipping-badge {
	position: relative;
	display: inline-block;
	max-width: 100%;
	box-sizing: border-box;
	margin: 2.25rem 0 0;
	padding: 0.6rem 1.25rem 0.6rem 3.1rem;
	border-radius: 999px;
	background: var(--wp--preset--color--base);
	font-size: 0.9rem;
	color: var(--wp--preset--color--contrast);
}

.kiini-shipping-badge strong {
	font-weight: 600;
	color: var(--wp--preset--color--accent-1);
}

.kiini-shipping-badge::before {
	content: "";
	position: absolute;
	left: 0.6rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.9rem;
	height: 1.9rem;
	border-radius: 50%;
	background: var(--wp--preset--color--accent-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fcfcfd' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v8H3zM14 10h4l3 3v2h-7'/%3E%3Ccircle cx='7' cy='17' r='1.6'/%3E%3Ccircle cx='17' cy='17' r='1.6'/%3E%3C/svg%3E") center / 1.05rem no-repeat;
}

@media (max-width: 781px) {
	/* En móvil el texto ocupa todo el ancho: degradado de abajo arriba. */
	.kiini-hero.wp-block-cover {
		min-height: 88vh !important;
		align-items: flex-end;
	}

	.kiini-hero .wp-block-cover__background {
		background: linear-gradient(0deg, rgb(38 33 28 / 0.78) 0%, rgb(38 33 28 / 0.45) 55%, rgb(38 33 28 / 0.1) 100%) !important;
	}
}

/* ---------- Categorías destacadas ---------- */

.kiini-categories.wp-block-group {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--40);
}

.kiini-category__media {
	margin: 0;
	overflow: hidden;
	border-radius: var(--kiini-radius);
}

.kiini-category__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.kiini-category:hover .kiini-category__media img {
	transform: scale(1.04);
}

.kiini-category__media--pending {
	aspect-ratio: 4 / 5;
}

.kiini-category__title {
	margin: 1.1rem 0 0.2rem;
	font-size: 1.6rem;
}

.kiini-category__title a {
	text-decoration: none;
}

.kiini-category__subtitle {
	margin: 0;
	font-size: 0.9rem;
	color: var(--wp--preset--color--accent-4);
}

@media (max-width: 1024px) {
	.kiini-categories.wp-block-group {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 781px) {
	.kiini-categories.wp-block-group {
		gap: var(--wp--preset--spacing--30);
	}

	.kiini-category__title {
		margin-top: 0.75rem;
		font-size: 1.3rem;
	}

	.kiini-category__subtitle {
		font-size: 0.8rem;
	}

	.kiini-shipping-badge {
		border-radius: var(--kiini-radius-sm);
	}
}

/* ---------- Reseñas ---------- */

.kiini-reviews-section.wp-block-cover {
	min-height: 0;
}

.kiini-reviews-section .wp-block-cover__inner-container {
	color: var(--wp--preset--color--contrast);
}

.kiini-reviews.wp-block-group {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--30);
}

/* Tarjeta blanca translúcida sobre la foto, como en la referencia. */
.kiini-review,
.kiini-review-cta {
	border-radius: 28px;
	background: rgb(252 252 253 / 0.92);
	box-shadow: 0 18px 40px -24px rgb(46 42 38 / 0.35);
	backdrop-filter: blur(6px);
}

.kiini-review {
	display: flex;
	flex-direction: column;
	padding: 2rem 2rem 1.75rem;
}

.kiini-review__stars {
	width: 8.25rem;
	height: 1.35rem;
	margin: 0 0 1.25rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e3a52b'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6-4.9-4.6 6.6-.8z'/%3E%3C/svg%3E") left center / 1.65rem 1.35rem repeat-x;
}

.kiini-review__quote {
	flex: 1;
	margin: 0 0 1.5rem;
	font-size: 1rem;
	line-height: 1.6;
}

.kiini-review__author {
	margin: 0;
	font-weight: 600;
}

.kiini-review-cta {
	margin-top: var(--wp--preset--spacing--40);
	padding: clamp(1.5rem, 3vw, 2.25rem) clamp(1.5rem, 4vw, 3rem);
	gap: 1.5rem;
}

.kiini-review-cta p {
	margin: 0;
}

.kiini-review-cta p.kiini-review-cta__title {
	margin: 0 0 0.25rem;
}

.kiini-rating {
	margin-top: 0.75rem;
	font-size: 0.95rem;
	color: var(--wp--preset--color--accent-4);
}

.kiini-rating strong {
	font-weight: 500;
	color: var(--wp--preset--color--contrast);
}

.kiini-rating__stars {
	display: inline-block;
	width: 5.6rem;
	height: 1rem;
	margin: 0 0.4rem;
	vertical-align: -0.1em;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23e3a52b'%3E%3Cpath d='M12 2.5l2.9 6.1 6.6.8-4.9 4.6 1.3 6.6L12 17.3l-5.9 3.3 1.3-6.6-4.9-4.6 6.6-.8z'/%3E%3C/svg%3E") left center / 1.12rem 1rem repeat-x;
}

.kiini-card__intro {
	margin: 0 0 1.5rem;
	font-size: 0.95rem;
	color: var(--wp--preset--color--accent-4);
}

/* ---------- Huecos para fotos y vídeos pendientes ---------- */

.kiini-media-placeholder {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1.5rem;
	text-align: center;
}

.kiini-media-placeholder__label {
	margin: 0;
	font-size: 0.7rem;
	font-weight: 500;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--tostado);
}

/* ---------- Sobre mí: historia ---------- */

.kiini-story__item + .kiini-story__item {
	margin-top: var(--wp--preset--spacing--60);
}

.kiini-story__media {
	aspect-ratio: 4 / 5;
	max-width: 420px;
	margin-inline: auto;
	overflow: hidden;
}

/* Formas para fotos y vídeos: "ventana" (arco arriba) y "cápsula". */
.kiini-shape-ventana {
	border-radius: 50% 50% var(--kiini-radius) var(--kiini-radius) / 40% 40% var(--kiini-radius) var(--kiini-radius);
}

.kiini-shape-capsula {
	border-radius: 999px;
}

.kiini-story__media img,
.kiini-story__media video {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kiini-story h2 {
	margin-top: 0;
}

@media (min-width: 782px) {
	.kiini-story__item--reverse {
		flex-direction: row-reverse;
	}
}

/* ---------- Llamada a la acción con media horizontal ---------- */

.kiini-cta-media.wp-block-cover {
	border-radius: var(--kiini-radius);
	overflow: hidden;
	padding: var(--wp--preset--spacing--50);
}

.kiini-cta-media h2 {
	margin: 0 0 2rem;
}

.kiini-cta-media .kiini-cta-media__script {
	color: var(--wp--preset--color--base);
}

.kiini-cta-media .kiini-cta-media__hint {
	margin: 0 0 2rem;
	color: var(--wp--preset--color--base);
	opacity: 0.7;
}

.kiini-button-light.is-style-outline > .wp-block-button__link {
	border-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--base);
}

.kiini-button-light.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
}

/* ---------- Contacto ---------- */

html {
	scroll-behavior: smooth;
}


/*
 * Secciones pegadas entre sí: WordPress separa los bloques con un margen
 * (block gap) que entre secciones a todo el ancho se ve como una franja blanca.
 * Cada sección ya lleva su propio padding.
 */
.kiini-home,
main > .alignfull,
.kiini-home > *,
.wp-block-post-content > .alignfull,
.wp-site-blocks > footer {
	margin-block-start: 0;
}

/* ---------- Datos de contacto ---------- */

.kiini-contact-info.wp-block-group {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--30);
	margin-bottom: var(--wp--preset--spacing--40);
}

.kiini-contact-info__item {
	position: relative;
	margin: 0;
	padding: 1.25rem 1.25rem 1.25rem 4.25rem;
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: var(--kiini-radius);
	overflow-wrap: anywhere;
}

.kiini-contact-info__item::before {
	content: "";
	position: absolute;
	left: 1.25rem;
	top: 50%;
	width: 2.25rem;
	height: 2.25rem;
	transform: translateY(-50%);
	border-radius: 50%;
	background: var(--wp--preset--color--accent-2) center / 1.1rem no-repeat;
}

.kiini-contact-info__item--map::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e2a26' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E");
}

.kiini-contact-info__item--mail::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e2a26' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 7l9 6 9-6'/%3E%3C/svg%3E");
}

.kiini-contact-info__item--phone::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e2a26' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 4h3l2 5-2.5 1.5a11 11 0 0 0 6 6L15 14l5 2v3a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
}

.kiini-contact-info__item span {
	display: block;
	font-size: 0.7rem;
	font-weight: 500;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-4);
}

.kiini-contact-info__item a {
	text-decoration: none;
}

@media (max-width: 900px) {
	.kiini-contact-info.wp-block-group {
		grid-template-columns: 1fr;
	}
}

.kiini-card__title {
	margin: 0 0 0.6rem;
	font-size: 1.8rem;
}

/* ---------- Talleres ---------- */

.kiini-checklist {
	margin: 1.5rem 0 2rem;
	padding: 0;
	list-style: none;
}

.kiini-checklist li {
	position: relative;
	padding-left: 1.9rem;
	margin-bottom: 0.5rem;
}

.kiini-checklist li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.35em;
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 50%;
	background: var(--wp--preset--color--accent-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fcfcfd' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 0.7rem no-repeat;
}

.kiini-dates {
	padding: clamp(1.75rem, 3.5vw, 2.75rem);
	border-radius: var(--kiini-radius);
}

.kiini-dates__title {
	margin-top: 0;
	font-size: 1.7rem;
}

.kiini-dates__list {
	margin: 1rem 0;
	padding: 0;
	list-style: none;
}

.kiini-dates__list li {
	display: grid;
	grid-template-columns: 6.5rem 1fr;
	gap: 0.15rem 1rem;
	padding: 1rem 0;
	border-bottom: 1px solid var(--wp--preset--color--accent-6);
}

.kiini-dates__list strong {
	grid-row: span 2;
	font-weight: 500;
	font-size: 0.8rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-1);
}

.kiini-dates__list span {
	font-size: 0.875rem;
	color: var(--wp--preset--color--accent-4);
}

.kiini-dates__note {
	margin-bottom: 0;
	font-size: 0.95rem;
	color: var(--wp--preset--color--accent-4);
}

/* ---------- Tarjetas ---------- */

.kiini-card {
	padding: clamp(1.75rem, 4vw, 3rem);
	border-radius: var(--kiini-radius);
}

.kiini-card h2 {
	margin-top: 0;
}

.kiini-values .kiini-card {
	padding: 2rem;
}

/* ---------- Retrato (sobre mí) ---------- */

.kiini-portrait {
	aspect-ratio: 4 / 5;
	max-width: 400px;
	margin-inline: auto;
	border-radius: 200px 200px var(--kiini-radius) var(--kiini-radius);
	overflow: hidden;
}

.kiini-portrait img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/* ---------- Productos (shortcode de WooCommerce) ---------- */

.kiini-products-section ul.products {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--50) var(--wp--preset--spacing--30);
	margin: 0;
	padding: 0;
	list-style: none;
}

.kiini-products-section ul.products::before,
.kiini-products-section ul.products::after {
	display: none;
}

/* Mismo peso que el CSS de WooCommerce para pantallas pequeñas (li.product al 48%). */
.kiini-products-section ul.products[class*="columns-"] li.product {
	display: flex;
	flex-direction: column;
	width: auto;
	margin: 0;
	float: none;
	clear: none;
	text-align: center;
}

.kiini-products-section ul.products li.product a img {
	aspect-ratio: 4 / 5;
	width: 100%;
	height: auto;
	margin: 0 0 1rem;
	object-fit: cover;
	border-radius: var(--kiini-radius-sm);
	background: var(--wp--preset--color--accent-3);
	transition: transform 0.4s ease;
}

.kiini-products-section ul.products li.product a:hover img {
	transform: scale(1.02);
}

.kiini-products-section ul.products li.product a.woocommerce-LoopProduct-link {
	text-decoration: none;
	color: inherit;
}

.kiini-products-section .woocommerce-loop-product__title {
	margin: 0 0 0.3rem;
	padding: 0;
	font-family: var(--wp--preset--font-family--bodoni-moda);
	font-size: 1.2rem;
	font-weight: 500;
	color: var(--wp--preset--color--contrast);
}

.kiini-products-section ul.products li.product .price {
	display: block;
	margin-bottom: 0;
	color: var(--wp--preset--color--accent-4);
	font-size: 0.95rem;
}

@media (max-width: 900px) {
	.kiini-products-section ul.products {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* ---------- Newsletter ---------- */

.kiini-newsletter .kiini-eyebrow {
	color: inherit;
	opacity: 0.85;
}

.kiini-newsletter h2 {
	margin-top: 0;
	font-size: clamp(1.9rem, 3.4vw, 2.6rem);
}

.kiini-newsletter__form {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	justify-content: center;
	margin-top: var(--wp--preset--spacing--30);
}

.kiini-newsletter__form input[type="email"] {
	flex: 1 1 16rem;
	max-width: 24rem;
	border-color: transparent;
}

.kiini-newsletter__form button {
	background: var(--wp--preset--color--contrast);
}

.kiini-newsletter__consent {
	flex-basis: 100%;
	text-align: center;
	font-size: 0.875rem;
}

.kiini-newsletter a {
	color: inherit;
}

/* ---------- Formularios ---------- */

.kiini-form p {
	margin: 0 0 1rem;
}

.kiini-form label {
	display: block;
	margin-bottom: 0.35rem;
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-4);
}

.kiini-form__consent label,
.kiini-newsletter__consent {
	font-size: 0.875rem;
	font-weight: 400;
	letter-spacing: 0;
	text-transform: none;
	color: inherit;
}

.kiini-form__row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
}

@media (max-width: 600px) {
	.kiini-form__row {
		grid-template-columns: 1fr;
	}
}

.kiini-form input:not([type="checkbox"]),
.kiini-form select,
.kiini-form textarea,
.kiini-newsletter__form input[type="email"] {
	box-sizing: border-box;
	width: 100%;
	padding: 0.85rem 1rem;
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: var(--kiini-radius-sm);
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	font: inherit;
}

.kiini-newsletter__form input[type="email"] {
	border-radius: 999px;
	width: auto;
}

.kiini-form input:focus,
.kiini-form select:focus,
.kiini-form textarea:focus,
.kiini-newsletter__form input:focus {
	outline: 2px solid var(--wp--preset--color--accent-1);
	outline-offset: 1px;
}

.kiini-form button,
.kiini-newsletter__form button {
	border: 0;
	cursor: pointer;
}

/* ---------- Footer ---------- */

.kiini-footer a {
	color: inherit;
	text-decoration: none;
}

.kiini-footer a:hover {
	color: var(--wp--preset--color--accent-1);
}

.kiini-footer__title {
	color: var(--wp--preset--color--accent-4);
	font-family: var(--wp--preset--font-family--jost);
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.28em;
	text-transform: uppercase;
}

.kiini-footer__links {
	padding: 0;
	list-style: none;
}

.kiini-footer__links li {
	margin-bottom: 0.4rem;
}

.kiini-footer__bottom {
	margin-top: var(--wp--preset--spacing--50);
	padding-top: var(--wp--preset--spacing--30);
	border-top: 1px solid var(--wp--preset--color--accent-6);
}

@media (max-width: 900px) {
	.kiini-reviews.wp-block-group {
		grid-template-columns: 1fr;
	}
}

/* ---------- Botones flotantes: ayuda (WhatsApp) y volver arriba ---------- */

.kiini-floating {
	position: fixed;
	right: clamp(1rem, 2.5vw, 1.75rem);
	bottom: clamp(1rem, 2.5vw, 1.75rem);
	z-index: 1000;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.75rem;
}

.kiini-floating__top,
.kiini-floating__help {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
	border-radius: 50%;
	box-shadow: 0 10px 24px -10px rgb(46 42 38 / 0.45);
	cursor: pointer;
	transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease;
}

.kiini-floating__top:hover,
.kiini-floating__help:hover {
	transform: translateY(-2px);
	box-shadow: 0 14px 28px -10px rgb(46 42 38 / 0.5);
}

.kiini-floating__top {
	width: 2.9rem;
	height: 2.9rem;
	margin-right: 0.35rem;
	border: 1px solid var(--wp--preset--color--accent-6);
	background: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
}

.kiini-floating__top[hidden] {
	display: none;
}

.kiini-floating__top svg {
	width: 1.2rem;
	height: 1.2rem;
}

.kiini-floating__help {
	width: 3.6rem;
	height: 3.6rem;
	border: 0;
	background: var(--wp--preset--color--tostado);
	color: var(--wp--preset--color--base);
}

.kiini-floating__help:hover {
	background: #a07d60;
}

.kiini-floating__help svg {
	width: 1.75rem;
	height: 1.75rem;
}

.kiini-floating__icon-close,
.kiini-floating__help[aria-expanded="true"] .kiini-floating__icon-chat {
	display: none;
}

.kiini-floating__help[aria-expanded="true"] .kiini-floating__icon-close {
	display: block;
}

.kiini-floating__top:focus-visible,
.kiini-floating__help:focus-visible,
.kiini-help a:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent-1);
	outline-offset: 3px;
}

/* Tarjeta de ayuda. */
.kiini-help {
	width: min(21rem, calc(100vw - 2rem));
	overflow: hidden;
	border-radius: var(--kiini-radius);
	background: var(--wp--preset--color--base);
	box-shadow: 0 24px 50px -20px rgb(46 42 38 / 0.45);
	transform-origin: bottom right;
	animation: kiini-help-in 0.25s ease;
}

.kiini-help[hidden] {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	.kiini-help {
		animation: none;
	}
}

@keyframes kiini-help-in {
	from {
		opacity: 0;
		transform: translateY(8px) scale(0.97);
	}
}

/* Cabecera con el arco "ventana" de la marca. */
.kiini-help__head {
	padding: 1.6rem 1.5rem 2.6rem;
	background: var(--wp--preset--color--accent-2);
	border-radius: 0 0 50% 50% / 0 0 1.75rem 1.75rem;
	text-align: center;
}

.kiini-help__hello {
	margin: 0 0 0.4rem;
	font-family: var(--wp--preset--font-family--bodoni-moda);
	font-size: 1.45rem;
	line-height: 1.2;
	color: var(--wp--preset--color--contrast);
}

.kiini-help__hello .kiini-script {
	margin: 0;
	font-size: 1.35em;
}

.kiini-help__text {
	margin: 0;
	font-size: 0.9rem;
	color: var(--wp--preset--color--accent-4);
}

.kiini-help__row {
	display: flex;
	align-items: center;
	gap: 0.9rem;
	margin: 1.1rem 1rem 0.5rem;
	padding: 0.8rem 1rem;
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: var(--kiini-radius-sm);
	color: var(--wp--preset--color--contrast);
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease;
}

.kiini-help__row:hover {
	border-color: var(--wp--preset--color--tostado);
	background: var(--wp--preset--color--accent-5);
}

/* Verde de WhatsApp en el icono para que se reconozca al instante. */
.kiini-help__icon {
	display: inline-flex;
	flex: none;
	align-items: center;
	justify-content: center;
	width: 2.6rem;
	height: 2.6rem;
	border-radius: 50%;
	background: #25d366;
	color: #fff;
}

.kiini-help__icon svg {
	width: 1.4rem;
	height: 1.4rem;
}

.kiini-help__label {
	display: flex;
	flex: 1;
	flex-direction: column;
	line-height: 1.3;
}

.kiini-help__label strong {
	font-weight: 600;
}

.kiini-help__label span {
	font-size: 0.82rem;
	color: var(--wp--preset--color--accent-4);
}

.kiini-help__arrow {
	color: var(--wp--preset--color--tostado);
	font-size: 1.1rem;
}

.kiini-help__more {
	display: block;
	padding: 0.4rem 1rem 1.1rem;
	font-size: 0.8rem;
	text-align: center;
	color: var(--wp--preset--color--accent-4);
}

/* ---------- Páginas de tienda y categorías (bloques de WooCommerce) ---------- */

body.woocommerce main,
body.woocommerce-page main {
	padding-bottom: var(--wp--preset--spacing--60);
}

.wc-block-product-template .wc-block-components-product-image {
	margin-bottom: 1rem;
	overflow: hidden;
	border-radius: var(--kiini-radius-sm);
	background: var(--wp--preset--color--accent-3);
}

.wc-block-product-template .wc-block-components-product-image img {
	aspect-ratio: 4 / 5 !important;
	transition: transform 0.4s ease;
}

.wc-block-product-template .wc-block-product:hover .wc-block-components-product-image img {
	transform: scale(1.02);
}

.wc-block-product-template .wp-block-post-title {
	margin: 0 0 0.3rem;
	font-family: var(--wp--preset--font-family--bodoni-moda);
	font-size: 1.2rem !important;
	font-weight: 500;
}

.wc-block-product-template .wp-block-post-title a {
	text-decoration: none;
}

.wc-block-product-template .wc-block-components-product-price {
	margin-bottom: 0;
	font-size: 0.95rem !important;
	color: var(--wp--preset--color--accent-4);
}

/*
 * ---------- Tarjetas de producto: carrito flotante ----------
 * Sin botón bajo la tarjeta (la foto y el nombre enlazan al producto).
 * Al pasar por la tarjeta aparece un carrito en la esquina inferior derecha
 * de la foto; al pasar por el carrito se despliega "Añadir al carrito".
 * La foto es 4:5, así que su borde inferior está al 125 % del ancho de la
 * tarjeta (unidades cqw con la tarjeta como contenedor).
 */
.kiini-products-section ul.products li.product,
.wc-block-product-template .wc-block-product {
	position: relative;
	container-type: inline-size;
}

.kiini-products-section ul.products li.product .button,
.wc-block-product-template .wc-block-product .wp-block-button {
	position: absolute;
	top: calc(125cqw - 3.5rem);
	right: 0.75rem;
	z-index: 2;
	margin: 0;
	opacity: 0;
	transform: translateY(6px);
	transition: opacity 0.25s ease, transform 0.25s ease;
}

.kiini-products-section ul.products li.product:hover .button,
.kiini-products-section ul.products li.product:focus-within .button,
.wc-block-product-template .wc-block-product:hover .wp-block-button,
.wc-block-product-template .wc-block-product:focus-within .wp-block-button {
	opacity: 1;
	transform: none;
}

.kiini-products-section ul.products li.product .button,
.wc-block-product-template .wc-block-product .wc-block-components-product-button__button {
	display: block;
	box-sizing: border-box;
	height: 2.75rem;
	min-width: 0 !important;
	width: auto !important;
	max-width: 2.75rem !important;
	padding: 0 0 0 2.75rem !important;
	overflow: hidden;
	border: 0 !important;
	border-radius: 999px;
	background: var(--wp--preset--color--base) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e2a26' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a1.5 1.5 0 0 0 1.5 1.2h8.6a1.5 1.5 0 0 0 1.5-1.1L21 8H6.2'/%3E%3Ccircle cx='9.5' cy='20' r='1.2'/%3E%3Ccircle cx='17' cy='20' r='1.2'/%3E%3C/svg%3E") 0.8rem center / 1.15rem no-repeat;
	box-shadow: 0 8px 20px -10px rgb(46 42 38 / 0.45);
	color: transparent;
	font-size: 0.7rem !important;
	font-weight: 500;
	line-height: 2.75rem;
	letter-spacing: 0.14em;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	white-space: nowrap;
	transition: max-width 0.35s ease, color 0.2s ease 0.1s;
}

.kiini-products-section ul.products li.product .button:hover,
.kiini-products-section ul.products li.product .button:focus-visible,
.wc-block-product-template .wc-block-product .wc-block-components-product-button__button:hover,
.wc-block-product-template .wc-block-product .wc-block-components-product-button__button:focus-visible {
	max-width: 16rem !important;
	padding-right: 1.1rem !important;
	background-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
}

/* WooCommerce añade "Ver carrito" tras añadir; el mini carrito ya lo indica. */
.kiini-products-section ul.products li.product .added_to_cart,
.wc-block-product-template .wc-block-product .wc-block-components-product-button a.added_to_cart {
	display: none;
}

.kiini-products-section ul.products li.product .button.loading,
.wc-block-product-template .wc-block-components-product-button__button[aria-busy="true"] {
	opacity: 0.6;
}

/* En pantallas táctiles no hay "pasar por encima": el carrito se ve siempre. */
@media (hover: none) {
	.kiini-products-section ul.products li.product .button,
	.wc-block-product-template .wc-block-product .wp-block-button {
		opacity: 1;
		transform: none;
	}
}

/* ---------- Ficha de producto ---------- */

.kiini-product-page {
	padding-bottom: var(--wp--preset--spacing--60);
}

.kiini-product.wp-block-columns {
	align-items: flex-start;
	margin-top: var(--wp--preset--spacing--30);
}

/* La información acompaña mientras se recorren las fotos. */
.kiini-product__summary {
	position: sticky;
	top: var(--wp--preset--spacing--40);
}

.kiini-product__cats {
	margin-bottom: 0.5rem;
}

.kiini-product__cats a {
	color: inherit;
	text-decoration: none;
}

.kiini-product__title {
	margin: 0 0 0.75rem;
	font-size: clamp(2rem, 3.4vw, 2.8rem);
}

.kiini-product__price {
	margin-bottom: 1.25rem;
	font-size: 1.35rem;
}

.kiini-product__excerpt {
	color: var(--wp--preset--color--accent-4);
}

.kiini-product__summary form.cart .button {
	border-radius: 999px;
	padding: 1rem 2rem;
	font-size: 0.8125rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.kiini-product__summary form.cart .quantity input {
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: 999px;
}

.kiini-product__summary table.variations select {
	padding: 0.6rem 2.2rem 0.6rem 1rem;
	border: 1px solid var(--wp--preset--color--accent-6);
	border-radius: var(--kiini-radius-sm);
	background-color: var(--wp--preset--color--base);
	font: inherit;
	height: auto;
	min-width: 12rem;
	line-height: 1.4;
	color: var(--wp--preset--color--contrast);
}

.kiini-product__perks {
	margin: var(--wp--preset--spacing--40) 0 0;
	padding: 1.25rem 0 0;
	border-top: 1px solid var(--wp--preset--color--accent-6);
	list-style: none;
	font-size: 0.9rem;
}

.kiini-perk {
	position: relative;
	padding: 0.35rem 0 0.35rem 2rem;
}

.kiini-perk::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 1.3rem;
	height: 1.3rem;
	transform: translateY(-50%);
	background: center / contain no-repeat;
}

.kiini-perk--envio::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230049ac' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 7h11v8H3zM14 10h4l3 3v2h-7'/%3E%3Ccircle cx='7' cy='17' r='1.6'/%3E%3Ccircle cx='17' cy='17' r='1.6'/%3E%3C/svg%3E");
}

.kiini-perk--mano::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230049ac' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3c2 3 4 4.5 4 8a4 4 0 0 1-8 0c0-2 1-3 1.5-4.5C10.5 8 11 9 12 9c0-2-.5-4 0-6z'/%3E%3Cpath d='M8 21h8'/%3E%3C/svg%3E");
}

.kiini-perk--regalo::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230049ac' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='8' width='18' height='4' rx='1'/%3E%3Cpath d='M5 12v8h14v-8M12 8v12M12 8c-1.5-3-5-3-5-1s3 1 5 1zM12 8c1.5-3 5-3 5-1s-3 1-5 1z'/%3E%3C/svg%3E");
}

@media (max-width: 781px) {
	.kiini-product__summary {
		position: static;
	}
}

/* ---------- Galería de producto ---------- */

.kiini-gallery {
	position: relative;
}

.kiini-gallery__track {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0.75rem;
}

/* 1 foto: sola. 3 o más: la primera grande y el resto de dos en dos. 2 fotos: pareja. */
.kiini-gallery--1 .kiini-gallery__item,
.kiini-gallery--3 .kiini-gallery__item:first-child {
	grid-column: 1 / -1;
}

.kiini-gallery__item {
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
	border: 0;
	border-radius: var(--kiini-radius);
	background: var(--wp--preset--color--accent-3);
	cursor: zoom-in;
}

.kiini-gallery__item img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
	transition: transform 0.5s ease;
}

.kiini-gallery__item:hover img {
	transform: scale(1.03);
}

.kiini-gallery__item:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent-1);
	outline-offset: 3px;
}

.kiini-gallery__counter {
	display: none;
}

@media (max-width: 781px) {
	/* Carrusel deslizable con contador. */
	.kiini-gallery__track {
		display: flex;
		gap: 0.6rem;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		scrollbar-width: none;
	}

	.kiini-gallery__track::-webkit-scrollbar {
		display: none;
	}

	.kiini-gallery__item {
		flex: 0 0 86%;
		scroll-snap-align: center;
	}

	.kiini-gallery--1 .kiini-gallery__item {
		flex-basis: 100%;
	}

	.kiini-gallery__counter {
		display: block;
		position: absolute;
		right: 0.9rem;
		bottom: 0.9rem;
		margin: 0;
		padding: 0.3rem 0.75rem;
		border-radius: 999px;
		background: rgb(252 252 253 / 0.9);
		font-size: 0.8rem;
		letter-spacing: 0.08em;
	}
}

/* Visor a pantalla completa. */
.kiini-lightbox {
	width: 100vw;
	max-width: none;
	height: 100vh;
	max-height: none;
	margin: 0;
	padding: 0;
	border: 0;
	background: rgb(30 27 24 / 0.94);
}

.kiini-lightbox[open] {
	display: flex;
	align-items: center;
	justify-content: center;
}

.kiini-lightbox::backdrop {
	background: transparent;
}

.kiini-lightbox__img {
	max-width: min(92vw, 1100px);
	max-height: 88vh;
	border-radius: var(--kiini-radius-sm);
	object-fit: contain;
}

.kiini-lightbox__close,
.kiini-lightbox__nav {
	position: absolute;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: rgb(252 252 253 / 0.12);
	color: #fff;
	font-size: 2rem;
	line-height: 1;
	cursor: pointer;
}

.kiini-lightbox__close:hover,
.kiini-lightbox__nav:hover {
	background: rgb(252 252 253 / 0.25);
}

.kiini-lightbox__close {
	top: 1.25rem;
	right: 1.25rem;
}

.kiini-lightbox__nav {
	top: 50%;
	transform: translateY(-50%);
}

.kiini-lightbox__nav--prev {
	left: 1.25rem;
}

.kiini-lightbox__nav--next {
	right: 1.25rem;
}

/* ---------- Tarjetas: segunda foto al pasar el ratón ---------- */

.kiini-card-media {
	position: relative;
	display: block;
	margin-bottom: 1rem;
	overflow: hidden;
	border-radius: var(--kiini-radius-sm);
}

.kiini-products-section ul.products li.product .kiini-card-media img {
	margin: 0;
}

.wc-block-components-product-image.has-hover-img a {
	position: relative;
	display: block;
}

.kiini-hover-img {
	position: absolute;
	inset: 0;
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
	opacity: 0;
	transition: opacity 0.45s ease;
}

.has-hover-img:hover .kiini-hover-img,
li.product:hover .has-hover-img .kiini-hover-img,
.wc-block-product:hover .has-hover-img .kiini-hover-img {
	opacity: 1;
}

@media (hover: none) {
	.kiini-hover-img {
		display: none;
	}
}

.kiini-product__summary table.variations th,
.kiini-product__summary table.variations td {
	padding: 0 1rem 0.5rem 0;
	vertical-align: middle;
}

.kiini-product__summary .reset_variations {
	margin-left: 0.75rem;
	font-size: 0.8rem;
	color: var(--wp--preset--color--accent-4);
}

/* Formularios con el texto de ayuda dentro de cada casilla. */
.kiini-form--placeholders p {
	margin-bottom: 0.85rem;
}

.kiini-form input::placeholder,
.kiini-form textarea::placeholder {
	color: var(--wp--preset--color--accent-4);
	opacity: 1;
}

.kiini-form input[type="number"] {
	-moz-appearance: textfield;
}

.kiini-form input[type="number"]::-webkit-inner-spin-button,
.kiini-form input[type="number"]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* ---------- Hero: señales de confianza ---------- */

.kiini-hero__facts {
	margin-top: 1.25rem;
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	opacity: 0.9;
}

.kiini-hero__facts span {
	margin-inline: 0.5rem;
}

/* ---------- Talleres abiertos: fechas que abren WhatsApp ---------- */

.kiini-dates__list a {
	display: contents;
	color: inherit;
	text-decoration: none;
}

.kiini-dates__list li {
	transition: background-color 0.2s ease;
}

.kiini-dates__list li:hover {
	background: var(--wp--preset--color--accent-5);
}

.kiini-dates__list li:hover strong {
	text-decoration: underline;
	text-underline-offset: 0.25em;
}

.kiini-dates__hint {
	margin-top: 1rem;
	font-size: 0.85rem;
	color: var(--wp--preset--color--accent-4);
}

/* ---------- Portada: a medida (pantalla dividida) ---------- */

.kiini-split.wp-block-group {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.kiini-split__half.wp-block-cover {
	min-height: min(640px, 82vh) !important;
	margin: 0;
	padding: clamp(2rem, 5vw, 4rem);
}

.kiini-split__half .wp-block-cover__inner-container {
	max-width: 30rem;
	margin: 0 !important;
}

.kiini-split__half h2 {
	margin: 0 0 0.75rem;
	font-size: clamp(2rem, 3.4vw, 2.8rem);
}

.kiini-split__half.is-dark .kiini-eyebrow,
.kiini-split__half.is-dark .kiini-split__text {
	color: var(--wp--preset--color--base);
}

.kiini-split__half.is-dark h2 em {
	color: var(--wp--preset--color--base);
}

.kiini-split__text {
	margin-bottom: 1.75rem;
	font-size: 1.05rem;
	color: var(--wp--preset--color--accent-4);
}

@media (max-width: 781px) {
	.kiini-split.wp-block-group {
		grid-template-columns: 1fr;
	}

	.kiini-split__half.wp-block-cover {
		min-height: 75vh !important;
	}
}

/* ---------- Talleres abiertos: polaroids ---------- */

.kiini-polaroids.wp-block-group {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(1rem, 3vw, 2.5rem);
	margin-bottom: var(--wp--preset--spacing--50);
	padding-block: 1rem;
}

.kiini-polaroid.wp-block-image {
	margin: 0;
	padding: 0.9rem 0.9rem 0;
	background: var(--wp--preset--color--base);
	box-shadow: 0 18px 30px -18px rgb(46 42 38 / 0.45);
	transform: rotate(var(--kiini-tilt, -2deg));
	transition: transform 0.35s ease;
}

.kiini-polaroid:nth-child(2) { --kiini-tilt: 1.5deg; margin-top: 1.5rem; }
.kiini-polaroid:nth-child(3) { --kiini-tilt: -1deg; }
.kiini-polaroid:nth-child(4) { --kiini-tilt: 2.5deg; margin-top: 1rem; }

.kiini-polaroid:hover {
	transform: rotate(0deg) translateY(-4px);
}

.kiini-polaroid img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1;
	object-fit: cover;
}

.kiini-polaroid figcaption.wp-element-caption {
	margin: 0;
	padding: 0.9rem 0 1.1rem;
	font-family: var(--wp--preset--font-family--cursiva);
	font-size: clamp(1.5rem, 2.2vw, 1.9rem);
	line-height: 1.1;
	text-align: center;
	color: var(--wp--preset--color--contrast);
}

@media (max-width: 781px) {
	.kiini-polaroids.wp-block-group {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.kiini-polaroid:nth-child(n) {
		margin-top: 0;
	}
}

/* ---------- Contacto: ejemplos de detalles para eventos ---------- */

.kiini-souvenirs.wp-block-gallery {
	gap: 0.5rem !important;
	margin: 0 0 1.5rem;
}

.kiini-souvenirs.wp-block-gallery img {
	border-radius: var(--kiini-radius-sm);
}

/* Próximas fechas: fila compacta de "entradas" que abren WhatsApp. */
.kiini-workshops__booking .kiini-eyebrow {
	margin-bottom: 1rem;
}

.kiini-date-tickets {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0.75rem;
	margin: 0 0 1.75rem;
	padding: 0;
	list-style: none;
}

.kiini-date-tickets a {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.1rem;
	padding: 0.85rem 1rem;
	border: 1px solid rgb(255 255 255 / 0);
	border-radius: var(--kiini-radius-sm);
	background: rgb(252 252 253 / 0.7);
	color: var(--wp--preset--color--contrast);
	text-align: center;
	text-decoration: none;
	transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.kiini-date-tickets a:hover {
	border-color: var(--wp--preset--color--tostado);
	background: var(--wp--preset--color--base);
	transform: translateY(-2px);
}

.kiini-date-tickets strong {
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-1);
}

.kiini-date-tickets__name {
	font-size: 0.95rem;
}

.kiini-date-tickets__seats {
	font-size: 0.75rem;
	color: var(--wp--preset--color--accent-4);
}

.kiini-workshops__booking .kiini-dates__hint {
	margin-top: 0.75rem;
	font-size: 0.8rem;
}

@media (max-width: 600px) {
	.kiini-date-tickets {
		grid-template-columns: 1fr;
	}
}

/* ---------- Cinta en movimiento ---------- */

.kiini-ticker {
	overflow: hidden;
	padding: 1.05rem 0;
	background: var(--wp--preset--color--tostado);
	color: var(--wp--preset--color--base);
}

.kiini-ticker__track {
	display: flex;
	width: max-content;
	animation: kiini-ticker 38s linear infinite;
}

.kiini-ticker:hover .kiini-ticker__track {
	animation-play-state: paused;
}

.kiini-ticker__group {
	display: flex;
	flex: none;
	margin: 0;
	padding: 0;
	list-style: none;
}

.kiini-ticker__group li {
	display: flex;
	align-items: center;
	padding-right: 2.5rem;
	font-size: 0.8rem;
	font-weight: 500;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	white-space: nowrap;
}

.kiini-ticker__group li::after {
	content: "✦";
	margin-left: 2.5rem;
	font-size: 0.7rem;
	opacity: 0.7;
}

@keyframes kiini-ticker {
	to {
		transform: translateX(-50%);
	}
}

@media (prefers-reduced-motion: reduce) {
	.kiini-ticker__track {
		animation: none;
	}
}

/* ---------- Portada: escaparate de la colección de temporada ---------- */

.kiini-collection-showcase__banner.wp-block-cover {
	height: 100%;
	min-height: min(560px, 75vh) !important;
	padding: clamp(1.75rem, 3vw, 2.5rem);
	overflow: hidden;
	border-radius: var(--kiini-radius);
}

.kiini-collection-showcase__banner .kiini-eyebrow,
.kiini-collection-showcase__text {
	color: var(--wp--preset--color--base);
}

.kiini-collection-showcase__banner h2 {
	margin: 0 0 0.75rem;
	font-size: clamp(2.2rem, 3.6vw, 3rem);
}

.kiini-collection-showcase__banner h2 em {
	color: var(--wp--preset--color--base);
}

.kiini-collection-showcase__text {
	max-width: 22rem;
	margin-bottom: 1.5rem;
}

.kiini-collection-showcase ul.products {
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

/* ---------- Portada: así nace cada vela ---------- */

.kiini-process__steps.wp-block-group {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1.25rem, 3vw, 2.5rem);
}

.kiini-process__media {
	aspect-ratio: 4 / 5;
	max-width: 340px;
	margin-inline: auto;
	overflow: hidden;
}

.kiini-process__media video,
.kiini-process__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kiini-process__caption {
	margin-top: 1rem;
	font-family: var(--wp--preset--font-family--cursiva);
	font-size: clamp(1.6rem, 2.4vw, 2rem);
	line-height: 1.1;
	color: var(--wp--preset--color--contrast);
}

@media (max-width: 781px) {
	.kiini-process__steps.wp-block-group {
		grid-template-columns: 1fr;
	}

	.kiini-process__media {
		max-width: 260px;
	}
}

/* ---------- Color por aroma ---------- */

/* Punto junto al nombre en las tarjetas. */
.kiini-aroma-dot {
	display: inline-block;
	width: 0.6em;
	height: 0.6em;
	margin-right: 0.45em;
	border-radius: 50%;
	background: var(--kiini-aroma);
	vertical-align: 0.08em;
}

/* Ficha: notas olfativas con el pastel del aroma. */
.kiini-notes {
	--kiini-aroma: var(--wp--preset--color--tostado);
	margin: var(--wp--preset--spacing--40) 0 0;
	padding: 1.4rem 1.5rem;
	border-radius: var(--kiini-radius);
	background: color-mix(in srgb, var(--kiini-aroma) 22%, var(--wp--preset--color--base));
}

.kiini-notes__title {
	margin: 0 0 0.9rem;
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: color-mix(in srgb, var(--kiini-aroma) 55%, var(--wp--preset--color--contrast));
}

.kiini-notes__list {
	margin: 0;
}

.kiini-notes__row {
	display: grid;
	grid-template-columns: 5.5rem 1fr;
	gap: 1rem;
	margin: 0;
	padding: 0.55rem 0;
	align-items: center;
	border-top: 1px solid color-mix(in srgb, var(--kiini-aroma) 35%, transparent);
}

.kiini-notes__row dt {
	margin: 0;
	font-family: var(--wp--preset--font-family--cursiva);
	font-size: 1.35rem;
	line-height: 1.1;
	color: var(--wp--preset--color--contrast);
}

.kiini-notes__row dd {
	margin: 0;
	align-self: center;
	font-size: 0.92rem;
}

/*
 * Cinta ladeada 1 grado. Es algo más ancha que la pantalla para que no se vean
 * las esquinas, y lleva detrás una franja del color de Novedades (la sección de
 * arriba) que gira con ella: así ese fondo termina siguiendo la inclinación.
 */
.kiini-home {
	overflow-x: clip;
}

.kiini-ticker {
	position: relative;
	z-index: 1;
	width: 104vw;
	margin: -0.5rem 0 1.5rem -2vw !important;
	overflow: visible;
	transform: rotate(-1deg);
	box-shadow: 0 10px 24px -16px rgb(46 42 38 / 0.5);
}

.kiini-ticker::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 100%;
	left: 0;
	height: 3.5rem;
	background: var(--wp--preset--color--accent-5);
	z-index: -1;
}

.kiini-ticker__track {
	overflow: hidden;
}

/* ---------- Landings: talleres privados y pedidos para eventos ---------- */

.kiini-landing-hero__media {
	max-width: 460px;
	margin: 0 auto;
	overflow: hidden;
}

.kiini-landing-hero__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

.kiini-landing-hero__facts {
	margin-top: 1.25rem;
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-4);
}

.kiini-landing-hero__facts span {
	margin-inline: 0.4rem;
}

.kiini-polaroids--3.wp-block-group {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	max-width: 1040px;
	margin-inline: auto !important;
}

.kiini-step .kiini-polaroid {
	margin-bottom: 1.25rem;
}

.kiini-step__text {
	max-width: 18rem;
	margin: 0 auto;
	font-size: 0.95rem;
	color: var(--wp--preset--color--accent-4);
}

.kiini-steps.wp-block-group {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--40);
}

.kiini-steps__item {
	text-align: center;
}

.kiini-steps__number {
	margin: 0 0 0.25rem;
	font-family: var(--wp--preset--font-family--cursiva);
	font-size: 3rem;
	line-height: 1;
	color: var(--wp--preset--color--tostado);
}

.kiini-steps__title {
	margin: 0 0 0.5rem;
	font-size: 1.4rem;
}

.kiini-steps__item p:not(.kiini-steps__number) {
	max-width: 20rem;
	margin-inline: auto;
	font-size: 0.95rem;
	color: var(--wp--preset--color--accent-4);
}

.kiini-landing-form .kiini-card {
	margin-top: var(--wp--preset--spacing--40);
}

.kiini-cross__media {
	width: 140px;
	margin: 0;
	overflow: hidden;
}

.kiini-cross__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

.kiini-cross__title {
	margin: 0 0 0.4rem;
	font-size: clamp(1.6rem, 2.6vw, 2.1rem) !important;
}

.kiini-cross p {
	margin: 0;
	color: var(--wp--preset--color--accent-4);
}

/* Contacto: accesos a las dos landings. */
.kiini-access.wp-block-group {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--40);
}

.kiini-access__card {
	display: grid;
	grid-template-columns: 40% 1fr;
	overflow: hidden;
	border-radius: var(--kiini-radius);
}

.kiini-access__media {
	margin: 0;
}

.kiini-access__media a,
.kiini-access__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.kiini-access__body {
	padding: clamp(1.5rem, 3vw, 2.25rem);
}

@media (max-width: 900px) {
	.kiini-access.wp-block-group,
	.kiini-steps.wp-block-group,
	.kiini-polaroids--3.wp-block-group {
		grid-template-columns: 1fr;
	}

	.kiini-polaroids--3 .kiini-step {
		max-width: 340px;
		margin-inline: auto;
	}
}

@media (max-width: 600px) {
	.kiini-access__card {
		grid-template-columns: 1fr;
	}

	.kiini-access__media img {
		aspect-ratio: 4 / 3;
	}
}

/*
 * Botón de ayuda con vida: halo que se expande, pequeño balanceo del icono y
 * globo "¿Te ayudo?" la primera vez. Todo se detiene en cuanto se usa el botón.
 */
.kiini-floating__help {
	position: relative;
}

.kiini-floating__help::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	border-radius: 50%;
	background: var(--wp--preset--color--tostado);
	animation: kiini-help-halo 3.2s ease-out infinite;
}

.kiini-floating__icon-chat {
	animation: kiini-help-wiggle 6s ease-in-out 2s infinite;
	transform-origin: 50% 70%;
}

.kiini-floating__help.is-used::before,
.kiini-floating__help.is-used .kiini-floating__icon-chat,
.kiini-floating__help:hover .kiini-floating__icon-chat {
	animation: none;
}

@keyframes kiini-help-halo {
	0% {
		opacity: 0.45;
		transform: scale(1);
	}

	70%,
	100% {
		opacity: 0;
		transform: scale(1.6);
	}
}

@keyframes kiini-help-wiggle {
	0%,
	82%,
	100% {
		transform: rotate(0);
	}

	86% {
		transform: rotate(-12deg);
	}

	90% {
		transform: rotate(10deg);
	}

	94% {
		transform: rotate(-6deg);
	}
}

.kiini-help-hint {
	position: absolute;
	right: 4.4rem;
	bottom: 0.9rem;
	margin: 0;
	padding: 0.5rem 0.95rem;
	border-radius: 999px;
	background: var(--wp--preset--color--base);
	box-shadow: 0 10px 24px -12px rgb(46 42 38 / 0.45);
	font-family: var(--wp--preset--font-family--cursiva);
	font-size: 1.35rem;
	line-height: 1.1;
	white-space: nowrap;
	color: var(--wp--preset--color--contrast);
	opacity: 0;
	transform: translateX(8px);
	pointer-events: none;
	transition: opacity 0.4s ease, transform 0.4s ease;
}

.kiini-help-hint.is-visible {
	opacity: 1;
	transform: none;
}

@media (prefers-reduced-motion: reduce) {
	.kiini-floating__help::before,
	.kiini-floating__icon-chat {
		animation: none;
	}
}

/*
 * El halo alterna los tonos de las Black Mini, aclarados: verde (Manzana
 * Verde), lavanda (Lavanda) y azul (Calma). Tres ondas encadenadas de 3,2 s:
 * cuando una termina de disiparse, nace la siguiente.
 */
.kiini-floating__help {
	--kiini-halo-verde: color-mix(in srgb, #9cc46a 65%, #fcfcfd);
	--kiini-halo-lavanda: color-mix(in srgb, #a98fe0 65%, #fcfcfd);
	--kiini-halo-azul: color-mix(in srgb, #8fb3d4 65%, #fcfcfd);
}

.kiini-floating__help::before {
	background: var(--kiini-halo-verde);
	animation: kiini-help-halo-tonos 9.6s ease-out infinite;
}

@keyframes kiini-help-halo-tonos {
	/* Onda 1: verde */
	0% {
		background: var(--kiini-halo-verde);
		opacity: 0.6;
		transform: scale(1);
	}

	33.32% {
		background: var(--kiini-halo-verde);
		opacity: 0;
		transform: scale(1.65);
	}

	/* Onda 2: lavanda */
	33.33% {
		background: var(--kiini-halo-lavanda);
		opacity: 0.6;
		transform: scale(1);
	}

	66.65% {
		background: var(--kiini-halo-lavanda);
		opacity: 0;
		transform: scale(1.65);
	}

	/* Onda 3: azul */
	66.66% {
		background: var(--kiini-halo-azul);
		opacity: 0.6;
		transform: scale(1);
	}

	100% {
		background: var(--kiini-halo-azul);
		opacity: 0;
		transform: scale(1.65);
	}
}

@media (prefers-reduced-motion: reduce) {
	.kiini-floating__help::before {
		animation: none;
	}
}

/* Que los elementos del desplegable ocupen todo el ancho del panel. */
.kiini-header .wp-block-navigation__submenu-container .wp-block-navigation-item {
	width: 100%;
}

/*
 * Subcategorías: en lugar de la pastilla, un arco fino en tostado bajo el
 * nombre (guiño a las fotos en forma de ventana), que se dibuja desde el centro.
 */
.kiini-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
.kiini-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
	background: transparent;
}

.kiini-header .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
	position: relative;
	display: inline-block;
	padding-bottom: 0.35rem;
}

.kiini-header .wp-block-navigation__submenu-container .wp-block-navigation-item__label::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -0.15rem;
	height: 0.45rem;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M1 6.2 C 14 4.6, 27 6.8, 41 5.4 S 66 4.4, 80 5.8 S 94 5.2, 99 4.6' fill='none' stroke='%23b59172' stroke-width='1.6' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center / 100% 100% no-repeat;
	opacity: 0;
	transform: scaleX(0.2);
	transition: transform 0.35s ease, opacity 0.25s ease;
}

.kiini-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover .wp-block-navigation-item__label::after,
.kiini-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible .wp-block-navigation-item__label::after,
.kiini-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content[aria-current="page"] .wp-block-navigation-item__label::after {
	opacity: 1;
	transform: scaleX(1);
}

.kiini-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding: 0.5rem 1rem !important;
}

/*
 * El arco de las subcategorías alterna los tonos del halo del botón de ayuda
 * (los de las Black Mini): verde, lavanda y azul, en ese orden.
 */
.kiini-header .wp-block-navigation__submenu-container .wp-block-navigation-item:nth-child(3n+1) .wp-block-navigation-item__label::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M1 6.2 C 14 4.6, 27 6.8, 41 5.4 S 66 4.4, 80 5.8 S 94 5.2, 99 4.6' fill='none' stroke='%239cc46a' stroke-width='1.8' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}

.kiini-header .wp-block-navigation__submenu-container .wp-block-navigation-item:nth-child(3n+2) .wp-block-navigation-item__label::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M1 6.2 C 14 4.6, 27 6.8, 41 5.4 S 66 4.4, 80 5.8 S 94 5.2, 99 4.6' fill='none' stroke='%23a98fe0' stroke-width='1.8' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}

.kiini-header .wp-block-navigation__submenu-container .wp-block-navigation-item:nth-child(3n) .wp-block-navigation-item__label::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 10' preserveAspectRatio='none'%3E%3Cpath d='M1 6.2 C 14 4.6, 27 6.8, 41 5.4 S 66 4.4, 80 5.8 S 94 5.2, 99 4.6' fill='none' stroke='%238fb3d4' stroke-width='1.8' stroke-linecap='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");
}

/* Trazo de lápiz: se dibuja de izquierda a derecha. */
.kiini-header .wp-block-navigation__submenu-container .wp-block-navigation-item__label::after {
	bottom: -0.1rem;
	height: 0.4rem;
	transform: none;
	clip-path: inset(0 100% 0 0);
	transition: clip-path 0.45s ease-out, opacity 0.2s ease;
}

.kiini-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover .wp-block-navigation-item__label::after,
.kiini-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible .wp-block-navigation-item__label::after,
.kiini-header .wp-block-navigation__submenu-container .wp-block-navigation-item__content[aria-current="page"] .wp-block-navigation-item__label::after {
	transform: none;
	clip-path: inset(0 0 0 0);
}

/*
 * Fundido suave entre la primera y la segunda foto de la tarjeta. Las reglas
 * de zoom de las imágenes de producto pisaban la transición de opacidad.
 */
.kiini-products-section ul.products li.product .kiini-card-media img,
.wc-block-product-template .wc-block-components-product-image img {
	transition: opacity 0.7s ease, transform 0.6s ease !important;
}

img.kiini-hover-img {
	transition: opacity 0.7s ease, transform 0.6s ease !important;
}

/* La foto principal se desvanece a la vez que entra la segunda: fundido cruzado. */
.has-hover-img:hover img:not(.kiini-hover-img),
li.product:hover .has-hover-img img:not(.kiini-hover-img),
.wc-block-product:hover .has-hover-img img:not(.kiini-hover-img) {
	opacity: 0;
}

/* =========================================================================
 * Botones: un color por función y un mismo efecto.
 * Al pasar el ratón, el color nuevo entra deslizándose de izquierda a derecha
 * (capa de fondo que crece de 0 % a 100 %).
 *
 *   Compra         azul Kiini      -> azul muy claro, texto azul
 *   Llamadas       tostado         -> arena, texto carbón
 *   Formularios    salvia          -> salvia claro, texto verde oscuro
 *   Secundario     contorno carbón -> arena
 *   Sobre foto     blanco          -> tostado, texto blanco
 * ========================================================================= */

:root {
	--kiini-tostado-btn: #8a6a50;
	--kiini-salvia-btn: #5f7c58;
}

/* Mecánica común. */
.wp-element-button,
.wp-block-button__link,
.kiini-product__summary form.cart .button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-mini-cart__footer-actions .wc-block-components-button,
.woocommerce a.button,
.woocommerce button.button {
	--kb-bg: var(--kiini-tostado-btn);
	--kb-text: var(--wp--preset--color--base);
	--kb-fill: var(--wp--preset--color--accent-2);
	--kb-text-hover: var(--wp--preset--color--contrast);
	--kb-border: transparent;
	border: 1px solid var(--kb-border) !important;
	background: linear-gradient(var(--kb-fill), var(--kb-fill)) left center / 0% 100% no-repeat, var(--kb-bg) !important;
	color: var(--kb-text) !important;
	transition: background-size 0.55s cubic-bezier(0.65, 0, 0.35, 1), color 0.35s ease, border-color 0.35s ease, box-shadow 0.35s ease !important;
}

.wp-element-button:hover,
.wp-element-button:focus-visible,
.wp-block-button__link:hover,
.wp-block-button__link:focus-visible,
.kiini-product__summary form.cart .button:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-mini-cart__footer-actions .wc-block-components-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
	background-size: 100% 100%, auto !important;
	color: var(--kb-text-hover) !important;
	box-shadow: 0 10px 22px -16px rgb(46 42 38 / 0.45);
}

/* Compra: azul Kiini. */
.kiini-product__summary form.cart .button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-mini-cart__footer-actions .wc-block-components-button,
.woocommerce a.button.checkout,
.woocommerce a.checkout-button {
	--kb-bg: var(--wp--preset--color--accent-1);
	--kb-fill: color-mix(in srgb, #8fb3d4 45%, #fcfcfd);
	--kb-text-hover: var(--wp--preset--color--accent-1);
}

/* Formularios: salvia. */
.kiini-form button,
.kiini-newsletter__form button {
	--kb-bg: var(--kiini-salvia-btn);
	--kb-fill: color-mix(in srgb, #8faa7e 35%, #fcfcfd);
	--kb-text-hover: #3f5a3a;
}

/* Secundario: contorno fino. */
.wp-block-button.is-style-outline > .wp-block-button__link {
	--kb-bg: transparent;
	--kb-text: var(--wp--preset--color--contrast);
	--kb-fill: var(--wp--preset--color--accent-2);
	--kb-text-hover: var(--wp--preset--color--contrast);
	--kb-border: var(--wp--preset--color--contrast);
}

/* Sobre foto: botón blanco y contorno blanco. */
.wp-block-button__link.has-base-background-color {
	--kb-bg: var(--wp--preset--color--base);
	--kb-text: var(--wp--preset--color--contrast);
	--kb-fill: var(--kiini-tostado-btn);
	--kb-text-hover: var(--wp--preset--color--base);
}

.kiini-button-light.is-style-outline > .wp-block-button__link {
	--kb-text: var(--wp--preset--color--base);
	--kb-fill: var(--wp--preset--color--base);
	--kb-text-hover: var(--wp--preset--color--contrast);
	--kb-border: var(--wp--preset--color--base);
}

/* Las clases de color de WordPress llevan !important: el texto lo marca el sistema. */
.wp-block-button__link.has-text-color {
	color: var(--kb-text) !important;
}

.wp-block-button__link.has-text-color:hover,
.wp-block-button__link.has-text-color:focus-visible {
	color: var(--kb-text-hover) !important;
}

/* El carrito flotante de las tarjetas mantiene su estilo propio (círculo blanco). */
.kiini-products-section ul.products li.product .button,
.wc-block-product-template .wc-block-product .wc-block-components-product-button__button {
	--kb-bg: var(--wp--preset--color--base);
	--kb-fill: var(--wp--preset--color--base);
	--kb-text-hover: var(--wp--preset--color--contrast);
	box-shadow: 0 8px 20px -10px rgb(46 42 38 / 0.45) !important;
}

@media (prefers-reduced-motion: reduce) {
	.wp-element-button,
	.wp-block-button__link,
	.kiini-product__summary form.cart .button {
		transition: none !important;
	}
}

.kiini-products-section ul.products li.product .button,
.wc-block-product-template .wc-block-product .wc-block-components-product-button__button {
	background: var(--wp--preset--color--base) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e2a26' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a1.5 1.5 0 0 0 1.5 1.2h8.6a1.5 1.5 0 0 0 1.5-1.1L21 8H6.2'/%3E%3Ccircle cx='9.5' cy='20' r='1.2'/%3E%3Ccircle cx='17' cy='20' r='1.2'/%3E%3C/svg%3E") 0.8rem center / 1.15rem no-repeat !important;
	color: transparent !important;
	border: 0 !important;
	transition: max-width 0.35s ease, color 0.2s ease 0.1s !important;
}

.kiini-products-section ul.products li.product .button:hover,
.kiini-products-section ul.products li.product .button:focus-visible,
.wc-block-product-template .wc-block-product .wc-block-components-product-button__button:hover,
.wc-block-product-template .wc-block-product .wc-block-components-product-button__button:focus-visible {
	color: var(--wp--preset--color--contrast) !important;
}

/*
 * Sin carbón en los botones: textos y contornos en tostado oscuro.
 * (Si se prefiere el carbón, basta con borrar este bloque.)
 */
.wp-element-button,
.wp-block-button__link,
.woocommerce a.button,
.woocommerce button.button {
	--kb-text-hover: var(--kiini-tostado-btn);
}

.wp-block-button.is-style-outline > .wp-block-button__link {
	--kb-text: var(--kiini-tostado-btn);
	--kb-text-hover: var(--kiini-tostado-btn);
	--kb-border: var(--kiini-tostado-btn);
}

.wp-block-button__link.has-base-background-color {
	--kb-text: var(--kiini-tostado-btn);
}

/* Compra y formularios conservan su propio color de texto al pasar el ratón. */
.kiini-product__summary form.cart .button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-mini-cart__footer-actions .wc-block-components-button {
	--kb-text-hover: var(--wp--preset--color--accent-1);
}

.kiini-form button,
.kiini-newsletter__form button {
	--kb-text-hover: #3f5a3a;
}

.kiini-button-light.is-style-outline > .wp-block-button__link {
	--kb-text: var(--wp--preset--color--base);
	--kb-text-hover: var(--kiini-tostado-btn);
	--kb-border: var(--wp--preset--color--base);
}

/* =========================================================================
 * Botones, versión 2: fundido suave de color (sin barrido) y ligera elevación.
 * El borde cambia de color a la vez que el fondo, así no queda ningún aro.
 * Llamadas a la acción con el estilo de contorno tostado; el hero pasa a
 * arena al pasar el ratón.
 * ========================================================================= */
.wp-element-button,
.wp-block-button__link,
.kiini-product__summary form.cart .button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-mini-cart__footer-actions .wc-block-components-button,
.woocommerce a.button,
.woocommerce button.button {
	/* Llamadas a la acción: contorno tostado. */
	--kb-bg: transparent;
	--kb-text: var(--kiini-tostado-btn);
	--kb-fill: var(--wp--preset--color--accent-2);
	--kb-text-hover: var(--kiini-tostado-btn);
	--kb-border: var(--kiini-tostado-btn);
	--kb-border-hover: var(--kiini-tostado-btn);
	background: var(--kb-bg) !important;
	border: 1px solid var(--kb-border) !important;
	color: var(--kb-text) !important;
	transform: translateY(0);
	transition: background-color 0.6s cubic-bezier(0.22, 1, 0.36, 1), color 0.6s cubic-bezier(0.22, 1, 0.36, 1), border-color 0.6s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.6s cubic-bezier(0.22, 1, 0.36, 1), transform 0.6s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

.wp-element-button:hover,
.wp-element-button:focus-visible,
.wp-block-button__link:hover,
.wp-block-button__link:focus-visible,
.kiini-product__summary form.cart .button:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-mini-cart__footer-actions .wc-block-components-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
	background: var(--kb-fill) !important;
	border-color: var(--kb-border-hover) !important;
	color: var(--kb-text-hover) !important;
	box-shadow: 0 12px 24px -18px rgb(46 42 38 / 0.5);
	transform: translateY(-2px);
}

/* Compra: azul Kiini -> azul muy claro. */
.kiini-product__summary form.cart .button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-mini-cart__footer-actions .wc-block-components-button,
.woocommerce a.button.checkout,
.woocommerce a.checkout-button {
	--kb-bg: var(--wp--preset--color--accent-1);
	--kb-text: var(--wp--preset--color--base);
	--kb-fill: color-mix(in srgb, #8fb3d4 45%, #fcfcfd);
	--kb-text-hover: var(--wp--preset--color--accent-1);
	--kb-border: var(--wp--preset--color--accent-1);
	--kb-border-hover: color-mix(in srgb, #8fb3d4 45%, #fcfcfd);
}

/* Formularios: salvia -> salvia claro. */
.kiini-form button,
.kiini-newsletter__form button {
	--kb-bg: var(--kiini-salvia-btn);
	--kb-text: var(--wp--preset--color--base);
	--kb-fill: color-mix(in srgb, #8faa7e 35%, #fcfcfd);
	--kb-text-hover: #3f5a3a;
	--kb-border: var(--kiini-salvia-btn);
	--kb-border-hover: color-mix(in srgb, #8faa7e 35%, #fcfcfd);
}

/* Sobre foto: blanco -> arena. */
.wp-block-button__link.has-base-background-color {
	--kb-bg: var(--wp--preset--color--base);
	--kb-text: var(--kiini-tostado-btn);
	--kb-fill: var(--wp--preset--color--accent-2);
	--kb-text-hover: var(--kiini-tostado-btn);
	--kb-border: var(--wp--preset--color--base);
	--kb-border-hover: var(--wp--preset--color--accent-2);
}

/* Contorno blanco sobre foto. */
.kiini-button-light.is-style-outline > .wp-block-button__link {
	--kb-bg: transparent;
	--kb-text: var(--wp--preset--color--base);
	--kb-fill: var(--wp--preset--color--base);
	--kb-text-hover: var(--kiini-tostado-btn);
	--kb-border: var(--wp--preset--color--base);
	--kb-border-hover: var(--wp--preset--color--base);
}

/* Carrito flotante de las tarjetas: conserva su círculo blanco con icono. */
.kiini-products-section ul.products li.product .button,
.wc-block-product-template .wc-block-product .wc-block-components-product-button__button,
.kiini-products-section ul.products li.product .button:hover,
.wc-block-product-template .wc-block-product .wc-block-components-product-button__button:hover {
	background: var(--wp--preset--color--base) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232e2a26' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 4h2l2.4 11.2a1.5 1.5 0 0 0 1.5 1.2h8.6a1.5 1.5 0 0 0 1.5-1.1L21 8H6.2'/%3E%3Ccircle cx='9.5' cy='20' r='1.2'/%3E%3Ccircle cx='17' cy='20' r='1.2'/%3E%3C/svg%3E") 0.8rem center / 1.15rem no-repeat !important;
	border: 0 !important;
	transform: none;
	transition: max-width 0.35s ease, color 0.2s ease 0.1s !important;
}

@media (prefers-reduced-motion: reduce) {
	.wp-element-button,
	.wp-block-button__link,
	.kiini-product__summary form.cart .button {
		transition: none !important;
		transform: none !important;
	}
}

/* Fundido uniforme (0,75 s, curva suave en ambos extremos) y elevación de 2 px. */
.wp-element-button,
.wp-block-button__link,
.kiini-product__summary form.cart .button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-mini-cart__footer-actions .wc-block-components-button,
.woocommerce a.button,
.woocommerce button.button {
	transition: background-color 0.75s cubic-bezier(0.45, 0, 0.25, 1), color 0.75s cubic-bezier(0.45, 0, 0.25, 1), border-color 0.75s cubic-bezier(0.45, 0, 0.25, 1), box-shadow 0.75s cubic-bezier(0.45, 0, 0.25, 1), transform 0.75s cubic-bezier(0.45, 0, 0.25, 1) !important;
}

.wp-element-button:hover,
.wp-element-button:focus-visible,
.wp-block-button__link:hover,
.wp-block-button__link:focus-visible,
.kiini-product__summary form.cart .button:hover,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-mini-cart__footer-actions .wc-block-components-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
	transform: translateY(-2px);
}

/* El carrito flotante mantiene su animación propia. */
.kiini-products-section ul.products li.product .button,
.wc-block-product-template .wc-block-product .wc-block-components-product-button__button {
	transform: none !important;
	transition: max-width 0.35s ease, color 0.2s ease 0.1s !important;
}

@media (prefers-reduced-motion: reduce) {
	.wp-element-button,
	.wp-block-button__link,
	.kiini-product__summary form.cart .button {
		transition: none !important;
		transform: none !important;
	}
}

/* Botón de la newsletter: fundido algo más rápido (0,6 s). */
.kiini-newsletter__form button {
	transition: background-color 0.6s cubic-bezier(0.45, 0, 0.25, 1), color 0.6s cubic-bezier(0.45, 0, 0.25, 1), border-color 0.6s cubic-bezier(0.45, 0, 0.25, 1), box-shadow 0.6s cubic-bezier(0.45, 0, 0.25, 1), transform 0.6s cubic-bezier(0.45, 0, 0.25, 1) !important;
}

@media (prefers-reduced-motion: reduce) {
	.kiini-newsletter__form button {
		transition: none !important;
	}
}

/* Newsletter: el botón sube rápido (0,25 s) y el color se funde en 0,6 s. */
.kiini-newsletter__form button {
	transition: background-color 0.6s cubic-bezier(0.45, 0, 0.25, 1), color 0.6s cubic-bezier(0.45, 0, 0.25, 1), border-color 0.6s cubic-bezier(0.45, 0, 0.25, 1), box-shadow 0.35s ease-out, transform 0.25s ease-out !important;
}

@media (prefers-reduced-motion: reduce) {
	.kiini-newsletter__form button {
		transition: none !important;
	}
}

/* Botón de reseñas ("Dejar mi reseña en Google"): lavanda, color propio. */
.kiini-review-cta .wp-block-button__link {
	--kb-bg: #7a5fb8;
	--kb-text: var(--wp--preset--color--base);
	--kb-fill: color-mix(in srgb, #a98fe0 28%, #fcfcfd);
	--kb-text-hover: #4b3683;
	--kb-border: #7a5fb8;
	--kb-border-hover: color-mix(in srgb, #a98fe0 28%, #fcfcfd);
	transition: background-color 0.6s cubic-bezier(0.45, 0, 0.25, 1), color 0.6s cubic-bezier(0.45, 0, 0.25, 1), border-color 0.6s cubic-bezier(0.45, 0, 0.25, 1), box-shadow 0.35s ease-out, transform 0.25s ease-out !important;
}

@media (prefers-reduced-motion: reduce) {
	.kiini-review-cta .wp-block-button__link {
		transition: none !important;
	}
}

/*
 * Botón de reseñas, versión halo: en reposo solo borde y texto lavanda; al
 * pasar el ratón, el relleno lavanda medio nace en el centro y se expande en
 * círculo hasta cubrir el botón.
 */
.kiini-review-cta .wp-block-button__link {
	--kb-halo: #c5b4ee;
	background: radial-gradient(circle closest-side, var(--kb-halo) 0 98%, transparent 100%) center / 0% 0% no-repeat, transparent !important;
	border: 1px solid #7a5fb8 !important;
	color: #7a5fb8 !important;
	transition: background-size 0.65s cubic-bezier(0.45, 0, 0.25, 1), color 0.5s ease, box-shadow 0.35s ease-out, transform 0.25s ease-out !important;
}

.kiini-review-cta .wp-block-button__link:hover,
.kiini-review-cta .wp-block-button__link:focus-visible {
	background: radial-gradient(circle closest-side, var(--kb-halo) 0 98%, transparent 100%) center / 260% 600% no-repeat, transparent !important;
	border-color: #7a5fb8 !important;
	color: #3f2c72 !important;
}

@media (prefers-reduced-motion: reduce) {
	.kiini-review-cta .wp-block-button__link {
		transition: none !important;
	}
}

/* =========================================================================
 * Compra: borde y texto azul Kiini; fundido a azulito al pasar el ratón.
 * Más ligero junto a la tarjeta de notas, que cambia de color con cada vela.
 * ========================================================================= */
.kiini-product__summary form.cart .button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-mini-cart__footer-actions .wc-block-components-button,
.woocommerce a.button.checkout,
.woocommerce a.checkout-button {
	--kb-bg: transparent;
	--kb-text: var(--wp--preset--color--accent-1);
	--kb-fill: color-mix(in srgb, #8fb3d4 38%, #fcfcfd);
	--kb-text-hover: var(--wp--preset--color--accent-1);
	--kb-border: var(--wp--preset--color--accent-1);
	--kb-border-hover: var(--wp--preset--color--accent-1);
	transition: background-color 0.6s cubic-bezier(0.45, 0, 0.25, 1), color 0.6s cubic-bezier(0.45, 0, 0.25, 1), border-color 0.6s cubic-bezier(0.45, 0, 0.25, 1), box-shadow 0.35s ease-out, transform 0.25s ease-out !important;
}

/* =========================================================================
 * Lavanda = opiniones: aviso de reseñas, pestaña "Valoraciones" y botón
 * "Enviar" del formulario de valoraciones (con el mismo halo).
 * ========================================================================= */
.kiini-review-cta .kiini-review-cta__title {
	color: #7a5fb8;
}

.wc-tabs li.reviews_tab a {
	color: #7a5fb8 !important;
}

.wc-tabs li.reviews_tab.active a,
.wc-tabs li.reviews_tab a:hover {
	color: #3f2c72 !important;
}

.wc-tabs li.reviews_tab.active {
	border-bottom-color: #7a5fb8 !important;
}

.wc-tabs li.reviews_tab.active a::after,
.wc-tabs li.reviews_tab.active::after {
	background: #7a5fb8 !important;
	border-color: #7a5fb8 !important;
}

#review_form #submit {
	--kb-halo: #c5b4ee;
	padding: 0.85rem 1.8rem;
	border-radius: 999px;
	background: radial-gradient(circle closest-side, var(--kb-halo) 0 98%, transparent 100%) center / 0% 0% no-repeat, transparent !important;
	border: 1px solid #7a5fb8 !important;
	color: #7a5fb8 !important;
	font-size: 0.8rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background-size 0.65s cubic-bezier(0.45, 0, 0.25, 1), color 0.5s ease, box-shadow 0.35s ease-out, transform 0.25s ease-out !important;
}

#review_form #submit:hover,
#review_form #submit:focus-visible {
	background: radial-gradient(circle closest-side, var(--kb-halo) 0 98%, transparent 100%) center / 260% 600% no-repeat, transparent !important;
	color: #3f2c72 !important;
	box-shadow: 0 12px 24px -18px rgb(46 42 38 / 0.5);
	transform: translateY(-2px);
}

@media (prefers-reduced-motion: reduce) {
	#review_form #submit,
	.kiini-product__summary form.cart .button {
		transition: none !important;
	}
}

/* Compra: al pasar el ratón no cambia de color, solo se eleva con su sombra. */
.kiini-product__summary form.cart .button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-mini-cart__footer-actions .wc-block-components-button,
.woocommerce a.button.checkout,
.woocommerce a.checkout-button {
	--kb-fill: transparent;
}

/* Cantidad: misma pastilla que "Añadir al carrito", en azul suave, para que
   cantidad y botón se lean como un único bloque de compra. */
.kiini-product__summary form.cart:not(.variations_form),
.kiini-product__summary .woocommerce-variation-add-to-cart {
	display: flex;
	align-items: stretch;
	gap: 0.75rem;
}

.kiini-product__summary form.cart .quantity {
	display: flex;
	margin: 0 !important;
}

.kiini-product__summary form.cart .quantity input.qty {
	box-sizing: border-box;
	width: 4.5rem;
	height: 100%;
	min-height: 3.1rem;
	padding: 0 0.5rem;
	border: 1px solid color-mix(in srgb, #0049ac 35%, #fcfcfd) !important;
	border-radius: 999px !important;
	background: transparent;
	color: var(--wp--preset--color--accent-1);
	font: inherit;
	font-size: 1rem;
	text-align: center;
	transition: border-color 0.3s ease;
}

.kiini-product__summary form.cart .quantity input.qty:hover,
.kiini-product__summary form.cart .quantity input.qty:focus {
	border-color: var(--wp--preset--color--accent-1) !important;
	outline: none;
}

.kiini-product__summary form.variations_form {
	display: block;
}

.kiini-product__summary .woocommerce-variation-add-to-cart .button {
	white-space: nowrap;
}

/* Selector de opciones (color, aroma): misma pastilla azul suave. */
.kiini-product__summary table.variations select {
	min-height: 3.1rem;
	padding: 0 2.6rem 0 1.2rem !important;
	border: 1px solid color-mix(in srgb, #0049ac 35%, #fcfcfd) !important;
	border-radius: 999px !important;
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230049ac' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 1rem center / 1rem no-repeat !important;
	color: var(--wp--preset--color--accent-1) !important;
	appearance: none;
	cursor: pointer;
	transition: border-color 0.3s ease;
}

.kiini-product__summary table.variations select:hover,
.kiini-product__summary table.variations select:focus {
	border-color: var(--wp--preset--color--accent-1) !important;
	outline: none;
}

.kiini-product__summary table.variations th.label label {
	font-size: 0.75rem;
	font-weight: 500;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent-4);
}

.kiini-product__summary .reset_variations {
	display: inline-block;
	margin-top: 0.35rem;
}

/*
 * Zona de compra en arena: contorno arena (algo más intenso que el borde
 * general) en cantidad, selector y "Añadir al carrito". El azul queda solo en
 * las letras del botón, que siguen marcando "comprar".
 */
:root {
	--kiini-arena-borde: #d9cbb7;
}

.kiini-product__summary form.cart .quantity input.qty,
.kiini-product__summary table.variations select {
	border-color: var(--kiini-arena-borde) !important;
	color: var(--wp--preset--color--contrast) !important;
}

.kiini-product__summary form.cart .quantity input.qty:hover,
.kiini-product__summary form.cart .quantity input.qty:focus,
.kiini-product__summary table.variations select:hover,
.kiini-product__summary table.variations select:focus {
	border-color: var(--kiini-tostado-btn) !important;
}

.kiini-product__summary table.variations select {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a6a50' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") !important;
}

.kiini-product__summary form.cart .button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-mini-cart__footer-actions .wc-block-components-button,
.woocommerce a.button.checkout,
.woocommerce a.checkout-button {
	--kb-border: var(--kiini-arena-borde);
	--kb-border-hover: var(--kiini-arena-borde);
}

/*
 * "Añadir al carrito" en tostados: contorno arena y letras tostado medio; al
 * pasar el ratón, halo arena muy claro desde el centro, borde tostado oscuro (beige arena, sin tono anaranjado)
 * (como la cantidad) y letras más oscuras.
 */
.kiini-product__summary form.cart .button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-mini-cart__footer-actions .wc-block-components-button,
.woocommerce a.button.checkout,
.woocommerce a.checkout-button {
	--kb-halo: var(--wp--preset--color--accent-2);
	background: radial-gradient(circle closest-side, var(--kb-halo) 0 98%, transparent 100%) center / 0% 0% no-repeat, transparent !important;
	border: 1px solid var(--kiini-arena-borde) !important;
	color: #9c7b60 !important;
	transition: background-size 0.65s cubic-bezier(0.45, 0, 0.25, 1), color 0.5s ease, border-color 0.5s ease, box-shadow 0.35s ease-out, transform 0.25s ease-out !important;
}

.kiini-product__summary form.cart .button:hover,
.kiini-product__summary form.cart .button:focus-visible,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-mini-cart__footer-actions .wc-block-components-button:hover,
.woocommerce a.button.checkout:hover,
.woocommerce a.checkout-button:hover {
	background: radial-gradient(circle closest-side, var(--kb-halo) 0 98%, transparent 100%) center / 260% 600% no-repeat, transparent !important;
	border-color: var(--kiini-tostado-btn) !important;
	color: #5e4532 !important;
}

@media (prefers-reduced-motion: reduce) {
	.kiini-product__summary form.cart .button {
		transition: none !important;
	}
}

/* =========================================================================
 * Botones, versión 3: un único gesto en toda la web, el halo que nace en el
 * centro (el mismo del botón de ayuda), con elevación rápida de 2 px.
 * El color dice qué hace el botón; el relleno, cuánto importa:
 *   - Principal: relleno arena, letras tostado oscuro, halo arena tostada.
 *   - Secundario (contorno): borde y letras tostado, halo arena.
 *   - Sobre foto: blanco con letras tostado, halo arena.
 *   - Formularios: salvia, halo salvia claro.
 *   - Opiniones: contorno lavanda, halo lavanda.
 * ========================================================================= */
:root {
	--kiini-tostado-osc: #6f5440;
	--kiini-tostado-hover: #5e4532;
}

.wp-element-button,
.wp-block-button__link,
.kiini-product__summary form.cart .button,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-mini-cart__footer-actions .wc-block-components-button,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce a.button.checkout,
.woocommerce a.checkout-button,
#review_form #submit {
	/* Principal. */
	--kb-bg: var(--wp--preset--color--accent-2);
	--kb-halo: var(--wp--preset--color--arena-tostada);
	--kb-text: var(--kiini-tostado-osc);
	--kb-text-hover: var(--kiini-tostado-hover);
	--kb-border: var(--kiini-arena-borde);
	--kb-border-hover: var(--kiini-tostado-btn);
	--kb-halo-size: 260% 600%;
	background: radial-gradient(circle closest-side, var(--kb-halo) 0 98%, transparent 100%) center / 0% 0% no-repeat, var(--kb-bg) !important;
	border: 1px solid var(--kb-border) !important;
	color: var(--kb-text) !important;
	transform: translateY(0);
	transition: background-size 0.65s cubic-bezier(0.45, 0, 0.25, 1), background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease, box-shadow 0.35s ease-out, transform 0.25s ease-out !important;
}

.wp-element-button:hover,
.wp-element-button:focus-visible,
.wp-block-button__link:hover,
.wp-block-button__link:focus-visible,
.kiini-product__summary form.cart .button:hover,
.kiini-product__summary form.cart .button:focus-visible,
.wc-block-cart__submit-button:hover,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-mini-cart__footer-actions .wc-block-components-button:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce a.button.checkout:hover,
.woocommerce a.checkout-button:hover,
#review_form #submit:hover,
#review_form #submit:focus-visible {
	background: radial-gradient(circle closest-side, var(--kb-halo) 0 98%, transparent 100%) center / var(--kb-halo-size) no-repeat, var(--kb-bg) !important;
	border-color: var(--kb-border-hover) !important;
	color: var(--kb-text-hover) !important;
	box-shadow: 0 12px 24px -18px rgb(46 42 38 / 0.5);
	transform: translateY(-2px);
}

/* Botones anchos del carrito y la caja: halo más grande para cubrirlos. */
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.wc-block-mini-cart__footer-actions .wc-block-components-button,
.woocommerce a.checkout-button {
	--kb-halo-size: 200% 1600%;
}

/* Principal sobre fondos arena: relleno blanco para que no se pierda. */
:is(.has-accent-2-background-color, .has-accent-6-background-color, .has-arena-tostada-background-color) .wp-block-button:not(.is-style-outline) > .wp-block-button__link {
	--kb-bg: var(--wp--preset--color--base);
}

/* "Añadir al carrito" en la ficha: fondo blanco, como la cantidad, y halo arena. */
.kiini-product__summary form.cart .button {
	--kb-bg: var(--wp--preset--color--base);
	--kb-halo: var(--wp--preset--color--accent-2);
}

/* Secundario: solo contorno. */
.wp-block-button.is-style-outline > .wp-block-button__link {
	--kb-bg: transparent;
	--kb-halo: var(--wp--preset--color--accent-2);
	--kb-text: var(--kiini-tostado-btn);
	--kb-border: var(--kiini-tostado-btn);
	--kb-border-hover: var(--kiini-tostado-btn);
}

/* Sobre foto: blanco. */
.wp-block-button__link.has-base-background-color {
	--kb-bg: var(--wp--preset--color--base);
	--kb-halo: var(--wp--preset--color--accent-2);
	--kb-text: var(--kiini-tostado-btn);
	--kb-border: var(--wp--preset--color--base);
	--kb-border-hover: var(--wp--preset--color--accent-2);
}

/* Contorno blanco sobre foto. */
.kiini-button-light.is-style-outline > .wp-block-button__link {
	--kb-bg: transparent;
	--kb-halo: var(--wp--preset--color--base);
	--kb-text: var(--wp--preset--color--base);
	--kb-text-hover: var(--kiini-tostado-btn);
	--kb-border: var(--wp--preset--color--base);
	--kb-border-hover: var(--wp--preset--color--base);
}

/* Secundario sobre fondos arena: el halo sube un tono para que se vea. */
:is(.has-accent-2-background-color, .has-accent-6-background-color, .has-arena-tostada-background-color) .wp-block-button.is-style-outline:not(.kiini-button-light) > .wp-block-button__link {
	--kb-halo: var(--wp--preset--color--arena-tostada);
}

/* Formularios: salvia. */
.kiini-form button,
.kiini-newsletter__form button {
	--kb-bg: var(--kiini-salvia-btn);
	--kb-halo: color-mix(in srgb, #8faa7e 35%, #fcfcfd);
	--kb-text: var(--wp--preset--color--base);
	--kb-text-hover: #3f5a3a;
	--kb-border: var(--kiini-salvia-btn);
	--kb-border-hover: color-mix(in srgb, #8faa7e 35%, #fcfcfd);
}

/* Opiniones: lavanda. */
.kiini-review-cta .wp-block-button__link,
#review_form #submit {
	--kb-bg: transparent;
	--kb-halo: #c5b4ee;
	--kb-text: #7a5fb8;
	--kb-text-hover: #3f2c72;
	--kb-border: #7a5fb8;
	--kb-border-hover: #7a5fb8;
}

/* Formularios y opiniones tenían transiciones propias más específicas. */
.kiini-form button,
.kiini-newsletter__form button,
.kiini-review-cta .wp-block-button__link {
	transition: background-size 0.65s cubic-bezier(0.45, 0, 0.25, 1), background-color 0.5s ease, color 0.5s ease, border-color 0.5s ease, box-shadow 0.35s ease-out, transform 0.25s ease-out !important;
}

/* El carrito flotante de las tarjetas mantiene su círculo y su animación. */
.kiini-products-section ul.products li.product .button,
.wc-block-product-template .wc-block-product .wc-block-components-product-button__button {
	transform: none !important;
	transition: max-width 0.35s ease, color 0.2s ease 0.1s !important;
}

@media (prefers-reduced-motion: reduce) {
	.wp-element-button,
	.wp-block-button__link,
	.kiini-product__summary form.cart .button,
	.kiini-newsletter__form button,
	.kiini-form button,
	.kiini-review-cta .wp-block-button__link,
	#review_form #submit {
		transition: none !important;
		transform: none !important;
	}
}

/* =========================================================================
 * Avisos de WooCommerce ("se ha añadido a tu carrito"): fondo blanco, borde
 * y letras salvia, sin el contorno azul de foco. "Ver carrito" pasa a ser un
 * botón de contorno salvia con el mismo halo que el resto.
 * ========================================================================= */
.wc-block-components-notice-banner.is-success {
	align-items: center;
	padding: 0.9rem 1rem 0.9rem 1.25rem !important;
	border: 1px solid var(--kiini-salvia-btn) !important;
	border-radius: 18px !important;
	background: var(--wp--preset--color--base) !important;
	color: #3f5a3a !important;
}

.wc-block-components-notice-banner:focus,
.wc-block-components-notice-banner:focus-visible {
	outline: none !important;
	box-shadow: none !important;
}

.wc-block-components-notice-banner.is-success > svg {
	background-color: var(--kiini-salvia-btn) !important;
	fill: var(--wp--preset--color--base) !important;
}

.wc-block-components-notice-banner > .wc-block-components-notice-banner__content {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 0.75rem 1.5rem;
}

.wc-block-components-notice-banner > .wc-block-components-notice-banner__content a.wc-forward.wp-element-button {
	--kb-bg: transparent;
	--kb-halo: color-mix(in srgb, #8faa7e 35%, #fcfcfd);
	--kb-text: var(--kiini-salvia-btn);
	--kb-text-hover: #3f5a3a;
	--kb-border: var(--kiini-salvia-btn);
	--kb-border-hover: var(--kiini-salvia-btn);
	order: 2;
	float: none !important;
	margin: 0 !important;
	padding: 0.75rem 1.6rem !important;
	border: 1px solid var(--kb-border) !important;
	border-radius: 999px !important;
	background: radial-gradient(circle closest-side, var(--kb-halo) 0 98%, transparent 100%) center / 0% 0% no-repeat, var(--kb-bg) !important;
	color: var(--kb-text) !important;
	font-size: 0.75rem !important;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	text-decoration: none !important;
	white-space: nowrap;
	opacity: 1 !important;
}

.wc-block-components-notice-banner > .wc-block-components-notice-banner__content a.wc-forward.wp-element-button:hover,
.wc-block-components-notice-banner > .wc-block-components-notice-banner__content a.wc-forward.wp-element-button:focus-visible {
	background: radial-gradient(circle closest-side, var(--kb-halo) 0 98%, transparent 100%) center / var(--kb-halo-size) no-repeat, var(--kb-bg) !important;
	color: var(--kb-text-hover) !important;
}

/* =========================================================================
 * Carrito y caja. "Ver carrito" es secundario: fondo blanco, contorno
 * tostado y halo arena. El paso que cierra la compra va en salvia, como los
 * demás botones que envían o confirman, y destaca sin competir.
 * ========================================================================= */
.wc-block-mini-cart__footer-actions .wc-block-components-button.wc-block-mini-cart__footer-cart {
	--kb-bg: var(--wp--preset--color--base);
	--kb-halo: var(--wp--preset--color--accent-2);
	--kb-text: var(--kiini-tostado-btn);
	--kb-text-hover: var(--kiini-tostado-hover);
	--kb-border: var(--kiini-tostado-btn);
	--kb-border-hover: var(--kiini-tostado-btn);
}

.wc-block-mini-cart__footer-actions .wc-block-components-button.wc-block-mini-cart__footer-checkout,
.wc-block-cart__submit-button,
.wc-block-components-checkout-place-order-button,
.woocommerce a.checkout-button {
	--kb-bg: var(--kiini-salvia-btn);
	--kb-halo: color-mix(in srgb, #8faa7e 35%, #fcfcfd);
	--kb-text: var(--wp--preset--color--base);
	--kb-text-hover: #3f5a3a;
	--kb-border: var(--kiini-salvia-btn);
	--kb-border-hover: color-mix(in srgb, #8faa7e 35%, #fcfcfd);
}

/* WooCommerce dibuja el contorno de "Ver carrito" con una sombra interior. */
.wc-block-mini-cart__footer-actions .wc-block-components-button.wc-block-mini-cart__footer-cart:not(:hover):not(:focus-visible) {
	box-shadow: none !important;
}

/*
 * Botones con relleno oscuro (salvia): cuando el halo termina de crecer, el
 * fondo de debajo pasa también al tono del halo, para que el salvia oscuro no
 * asome en el borde curvo.
 */
.kiini-form button:hover,
.kiini-form button:focus-visible,
.kiini-newsletter__form button:hover,
.kiini-newsletter__form button:focus-visible,
.wc-block-mini-cart__footer-actions .wc-block-components-button.wc-block-mini-cart__footer-checkout:hover,
.wc-block-mini-cart__footer-actions .wc-block-components-button.wc-block-mini-cart__footer-checkout:focus-visible,
.wc-block-cart__submit-button:hover,
.wc-block-cart__submit-button:focus-visible,
.wc-block-components-checkout-place-order-button:hover,
.wc-block-components-checkout-place-order-button:focus-visible,
.woocommerce a.checkout-button:hover,
.woocommerce a.checkout-button:focus-visible {
	background-color: var(--kb-halo) !important;
	transition: background-size 0.65s cubic-bezier(0.45, 0, 0.25, 1), background-color 0.15s linear 0.5s, color 0.5s ease, border-color 0.5s ease, box-shadow 0.35s ease-out, transform 0.25s ease-out !important;
}

/* "Ver carrito" al pasar el ratón: solo la sombra de elevación, sin engordar el contorno. */
.wc-block-mini-cart__footer-actions .wc-block-components-button.wc-block-mini-cart__footer-cart:hover,
.wc-block-mini-cart__footer-actions .wc-block-components-button.wc-block-mini-cart__footer-cart:focus-visible {
	box-shadow: 0 12px 24px -18px rgb(46 42 38 / 0.5) !important;
}

/* =========================================================================
 * Hero con vídeo. Con "reducir movimiento" se oculta el vídeo y queda la foto
 * fija (primer fotograma).
 * ========================================================================= */
.kiini-hero.wp-block-cover {
	background: #2e2a26 url("assets/images/hero-poster.webp") center / cover no-repeat;
}

@media (prefers-reduced-motion: reduce) {
	.kiini-hero video {
		display: none;
	}
}

/*
 * El hero ocupa la pantalla (menos la cabecera), así el vídeo se recorta poco y
 * no se pierde lo que pasa arriba del encuadre (la llama al encender la vela).
 */
.kiini-hero.wp-block-cover {
	min-height: max(680px, calc(100svh - 78px)) !important;
}

.kiini-hero .wp-block-cover__video-background {
	object-position: 50% 30%;
}

/* Mini vídeos del proceso: fondo arena mientras cargan. */
.kiini-process__media {
	background: var(--wp--preset--color--accent-2);
}

.kiini-process__media video {
	display: block;
}

/* Los tres pasos alineados arriba (WordPress da margen superior a todos menos al primero). */
.kiini-process__steps.wp-block-group > .kiini-process__step {
	margin-block-start: 0;
}

/*
 * A medida: parallax en direcciones opuestas. La foto es más alta que su mitad
 * y el script la desplaza al hacer scroll (la de talleres sube, la de eventos baja).
 */
.kiini-split__half .wp-block-cover__image-background {
	top: -12%;
	height: 124%;
	will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
	.kiini-split__half .wp-block-cover__image-background {
		top: 0;
		height: 100%;
		transform: none !important;
	}
}

/*
 * Hero: velo marrón uniforme (50 %) bajo el degradado del texto, para
 * dar un tono más homogéneo y de atardecer al vídeo.
 */
.kiini-hero .wp-block-cover__background {
	background: linear-gradient(90deg, rgb(38 33 28 / 0.6) 0%, rgb(38 33 28 / 0.32) 42%, rgb(38 33 28 / 0) 72%), rgb(74 50 30 / 0.5) !important;
}

@media (max-width: 781px) {
	.kiini-hero .wp-block-cover__background {
		background: linear-gradient(0deg, rgb(38 33 28 / 0.72) 0%, rgb(38 33 28 / 0.38) 55%, rgb(38 33 28 / 0) 100%), rgb(74 50 30 / 0.5) !important;
	}
}

/*
 * Sobre mí en la home: Ariadna saluda en vídeo una vez y, al terminar, el
 * vídeo se funde con la foto del saludo, que se queda fija.
 */
.kiini-portrait {
	position: relative;
	margin-block: 0;
}

.kiini-portrait video {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: opacity 0.9s ease;
}

.kiini-portrait.is-done video {
	opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
	.kiini-portrait video {
		display: none;
	}
}

/* Sobre mí, capítulos: la figura de vídeo/foto sin márgenes de figure. */
figure.kiini-story__media {
	margin-block: 0;
}

figure.kiini-story__media video,
figure.kiini-story__media img {
	display: block;
}

/*
 * Sobre mí, capítulos: el vídeo entra con un fundido y un leve desplazamiento
 * desde su lado al llegar con el scroll (la clase la pone el script).
 */
.kiini-story__media.kiini-reveal {
	opacity: 0;
	transform: translate3d(-24px, 12px, 0);
	transition: opacity 0.9s ease, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
}

.kiini-story__item--reverse .kiini-story__media.kiini-reveal {
	transform: translate3d(24px, 12px, 0);
}

.kiini-story__media.kiini-reveal.is-visible {
	opacity: 1;
	transform: none;
}