/**
 * 2007-2021 PrestaShop
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE.txt.
 *
 * (He mantenido tu cabecera de licencia para que no te riñan)
 */

 /* 1. Contenedor Maestro */
 .dbhomecategories-container {
     width: 100%;
     max-width: 1320px;
     margin: 0 auto;
     padding: 10px 0 15px;
 }

 /* 2. La Rejilla (Grid) */
 .klara-grid-pills {
     display: grid;
     grid-template-columns: repeat(2, 1fr);
     gap: 15px;
 }

 /* 3. La Pastilla Individual */
 .cat-pill {
     display: flex;
     align-items: stretch;
     height: 50px;
     width: 100%;
     background-color: #f8f8f2;
     border-radius: 4px;
     overflow: hidden;
     text-decoration: none !important;
     transition: transform 0.2s ease, box-shadow 0.2s ease;
     box-sizing: border-box;
 }

 /* Hover */
 .cat-pill:hover {
     transform: translateY(-2px);
     box-shadow: 0 4px 8px rgba(67, 128, 156, 0.2);
 }

 /* 4. Parte imagen */
 .cat-pill-img {
     width: 25%;
     height: 100%;
     background-color: #43809C;
     position: relative;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .cat-pill-img img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
     display: block;
 }

 /* 5. Parte texto */
 .cat-pill-text {
     width: 75%;
     height: 100%;
     display: flex;
     align-items: center;
     justify-content: flex-start;
     padding: 0 12px 0 15px;
     box-sizing: border-box;
 }

 .cat-pill-text span {
     display: block;
     margin: 0;
     font-size: 14px;
     font-weight: 350;
     color: #43809C;
     line-height: 1.2;
     text-align: left;
 }

 /* TABLET Y ESCRITORIO */
 @media (min-width: 768px) {
     .klara-grid-pills {
         grid-template-columns: repeat(4, 1fr);
     }
 }

 /* ESCRITORIO GRANDE */
 @media (min-width: 1200px) {
     .klara-grid-pills {
         grid-template-columns: repeat(5, 1fr);
     }
 }