.elementor-2563 .elementor-element.elementor-element-a50a3e6{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:2px 0px 0px 0px;--border-top-width:2px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:var( --e-global-color-accent );--border-color:var( --e-global-color-accent );--padding-top:64px;--padding-bottom:70px;--padding-left:40px;--padding-right:40px;}.elementor-2563 .elementor-element.elementor-element-a50a3e6:not(.elementor-motion-effects-element-type-background), .elementor-2563 .elementor-element.elementor-element-a50a3e6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-3e92d103 );}.elementor-2563 .elementor-element.elementor-element-455866e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2563 .elementor-element.elementor-element-fbf3823{text-align:center;}.elementor-2563 .elementor-element.elementor-element-fbf3823 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:75px;font-weight:500;color:var( --e-global-color-primary );}.elementor-2563 .elementor-element.elementor-element-7a0b283{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-2563 .elementor-element.elementor-element-7a0b283:not(.elementor-motion-effects-element-type-background), .elementor-2563 .elementor-element.elementor-element-7a0b283 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(min-width:768px){.elementor-2563 .elementor-element.elementor-element-a50a3e6{--content-width:670px;}}@media(max-width:1024px){.elementor-2563 .elementor-element.elementor-element-a50a3e6{--padding-top:64px;--padding-bottom:112px;--padding-left:80px;--padding-right:80px;}.elementor-2563 .elementor-element.elementor-element-fbf3823 .elementor-heading-title{font-size:50px;}}@media(max-width:767px){.elementor-2563 .elementor-element.elementor-element-a50a3e6{--padding-top:48px;--padding-bottom:80px;--padding-left:24px;--padding-right:24px;}.elementor-2563 .elementor-element.elementor-element-fbf3823 > .elementor-widget-container{margin:0px 0px -30px 0px;}.elementor-2563 .elementor-element.elementor-element-fbf3823 .elementor-heading-title{font-size:40px;}.elementor-2563 .elementor-element.elementor-element-7a0b283{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for shortcode, class: .elementor-element-83baed3 */.brand-directory {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 1.5rem;
  padding: 2rem 1rem;
  justify-items: center;
}

/* Tarjeta individual */
.brand-card {
  background-color: #fff;
  border: 1px solid #eee;
  border-radius: 12px;
  padding: 1rem;
  width: 100%;
  max-width: 150px;
  text-align: center;
  transition: all 0.3s ease;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}

.brand-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
}

.brand-card img {
  max-width: 100%;
  max-height: 80px;
  object-fit: contain;
  margin-bottom: 0.5rem;
  transition: transform 0.3s;
}

.brand-card:hover img {
  transform: scale(1.05);
}

.brand-card h4 {
  font-size: 0.85rem;
  font-weight: 600;
  color: #333;
  margin: 0;
}

/* --- Responsive --- */
@media (max-width: 768px) {
  .brand-directory {
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 1rem;
    padding: 1rem;
  }

  .brand-card {
    max-width: 120px;
    padding: 0.8rem;
  }

  .brand-card h4 {
    font-size: 0.75rem;
  }

  .brand-card img {
    max-height: 60px;
  }
}

@media (max-width: 480px) {
  .brand-directory {
    grid-template-columns: repeat(2, 1fr);
  }

  .brand-card {
    max-width: none;
    width: 100%;
  }
}/* End custom CSS */