.elementor-kit-5{--e-global-color-primary:#0070F3;--e-global-color-secondary:#00C4B8;--e-global-color-text:#1E293B;--e-global-color-accent:#22C55E;--e-global-typography-primary-font-family:"Nunito Sans";--e-global-typography-primary-font-size:15px;--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Fredoka One";--e-global-typography-secondary-font-size:46px;--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Fredoka One";--e-global-typography-text-font-size:34px;--e-global-typography-accent-font-family:"Fredoka One";--e-global-typography-accent-font-size:22px;--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* === CORUJINHA KIDS — CSS GLOBAL === */
/* Cole em: Elementor → Configurações de Site → CSS Personalizado */
/* OU: WordPress → Aparência → Customizar → CSS Adicional */

@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&family=Nunito:wght@400;600;700;800&display=swap');

:root {
  --ck-blue: #0070F3;
  --ck-navy: #003B82;
  --ck-deep: #001C5C;
  --ck-teal: #00C4B8;
  --ck-green: #22C55E;
  --ck-green-dk: #15803D;
  --ck-amber: #FBBF24;
  --ck-orange: #F97316;
  --ck-pale: #F0F7FF;
  --ck-pale2: #E0EDFF;
  --ck-text: #1E293B;
  --ck-soft: #475569;
  --ck-gray: #64748B;
}

/* Animações — usadas nos widgets HTML */
@keyframes grad {
  0%,100% { background-position: 0% 50% }
  50%      { background-position: 100% 50% }
}
@keyframes ticker {
  0%   { transform: translateX(0) }
  100% { transform: translateX(-50%) }
}
@keyframes pulseGlow {
  0%,100% { box-shadow: 0 8px 28px rgba(34,197,94,.5) }
  50%     { box-shadow: 0 14px 44px rgba(34,197,94,.8) }
}
@keyframes shimmer {
  0%   { background-position: -200% center }
  100% { background-position: 200% center }
}
@keyframes floatY {
  0%,100% { transform: translateY(0) }
  50%     { transform: translateY(-9px) }
}
@keyframes floatS {
  0%,100% { transform: translateY(0) rotate(-2deg) }
  50%     { transform: translateY(-7px) rotate(2deg) }
}
@keyframes morphBg {
  0%,100% { border-radius: 60% 40% 55% 45%/50% 60% 40% 50% }
  50%     { border-radius: 40% 60% 45% 55%/60% 40% 55% 45% }
}
@keyframes fadeUp {
  from { opacity:0; transform:translateY(24px) }
  to   { opacity:1; transform:translateY(0) }
}/* End custom CSS */