.elementor-12792 .elementor-element.elementor-element-3c70585{--display:flex;}:root{--page-title-display:none;}body.elementor-page-12792 #main.site-main{z-index:0;}/* Start custom CSS for container, class: .elementor-element-3c70585 *//* =========================================================
   MUSEO ALFARO — FICHA DIGITAL
   IDENTIDAD VISUAL
   Responsive + Imagen principal + Logo + Navegación
   ========================================================= */


/* =========================================================
   FUENTES OFICIALES
   ========================================================= */

@font-face {
    font-family: "Alfaro Black";
    src: url("https://apostoles.gob.ar/wp-content/uploads/2026/09/MyriadPro-Black.woff2") format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Alfaro Bold";
    src: url("https://apostoles.gob.ar/wp-content/uploads/2026/09/MyriadPro-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Alfaro Cond";
    src: url("https://apostoles.gob.ar/wp-content/uploads/2026/09/MyriadPro-Cond.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


/* =========================================================
   RESET
   ========================================================= */

.alfaro-ficha,
.alfaro-ficha *,
.alfaro-ficha *::before,
.alfaro-ficha *::after {
    box-sizing: border-box;
}


/* =========================================================
   CONTENEDOR PRINCIPAL
   ========================================================= */

.alfaro-ficha {

    position: relative;

    width: 100%;
    max-width: 1180px;

    margin: 0 auto;

    padding: 90px 60px 85px;

    background:
        radial-gradient(
            ellipse at 50% 25%,
            #ffffff 0%,
            #f8f8f6 55%,
            #eeeeeb 100%
        );

    color: #080808;

    overflow: hidden;

}


/* =========================================================
   ESQUINA SUPERIOR IZQUIERDA
   ========================================================= */

.alfaro-ficha::before {

    content: "";

    position: absolute;

    top: 28px;
    left: 28px;

    width: 52px;
    height: 52px;

    border-top: 1px solid rgba(0,0,0,.35);
    border-left: 1px solid rgba(0,0,0,.35);

    pointer-events: none;

}


/* =========================================================
   ESQUINA INFERIOR DERECHA
   ========================================================= */

.alfaro-ficha::after {

    content: "";

    position: absolute;

    right: 28px;
    bottom: 28px;

    width: 52px;
    height: 52px;

    border-right: 1px solid rgba(0,0,0,.35);
    border-bottom: 1px solid rgba(0,0,0,.35);

    pointer-events: none;

}


/* =========================================================
   TÍTULO
   ========================================================= */

.alfaro-ficha-titulo {

    position: relative;

    width: 100%;
    max-width: 1050px;

    margin: 0 auto 55px;

    padding-bottom: 32px;

    text-align: center;

}


/* =========================================================
   TÍTULO H1
   ========================================================= */

.alfaro-ficha-titulo h1,
.alfaro-ficha-titulo .elementor-heading-title {

    width: 100%;

    margin: 0;

    font-family:
        "Alfaro Black",
        Arial,
        sans-serif;

    font-size:
        clamp(
            46px,
            5.5vw,
            76px
        );

    font-weight: 900;

    line-height: .98;

    letter-spacing: .025em;

    text-transform: uppercase;

    color: #080808;

    overflow-wrap: break-word;
    word-wrap: break-word;

}


/* =========================================================
   LÍNEA DEBAJO DEL TÍTULO
   ========================================================= */

.alfaro-ficha-titulo::after {

    content: "";

    display: block;

    width:
        min(
            650px,
            82%
        );

    height: 1px;

    margin: 32px auto 0;

    background: rgba(0,0,0,.25);

}


/* =========================================================
   ÉPOCA
   ========================================================= */

.alfaro-ficha-epoca {

    width: 100%;

    margin:
        0 auto
        52px;

    text-align: center;

    font-family:
        "Alfaro Bold",
        Arial,
        sans-serif;

    font-size: 28px;

    font-weight: 700;

    line-height: 1.3;

    letter-spacing: .04em;

    color: #111111;

    overflow-wrap: break-word;
    word-wrap: break-word;

}


/* =========================================================
   ETIQUETA ÉPOCA
   ========================================================= */

.alfaro-ficha-epoca::before {

    content: "ÉPOCA";

    display: block;

    margin-bottom: 11px;

    font-family:
        "Alfaro Black",
        Arial,
        sans-serif;

    font-size: 17px;

    font-weight: 900;

    letter-spacing: .27em;

    color: #080808;

}


/* =========================================================
   LÍNEA DESPUÉS DE ÉPOCA
   ========================================================= */

.alfaro-ficha-epoca::after {

    content: "";

    display: block;

    width: 100%;

    height: 1px;

    margin-top: 25px;

    background: rgba(0,0,0,.16);

}


/* =========================================================
   BLOQUES DE INFORMACIÓN
   ========================================================= */

.alfaro-ficha-uso,
.alfaro-ficha-descripcion,
.alfaro-ficha-dato {

    width: 100%;

    max-width: 920px;

    margin-left: auto;
    margin-right: auto;

    padding: 36px 0;

    border-top:
        1px solid
        rgba(0,0,0,.18);

}


/* =========================================================
   ETIQUETAS
   ========================================================= */

.alfaro-ficha-uso::before,
.alfaro-ficha-descripcion::before,
.alfaro-ficha-dato::before {

    display: block;

    margin-bottom: 16px;

    font-family:
        "Alfaro Black",
        Arial,
        sans-serif;

    font-size: 17px;

    font-weight: 900;

    line-height: 1;

    letter-spacing: .25em;

    color: #080808;

}


/* =========================================================
   USO
   ========================================================= */

.alfaro-ficha-uso::before {

    content: "USO";

}


/* =========================================================
   DESCRIPCIÓN
   ========================================================= */

.alfaro-ficha-descripcion::before {

    content: "DESCRIPCIÓN";

}


/* =========================================================
   DATO CLAVE
   ========================================================= */

.alfaro-ficha-dato::before {

    content: "DATO CLAVE";

}


/* =========================================================
   TEXTO DE LOS BLOQUES
   ========================================================= */

.alfaro-ficha-uso,
.alfaro-ficha-descripcion,
.alfaro-ficha-dato {

    font-family:
        "Alfaro Cond",
        Arial,
        sans-serif;

    font-size: 25px;

    font-weight: 400;

    line-height: 1.55;

    letter-spacing: .025em;

    color: #171717;

    overflow-wrap: break-word;
    word-wrap: break-word;

}


/* =========================================================
   DATO CLAVE — BLOQUE DESTACADO
   ========================================================= */

.alfaro-ficha-dato {

    margin-top: 18px;

    padding:
        38px
        42px;

    border:
        1px solid
        rgba(0,0,0,.23);

    background:
        rgba(255,255,255,.42);

    box-shadow:
        0 8px 30px
        rgba(0,0,0,.035);

}


/* =========================================================
   IMAGEN PRINCIPAL
   ========================================================= */

.alfaro-ficha-imagen {

    position: relative;

    width: 100%;

    max-width: 920px;

    margin:
        55px auto 0;

    padding:
        22px;

    text-align: center;

}


/* =========================================================
   DETALLE DECORATIVO SUPERIOR DE LA IMAGEN
   ========================================================= */

.alfaro-ficha-imagen::before {

    content: "";

    display: block;

    width: 70px;

    height: 1px;

    margin:
        0 auto 22px;

    background:
        rgba(0,0,0,.35);

}


/* =========================================================
   CONTENEDOR DE LA IMAGEN
   ========================================================= */

.alfaro-ficha-imagen .elementor-widget-container {

    position: relative;

    display: inline-block;

    width: 100%;

    max-width: 820px;

    margin: 0 auto;

}


/* =========================================================
   IMAGEN PRINCIPAL
   ========================================================= */

.alfaro-ficha-imagen img {

    display: block;

    width: 100%;

    max-width: 820px;

    height: auto;

    margin: 0 auto;

    border:
        1px solid
        rgba(0,0,0,.22);

    padding: 8px;

    background: #ffffff;

    box-shadow:
        0 12px 35px
        rgba(0,0,0,.10);

    object-fit: contain;

    transition:
        transform .35s ease,
        box-shadow .35s ease;

}


/* =========================================================
   EFECTO HOVER
   ========================================================= */

@media (hover: hover) {

    .alfaro-ficha-imagen img:hover {

        transform: scale(1.015);

        box-shadow:
            0 18px 45px
            rgba(0,0,0,.14);

    }

}


/* =========================================================
   CURSOR ZOOM
   ========================================================= */

.alfaro-ficha-imagen a {

    display: block;

    cursor: zoom-in;

}


/* =========================================================
   IMÁGENES RESPONSIVE GENERALES
   ========================================================= */

.alfaro-ficha img {

    max-width: 100%;

    height: auto;

}


/* =========================================================
   LOGO INFERIOR
   ========================================================= */

.alfaro-ficha-logo {

    width: 347px;

    max-width: 78%;

    margin:
        110px auto 0;

    padding-top:
        44px;

    border-top:
        1px solid
        rgba(0,0,0,.22);

    text-align: center;

}


/* =========================================================
   IMAGEN DEL LOGO
   ========================================================= */

.alfaro-ficha-logo img {

    display: block;

    width: 100%;

    max-width: 347px;

    height: auto;

    margin: 0 auto;

    padding: 0;

    border: 0;

    box-shadow: none;

    object-fit: contain;

}


/* =========================================================
   CONTENEDOR DEL LOGO
   ========================================================= */

.alfaro-ficha-logo .elementor-widget-container {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}


/* =========================================================
   BOTÓN VOLVER AL INICIO
   Clase:
   alfaro-ficha-volver
   ========================================================= */

.alfaro-ficha-volver {

    display: flex;

    justify-content: center;

    align-items: center;

    width: fit-content;

    max-width: 100%;

    margin:
        38px auto 0;

}


/* =========================================================
   ENLACE DEL BOTÓN
   ========================================================= */

.alfaro-ficha-volver a {

    display: inline-flex;

    justify-content: center;

    align-items: center;

    min-height: 48px;

    padding:
        13px
        28px;

    border:
        1px solid
        rgba(0,0,0,.45);

    background:
        transparent;

    font-family:
        "Alfaro Black",
        Arial,
        sans-serif;

    font-size: 14px;

    font-weight: 900;

    line-height: 1;

    letter-spacing: .15em;

    text-transform: uppercase;

    text-decoration: none;

    color: #080808;

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

}


/* =========================================================
   HOVER DEL BOTÓN
   ========================================================= */

@media (hover: hover) {

    .alfaro-ficha-volver a:hover {

        background: #080808;

        color: #ffffff;

        transform: translateY(-2px);

        box-shadow:
            0 8px 20px
            rgba(0,0,0,.10);

    }

}


/* =========================================================
   ESTADO FOCUS — ACCESIBILIDAD
   ========================================================= */

.alfaro-ficha-volver a:focus-visible {

    outline:
        2px solid
        #080808;

    outline-offset: 4px;

}


/* =========================================================
   EVITAR DESBORDES
   ========================================================= */

.alfaro-ficha h1,
.alfaro-ficha h2,
.alfaro-ficha h3,
.alfaro-ficha h4,
.alfaro-ficha h5,
.alfaro-ficha h6,
.alfaro-ficha p,
.alfaro-ficha span,
.alfaro-ficha div {

    max-width: 100%;

    overflow-wrap: break-word;

    word-wrap: break-word;

}


/* =========================================================
   PÁRRAFOS
   ========================================================= */

.alfaro-ficha p {

    margin-top: 0;

    margin-bottom: 0;

}


/* =========================================================
   ANIMACIONES
   ========================================================= */

.alfaro-ficha-titulo,
.alfaro-ficha-epoca,
.alfaro-ficha-uso,
.alfaro-ficha-descripcion,
.alfaro-ficha-dato,
.alfaro-ficha-imagen,
.alfaro-ficha-logo,
.alfaro-ficha-volver {

    animation:
        alfaroFichaIn
        .9s
        cubic-bezier(.16,1,.3,1)
        both;

}


.alfaro-ficha-titulo {
    animation-delay: .05s;
}


.alfaro-ficha-epoca {
    animation-delay: .15s;
}


.alfaro-ficha-uso {
    animation-delay: .25s;
}


.alfaro-ficha-descripcion {
    animation-delay: .35s;
}


.alfaro-ficha-dato {
    animation-delay: .45s;
}


.alfaro-ficha-imagen {
    animation-delay: .52s;
}


.alfaro-ficha-logo {
    animation-delay: .62s;
}


.alfaro-ficha-volver {
    animation-delay: .70s;
}


@keyframes alfaroFichaIn {

    from {

        opacity: 0;

        transform:
            translateY(20px);

        filter:
            blur(2px);

    }

    to {

        opacity: 1;

        transform:
            translateY(0);

        filter:
            blur(0);

    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 900px) {

    .alfaro-ficha {

        padding:
            75px
            38px
            80px;

    }


    .alfaro-ficha-titulo h1,
    .alfaro-ficha-titulo .elementor-heading-title {

        font-size:
            clamp(
                42px,
                7vw,
                64px
            );

    }


    .alfaro-ficha-uso,
    .alfaro-ficha-descripcion,
    .alfaro-ficha-dato {

        font-size: 23px;

    }


    .alfaro-ficha-imagen {

        max-width: 850px;

        margin-top: 50px;

        padding:
            18px;

    }


    .alfaro-ficha-imagen img {

        max-width: 100%;

    }


    /* LOGO TABLET */

    .alfaro-ficha-logo {

        width: 315px;

        max-width: 78%;

        margin-top: 100px;

        padding-top: 40px;

    }


    .alfaro-ficha-logo img {

        max-width: 315px;

    }


    /* BOTÓN TABLET */

    .alfaro-ficha-volver {

        margin-top: 38px;

    }

}


/* =========================================================
   CELULAR
   ========================================================= */

@media (max-width: 600px) {

    .alfaro-ficha {

        width: 100%;

        padding:
            58px
            22px
            70px;

    }


    /* =====================================================
       ESQUINAS
       ===================================================== */

    .alfaro-ficha::before,
    .alfaro-ficha::after {

        width: 27px;

        height: 27px;

    }


    .alfaro-ficha::before {

        top: 14px;

        left: 14px;

    }


    .alfaro-ficha::after {

        right: 14px;

        bottom: 14px;

    }


    /* =====================================================
       TÍTULO
       ===================================================== */

    .alfaro-ficha-titulo {

        margin-bottom: 43px;

        padding-bottom: 25px;

    }


    .alfaro-ficha-titulo h1,
    .alfaro-ficha-titulo .elementor-heading-title {

        font-size:
            clamp(
                38px,
                10.5vw,
                52px
            );

        line-height: 1.02;

        letter-spacing: .015em;

    }


    .alfaro-ficha-titulo::after {

        width: 88%;

        margin-top: 25px;

    }


    /* =====================================================
       ÉPOCA
       ===================================================== */

    .alfaro-ficha-epoca {

        margin-bottom: 35px;

        font-size: 25px;

        line-height: 1.3;

    }


    .alfaro-ficha-epoca::before {

        margin-bottom: 10px;

        font-size: 14px;

        letter-spacing: .24em;

    }


    .alfaro-ficha-epoca::after {

        margin-top: 21px;

    }


    /* =====================================================
       BLOQUES
       ===================================================== */

    .alfaro-ficha-uso,
    .alfaro-ficha-descripcion,
    .alfaro-ficha-dato {

        padding:
            30px
            0;

        font-size: 21px;

        line-height: 1.55;

        letter-spacing: .02em;

    }


    /* =====================================================
       ETIQUETAS
       ===================================================== */

    .alfaro-ficha-uso::before,
    .alfaro-ficha-descripcion::before,
    .alfaro-ficha-dato::before {

        margin-bottom: 13px;

        font-size: 14px;

        letter-spacing: .20em;

    }


    /* =====================================================
       DATO CLAVE
       ===================================================== */

    .alfaro-ficha-dato {

        margin-top: 15px;

        padding:
            28px
            22px;

    }


    /* =====================================================
       IMAGEN PRINCIPAL
       ===================================================== */

    .alfaro-ficha-imagen {

        width: 100%;

        max-width: 100%;

        margin:
            45px auto 0;

        padding:
            12px 0;

    }


    .alfaro-ficha-imagen::before {

        width: 55px;

        margin-bottom: 17px;

    }


    .alfaro-ficha-imagen .elementor-widget-container {

        width: 100%;

        max-width: 100%;

    }


    .alfaro-ficha-imagen img {

        width: 100%;

        max-width: 100%;

        padding: 6px;

        box-shadow:
            0 9px 25px
            rgba(0,0,0,.10);

    }


    /* =====================================================
       LOGO HORIZONTAL
       ===================================================== */

    .alfaro-ficha-logo {

        width: 284px;

        max-width: 90%;

        margin-top: 95px;

        padding-top: 36px;

    }


    .alfaro-ficha-logo img {

        max-width: 284px;

    }


    /* =====================================================
       BOTÓN VOLVER
       ===================================================== */

    .alfaro-ficha-volver {

        width: 100%;

        margin-top: 32px;

    }


    .alfaro-ficha-volver a {

        width: auto;

        max-width: 100%;

        min-height: 48px;

        padding:
            13px
            22px;

        font-size: 13px;

        letter-spacing: .12em;

        text-align: center;

    }

}


/* =========================================================
   CELULARES MUY PEQUEÑOS
   ========================================================= */

@media (max-width: 380px) {

    .alfaro-ficha {

        padding:
            48px
            18px
            60px;

    }


    .alfaro-ficha::before {

        top: 12px;

        left: 12px;

        width: 25px;

        height: 25px;

    }


    .alfaro-ficha::after {

        right: 12px;

        bottom: 12px;

        width: 25px;

        height: 25px;

    }


    /* =====================================================
       TÍTULO
       ===================================================== */

    .alfaro-ficha-titulo {

        margin-bottom: 36px;

        padding-bottom: 22px;

    }


    .alfaro-ficha-titulo h1,
    .alfaro-ficha-titulo .elementor-heading-title {

        font-size: 34px;

        line-height: 1.02;

    }


    .alfaro-ficha-titulo::after {

        width: 82%;

        margin-top: 22px;

    }


    /* =====================================================
       ÉPOCA
       ===================================================== */

    .alfaro-ficha-epoca {

        margin-bottom: 32px;

        font-size: 22px;

    }


    .alfaro-ficha-epoca::before {

        font-size: 12px;

        letter-spacing: .22em;

    }


    /* =====================================================
       TEXTO
       ===================================================== */

    .alfaro-ficha-uso,
    .alfaro-ficha-descripcion,
    .alfaro-ficha-dato {

        font-size: 19px;

        line-height: 1.52;

    }


    .alfaro-ficha-uso,
    .alfaro-ficha-descripcion {

        padding:
            27px
            0;

    }


    .alfaro-ficha-dato {

        margin-top: 12px;

        padding:
            25px
            18px;

    }


    .alfaro-ficha-uso::before,
    .alfaro-ficha-descripcion::before,
    .alfaro-ficha-dato::before {

        font-size: 12px;

        letter-spacing: .18em;

    }


    /* =====================================================
       IMAGEN
       ===================================================== */

    .alfaro-ficha-imagen {

        margin-top: 40px;

        padding:
            10px 0;

    }


    .alfaro-ficha-imagen::before {

        width: 45px;

        margin-bottom: 15px;

    }


    .alfaro-ficha-imagen img {

        padding: 5px;

    }


    /* =====================================================
       LOGO
       ===================================================== */

    .alfaro-ficha-logo {

        width: 263px;

        max-width: 92%;

        margin-top: 85px;

        padding-top: 32px;

    }


    .alfaro-ficha-logo img {

        max-width: 263px;

    }


    /* =====================================================
       BOTÓN
       ===================================================== */

    .alfaro-ficha-volver {

        margin-top: 28px;

    }


    .alfaro-ficha-volver a {

        width: 100%;

        padding:
            13px
            16px;

        font-size: 12px;

        letter-spacing: .10em;

    }

}


/* =========================================================
   ACCESIBILIDAD
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .alfaro-ficha-titulo,
    .alfaro-ficha-epoca,
    .alfaro-ficha-uso,
    .alfaro-ficha-descripcion,
    .alfaro-ficha-dato,
    .alfaro-ficha-imagen,
    .alfaro-ficha-logo,
    .alfaro-ficha-volver {

        animation: none !important;

    }

}/* End custom CSS */