<template>
    <div>
        <header id="iniLetter" class="header-h">
            
            <div class="container py-3 py-md-2 d-flex justify-content-between align-items-center">
                
                <div class="mr-5 mr-md-0">
                    <a href="https://www.unam.mx/">
                        <img
                            src="../img/Logo-UNAM.png"
                            class="img-fluid"
                            alt="Logo UNAM"
                        />
                    </a>
                </div>
                
                <div>
                    <a href="http://www.acatlan.unam.mx/">
                        <img
                            src="../img/logo_fesa.png"
                            class="img-fluid"
                            alt="Logo Fes Acatlán"
                        />
                    </a>
                </div>
            
            </div>
            
        </header>
        <div class="header-f" >
            <div class="container d-flex py-2 align-items-center justify-content-between">
                <div>
                    <input class="form-control mr-sm-2" type="search" placeholder="Buscar" aria-label="Search">
                </div>
                <div>
                    <a href="#" class="cart-icon-custom-properties text-decoration-none text-white">
                        <font-awesome-icon icon="shopping-cart" class="text-white" /><sup> ( )</sup>
                    </a>
                </div>
            </div>
        </div>
    </div>
</template>

<script>

export default {
    data() {
        return {
            
        }
    },
    methods: {
       
    }
}

</script>
<style scoped>

.header-h {
    /* background: #1b3d70; */
    background: #1b3d70;
}

.header-f {
    background-color: #bb8800;
}
.cart-icon-custom-properties {
    font-size: 20px;
}
</style>
