/* mk210-css */

@media (max-width:767px){
/* --- separadores con iconos del Taller --- */
.mk210-sep{display:flex;align-items:center;justify-content:center;gap:10px;height:64px;margin:0 auto;max-width:340px;position:relative;pointer-events:none}
.mk210-sep::before,.mk210-sep::after{content:"";flex:1;height:0;border-top:2px dashed var(--linea,#D9DEF2)}
.mk210-sep i{display:block;width:44px;height:44px;border-radius:50%;background:#fff center/32px no-repeat;box-shadow:0 4px 12px rgba(31,37,71,.12),0 0 0 2px #fff;flex:0 0 44px}
.mk210-sep i:nth-child(2){width:54px;height:54px;flex-basis:54px;background-size:40px}
.mk210-sep .a{background-image:url(https://animacionespanda.es/wp-content/uploads/2026/11/panda-ico-cumpleanos.webp)}
.mk210-sep .b{background-image:url(https://animacionespanda.es/wp-content/uploads/2026/11/panda-ico-pompas.webp)}
.mk210-sep .c{background-image:url(https://animacionespanda.es/wp-content/uploads/2026/11/panda-ico-magia.webp)}
.mk210-sep .d{background-image:url(https://animacionespanda.es/wp-content/uploads/2026/11/panda-ico-personajes.webp)}
.mk210-sep .e{background-image:url(https://animacionespanda.es/wp-content/uploads/2026/11/panda-ico-cuentos.webp)}
.mk210-sep .f{background-image:url(https://animacionespanda.es/wp-content/uploads/2026/11/panda-ico-comunion.webp)}
/* --- packs en carrusel --- */
.mk210-carr{display:flex!important;gap:14px;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 -20px!important;padding:16px 20px 18px!important;scroll-padding:0 20px;align-items:flex-start}
.mk210-carr::-webkit-scrollbar{display:none}
.mk210-carr>.pack{flex:0 0 86%!important;max-width:86%!important;width:86%!important;margin:0!important;scroll-snap-align:center;scroll-snap-stop:always;transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s,opacity .45s}
.mk210-carr>.pack:not(.mk210-act){transform:scale(.955);opacity:.82}
.mk210-carr>.pack.mk210-act{box-shadow:0 14px 34px rgba(31,37,71,.16)}
.mk210-puntos{display:flex;justify-content:center;align-items:center;gap:8px;margin:0 0 4px;height:24px}
.mk210-puntos button{appearance:none;border:0;padding:0;margin:0;width:10px;height:10px;border-radius:999px;background:var(--linea,#C9CFEA);cursor:pointer;transition:width .35s cubic-bezier(.2,.8,.2,1),background .35s;position:relative}
.mk210-puntos button::after{content:"";position:absolute;inset:-10px}
.mk210-puntos button[aria-current="true"]{width:28px;background:var(--azul,#4054B2)}
/* --- tarjetas de «Qué incluye» --- */
.panda-incluye-1843 ul{display:grid!important;gap:10px!important;padding:0!important;list-style:none!important}
.panda-incluye-1843 li{background:#fff;border:1.5px solid var(--linea,#E3E7F5);border-radius:16px;padding:14px 14px 14px 12px!important;box-shadow:0 3px 10px rgba(31,37,71,.05);margin:0!important}
.panda-incluye-1843 .pi-ico{background:var(--mostaza-suave,#FFF3DF);border-radius:12px;transition:transform .5s cubic-bezier(.3,1.6,.5,1),box-shadow .5s}
.mk210-in .pi-ico{box-shadow:0 0 0 4px rgba(255,193,7,.22)}
/* --- dudas: cada pregunta en su tarjeta --- */
.panda-faq-lista>details:not(.mk-pl),html body #page #content #dudas .panda-faq-lista>details:not(.mk-pl){background:#fff;border:1.5px solid var(--linea,#E3E7F5)!important;border-radius:14px;margin:0 0 8px!important;padding:0 14px!important;box-shadow:0 2px 8px rgba(31,37,71,.04);transition:border-color .3s,box-shadow .3s}
.panda-faq-lista>details[open]:not(.mk-pl),html body #page #content #dudas .panda-faq-lista>details[open]:not(.mk-pl){border-color:var(--azul,#4054B2)!important;box-shadow:0 8px 22px rgba(64,84,178,.12)}
.panda-faq-lista details::details-content{transition:content-visibility .35s allow-discrete,opacity .35s;opacity:0}
.panda-faq-lista details[open]::details-content{opacity:1}
/* --- chips que se iluminan --- */
.mk210-brilla{position:relative;overflow:hidden;isolation:isolate}
.mk210-brilla::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:50%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.75),transparent);transform:skewX(-20deg) translateX(0);opacity:0;pointer-events:none;z-index:1}
.mk210-in .mk210-brilla::after,.mk210-brilla.mk210-in::after{animation:mk210-brillo 1.1s .35s ease-out 1 both}
@keyframes mk210-brillo{0%{opacity:1;transform:skewX(-20deg) translateX(0)}100%{opacity:1;transform:skewX(-20deg) translateX(420%)}}
.pu478 .pu-fila .pu-a{transition:color .4s}
/* --- aparición suave (solo si el script está activo; nada se oculta sin él) --- */
html.mk210-js .mk210-rev{opacity:0;transform:translate3d(0,22px,0) scale(.985);transition:opacity .6s ease-out,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--mk210-i,0)*70ms)}
html.mk210-js .mk210-rev.mk210-in{opacity:1;transform:none}
html.mk210-js .mk210-sep.mk210-rev i{transform:scale(.4);transition:transform .6s cubic-bezier(.3,1.7,.5,1)}
html.mk210-js .mk210-sep.mk210-rev i:nth-child(2){transition-delay:.12s}
html.mk210-js .mk210-sep.mk210-rev i:nth-child(3){transition-delay:.24s}
html.mk210-js .mk210-sep.mk210-rev.mk210-in i{transform:none}
html.mk210-js .mk210-sep.mk210-rev{transform:none}
.mk210-sep.mk210-in i:nth-child(2){animation:mk210-flota 3.6s 1s ease-in-out infinite}
@keyframes mk210-flota{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
/* --- barra de WhatsApp de abajo: un brillo cada pocos segundos --- */
.dec853-franja{overflow:hidden}
.dec853-franja::after{content:"";position:absolute;top:0;bottom:0;left:-40%;width:30%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.28),transparent);transform:skewX(-20deg);animation:mk210-barra 7s 2.5s ease-in-out infinite;pointer-events:none}
@keyframes mk210-barra{0%,70%{transform:skewX(-20deg) translateX(0)}100%{transform:skewX(-20deg) translateX(560%)}}
}
@media (max-width:767px) and (prefers-reduced-motion:reduce){
html.mk210-js .mk210-rev,html.mk210-js .mk210-sep.mk210-rev i{opacity:1!important;transform:none!important;transition:none!important}
.mk210-brilla::after,.dec853-franja::after{animation:none!important;display:none!important}
.mk210-sep i{animation:none!important}
.mk210-carr{scroll-behavior:auto}
.mk210-carr>.pack,.mk210-puntos button{transition:none!important}
}

/* mk-normas */
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show{--cmplz_banner_background_color:#fff;--cmplz_text_color:#1f2937;--cmplz_hyperlink_color:#3b2a12;--cmplz_button_accept_background_color:#fd9d08;--cmplz_button_accept_border_color:#fd9d08;--cmplz_button_accept_text_color:#3b2a12;--cmplz_button_deny_background_color:#fd9d08;--cmplz_button_deny_border_color:#fd9d08;--cmplz_button_deny_text_color:#3b2a12;--cmplz_button_settings_background_color:#fd9d08;--cmplz_button_settings_border_color:#fd9d08;--cmplz_button_settings_text_color:#3b2a12;top:auto!important;bottom:0!important;left:0!important;right:0!important;transform:none!important;width:100%!important;max-width:none!important;min-height:0!important;margin:0!important;border:0!important;border-top:3px solid #fd9d08!important;border-radius:0!important;box-shadow:0 -4px 18px rgba(17,24,39,.12)!important;background:#fff!important;color:#1f2937!important;padding:10px max(20px,calc((100% - 1240px)/2))!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;grid-template-areas:"msg btns" "docs btns"!important;column-gap:28px!important;row-gap:2px!important;align-items:center!important;max-height:80vh;overflow:auto;font-family:inherit!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-header,html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-divider,html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-links.cmplz-information{display:none!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-body{grid-area:msg!important;margin:0!important;padding:0!important;min-width:0!important;max-height:none!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-message{width:100%!important;margin:0!important;font-family:inherit!important;font-size:13.5px!important;line-height:1.45!important;color:#374151!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-message *{font-size:inherit!important;line-height:inherit!important;color:inherit!important;margin:0!important;display:inline}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-documents{grid-area:docs!important;justify-content:flex-start!important;margin:0!important;padding:0!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-documents ul{display:flex!important;flex-wrap:wrap;gap:4px 16px!important;margin:0!important;padding:0!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-documents li{margin:0!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-documents a{font-family:inherit!important;font-size:12px!important;color:#3b2a12!important;text-decoration:underline!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-buttons{grid-area:btns!important;display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:8px!important;margin:0!important;padding:0!important;width:auto!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-buttons .cmplz-btn.cmplz-btn{width:auto!important;min-width:136px!important;max-width:none!important;min-height:40px!important;height:auto!important;padding:8px 18px!important;margin:0!important;border-radius:999px!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1.2!important;white-space:nowrap!important;background:#fd9d08!important;border:1px solid #fd9d08!important;color:#3b2a12!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-buttons .cmplz-btn.cmplz-btn:hover{filter:brightness(.92)}
.cmplz-soft-cookiewall{display:none!important}
@media (max-width:768px){
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show{grid-template-columns:1fr!important;grid-template-rows:auto!important;grid-template-areas:"msg" "btns" "docs"!important;row-gap:8px!important;padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-message{font-size:13px!important;-webkit-line-clamp:3}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-buttons .cmplz-btn.cmplz-btn{flex:1 1 0!important;min-width:0!important;min-height:38px!important;padding:8px 6px!important;font-size:13px!important;white-space:normal!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-documents ul{justify-content:center}
#cmplz-manage-consent .cmplz-manage-consent{bottom:64px!important}}
@media (min-width:1025px){#cmplz-manage-consent .cmplz-manage-consent{left:16px!important;right:auto!important}}
/* Barra de cookies mínima (encargo de Rubén 18/10, chat Servidor Plesk). Va AL FINAL del CSS de «MK normas web». Igual para todas las webs.
   Respeta la guía de la AEPD: Aceptar y Rechazar iguales y del mismo peso, enlace a configurar y a la política, sin casillas marcadas. */
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show{padding:6px max(16px,calc((100% - 1240px)/2))!important;column-gap:20px!important;row-gap:0!important;border-top-width:2px!important;box-shadow:0 -2px 10px rgba(17,24,39,.10)!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-message{font-size:13px!important;line-height:1.4!important;-webkit-line-clamp:2}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-documents,html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-documents ul,html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-documents li{line-height:1.3!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-documents ul{gap:0 12px!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-documents a{font-size:11.5px!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-buttons{gap:6px!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-buttons .cmplz-btn.cmplz-btn{min-width:0!important;min-height:32px!important;padding:5px 14px!important;font-size:13px!important;border-radius:6px!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-buttons .cmplz-btn.cmplz-view-preferences,html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-buttons .cmplz-btn.cmplz-manage-options{background:transparent!important;color:var(--cmplz_button_settings_border_color,#1e73be)!important}
/* v2 (18/10, «directo y cortísimo»): texto + enlace a la Política de cookies + botones, en una fila en ordenador. */
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show{grid-template-columns:minmax(0,max-content) auto 1fr!important;grid-template-rows:auto!important;grid-template-areas:"msg docs btns"!important;align-items:center!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-buttons{justify-self:end}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-documents li:not(:has(a.cookie-statement)){display:none!important}
@media (max-width:768px){
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show{row-gap:5px!important;padding:7px 10px calc(5px + env(safe-area-inset-bottom))!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-message{font-size:12.5px!important;line-height:1.35!important;-webkit-line-clamp:3}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-buttons .cmplz-btn.cmplz-btn{min-height:32px!important;padding:4px!important;font-size:12.5px!important;line-height:1.15!important;white-space:normal!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-documents li:has(a[href*="aviso-legal"]){display:none!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-documents a{font-size:11px!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"msg docs" "btns btns"!important;column-gap:10px!important;row-gap:6px!important}
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-buttons{justify-self:stretch}
#cmplz-manage-consent .cmplz-manage-consent{bottom:48px!important}}
/* Párrafo de IA del banner (20/10, chat Servidor Plesk; sí del Cuadro): sin recorte de líneas cuando el mensaje lleva el aviso de IA, para que se vea entero. */
html body #cmplz-cookiebanner-container .cmplz-cookiebanner.cmplz-show.cmplz-show .cmplz-message:has(.mk-ia){display:block!important;-webkit-line-clamp:unset!important;overflow:visible!important}