/* Evently 1.18.1 — mobile readability + cleaner /plantillas */
@media(max-width:1050px){
  .evently-v3-mobile-inner{padding-top:12px!important}
  .evently-v3-mobile-search{height:54px!important;border-radius:15px!important}
  .evently-v3-mobile-search input{font-size:15px!important;font-weight:650!important}
  .evently-v3-mobile-cta{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:9px!important;
    margin:12px 0!important;
  }
  .evently-v3-mobile-cta a{
    min-height:48px!important;
    display:grid!important;
    place-items:center!important;
    padding:0 12px!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:13px!important;
    background:#151d2a!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:13px!important;
    font-weight:850!important;
  }
  .evently-v3-mobile-cta a.is-primary{background:#8b5cf6!important;border-color:#8b5cf6!important}
  .evently-v3-mobile-quick{
    gap:8px!important;
    margin:10px 0 4px!important;
  }
  .evently-v3-mobile-quick a,
  .evently-v3-mobile-quick button{
    min-height:72px!important;
    display:grid!important;
    place-items:center!important;
    align-content:center!important;
    gap:6px!important;
    padding:8px 4px!important;
    border:1px solid rgba(255,255,255,.07)!important;
    border-radius:14px!important;
    background:#0e1520!important;
    color:#fff!important;
    text-decoration:none!important;
  }
  .evently-v3-mobile-quick button{width:100%;cursor:pointer}
  .evently-v3-mobile-quick span{font-size:17px!important;color:#b7a7ff!important}
  .evently-v3-mobile-quick b{font-size:11px!important;line-height:1.1!important;color:#fff!important}
  .evently-v3-mobile-section{border-top:1px solid rgba(255,255,255,.09)!important}
  .evently-v3-mobile-section>summary{
    min-height:58px!important;
    color:#fff!important;
    font-size:16px!important;
    font-weight:850!important;
  }
  .evently-v3-mobile-section>summary span{font-size:17px!important;color:#a998ff!important}
  .evently-v3-mobile-links{gap:8px!important;padding-bottom:15px!important}
  .evently-v3-mobile-links>a{
    min-height:54px!important;
    padding:13px 14px!important;
    background:#111a27!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.08)!important;
    font-size:13px!important;
    font-weight:760!important;
  }
  .evently-v3-mobile-links i{font-size:13px!important;color:#ae9cff!important}
  .evently-v3-mobile-categories{gap:8px!important;padding-bottom:15px!important}
  .evently-v3-mobile-categories>a{
    min-height:48px!important;
    padding:0 13px!important;
    background:#111a27!important;
    color:#fff!important;
    border-color:rgba(255,255,255,.08)!important;
    font-size:12px!important;
    font-weight:760!important;
  }
  .evently-v3-mobile-account span{font-size:12px!important;color:#c0c8d5!important}
  .evently-v3-mobile-account a,.evently-v3-mobile-account button{font-size:12px!important;color:#c8baff!important}
}

.etpl-hero-clean{
  padding:52px 0 46px!important;
  background:
    radial-gradient(circle at 78% 20%,rgba(139,92,246,.14),transparent 30%),
    radial-gradient(circle at 12% 0%,rgba(34,211,238,.08),transparent 28%),
    #080c13!important;
  color:#fff!important;
  border-bottom:1px solid rgba(255,255,255,.06)!important;
}
.etpl-hero-clean-inner{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:34px!important;
}
.etpl-hero-clean h1{
  max-width:860px!important;
  margin:12px 0 13px!important;
  color:#fff!important;
  font:780 clamp(42px,5vw,70px)/.98 var(--etpl-sans)!important;
  letter-spacing:-.055em!important;
  text-shadow:none!important;
}
.etpl-hero-clean p{
  max-width:700px!important;
  margin:0!important;
  color:#aeb8c8!important;
  font:500 16px/1.58 var(--etpl-sans)!important;
  text-shadow:none!important;
}
.etpl-hero-clean-actions{display:flex;gap:10px;margin-top:23px}
.etpl-button-ghost{background:#111827!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}
.etpl-hero-clean-stat{
  min-width:165px!important;
  padding:18px 20px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:18px!important;
  background:#101722!important;
  text-align:left!important;
}
.etpl-hero-clean-stat b{display:block;color:#fff;font-size:36px;line-height:1}
.etpl-hero-clean-stat span{display:block;margin-top:5px;color:#dbe3ef;font-size:11px;font-weight:800}
.etpl-hero-clean-stat small{display:block;margin-top:3px;color:#8f9cb0;font-size:9px}

.etpl-format-choice{padding:24px 0 18px!important;background:#0a0e16!important;color:#fff!important}
.etpl-format-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.etpl-format-choice-card{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px!important;
  min-height:118px!important;
  padding:18px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-radius:16px!important;
  background:#111827!important;
  color:#fff!important;
  text-decoration:none!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease!important;
}
.etpl-format-choice-card:hover{transform:translateY(-2px);border-color:rgba(139,92,246,.32)!important;background:#151e2d!important}
.etpl-format-choice-card>span{
  display:grid;place-items:center;width:48px;height:48px;border-radius:14px;
  background:#1c2535;color:#c4b5fd;font-size:16px
}
.etpl-format-choice-card>div{display:grid;gap:3px}
.etpl-format-choice-card small{color:#9aa7b9;font-size:8px;font-weight:900;letter-spacing:.13em}
.etpl-format-choice-card strong{color:#fff;font-size:20px;line-height:1.1;letter-spacing:-.025em}
.etpl-format-choice-card p{margin:3px 0 0!important;color:#9ba8ba!important;font-size:11px!important;line-height:1.45!important}
.etpl-format-choice-card>i{color:#d8d1ff;font-size:9px;font-style:normal;font-weight:850;white-space:nowrap}
.etpl-format-choice-card.is-primary{background:#141a2a!important}
.etpl-secondary-products{
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  padding:15px 2px 0;color:#7f8ca0;font-size:10px
}
.etpl-secondary-products span{font-weight:750;color:#9aa6b7}
.etpl-secondary-products a{color:#cbd4e2;text-decoration:none;font-weight:750}
.etpl-secondary-products a:hover{color:#fff}

.etpl-stream-categories{padding:24px 0 14px!important;background:#0a0e16!important}
.etpl-stream-heading h2{font-size:24px!important}
.etpl-stream-category{flex-basis:170px!important;border-radius:12px!important;overflow:hidden!important}
.etpl-stream-category span{font-size:12px!important;font-weight:800!important}

.etpl-catalog-v2{padding-top:28px!important;background:#0a0e16!important}
.etpl-catalog-topline{margin-bottom:16px!important}
.etpl-catalog-topline h2{font-size:clamp(28px,3vw,42px)!important}
.etpl-catalog-topline>p{color:#8d99aa!important}
.etpl-search-v2{height:52px!important}
.etpl-search-v2 input{font-size:14px!important}
.etpl-chip,.etpl-format-chip{font-size:11px!important;min-height:39px!important}
.etpl-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important}
.etpl .template-card{border-radius:14px!important}
.etpl .template-card-link{border-radius:14px!important}
.etpl .template-preview,.etpl .template-preview.has-image{aspect-ratio:4/5!important;border-radius:14px!important}
.etpl .template-card-body{padding:10px 2px 4px!important}
.etpl .template-card-body strong{font-size:14px!important;line-height:1.2!important}
.etpl .template-card-body span{font-size:8px!important}
.etpl .template-image-action{opacity:1!important;width:34px!important;height:34px!important}

@media(max-width:900px){
  .etpl-hero-clean-inner{grid-template-columns:1fr!important;align-items:start!important}
  .etpl-hero-clean-stat{display:none!important}
  .etpl-format-choice-grid{grid-template-columns:1fr!important}
  .etpl-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:600px){
  .etpl-hero-clean{padding:28px 0 24px!important}
  .etpl-hero-clean h1{font-size:37px!important;line-height:.98!important;max-width:96%!important}
  .etpl-hero-clean p{font-size:14px!important;line-height:1.5!important;max-width:95%!important}
  .etpl-hero-clean-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:18px!important}
  .etpl-hero-clean-actions .etpl-button{min-height:46px!important;font-size:11px!important}
  .etpl-format-choice{padding:18px 0 12px!important}
  .etpl-format-choice-grid{gap:9px!important}
  .etpl-format-choice-card{
    grid-template-columns:42px minmax(0,1fr)!important;
    min-height:0!important;
    padding:14px!important;
    border-radius:14px!important;
  }
  .etpl-format-choice-card>span{width:42px;height:42px;border-radius:12px}
  .etpl-format-choice-card strong{font-size:17px!important}
  .etpl-format-choice-card p{font-size:11px!important;line-height:1.4!important}
  .etpl-format-choice-card>i{grid-column:2!important;font-size:10px!important}
  .etpl-secondary-products{gap:8px 12px!important;font-size:10px!important;padding-top:12px!important}
  .etpl-stream-categories{padding:18px 0 10px!important}
  .etpl-stream-heading h2{font-size:20px!important}
  .etpl-stream-category{flex-basis:138px!important}
  .etpl-catalog-v2{padding-top:18px!important}
  .etpl-catalog-topline h2{font-size:27px!important}
  .etpl-search-v2{height:50px!important}
  .etpl-search-v2 input{font-size:13px!important}
  .etpl-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .etpl .template-preview,.etpl .template-preview.has-image{aspect-ratio:4/5!important}
  .etpl .template-card-body strong{font-size:13px!important}
}


/* Evently 1.18.3 — dark glass mobile bottom navigation */
@media(max-width:700px){
  .etpl-mobile-dock,
  .evs-mobile-dock{
    position:fixed!important;
    z-index:9996!important;
    left:10px!important;
    right:10px!important;
    bottom:max(10px,env(safe-area-inset-bottom))!important;
    display:grid!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    min-height:68px!important;
    padding:6px!important;
    overflow:hidden!important;
    isolation:isolate!important;
    border:1px solid rgba(255,255,255,.10)!important;
    border-radius:20px!important;
    background:rgba(5,7,13,.76)!important;
    box-shadow:0 18px 48px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.055)!important;
    backdrop-filter:blur(24px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(24px) saturate(145%)!important;
  }
  .etpl-mobile-dock:before,
  .evs-mobile-dock:before{
    content:""!important;
    position:absolute!important;
    z-index:-1!important;
    inset:0!important;
    pointer-events:none!important;
    background:radial-gradient(circle at 18% 0%,rgba(121,86,238,.12),transparent 34%),radial-gradient(circle at 82% 100%,rgba(78,55,160,.08),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,0))!important;
  }
  .etpl-mobile-dock a,
  .evs-mobile-dock a{
    position:relative!important;
    min-width:0!important;
    min-height:56px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    padding:5px 2px!important;
    border-radius:15px!important;
    background:transparent!important;
    color:#8793a6!important;
    text-decoration:none!important;
    transition:background .18s ease,color .18s ease,transform .18s ease!important;
  }
  .etpl-mobile-dock a:active,
  .evs-mobile-dock a:active{transform:scale(.97)!important}
  .etpl-mobile-dock a span,
  .evs-mobile-dock a span{
    width:30px!important;
    height:30px!important;
    display:grid!important;
    place-items:center!important;
    border-radius:10px!important;
    background:rgba(255,255,255,.045)!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)!important;
    font-size:15px!important;
  }
  .etpl-mobile-dock a small,
  .evs-mobile-dock a small{
    color:inherit!important;
    font-size:8px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.01em!important;
  }
  .etpl-mobile-dock a.is-active,
  .evs-mobile-dock a.is-active{
    background:linear-gradient(145deg,rgba(124,88,239,.18),rgba(92,66,190,.10))!important;
    color:#fff!important;
    box-shadow:inset 0 0 0 1px rgba(180,161,255,.12),0 6px 18px rgba(0,0,0,.12)!important;
  }
  .etpl-mobile-dock a.is-active span,
  .evs-mobile-dock a.is-active span{
    background:linear-gradient(135deg,#7553ed,#9a62f5)!important;
    color:#fff!important;
    box-shadow:0 6px 16px rgba(117,83,237,.26),inset 0 1px 0 rgba(255,255,255,.18)!important;
  }
}
@media(max-width:380px){
  .etpl-mobile-dock,
  .evs-mobile-dock{left:7px!important;right:7px!important;padding:5px!important}
  .etpl-mobile-dock a,
  .evs-mobile-dock a{min-height:53px!important;border-radius:13px!important}
  .etpl-mobile-dock a span,
  .evs-mobile-dock a span{width:28px!important;height:28px!important}
  .etpl-mobile-dock a small,
  .evs-mobile-dock a small{font-size:7.5px!important}
}


/* Remove redundant mobile dock after launcher v8 */
@media(max-width:700px){
  .etpl-mobile-dock,
  .evs-mobile-dock{
    display:none!important;
    visibility:hidden!important;
    pointer-events:none!important;
  }
  body,
  .evs-app,
  .etpl{
    padding-bottom:0!important;
  }
}

/* Evently 2026-10-02 — responsive premium violet background */
body.home .evs-app,
body.page:not(.evently-commerce-page),
body.post-type-archive-evently_template{
  background-color:#070515!important;
  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")!important;
  background-size:cover!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-attachment:fixed!important;
}
body.page:not(.evently-commerce-page) main,
body.page:not(.evently-commerce-page) .evp-pricing,
body.post-type-archive-evently_template main,
body.post-type-archive-evently_template .etpl,
body.post-type-archive-evently_template .etpl-format-choice,
body.post-type-archive-evently_template .etpl-stream-categories,
body.post-type-archive-evently_template .etpl-popular,
body.post-type-archive-evently_template .etpl-stream-plans,
body.post-type-archive-evently_template .etpl-catalog-v2,
body.post-type-archive-evently_template .etpl-service{
  background-color:transparent!important;
}
body.home .evs-main{
  background:transparent!important;
}
@media(max-width:700px){
  body.home .evs-app,
  body.page:not(.evently-commerce-page),
  body.post-type-archive-evently_template,
  body.post-type-archive-evently_template .etpl{
    background-image:url("https://evently.com.mx/wp-content/uploads/2026/10/Imagen-de-ChatGPT-2-oct-2026-04_15_13-p.m-2-576x1024-evently.webp")!important;
    background-size:cover!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    background-attachment:scroll!important;
  }
}

/* Evently 2026-10-02 — hard mobile logo fix
   Render the header brand as a CSS background on mobile so no late image
   replacement/lazy optimizer can paint an opaque box over the transparent logo. */
@media(max-width:860px){
  .evently-header-v8 .evently-v8-brand{
    position:relative!important;
    display:block!important;
    flex:0 0 148px!important;
    width:148px!important;
    height:42px!important;
    min-width:148px!important;
    padding:0!important;
    margin:0!important;
    background-color:transparent!important;
    background-image:url("https://evently.com.mx/wp-content/uploads/2026/10/Logo-degradado-Evently.png")!important;
    background-repeat:no-repeat!important;
    background-position:left center!important;
    background-size:contain!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    overflow:visible!important;
    isolation:isolate!important;
  }
  .evently-header-v8 .evently-v8-brand::before,
  .evently-header-v8 .evently-v8-brand::after{
    content:none!important;
    display:none!important;
  }
  .evently-header-v8 .evently-v8-brand img{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    width:0!important;
    height:0!important;
    min-width:0!important;
    min-height:0!important;
    position:absolute!important;
    pointer-events:none!important;
  }
}
@media(max-width:390px){
  .evently-header-v8 .evently-v8-brand{
    flex-basis:136px!important;
    width:136px!important;
    min-width:136px!important;
    height:40px!important;
  }
}