/* =====================================================================
   DIRECTORIO PUBLICO DE AUSPICIANTES
   Se carga únicamente en auspiciantes.php.
   ===================================================================== */
.commerce-directory-content{ padding-block:28px 48px; }
.commerce-directory-head{ margin:0 0 14px; padding:0; background:transparent; }
.commerce-directory-head > span{ display:block; margin-bottom:4px; font-size:11px; font-weight:800; letter-spacing:.13em; color:var(--acento-hover); }
.commerce-directory-head h1{ margin:0; font-size:32px; line-height:1.15; }
.commerce-directory-head p{ margin:8px 0 0; max-width:780px; font-size:14.5px; line-height:1.55; color:#5d6661; text-align:left; }
.commerce-directory-index{ margin:0 0 34px; padding:16px 18px; border:1px solid #dce3dd; background:#fff; }
.commerce-directory-index > span{ display:block; margin-bottom:9px; font-size:11px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; color:#6b756f; }
.commerce-directory-index > div{ display:flex; flex-wrap:wrap; gap:8px; }
.commerce-directory-index a{ display:inline-flex; align-items:center; min-height:34px; padding:6px 10px; border:1px solid var(--acento-borde); background:var(--acento-suave); font-size:12px; font-weight:700; color:var(--acento-hover); }
.commerce-directory-index a:hover{ border-color:var(--acento); background:var(--acento-suave); }
.commerce-directory-group{ margin-top:68px; scroll-margin-top:16px; }
.commerce-directory-group:first-of-type{ margin-top:0; }
.commerce-directory-group-head{ display:flex; align-items:end; justify-content:space-between; gap:16px; margin-bottom:14px; padding-bottom:9px; border-bottom:2px solid var(--acento-hover); }
.commerce-directory-group-head > div{ display:flex; align-items:baseline; gap:12px; min-width:0; }
.commerce-directory-group-head h2{ margin:0; font-size:21px; font-weight:750; }
.commerce-directory-group-head span{ font-size:12px; color:#758078; }
.commerce-directory-top{ display:inline-flex; align-items:center; gap:5px; flex:0 0 auto; font-size:11.5px; font-weight:700; color:var(--acento); }
.commerce-directory-top:hover{ color:var(--acento-hover); }
.commerce-directory-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.commerce-card{ min-width:0; display:flex; background:#fff; border:1px solid #dfe4df; }
.commerce-card-main{ position:relative; flex:1 1 auto; display:grid; grid-template-columns:128px minmax(0,1fr) 20px; align-items:stretch; min-height:154px; gap:15px; padding:13px 15px 13px 13px; }
.commerce-card-logo{ align-self:center; display:grid; grid-template: minmax(0,1fr) / minmax(0,1fr); place-items:center; width:128px; max-width:100%; height:104px; padding:8px; overflow:hidden; background:#fafbfa; border:1px solid #ecefec; min-width:0; min-height:0; }
.commerce-card-logo > a{ display:grid; place-items:center; width:100%; height:100%; min-width:0; min-height:0; }
.commerce-card-logo img{ display:block; width:100%; height:100%; min-width:0; min-height:0; max-width:100%; max-height:100%; object-fit:contain; object-position:center; }
.commerce-card-copy{ display:flex; flex-direction:column; min-width:0; height:100%; gap:5px; }
.commerce-card-name{ display:block; font-size:15px; line-height:1.25; font-weight:750; color:#303733; }
a.commerce-card-name:hover{ color:var(--acento-hover); text-decoration:underline; text-underline-offset:2px; }
.commerce-card-copy small{ display:flex; gap:6px; align-items:flex-start; font-size:11.5px; line-height:1.38; color:#747d78; }
.commerce-card-copy small i{ flex:0 0 auto; margin-top:1px; color:var(--acento); }
.commerce-card-arrow{ align-self:start; display:grid; place-items:center; width:24px; height:24px; margin-top:2px; font-size:15px; color:#8a958c; }
.commerce-card-arrow:hover{ color:var(--acento-hover); }
.commerce-card-actions{ display:flex; flex-wrap:wrap; justify-content:flex-end; gap:7px; margin-top:auto; padding-top:9px; }
.commerce-card-action{ display:inline-grid; place-items:center; width:34px; height:34px; padding:0; border:1px solid var(--acento-borde); background:var(--acento-suave); font-size:16px; line-height:1; color:var(--acento-hover); }
.commerce-card-action:hover{ border-color:var(--acento); background:var(--acento-suave); }
.commerce-card-whatsapp{ border-color:var(--acento-borde); color:var(--acento-hover); }
.commerce-card-whatsapp:hover{ border-color:var(--acento); background:var(--acento-suave); color:var(--acento-hover); }

@media (width < 992px){
 .commerce-card-main{ grid-template-columns:minmax(0,1fr) 24px; grid-template-rows:auto 1fr; gap:11px 12px; padding:14px; }
 .commerce-card-logo{ grid-column:1 / -1; grid-row:1; width:100%; height:118px; padding:10px; }
 .commerce-card-logo > a{ width:100%; height:100%; overflow:hidden; }
 .commerce-card-copy{ grid-column:1; grid-row:2; }
 .commerce-card-arrow{ grid-column:2; grid-row:2; }
}

@media (width < 576px){
 .commerce-directory-content{ padding-bottom:36px; }
 .commerce-directory-head{ margin:0 0 12px; padding:0; }
 .commerce-directory-index{ margin-bottom:28px; padding:14px; }
 .commerce-directory-index > div{ gap:7px; }
 .commerce-directory-index a{ font-size:11.5px; }
 .commerce-directory-group{ margin-top:58px; }
 .commerce-directory-group-head{ align-items:flex-start; }
 .commerce-directory-group-head > div{ display:block; }
 .commerce-directory-group-head span{ display:block; margin-top:3px; }
 .commerce-directory-grid{ grid-template-columns:1fr; }
 .commerce-card-main{ grid-template-columns:1fr; gap:11px; padding:14px; }
 .commerce-card-logo{ width:100%; max-width:100%; height:118px; padding:10px; }
 .commerce-card-logo > a{ width:100%; height:100%; max-width:100%; overflow:hidden; }
 .commerce-card-copy{ width:100%; }
 .commerce-card-name{ font-size:15.5px; }
 .commerce-card-copy small{ font-size:12px; }
 .commerce-card-arrow{ position:absolute; top:12px; right:12px; margin:0; background:rgba(255,255,255,.88); }
 .commerce-card-actions{ margin-top:auto; padding-top:10px; }
 .commerce-card-action{ width:38px; height:38px; font-size:18px; }
}