/*
=========================================================
 AI & Antiquity Theme v6.0 - Pure Academic Editorial (No Cards)
 Safe for OJS 3.x - High-End Design
=========================================================
*/

@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600&display=swap');

/* --- 1. ACCIONES DE OCULTACIÓN DEFINITIVA --- */

/* Ocultar agresivamente "About the Journal" y títulos nativos duplicados en la Home */
.page_index_journal .page_title,
.page_index_journal h1.page_title,
.page_index_journal h2.title,
.page_index_journal .about_journal h2,
.page_index_journal .about_journal h3,
.page_index_journal .journal_about,
.page_index_journal #main-content > h1,
.page_index_journal .obj_journal_about h2,
.page_index_journal h2:first-of-type:not(.homepage_current_issue h3):not(.homepage_current_issue h4) {
    display: none !important;
}

/* Ocultar "Platform and Workflow by OJS" en el pie de página */
.brand_footer,
.pkp_brand_footer,
footer a[href*="pkp.sfu.ca"] {
    display: none !important;
}


/* --- 2. EL BANNER PRINCIPAL ESPECTACULAR --- */

/* Tratamiento de alta gama para la imagen de cabecera */
.page_index_journal .homepage_image img,
.page_index_journal .journal-thumbnail img,
.page_index_journal img[src*="homepageImage"],
.page_index_journal img[src*="journalThumbnail"] {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 8px !important; /* Esquinas ligeramente suavizadas */
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.02) !important; /* Sombra de profundidad */
    border: 1px solid rgba(0, 0, 0, 0.08) !important; /* Marco fino de precisión */
    transition: transform 0.3s ease, box-shadow 0.3s ease !important;
}

.page_index_journal .homepage_image img:hover,
.page_index_journal img[src*="homepageImage"]:hover {
    transform: scale(1.005); /* Sutilísimo relieve al pasar el cursor */
    box-shadow: 0 14px 35px rgba(22, 59, 99, 0.12) !important;
}


/* --- 3. DISEÑO DE ARTÍCULOS PLANO (SIN TARJETAS) --- */

.obj_article_summary,
.obj_issue_summary {
    position: relative;
    background: transparent !important; /* Sin cajas ni fondos */
    border: none !important;
    border-bottom: 1px solid #eaeaea !important; /* Delgada línea divisoria entre artículos */
    border-radius: 0px !important;
    box-shadow: none !important;
    padding: 24px 0 !important; /* Espaciado vertical natural */
    margin: 0 !important;
    overflow: hidden;
    transition: background-color 0.2s ease;
}

/* Evitar que se hereden colores de fondo o bordes raros en contenedores internos de OJS */
.obj_article_summary h3,
.obj_article_summary h3 a {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Efecto hover general de lectura */
.obj_article_summary:hover {
    background-color: rgba(22, 59, 99, 0.01) !important; /* Tinte casi imperceptible al leer */
}


/* ---------- TÍTULOS EDITORIALES ---------- */

.obj_article_summary h3,
.obj_issue_summary h2 {
    margin: 0 0 8px !important;
    text-transform: none !important;
}

.obj_article_summary h3 a,
.obj_issue_summary h2 a {
    font-family: Georgia, serif !important; /* Tipografía académica */
    font-size: 1.35rem !important;
    font-weight: 600 !important;
    line-height: 1.4;
    color: #163b63 !important; /* Azul marino clásico */
    text-decoration: none;
    transition: color 0.2s ease;
}

.obj_article_summary h3 a:hover {
    color: #a67c52 !important; /* Bronce en hover */
}


/* ---------- AUTOR ALTAMENTE DESTACADO ---------- */

.obj_article_summary .meta,
.obj_article_summary .authors {
    margin: 8px 0 !important;
    color: #1a202c !important; /* Color oscuro y nítido para destacar */
    font-family: 'Inter', sans-serif !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important; /* Seminegrita */
    letter-spacing: -0.01em;
}

.obj_article_summary .subtitle {
    color: #718096;
    font-style: italic;
    margin-top: 4px;
    font-weight: normal !important;
}


/* ---------- ENLACE DOI ---------- */

.obj_article_summary a[href*="doi.org"] {
    background: none !important;
    padding: 0 !important;
    border-radius: 0 !important;
    font-size: .85rem;
    color: #a67c52 !important; /* Color bronce distinguido */
    font-weight: 500;
    text-decoration: none;
}

.obj_article_summary a[href*="doi.org"]:hover {
    text-decoration: underline;
}


/* ---------- ENLACE DE PDF EDITORIAL (MÁS INTERESANTE) ---------- */

.obj_galley_link,
.galley_link {
    display: inline-flex !important;
    align-items: center;
    gap: 6px;
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid #163b63 !important; /* Línea de base en azul */
    color: #163b63 !important;
    font-family: 'Inter', sans-serif !important;
    font-size: 0.85rem !important;
    font-weight: 700;
    text-transform: none !important;
    box-shadow: none !important;
    text-decoration: none !important;
    padding: 2px 0 !important;
    transition: all 0.2s ease-in-out !important;
    margin-top: 12px;
}

.obj_galley_link:hover,
.galley_link:hover {
    color: #a67c52 !important;
    border-bottom-color: #a67c52 !important; /* La línea cambia a bronce */
    padding-left: 6px !important; /* Sutil desplazamiento dinámico */
}


/* ---------- PÁGINAS ---------- */

.pages {
    color: #718096 !important;
    font-size: .90rem;
    font-weight: 500;
}


/* ---------- ELIMINAR LÍNEAS POR DEFECTO ---------- */

.obj_article_summary hr,
.obj_issue_summary hr {
    display: none !important;
}


/* ---------- ENCABEZADOS DE SECCIÓN (TOC) ---------- */

.section h2,
.cmp_toc_section h2 {
    font-family: Georgia, serif !important;
    color: #163b63 !important;
    font-size: 1.4rem !important;
    font-weight: normal !important;
    border: none !important;
    margin-top: 40px !important;
    margin-bottom: 15px !important;
    text-transform: none !important;
}

.section h2::after,
.cmp_toc_section h2::after {
    content: "";
    display: block;
    width: 45px;
    height: 2px;
    margin-top: 8px;
    background: #a67c52;
}


/* ---------- ABSTRACTS Y MENÚ LATERAL ---------- */

.item.abstract {
    border: none !important;
    background: #f7fafc;
    border-left: 3px solid #a67c52 !important;
    border-radius: 0px !important;
    padding: 18px 22px;
}

.pkp_block {
    border: 1px solid #e2e8f0 !important;
    background: #ffffff !important;
    border-radius: 4px !important;
    box-shadow: none !important;
}


/* =========================================================
   -------- MAQUETACIÓN DEL NÚMERO ACTUAL (HOME) --------
========================================================= */

.page_index_journal .current_issue,
.homepage_current_issue {
    margin-top: 30px !important;
}

/* Portada del número */
.homepage_current_issue .cover img,
.homepage_current_issue .issue_cover_wrapper img,
.current_issue .cover img {
    border-radius: 4px !important;
    box-shadow: 0 6px 15px rgba(0,0,0,0.06) !important;
}

/* Título de Volumen y Número */
.homepage_current_issue h3,
.current_issue h3,
.homepage_current_issue h4,
.current_issue h4 {
    display: inline-block !important;
    font-size: 0.85rem !important;
    font-weight: 600 !important;
    text-transform: none !important;
    background-color: #f7fafc !important;
    border: 1px solid #e2e8f0 !important;
    color: #4a5568 !important;
    padding: 4px 12px !important;
    border-radius: 4px !important;
    margin: 15px 0 24px 0 !important;
}

/* Descripción del número */
.homepage_current_issue .description,
.current_issue .description {
    font-family: Georgia, serif !important;
    font-size: 0.98rem !important;
    line-height: 1.7 !important;
    color: #2d3748 !important;
}

/* ==========================================================
   Eliminar el hueco del bloque About the Journal
   ========================================================== */

.page_index_journal .journal_about,
.page_index_journal .obj_journal_about,
.page_index_journal .about_journal{

    margin:0 !important;
    padding:0 !important;

}

.page_index_journal .about_journal h2,
.page_index_journal .about_journal h3{

    display:none !important;
    margin:0 !important;
    padding:0 !important;

}

.page_index_journal .about_journal .content{

    margin-top:0 !important;
    padding-top:0 !important;

}

/* ==========================================
   CURRENT ISSUE (HOME) COMO CARDS
========================================== */

.page_index_journal .homepage_current_issue .obj_article_summary{
    background:#fff !important;
    border:1px solid #e2e8f0 !important;
    border-radius:8px !important;
    padding:24px !important;
    margin:0 0 24px !important;
    box-shadow:0 6px 18px rgba(0,0,0,.05) !important;
    transition:.25s;
}

.page_index_journal .homepage_current_issue .obj_article_summary:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 28px rgba(22,59,99,.10) !important;
}

.page_index_journal .homepage_current_issue .section{
    margin-bottom:2.5rem;
}

/* HOME - CURRENT ISSUE */

.page_index_journal .homepage_current_issue .obj_article_summary{
    background:#ffffff !important;
    border:1px solid #d9e2ec !important;
    border-radius:10px !important;
    box-shadow:0 10px 25px rgba(0,0,0,.08) !important;
    padding:24px !important;
    margin-bottom:25px !important;
}

.page_index_journal .homepage_current_issue .obj_article_summary:hover{
    transform:translateY(-3px);
}

/* ===========================
   HOME - ARTICLE CARDS
=========================== */

.pkp_page_index .current_issue .cmp_article_list > li{
    list-style:none;
    margin:0 0 28px !important;
}

.pkp_page_index .current_issue .obj_article_summary{

    display:block !important;

    background:#fff !important;

    border:1px solid #e5e7eb !important;

    border-radius:12px !important;

    padding:28px !important;

    box-shadow:0 8px 24px rgba(0,0,0,.06) !important;

    margin:0 !important;

    border-bottom:none !important;
}

.pkp_page_index .current_issue .obj_article_summary:hover{

    transform:translateY(-3px);

    box-shadow:0 18px 35px rgba(0,0,0,.10) !important;
}

/* Ocultar el número actual de la portada */

.pkp_page_index .current_issue,
.page_index_journal .current_issue,
.homepage_current_issue{
    display:none !important;
}

.hero{
    text-align:center;
    padding:70px 20px;
}

.hero h1{
    font-size:3rem;
    color:#163b63;
    margin-bottom:15px;
}

.hero p{
    font-size:1.2rem;
    max-width:700px;
    margin:auto;
}

.hero-buttons{
    margin-top:40px;
}

.hero-buttons .btn{
    display:inline-block;
    margin:10px;
    padding:14px 28px;
    background:#163b63;
    color:#fff;
    border-radius:6px;
    text-decoration:none;
}

.features{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin:70px 0;
}

.features div{
    padding:30px;
    border:1px solid #e5e7eb;
    border-radius:8px;
}

.journal{
    max-width:900px;
    margin:auto;
    padding:50px 0;
}

/* =========================================================
   AI & Antiquity Homepage v7
   ========================================================= */

.aia-home{
    max-width:1200px;
    margin:0 auto;
    padding:60px 0 80px;
}

/* HERO */

.aia-hero{

    background:#163b63;

    color:#fff;

    border-radius:12px;

    overflow:hidden;

    padding:80px;

    position:relative;

    margin-bottom:70px;

}

.aia-hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(22,59,99,.92),
        rgba(22,59,99,.72)
    );

}

.aia-hero-content{

    position:relative;

    z-index:2;

    max-width:720px;

}

.aia-kicker{

    display:inline-block;

    font-size:.75rem;

    letter-spacing:2px;

    text-transform:uppercase;

    opacity:.8;

    margin-bottom:20px;

}

.aia-hero h1{

    font-family:Georgia,serif;

    font-size:3.6rem;

    line-height:1.1;

    margin-bottom:24px;

    color:white;

}

.aia-hero p{

    font-size:1.15rem;

    line-height:1.8;

    max-width:650px;

    opacity:.92;

}

/* TAGS */

.aia-tags{

    margin:35px 0;

}

.aia-tags span{

    display:inline-block;

    margin:6px 8px 6px 0;

    padding:8px 14px;

    border:1px solid rgba(255,255,255,.25);

    border-radius:30px;

    font-size:.85rem;

}

/* BOTONES */

.aia-buttons{

    margin-top:40px;

}

.aia-buttons a{

    display:inline-block;

    margin-right:15px;

    text-decoration:none;

    padding:14px 28px;

    border-radius:6px;

    font-weight:600;

    transition:.25s;

}

.btn-primary{

    background:#fff;

    color:#163b63;

}

.btn-primary:hover{

    transform:translateY(-2px);

}

.btn-secondary{

    border:1px solid rgba(255,255,255,.35);

    color:#fff;

}

.btn-secondary:hover{

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

}

/* FEATURES */

.aia-features{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

    margin-bottom:80px;

}

.aia-features article{

    padding:35px;

    border:1px solid #e5e7eb;

    border-radius:10px;

    transition:.25s;

    background:#fff;

}

.aia-features article:hover{

    transform:translateY(-6px);

    box-shadow:0 12px 30px rgba(0,0,0,.08);

}

.aia-features h3{

    color:#163b63;

    margin-bottom:15px;

}

/* ABOUT */

.aia-about{

    max-width:900px;

    margin:0 auto 80px;

    text-align:center;

}

.aia-about h2{

    font-family:Georgia,serif;

    color:#163b63;

    font-size:2.4rem;

    margin-bottom:30px;

}

.aia-about p{

    font-size:1.08rem;

    line-height:1.9;

    color:#555;

}

/* LINKS */

.aia-links{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

    margin-bottom:70px;

}

.aia-links a{

    text-decoration:none;

    padding:30px;

    border:1px solid #e5e7eb;

    border-radius:10px;

    color:#163b63;

    transition:.25s;

    background:white;

}

.aia-links a:hover{

    border-color:#163b63;

    transform:translateY(-5px);

}

.aia-links strong{

    display:block;

    font-size:1.1rem;

    margin-bottom:10px;

}

/* FOOTER */

.aia-footer{

    border-top:1px solid #e5e7eb;

    padding-top:35px;

    text-align:center;

}

.aia-footer span{

    display:inline-block;

    margin:8px 18px;

    color:#777;

    font-size:.9rem;

}

/* RESPONSIVE */

@media(max-width:900px){

.aia-hero{

padding:50px 35px;

}

.aia-hero h1{

font-size:2.5rem;

}

.aia-features{

grid-template-columns:1fr 1fr;

}

.aia-links{

grid-template-columns:1fr 1fr;

}

}

@media(max-width:650px){

.aia-features{

grid-template-columns:1fr;

}

.aia-links{

grid-template-columns:1fr;

}

.aia-hero{

padding:40px 25px;

}

.aia-hero h1{

font-size:2rem;

}

}

/* ==========================================
   HOME QUICK LINKS
========================================== */

.aia-home-buttons{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:20px;

    flex-wrap:wrap;

}

.aia-home-buttons a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:220px;

    padding:16px 28px;

    background:#00283B;

    color:#fff !important;

    text-decoration:none;

    border-radius:6px;

    font-family:'Inter',sans-serif;

    font-weight:600;

    font-size:1rem;

    transition:all .25s ease;

    box-shadow:0 6px 18px rgba(22,59,99,.15);

}

.aia-home-buttons a:hover{

    background:#a67c52;

    transform:translateY(-3px);

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

}

@media(max-width:768px){

.aia-home-buttons{

    flex-direction:column;

}

.aia-home-buttons a{

    width:100%;

    max-width:350px;

}

}

/* ==========================================================
   AI & Antiquity
   Premium Editorial Header v2
========================================================== */

/* Cabecera */

.pkp_structure_head{

    background:#00283B;

    padding:22px 0 10px;

    box-shadow:none;

}

/* Logo */

.pkp_site_name{

    margin:0 0 18px;

}

.pkp_site_name img{

    max-height:105px;

    width:auto;

    display:block;

}

/* Navegación */

.pkp_navigation_primary_wrapper{

    background:transparent;

    border-top:1px solid rgba(255,255,255,.10);

    padding-top:14px;

}

/* Menú */


/* Enlaces */

.pkp_navigation_primary > li > a{

    position:relative;

    padding:12px 0 !important;

    color:#ffffff !important;

    font-size:1rem;

    font-weight:500;

    letter-spacing:.02em;

    text-decoration:none;

    transition:all .25s ease;

}

/* Hover */

.pkp_navigation_primary > li > a:hover{

    color:#d6b98b !important;

}

/* Página activa */

.pkp_navigation_primary > li.current > a{

    color:#d6b98b !important;

}

/* Línea inferior */

.pkp_navigation_primary > li > a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-2px;

    width:0;

    height:2px;

    background:#a67c52;

    transition:width .25s ease;

}

.pkp_navigation_primary > li > a:hover::after,

.pkp_navigation_primary > li.current > a::after{

    width:100%;

}

/* Submenús */

.pkp_navigation_primary .dropdown-menu{

    background:#ffffff;

    border:none;

    border-radius:8px;

    box-shadow:0 12px 28px rgba(0,0,0,.14);

    padding:8px 0;

}

.pkp_navigation_primary .dropdown-menu a{

    color:#163b63;

    padding:10px 18px;

}

.pkp_navigation_primary .dropdown-menu a:hover{

    background:#f7f8fa;

    color:#a67c52;

}

/* ==========================================================
   MOBILE NAVIGATION FIX
========================================================== */

@media (max-width: 991px){

    .pkp_navigation_primary{

        display:block !important;

    }

    .pkp_navigation_primary > li{

        display:block !important;

        width:100%;

        margin:0;

    }

    .pkp_navigation_primary > li > a{

        display:block;

        padding:12px 0 !important;

    }

    .pkp_navigation_primary > li > a::after{

        display:none;

    }

}

/* ==========================================================
   AI & Antiquity
   Editorial Refinement v1
========================================================== */

/* Más aire entre logo y menú */

.pkp_site_name{

    margin-bottom:12px !important;

}

/* Menú ligeramente más elegante */

.pkp_navigation_primary > li > a{

    font-size:1rem;

    font-weight:600;

    letter-spacing:.01em;

}

/* El enlace activo siempre en bronce */

.pkp_navigation_primary > li.current > a{

    color:#d6b98b !important;

}

/* Hero más separado del header */

.page_index_journal #main-content{

    padding-top:34px;

}

/* Títulos principales */

.aia-home h1,
.aia-home h2{

    letter-spacing:-0.02em;

}

/* Texto más cómodo de leer */

.aia-home p{

    line-height:1.85;

}

/* Botones un poco más elegantes */

.aia-home-buttons a{

    border:1px solid rgba(255,255,255,.08);

    transition:all .25s ease;

}

.aia-home-buttons a:hover{

    transform:translateY(-2px);

}

/* Imagen principal */

.page_index_journal .homepage_image img{

    border-radius:10px !important;

    box-shadow:0 18px 45px rgba(0,0,0,.10) !important;

}

/* Suavizar la transición de los enlaces */

a{

    transition:color .2s ease;

}

/* ==================================================
   DESKTOP MENU XL
   ================================================== */

@media (min-width: 992px){

    /* Barra del menú */
    .pkp_navigation_primary{
        display:flex;
        justify-content:flex-start;
        align-items:center;
        gap:18px;
    }

    /* Cada opción */
    .pkp_navigation_primary > li{
        position:relative;
    }

    /* Texto más grande */
    .pkp_navigation_primary > li > a{

        font-size:1.18rem !important;
        font-weight:600 !important;

        padding:18px 10px !important;

        line-height:1.2;

        white-space:nowrap;
    }

    /* El desplegable no modifica la altura */
    .pkp_navigation_primary .dropdown-menu{

        position:absolute !important;

        top:100%;

        left:0;

        min-width:240px;

        z-index:9999;

        margin-top:10px;

    }

    /* Elementos del desplegable */
    .pkp_navigation_primary .dropdown-menu a{

        font-size:1rem;

        padding:12px 18px;

    }

}

@media (min-width:992px){

    .pkp_structure_head{
        padding:28px 0 16px;
    }

    .pkp_site_name{
        margin-bottom:18px !important;
    }

}

/* Ocultar el buscador del header */

.pkp_navigation_search_wrapper,
.pkp_search {
    display: none !important;
}
/* ==================================================
   DESKTOP HEADER FINAL
   ================================================== */

@media (min-width:992px){

    /* Header */
    .pkp_structure_head{
        padding:30px 0 18px;
    }

    /* Logo */
    .pkp_site_name{
        margin-bottom:18px !important;
    }

    /* Menú */
    .pkp_navigation_primary{

        display:flex;
        align-items:center;

        justify-content:flex-start;

        gap:34px;

        margin-left:110px;

    }

    .pkp_navigation_primary > li > a{

        font-family:"Helvetica Neue", Arial, sans-serif !important;

        font-size:1.16rem !important;

        font-weight:600 !important;

        letter-spacing:.01em;

        color:#fff !important;

        padding:18px 0 !important;

        white-space:nowrap;

    }

    .pkp_navigation_primary > li > a:hover{

        color:#d6b98b !important;

    }

    /* Submenús */
    .pkp_navigation_primary .dropdown-menu{

        position:absolute !important;

        top:100%;

        left:0;

        min-width:240px;

        margin-top:8px;

        z-index:9999;

    }

}

/* ==================================================
   CONTACT PAGE - AI & Antiquity Editorial Style
   ================================================== */

.page_contact #main-content{

    max-width:1200px;
    margin:70px auto;
    padding:0 30px;

}

/* Título */

.page_contact h1{

    font-family:Georgia,serif;
    font-size:3rem;
    color:#163b63;
    margin-bottom:18px;

}

.page_contact h1::after{

    content:"";

    display:block;

    width:70px;

    height:3px;

    margin-top:16px;

    background:#a67c52;

}

/* Dirección */

.page_contact .address{

    font-size:1.05rem;

    color:#555;

    margin-bottom:50px;

}

/* Dos columnas */

.page_contact .contact{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

    gap:35px;

}

/* Tarjetas */

.page_contact .contact .principal,
.page_contact .contact .support{

    background:#fff;

    border:1px solid #e6e9ee;

    border-radius:14px;

    padding:35px;

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

    transition:.25s;

}

.page_contact .contact .principal:hover,
.page_contact .contact .support:hover{

    transform:translateY(-4px);

    box-shadow:0 18px 40px rgba(0,0,0,.08);

}

/* Títulos */

.page_contact h2{

    font-family:Georgia,serif;

    color:#163b63;

    font-size:1.7rem;

    margin-bottom:20px;

}

/* Cargo */

.page_contact strong{

    display:block;

    color:#163b63;

    font-size:1.05rem;

    margin-bottom:10px;

}

/* Universidad */

.page_contact p{

    line-height:1.8;

    color:#555;

}

/* Email */

.page_contact a{

    color:#163b63;

    font-weight:600;

    text-decoration:none;

}

.page_contact a:hover{

    color:#a67c52;

}

/* Ocultar Edit cuando eres admin */

.page_contact .cmp_notification,
.page_contact .pkp_page_actions{

    display:none;

}

/* HERO */

.page_contact .page_title{

    text-align:center !important;
    margin-bottom:25px !important;

}

.page_contact .address{

    max-width:760px;
    margin:0 auto 60px !important;

    text-align:center;

    font-size:1.08rem;

    line-height:1.9;

}


/* ==================================================
   CONTACT HERO IMAGE
   ================================================== */

.page_contact .address{

    position:relative;

    overflow:hidden;

    border-radius:16px;

    min-height:320px;

    margin:0 auto 70px !important;

    display:flex;

    align-items:flex-end;

    justify-content:flex-start;

    padding:45px;

    color:white;

    font-size:1.15rem;

    line-height:1.8;

    background-image:
        linear-gradient(
            rgba(0,40,59,.45),
            rgba(0,40,59,.65)
        ),
        url("https://www.uab.cat/ca/lletres/img/facultat/facultatll.jpg");

    background-size:cover;

    background-position:center;

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

}

.page_contact .address p,
.page_contact .address{

    color:white !important;

    max-width:650px;

    margin:0;

}



.page_contact h2{

    position:relative;

    padding-bottom:14px;

}

.page_contact h2::after{

    content:"";

    position:absolute;

    left:0;

    bottom:0;

    width:45px;

    height:2px;

    background:#a67c52;

}

.page_contact a{

    display:inline-block;

    margin-top:18px;

    padding:10px 18px;

    border:1px solid #163b63;

    border-radius:30px;

    transition:.25s;

}

.page_contact a:hover{

    background:#163b63;

    color:white !important;

}

.page_contact .principal,
.page_contact .support{

    overflow:hidden;

}

.page_contact .principal p,
.page_contact .support p{

    margin-bottom:12px;

}

/* ==================================================
   STATIC PAGES (About, Contact, CFP, Editorial...)
   ================================================== */

.page h1.page_title,
.page h1{

    font-family:Georgia,serif !important;
    font-size:3rem;
    color:#163b63;
    margin-bottom:18px;

}

.page h1::after{

    content:"";
    display:block;

    width:70px;
    height:3px;

    margin-top:16px;

    background:#a67c52;

}

/* Contenedor */

.page #main-content{

    max-width:1200px;

    margin:60px auto;

    padding:0 40px;

}

/* Breadcrumb */

.cmp_breadcrumbs{

    margin-bottom:30px;

}

.cmp_breadcrumbs ol{

    gap:10px;

    align-items:center;

    list-style:none;

    padding:0;

}

.cmp_breadcrumbs a{

    color:#163b63;

    text-decoration:none;

    font-weight:600;

}

.cmp_breadcrumbs a:hover{

    color:#a67c52;

}

/* Texto */

.page p{

    line-height:1.9;

    color:#555;

    font-size:1.05rem;

}

/* Listas */

.page ul{

    line-height:1.9;

}

/* Edit button */

.pkp_page_actions{

    opacity:.25;

}

.pkp_page_actions:hover{

    opacity:1;

}

/* ==================================================
   CONTACT - eliminar botones redondeados
   ================================================== */

.page_contact a{

    background:none !important;
    border:none !important;
    border-radius:0 !important;
    box-shadow:none !important;

    padding:0 !important;

    color:#163b63 !important;

    font-weight:600;

    text-decoration:none;

}

.page_contact a:hover{

    color:#a67c52 !important;
    text-decoration:underline;

}

/* ==================================================
   CONTACT ALIGN FIX
   ================================================== */

.page_contact #main-content{

    padding-top:40px !important;

}

.page_contact .cmp_breadcrumbs{

    margin-bottom:42px !important;

}

.page_contact h1.page_title,
.page_contact h1{

    margin-top:0 !important;

    margin-bottom:34px !important;

}

/* ==========================================================
   AI & Antiquity
   CONTACT PAGE (Custom Page)
========================================================== */

.aia-contact{

    max-width:1200px;
    margin:60px auto 100px;
    padding:0 25px;

}

/* HERO */

.aia-contact-hero{

    height:430px;

    border-radius:18px;

    overflow:hidden;

    position:relative;

    margin-bottom:70px;

    background-image:
        linear-gradient(
            rgba(22,59,99,.45),
            rgba(22,59,99,.75)
        ),
        url("https://www.uab.cat/ca/lletres/img/facultat/facultatll.jpg");

    background-size:cover;
    background-position:center;

    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

.aia-contact-overlay{

    position:absolute;
    inset:0;

    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    align-items:flex-start;

    padding:60px;

    color:#fff;

}

.aia-contact-overlay h1{

    font-family:Georgia,serif;

    font-size:3.5rem;

    color:#fff;

    margin:0 0 15px;

}

.aia-contact-overlay h1::after{

    display:none;

}

.aia-contact .subtitle{

    color:#fff;

    font-size:1.25rem;

    line-height:1.6;

    margin:0;

}

.aia-contact .institution{

    color:#fff;

    margin-top:30px;

    line-height:1.8;

    font-size:1.05rem;

    opacity:.95;

}

/* INTRO */

.aia-contact-intro{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.aia-contact-intro h2{

    font-family:Georgia,serif;

    color:#163b63;

    font-size:2rem;

    margin-bottom:20px;

}

.aia-contact-intro h2::after{

    content:"";

    display:block;

    width:60px;

    height:3px;

    background:#a67c52;

    margin:14px auto 0;

}

.aia-contact-intro p{

    color:#555;

    line-height:1.9;

    font-size:1.05rem;

}

/* GRID */

.aia-contact-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(340px,1fr));

    gap:35px;

    margin-top:30px;

}

/* CARDS */

.contact-card{

    background:#fff;

    border:1px solid #e6e9ee;

    border-radius:16px;

    padding:40px;

    box-shadow:0 15px 40px rgba(0,0,0,.06);

    transition:.30s;

}

.contact-card:hover{

    transform:translateY(-6px);

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

}

.contact-card h3{

    font-family:Georgia,serif;

    color:#163b63;

    font-size:1.6rem;

    margin-top:0;

}

.contact-card .role{

    color:#a67c52;

    font-size:.82rem;

    font-weight:700;

    letter-spacing:.10em;

    text-transform:uppercase;

    margin-bottom:18px;

}

.contact-card h4{

    color:#163b63;

    font-size:1.30rem;

    margin-bottom:15px;

}

.contact-card p{

    color:#555;

    line-height:1.8;

}

.contact-card a{

    display:inline-block;

    margin-top:20px;

    color:#163b63;

    text-decoration:none;

    font-weight:600;

}

.contact-card a:hover{

    color:#a67c52;

}

/* ADDRESS */

.aia-address{

    margin-top:90px;

    padding-top:60px;

    border-top:1px solid #e5e7eb;

    text-align:center;

}

.aia-address h2{

    font-family:Georgia,serif;

    color:#163b63;

    font-size:2rem;

    margin-bottom:25px;

}

.aia-address h2::after{

    content:"";

    display:block;

    width:60px;

    height:3px;

    background:#a67c52;

    margin:14px auto 0;

}

.aia-address p{

    color:#555;

    line-height:2;

    font-size:1.05rem;

}

/* RESPONSIVE */

@media (max-width:768px){

    .aia-contact{

        padding:0 20px;

    }

    .aia-contact-hero{

        height:300px;

    }

    .aia-contact-overlay{

        padding:35px;

    }

    .aia-contact-overlay h1{

        font-size:2.4rem;

    }

    .aia-contact-grid{

        grid-template-columns:1fr;

    }

}

/* ==================================================
   ARTICLE PAGE - Título del artículo
================================================== */

.obj_article_details .page_title,
.obj_article_details h1.page_title,
.obj_article_details .item.title h1{

    font-family: Georgia, serif !important;

    font-size: 2.6rem !important;

    line-height: 1.28 !important;

    letter-spacing: -0.02em;

    color: #163b63;

    margin-bottom: 28px !important;

    font-weight: 600;

}


/* Más aire en los títulos de página */
.page h1.page_title,
.page h1 {
    line-height: 1.25 !important;
}