/* ==========================================================
assets/css/single-aviso.css
Ficha individual de clasificado - Tu Aviso Los Andes
========================================================== */

.tal-single-wrap {
background-color: #f1f5f9;
min-height: 100vh;
padding: 20px 15px 90px 15px;
font-family: 'Proxima Nova', -apple-system, BlinkMacSystemFont, sans-serif;
}

.tal-single-container {
max-width: 1180px;
margin: 0 auto;
}

/* MIGA DE PAN */
.tal-crumbs {
font-size: 13.5px;
color: #64748b;
margin-bottom: 16px;
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
font-weight: 500;
}

.tal-crumbs a {
color: #4338CA !important;
text-decoration: none;
font-weight: 600;
transition: color 0.15s ease;
}

.tal-crumbs a:hover {
color: #312E81 !important;
text-decoration: underline;
}

.tal-crumbs .tal-crumb-sep {
color: #94a3b8;
font-size: 12px;
}

.tal-crumbs span.tal-crumb-current {
color: #4338CA;
font-weight: 600;
}

/* CONTENEDOR MAESTRO UNIFICADO BLANCO */
.tal-single-master-sheet {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 8px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03);
box-sizing: border-box;
overflow: hidden;
}

/* BLOQUE SUPERIOR */
.tal-single-top-section {
display: flex;
gap: 28px;
padding: 24px 28px 6px 28px;
align-items: stretch;
box-sizing: border-box;
}

.tal-single-left-col {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
}

.tal-single-gallery-col {
width: 100%;
}

/* GALERÍA DE FOTOS Y MINIATURAS */
.tal-gallery-row {
display: flex;
gap: 12px;
align-items: flex-start;
width: 100%;
}

.tal-gallery-thumbs-vertical {
display: flex;
flex-direction: column;
gap: 8px;
width: 64px;
flex-shrink: 0;
max-height: 440px;
overflow-y: auto;
scrollbar-width: none;
}
.tal-gallery-thumbs-vertical::-webkit-scrollbar {
display: none;
}

.tal-gallery-thumb {
width: 60px;
height: 60px;
border-radius: 6px;
border: 1.5px solid #cbd5e1;
cursor: pointer;
object-fit: cover;
transition: all 0.15s ease;
background: #ffffff;
box-sizing: border-box;
}

.tal-gallery-thumb.active,
.tal-gallery-thumb:hover {
border-color: #3483fa;
transform: translateY(-1px);
box-shadow: 0 2px 6px rgba(52, 131, 250, 0.2);
}

.tal-gallery-main {
flex: 1;
min-width: 0;
height: 440px;
background: #ffffff;
border-radius: 8px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
position: relative;
box-sizing: border-box;
cursor: zoom-in;
}

.tal-gallery-main img {
width: 100%;
height: 100%;
object-fit: contain;
transition: transform 0.25s ease;
}

/* CAJA DERECHA DE DETALLES (SUPERFICIE UNIFICADA) */
.tal-single-box-side {
width: 360px;
flex-shrink: 0;
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 8px;
padding: 24px;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-self: stretch;
}

.tal-link-ver-tienda-top {
font-size: 13.5px;
font-weight: 600;
color: #3483fa;
text-decoration: none;
display: inline-block;
margin-bottom: 6px;
transition: color 0.15s ease;
}

.tal-link-ver-tienda-top:hover {
color: #0B2A4A;
text-decoration: underline;
}

.tal-single-side-meta-top {
font-size: 12.5px;
color: #64748b;
margin-bottom: 10px;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}

.tal-meta-sep { color: #cbd5e1; }
.tal-icon-gps-gray { color: #94a3b8; margin-right: 3px; }

.tal-single-side-title {
font-size: 22px;
font-weight: 700;
color: #333333;
margin: 0 0 14px 0;
line-height: 1.3;
word-break: break-word;
}

.tal-single-price-side {
font-size: 32px;
font-weight: 700;
color: #333333;
margin-bottom: 20px;
letter-spacing: -0.5px;
}

.tal-btn-cta-wp-orange {
width: 100%;
height: 48px;
border-radius: 8px;
font-size: 15px;
font-weight: 700;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
text-decoration: none;
cursor: pointer;
border: none;
background: #F59E0B;
color: #ffffff !important;
transition: background-color 0.18s ease, transform 0.18s ease;
box-sizing: border-box;
margin-bottom: 12px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}

.tal-btn-cta-wp-orange:hover {
background: #f8a71d;
transform: translateY(-1px);
color: #ffffff !important;
}

.tal-btn-cta-wp-orange i { font-size: 20px; }

/* COMPARTIR EN ESCRITORIO (INTEGRADO SIN CAJA ANIDADA) */
.tal-desktop-share-box {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
padding: 10px 0;
background: transparent;
border: none;
border-top: 1px solid #f1f5f9;
box-sizing: border-box;
}

.tal-desktop-share-label {
font-size: 12px;
font-weight: 700;
color: #64748b;
display: inline-flex;
align-items: center;
gap: 6px;
}

.tal-desktop-share-btns {
display: flex;
align-items: center;
gap: 6px;
}

.tal-btn-share-icon {
width: 30px;
height: 30px;
border-radius: 6px;
background: #ffffff;
border: 1px solid #cbd5e1;
color: #475569;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 12.5px;
text-decoration: none;
cursor: pointer;
transition: all 0.15s ease;
}

.tal-btn-share-icon:hover {
border-color: #0B2A4A;
color: #0B2A4A;
transform: translateY(-1px);
}

.tal-btn-share-icon.share-wa:hover { background: #22c55e; border-color: #22c55e; color: #ffffff; }
.tal-btn-share-icon.share-fb:hover { background: #1877F2; border-color: #1877F2; color: #ffffff; }
.tal-btn-share-icon.share-x:hover { background: #0f172a; border-color: #0f172a; color: #ffffff; }

/* BLOQUE "PUBLICADO POR" UNIFICADO SIN CAJA ANIDADA */
.tal-published-by-card {
padding: 14px 0 0 0;
background: transparent;
border: none;
border-top: 1px solid #f1f5f9;
box-sizing: border-box;
margin-top: 4px;
margin-bottom: 0;
}

.tal-published-by-label {
font-size: 11px;
font-weight: 700;
color: #94a3b8;
margin-bottom: 10px;
display: block;
text-transform: uppercase;
letter-spacing: 0.5px;
}

.tal-publisher-head {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 12px;
}

.tal-publisher-avatar {
width: 44px;
height: 44px;
border-radius: 50%;
background: #f1f5f9;
color: #333333;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 700;
overflow: hidden;
flex-shrink: 0;
border: 1.5px solid #e2e8f0;
}

.tal-publisher-avatar img { width: 100%; height: 100%; object-fit: cover; }
.tal-publisher-info { min-width: 0; flex-grow: 1; }

.tal-publisher-name {
font-size: 15.5px;
font-weight: 700;
color: #333333;
margin: 0 0 3px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.tal-publisher-name a { color: #333333; text-decoration: none; }
.tal-publisher-name a:hover { color: #3483fa; text-decoration: underline; }

.tal-publisher-badge-pill {
display: inline-flex;
align-items: center;
gap: 5px;
font-size: 11px;
font-weight: 700;
color: #4338CA;
background: #EEF2FF;
padding: 3px 8px;
border-radius: 4px;
}

/* REDES SOCIALES DEL VENDEDOR */
.tal-seller-channels-box {
margin-top: 12px;
padding-top: 12px;
border-top: 1px solid #f8fafc;
}

.tal-seller-channels-title {
font-size: 11px;
font-weight: 700;
color: #64748b;
display: block;
margin-bottom: 8px;
text-transform: uppercase;
letter-spacing: 0.3px;
}

.tal-seller-channels-grid {
display: flex;
gap: 8px;
flex-wrap: wrap;
}

.tal-channel-pill-btn {
display: inline-flex;
align-items: center;
gap: 6px;
height: 32px;
padding: 0 10px;
border-radius: 6px;
font-size: 12px;
font-weight: 600;
text-decoration: none;
border: 1px solid #e2e8f0;
background: #ffffff;
color: #334155;
transition: all 0.15s ease;
}

.tal-channel-pill-btn:hover { transform: translateY(-1px); }
.tal-channel-pill-btn.channel-ig:hover { background: #fdf2f8; border-color: #fbcfe8; color: #E1306C; }
.tal-channel-pill-btn.channel-fb:hover { background: #eff6ff; border-color: #bfdbfe; color: #1877F2; }
.tal-channel-pill-btn.channel-web:hover { background: #f0f9ff; border-color: #bae6fd; color: #0284c7; }
.tal-channel-pill-btn.channel-tel:hover { background: #f8fafc; border-color: #cbd5e1; color: #0B2A4A; }

/* HORARIO COMERCIAL EN VIVO */
.tal-business-hours-box {
margin-top: 12px;
padding: 10px 12px;
background: #f8fafc;
border: 1px solid #e2e8f0;
border-radius: 6px;
font-size: 11.5px;
}

.tal-bhours-head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 4px;
font-weight: 700;
}

.tal-bhours-title {
color: #334155;
display: inline-flex;
align-items: center;
gap: 5px;
}

.tal-bhours-badge {
font-size: 10px;
font-weight: 800;
padding: 2px 6px;
border-radius: 4px;
text-transform: uppercase;
letter-spacing: 0.3px;
}

.tal-bhours-badge.open { background: #dcfce7; color: #15803d; }
.tal-bhours-badge.closed { background: #fee2e2; color: #b91c1c; }
.tal-bhours-times { color: #64748b; line-height: 1.4; }

/* CONSEJOS DE SEGURIDAD EN MENDOZA */
.tal-safety-quote-box {
margin-top: 14px;
padding: 12px 14px;
background: #f8fafc;
border: 1px solid #f1f5f9;
border-left: 3.5px solid #94a3b8;
border-radius: 0 6px 6px 0;
font-size: 11.5px;
color: #475569;
line-height: 1.5;
box-sizing: border-box;
}

.tal-safety-quote-head {
font-weight: 700;
color: #334155;
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 6px;
font-size: 12px;
}

.tal-safety-quote-head i { color: #64748b; }
.tal-safety-quote-list { margin: 0; padding-left: 16px; }
.tal-safety-quote-list li { margin-bottom: 4px; }
.tal-safety-quote-list li:last-child { margin-bottom: 0; }

/* SECCIONES: TAMBIÉN PODRÍA INTERESARTE Y DEL VENDEDOR */
.tal-left-divider {
height: 1px;
background: #e2e8f0;
margin: 16px 0 14px 0;
}

.tal-related-slider-box {
margin-top: auto;
padding-top: 4px;
position: relative;
}

.tal-related-slider-head {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 12px;
}

.tal-related-slider-title {
font-size: 18px;
font-weight: 700;
color: #333333;
margin: 0;
}

.tal-related-slider-track-wrap {
position: relative;
padding: 0;
}

.tal-related-slider-track {
display: flex;
gap: 12px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scrollbar-width: none;
padding: 6px 4px 14px 4px;
}

.tal-related-slider-track::-webkit-scrollbar { display: none; }

.tal-btn-slider-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
border-radius: 50%;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.08);
box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16);
color: #3483fa;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: transform 0.2s ease, box-shadow 0.2s ease, color 0.15s ease;
z-index: 10;
outline: none;
}

.tal-btn-slider-arrow.arrow-prev { left: -12px; }
.tal-btn-slider-arrow.arrow-next { right: -12px; }

.tal-btn-slider-arrow:hover {
background: #ffffff;
color: #0B2A4A;
transform: translateY(-50%) scale(1.06);
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
}

.tal-related-slider-item {
flex: 0 0 calc((100% - 24px) / 3);
max-width: calc((100% - 24px) / 3);
scroll-snap-align: start;
box-sizing: border-box;
}

.tal-sheet-divider {
height: 1px;
background: #e2e8f0;
margin: 0 28px;
}

.tal-sheet-section {
padding: 16px 28px 24px 28px;
box-sizing: border-box;
}

.tal-sheet-section-title {
font-size: 19px;
font-weight: 700;
color: #333333;
margin: 0 0 16px 0;
display: flex;
justify-content: space-between;
align-items: center;
}

/* CARDS COMPACTAS DEL VENDEDOR */
.tal-seller-track-wrap {
position: relative;
width: 100%;
margin-bottom: 14px;
}

.tal-seller-track {
display: flex;
gap: 14px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scroll-behavior: smooth;
scrollbar-width: none;
padding: 4px 2px 10px 2px;
}

.tal-seller-track::-webkit-scrollbar { display: none; }

.tal-seller-compact-card {
flex: 0 0 calc((100% - 28px) / 3);
max-width: calc((100% - 28px) / 3);
scroll-snap-align: start;
background: #ffffff !important;
border: none !important;
outline: none !important;
border-radius: 8px !important;
padding: 12px 14px;
display: flex;
align-items: center;
gap: 12px;
text-decoration: none;
color: inherit;
transition: transform 0.22s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.22s cubic-bezier(0.25, 1, 0.5, 1) !important;
box-sizing: border-box;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08) !important;
}

.tal-seller-compact-card:hover {
transform: translateY(-3px) !important;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.13) !important;
}

.tal-seller-compact-imgbox {
width: 78px;
height: 78px;
flex-shrink: 0;
border-radius: 6px;
background: #ffffff;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
padding: 2px;
box-sizing: border-box;
}

.tal-seller-compact-imgbox img { width: 100%; height: 100%; object-fit: contain; }

.tal-seller-compact-info {
min-width: 0;
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: center;
}

.tal-seller-compact-badge {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 9.5px;
font-weight: 800;
text-transform: uppercase;
background: #fef3c7;
color: #b45309;
padding: 2px 6px;
border-radius: 4px;
margin-bottom: 5px;
width: fit-content;
}

.tal-seller-compact-title {
font-size: 13px;
font-weight: 600;
color: #333333;
margin: 0 0 2px 0;
line-height: 1.3;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}

.tal-seller-store-name {
display: inline-flex;
align-items: center;
gap: 3px;
font-size: 10.5px;
font-weight: 400;
color: #64748b;
margin-top: 1px;
margin-bottom: 4px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
line-height: 1.2;
}
.tal-seller-store-name i { font-size: 9.5px; color: #4338CA; }

.tal-seller-compact-price {
font-size: 17px;
font-weight: 800;
color: #333333;
margin: 0 0 4px 0;
}

.tal-seller-compact-loc {
font-size: 11px;
color: #64748b;
display: flex;
align-items: center;
gap: 4px;
}

.tal-ver-mas-tienda-link {
display: inline-flex;
align-items: center;
gap: 6px;
font-size: 13px;
font-weight: 600;
color: #3483fa;
text-decoration: none;
margin-top: 4px;
}

.tal-ver-mas-tienda-link:hover {
text-decoration: underline;
color: #0B2A4A;
}

.tal-desc-content {
font-size: 15px;
line-height: 1.8;
color: #333333;
}

.tal-desc-content p { margin: 0 0 14px 0; }

/* HEADER MÓVIL DINÁMICO */
.tal-mobile-smart-header {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 54px;
z-index: 999999;
background: transparent;
transition: background 0.25s ease, box-shadow 0.25s ease;
box-sizing: border-box;
padding: 0 12px;
align-items: center;
justify-content: space-between;
}

.tal-mobile-smart-header.is-solid {
background: #0B2A4A;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.tal-mhdr-btn {
width: 38px;
height: 38px;
border-radius: 50%;
background: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.08);
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
color: #333333;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 15px;
cursor: pointer;
text-decoration: none;
transition: all 0.2s ease;
outline: none;
flex-shrink: 0;
}

.tal-mobile-smart-header.is-solid .tal-mhdr-btn {
background: transparent;
border-color: transparent;
box-shadow: none;
color: #ffffff;
}

.tal-mhdr-right-group {
display: flex;
align-items: center;
gap: 8px;
}

/* BUSCADOR EXPANDIBLE MÓVIL */
.tal-mhdr-search-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 54px;
background: #ffffff;
display: none;
align-items: center;
padding: 0 10px;
box-sizing: border-box;
z-index: 10;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.tal-mhdr-search-overlay.is-active { display: flex; }

.tal-mhdr-search-box {
display: flex;
align-items: center;
flex-grow: 1;
background: #f1f5f9;
border-radius: 20px;
height: 38px;
padding: 0 12px;
margin: 0 8px;
box-sizing: border-box;
}

.tal-mhdr-search-input {
border: none !important;
background: transparent !important;
outline: none !important;
font-size: 13.5px;
color: #333;
flex-grow: 1;
height: 100%;
}

.tal-mhdr-search-close {
background: none;
border: none;
color: #64748b;
font-size: 18px;
cursor: pointer;
padding: 4px;
}

/* BANDEJA DE COMPARTIR INFERIOR (BOTTOM SHEET) */
.tal-bottom-sheet-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.55);
z-index: 9999999;
align-items: flex-end;
box-sizing: border-box;
backdrop-filter: blur(2px);
}

.tal-bottom-sheet-card {
background: #ffffff;
width: 100%;
border-radius: 16px 16px 0 0;
padding: 16px 20px 34px 20px;
box-sizing: border-box;
animation: talSlideUpSheet 0.25s cubic-bezier(0.25, 1, 0.5, 1);
max-height: 85vh;
overflow-y: auto;
}

@keyframes talSlideUpSheet {
from { transform: translateY(100%); }
to { transform: translateY(0); }
}

.tal-bsheet-handle {
width: 40px;
height: 4px;
background: #cbd5e1;
border-radius: 4px;
margin: 0 auto 14px auto;
}

.tal-bsheet-head {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 18px;
}

.tal-bsheet-title {
font-size: 16px;
font-weight: 800;
color: #1e293b;
margin: 0;
}

.tal-bsheet-close {
background: none;
border: none;
font-size: 24px;
color: #64748b;
cursor: pointer;
line-height: 1;
padding: 0;
}

.tal-bsheet-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 16px 10px;
text-align: center;
}

.tal-bsheet-btn {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px;
background: none;
border: none;
cursor: pointer;
text-decoration: none;
color: #334155;
}

.tal-bsheet-icon-circle {
width: 52px;
height: 52px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
color: #ffffff;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
transition: transform 0.15s ease;
}

.tal-bsheet-btn:active .tal-bsheet-icon-circle {
transform: scale(0.92);
}

.tal-bsheet-btn span {
font-size: 11.5px;
font-weight: 600;
color: #475569;
line-height: 1.2;
}

/* LIGHTBOX MODAL */
.tal-lightbox-modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.88);
backdrop-filter: blur(6px);
z-index: 999999999;
align-items: center;
justify-content: center;
box-sizing: border-box;
user-select: none;
}

.tal-lightbox-counter {
position: absolute;
top: 24px;
left: 30px;
color: #ffffff;
font-size: 13.5px;
font-weight: 700;
background: rgba(255, 255, 255, 0.15);
padding: 5px 14px;
border-radius: 20px;
letter-spacing: 0.5px;
backdrop-filter: blur(4px);
}

.tal-lightbox-close {
position: absolute;
top: 20px;
right: 28px;
background: none;
border: none;
color: #ffffff;
font-size: 34px;
line-height: 1;
cursor: pointer;
padding: 4px 10px;
border-radius: 8px;
transition: transform 0.15s ease, color 0.15s ease;
z-index: 10;
}

.tal-lightbox-close:hover {
transform: scale(1.1);
color: #F59E0B;
}

.tal-lightbox-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 52px;
height: 52px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.12);
border: 1px solid rgba(255, 255, 255, 0.25);
color: #ffffff;
font-size: 20px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.2s ease;
z-index: 10;
outline: none;
}

.tal-lightbox-nav.prev { left: 28px; }
.tal-lightbox-nav.next { right: 28px; }

.tal-lightbox-nav:hover {
background: rgba(255, 255, 255, 0.28);
transform: translateY(-50%) scale(1.08);
color: #ffffff;
}

.tal-lightbox-content {
max-width: 88vw;
max-height: 86vh;
display: flex;
align-items: center;
justify-content: center;
}

.tal-lightbox-content img {
max-width: 88vw;
max-height: 86vh;
object-fit: contain;
border-radius: 6px;
box-shadow: 0 16px 48px rgba(0, 0, 0, 0.6);
animation: talFadeInImg 0.2s cubic-bezier(0.25, 1, 0.5, 1);
}

@keyframes talFadeInImg {
from { opacity: 0; transform: scale(0.97); }
to { opacity: 1; transform: scale(1); }
}

/* RESPONSIVE DESIGN (MÓVIL) */
.tal-mobile-top-title-block { display: none; }

@media (max-width: 900px) {
.tal-header,
.tal-crumbs {
display: none !important;
}

.tal-mobile-smart-header { display: flex; }

.tal-single-wrap {
padding: 0 0 90px 0;
background: #ffffff;
}

.tal-single-master-sheet {
display: flex;
flex-direction: column;
border: none;
border-radius: 0;
box-shadow: none;
}

.tal-single-top-section,
.tal-single-left-col {
display: contents;
}

/* 1. GALERÍA ARRIBA */
.tal-single-gallery-col {
order: 1;
padding: 0;
box-sizing: border-box;
width: 100%;
}

.tal-gallery-row {
flex-direction: column-reverse;
gap: 0;
}

.tal-gallery-thumbs-vertical {
flex-direction: row;
width: 100%;
max-height: none;
overflow-x: auto;
padding: 8px 14px 4px 14px;
gap: 8px;
box-sizing: border-box;
}

.tal-gallery-thumb { width: 52px; height: 52px; flex-shrink: 0; }

.tal-gallery-main {
height: 340px;
border-radius: 0;
background: #f8fafc;
}

.tal-left-divider { display: none; }

/* 2. TÍTULO Y METADATA DEBAJO DE LAS FOTOS */
.tal-mobile-top-title-block {
display: block;
order: 2;
padding: 14px 16px 4px 16px;
box-sizing: border-box;
}

.tal-mobile-heading-h1 {
font-size: 21px;
font-weight: 700;
color: #333333;
margin: 0 0 6px 0;
line-height: 1.3;
word-break: break-word;
}

.tal-mobile-meta-top {
font-size: 12px;
color: #64748b;
margin-bottom: 6px;
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
}

/* 3. CAJA LATERAL DERECHA */
.tal-single-box-side {
order: 3;
width: 100%;
border-left: none;
border-right: none;
border-radius: 0;
border-top: none;
border-bottom: 1px solid #e2e8f0;
padding: 10px 16px 20px 16px;
margin-bottom: 14px;
}

.tal-single-box-side .tal-single-side-meta-top,
.tal-single-box-side .tal-single-side-title {
display: none;
}

.tal-desktop-share-box { display: none; }

/* 4. PUBLICACIONES RELACIONADAS */
.tal-related-slider-box {
order: 4;
padding: 6px 16px 20px 16px;
box-sizing: border-box;
border-bottom: 1px solid #e2e8f0;
}

.tal-related-slider-item {
flex: 0 0 160px;
max-width: 160px;
}

/* 5. DESCRIPCIÓN */
.tal-desc-sheet-section {
order: 5;
padding: 18px 16px 20px 16px;
box-sizing: border-box;
border-bottom: 1px solid #e2e8f0;
}

/* 6. PUBLICACIONES DEL VENDEDOR */
.tal-seller-sheet-section {
order: 6;
padding: 18px 16px 24px 16px;
box-sizing: border-box;
}

.tal-seller-compact-card {
flex: 0 0 85%;
max-width: 85%;
}

.tal-sheet-divider { display: none; }
}