.elementor-19 .elementor-element.elementor-element-5d46e6d{--display:grid;--min-height:366px;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-19 .elementor-element.elementor-element-5d46e6d:not(.elementor-motion-effects-element-type-background), .elementor-19 .elementor-element.elementor-element-5d46e6d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nenicreator.com/wp-content/uploads/2026/03/tt.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-19 .elementor-element.elementor-element-ed041f4{--display:grid;--e-con-grid-template-columns:repeat(1, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-19 .elementor-element.elementor-element-cf43a5a{margin:195px 0px calc(var(--kit-widget-spacing, 0px) + 75px) 0px;text-align:center;}.elementor-19 .elementor-element.elementor-element-cf43a5a.elementor-element{--align-self:center;}.elementor-19 .elementor-element.elementor-element-cf43a5a .elementor-heading-title{font-family:"Zen Old Mincho", Sans-serif;font-size:54px;font-weight:700;line-height:46px;letter-spacing:-2.3px;color:#7A000E;}.elementor-widget-login .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-login .elementor-field-group > a{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group > a:hover{color:var( --e-global-color-accent );}.elementor-widget-login .elementor-form-fields-wrapper label{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-login .elementor-field-group .elementor-field, .elementor-widget-login .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-login .elementor-login__logged-in-message{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-19 .elementor-element.elementor-element-7fd014c .elementor-button{background-color:#FF97BB;font-family:"Poppins", Sans-serif;font-weight:500;border-style:none;border-radius:30px 30px 30px 30px;padding:0px 50px 0px 50px;}.elementor-19 .elementor-element.elementor-element-7fd014c .elementor-button:hover{background-color:#FF5892;}.elementor-19 .elementor-element.elementor-element-7fd014c{width:initial;max-width:initial;margin:-93px 30px calc(var(--kit-widget-spacing, 0px) + 0200px) 30px;}.elementor-19 .elementor-element.elementor-element-7fd014c .elementor-field-group{margin-bottom:9px;}.elementor-19 .elementor-element.elementor-element-7fd014c .elementor-form-fields-wrapper{margin-bottom:-9px;}.elementor-19 .elementor-element.elementor-element-7fd014c .elementor-field-group > a{color:#E54579;}body .elementor-19 .elementor-element.elementor-element-7fd014c .elementor-field-group > label{padding-bottom:14px;}.elementor-19 .elementor-element.elementor-element-7fd014c .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-color:#FF96BB;border-width:2px 2px 2px 2px;border-radius:45px 45px 45px 45px;}.elementor-19 .elementor-element.elementor-element-7fd014c .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-color:#FF96BB;border-width:2px 2px 2px 2px;border-radius:45px 45px 45px 45px;}.elementor-19 .elementor-element.elementor-element-7fd014c .elementor-field-group .elementor-select-wrapper::before{color:#FF96BB;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-19 .elementor-element.elementor-element-5d46e6d{--grid-auto-flow:row;}.elementor-19 .elementor-element.elementor-element-ed041f4{--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(min-width:768px){.elementor-19 .elementor-element.elementor-element-5d46e6d{--width:100%;}}@media(max-width:767px){.elementor-19 .elementor-element.elementor-element-5d46e6d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-19 .elementor-element.elementor-element-ed041f4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for login, class: .elementor-element-7fd014c *//* --- EFECTO SOFT GIRLY NENICREATOR --- */

.elementor-19 .elementor-element.elementor-element-7fd014c .elementor-button {
    background-color: #e06887 !important; /* Tu Rosa Base */
    color: #ffffff !important;
    border-radius: 40px !important;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    box-shadow: 0 5px 15px rgba(224, 104, 135, 0.2);
    border: 2px solid transparent !important;
    overflow: hidden;
    position: relative;
}

/* --- ANIMACIÓN AL PASAR EL MOUSE (HOVER) --- */

.elementor-19 .elementor-element.elementor-element-7fd014c .elementor-button:hover {
    transform: scale(1.08) !important; /* Crece suavemente */
    background-color: #ff85a2 !important; /* Cambia a un rosa pastel iluminado */
    border-radius: 60px !important;      /* Se vuelve más redondito y suave */
    letter-spacing: 2px !important;      /* El texto se separa con elegancia */
    box-shadow: 0 10px 25px rgba(255, 133, 162, 0.4) !important; /* Brillo suave rosa */
}

/* --- EFECTO DE DESTELLO MÁGICO (SHIMMER) --- */

.elementor-19 .elementor-element.elementor-element-7fd014c .elementor-button::before {
    content: '';
    position: absolute;
    top: 0;
    left: -150%;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.5), transparent);
    transition: all 0.7s;
}

.elementor-19 .elementor-element.elementor-element-7fd014c .elementor-button:hover::before {
    left: 150%; /* Un destello de seda cruza el botón */
}

/* --- REACCIÓN AL CLIC --- */

.elementor-19 .elementor-element.elementor-element-7fd014c .elementor-button:active {
    transform: scale(0.95) !important;
    filter: brightness(0.9);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d46e6d */@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@700;900&display=swap');

.banner {
  position: relative;
  width: 100%;
  min-height: 340px;
  background: linear-gradient(135deg, #fff0f5 0%, #ffd6e7 50%, #ffb3d1 100%);
  border-radius: 20px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Nunito', sans-serif;
}

.sparkle {
  position: absolute;
  width: 10px;
  height: 10px;
  pointer-events: none;
}
.sparkle::before, .sparkle::after {
  content: '';
  position: absolute;
  background: #f9a8d4;
  border-radius: 1px;
}
.sparkle::before { width: 2px; height: 10px; top: 0; left: 4px; }
.sparkle::after  { width: 10px; height: 2px; top: 4px; left: 0; }

@keyframes sparkle-float {
  0%   { transform: translateY(0) rotate(0deg) scale(1); opacity: 0; }
  20%  { opacity: 1; }
  50%  { transform: translateY(-22px) rotate(180deg) scale(1.3); opacity: 1; }
  80%  { opacity: 0.6; }
  100% { transform: translateY(-40px) rotate(360deg) scale(0.5); opacity: 0; }
}
.sparkle { animation: sparkle-float 3s ease-in-out infinite; }
.s1  { top: 15%; left: 8%;  animation-delay: 0s; }
.s2  { top: 72%; left: 14%; animation-delay: 0.5s; }
.s3  { top: 30%; left: 82%; animation-delay: 1s; }
.s4  { top: 80%; left: 78%; animation-delay: 1.5s; }
.s5  { top: 50%; left: 50%; animation-delay: 0.8s; }
.s6  { top: 10%; left: 55%; animation-delay: 2s; }
.s7  { top: 60%; left: 35%; animation-delay: 1.2s; }
.s8  { top: 20%; left: 40%; animation-delay: 2.5s; }

.petal {
  position: absolute;
  width: 14px;
  height: 18px;
  border-radius: 50% 50% 50% 0 / 60% 60% 40% 40%;
  background: radial-gradient(circle at 40% 40%, #fce7f3, #f472b6);
  opacity: 0;
  pointer-events: none;
}
@keyframes petal-fall {
  0%   { transform: translateY(-30px) rotate(-20deg); opacity: 0; }
  10%  { opacity: 0.85; }
  100% { transform: translateY(320px) rotate(340deg); opacity: 0; }
}
.p1 { left: 5%;  animation: petal-fall 5s ease-in infinite 0s; }
.p2 { left: 22%; animation: petal-fall 6s ease-in infinite 1s; }
.p3 { left: 40%; animation: petal-fall 4.5s ease-in infinite 0.5s; }
.p4 { left: 62%; animation: petal-fall 5.5s ease-in infinite 2s; }
.p5 { left: 80%; animation: petal-fall 4s ease-in infinite 1.5s; }
.p6 { left: 90%; animation: petal-fall 6.5s ease-in infinite 3s; }

.heart {
  position: absolute;
  opacity: 0;
  pointer-events: none;
  animation: heart-rise 4s ease-out infinite;
  color: #f472b6;
}
@keyframes heart-rise {
  0%   { transform: translateY(0) scale(0.6); opacity: 0; }
  15%  { opacity: 0.9; }
  80%  { opacity: 0.4; }
  100% { transform: translateY(-120px) scale(1.2); opacity: 0; }
}
.h1 { bottom: 10%; left: 18%; animation-delay: 0.3s;  font-size: 12px; }
.h2 { bottom: 15%; left: 70%; animation-delay: 1.8s;  font-size: 18px; }
.h3 { bottom: 5%;  left: 45%; animation-delay: 3s;    font-size: 10px; }
.h4 { bottom: 20%; left: 88%; animation-delay: 0.9s;  font-size: 14px; }

.bow {
  position: absolute;
  font-size: 22px;
  pointer-events: none;
  animation: bow-sway 4s ease-in-out infinite;
}
@keyframes bow-sway {
  0%, 100% { transform: rotate(-8deg) scale(1); }
  50%       { transform: rotate(8deg) scale(1.05); }
}
.bow1 { top: 4%; right: 12%; animation-delay: 0s; }
.bow2 { top: 6%; left: 5%;   animation-delay: 1.5s; font-size: 15px; }

.glow-circle {
  position: absolute;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,182,215,0.5) 0%, transparent 70%);
  pointer-events: none;
  animation: pulse-glow 3s ease-in-out infinite;
}
@keyframes pulse-glow {
  0%, 100% { transform: scale(1);   opacity: 0.5; }
  50%       { transform: scale(1.2); opacity: 0.9; }
}
.gc1 { width: 180px; height: 180px; top: -40px;   left: -40px;  animation-delay: 0s; }
.gc2 { width: 140px; height: 140px; bottom: -30px; right: -20px; animation-delay: 1s; }

@keyframes content-entrance {
  from { transform: translateY(30px) scale(0.9); opacity: 0; }
  to   { transform: translateY(0) scale(1); opacity: 1; }
}
@keyframes title-shimmer {
  0%, 100% { text-shadow: 0 2px 12px rgba(244,114,182,0.2); }
  50%       { text-shadow: 0 4px 24px rgba(244,114,182,0.5); }
}
@keyframes highlight-bounce {
  0%, 100% { transform: translateY(0) rotate(-1deg); }
  50%       { transform: translateY(-4px) rotate(1deg); }
}
@keyframes fade-in-up {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: translateY(0); }
}

.banner-content {
  position: relative;
  z-index: 10;
  text-align: center;
  padding: 2rem 1.5rem;
  animation: content-entrance 1s cubic-bezier(0.34,1.56,0.64,1) both;
}
.banner-title {
  font-size: clamp(22px, 5vw, 36px);
  font-weight: 900;
  color: #3d1c2e;
  line-height: 1.2;
  animation: title-shimmer 4s ease-in-out infinite;
}
.banner-title .highlight {
  color: #e8408a;
  display: inline-block;
  animation: highlight-bounce 2.5s ease-in-out infinite;
}
.banner-sub {
  font-size: clamp(12px, 2vw, 15px);
  color: #9d4e6e;
  margin: 10px 0 22px;
  font-weight: 700;
  animation: fade-in-up 1.2s 0.3s both;
}
.banner-btns {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  animation: fade-in-up 1.2s 0.6s both;
}
.btn-kawaii {
  padding: 10px 24px;
  border-radius: 50px;
  font-family: 'Nunito', sans-serif;
  font-size: 13px;
  font-weight: 900;
  cursor: pointer;
  border: none;
  transition: transform 0.2s, box-shadow 0.2s;
  position: relative;
  overflow: hidden;
}
.btn-kawaii:hover { transform: translateY(-3px) scale(1.04); }
.btn-kawaii:active { transform: scale(0.97); }
.btn-outline-k {
  background: rgba(255,255,255,0.85);
  color: #e8408a;
  border: 2px solid #f9a8d4 !important;
  box-shadow: 0 4px 15px rgba(244,114,182,0.2);
}
.btn-solid-k {
  background: linear-gradient(135deg, #f472b6 0%, #e8408a 100%);
  color: #fff;
  box-shadow: 0 4px 20px rgba(232,64,138,0.4);
}

.tulip {
  position: absolute;
  pointer-events: none;
  animation: tulip-sway 5s ease-in-out infinite;
  transform-origin: bottom center;
}
@keyframes tulip-sway {
  0%, 100% { transform: rotate(-4deg); }
  50%       { transform: rotate(4deg); }
}
.tulip-l { bottom: 0; left: 3%;  width: 55px; animation-delay: 0s; }
.tulip-r { bottom: 0; right: 3%; width: 55px; animation-delay: 1.2s; transform: scaleX(-1); }/* End custom CSS */