/* ==========================================
   ATESCO 2026 - Frontend TinyMCE Layout
   ========================================== */

.atesco-columns {
    display: grid;
    gap: 20px;
    width: 100%;
    margin: 20px 0;
	align-items:center;
}

.atesco-columns-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.atesco-columns-30-70 {
    grid-template-columns: 30% 70%;
}

.atesco-columns-70-30 {
    grid-template-columns: 70% 30%;
}

.atesco-columns-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.atesco-columns-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.atesco-column {
    min-width: 0;
	vertical-align:middle;
}


/* ==========================================
   Responsive
   ========================================== */

@media (max-width: 768px) {

    .atesco-columns-2,
    .atesco-columns-30-70,
    .atesco-columns-70-30,
    .atesco-columns-3,
    .atesco-columns-4 {
        grid-template-columns: 1fr;
    }

}