/* CONTENEDOR */
.section {
    padding: 20px 20px;
}

.container {
    max-width: 96%;
    margin: auto;
    display: flex;
    gap: 30px;
    align-items: center;
}

/* COLUMNAS */
.col.fade-left{
	margin:  00px;
    padding: 20px;
	border-radius:20px;
	background-color: #E9E9E9;
	} 

.col {
    flex: 1;
	font-family:Tahoma;
	font-size:2.5vh;
	color:#172D46;
	
}

/* IMAGEN */
.col img {
    width: 90%;
    border-radius: 15px;
}

/* 🔥 ESTADO INICIAL (oculto) */
.fade-left,
.fade-right {
    opacity: 0;
    transition: all 1s ease;
}

/* Posiciones iniciales */
.fade-left {
    transform: translateX(-50px);
}

.fade-right {
    transform: translateX(50px);
}

/* 🔥 CUANDO APARECE */
.show {
    opacity: 1;
    transform: translateX(0);
}

/* RESPONSIVE */
@media (max-width: 768px) {
	.container .col{font-size:2.0vh;}
    .container {
        flex-direction: column;
        text-align: center;
    }
}