/*
Theme Name: Fidelizza — En construcción
Author: Growth Hack Studio
Description: Página simple de "sitio en construcción" para Fidelizza — Event XP, con logo y botón de contacto.
Version: 1.0
Text Domain: fidelizza-construccion
*/

:root{
  --purple:#8d63ab;
  --teal:#6ac8c8;
  --ink:#15131a;
}
*{box-sizing:border-box;}
html,body{height:100%;}
body{
  margin:0;
  font-family:'Work Sans', sans-serif;
  color:#fff;
  background:var(--ink);
  -webkit-font-smoothing:antialiased;
}

.page{
  position:relative;
  min-height:100svh;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  overflow:hidden;
  padding:32px;
}
.page__bg{
  position:absolute; inset:0; z-index:-2;
  background-size:cover;
  background-position:center 38%;
}
.page__scrim{
  position:absolute; inset:0; z-index:-1;
  background:linear-gradient(180deg, rgba(15,13,18,0.6) 0%, rgba(15,13,18,0.78) 55%, rgba(15,13,18,0.95) 100%);
}

.content{
  display:flex; flex-direction:column; align-items:center;
  animation:rise 1.1s cubic-bezier(.19,1,.22,1) both;
}
@keyframes rise{ from{opacity:0; transform:translateY(16px);} to{opacity:1; transform:translateY(0);} }

.logo-icon{
  width:96px;
  height:auto;
  margin-bottom:18px;
}

.logo-word{
  font-family:'Baloo 2', sans-serif;
  font-weight:700;
  font-size:clamp(34px, 6vw, 52px);
  line-height:1;
  margin:0;
  color:#f3f4f5;
  letter-spacing:.01em;
}

.logo-sub{
  font-size:12px;
  letter-spacing:.32em;
  text-transform:uppercase;
  color:#a9adb1;
  font-weight:600;
  margin-top:8px;
}

.badge{
  display:inline-flex; align-items:center; gap:10px;
  padding:9px 22px; border-radius:100px;
  background:rgba(255,255,255,0.07); border:1px solid rgba(255,255,255,0.22);
  font-size:11px; letter-spacing:.22em; text-transform:uppercase;
  color:#eef0f1; font-weight:600;
  margin-top:30px;
}
.badge__dot{
  width:7px; height:7px; border-radius:50%; background:var(--teal);
  box-shadow:0 0 0 0 rgba(106,200,200,0.5);
  animation:pulse 2.4s ease-in-out infinite;
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(106,200,200,0.45);}
  70%{box-shadow:0 0 0 9px rgba(106,200,200,0);}
  100%{box-shadow:0 0 0 0 rgba(106,200,200,0);}
}

.tagline{
  font-size:clamp(15px, 1.6vw, 18px);
  color:#cfd3d6;
  max-width:440px;
  line-height:1.7;
  margin:22px 0 0;
  font-weight:400;
}

.btn-row{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
  justify-content:center;
  margin-top:38px;
}

.btn{
  display:inline-block;
  font-family:'Work Sans', sans-serif;
  font-size:13px; font-weight:600; letter-spacing:.03em;
  padding:16px 32px;
  border-radius:10px;
  border:2px solid #fff;
  background:#fff;
  color:var(--ink);
  text-decoration:none;
  transition:transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
}
.btn:hover{
  transform:translateY(-2px);
  background:var(--purple);
  border-color:var(--purple);
  color:#fff;
}
.btn.ghost{
  background:rgba(255,255,255,0.06);
  color:#fff;
  border-color:rgba(255,255,255,0.4);
}
.btn.ghost:hover{
  background:var(--teal);
  border-color:var(--teal);
  color:var(--ink);
}

@media (max-width:480px){
  .page{padding:24px;}
  .logo-icon{width:76px;}
}