.principal-section {
    background: #f5f6f8;
    padding: 100px 0;
}

.principal-card {
    background: white;
    border-radius: 25px;
    padding: 60px;
    box-shadow: 0 20px 50px rgba(0,0,0,.08);
}

.principal-image {
    width: 300px;
    height: 300px;
    object-fit: cover;
    border-radius: 50%;
    border: 8px solid white;
    box-shadow: 0 15px 40px rgba(0,0,0,.15);
}

.section-title {
    display: inline-block;
    color: #888;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-size: .9rem;
    margin-bottom: 10px;
}

.principal-section h2 {
    font-size: 2.6rem;
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 30px;
}

    .principal-section h2 span {
        color: #d4af37;
    }

.quote-mark {
    font-size: 120px;
    color: #ececec;
    line-height: .5;
    font-family: Georgia;
}

.principal-section p {
    color: #555;
    font-size: 1.08rem;
    line-height: 2;
    margin-bottom: 20px;
}

.principal-info {
    margin-top: 40px;
    border-left: 5px solid #d4af37;
    padding-left: 20px;
}

    .principal-info h4 {
        margin-bottom: 5px;
        color: #222;
        font-weight: 700;
    }

    .principal-info span {
        color: #777;
    }