/*=========================================
        PATRIMONIO DOCUMENTAL
=========================================*/

.memory-section{
    padding:100px 0;
    background:#f8fafc;
}

/* Texto */

.memory-description{
    max-width:850px;
    margin:auto;
    font-size:18px;
    line-height:2;
    color:#5d6470;
}

.memory-description strong{
    color:#0e4a7b;
}

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

.memory-banner{
    position:relative;
    overflow:hidden;
    border-radius:22px;
    box-shadow:0 20px 50px rgba(0,0,0,.18);
}

.memory-banner img:first-child{
    width:100%;
    height:560px;
    object-fit:cover;
    display:block;
    transition:.7s;
}

.memory-banner:hover img:first-child{
    transform:scale(1.03);
}

/*=========================================
        OVERLAY
=========================================*/

.memory-overlay{
    position:absolute;
    inset:0;
    background:rgba(14,74,123,.60);
}

/*=========================================
        MARCA DE AGUA
=========================================*/

.memory-watermark{
    position:absolute;
    top:20%;
    left:10%;
    transform:translate(-50%,-50%);
    width:140px;
    opacity:.38;
    pointer-events:none;
}

/*=========================================
        ESTADÍSTICAS
=========================================*/

.memory-stats{
    position:absolute;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:center;
    z-index:3;
}

.memory-stat{
    width:240px;
    text-align:center;
    color:#fff;
    transition:.35s;
}

.memory-stat:hover{
    transform:translateY(-8px);
}

.memory-stat i{
    font-size:34px;
    color:#d8b15d;
    margin-bottom:18px;
    transition:.35s;
}

.memory-stat:hover i{
    transform:scale(1.12);
    color:#05e66a;
}

.memory-stat h2{
    font-family:'Cormorant Garamond',serif;
    font-size:56px;
    color:#fff;
    margin-bottom:10px;
    font-weight:700;
}

.memory-stat span{
    font-size:15px;
    font-weight:500;
    line-height:1.6;
    letter-spacing:.5px;
}

/*=========================================
        LÍNEAS
=========================================*/

.memory-line{
    width:1px;
    height:120px;
    background:rgba(216,177,93,.45);
}

/*=========================================
        RESPONSIVE
=========================================*/

@media(max-width:991px){
.memory-banner img:first-child{
    height:700px;
}

.memory-stats{
    flex-wrap:wrap;
    padding:50px 20px;
    gap:35px;
}

.memory-line{
    display:none;
}

.memory-stat{
    width:45%;
}

}

@media(max-width:768px){
.memory-banner img:first-child{
    height:850px;
}

.memory-stat{
    width:100%;
}

.memory-stat h2{
    font-size:42px;
}

.memory-watermark{
    width:220px;
}

.memory-description{
    font-size:16px;
}

}

/*=========================================
       seccion  ¿SABÍAS QUE?
=========================================*/

.curiosidades-section{
    background:#f8fafc;
}

/*===============================*/

.fact-card{
    position:relative;
    height:460px;
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 18px 45px rgba(0,0,0,.12);
    cursor:pointer;
}

/* Imagen */
.fact-card img:first-child{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.7s;
}

/* Oscurecer */
.fact-overlay{
    position:absolute;
    inset:0;
    background:linear-gradient(
        to top,
        rgba(8,28,48,.92),
        rgba(8,28,48,.25)
    );
}

/* Sello */
.fact-seal{
    position:absolute;
    top:18px;
    left:18px;
    width:85px;
    opacity:0;
    transform:scale(1.5) rotate(-18deg);
    transition:.5s;
}

/* Contenido */
.fact-content{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    padding:30px;
    color:#fff;
    z-index:5;
}

/* Etiqueta */
.fact-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#1d5f96;
    color:#fff;
    padding:8px 16px;
    border-radius:50px;
    font-size:13px;
    font-weight:600;
    margin-bottom:18px;
}

/* Título */
.fact-content h4{
    font-family:'Cormorant Garamond',serif;
    font-size:30px;
    line-height:1.2;
    margin-bottom:15px;
}

/* Texto */
.fact-content p{
    margin:0;
}

/* Panel informativo que se despliega desde abajo */
.fact-detail-panel{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:100%;
    padding:26px 28px 24px;
    z-index:8;
    color:#0c0c0c;
    background:rgba(255, 255, 255, 0.103);
    border-top:1px solid rgba(255,255,255,.22);
    box-shadow:0 -18px 35px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.16);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    transform:translateY(105%);
    opacity:0;
    visibility:hidden;
    transition:transform .55s cubic-bezier(.22,.61,.36,1), opacity .35s ease, visibility 0s linear .55s;
    overflow:hidden;
}

.fact-detail-panel::before{
    content:"";
    position:absolute;
    top:0;
    left:-35%;
    width:32%;
    height:100%;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.18), transparent);
    transform:skewX(-18deg);
    transition:left .9s ease;
    pointer-events:none;
}



.fact-detail-inner{
    position:relative;
    z-index:2;
}

.fact-detail-label{
    text-align: justify;
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-bottom:12px;
    color:#e4c47a;
    font-size:11px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}

.fact-detail-panel p{
    color:rgb(255, 251, 251);
    font-size:20px;
    line-height:1.65;
    margin:0 0 17px;
}

.fact-detail-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#fff;
    font-size:13px;
    font-weight:700;
    text-decoration:none;
    transition:gap .25s ease, color .25s ease;
}

.fact-detail-link:hover{
    color:#e4c47a;
    gap:12px;
}

/* Hover */
.fact-card:hover img:first-child{
    transform:scale(1.08);
}

.fact-card:hover .fact-seal{
    opacity:.85;
    transform:scale(1) rotate(-15deg);
}

.fact-card:hover{
    transform:translateY(-8px);
    transition:.35s;
}

.fact-card:hover .fact-detail-panel,
.fact-card:focus-within .fact-detail-panel{
    transform:translateY(0);
    opacity:1;
    visibility:visible;
    transition:transform .55s cubic-bezier(.22,.61,.36,1), opacity .35s ease;
}

.fact-card:hover .fact-detail-panel::before,
.fact-card:focus-within .fact-detail-panel::before{
    left:125%;
}

@media (max-width: 767.98px){
    .fact-card{
        height:430px;
    }

    .fact-detail-panel{
        min-height:50%;
        padding:22px 22px 20px;
    }

    .fact-detail-panel p{
        font-size:13px;
        line-height:1.55;
    }
}


/*TARJETAS DE NOTICIAS*/

.blog-item{
    position:relative;
    overflow:hidden;
    background:#fff;
    border-radius:18px;
    box-shadow:0 10px 28px rgba(0,0,0,.08);
    transition:.35s;
}

/* Línea superior */
.blog-item::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:6px;
    background:#05b153;
    transition:width .55s ease;
    z-index:20;
}

.blog-item:hover::before{
    width:100%;
}

.blog-item:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 38px rgba(0,0,0,.14);
}

/*IMAGEN*/

.blog-image{
    position:relative;
    height:145px;
    overflow:hidden;
}

.blog-image img:first-child{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
}

.blog-item:hover .blog-image img:first-child{
    transform:scale(1.05);
}

.blog-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(
        transparent,
        rgba(0,0,0,.25)
    );
}


/*CONTENIDO*/

.blog-text{
    padding:16px 18px;
}

/* FECHA*/

.blog-date{
    font-size:13px;
    color:#888;
    margin-bottom:6px;
}

.blog-date i{
    color:#c8a24a;
    margin-right:5px;
}

/* TITULO*/

.blog-text h3{
    font-family:'Cormorant Garamond',serif;
    font-size:24px;
    color:#153a5b;
    margin-bottom:8px;
    line-height:1.2;
}

.blog-text h3::after{
    content:"";
    display:block;
    width:35px;
    height:2px;
    background:#05b153;
    margin-top:6px;
}


/*ENLACE*/

.blog-link{
    text-decoration:none;
    font-weight:600;
    color:#dc3545;
    font-size:14px;
}

.blog-link i{
    margin-left:6px;
    transition:.3s;
}

.blog-link:hover i{
    transform:translateX(6px);
}

.blog-link:hover{
    color:#0e4a7b;
}

/*
                RESPONSIVE
*/

@media(max-width:768px){
.blog-image{
    height:140px;
}

.blog-text{
    padding:15px;
}

.blog-text h3{
    font-size:22px;
}
}

/*=====
    VISOR DE NOTICIAS - REGISTRO AL DÍA
=====*/

#visorNoticias .modal-dialog{
    max-width:1200px;
}

#visorNoticias .modal-content{
    border:none;
    border-radius:15px;
    overflow:hidden;
    background:#f6f2e9;
    box-shadow:0 25px 60px rgba(0,0,0,.25);
}

/* Fondo del modal */
.newspaper-view{
    position:relative;
    padding:50px;
    background:
        linear-gradient(rgba(255,255,255,.10),rgba(255,255,255,.10)),
        #f6f2e9;
    overflow:hidden;
}

/*=====
    MARCA DE AGUA
=====*/

.newspaper-view::before{
    /*content:"RPMO";*/
    position:absolute;
    left:50%;
    top:52%;
    transform:translate(-50%,-50%) rotate(-25deg);
    font-size:220px;
    font-weight:900;
    color:#000;
    opacity:.035;
    letter-spacing:15px;
    z-index:0;
    pointer-events:none;
}

/*=====
    CABECERA
=====*/

.newspaper-header{
    position:relative;
    z-index:2;
    text-align:center;
    margin-bottom:25px;
}

.edition{
    font-family:"Playfair Display",serif;
    font-size:50px;
    font-weight:700;
    letter-spacing:5px;
    color:#2d2d2d;
}

.edition-sub{
    margin-top:8px;
    font-family:"Lora",serif;
    text-transform:uppercase;
    letter-spacing:7px;
    font-size:13px;
    color:#8c7f63;
}

/*=====
    LINEA
=====*/

.newspaper-view hr{
    border:none;
    height:2px;
    background:#c9baa0;
    margin:25px 0 40px;
}

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

.newspaper-image{
    width:100%;
    border:12px solid #fff;
    box-shadow:0 15px 35px rgba(0,0,0,.15);
    /*transform:rotate(-1deg);*/
    transition:.35s;
}

.newspaper-image:hover{
    transform:rotate(0deg) scale(1.01);
}

/*=====
    FECHA
=====*/

.news-date{
    font-family:"Lora",serif;
    color:#857962;
    text-transform:uppercase;
    letter-spacing:4px;
    font-size:13px;
    margin-bottom:12px;
}

/*=====
    TITULO
=====*/

#newsTitle{
    font-family:"Playfair Display",serif;
    font-size:42px;
    line-height:1.2;
    margin-bottom:25px;
    color:#2b2b2b;
}

/*=====
    CONTENIDO
=====*/

#newsContent{

    font-family:"Lora",serif;
    font-size:18px;
    line-height:2;
    color:#444;
    text-align:justify;
    position:relative;
    z-index:2;
}

/*=====
    LETRA CAPITAL
=====*/

#newsContent::first-letter{
    font-family:"Playfair Display",serif;
    float:left;
    font-size:78px;
    line-height:.8;
    padding-right:10px;
    color:#9a6f25;
    font-weight:bold;
}

/*=====
    BOTON CERRAR
=====*/

#visorNoticias .btn-close{
    position:absolute;
    top:25px;
    right:25px;
    background-color:#fff;
    border-radius:50%;
    padding:10px;
    opacity:1;
    z-index:999;
    box-shadow:0 5px 18px rgba(0,0,0,.15);
}

/*=====
    EFECTO DE PAPEL
=====*/

.newspaper-view::after{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        radial-gradient(rgba(0,0,0,.025) 1px, transparent 1px);
    background-size:7px 7px;
    opacity:.35;
    pointer-events:none;
}

/*=====
    COLUMNA DE TEXTO
=====*/

.news-column{
    column-count:2;
    column-gap:45px;
}

/*=====
    PIE
=====*/

.news-footer{
    margin-top:40px;
    border-top:1px solid #d4c6ab;
    padding-top:20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.news-footer span{
    font-family:"Lora",serif;
    color:#777;
    font-style:italic;
}

.news-summary{
    margin-top:15px;
    padding-left:16px;
    border-left:4px solid #c8a24a;
    color:#5b5b5b;
    font-size:1.08rem;
    line-height:1.7;
    font-style:italic;
}
/*=====
    RESPONSIVE
=====*/

@media(max-width:992px){
.newspaper-view{
padding:30px;
}

.edition{
font-size:36px;
}

#newsTitle{
font-size:30px;
}

.news-column{
column-count:1;
}

.newspaper-image{
margin-bottom:25px;
}

}

@media(max-width:576px){
.newspaper-view{
padding:20px;
}

.edition{
font-size:28px;
letter-spacing:2px;
}

.edition-sub{
letter-spacing:3px;
}

#newsTitle{
font-size:25px;
}

#newsContent{
font-size:16px;
line-height:1.8;
}

#newsContent::first-letter{
font-size:60px;
}
}

/*====Inicio Estilos que dan el efecto de sellado en el visor de noticias====*/
.news-image-wrapper{
    overflow:hidden;
    border-radius:6px;
}

/*====IMAGEN======*/
.newspaper-image{
    width:100%;
    display:block;
    transition:.4s;
}


/*===== SELLO ======*/
.stamp-effect{
    position:absolute;
    width:100px;
    right:18px;
    bottom:18px;
    opacity:0;
    z-index:5;
    pointer-events:none;
    transform-origin:center;
    transform:
    translateY(-120px)
    scale(2.6)
    rotate(-35deg);
    filter:
    drop-shadow(0 10px 18px rgba(0,0,0,.35));
}


/*======ANIMACION========*/
.stamp-effect.animate{
    animation:stampAnimation
    1s
    cubic-bezier(.18,.89,.32,1.28)
    forwards;
}


/*=====KEYFRAMES=========*/
@keyframes stampAnimation{
0%{
opacity:0;
transform:
translateY(-120px)
scale(2.8)
rotate(-35deg);
}

45%{
opacity:.45;
transform:
translateY(18px)
scale(.82)
rotate(-15deg);
}


60%{
opacity:.25;
transform:
translateY(-10px)
scale(1.10)
rotate(-15deg);
}


80%{
opacity:.22;
transform:
translateY(5px)
scale(.95)
rotate(-15deg);
}


100%{
opacity:.45;
transform:
translateY(0)
scale(1)
rotate(-15deg);
}
}

/* ======HOVER SOBRE LA IMAGEN ========
.news-image-wrapper:hover .newspaper-image{
    transform:scale(1.03);
} */

/*======EFECTO DE GOLPE============*/
.stamp-effect.animate::after{
    content:"";
}

/*====Fin del Estilos que dan el efecto de sellado en el visor de noticias====*/