@font-face {
    font-family: 'ITCAvantGardeStd';
    src: url(../font/ITCAvantGardeStd-Demi.otf) format('opentype');
}

@font-face {
    font-family: 'ITCAvantGardeStd-bold';
    font-weight: bold;
    src: url(../font/ITCAvantGardeStd-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'ITCAvantGardeStd-Bk';
    font-weight: bold;
    src: url(../font/ITCAvantGardeStd-Bk.otf) format('opentype');
}

.titulo-publicacion {
    text-align: center;
    color: #9f2240;
    font-family: 'ITCAvantGardeStd';
}

.texto-publicacion {
    font-family: 'ITCAvantGardeStd-Bk';
}

.imagen-publicacion {
    max-width: 500px;
    display: block;
    margin: auto;
}

.imagen-rep {
    max-width: 80px;
    display: block;
}

body {
    background-color: #f0f0f0; /* Light gray background */
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    margin: 0;
}

.container {
    flex: 1; /* This allows the container to expand and push the footer down */
}

.main-content {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
}

.centered-container {
    background-color: white; /* White container background */
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1); /* Optional shadow for better appearance */
    border-radius: 8px; /* Rounded corners */
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

footer {
    width: 100%;
    background-color: white;
    padding: 15px;
    text-align: center;
    box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1); /* Optional shadow */
}

.content-header {
    position: relative;
    padding: 15px 15px 0 15px;
    display: flex;
    /*justify-content: center;*/
    /*align-items: center;*/
}

    .content-header > h1 {
        margin: 0;
        font-size: 24px
    }

        .content-header > h1 > small {
            font-size: 15px;
            display: inline-block;
            padding-left: 4px;
        }

    .content-header > .breadcrumb {
        float: right;
        background: transparent;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 12px;
        padding: 7px 5px;
        position: absolute;
        top: 15px;
        right: 10px;
        border-radius: 2px;
    }