.gallery-section {
 background: var(--bg-muted);
 padding: 80px 0;
}

.gallery-container {
 max-width: 1200px;
 margin: 0 auto;
 padding: 0 48px;
}

/* Header */
.gallery-header {
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
 gap: 24px;
 margin-bottom: 40px;
}

.gallery-header-left {
 display: flex;
 flex-direction: column;
 gap: 8px;
}

.gallery-title {
 font-size: clamp(22px, 2.5vw, 30px);
 font-weight: 600;
 color: var(--text-page);
 margin: 0;
 line-height: 1.2;
}

.gallery-subtitle {
 font-size: 14px;
 color: var(--text-muted);
 margin: 0;
}

.gallery-btn-outline {
 display: inline-flex;
 align-items: center;
 border: 1px solid var(--text-page);
 color: var(--text-page);
 text-decoration: none;
 padding: 10px 22px;
 border-radius: 99px;
 font-size: 14px;
 font-weight: 500;
 white-space: nowrap;
 flex-shrink: 0;
 transition: all 0.2s;
}

.gallery-btn-outline:hover {
 background: var(--color-primary);
 color: var(--text-on-dark);
}

/* Grid */
.gallery-grid {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 24px;
}

/* Card */
.gallery-card {
 display: flex;
 flex-direction: column;
 gap: 16px;
 border: 1px solid var(--border-subtle);
 border-radius: 12px;
 overflow: hidden;
 background: var(--bg-surface);
}

.gallery-img-placeholder {
 background-image: url('/static/img/galeria/Imagen1.webp');
 background-size: cover;
 background-position: top;
 aspect-ratio: 16 / 9;
}

.gallery-img-placeholder--alt {
 background-image: url('/static/img/galeria/Imagen2.webp');
}

.gallery-caption {
 font-size: 14px;
 color: var(--text-page);
 margin: 0;
 padding: 0 20px 20px;
 line-height: 1.5;
}

/* Responsive */
@media (max-width: 768px) {
 .gallery-container {
 padding: 0 24px;
 }

 .gallery-section {
 padding: 60px 0;
 }

 .gallery-header {
 flex-direction: column;
 align-items: flex-start;
 }

 .gallery-grid {
 grid-template-columns: 1fr;
 }
}