/* ==========================================================================
   La Despensa de Palacio · Capa de diseño (octubre 2026)
   Se carga DESPUÉS del CSS del tema y solo afina: no cambia colores de marca,
   tipografías ni logotipo. Para volver al diseño anterior basta con
   desactivar el plugin «La Despensa · Diseño» (o añadir ?original=1 a la URL).
   ========================================================================== */

:root {
	--lddp-azul: #000f9f;
	--lddp-azul-osc: #000a73;
	--lddp-amarillo: #ffed00;
	--lddp-crema: #faf8ef;
	--lddp-texto: #1d1d1f;
	--lddp-suave: #6b6b73;
	--lddp-linea: rgba(0, 15, 159, .12);
	--lddp-radio: 8px;
	--lddp-radio-btn: 6px;
	--lddp-sombra: 0 10px 30px -12px rgba(0, 15, 159, .25);
	--lddp-trans: .25s cubic-bezier(.2, .7, .2, 1);
}

/* ---------- Base y lectura ---------- */
html { scroll-behavior: smooth; }
body {
	color: var(--lddp-texto);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
}
main p, footer p { line-height: 1.65; }
main p { font-weight: 400; }
::selection { background: var(--lddp-amarillo); color: #000; }

a, button, .button, input, select, textarea, img {
	transition: color var(--lddp-trans), background-color var(--lddp-trans),
		border-color var(--lddp-trans), box-shadow var(--lddp-trans),
		transform var(--lddp-trans), opacity var(--lddp-trans);
}

:focus-visible {
	outline: 2px solid var(--lddp-azul);
	outline-offset: 3px;
}

/* ---------- Cabecera ---------- */
header {
	box-shadow: 0 1px 0 rgba(0, 0, 0, .04);
}
.header-menu a,
.menu-top a {
	position: relative;
}
.header-menu a::after,
.menu-top a::after {
	content: "";
	position: absolute;
	left: 0; right: 0; bottom: -4px;
	height: 1.5px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: center;
	transition: transform var(--lddp-trans);
}
.header-menu a:hover::after,
.menu-top a:hover::after,
.header-menu .current-menu-item > a::after {
	transform: scaleX(1);
}
.header-cart-bubble { font-weight: 600; }

/* ---------- Botones ---------- */
.primary-btn,
.secondary-btn,
.blue-btn,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce .single_add_to_cart_button,
.woocommerce #respond input#submit,
.wpcf7 input[type="submit"],
.checkout-button,
#place_order {
	border-radius: var(--lddp-radio-btn) !important;
	font-weight: 600 !important;
	letter-spacing: .01em;
}
.primary-btn:hover,
.secondary-btn:hover,
.blue-btn:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce .single_add_to_cart_button:hover,
.wpcf7 input[type="submit"]:hover,
.checkout-button:hover,
#place_order:hover {
	background-color: var(--lddp-azul-osc) !important;
	box-shadow: var(--lddp-sombra);
	transform: translateY(-1px);
}
/* Botones vacíos (sin texto) no se muestran como un bloque azul */
.secondary-btn:empty,
.primary-btn:empty { display: none !important; }

/* ---------- Tarjetas de producto ---------- */
/* Tarjeta crema con esquinas suaves; la foto (fondo blanco) se funde con
   la tarjeta gracias a mix-blend-mode, al estilo de las fichas de Venchi */
/* El fondo va en un ::before para respetar el hueco entre columnas del tema
   (en la rejilla de tienda el tema separa las tarjetas con 15px de padding) */
ul.products li.product {
	--lddp-gut: 0px;
	position: relative;
	isolation: isolate;
	text-align: center;
	padding: 18px 18px 22px !important;
	transition: transform var(--lddp-trans);
}
.products-grid ul.products li.product {
	--lddp-gut: 15px;
	padding: 18px 33px 22px !important;
}
ul.products li.product::before {
	content: "";
	position: absolute;
	top: 0; bottom: 0;
	left: var(--lddp-gut); right: var(--lddp-gut);
	background: var(--lddp-crema);
	border-radius: 12px;
	z-index: -1;
	transition: box-shadow var(--lddp-trans);
}
ul.products li.product .woocommerce-LoopProduct-link {
	display: block;
}
ul.products li.product img {
	border-radius: 6px;
	background: transparent !important;
	mix-blend-mode: multiply;
}
@media (hover: hover) {
	ul.products li.product:hover { transform: translateY(-2px); }
	ul.products li.product:hover::before { box-shadow: 0 18px 40px -22px rgba(0, 15, 159, .35); }
}
@media (hover: hover) {
	ul.products li.product .woocommerce-LoopProduct-link:hover img {
		transform: scale(1.03);
	}
	ul.products li.product .woocommerce-LoopProduct-link:hover .woocommerce-loop-product__title {
		color: var(--lddp-azul);
	}
}
ul.products li.product .product-list-cats,
ul.products li.product .product-list-cat {
	font-size: 11px !important;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--lddp-suave) !important;
}
ul.products li.product .woocommerce-loop-product__title {
	font-family: "Lora", serif !important;
	font-size: 17px !important;
	font-weight: 400 !important;
	line-height: 1.3 !important;
}
ul.products li.product .price {
	font-weight: 600 !important;
	color: var(--lddp-azul) !important;
	font-size: 16px !important;
}
ul.products li.product .product-list-cats {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0 6px;
}
ul.products li.product a.button {
	width: 100%;
	max-width: 240px;
	text-align: center;
}
@media (max-width: 768px) {
	.products-grid ul.products li.product {
		--lddp-gut: 5px;
		padding: 12px 13px 16px !important;
	}
	ul.products li.product .woocommerce-loop-product__title { font-size: 15px !important; }
	ul.products li.product a.button { padding: 11px 8px !important; font-size: 13px !important; }
	ul.products li.product .product-list-cats,
	ul.products li.product .product-list-cat { font-size: 10px !important; }
}

/* ---------- Títulos de sección ---------- */
.products-related h2 span,
.cats-carrousel-header h3,
.posts-carrousel-header h3 {
	font-size: clamp(22px, 2.2vw, 30px) !important;
	letter-spacing: .01em;
}

/* ---------- Especialidades (categorías) ---------- */
.cat-item {
	border-radius: var(--lddp-radio);
	overflow: hidden;
}
.cat-item img { transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
@media (hover: hover) {
	.cats-carrousel a:hover .cat-item img { transform: scale(1.05); }
	.cats-carrousel a:hover .cat-item { box-shadow: var(--lddp-sombra); }
}
.cat-item span {
	text-underline-offset: 4px;
}
.cats-carrousel a:hover .cat-item span { text-decoration: underline; }

/* ---------- Banners (producto destacado / ¡Te esperamos!) ---------- */
.banner-wrapper {
	border-radius: 12px;
	overflow: hidden;
}
.banner .content h3 {
	font-size: clamp(26px, 2.6vw, 36px) !important;
}

/* ---------- Blog ---------- */
.post-item .image {
	border-radius: var(--lddp-radio);
	overflow: hidden;
}
.post-item .image img { transition: transform .6s cubic-bezier(.2, .7, .2, 1); }
@media (hover: hover) {
	.post-item:hover .image img { transform: scale(1.04); }
}
.post-item .content h3 {
	text-transform: none !important;
	font-size: 20px !important;
	line-height: 1.3 !important;
}
.post-item .content > span {
	font-size: 11px;
	letter-spacing: .08em;
	text-transform: uppercase;
}

/* Carruseles de entradas: tarjetas a la misma altura y «Leer más» siempre
   alineado abajo, aunque los títulos o resúmenes tengan distinto largo. */
.owl-posts-carrousel .owl-stage { display: flex; }
.owl-posts-carrousel .owl-item { display: flex; flex-shrink: 0; }
.owl-posts-carrousel .owl-item > .item,
.owl-posts-carrousel .post-item,
.owl-posts-carrousel .post-item-wrapper {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	width: 100%;
}
.owl-posts-carrousel .post-item-wrapper > .content {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
.owl-posts-carrousel .post-item-wrapper > .content > .link {
	margin-top: auto;
	padding-top: 24px;
}

/* ---------- Categoría de tienda ---------- */
.wc-category-header,
.wc-category-header .image img {
	border-radius: 12px;
}
.wc-category-header-wrapper {
	border-radius: var(--lddp-radio);
}
.order-filter .filter-option,
.order-option select,
.woocommerce-ordering select {
	border-radius: var(--lddp-radio-btn);
}

/* ---------- Ficha de producto ---------- */
.single-product .woocommerce-product-gallery img,
.single-product .product .images img {
	border-radius: var(--lddp-radio);
}
.single-product .product_title {
	font-size: clamp(28px, 2.6vw, 38px) !important;
	line-height: 1.15 !important;
}
.single-product .summary .price {
	color: var(--lddp-azul) !important;
	font-weight: 600 !important;
}
.single-product .quantity input.qty {
	border-radius: var(--lddp-radio-btn);
}

/* ---------- Formularios ---------- */
input[type="text"], input[type="email"], input[type="tel"], input[type="password"],
input[type="number"], input[type="search"], select, textarea {
	border-radius: var(--lddp-radio-btn);
}
input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus,
input[type="password"]:focus, input[type="number"]:focus, input[type="search"]:focus,
select:focus, textarea:focus {
	border-color: var(--lddp-azul) !important;
	box-shadow: 0 0 0 3px rgba(0, 15, 159, .12);
	outline: none;
}

/* ---------- Carrito y pago ---------- */
.cart_totals,
.order-review {
	background: var(--lddp-crema);
	border-radius: 12px;
	padding: 24px !important;
}
.order-review {
	align-self: flex-start;
	height: auto !important;
}
#payment .wc_payment_method label,
#payment .payment_box,
#payment li.wc_payment_method {
	border-radius: var(--lddp-radio);
}
.woocommerce-cart-form img,
.order-review img {
	border-radius: 6px;
}

/* ---------- Defectos visuales corregidos ---------- */
/* Formulario de pago: los campos quedaban descolocados (Población, Correo)
   porque el tema los coloca con float. Se ordenan en una rejilla de 2 columnas. */
.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper,
.woocommerce-address-fields__field-wrapper {
	display: grid !important;
	grid-template-columns: 1fr 1fr;
	column-gap: 24px;
}
.woocommerce-billing-fields__field-wrapper::before,
.woocommerce-billing-fields__field-wrapper::after,
.woocommerce-shipping-fields__field-wrapper::before,
.woocommerce-shipping-fields__field-wrapper::after,
.woocommerce-address-fields__field-wrapper::before,
.woocommerce-address-fields__field-wrapper::after {
	display: none !important;
}
.woocommerce-billing-fields__field-wrapper > .form-row,
.woocommerce-shipping-fields__field-wrapper > .form-row,
.woocommerce-address-fields__field-wrapper > .form-row {
	float: none !important;
	width: auto !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.woocommerce-billing-fields__field-wrapper > .form-row-wide,
.woocommerce-shipping-fields__field-wrapper > .form-row-wide,
.woocommerce-address-fields__field-wrapper > .form-row-wide {
	grid-column: 1 / -1;
}
@media (max-width: 768px) {
	.woocommerce-billing-fields__field-wrapper,
	.woocommerce-shipping-fields__field-wrapper,
	.woocommerce-address-fields__field-wrapper {
		grid-template-columns: 1fr;
	}
}
/* Contact Form 7 (6.x) añade un <fieldset> que el tema muestra con borde */
.wpcf7 fieldset.hidden-fields-container {
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	min-width: 0;
}
/* Textos largos (correo de redes) no se salen de su columna */
footer a, footer p { overflow-wrap: anywhere; }

/* ---------- Pie ---------- */
.newsletter-block h4 { letter-spacing: .01em; }
footer a:hover { color: var(--lddp-azul); }

/* ---------- Movimiento reducido ---------- */
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	*, *::before, *::after { transition: none !important; animation: none !important; }
}

/* ---------- Portada: cabecera principal ----------
   Solo se aplica cuando la diapositiva NO tiene imagen (lo detecta
   lddp-diseno.js y añade .lddp-hero-on). Si se pone una imagen en la
   diapositiva desde el administrador, la portada vuelve a su diseño normal. */
.full-slider .lddp-vacio { display: none !important; }
.full-slider.lddp-una .dots { display: none !important; }

.lddp-hero-on .full-slider-wrapper { overflow: hidden; }
.lddp-hero-activo .full-slider-item-wrapper {
	display: grid !important;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
	align-items: center;
	gap: clamp(32px, 5vw, 72px);
	padding: 48px 0 !important;
	min-height: 0;
	height: auto !important;
}
.lddp-hero-on .full-slider-item,
.lddp-hero-on .full-slider .item { height: auto !important; }
.lddp-hero-activo .full-slider-item-wrapper > .content {
	background: transparent !important;
	padding: 0 !important;
	width: auto !important;
	max-width: 500px;
	height: auto !important;
	margin: 0 !important;
}
.lddp-hero-activo .content h1 {
	font-size: clamp(34px, 3.4vw, 52px) !important;
	line-height: 1.08 !important;
	letter-spacing: -.01em;
	margin: 0 0 22px !important;
	width: auto !important;
}
.lddp-hero-activo .content h1::after {
	content: "";
	display: block;
	width: 56px;
	height: 3px;
	margin-top: 22px;
	background: var(--lddp-amarillo);
	border-radius: 2px;
}
.lddp-hero-activo .content .content-wrapper,
.lddp-hero-activo .content p {
	font-size: 15px !important;
	line-height: 1.7 !important;
	max-width: 46ch;
	width: auto !important;
}

.lddp-hero {
	position: relative;
	height: clamp(340px, 30vw, 440px);
}
.lddp-hero-fondo {
	position: absolute;
	inset: 0;
	border-radius: 20px;
	background: var(--lddp-amarillo) url("/wp-content/themes/ladespensadepalacio/images/components/back-cat-carrousel.jpg") center / 520px auto repeat;
	animation: lddp-azulejo 60s linear infinite;
}
@keyframes lddp-azulejo {
	from { background-position: 0 0; }
	to { background-position: 520px 520px; }
}
.lddp-hero-foto {
	--px: 0px; --py: 0px; --r: 0deg;
	position: absolute;
	margin: 0;
	width: 38%;
	aspect-ratio: 1;
	padding: 10px;
	background: var(--lddp-crema);
	border-radius: 16px;
	box-shadow: 0 24px 50px -24px rgba(0, 15, 159, .45), 0 2px 6px rgba(0, 0, 0, .06);
	transform: translate(var(--px), var(--py)) rotate(var(--r));
	transition: transform .6s cubic-bezier(.2, .7, .2, 1);
	animation: lddp-flota 7s ease-in-out infinite;
}
.lddp-hero-foto img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply;
	border-radius: 10px;
}
.lddp-f1 { --r: -6deg; top: 7%;  left: 5%;  animation-delay: 0s; }
.lddp-f2 { --r: 5deg;  top: 4%;  right: 7%; width: 34%; animation-delay: -2s; }
.lddp-f3 { --r: 3deg;  bottom: 5%; left: 22%; width: 36%; animation-delay: -4s; z-index: 2; }
.lddp-f4 { --r: -4deg; bottom: 9%; right: 3%; width: 30%; animation-delay: -5.5s; }
@keyframes lddp-flota {
	0%, 100% { translate: 0 0; }
	50% { translate: 0 -12px; }
}

/* Entrada al cargar la página */
/* El texto se ve desde el primer momento; solo las fotos entran animadas */
.lddp-hero-on .lddp-hero-foto { opacity: 0; }
.lddp-hero-on.lddp-entrada .lddp-hero-foto {
	animation: lddp-entra .9s cubic-bezier(.2, .8, .2, 1.1) forwards, lddp-flota 7s ease-in-out infinite;
}
.lddp-hero-on.lddp-entrada .lddp-f1 { animation-delay: 0s, 1s; }
.lddp-hero-on.lddp-entrada .lddp-f2 { animation-delay: .12s, -1s; }
.lddp-hero-on.lddp-entrada .lddp-f3 { animation-delay: .24s, -3s; }
.lddp-hero-on.lddp-entrada .lddp-f4 { animation-delay: .36s, -4.5s; }
@keyframes lddp-sube { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
@keyframes lddp-aparece { from { opacity: 0; } to { opacity: 1; } }
@keyframes lddp-entra {
	from { opacity: 0; scale: .85; }
	to { opacity: 1; scale: 1; }
}

@media (max-width: 991px) {
	.lddp-hero-activo .full-slider-item-wrapper {
		grid-template-columns: 1fr;
		gap: 28px;
		padding: 16px 16px 36px !important;
	}
	.lddp-hero { order: -1; height: clamp(260px, 70vw, 380px); }
	.lddp-hero-activo .full-slider-item-wrapper > .content { max-width: none; }
	.lddp-hero-activo .content h1 { font-size: clamp(30px, 8vw, 40px) !important; }
	.lddp-hero-foto { padding: 6px; border-radius: 12px; }
}
@media (prefers-reduced-motion: reduce) {
	.lddp-hero-on .lddp-hero-foto,
	.lddp-hero-fondo { opacity: 1 !important; animation: none !important; }
}

/* ---------- Banner de cookies (Complianz) ----------
   Barra apaisada a todo el ancho, al estilo Venchi, con el logo y los colores
   de la casa. Va aquí (y no en el CSS personalizado de Complianz) para que se
   aplique siempre igual sea cual sea la posición elegida en Complianz. */
body .cmplz-cookiebanner.cmplz-cookiebanner {
	position: fixed !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
	top: auto !important;
	transform: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	display: flex !important;
	flex-direction: column;
	gap: 10px;
	padding: 20px max(24px, calc((100vw - 1080px) / 2)) 16px !important;
	background: var(--lddp-crema) !important;
	border: 0 !important;
	border-top: 4px solid var(--lddp-amarillo) !important;
	border-radius: 0 !important;
	box-shadow: 0 -16px 40px -24px rgba(0, 15, 159, .45) !important;
	font-family: "Montserrat", sans-serif !important;
	color: var(--lddp-texto);
}
body .cmplz-cookiebanner {
	--cmplz_slider_active_color: #000f9f;
	--cmplz_slider_inactive_color: #cfcab6;
	--cmplz_slider_bullet_color: #ffffff;
	--cmplz_category_header_always_active_color: #000f9f;
	--cmplz_hyperlink_color: #000f9f;
}
.cmplz-cookiebanner .cmplz-categories { width: 100% !important; max-width: none !important; }
body .cmplz-cookiebanner.cmplz-hidden,
body .cmplz-cookiebanner.cmplz-dismissed { display: none !important; }
.cmplz-cookiebanner .cmplz-divider { display: none !important; }
.cmplz-cookiebanner .cmplz-header {
	display: flex !important;
	align-items: center;
	gap: 14px;
	width: 100%;
}
.cmplz-cookiebanner .cmplz-logo {
	display: block !important;
	flex: 0 0 34px;
	width: 34px;
	height: 44px;
	background: url("/wp-content/uploads/2023/04/logo-lddp-small.svg") center / contain no-repeat;
}
.cmplz-cookiebanner .cmplz-logo > * { display: none !important; }
.cmplz-cookiebanner .cmplz-title {
	flex: 1;
	font-family: "Lora", serif !important;
	font-size: 23px !important;
	font-weight: 400 !important;
	color: var(--lddp-texto) !important;
	text-align: left !important;
	margin: 0 !important;
}
.cmplz-cookiebanner .cmplz-title { display: block !important; }
.cmplz-cookiebanner .cmplz-close { margin-left: auto !important; color: var(--lddp-suave) !important; }
.cmplz-cookiebanner .cmplz-documents ul,
.cmplz-cookiebanner .cmplz-links ul { display: flex !important; flex-wrap: wrap; gap: 4px 14px; }
.cmplz-cookiebanner .cmplz-documents li,
.cmplz-cookiebanner .cmplz-links li { width: auto !important; flex: 0 0 auto !important; margin: 0 !important; }
.cmplz-cookiebanner .cmplz-close:hover { color: var(--lddp-azul) !important; }
.cmplz-cookiebanner .cmplz-body { width: 100%; }
.cmplz-cookiebanner .cmplz-message,
.cmplz-cookiebanner .cmplz-message p {
	width: 100% !important;
	font-size: 14px !important;
	line-height: 1.6 !important;
	color: #3a3a40 !important;
	text-align: left !important;
	max-width: none !important;
}
.cmplz-cookiebanner .cmplz-links,
.cmplz-cookiebanner .cmplz-documents { justify-content: flex-start !important; width: 100%; }
.cmplz-cookiebanner .cmplz-links.cmplz-information { justify-content: flex-end !important; }
.cmplz-cookiebanner .cmplz-links ul { padding: 0 !important; margin: 0 !important; }
.cmplz-cookiebanner .cmplz-link,
.cmplz-cookiebanner a { color: var(--lddp-azul) !important; font-size: 13px !important; }
.cmplz-cookiebanner .cmplz-buttons {
	display: grid !important;
	grid-template-columns: repeat(3, 1fr);
	gap: 16px;
	width: 100%;
	margin-top: 4px;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn {
	width: 100% !important;
	height: 46px !important;
	margin: 0 !important;
	border-radius: var(--lddp-radio-btn) !important;
	font-family: "Montserrat", sans-serif !important;
	font-size: 15px !important;
	font-weight: 600 !important;
	transition: background-color var(--lddp-trans), color var(--lddp-trans), border-color var(--lddp-trans);
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-deny { order: 1; }
.cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences { order: 2; }
.cmplz-cookiebanner .cmplz-buttons .cmplz-accept { order: 3; }
.cmplz-cookiebanner .cmplz-buttons .cmplz-deny,
.cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences,
.cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences {
	background: #fff !important;
	border: 1px solid var(--lddp-azul) !important;
	color: var(--lddp-azul) !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-deny:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-view-preferences:hover,
.cmplz-cookiebanner .cmplz-buttons .cmplz-save-preferences:hover {
	background: var(--lddp-amarillo) !important;
	border-color: var(--lddp-amarillo) !important;
	color: #000 !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-accept {
	background: var(--lddp-azul) !important;
	border: 1px solid var(--lddp-azul) !important;
	color: #fff !important;
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-accept:hover {
	background: var(--lddp-azul-osc) !important;
	border-color: var(--lddp-azul-osc) !important;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category {
	background: #fff !important;
	border-radius: 8px !important;
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category-title { color: var(--lddp-texto) !important; font-weight: 600 !important; }
.cmplz-cookiebanner .cmplz-always-active { color: var(--lddp-azul) !important; }
#cmplz-manage-consent .cmplz-manage-consent {
	background: var(--lddp-azul) !important;
	color: #fff !important;
	font-family: "Montserrat", sans-serif !important;
	font-weight: 600 !important;
	border-radius: 8px 8px 0 0 !important;
}
#cmplz-manage-consent .cmplz-manage-consent:hover { background: var(--lddp-amarillo) !important; color: #000 !important; }
@media (max-width: 768px) {
	body .cmplz-cookiebanner.cmplz-cookiebanner { padding: 18px 18px 16px !important; gap: 10px; max-height: 85vh; overflow-y: auto; }
	.cmplz-cookiebanner .cmplz-title { font-size: 20px !important; }
	.cmplz-cookiebanner .cmplz-logo { flex-basis: 28px; width: 28px; height: 39px; }
	.cmplz-cookiebanner .cmplz-message, .cmplz-cookiebanner .cmplz-message p { font-size: 13px !important; }
	.cmplz-cookiebanner .cmplz-buttons { grid-template-columns: 1fr; gap: 8px; }
	.cmplz-cookiebanner .cmplz-buttons .cmplz-accept { order: 0; }
	.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { height: 46px !important; }
	.cmplz-cookiebanner .cmplz-links.cmplz-information { justify-content: flex-start !important; }
}