/*══════════════════════════════════════════════════
    PA BUNTOK 2.0
    SAMBUTAN KETUA
══════════════════════════════════════════════════*/

.sambutan-ketua{

    max-width:1040px;

    margin:40px auto 60px;

    padding:48px 52px;

    background:#ffffff;

    border:1px solid #E8EDF2;

    border-radius:24px;

    box-shadow:
        0 16px 45px rgba(15,23,42,.06);

    color:#334155;

}


/*══════════════════════════════════════════════════
    HEADER
══════════════════════════════════════════════════*/

.sambutan-header{

    text-align:center;

    margin-bottom:36px;

}

.sambutan-eyebrow{

    display:inline-flex;

    align-items:center;

    padding:7px 16px;

    border-radius:999px;

    background:#EAF7EE;

    color:#0B7A3B;

    font-size:.76rem;

    font-weight:700;

    letter-spacing:.8px;

}

.sambutan-header h1{

    margin:15px 0 14px;

    color:#1E293B;

    font-size:32px;

    line-height:1.2;

    font-weight:800;

}

.sambutan-line{

    width:64px;

    height:4px;

    margin:0 auto;

    border-radius:999px;

    background:#0B7A3B;

}


/*══════════════════════════════════════════════════
    PROFILE
══════════════════════════════════════════════════*/

.sambutan-profile {
    display: flex;

    align-items: center;
    justify-content: center;

    gap: 28px;

    padding: 28px 32px;

    margin-bottom: 38px;

    background: #F8FAFC;

    border: 1px solid #EDF2F7;

    border-radius: 18px;
}

.sambutan-photo{

    flex-shrink:0;

}

.sambutan-photo img {
    display: block;

    width: 150px;
    height: 180px;

    object-fit: cover;

    border-radius: 18px;

    border: 4px solid #ffffff;

    box-shadow:
        0 10px 26px rgba(15,23,42,.12);
}

.sambutan-identity{

    text-align:left;

}

.sambutan-identity h2 {
    margin: 0 0 7px;

    color: #1E293B;

    font-size: 23px;
    line-height: 1.3;

    font-weight: 750;
}

.sambutan-identity p {
    margin: 0;

    color: #64748B;

    font-size: .94rem;
}


/*══════════════════════════════════════════════════
    CONTENT
══════════════════════════════════════════════════*/

.sambutan-content{

    max-width:820px;

    margin:0 auto;

}

.sambutan-content p{

    margin:0 0 20px;

    color:#475569;

    font-size:15px;

    line-height:1.9;

    text-align:justify;

}

.sambutan-content p:last-child{

    margin-bottom:0;

}


/* BASMALAH */

.sambutan-basmalah{

    margin-bottom:12px !important;

    color:#0B7A3B !important;

    font-size:18px !important;

    font-weight:700;

    text-align:center !important;

}


/* SALAM */

.sambutan-salam{

    margin-bottom:28px !important;

    color:#1E293B !important;

    font-weight:700;

    text-align:center !important;

}


/*══════════════════════════════════════════════════
    CLOSING
══════════════════════════════════════════════════*/

.sambutan-closing{

    max-width:820px;

    margin:38px auto 0;

    padding-top:28px;

    border-top:1px solid #E8EDF2;

}

.sambutan-wassalam{

    margin:0 0 28px;

    color:#1E293B;

    font-size:15px;

    font-weight:600;

}

.sambutan-signature{

    display:flex;

    flex-direction:column;

    gap:5px;

}

.sambutan-signature span{

    color:#64748B;

    font-size:.86rem;

}

.sambutan-signature strong{

    color:#1E293B;

    font-size:17px;

    font-weight:750;

}


/*══════════════════════════════════════════════════
    SUBTLE HOVER
══════════════════════════════════════════════════*/

.sambutan-profile{

    transition:
        border-color .25s ease,
        box-shadow .25s ease;

}

.sambutan-profile:hover{

    border-color:#D8E8DD;

    box-shadow:
        0 8px 24px rgba(11,122,59,.05);

}


/*══════════════════════════════════════════════════
    TABLET
══════════════════════════════════════════════════*/

@media(max-width:768px){

    .sambutan-ketua{

        margin:25px 20px 45px;

        padding:36px 28px;

        border-radius:20px;

    }

    .sambutan-header h1{

        font-size:28px;

    }

    .sambutan-profile{

        padding:20px;

        gap:18px;

    }

}


/*══════════════════════════════════════════════════
    MOBILE
══════════════════════════════════════════════════*/

@media(max-width:576px){

    .sambutan-ketua{

        margin:20px 14px 35px;

        padding:30px 20px;

        border-radius:18px;

        box-shadow:
            0 10px 28px rgba(15,23,42,.05);

    }


    .sambutan-header{

        margin-bottom:28px;

    }

    .sambutan-eyebrow{

        padding:6px 13px;

        font-size:.68rem;

        letter-spacing:.6px;

    }

    .sambutan-header h1{

        margin:13px 0;

        font-size:24px;

    }


    /* PROFILE */

    .sambutan-profile{

        flex-direction:column;

        text-align:center;

        padding:22px 18px;

        margin-bottom:30px;

        border-radius:16px;

    }

	.sambutan-photo img {
		width: 120px;
		height: 150px;

		border-radius: 16px;
	}

    .sambutan-identity{

        text-align:center;

    }

    .sambutan-identity h2{

        font-size:19px;

    }

    .sambutan-identity p{

        font-size:.84rem;

    }


    /* CONTENT */

    .sambutan-content p{

        font-size:14px;

        line-height:1.85;

        text-align:left;

        margin-bottom:18px;

    }

    .sambutan-basmalah{

        font-size:16px !important;

    }

    .sambutan-salam{

        font-size:14px !important;

        line-height:1.7 !important;

        margin-bottom:24px !important;

    }


    /* CLOSING */

    .sambutan-closing{

        margin-top:30px;

        padding-top:24px;

    }

    .sambutan-wassalam{

        margin-bottom:24px;

    }

    .sambutan-signature strong{

        font-size:16px;

    }

}