/* AkropoConn V28 · Banners: miniaturas completas, carrusel accesible y vistas de administración. */
#bannerListado.akro-v28-banner-list{display:grid;grid-template-columns:1fr;gap:12px}
.akro-v28-admin-card{border:1px solid #d9dff0;border-radius:17px;padding:12px;display:flex;gap:15px;align-items:center;min-width:0;background:linear-gradient(130deg,#fff8ff,#f0faff)}
.akro-v28-admin-thumb{display:block;width:190px;height:108px;max-width:33%;object-fit:contain;object-position:center;background:#e9effc;border:1px solid #e0d9ef;border-radius:12px;flex-shrink:0}
.akro-v28-admin-thumb.akro-v28-empty{display:grid;place-items:center;color:#64658d;font-size:12px;font-weight:800;text-align:center}
.akro-v28-admin-info{min-width:0;flex:1}.akro-v28-admin-info strong{font-size:16px;overflow-wrap:anywhere}.akro-v28-admin-info p{margin:6px 0}
.akro-v28-admin-desc{font-size:13px;color:#536583;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.akro-v28-admin-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}
.akro-v28-admin-actions .btn{padding:8px 13px;font-size:12px;min-width:39px}
.akro-v28-preview-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;margin:13px 0;align-items:start}
.akro-v28-preview-grid>div{border:1px solid #d9d7f1;border-radius:14px;padding:12px;min-width:0;background:linear-gradient(135deg,#fff7ff,#f0faff)}
.akro-v28-preview-grid small{font-size:12px;color:#54618b;font-weight:900;display:block;margin-bottom:7px}
.akro-v28-desktop{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10px;background:#fff;border:1px solid #e5dfef;border-radius:10px;overflow:hidden;padding:8px}
.akro-v28-desktop img{width:100%!important;height:155px!important;object-fit:contain!important;display:block;background:#f4f3fd;border-radius:9px}
.akro-v28-desktop .akro-v28-copy{min-width:0;overflow-wrap:anywhere}
.akro-v28-desktop .akro-v28-copy strong{font-size:15px;display:block}
.akro-v28-desktop .akro-v28-copy p{font-size:12px;line-height:1.35}
.akro-v28-phone{max-width:215px;margin:0 auto;border:3px solid #d5cae9;border-radius:18px;padding:8px;background:white;text-align:center}
.akro-v28-phone img{width:100%!important;height:140px!important;object-fit:contain!important;background:#f4f3fd;border-radius:8px;display:block}
.akro-v28-phone strong{display:block;font-size:13px;margin:7px 0 3px;overflow-wrap:anywhere}
.akro-v28-preview-note{font-size:12px;line-height:1.35;color:#5b5d79;margin:12px 0 0}
/* Publicación: conserva siempre la imagen completa, incluso con el formato configurable V27. */
.akro-announcements .akro-announcement{min-height:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.akro-announcements .akro-announcement.no-photo{grid-template-columns:1fr}
.akro-announcements .akro-announcement .banner-photo{aspect-ratio:16/9;height:auto;min-height:0;max-height:420px;object-fit:contain;object-position:center;padding:12px;background:linear-gradient(130deg,#fff1fa,#e8f8ff)}
html[data-akro-banners="2x1"] .akro-announcements .akro-announcement .banner-photo{aspect-ratio:2/1}
html[data-akro-banners="3x1"] .akro-announcements .akro-announcement .banner-photo{aspect-ratio:3/1}
.akro-announcements .akro-announcement .banner-body{padding:clamp(18px,3.4vw,40px)}
.akro-announcements .akro-announcement .banner-body h3{overflow-wrap:anywhere}
.akro-announcements .akro-banner-actions{align-items:center}
.akro-v28-dots{display:flex;justify-content:center;align-items:center;gap:10px;padding:16px 0 2px;flex-wrap:wrap}
.akro-v28-dot{width:12px;height:12px;min-width:12px;min-height:12px;border:2px solid #b38bca;border-radius:50%;background:white;padding:0;cursor:pointer}
.akro-v28-dot.is-active{background:#9d47ae;border-color:#9d47ae;transform:scale(1.18)}
.akro-v28-dot:focus-visible{outline:3px solid #407dcc;outline-offset:4px}
#anuncioContenedor{touch-action:pan-y;}
@media(max-width:700px){
 .akro-v28-preview-grid{grid-template-columns:1fr}
 .akro-v28-admin-card{flex-direction:column;align-items:stretch}
 .akro-v28-admin-thumb{width:100%;height:160px;max-width:100%}
 .akro-v28-desktop{grid-template-columns:1fr 1fr}
 .akro-announcements .akro-announcement{grid-template-columns:1fr}
 .akro-announcements .akro-announcement .banner-photo{width:100%;max-height:380px;min-height:0;padding:8px}
 .akro-announcements .akro-announcement .banner-body{padding:20px}
 .akro-announcements .akro-announcement h3{font-size:clamp(21px,6vw,30px)}
 .akro-announcements .akro-banner-actions button{min-width:44px;min-height:44px}
}
@media(prefers-reduced-motion:reduce){.akro-v28-dot.is-active{transform:none}}