/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@14.2.15_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[2]!../../node_modules/.pnpm/next@14.2.15_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[12].use[3]!./src/app/landing.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&display=swap');

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#F0EEE9;color:#1A1A1A;font-family:'Syne',sans-serif;margin:0}

/* Scroll reveal */
.sr{opacity:0;transform:translateY(24px);transition:opacity 0.7s cubic-bezier(.16,1,.3,1),transform 0.7s cubic-bezier(.16,1,.3,1)}
.sr.sr-visible{opacity:1;transform:none}
.sr-delay-1{transition-delay:0.1s}
.sr-delay-2{transition-delay:0.2s}
.sr-delay-3{transition-delay:0.3s}
.sr-delay-4{transition-delay:0.4s}
.sr-delay-5{transition-delay:0.5s}

/* Ticker */
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker-track{animation:ticker 22s linear infinite;display:flex;width:-moz-max-content;width:max-content}

/* Pulse dot dark mode */
@keyframes pulse-dark{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.5)}}
.pulse-dot-dark{display:inline-block;width:6px;height:6px;border-radius:50%;background:#E8541A;animation:pulse-dark 2s ease-in-out infinite;vertical-align:middle}

/* Hero line */
@keyframes line-in-dark{from{width:0}to{width:320px}}
.hero-line-dark{animation:line-in-dark 1s cubic-bezier(.16,1,.3,1) 0.5s both}

/* Nav light */
.nav-glass-light{transition:background 0.4s ease,box-shadow 0.4s ease}
.nav-glass-light.scrolled{background:rgba(240,238,233,0.95);backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(0,0,0,0.08)}

/* Buttons light */
.btn-primary-light{background:#E8541A;color:white;border:none;padding:12px 28px;font-family:'Syne',sans-serif;font-weight:700;font-size:14px;cursor:pointer;transition:background 0.2s,transform 0.2s;display:inline-flex;align-items:center;gap:8px}
.btn-primary-light:hover{background:#D44A10;transform:translateY(-1px)}
/* Botón Ingresar verde 3D */
.btn-ingresar-green{background:linear-gradient(180deg,#5cb85c 0%,#4cae4c 100%);color:white;border:none;border-bottom:3px solid #3d8b3d;border-radius:6px;padding:10px 24px;font-family:'Syne',sans-serif;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 4px 12px rgba(76,174,76,0.35),inset 0 1px 0 rgba(255,255,255,0.25);transition:all 0.15s ease;display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.btn-ingresar-green:hover{background:linear-gradient(180deg,#6abf6a 0%,#5cb85c 100%);box-shadow:0 6px 16px rgba(76,174,76,0.4),inset 0 1px 0 rgba(255,255,255,0.3);transform:translateY(-1px)}
.btn-ingresar-green:active{transform:translateY(1px);border-bottom-width:1px;box-shadow:0 2px 6px rgba(76,174,76,0.25)}
.btn-ghost-light{background:transparent;color:#1A1A1A;border:1px solid rgba(0,0,0,0.15);padding:11px 28px;font-family:'Syne',sans-serif;font-weight:600;font-size:14px;cursor:pointer;transition:border-color 0.2s,background 0.2s;display:inline-flex;align-items:center;gap:8px}
.btn-ghost-light:hover{border-color:#E8541A;background:rgba(232,84,26,0.04)}

/* Cards */
.stat-card-light{transition:transform 0.25s cubic-bezier(.16,1,.3,1)}
.stat-card-light:hover{transform:translateY(-4px)}
.module-card-light{transition:transform 0.28s cubic-bezier(.16,1,.3,1),box-shadow 0.28s ease}
.module-card-light:hover{transform:translateY(-5px);box-shadow:0 8px 32px rgba(0,0,0,0.08)}
.plan-card-light{transition:transform 0.28s cubic-bezier(.16,1,.3,1)}
.plan-card-light:hover{transform:translateY(-6px)}

/* WhatsApp float animation */
@keyframes wsp-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.wsp-float{animation:wsp-float 3s ease-in-out infinite}
.wsp-float:hover{animation:none;transform:scale(1.1)}