/* Evently premium public design system — aligned with /precios/ */
:root{
  --evp-bg:#060812;--evp-bg2:#0b0f1c;--evp-paper:#f5f5f8;--evp-ink:#151821;
  --evp-muted:#7a828f;--evp-purple:#7a45f3;--evp-pink:#d73bd6;--evp-cyan:#39cfff;
  --evp-line:rgba(255,255,255,.10);--evp-radius:28px
}
body.page:not(.evently-commerce-page),body.post-type-archive-evently_template{background-color:#070515;background-image:url("https://evently.com.mx/wp-content/uploads/2026/10/Imagen-de-ChatGPT-2-oct-2026-04_15_12-p.m-1-evently.webp");background-size:cover;background-position:center top;background-repeat:no-repeat;background-attachment:fixed;color:#fff}
body.page:not(.evently-commerce-page) main,body.post-type-archive-evently_template main{background:transparent!important}
body.page:not(.evently-commerce-page) .container,body.post-type-archive-evently_template .container{width:min(1220px,calc(100% - 36px));margin-inline:auto}

body.page:not(.evently-commerce-page) .site-header,body.post-type-archive-evently_template .site-header{
  background:rgba(6,8,18,.84)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
body.page:not(.evently-commerce-page) .desktop-nav a,
body.page:not(.evently-commerce-page) .nav-price,
body.post-type-archive-evently_template .desktop-nav a,
body.post-type-archive-evently_template .nav-price{color:#eef2ff!important}
body.page:not(.evently-commerce-page) .nav-link,
body.post-type-archive-evently_template .nav-link{background:#111521!important;color:#fff!important;border:1px solid rgba(255,255,255,.1)!important}
body.page:not(.evently-commerce-page) .mobile-menu,
body.post-type-archive-evently_template .mobile-menu{background:rgba(7,9,18,.98)!important;border-color:rgba(255,255,255,.08)!important}
body.page:not(.evently-commerce-page) .mobile-menu>a,
body.post-type-archive-evently_template .mobile-menu>a{color:#f7f9ff!important;border-color:rgba(255,255,255,.08)!important}

body.page:not(.evently-commerce-page) .page-hero,
body.post-type-archive-evently_template .archive-hero{
  position:relative;overflow:hidden;padding:clamp(84px,9vw,132px) 0!important;color:#fff!important;
  background:
   radial-gradient(circle at 18% 12%,rgba(122,69,243,.30),transparent 28%),
   radial-gradient(circle at 82% 20%,rgba(215,59,214,.20),transparent 28%),
   radial-gradient(circle at 66% 90%,rgba(57,207,255,.10),transparent 26%),
   linear-gradient(180deg,#060812,#0a0d18 72%,#080b14)!important;
  border-bottom:1px solid rgba(255,255,255,.07)
}
body.page:not(.evently-commerce-page) .page-hero:before,
body.post-type-archive-evently_template .archive-hero:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);
  background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 90%)
}
body.page:not(.evently-commerce-page) .page-hero .container,
body.post-type-archive-evently_template .archive-hero .container{position:relative;z-index:1}
body.page:not(.evently-commerce-page) .page-hero h1,
body.post-type-archive-evently_template .archive-hero h1{
  color:#fff!important;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:clamp(52px,7vw,92px)!important;line-height:.9!important;letter-spacing:-.065em!important;
  font-weight:900!important;max-width:980px;margin:16px 0 22px!important
}
body.page:not(.evently-commerce-page) .page-hero p,
body.post-type-archive-evently_template .archive-hero p{
  color:#bcc4d6!important;font-size:clamp(17px,1.6vw,21px)!important;line-height:1.66!important;max-width:780px
}
body.page:not(.evently-commerce-page) .eyebrow,
body.post-type-archive-evently_template .eyebrow{
  color:#cbbcff!important;font-size:11px!important;letter-spacing:.15em!important;font-weight:950!important;text-transform:uppercase
}
body.page:not(.evently-commerce-page) .hero-actions{gap:12px!important;margin-top:28px!important}
body.page:not(.evently-commerce-page) .btn,
body.post-type-archive-evently_template .btn{border-radius:999px!important;min-height:54px!important;padding-inline:22px!important;font-weight:900!important}
body.page:not(.evently-commerce-page) .btn-primary,
body.post-type-archive-evently_template .btn-primary{
  background:linear-gradient(90deg,var(--evp-purple),var(--evp-pink))!important;color:#fff!important;border:0!important;
  box-shadow:0 18px 42px rgba(122,69,243,.26)!important
}
body.page:not(.evently-commerce-page) .btn-gold,
body.page:not(.evently-commerce-page) .btn-secondary,
body.post-type-archive-evently_template .btn-secondary{
  background:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important
}

/* Alternating premium editorial rhythm */
body.page:not(.evently-commerce-page) .section{padding:clamp(68px,7vw,104px) 0!important}
body.page:not(.evently-commerce-page) .section:nth-of-type(odd){background:#f5f5f8!important;color:var(--evp-ink)!important}
body.page:not(.evently-commerce-page) .section:nth-of-type(even){background:#0a0d16!important;color:#fff!important;border-block:1px solid rgba(255,255,255,.05)}
body.page:not(.evently-commerce-page) .section:nth-of-type(odd) :is(h2,h3,h4,strong,b){color:var(--evp-ink)!important}
body.page:not(.evently-commerce-page) .section:nth-of-type(odd) p{color:#707985!important}
body.page:not(.evently-commerce-page) .section:nth-of-type(even) :is(h2,h3,h4,strong,b){color:#fff!important}
body.page:not(.evently-commerce-page) .section:nth-of-type(even) p{color:#aeb7c7!important}
body.page:not(.evently-commerce-page) .section h2{
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;
  font-size:clamp(38px,5vw,68px)!important;line-height:.95!important;letter-spacing:-.055em!important
}
body.page:not(.evently-commerce-page) .section h3{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif!important;letter-spacing:-.035em!important}
body.page:not(.evently-commerce-page) .section-head{max-width:820px;margin-inline:auto}
body.page:not(.evently-commerce-page) .section-head.centered{text-align:center}

body.page:not(.evently-commerce-page) :is(.feature-grid-3,.steps-grid,.page-feature-matrix,.pricing-grid,.service-cards)>article{
  border-radius:24px!important;padding:24px!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease
}
body.page:not(.evently-commerce-page) .section:nth-of-type(odd) :is(.feature-grid-3,.steps-grid,.page-feature-matrix,.pricing-grid,.service-cards)>article{
  background:#fff!important;border:1px solid #e4e6ec!important;color:var(--evp-ink)!important;box-shadow:0 16px 42px rgba(21,24,33,.06)!important
}
body.page:not(.evently-commerce-page) .section:nth-of-type(even) :is(.feature-grid-3,.steps-grid,.page-feature-matrix,.pricing-grid,.service-cards)>article{
  background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.09)!important;color:#fff!important;box-shadow:0 18px 48px rgba(0,0,0,.18)!important
}
body.page:not(.evently-commerce-page) :is(.feature-grid-3,.steps-grid,.page-feature-matrix,.pricing-grid,.service-cards)>article:hover{
  transform:translateY(-4px);border-color:rgba(122,69,243,.35)!important
}

body.page:not(.evently-commerce-page) .business-dashboard-mock{
  background:linear-gradient(155deg,#141827,#0d101a)!important;border:1px solid rgba(255,255,255,.10)!important;
  box-shadow:0 32px 90px rgba(0,0,0,.32)!important;color:#fff!important;border-radius:28px!important
}
body.page:not(.evently-commerce-page) .business-dashboard-mock :is(span,small){color:#aeb7c7!important}
body.page:not(.evently-commerce-page) .business-dashboard-mock b{color:#fff!important}
body.page:not(.evently-commerce-page) .plan-note{
  background:linear-gradient(135deg,rgba(122,69,243,.12),rgba(215,59,214,.08))!important;
  border:1px solid rgba(122,69,243,.22)!important;border-radius:22px!important
}
body.page:not(.evently-commerce-page) .section:nth-of-type(odd) .plan-note{color:#3e315f!important}
body.page:not(.evently-commerce-page) .section:nth-of-type(even) .plan-note{color:#fff!important}

body.page:not(.evently-commerce-page) .template-card{
  border-radius:24px!important;overflow:hidden!important;border:1px solid #e3e6ec!important;background:#fff!important;
  box-shadow:0 18px 46px rgba(21,24,33,.08)!important
}
body.page:not(.evently-commerce-page) .template-card-body{background:#fff!important;color:var(--evp-ink)!important;border-color:#e8eaee!important}
body.page:not(.evently-commerce-page) .template-card-body :is(span,small){color:#7c8490!important}

body.page:not(.evently-commerce-page) .entry-content{
  max-width:900px;padding:86px 0;color:#dce3f4!important
}
body.page:not(.evently-commerce-page) .entry-content h1{
  color:#fff!important;font-size:clamp(44px,6vw,76px)!important;line-height:.95!important;letter-spacing:-.055em!important
}
body.page:not(.evently-commerce-page) .entry-content a{color:#d878e8!important}

body.page:not(.evently-commerce-page) .site-footer,
body.post-type-archive-evently_template .site-footer{background:#04060d!important;border-top:1px solid rgba(255,255,255,.08)!important;color:#dfe6f8!important}
body.page:not(.evently-commerce-page) .site-footer a,
body.post-type-archive-evently_template .site-footer a{color:#cbd5ec!important}
body.page:not(.evently-commerce-page) .site-footer p,
body.post-type-archive-evently_template .site-footer p{color:#8997b6!important}

/* archive /plantillas gets the same palette without fighting its dedicated layout */
body.post-type-archive-evently_template .archive-hero{padding-top:88px!important}
body.post-type-archive-evently_template .template-card{border-radius:24px!important}

@media(max-width:900px){
  body.page:not(.evently-commerce-page) .page-hero,
  body.post-type-archive-evently_template .archive-hero{padding:70px 0 76px!important}
  body.page:not(.evently-commerce-page) .page-hero-grid{grid-template-columns:1fr!important;gap:34px!important}
  body.page:not(.evently-commerce-page) :is(.feature-grid-3,.pricing-grid,.page-feature-matrix){grid-template-columns:1fr!important}
  body.page:not(.evently-commerce-page) .steps-grid{grid-template-columns:1fr 1fr!important}
}
@media(max-width:640px){
  body.page:not(.evently-commerce-page) .container,body.post-type-archive-evently_template .container{width:calc(100% - 18px)}
  body.page:not(.evently-commerce-page) .page-hero,
  body.post-type-archive-evently_template .archive-hero{padding:56px 0 64px!important}
  body.page:not(.evently-commerce-page) .page-hero h1,
  body.post-type-archive-evently_template .archive-hero h1{font-size:44px!important}
  body.page:not(.evently-commerce-page) .page-hero p,
  body.post-type-archive-evently_template .archive-hero p{font-size:15px!important}
  body.page:not(.evently-commerce-page) .section{padding:58px 0!important}
  body.page:not(.evently-commerce-page) .section h2{font-size:38px!important}
  body.page:not(.evently-commerce-page) .steps-grid{grid-template-columns:1fr!important}
  .site-header .brand{width:142px!important}
  .mobile-menu-toggle{width:46px!important;height:46px!important;border-radius:15px!important;background:linear-gradient(145deg,#6e43ff,#a036ff)!important;box-shadow:0 12px 30px rgba(112,58,255,.3)!important}
  .mobile-menu-toggle span{background:#fff!important;height:2px!important;border-radius:999px!important}
  .mobile-menu{padding:12px 16px 20px!important}
  .mobile-menu>a{padding:15px 4px!important;font-weight:800!important}
}