/*
    =================================================================
    ============== Rebuild por LuisRojas.MX ==============
    =================================================================
    */
.productos.categoria { width: 100%; background-position: center top; float: left;/* background-image: url(https://llavinesygoznes.com.mx/web/wp-content/themes/llavines-goznes/css/LAY.png); */ background-repeat: no-repeat; margin: 0; }
.productos.categoria { font-family: Cairo, sans-serif; }
.productos.categoria .wrap { padding: 0 20px; }
.wrap { max-width: 1129px; margin: 0 auto; }
.col-l { width: 50%; float: left; }
.col-r { width: 50%; float: right; }
.productos.categoria .col-l { width: 24%; margin: 0 0 40px 0; }
.productos.categoria .col-l h2,
.productos.categoria .col-r h2 { text-transform: uppercase; color: #000000; margin: 0 0 22px 0; font-size: 32px; line-height: 120%; font-family: "Cairo", Sans-serif; font-weight: 700; }
.lista-categorias ul { margin: 0; padding: 0; }
.lista-categorias li { margin: 0; padding: 0; border-bottom: 1px solid rgb(0 0 0 / 10%); list-style-type: none; }
.lista-categorias ul ul ul { padding: 0 0 10px 20px; }
.lista-categorias ul ul ul li { border: 0; }
.lista-categorias ul ul ul li a { font-size: 14px; padding: 0; color: hsl(0deg 0% 0% / 60%); }
.lista-categorias a { font-family: Cairo, sans-serif; color: #429b70; padding: 5px; display: inline-block; text-decoration: none; }
.productos.categoria .col-r { width: 75%; }
.lista-productos { width: 100%; float: left; }
.lista-productos .producto { min-height: 390px; height: 460px; text-decoration: none; box-shadow: 0px 0px 0 0px rgba(0,0,0,0.0); background-color: white; width: 31%; margin: 1%; float: left; transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 15px 15px 15px 15px; }
.lista-productos .producto:hover { box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); }
.lista-productos .producto img { border: 0; margin: 0 0 10px 0; outline: 0 !important; }
.lista-productos .producto h3, .lista-productos .producto h3 a { color: #429b70; font-size: 18px; line-height: 100%; margin: 0 0 10px 0; min-height: 45px; text-decoration: none; }
.lista-productos .producto a.ver-mas { transition: background 0.5s; font-size: 14px; width: 50%; margin: 10px 25% 0px 25%; text-transform: uppercase; background-color: #B29F14; display: block; text-align: center; border-radius: 3px; color: white; padding: 10px; float: left; }
.lista-productos .producto a.ver-mas:hover { background-color: #ba8d14; }
.lista-productos .producto .desc { color: #000; font-size: 14px; width: 100%; line-height: 140%; margin: 0; float: left; min-height: 50px; }
.productos.categoria .single { }
.productos.categoria .single .col-l { width: 48%; }
.productos.categoria .single .col-r { width: 48%; }
.productos.categoria .single .col-r h1 { font-size: 30px; }
.productos.categoria .single .col-r ul { margin: 0; padding: 0; }
.lista-productos .producto .post-edit-link { font-size: 14px; font-weight: 100; }
/* ------------------------------------- */
/*  Temporales / Debug /borrar al final  */
/* ------------------------------------- */

.tabla-test a,
.tabla-test .post-edit-link { color: blue; }
.tabla-test td:nth-child(1),
.tabla-test td:nth-child(2),
.tabla-test td:nth-child(3) { display: none; }
.tabla-test td:nth-child(1),
.tabla-test td:nth-child(2),
.tabla-test td:nth-child(3) { display: table-cell; }
/* ------------------------------------- */
/*              Breadcrumbs              */
/* ------------------------------------- */
.breadcrumb { padding: 10px; margin: 0; color: color: rgb(0 0 0 / 50%);
background-color: rgb(0 0 0 / 15%); margin: 0 0 40px 0; }
.breadcrumb .wrap { padding: 0; }
.breadcrumb a { color: #429b70; text-decoration: none; }
/* ------------------------------------- */
/*               PAGINADOR               */
/* ------------------------------------- */
.paginador {float: left;width: 100%;padding: 20px 0;margin: 30px 0;}
.wp-pagenavi a,
.wp-pagenavi span { padding: 3px; line-height: 40px; text-align: center; display: inline-block; margin-right: 10px; font-size: 18px; width: 50px; height: 50px; background-color: white; color: rgb(18 131 184); text-decoration: none; border: 2px solid #ccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.wp-pagenavi a:hover,
.wp-pagenavi span.current { background: #B29F14; border-color: rgb(9 65 92 / 50%) !important; color: #fff; font-size: 20px; border: 3px solid #AFAFAF; }
.wp-pagenavi span.current { }
.wp-pagenavi span.current,
.wp-pagenavi a { border-radius: 100%; }


/* ======================================== */
/* =============== RESPONSIVE ============= */
/* ======================================== */

  /* ------------------------------------- */
  /*           2K 4K and beyond            */
  /* ------------------------------------- */
  @media (max-width: 1181px) {
}
  /* ------------------------------------- */
  /*               1180 MAX                */
  /* ------------------------------------- */
  @media (max-width: 1180px) {
.productos-lista .producto .texto h2 { font-size: 14px; }
}

  /* ------------------------------------- */
  /*                939 MAX                */
  /* ------------------------------------- */
  @media (max-width: 939px) {
.productos.categoria .col-l { width: 30%; }
.productos.categoria .col-r { width: 70%; }
.lista-productos .producto { width: 48%; }
}


    /* ------------------------------------- */
  /*                768 MAX                */
  /* ------------------------------------- */
  @media (max-width: 768px) {
.productos.categoria .col-l,
.productos.categoria .col-r,
.productos.categoria .producto .col-l,
.productos.categoria .producto .col-r { width: 100%; }
.lista-categorias ul li { margin: 0 0; float: left; width: 100%; }
.lista-categorias ul ul ul { padding: 0; margin: 0; display: none; }
.lista-categorias ul ul ul li { float: left; padding: 0 5px; margin: auto; width: auto; }
.lista-productos .producto { width: 48%; }
}


   /* ------------------------------------- */
  /*                500 MAX                */
  /* ------------------------------------- */
  @media (max-width: 500px) {
.lista-productos .producto { width: 100%; height: auto; margin: 0 0 50px 0; padding: 0; }
.lista-productos .producto a { width: 100%; display: block; }
.lista-productos .producto img { width: 100%; }
.lista-productos .producto h3,
.lista-productos .producto p { min-height: auto; }
}
