@charset "UTF-8";
/*
Theme Name: CANTYVOL
Author: JAEL PROAÑO
Author URI: jaeproa@gmail.com
Description: Thema personalizado para UNACEM
Requires at least: WordPress 6
Version: 1.0
License: Privada
License URI: LICENSE
Thema desarrollado para wordpress con bootstrap 5.0
*/

/********** Template CSS **********/
@font-face {
    font-family: chaney;
    src: url(fonts/CHANEY-Regular.woff);
}

@font-face {
    font-family: "Silka Bold";
    src: url("fonts/silkaBold/738c5bf4433c36f5e4c16d55194b7d07.eot");
    /* IE9*/
    src: url("fonts/silkaBold/738c5bf4433c36f5e4c16d55194b7d07.eot?#iefix") format("embedded-opentype"),
        /* IE6-IE8 */
        url("fonts/silkaBold/738c5bf4433c36f5e4c16d55194b7d07.woff2") format("woff2"),
        /* chrome、firefox */
        url("fonts/silkaBold/738c5bf4433c36f5e4c16d55194b7d07.woff") format("woff"),
        /* chrome、firefox */
        url("fonts/silkaBold/738c5bf4433c36f5e4c16d55194b7d07.ttf") format("truetype"),
        /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
        url("fonts/silkaBold/738c5bf4433c36f5e4c16d55194b7d07.svg#Silka Bold") format("svg");
    /* iOS 4.1- */
}

@font-face {
    font-family: silka;
    src: url(fonts/Silka-Regular.woff);
}

body {
    font-family: silka, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.seccion-imagen-banner-page {
    width: 100%;
    min-height: 500px;
    background-size: cover !important;
    background-position: center;
}

.seccion-imagen-banner-page::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background: #86868b;
    z-index: 1;
    left: 0;
    bottom: 0;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.79) 25%, rgba(8, 8, 8, 0.1) 100%);

}

.seccion-imagen-banner-page h1 {
    color: #fff;
    z-index: 100;
}

.relative {
    position: relative !important;
}

.texto-seccion-imagen-banner-page {
    position: absolute !important;

    left: 9% !important;
    top: 30% !important;
    text-align: left;
    color: #fff !important;
    width: 50%;
    z-index: 10;

}

.texto-seccion-imagen-banner-page label {
    font-size: 35px;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 20px;
    font-family: chaney, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.wp-block-column p {
    text-align: justify !important;
}

.titulo-main {
    font-family: chaney, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 30px;
}

.wp-block-heading {
    font-weight: bolder;

}

.flotante-quinde {
    position: relative;
    z-index: 3;
    padding: 2rem;
    color: #232020;
    font-size: 0.91rem;
    text-align: justify;
    line-height: 1.45;
    max-width: 60%;
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 0.85);
}

.contenido-body h4 {
    color: #015694;
    font-size: 1.25rem;
    font-weight: bolder;
    margin-top: 5px;
    font-family: "Silka Bold", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}

.titulo-quinde {
    margin-top: 100px !important;
}

b,
strong {
    font-family: "Silka Bold", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.wp-element-caption {
    background: #c2c2c2;
    margin: 0 !important;
    padding: 10px;
    font-style: italic;
    font-weight: 200;
}

.contenido-body {
    font-size: 16px !important;
    width: 75%;
    margin: auto;
}

.wp-block-image img {
    box-sizing: border-box;
    height: auto;
    max-width: 100%;
    width: 100%;
    vertical-align: bottom;
}

.iten-nav {
    font-size: 16px;
    text-transform: uppercase;
    font-family: "Silka Bold", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    margin-top: 10px;
}

.iten-nav.active {
    color: #015694 !important;

}

.iten-nav.active::after {
    content: "";
    display: block;
    margin: 5px auto;
    width: 40%;
    border-top: 2px solid #00A84F;
}

.footer-main {
    background: #015694 !important;
}

.contenido-body p {
    text-align: justify;
}


@media only screen and (max-width: 600px) {
    .texto-seccion-imagen-banner-page {
        position: absolute !important;

        left: 3% !important;
        top: 20% !important;
        text-align: left;
        color: #fff !important;
        width: 80%;
        z-index: 10;

    }

    .texto-seccion-imagen-banner-page label {
        font-size: 30px;
    }

    .contenido-body {
        font-size: 16px !important;
        width: 90%;
        margin: auto;
    }

    .contenido-body p {
        text-align: justify;
    }
}