/* =========================================================
   KARUNAPURA DESIGN SYSTEM
   VARIABLES
   Aquí se definen los colores y valores base del sistema.
   Cambiar un valor aquí lo actualiza en toda la web.
========================================================= */
:root{
  /* ACCENT COLOR
     Menus activos, botones principales, iconos destacados */
  --accent-color:#8c8630;
  /* THEME EXTRA COLOR #1
     Enlaces editoriales, subrayados interactivos, botones secundarios */
  --extra-color-1:#daa520;
  /* THEME EXTRA COLOR #2
     Highlight suave, marcadores de texto */
  --extra-color-2:#81654c;
  /* THEME EXTRA COLOR #3
     Fondos de bloques separados, float boxes, rows suaves */
  --extra-color-3:#f5f2ea;
  /* PRIMARY TEXT
     Color principal del contenido editorial */
  --primary-text-color:#353535;
  /* SECONDARY TEXT
     UI, botones, float boxes, elementos de interfaz */
  --secondary-text-color:#111111;
  /* BORDER COLOR
     Líneas divisorias suaves */
  --border-color:rgba(0,0,0,0.1);
}

/* Elimina el flash azul al tocar elementos en móvil */
*{
  -webkit-tap-highlight-color: transparent;
}

/* =========================================================
   ELIMINAR HEADER POSTS
   Solo eventos concretos
========================================================= */
.category-talleres-retiros .row.heading-title {
    display: none !important;
}
.category-talleres-retiros #page-header-wrap {
    display: none !important;
}
.category-talleres-retiros #ajax-content-wrap .container-wrap {
    padding-top: 0 !important;
    margin-top: 0 !important;
}


/* =========================================================
   BURGER MENU MOBILE
   Estilos del botón de menú hamburguesa en móvil
========================================================= */
/* Tamaño y espaciado del texto en el menú desplegable */
#slide-out-widget-area .menu li a{
  font-size:16px !important;
  line-height:1.4em;
}
/* 1. Círculo contenedor del botón */
#header-outer .slide-out-widget-area-toggle a{
  width:42px;
  height:42px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:color-mix(in srgb, var(--nectar-accent-color) 75%, white);
}
/* 2. Compensación visual del icono dentro del círculo */
#header-outer .slide-out-widget-area-toggle a > span[aria-hidden="true"]{
  transform:translateY(-1px);
}
/* 3. Líneas del icono burger */
#header-outer .slide-out-widget-area-toggle a span span,
#header-outer .slide-out-widget-area-toggle a span span:before,
#header-outer .slide-out-widget-area-toggle a span span:after{
  background-color:#fff !important;
}
/* 4. Fallback para versiones que usan icon font en lugar de spans */
#header-outer .slide-out-widget-area-toggle a i,
#header-outer .slide-out-widget-area-toggle a i:before,
#header-outer .slide-out-widget-area-toggle a i:after{
  color:#fff !important;
  background-color:#fff !important;
}
/* 5. Centrado correcto del contenedor del botón */
#header-outer .slide-out-widget-area-toggle{
  display:flex;
  align-items:center;
}


/* =========================================================
   TYPOGRAPHY / CONTENT
   Estilos tipográficos del contenido editorial
========================================================= */
/* BLOCKQUOTE
   Citas destacadas dentro del contenido */
blockquote{
  font-family:"Forum", serif;
  font-weight:400;
  font-size:1.4rem;
  line-height:1.5;
  font-style:italic;
  margin:0 0 30px;
}

/* DROP CAP
   Primera letra grande al inicio de un artículo
   Activar con el módulo Nectar Drop Cap */
.nectar-dropcap{
  color:var(--accent-color) !important;
}

/* =========================================================
   SLIDERS / CAROUSEL
   Ajuste de los puntos de navegación de Flickity
========================================================= */
.flickity-page-dots{
  position:relative !important;
  z-index:9999 !important;
  margin-top:-30px !important;
}
/* =========================================================
   BUTTONS — NECTAR
   Ajuste de tamaño y peso de los botones nativos de Salient
========================================================= */
a.nectar-button,
.nectar-button{
  font-size:17px !important;
  font-weight:bold !important;
}
a.nectar-button.large,
.nectar-button.large{
  padding-left:16px !important;
  padding-right:16px !important;
}
/* =========================================================
   WORDPRESS / ADMIN UTILITIES
   Ajustes del panel de administración
========================================================= */
/* Oculta la caja de Yoast SEO en el editor de entradas */
.yoast{
  display:none !important;
}
/* =========================================================
   KARUNAPURA POST END NAV
   Navegación al final de los posts: 2 columnas en mobile
========================================================= */
@media (max-width:768px){
  /* Mantiene la fila en horizontal, sin apilar */
  .kp-end-nav .row_col_wrap_12_inner{
    display:flex;
    flex-wrap:nowrap;
  }
  /* Fuerza cada columna a ocupar exactamente el 50% */
  .kp-end-nav .row_col_wrap_12_inner > .vc_col-sm-6{
    width:50% !important;
    max-width:50%;
    flex:0 0 50%;
  }
}
/* =========================================================
   ELIMINAR SECCIÓN COMENTARIOS + ESPACIO INFERIOR
   Salient añade padding extra al final de los posts,
   esto lo elimina para un cierre más limpio
========================================================= */
.single-post .row,
.single-post #post-area > article .content-inner{
  padding-bottom:0 !important;
}
/* =========================================================
   SOCIAL ICONS
   Animación de escala en hover para los iconos sociales
   Usar con clase: icono-social-karuna
========================================================= */
.icono-social-karuna i{
  transition:all .35s ease;
}
.icono-social-karuna:hover i{
  transform:scale(1.3);
}

/* =========================================================
   LINK STYLE (TEXT)
   Enlaces editoriales dentro del contenido
========================================================= */
.wpb_text_column a:not(.kp-block-link):not(.link_text),
.kp-editorial-links a:not(.kp-block-link):not(.link_text){
  color:inherit !important;
  text-decoration:none !important;
  box-shadow:inset 0 -2px 0 var(--extra-color-1);
  transition:box-shadow .28s ease;
}

.wpb_text_column a:not(.kp-block-link):not(.link_text):hover,
.kp-editorial-links a:not(.kp-block-link):not(.link_text):hover{
  box-shadow:inset 0 -0.6em 0 color-mix(in srgb, var(--extra-color-1) 35%, transparent);
}
/* =========================================================
   KARUNAPURA CTA UNDERLINE
   Estilo de subrayado animado para CTAs tipo link
   Activar añadiendo la clase: kp-underline al módulo Nectar CTA
========================================================= */
.nectar-cta.kp-underline .link_text{
  box-shadow:none !important;
  text-decoration:none !important;
}
.nectar-cta.kp-underline .link_text .text{
  display:inline-block;
  box-shadow:inset 0 -2px 0 var(--extra-color-1);
  transition:box-shadow .28s ease;
}
.nectar-cta.kp-underline .link_text:hover .text{
  box-shadow:inset 0 -1.4em 0 color-mix(in srgb,var(--extra-color-1) 35%,transparent);
}