.elementor-1124 .elementor-element.elementor-element-ea4391b{--display:flex;--overlay-opacity:1;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1124 .elementor-element.elementor-element-ea4391b:not(.elementor-motion-effects-element-type-background), .elementor-1124 .elementor-element.elementor-element-ea4391b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-414bd21 );}.elementor-1124 .elementor-element.elementor-element-ea4391b::before, .elementor-1124 .elementor-element.elementor-element-ea4391b > .elementor-background-video-container::before, .elementor-1124 .elementor-element.elementor-element-ea4391b > .e-con-inner > .elementor-background-video-container::before, .elementor-1124 .elementor-element.elementor-element-ea4391b > .elementor-background-slideshow::before, .elementor-1124 .elementor-element.elementor-element-ea4391b > .e-con-inner > .elementor-background-slideshow::before, .elementor-1124 .elementor-element.elementor-element-ea4391b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-414bd21 );--background-overlay:'';}.elementor-1124 .elementor-element.elementor-element-a2a242d{background-color:var( --e-global-color-414bd21 );}:root{--page-title-display:none;}/* Start custom CSS for shortcode, class: .elementor-element-a2a242d *//* =========================================================
   SIAZ x wpForo — Minimal Modern Skin
   Pega en: wpForo > Settings > Colors & Styles > Custom CSS
   ========================================================= */

/* 1) Tokens SIAZ (colores + tipografía) */
:root{
  /* Paleta SIAZ */
  --siaz-primary: #FEAD17; /* amarillo */
  --siaz-secondary: #CD200F; /* rojo */
  --siaz-accent: #FF7900; /* naranja */
  --siaz-text: #441602; /* marrón oscuro */
  --siaz-bg: #FFEFD4; /* beige */
  --siaz-white: #ffffff;

  /* UI neutrals */
  --siaz-surface: rgba(255,255,255,.78);
  --siaz-border: rgba(68,22,2,.12);
  --siaz-muted: rgba(68,22,2,.70);

  /* Radius + shadows */
  --siaz-r-lg: 18px;
  --siaz-r-md: 14px;
  --siaz-r-sm: 12px;

  --siaz-shadow-sm: 0 6px 18px rgba(68,22,2,.08);
  --siaz-shadow-md: 0 10px 30px rgba(68,22,2,.12);

  /* Tipografía
     Si ya tienes una font del SIAZ (ej: Inter, Manrope, Poppins),
     ponla en --siaz-font. Si no, queda sistema. */
  --siaz-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Inter, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji","Segoe UI Emoji";
}

/* 2) Base del foro */
#wpforo-wrap{
  font-family: var(--siaz-font) !important;
  color: var(--siaz-text);
  background: radial-gradient(1200px 600px at 10% -10%, rgba(254,173,23,.35), transparent 60%),
              radial-gradient(1000px 500px at 100% 0%, rgba(255,121,0,.25), transparent 55%),
              linear-gradient(180deg, rgba(255,239,212,.55), rgba(255,239,212,.25)) !important;
  border-radius: var(--siaz-r-lg);
  padding: clamp(10px, 2vw, 18px);
}

/* Links */
#wpforo-wrap a{ color: var(--siaz-text); text-decoration: none; }
#wpforo-wrap a:hover{ color: var(--siaz-accent); }

/* 3) Barra superior / menú */
#wpforo-menu{
  background: var(--siaz-surface) !important;
  border: 1px solid var(--siaz-border) !important;
  border-radius: var(--siaz-r-lg) !important;
  box-shadow: var(--siaz-shadow-sm) !important;
  padding: 10px 12px !important;
  backdrop-filter: blur(10px);
}

/* Items del menú */
#wpforo-menu .wpf-menu > li > a{
  border-radius: 999px;
  padding: 8px 12px !important;
  font-weight: 700;
  letter-spacing: .2px;
  color: var(--siaz-text) !important;
}
#wpforo-menu .wpf-menu > li.wpforo-active > a,
#wpforo-menu .wpf-menu > li > a:hover{
  background: rgba(254,173,23,.22) !important;
  border: 1px solid rgba(254,173,23,.35) !important;
}

/* Submenu */
#wpforo-menu .sub-menu{
  border-radius: var(--siaz-r-md) !important;
  border: 1px solid var(--siaz-border) !important;
  background: rgba(255,255,255,.92) !important;
  box-shadow: var(--siaz-shadow-md) !important;
  padding: 6px !important;
}
#wpforo-menu .sub-menu a{
  border-radius: 12px;
  padding: 8px 10px !important;
}

/* 4) Buscador */
#wpforo-wrap .wpf-search-form input.wpf-search-field{
  border-radius: 999px !important;
  border: 1px solid var(--siaz-border) !important;
  background: rgba(255,255,255,.9) !important;
  padding: 10px 12px !important;
  outline: none !important;
  box-shadow: none !important;
  color: var(--siaz-text) !important;
}
#wpforo-wrap .wpf-search-form input.wpf-search-field:focus{
  border-color: rgba(255,121,0,.45) !important;
  box-shadow: 0 0 0 4px rgba(255,121,0,.18) !important;
}

/* 5) Breadcrumb / subtop */
#wpforo-wrap .wpforo-subtop{
  margin-top: 10px;
}
#wpforo-wrap .wpf-breadcrumb{
  background: transparent !important;
  color: var(--siaz-muted) !important;
}
#wpforo-wrap .wpf-breadcrumb a i,
#wpforo-wrap .wpf-breadcrumb a{
  color: var(--siaz-muted) !important;
}
#wpforo-wrap .wpf-breadcrumb a:hover{
  color: var(--siaz-accent) !important;
}

/* 6) Título / cabecera */
#wpforo-title{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin: 16px 6px 12px !important;
  font-weight: 900 !important;
  letter-spacing: -.3px;
}
#wpforo-title{
  font-size: clamp(20px, 2.2vw, 28px) !important;
}
#wpforo-title .wpforo-feed{
  font-weight: 700;
  font-size: 13px;
  color: var(--siaz-muted);
}
#wpforo-title .wpforo-feed a{
  color: var(--siaz-muted) !important;
  border-radius: 999px;
  padding: 6px 10px;
}
#wpforo-title .wpforo-feed a:hover{
  background: rgba(255,121,0,.12);
  color: var(--siaz-accent) !important;
}

/* 7) Tarjetas: foros, topics, posts (look “cards”) */
#wpforo-wrap .wpforo-main,
#wpforo-wrap .wpforo-content{
  background: transparent !important;
}
#wpforo-wrap .wpf-topic,
#wpforo-wrap .wpforo-post,
#wpforo-wrap .wpforo-forum,
#wpforo-wrap .wpf-head-bar,
#wpforo-wrap .wpf-form,
#wpforo-wrap .wpf-topic-form{
  background: var(--siaz-surface) !important;
  border: 1px solid var(--siaz-border) !important;
  border-radius: var(--siaz-r-lg) !important;
  box-shadow: var(--siaz-shadow-sm) !important;
  backdrop-filter: blur(10px);
}

/* Separación más “air” */
#wpforo-wrap .wpf-topic,
#wpforo-wrap .wpforo-post,
#wpforo-wrap .wpforo-forum{
  margin-bottom: 12px !important;
  overflow: hidden;
}

/* Titles de foros/topics más modernos */
#wpforo-wrap .wpf-topic .wpf-title,
#wpforo-wrap .wpforo-forum .wpf-title,
#wpforo-wrap .wpf-topic .wpf-title a,
#wpforo-wrap .wpforo-forum .wpf-title a{
  font-weight: 900 !important;
  letter-spacing: -.2px;
}

/* Metas (autor/fecha) */
#wpforo-wrap .wpf-meta,
#wpforo-wrap .wpf-topic-meta,
#wpforo-wrap .wpforo-post-meta{
  color: var(--siaz-muted) !important;
  font-size: 12.5px !important;
}

/* 8) Botones (principal SIAZ) */
#wpforo-wrap .wpf-button,
#wpforo-wrap .wpfbtn,
#wpforo-wrap button,
#wpforo-wrap input[type="submit"]{
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(254,173,23,1), rgba(255,121,0,1)) !important;
  border: 0 !important;
  color: var(--siaz-text) !important;
  font-weight: 900 !important;
  padding: 10px 14px !important;
  box-shadow: 0 10px 22px rgba(255,121,0,.18) !important;
  transition: transform .12s ease, box-shadow .12s ease, filter .12s ease;
}
#wpforo-wrap .wpf-button:hover,
#wpforo-wrap .wpfbtn:hover,
#wpforo-wrap button:hover,
#wpforo-wrap input[type="submit"]:hover{
  transform: translateY(-1px);
  filter: brightness(1.03);
  box-shadow: 0 14px 30px rgba(255,121,0,.22) !important;
}
#wpforo-wrap .wpf-button:active,
#wpforo-wrap .wpfbtn:active,
#wpforo-wrap button:active,
#wpforo-wrap input[type="submit"]:active{
  transform: translateY(0px) scale(.99);
}

/* Botones secundarios (link pill) */
#wpforo-wrap .wpf-action,
#wpforo-wrap .wpf-stat-recent-posts a,
#wpforo-wrap .wpf-stat-unread-posts a,
#wpforo-wrap .wpf-stat-tags a,
#wpforo-wrap .wpf-mark-all-read{
  border-radius: 999px !important;
  border: 1px solid var(--siaz-border) !important;
  background: rgba(255,255,255,.65) !important;
  padding: 8px 10px !important;
  font-weight: 800 !important;
}
#wpforo-wrap .wpf-action:hover,
#wpforo-wrap .wpf-stat-recent-posts a:hover,
#wpforo-wrap .wpf-stat-unread-posts a:hover,
#wpforo-wrap .wpf-stat-tags a:hover,
#wpforo-wrap .wpf-mark-all-read:hover{
  border-color: rgba(254,173,23,.45) !important;
  background: rgba(254,173,23,.16) !important;
}

/* 9) Badges / estados */
#wpforo-wrap .wpf-badge,
#wpforo-wrap .wpf-tag{
  border-radius: 999px !important;
  background: rgba(254,173,23,.18) !important;
  border: 1px solid rgba(254,173,23,.35) !important;
  color: var(--siaz-text) !important;
  font-weight: 900 !important;
}
#wpforo-wrap .wpf-tag:hover{
  background: rgba(255,121,0,.16) !important;
  border-color: rgba(255,121,0,.35) !important;
}

/* 10) Inputs / selects / textareas */
#wpforo-wrap input[type="text"],
#wpforo-wrap input[type="email"],
#wpforo-wrap input[type="password"],
#wpforo-wrap textarea,
#wpforo-wrap select{
  border-radius: var(--siaz-r-md) !important;
  border: 1px solid var(--siaz-border) !important;
  background: rgba(255,255,255,.92) !important;
  color: var(--siaz-text) !important;
  padding: 10px 12px !important;
  outline: none !important;
}
#wpforo-wrap textarea:focus,
#wpforo-wrap input:focus,
#wpforo-wrap select:focus{
  border-color: rgba(255,121,0,.45) !important;
  box-shadow: 0 0 0 4px rgba(255,121,0,.18) !important;
}

/* 11) Footer / estadísticas */
#wpforo-footer,
#wpforo-stat-header,
#wpforo-stat-body{
  background: transparent !important;
}
#wpforo-stat-header .wpf-footer-title{
  border-radius: var(--siaz-r-lg) !important;
  background: rgba(255,255,255,.70) !important;
  border: 1px solid var(--siaz-border) !important;
  box-shadow: var(--siaz-shadow-sm) !important;
  padding: 12px 14px !important;
}
#wpforo-stat-body .wpf-footer-box{
  border-radius: var(--siaz-r-lg) !important;
  background: rgba(255,255,255,.65) !important;
  border: 1px solid var(--siaz-border) !important;
  box-shadow: var(--siaz-shadow-sm) !important;
}

/* 12) Reacciones / “like” (si usas addon) */
#wpforo-wrap .wpf-like,
#wpforo-wrap .wpf-reaction,
#wpforo-wrap .wpf-vote{
  border-radius: 999px !important;
}

/* 13) Micro detalles de limpieza */
#wpforo-wrap .wpf-clear{ height: 0 !important; }
#wpforo-wrap hr{ border-color: var(--siaz-border) !important; opacity: .7; }

/* 14) Responsive: compactar en móvil */
@media (max-width: 768px){
  #wpforo-wrap{ padding: 10px !important; border-radius: 16px !important; }
  #wpforo-title{ flex-direction: column; align-items: flex-start; }
  #wpforo-menu{ padding: 8px 10px !important; }
  #wpforo-wrap .wpf-menu > li > a{ padding: 8px 10px !important; }
}

/* Fondo general más suave */
#wpforo-wrap {
  background: linear-gradient(
    180deg,
    #FEAD17 0%,
    #FFD27A 35%,
    #FFEFD4 60%,
    #FFF6E5 100%
  ) !important;
}

.wpforo-main,
.wpforo-content {
  background: #ffffffcc !important;
  backdrop-filter: blur(10px);
  border-radius: 24px;
  padding: 24px;
  box-shadow: 0 20px 50px rgba(68,22,2,.18);
  margin-top: -60px; /* flota sobre el fondo */
}
#wpforo-title {
  padding: 20px 0 10px !important;
}

.wpforo-subtop {
  margin-bottom: 10px !important;
}
.wpf-stat-recent-posts a,
.wpf-stat-unread-posts a,
.wpf-stat-tags a {
  background: #fff !important;
  border: 1px solid rgba(68,22,2,.12) !important;
  color: #441602 !important;
  font-weight: 700;
}

.wpf-stat-recent-posts a:hover,
.wpf-stat-unread-posts a:hover,
.wpf-stat-tags a:hover {
  background: #FEAD17 !important;
}
/* Tipografía más elegante en títulos */
#wpforo-wrap h1,
#wpforo-wrap h2,
#wpforo-wrap .wpf-title {
  letter-spacing: -0.5px;
}


/* ===== TÍTULO DEL FORO — FIX SIAZ ===== */

#wpforo-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin: 0 0 16px 0 !important;
  padding: 0 !important;
  line-height: 1.1;
}

/* Título principal */
#wpforo-title {
  font-size: clamp(26px, 3vw, 36px) !important;
  font-weight: 900 !important;
  color: #441602 !important;
  letter-spacing: -1px;
}

/* Subtítulo (segunda línea) */
#wpforo-title::after {
  content: "de Cultura Zipaquirá";
  font-size: 14px;
  font-weight: 600;
  color: rgba(68,22,2,.55);
  margin-top: 6px;
}

/* Ocultar cualquier emoji incrustado raro */
#wpforo-title img.emoji {
  display: none !important;
}
/* Ocultar menú superior de wpForo */
#wpforo-menu {
  display: none !important;
}

#wpforo #wpforo-wrap{
    padding: 30px !important;
}/* End custom CSS */