/*
Theme Name: ListingHive Child
Theme URI: https://hivepress.io/themes/listinghive
Template: listinghive
Author: HivePress
Author URI: https://hivepress.io
Description: A multipurpose WordPress theme for directory and listing websites.
Version: 1.2.11.1738472667
Updated: 2025-02-02 00:04:27
*/
/* Ocultar descripción categoría listings */

/* ===========================================
   TABLA DE CONTENIDOS
   1.  COLORES DE UTILIDAD
   2.  FOOTER Y PATRÓN DECORATIVO
   3.  HEADER Y LOGO
   4.  MENÚ MÓVIL
   5.  BARRA DE BÚSQUEDA
   6.  LISTADOS
   7.  VENDEDORES
   8.  SIDEBAR BLOG
   9.  WIDGET ENTRADAS RECIENTES
   10. REDES SOCIALES (SIGUENOS)
   11. BOTONES COMPARTIR
   12. BOTONES Y CTA
   13. WOOCOMMERCE / PLANES
   14. MISCELÁNEOS
   15. MEDIA QUERIES
   =========================================== */

/*QUITAR DESCRIPCION CATEGORIA*/
	

/* ===========================================
   1. COLORES DE UTILIDAD
   =========================================== */

.naranjap  { color: #f54502 !important; }   .bgnaranjap { background-color: #f54502 !important; }
.negro     { color: #000 !important; }       .bgnegro    { background-color: #000 !important; }
.blanco    { color: #fff !important; }       .bgblanco   { background-color: #fff !important; }
.naranjao  { color: #ff8c00 !important; }    .bgnaranjao { background-color: #ff8c00 !important; }
.verde     { color: #15cd72 !important; }    .bgverde    { background-color: #15cd72 !important; }
.naranjac  { color: #ffb74d !important; }    .bgnaranjac { background-color: #ffb74d !important; }
.crema     { color: #ffc27e !important; }    .bgcrema    { background-color: #ffc27e !important; }
.gris      { color: #f9f9f9 !important; }    .bggris     { background-color: #f9f9f9 !important; }

/* ===========================================
   2. FOOTER Y PATRÓN DECORATIVO
   =========================================== */

.site-footer { padding: 0 0 2rem; }

.pastos,
.pastos-h {
  width: 100%;
  height: 32px;
  background: url('https://clasificadosipiales.com/wp-content/uploads/2025/02/simbolos-ipiales.jpg') repeat-x;
}

.pastos   { margin-bottom: 1rem; }
.pastos-h { margin-bottom: 0; }

/* ===========================================
   3. HEADER Y LOGO
   =========================================== */

.header-logo img { width: 30%; }

.ipi-hero {
  background-color: #fff;
  padding: 0 5px;
  border-radius: 4px;
}

/* Quitar filtro oscuro del hero */
.header-hero--cover::after { background-color: rgba(0, 0, 0, 0); }

/* ===========================================
   4. MENÚ MÓVIL
   =========================================== */

#menu-header.menu { background: #ff8c00; }

.header-navbar__burger > a i {
  font-size: 24px;
  color: #15cd72;
  text-align: center;
}

.header-navbar__burger > ul {
  padding: 3.5rem 2rem;
  background: #ccc;
}

.header-navbar__burger > ul > li,
.header-navbar__burger > ul > li a { color: #fff; }

.header-navbar__burger > ul::before {
  color: #000;
  font-size: 1.8rem;
  margin-right: 20px;
}

.hp-link i { color: #fff; }

/* ===========================================
   5. BARRA DE BÚSQUEDA
   =========================================== */

.hp-form--listing-search,
.hp-form--vendor-search {
  border-bottom: 2px solid #15cd72;
  border-radius: 0 0 6px 6px;
  box-shadow: none;
  padding: 0.25rem 0.625rem;
}

.hp-form--listing-search .hp-form__button {
  background-color: #15cd72;
  border-radius: 0 0 5px 5px;
}

.hp-field.hp-field--search::placeholder {
  color: #15cd72;
  opacity: 0.8;
}

.hp-form--listing-search .hp-form__field input[type="search"] { font-size: 1rem !important; }

.hp-form--listing-search .hp-form__field:not(:last-child),
.hp-form--vendor-search .hp-form__field:not(:last-child) { border-right: 1px solid #15cd72; }

.hp-form--primary .select2-container--default .select2-selection__rendered {
  font-size: 1rem !important;
  color: #15cd72;
  opacity: 0.8;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #15cd72;
}

/* ===========================================
   6. LISTADOS
   =========================================== */

.hp-listing--view-page .hp-listing__categories a {
  background-color: #ff8c00 !important;
  color: #fff !important;
}

h1.hp-listing__title {
  text-transform: capitalize;
  color: #15cd72;
}

.hp-listing-category--view-block .hp-listing-category__description { display: none; }

.hp-listing--view-block .hp-listing__attributes--secondary .hp-listing__attribute { display: none; }

/* ===========================================
   7. VENDEDORES
   =========================================== */

.hp-vendor--view-block {
  display: flex;
  flex-wrap: wrap;
}

.hp-vendor__header,
.hp-vendor__content {
  display: inline-block;
  border-bottom: 1px solid #ccc;
}

.hp-vendor__header  { width: 30%; }
.hp-vendor__content { width: 70%; }

.hp-vendor--view-block .hp-vendor__header,
.hp-vendor--view-block .hp-vendor__content { padding: 1rem 2rem; }

.hp-vendor--view-block .hp-vendor__header:not(:last-child) { margin-bottom: 0; }
.hp-vendor--view-block .hp-vendor__image                   { width: 5rem; }
.hp-vendor--view-block .hp-vendor__footer                  { border-top: none; }

/* ===========================================
   8. SIDEBAR BLOG
   =========================================== */

.widget--sidebar { padding: 0 !important; }

.widget--sidebar ul li {
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.5rem;
}

h3.widget__title {
  color: #fff;
  background-color: orange;
  padding: 1rem 2rem;
  text-transform: uppercase;
  font-weight: 500;
  font-variant: normal;
}

/* ===========================================
   9. WIDGET ENTRADAS RECIENTES
   =========================================== */

.widget_custom_recent_posts_widget ul { list-style: none; padding: 0; }

.widget_custom_recent_posts_widget li {
  margin-bottom: 15px;
  overflow: hidden;
}

.widget_custom_recent_posts_widget a {
  display: flex;
  text-decoration: none;
  color: inherit;
}

.widget_custom_recent_posts_widget .recent-post-thumbnail {
  flex: 0 0 30px;
  margin-right: 10px;
  width: 50px;
  height: 50px;
  object-fit: cover;
}

.widget_custom_recent_posts_widget .recent-post-content { flex: 1; }

.widget_custom_recent_posts_widget .recent-post-title {
  margin: 0 0 5px;
  font-size: 14px;
  line-height: 1.3;
}

.widget_custom_recent_posts_widget .recent-post-meta {
  margin: 0;
  font-size: 12px;
  color: #777;
  text-transform: capitalize;
}

/* ===========================================
   10. REDES SOCIALES (SÍGUENOS)
   =========================================== */

.social-icons-container {
  display: flex;
  justify-content: space-around;
  padding: 20px 0;
}

.social-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}

.social-icon a {
  color: #fff;
  font-size: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.social-icon:hover { transform: scale(1.1); }

.facebook  { background-color: #3b5998; }
.tiktok    { background-color: #000; }
.instagram {
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
}

/* ===========================================
   11. BOTONES COMPARTIR EN REDES
   =========================================== */

.social-share-container {
  background-color: #f8f8f8;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 30px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
}

.social-share-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
  text-align: center;
  color: #15cd72;
}

.social-share-buttons {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.social-share-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  margin: 5px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.social-share-btn:hover {
  transform: translateY(-3px);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  opacity: 0.9;
  border: 2px solid #ff7e1f;
}

/* Colores por red */
.social-share-btn.facebook  { background-color: #3b5998; }
.social-share-btn.twitter   { background-color: #1da1f2; }
.social-share-btn.whatsapp  { background-color: #25d366; }
.social-share-btn.email     { background-color: #ff7e1f; }
.social-share-btn.instagram {
  background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
}

.social-share-btn.tiktok {
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.social-share-btn.tiktok::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(to right, #00f2ea, #ff0050);
  opacity: 0.3;
}

/* ===========================================
   12. BOTONES Y CTA
   =========================================== */

/* Botón Login Google */
.hp-social-links .hp-social-links__item--google {
  background-color: #efefef;
  border: 1px solid #dadce0;
  color: #333334;
  font-weight: 500;
  font-size: 14px;
  border-radius: 40px;
  font-family: 'Google Sans', 'Roboto', Arial, sans-serif;
  letter-spacing: 0.25px;
}

/* Contenedores CTA */
.contenedor-padre { position: relative; min-height: 400px; }
.contenedor-cta   { position: relative; min-height: 300px; }
.contenedor-ctamovil { display: none; }

/* Botón publicar */
.btn-publicar {
  position: absolute;
  bottom: 25%;
  left: 50%;
  transform: translateX(-50%) translateY(-2px);
  z-index: 10;
  background-color: #15cd72;
  color: #fff;
  border: none;
  border-radius: 30px;
  display: inline-block;
  padding: 8px 20px;
  text-decoration: none;
  font-weight: 500;
  font-family: inherit;
  font-size: inherit;
  line-height: 1.5;
  text-align: center;
  cursor: pointer;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  width: auto;
}

.btn-publicar:hover {
  background-color: #ff8c00;
  color: #000;
  transform: translateX(-50%) translateY(-4px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15);
}

.contenedor-cta .btn-publicar { left: 60%; }

/* Ciudades Sur */
.ciudades_sur .gkit-btn-wraper { background: #ccc; margin: 10px 15px; }

/* Relleno imagen */
.pad0 .wp-block-group.has-background { padding: 0; }

img.size-medium.wp-image-170.alignleft { width: 85%; }

/* ===========================================
   13. PLANES (MOSTRAR/OCULTAR)
   =========================================== */

.wp-block-columns .planesmovil { display: none; }
.wp-block-columns .planespc    { display: block; }

/* ===========================================
   14. MISCELÁNEOS
   =========================================== */

/* Revisiones: reordenar columnas en página de listado */
.hp-row.hp-listing.hp-listing--view-page,
.hp-page__content {
  display: flex;
  flex-direction: column;
}

/* ===========================================
   15. MEDIA QUERIES
   =========================================== */

/* --- Tabletas y PC (min 768px) --- */
@media (min-width: 768px) {
  .grid-cat-mov  { display: none !important; }
  .slide-movil   { display: none !important; }
}

/* --- Móvil (max 768px) --- */
@media (max-width: 768px) {

  /* Tipografía */
  .has-x-large-font-size { font-size: var(--wp--preset--font-size--x-large) !important; }

  h2.wp-block-heading.has-x-large-font-size {
    font-size: 1.1rem !important;
    font-weight: 800 !important;
    margin-top: -15px !important;
    line-height: 1.5rem;
  }

  /* Logo */
  .header-logo img { width: 90%; }

  /* Visibilidad */
  .hidemovil  { display: none !important; }

  /* Slider */
  .slide-movil { margin-bottom: 30px; }
  .slide-contenedor.wp-block-columns { margin-top: -1.98rem; }

  /* Grid de listados */
  .home .hp-listings .hp-grid__item,
  .hp-grid__item.hp-col-xs-12 {
    flex-basis: 50% !important;
    max-width: 50% !important;
    padding-right: 0.3rem;
    padding-left: 0.3rem;
  }

  .hp-page__content.hp-col-xs-12 { flex-basis: 100% !important; max-width: 100% !important; }
  #reviews .hp-grid__item.hp-col-xs-12 { flex-basis: 100% !important; max-width: 100% !important; }

  .hp-col-xs-12 { flex-basis: 50%; max-width: 100%; }

  /* Tarjetas de listado */
  .hp-listing--view-block .hp-listing__content { padding: 1rem; }
  .hp-listing--view-block .hp-listing__categories a { font-size: 0.6rem; }
  .hp-listing--view-block .hp-listing__created-date { font-size: 0.5rem; }
  .hp-listing--view-block .hp-listing__attributes--primary .hp-listing__attribute { font-size: 0.9rem; }
  .hp-listing--view-block .hp-listing__attributes--secondary .hp-listing__attribute { display: none; }

  h4.hp-listing__title { font-size: 1rem; }
  h1.hp-listing__title { font-size: 1.5rem; }

  .hp-listing__rating.hp-rating { display: none !important; }

  /* Reordenar layout página listado */
  .hp-page__sidebar { order: 1; margin-bottom: 1rem; }
  .hp-section        { order: 2; }

  /* Footer */
  .img_foot { margin-bottom: 15px; width: 250px; height: 63px; }

  /* Compartir */
  .social-share-buttons { justify-content: center; }

  /* Gap columnas */
  :where(.wp-block-columns.is-layout-flex) { gap: 0.1em !important; }

  /* CTA */
  .contenedor-cta    { display: none; }
  .contenedor-ctamovil { display: block; position: relative; }

  .contenedor-ctamovil .btn-publicar {
    background-color: #fff;
    color: #000;
    bottom: 18%;
    font-size: 12px !important;
  }

  /* Planes */
  .wp-block-columns .planesmovil { display: block !important; }
  .wp-block-columns .planespc    { display: none !important; }
	
	
}