:root {

    --faci-blue: #064c7c;
    --navy: #07375f;
    --navy-dark: #042b4d;

    --blue: #087cbd;
    --cyan: #24a9e0;
    --cyan-light: #66c9ed;

    --ink: #153d60;
    --muted: #607990;

    --line: #d9e6ee;
    --light: #f4fafe;

    --white: #ffffff;

    --content: 1215px;

    --font-display:
        "Barlow Semi Condensed",
        "Arial Narrow",
        Arial,
        sans-serif;

    --font-body:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;
}


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

* {
    box-sizing: border-box;
}


html {
    scroll-behavior: smooth;
}


body {

    margin: 0;

    color: var(--ink);

    background: #ffffff;

    font-family: var(--font-body);

    /*
     * Antes: 13px.
     * Ahora: 15.6px = +20%.
     */
    font-size: calc(17.16px * var(--dmat-a11y-scale, 1));

    line-height: 1.45;

    -webkit-font-smoothing: antialiased;
}


a {
    color: inherit;
}


img {

    display: block;

    max-width: 100%;

    height: auto;
}


.dmat-container {

    width:
        min(
            calc(100% - 48px),
            var(--content)
        );

    margin-inline: auto;
}


.screen-reader-text {

    position: absolute;

    width: 1px;
    height: 1px;

    padding: 0;

    margin: -1px;

    overflow: hidden;

    clip:
        rect(
            0,
            0,
            0,
            0
        );

    white-space: nowrap;

    border: 0;
}


/* ==========================================================
   TOP FACI
   ========================================================== */

.faci-bar {

    min-height: 42px;

    color: white;

    background:
        linear-gradient(
            90deg,
            #063b67,
            #045f93
        );
}


.faci-bar-inner {

    min-height: 42px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;
}


.institution-left {

    display: flex;

    align-items: center;

    gap: 16px;
}


.ubb-brand {

    display: flex;

    align-items: center;
}


.ubb-brand img {

    width: auto;

    height: 29px;

    max-width: 190px;

    object-fit: contain;
}


.institution-separator {

    width: 1px;

    height: 24px;

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


.faci-brand-link {

    color: white;

    text-decoration: none;

    /*
     * 10px -> 12px
     */
    font-size: calc(13.2px * var(--dmat-a11y-scale, 1));

    line-height: 1;

    letter-spacing: .08em;

    font-weight: 600;
}


.faci-links {

    display: flex;

    align-items: center;

    gap: 11px;

    /*
     * 9px -> 10.8px
     */
    font-size: calc(11.88px * var(--dmat-a11y-scale, 1));
}


.faci-links > a {

    color: white;

    text-decoration: none;

    opacity: .92;
}


.faci-links > a:hover {

    opacity: 1;

    text-decoration: underline;
}


.faci-links > span {

    opacity: .35;
}


.top-search {

    width: 22px;
    height: 22px;

    display: grid;

    place-items: center;

    margin-left: 8px;
}


.top-search svg {

    width: 17px;
    height: 17px;

    fill: none;

    stroke: white;

    stroke-width: 1.6;
}


/* ==========================================================
   DMAT HEADER
   ========================================================== */

.dmat-header {

    position: relative;

    z-index: 50;

    min-height: 92px;

    background: white;

    border-bottom:
        1px solid #e3edf3;
}


.dmat-header-inner {

    min-height: 92px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 32px;
}


.dmat-brand {

    min-width: 390px;

    display: flex;

    align-items: center;

    text-decoration: none;
}


.dmat-logo-image {

    width: auto;

    height: 53px;

    max-width: 180px;

    object-fit: contain;
}


.dmat-logo-fallback {

    color: var(--cyan);

    font-family: var(--font-display);

    font-size: calc(47.3px * var(--dmat-a11y-scale, 1));

    font-weight: 600;
}


.dmat-brand-rule {

    width: 1px;

    height: 51px;

    margin: 0 17px;

    background: #b7cedc;
}


.dmat-brand-copy strong {

    display: block;

    color: #063862;

    font-family: var(--font-display);

    /*
     * 11 -> 13.2
     */
    font-size: calc(14.52px * var(--dmat-a11y-scale, 1));

    line-height: 1.04;

    letter-spacing: .045em;

    font-weight: 600;
}


.dmat-brand-copy small {

    display: block;

    margin-top: 5px;

    color: #617b92;

    /*
     * 7 -> 8.4
     */
    font-size: calc(9.24px * var(--dmat-a11y-scale, 1));

    white-space: nowrap;
}


/* ==========================================================
   MENU
   ========================================================== */

.dmat-menu {

    display: flex;

    align-items: center;

    gap: 29px;

    margin: 0;

    padding: 0;

    list-style: none;
}


.dmat-menu a {

    display: block;

    padding:
        35px 0
        30px;

    color: #163e62;

    border-bottom:
        2px solid transparent;

    text-decoration: none;

    /*
     * 9 -> 10.8
     */
    font-size: calc(11.88px * var(--dmat-a11y-scale, 1));

    font-weight: 500;
}


.dmat-menu a:hover,
.dmat-menu .current-menu-item a {

    color: #087cbd;

    border-bottom-color: #20a8df;
}


.dmat-menu-toggle {
    display: none;
}


/* ==========================================================
   HERO
   ========================================================== */

.hero-home {

    position: relative;

    height: 355px;

    overflow: hidden;

    color: white;

    background-color: #06365f;

    background-image:
        url("../images/hero-home.png");

    background-repeat: no-repeat;

    background-position:
        center center;

    background-size: cover;
}


.hero-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(3,35,63,.32) 0%,
            rgba(3,35,63,.10) 43%,
            rgba(3,35,63,0) 72%
        );
}


.hero-inner {

    position: relative;

    z-index: 2;

    height: 100%;
}


.hero-content {

    width: 480px;

    padding-top: 32px;
}


.hero-symbol {

    height: 57px;

    display: flex;

    align-items: center;

    gap: 25px;

    color: #84d6f3;

    font-family: Georgia, serif;

    font-size: calc(57.2px * var(--dmat-a11y-scale, 1));

    line-height: 1;
}


.hero-symbol i {

    width: 145px;

    height: 1px;

    display: block;

    background:
        rgba(
            138,
            216,
            245,
            .83
        );
}


.hero-content h1 {

    margin:
        6px
        0
        11px;

    color: white;

    font-family: var(--font-display);

    /*
     * 35 -> 42
     */
    font-size: calc(46.2px * var(--dmat-a11y-scale, 1));

    line-height: 1.02;

    letter-spacing: .08em;

    font-weight: 400;
}


.hero-content p {

    margin: 0;

    color:
        rgba(
            255,
            255,
            255,
            .92
        );

    /*
     * 12 -> 14.4
     */
    font-size: calc(15.84px * var(--dmat-a11y-scale, 1));

    line-height: 1.52;

    letter-spacing: .025em;
}


.hero-buttons {

    display: flex;

    gap: 13px;

    margin-top: 20px;
}


.hero-button {

    min-width: 215px;

    min-height: 43px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    padding:
        0
        19px;

    border-radius: 4px;

    text-decoration: none;

    /*
     * 9 -> 10.8
     */
    font-size: calc(11.88px * var(--dmat-a11y-scale, 1));

    font-weight: 600;
}


.hero-button.primary {

    color: white;

    background: #079fe2;

    box-shadow:
        0
        7px
        20px
        rgba(
            0,
            118,
            185,
            .18
        );
}


.hero-button.secondary {

    color: white;

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

    background:
        rgba(
            3,
            35,
            64,
            .16
        );
}


.hero-button:hover {

    transform:
        translateY(-1px);
}


.hero-motto {

    position: absolute;

    right: 11px;

    bottom: 18px;

    padding-left: 14px;

    border-left:
        1px solid
        rgba(
            255,
            255,
            255,
            .55
        );

    color:
        rgba(
            255,
            255,
            255,
            .72
        );

    /*
     * 7 -> 8.4
     */
    font-size: calc(9.24px * var(--dmat-a11y-scale, 1));

    line-height: 1.55;

    letter-spacing: .23em;
}


/*
 * NO EXISTE .hero-dots
 * No hay carrusel.
 */


/* ==========================================================
   INDICADORES
   ========================================================== */

.home-stats {

    min-height: 92px;

    background: white;

    border-bottom:
        1px solid #e1eaf0;
}


.stats-grid {

    min-height: 92px;

    display: grid;

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


.stat-item {

    position: relative;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 16px;
}


.stat-item:not(:last-child)::after {

    content: "";

    position: absolute;

    right: 0;

    width: 1px;

    height: 43px;

    background: #b8dcea;
}


.stat-item > img {

    width: 35px;

    height: 35px;

    object-fit: contain;
}


.stat-item strong {

    display: block;

    color: #004f89;

    font-family: var(--font-display);

    /*
     * 21 -> 25.2
     */
    font-size: calc(27.72px * var(--dmat-a11y-scale, 1));

    line-height: 1;

    font-weight: 600;
}


.stat-item span {

    display: block;

    margin-top: 4px;

    color: #57728b;

    /*
     * 9 -> 10.8
     */
    font-size: calc(11.88px * var(--dmat-a11y-scale, 1));
}


/* ==========================================================
   HOME GENERAL
   ========================================================== */

.home-section {

    padding-top: 18px;
}


.section-heading {

    min-height: 42px;

    display: flex;

    align-items: center;

    justify-content: space-between;
}


.section-heading h2 {

    display: flex;

    align-items: center;

    gap: 11px;

    margin: 0;

    color: #03548e;

    /*
     * 10 -> 12
     */
    font-size: calc(13.2px * var(--dmat-a11y-scale, 1));

    letter-spacing: .22em;

    font-weight: 600;
}


.sigma-small {

    color: #16a7df;

    font-family: Georgia, serif;

    font-size: calc(34.1px * var(--dmat-a11y-scale, 1));

    letter-spacing: 0;
}


.section-heading h2 i,
.panel-heading h2 i {

    width: 64px;

    height: 1px;

    display: block;

    margin-left: 10px;

    background: #32ace0;
}


.section-heading > a {

    color: #0878b8;

    text-decoration: none;

    /*
     * 8 -> 9.6
     */
    font-size: calc(10.56px * var(--dmat-a11y-scale, 1));
}


.section-heading > a span {

    margin-left: 7px;

    color: #16a7df;

    font-size: calc(18.7px * var(--dmat-a11y-scale, 1));
}


/* ==========================================================
   INVESTIGACION
   ========================================================== */

.research-grid {

    display: grid;

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

    gap: 19px;
}


.research-card {

    position: relative;

    min-height: 255px;

    overflow: hidden;

    display: block;

    color: inherit;

    border:
        1px solid #dae7ee;

    border-radius: 5px;

    background: white;

    text-decoration: none;

    box-shadow:
        0
        3px
        12px
        rgba(
            13,
            61,
            95,
            .035
        );

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}


.research-card:hover {

    transform:
        translateY(-2px);

    box-shadow:
        0
        9px
        22px
        rgba(
            11,
            71,
            110,
            .10
        );
}


.research-image {

    width: 100%;

    height: 130px;

    overflow: hidden;

    background: #edf8fd;
}


.research-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position: center;
}


.research-content {

    padding:
        13px
        17px
        16px;
}


.research-content h3 {

    margin:
        0
        38px
        8px
        0;

    color: #06416f;

    font-family: var(--font-display);

    /*
     * 13 -> 15.6
     */
    font-size: calc(17.16px * var(--dmat-a11y-scale, 1));

    line-height: 1.09;

    font-weight: 600;
}


.research-content p {

    margin: 0;

    color: #60758a;

    /*
     * 8 -> 9.6
     */
    font-size: calc(10.56px * var(--dmat-a11y-scale, 1));

    line-height: 1.48;
}


.research-arrow {

    position: absolute;

    right: 12px;

    top: 117px;

    width: 31px;

    height: 31px;

    display: grid;

    place-items: center;

    border-radius: 50%;

    color: white;

    background: #087bb8;

    font-size: calc(27.5px * var(--dmat-a11y-scale, 1));

    line-height: 1;
}


/* ==========================================================
   FORMACION + VINCULACION
   ========================================================== */

.middle-section {

    padding-top: 17px;
}


.middle-grid {

    display: grid;

    grid-template-columns:
        1.08fr
        .92fr;

    gap: 16px;
}


.home-panel {

    min-height: 190px;

    overflow: hidden;

    border:
        1px solid #dce8ef;

    border-radius: 5px;

    background: white;
}


.panel-heading {

    min-height: 47px;

    padding:
        0
        16px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    background: #f7fbfd;

    border-bottom:
        1px solid #e3edf3;
}


.panel-heading h2 {

    display: flex;

    align-items: center;

    gap: 10px;

    margin: 0;

    color: #03548e;

    /*
     * 10 -> 12
     */
    font-size: calc(13.2px * var(--dmat-a11y-scale, 1));

    letter-spacing: .20em;

    font-weight: 600;
}


.panel-heading h2 img {

    width: 25px;

    height: 25px;

    object-fit: contain;
}


.panel-heading > a {

    color: #0878b8;

    text-decoration: none;

    /*
     * 8 -> 9.6
     */
    font-size: calc(10.56px * var(--dmat-a11y-scale, 1));
}


.programs-grid {

    display: grid;

    grid-template-columns:
        1fr
        1fr;
}


.programs-grid > a {

    min-height: 141px;

    padding:
        21px
        24px;

    text-decoration: none;
}


.programs-grid > a + a {

    border-left:
        1px solid #b8dbe9;
}


.programs-grid h3 {

    margin:
        0
        0
        10px;

    color: #07558c;

    font-family: var(--font-display);

    /*
     * 13 -> 15.6
     */
    font-size: calc(17.16px * var(--dmat-a11y-scale, 1));

    line-height: 1.13;

    font-weight: 500;
}


.programs-grid p {

    margin: 0;

    color: #687e90;

    /*
     * 8 -> 9.6
     */
    font-size: calc(10.56px * var(--dmat-a11y-scale, 1));

    line-height: 1.5;
}


.extension-body {

    min-height: 141px;

    display: block;

    padding:
        21px
        24px;

    text-decoration: none;

    background:
        linear-gradient(
            90deg,
            rgba(248,252,254,.96),
            rgba(239,249,253,.78)
        );
}


.extension-body h3 {

    margin:
        0
        0
        9px;

    color: #07558c;

    font-family: var(--font-display);

    /*
     * 16 -> 19.2
     */
    font-size: calc(21.12px * var(--dmat-a11y-scale, 1));

    line-height: 1.08;

    font-weight: 500;
}


.extension-body p {

    max-width: 310px;

    margin: 0;

    color: #637c90;

    /*
     * 8 -> 9.6
     */
    font-size: calc(10.56px * var(--dmat-a11y-scale, 1));

    line-height: 1.5;
}


/* ==========================================================
   NOTICIAS + EVENTOS
   ========================================================== */

.lower-section {

    padding-top: 17px;

    padding-bottom: 25px;
}


.lower-grid {

    display: grid;

    grid-template-columns:
        1.08fr
        .92fr;

    gap: 16px;
}


.lower-column {

    min-width: 0;
}


.lower-heading {

    border:
        1px solid #dce8ef;

    border-bottom: none;

    background: white;
}


.news-grid {

    min-height: 140px;

    display: grid;

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

    border:
        1px solid #dce8ef;
}


.news-item {

    min-width: 0;

    display: grid;

    grid-template-columns:
        78px
        1fr;

    gap: 10px;

    padding: 10px;
}


.news-item + .news-item {

    border-left:
        1px solid #e1ebf1;
}


.news-thumb {

    height: 108px;

    overflow: hidden;

    display: block;

    background: #edf8fc;

    text-decoration: none;
}


.news-thumb img {

    width: 100%;

    height: 100%;

    object-fit: cover;
}


.news-thumb span {

    width: 100%;

    height: 100%;

    display: grid;

    place-items: center;

    color: #5ebce4;

    font-family: Georgia, serif;

    font-size: calc(39.6px * var(--dmat-a11y-scale, 1));
}


.news-copy time {

    color: #7c8c98;

    /*
     * 6 -> 7.2
     */
    font-size: calc(7.92px * var(--dmat-a11y-scale, 1));

    text-transform: uppercase;
}


.news-copy h3 {

    margin:
        7px
        0
        0;

    font-family: var(--font-display);

    /*
     * 8 -> 9.6
     */
    font-size: calc(10.56px * var(--dmat-a11y-scale, 1));

    line-height: 1.3;

    font-weight: 500;
}


.news-copy h3 a {

    color: #16466e;

    text-decoration: none;
}


.events-list {

    min-height: 140px;

    padding:
        7px
        12px;

    border:
        1px solid #dce8ef;
}


.event-item {

    min-height: 41px;

    display: grid;

    grid-template-columns:
        57px
        1fr
        22px;

    align-items: center;

    text-decoration: none;
}


.event-item + .event-item {

    border-top:
        1px solid #ebf1f5;
}


.event-date {

    text-align: center;

    color: #07558c;

    line-height: 1;
}


.event-date strong {

    display: block;

    /*
     * 15 -> 18
     */
    font-size: calc(19.8px * var(--dmat-a11y-scale, 1));
}


.event-date small {

    display: block;

    margin-top: 2px;

    /*
     * 6 -> 7.2
     */
    font-size: calc(7.92px * var(--dmat-a11y-scale, 1));
}


.event-title {

    color: #16466e;

    /*
     * 8 -> 9.6
     */
    font-size: calc(10.56px * var(--dmat-a11y-scale, 1));

    font-weight: 600;
}


.event-arrow {

    width: 21px;

    height: 21px;

    display: grid;

    place-items: center;

    border:
        1px solid #9fc9de;

    border-radius: 50%;

    color: #078dd0;

    /*
     * 14 -> ~17
     */
    font-size: calc(18.7px * var(--dmat-a11y-scale, 1));
}


.no-events {

    margin: 23px;

    color: #758a9a;

    font-size: calc(11.88px * var(--dmat-a11y-scale, 1));
}


/* ==========================================================
   FOOTER
   ========================================================== */

.dmat-footer {

    position: relative;

    min-height: 130px;

    overflow: hidden;

    color: white;

    background-color: #05345d;

    background-image:
        url("../images/footer-wave.png");

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center center;
}


.footer-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(4,46,82,.18),
            rgba(4,46,82,.08)
        );
}


.footer-grid {

    position: relative;

    z-index: 2;

    min-height: 130px;

    display: grid;

    grid-template-columns:
        1.25fr
        1fr
        .75fr;

    align-items: center;

    gap: 43px;
}


.footer-brand {

    display: flex;

    align-items: center;

    gap: 17px;
}


.footer-brand > a img {

    width: auto;

    height: 42px;

    max-width: 200px;

    object-fit: contain;
}


.footer-divider {

    width: 1px;

    height: 52px;

    background:
        rgba(
            255,
            255,
            255,
            .50
        );
}


.footer-brand strong {

    display: block;

    /*
     * 8 -> 9.6
     */
    font-size: calc(10.56px * var(--dmat-a11y-scale, 1));

    letter-spacing: .05em;
}


.footer-brand p {

    margin:
        5px
        0
        0;

    color:
        rgba(
            255,
            255,
            255,
            .78
        );

    /*
     * 7 -> 8.4
     */
    font-size: calc(9.24px * var(--dmat-a11y-scale, 1));

    line-height: 1.45;
}


.footer-links {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 19px;
}


.footer-links a {

    color:
        rgba(
            255,
            255,
            255,
            .78
        );

    text-decoration: none;

    /*
     * 7 -> 8.4
     */
    font-size: calc(9.24px * var(--dmat-a11y-scale, 1));
}


.footer-math {

    justify-self: end;

    display: flex;

    align-items: center;

    gap: 16px;
}


.footer-sigma {

    padding-right: 16px;

    border-right:
        1px solid
        rgba(
            255,
            255,
            255,
            .52
        );

    color:
        rgba(
            130,
            213,
            243,
            .75
        );

    font-family: Georgia, serif;

    font-size: calc(55px * var(--dmat-a11y-scale, 1));

    line-height: 1;
}


.footer-words {

    color:
        rgba(
            255,
            255,
            255,
            .68
        );

    /*
     * 6 -> 7.2
     */
    font-size: calc(7.92px * var(--dmat-a11y-scale, 1));

    line-height: 1.55;

    letter-spacing: .22em;
}


/* ==========================================================
   PAGINAS INTERNAS
   ========================================================== */

.dmat-inner-hero,
.dmat-article-header {

    padding:
        56px
        0;

    color: white;

    background: #06365e;
}


.dmat-inner-hero h1,
.dmat-article-header h1 {

    margin:
        7px
        0
        0;

    color: white;

    font-family: var(--font-display);

    /*
     * 34 -> 40.8
     */
    font-size: calc(44.88px * var(--dmat-a11y-scale, 1));

    line-height: 1.05;

    font-weight: 500;
}


.dmat-page-content,
.dmat-article-content {

    padding:
        55px
        0
        80px;

    /*
     * asegura +20 también en interiores
     */
    font-size: 1em;
}


.dmat-page-content h2,
.dmat-article-content h2 {

    font-family: var(--font-display);

    font-size: calc(34.1px * var(--dmat-a11y-scale, 1));

    color: var(--navy);
}


.dmat-page-content h3,
.dmat-article-content h3 {

    font-family: var(--font-display);

    font-size: calc(26.4px * var(--dmat-a11y-scale, 1));

    color: var(--navy);
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media
(max-width: 1060px) {

    .faci-links {
        display: none;
    }


    .dmat-brand {
        min-width: 0;
    }


    .dmat-menu-toggle {

        width: 44px;

        height: 44px;

        display: flex;

        flex-direction: column;

        justify-content: center;

        gap: 5px;

        border: 0;

        background: none;
    }


    .dmat-menu-toggle >
    span:not(.screen-reader-text) {

        width: 25px;

        height: 2px;

        background: #07345d;
    }


    .dmat-nav {

        display: none;

        position: absolute;

        z-index: 100;

        top: 92px;

        left: 0;

        right: 0;

        padding:
            15px
            26px;

        background: white;

        border-bottom:
            1px solid var(--line);
    }


    .dmat-nav.is-open {
        display: block;
    }


    .dmat-menu {

        display: block;
    }


    .dmat-menu a {

        padding:
            12px
            0;

        font-size: calc(15.4px * var(--dmat-a11y-scale, 1));
    }


    .research-grid {
        gap: 13px;
    }

}


@media
(max-width: 760px) {

    .dmat-container {

        width:
            min(
                calc(100% - 28px),
                var(--content)
            );
    }


    .faci-bar {

        min-height: 45px;
    }


    .faci-bar-inner {

        min-height: 45px;

        justify-content: center;
    }


    .ubb-brand img {

        height: 27px;
    }


    .faci-brand-link {

        font-size: calc(11px * var(--dmat-a11y-scale, 1));
    }


    .dmat-header {

        min-height: 76px;
    }


    .dmat-header-inner {

        min-height: 76px;
    }


    .dmat-logo-image {

        height: 45px;
    }


    .dmat-brand-copy,
    .dmat-brand-rule {
        display: none;
    }


    .dmat-nav {

        top: 76px;
    }


    .hero-home {

        height: 470px;

        background-position:
            58% center;
    }


    .hero-overlay {

        background:
            linear-gradient(
                90deg,
                rgba(3,35,63,.62),
                rgba(3,35,63,.20)
            );
    }


    .hero-content {

        width: 100%;

        max-width: 430px;

        padding-top: 43px;
    }


    .hero-symbol {

        font-size: calc(52.8px * var(--dmat-a11y-scale, 1));
    }


    .hero-content h1 {

        font-size: calc(44px * var(--dmat-a11y-scale, 1));
    }


    .hero-content p {

        font-size: calc(15.4px * var(--dmat-a11y-scale, 1));
    }


    .hero-buttons {

        max-width: 270px;

        flex-direction: column;
    }


    .hero-button {

        width: 100%;

        min-width: 0;
    }


    .hero-motto {
        display: none;
    }


    .home-stats {

        min-height: 0;
    }


    .stats-grid {

        min-height: 0;

        grid-template-columns:
            1fr
            1fr;
    }


    .stat-item {

        min-height: 85px;

        border-bottom:
            1px solid var(--line);
    }


    .stat-item:nth-child(2n)::after {
        display: none;
    }


    .research-grid,
    .middle-grid,
    .lower-grid {

        grid-template-columns: 1fr;
    }


    .research-card {

        min-height: 285px;
    }


    .research-image {

        height: 145px;
    }


    .research-arrow {

        top: 132px;
    }


    .programs-grid {

        grid-template-columns: 1fr;
    }


    .programs-grid > a + a {

        border-left: 0;

        border-top:
            1px solid var(--line);
    }


    .news-grid {

        grid-template-columns: 1fr;
    }


    .news-item + .news-item {

        border-left: 0;

        border-top:
            1px solid var(--line);
    }


    .footer-grid {

        padding:
            28px
            0;

        grid-template-columns: 1fr;

        gap: 20px;
    }


    .footer-links {

        justify-content: flex-start;

        flex-wrap: wrap;
    }


    .footer-math {

        justify-self: start;
    }

}


/* ==========================================================
   DMAT 2026 v0.6
   CORRECCION DE NAVEGACION
   ========================================================== */

.dmat-header,
.dmat-header-inner,
.dmat-nav,
.dmat-menu,
.dmat-menu > li {

    overflow: visible !important;
}


.dmat-header-inner {

    gap: 18px;
}


.dmat-brand {

    min-width: 310px;
    width: 310px;
    flex:
        0
        0
        310px;
}


.dmat-nav {

    flex: 1 1 auto;

    min-width: 0;
}


#dmat-primary-nav
.dmat-menu {

    display: flex !important;

    flex-direction: row !important;

    align-items: stretch !important;

    justify-content: flex-end !important;

    flex-wrap: nowrap !important;

    gap: 15px !important;

    margin: 0 !important;

    padding: 0 !important;

    list-style: none !important;
}


#dmat-primary-nav
.dmat-menu >
li {

    position: relative !important;

    display: block !important;

    margin: 0 !important;

    padding: 0 !important;
}


#dmat-primary-nav
.dmat-menu >
li >
a {

    display: flex !important;

    align-items: center !important;

    min-height: 91px;

    padding:
        0
        0 !important;

    border-bottom:
        2px solid
        transparent;

    color: #163e62;

    text-decoration: none;

    font-size: calc(11.88px * var(--dmat-a11y-scale, 1));

    font-weight: 500;

    line-height: 1;

    white-space: nowrap;
}


#dmat-primary-nav
.dmat-menu >
.menu-item-has-children >
a::after {

    content: "";

    width: 5px;
    height: 5px;

    margin-left: 6px;

    border-right:
        1.5px solid
        #169bd4;

    border-bottom:
        1.5px solid
        #169bd4;

    transform:
        translateY(-2px)
        rotate(45deg);
}


/*
 * MUY IMPORTANTE:
 * los submenús quedan OCULTOS por defecto.
 */

#dmat-primary-nav
.dmat-menu
ul.sub-menu {

    display: none !important;

    position: absolute !important;

    z-index: 9999 !important;

    top: 100% !important;

    left: -15px !important;

    width: 285px !important;

    margin: 0 !important;

    padding:
        8px !important;

    list-style: none !important;

    border:
        1px solid
        #d6e4ec !important;

    border-top:
        3px solid
        #19a6de !important;

    border-radius:
        0
        0
        6px
        6px !important;

    background:
        #ffffff !important;

    box-shadow:
        0
        14px
        30px
        rgba(
            5,
            47,
            79,
            .16
        ) !important;
}


#dmat-primary-nav
.dmat-menu >
li:hover >
ul.sub-menu,

#dmat-primary-nav
.dmat-menu >
li:focus-within >
ul.sub-menu {

    display: block !important;
}


#dmat-primary-nav
.dmat-menu
ul.sub-menu
li {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    padding: 0 !important;
}


#dmat-primary-nav
.dmat-menu
ul.sub-menu
a {

    display: block !important;

    width: 100% !important;

    min-height: 0 !important;

    padding:
        9px
        11px !important;

    border: 0 !important;

    border-radius: 3px;

    color: #315873 !important;

    background: transparent !important;

    text-decoration: none !important;

    font-size: calc(12.32px * var(--dmat-a11y-scale, 1)) !important;

    line-height: 1.3 !important;

    white-space: normal !important;
}


#dmat-primary-nav
.dmat-menu
ul.sub-menu
a:hover {

    color: #056da9 !important;

    background:
        #eef8fc !important;
}


/* ==========================================================
   INVESTIGACION - LINKS TEXTUALES
   ========================================================== */

.research-secondary-links {

    display: flex;

    align-items: center;

    justify-content: flex-end;

    gap: 0;

    min-height: 39px;

    margin-top: 8px;

    border-top:
        1px solid
        #e3edf2;
}


.research-secondary-links a {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    padding:
        8px
        15px;

    color: #527189;

    text-decoration: none;

    font-size: calc(10.56px * var(--dmat-a11y-scale, 1));

    font-weight: 600;

    line-height: 1;
}


.research-secondary-links
a + a {

    border-left:
        1px solid
        #dce8ee;
}


.research-secondary-links
a:hover {

    color: #047bb8;
}


.research-secondary-links
span {

    color: #11a0d9;

    font-size: calc(14.3px * var(--dmat-a11y-scale, 1));
}


/*
 * Protección contra los iconos gigantes
 * introducidos por la v0.5.
 */

.research-shortcuts,
.research-shortcuts img,
.shortcut-symbol {

    display: none !important;
}


/* ==========================================================
   VINCULACION
   ========================================================== */

.extension-body {

    text-decoration: none;
}


.extension-mini-links {

    display: flex;

    flex-wrap: wrap;

    align-items: center;

    gap:
        7px
        14px;

    margin-top: 13px;
}


.extension-mini-links a {

    color: #0577b2;

    text-decoration: none;

    font-size: calc(10.56px * var(--dmat-a11y-scale, 1));

    font-weight: 600;
}


.extension-mini-links a:hover {

    color: #09a2df;
}


/* ==========================================================
   FOOTER INSTITUCIONAL AZUL
   ========================================================== */

.dmat-contact-strip {

    display: none !important;
}


.dmat-footer-v06 {

    position: relative;

    min-height: 260px;

    overflow: hidden;

    color: #ffffff;

    background-color: #04365f;

    background-image:
        linear-gradient(
            90deg,
            rgba(3,48,84,.97) 0%,
            rgba(4,61,104,.92) 58%,
            rgba(3,49,86,.90) 100%
        ),
        url("../images/footer-wave.png");

    background-repeat:
        no-repeat,
        no-repeat;

    background-size:
        cover,
        cover;

    background-position:
        center,
        center bottom;
}


.dmat-footer-v06
.footer-overlay {

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(1,34,61,.18),
            rgba(4,58,98,.04)
        );
}


.footer-main {

    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        1.1fr
        1fr
        1.28fr
        .72fr;

    gap: 40px;

    padding:
        37px
        0
        31px;
}


.footer-column {

    min-width: 0;
}


.footer-column h3 {

    margin:
        0
        0
        13px;

    color: #7ed1ef;

    font-size: calc(10.56px * var(--dmat-a11y-scale, 1));

    line-height: 1;

    letter-spacing: .13em;

    font-weight: 700;
}


.footer-identity {

    display: flex;

    flex-direction: column;

    align-items: flex-start;
}


.footer-ubb {

    display: block;

    margin-bottom: 16px;
}


.footer-ubb img {

    width: auto;

    height: 45px;

    max-width: 225px;

    object-fit: contain;
}


.footer-unit {

    padding-left: 12px;

    border-left:
        2px solid
        rgba(
            115,
            203,
            237,
            .55
        );
}


.footer-unit strong,
.footer-unit span {

    display: block;
}


.footer-unit strong {

    margin-bottom: 4px;

    color: #ffffff;

    font-size: calc(10.56px * var(--dmat-a11y-scale, 1));

    letter-spacing: .06em;
}


.footer-unit span {

    color:
        rgba(
            255,
            255,
            255,
            .72
        );

    font-size: calc(9.68px * var(--dmat-a11y-scale, 1));

    line-height: 1.55;
}


.footer-column p {

    margin:
        0
        0
        11px;

    color:
        rgba(
            255,
            255,
            255,
            .76
        );

    font-size: calc(10.56px * var(--dmat-a11y-scale, 1));

    line-height: 1.55;
}


.footer-column a {

    color:
        rgba(
            255,
            255,
            255,
            .78
        );

    text-decoration: none;
}


.footer-column a:hover {

    color: #ffffff;
}


.footer-more {

    color: #76d0f0 !important;

    font-size: calc(10.56px * var(--dmat-a11y-scale, 1));

    font-weight: 600;
}


.footer-person {

    margin-bottom: 13px;
}


.footer-person strong,
.footer-person span,
.footer-person a {

    display: block;
}


.footer-person strong {

    margin-bottom: 3px;

    color: #ffffff;

    font-size: calc(10.56px * var(--dmat-a11y-scale, 1));

    font-weight: 600;
}


.footer-person span,
.footer-person a {

    color:
        rgba(
            255,
            255,
            255,
            .72
        );

    font-size: calc(9.68px * var(--dmat-a11y-scale, 1));

    line-height: 1.5;
}


.footer-navigation {

    display: flex;

    flex-direction: column;

    align-items: flex-start;
}


.footer-navigation h3 {

    width: 100%;
}


.footer-navigation > a {

    width: 100%;

    padding:
        4px
        0;

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

    font-size: calc(10.56px * var(--dmat-a11y-scale, 1));
}


.footer-graphic {

    position: absolute;

    z-index: -1;

    right: 0;

    bottom: 26px;

    display: flex;

    align-items: center;

    gap: 15px;

    opacity: .15;

    pointer-events: none;
}


.footer-big-sigma {

    padding-right: 15px;

    border-right:
        1px solid
        rgba(
            255,
            255,
            255,
            .75
        );

    color: #9bdcf2;

    font-family: Georgia, serif;

    font-size: calc(74.8px * var(--dmat-a11y-scale, 1));

    line-height: 1;
}


.footer-concept {

    color: white;

    font-size: calc(8.8px * var(--dmat-a11y-scale, 1));

    line-height: 1.7;

    letter-spacing: .23em;
}


.footer-bottom {

    position: relative;

    z-index: 2;

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

    background:
        rgba(
            1,
            35,
            62,
            .30
        );
}


.footer-bottom-inner {

    min-height: 43px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    color:
        rgba(
            255,
            255,
            255,
            .59
        );

    font-size: calc(9.24px * var(--dmat-a11y-scale, 1));
}


.footer-bottom-inner div {

    display: flex;

    gap: 17px;
}


.footer-bottom-inner a {

    color:
        rgba(
            255,
            255,
            255,
            .68
        );

    text-decoration: none;
}


/* ==========================================================
   RESPONSIVE v0.6
   ========================================================== */

@media
(max-width: 1060px) {

    .dmat-brand {

        width: auto;

        min-width: 0;

        flex:
            1
            1
            auto;
    }


    #dmat-primary-nav
    .dmat-menu {

        display: block !important;
    }


    #dmat-primary-nav
    .dmat-menu >
    li >
    a {

        min-height: 0;

        padding:
            11px
            0 !important;

        font-size: calc(14.3px * var(--dmat-a11y-scale, 1));
    }


    #dmat-primary-nav
    .dmat-menu
    ul.sub-menu {

        display: block !important;

        position: static !important;

        width: auto !important;

        margin:
            0
            0
            5px
            12px !important;

        padding:
            0
            0
            0
            11px !important;

        border: 0 !important;

        border-left:
            1px solid
            #b7dbe9 !important;

        border-radius: 0 !important;

        box-shadow: none !important;
    }


    .footer-main {

        grid-template-columns:
            1fr
            1fr;

        gap:
            30px
            40px;
    }

}


@media
(max-width: 760px) {

    .research-secondary-links {

        align-items: stretch;

        flex-direction: column;
    }


    .research-secondary-links a {

        justify-content:
            space-between;

        border-left:
            0 !important;

        border-top:
            1px solid
            #e5eef3;
    }


    .footer-main {

        grid-template-columns:
            1fr;

        gap: 25px;
    }


    .footer-bottom-inner {

        padding:
            13px
            0;

        align-items:
            flex-start;

        flex-direction:
            column;
    }


    .footer-bottom-inner div {

        flex-wrap: wrap;
    }


    .footer-graphic {

        display: none;
    }

}


/* ==========================================================
   DMAT 2026 v0.7
   NAVEGACION DESKTOP DEFINITIVA
   ========================================================== */

@media (min-width: 1201px) {

    .dmat-header {

        min-height: 92px !important;

        overflow: visible !important;
    }


    .dmat-header-inner {

        min-height: 92px !important;

        display: flex !important;

        align-items: center !important;

        justify-content: space-between !important;

        gap: 24px !important;

        overflow: visible !important;
    }


    .dmat-brand {

        width: 365px !important;

        min-width: 365px !important;

        max-width: 365px !important;

        flex:
            0
            0
            365px !important;
    }


    .dmat-nav {

        position: static !important;

        display: block !important;

        flex:
            1
            1
            auto !important;

        min-width: 0 !important;

        padding: 0 !important;

        background: transparent !important;

        border: 0 !important;

        overflow: visible !important;
    }


    .dmat-menu-toggle {

        display: none !important;
    }


    #dmat-primary-nav
    .dmat-menu {

        display: flex !important;

        flex-direction: row !important;

        flex-wrap: nowrap !important;

        align-items: stretch !important;

        justify-content: flex-end !important;

        gap: 17px !important;

        width: auto !important;

        margin: 0 !important;

        padding: 0 !important;

        list-style: none !important;
    }


    #dmat-primary-nav
    .dmat-menu > li {

        position: relative !important;

        display: block !important;

        width: auto !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    #dmat-primary-nav
    .dmat-menu > li > a {

        min-height: 92px !important;

        display: flex !important;

        align-items: center !important;

        padding:
            0
            0 !important;

        color: #163f62 !important;

        border-bottom:
            2px solid
            transparent !important;

        background: transparent !important;

        text-decoration: none !important;

        font-size: calc(12.1px * var(--dmat-a11y-scale, 1)) !important;

        line-height: 1 !important;

        font-weight: 500 !important;

        white-space: nowrap !important;
    }


    #dmat-primary-nav
    .dmat-menu > li > a:hover,

    #dmat-primary-nav
    .dmat-menu >
    .current-menu-item > a,

    #dmat-primary-nav
    .dmat-menu >
    .current-menu-ancestor > a {

        color: #0781be !important;

        border-bottom-color:
            #20a8df !important;
    }


    #dmat-primary-nav
    .menu-item-has-children >
    a::after {

        content: "" !important;

        width: 5px !important;

        height: 5px !important;

        margin-left: 7px !important;

        border-right:
            1.5px solid
            #109bd5 !important;

        border-bottom:
            1.5px solid
            #109bd5 !important;

        transform:
            translateY(-2px)
            rotate(45deg) !important;
    }


    /*
     * TODOS LOS NIVELES SECUNDARIOS OCULTOS.
     */

    #dmat-primary-nav
    .dmat-menu ul,

    #dmat-primary-nav
    .dmat-menu .sub-menu {

        display: none !important;

        visibility: hidden !important;

        opacity: 0 !important;

        pointer-events: none !important;
    }


    /*
     * SOLO EL SUBMENU DEL ELEMENTO ACTIVO POR HOVER.
     */

    #dmat-primary-nav
    .dmat-menu >
    li:hover >
    ul.sub-menu,

    #dmat-primary-nav
    .dmat-menu >
    li:focus-within >
    ul.sub-menu {

        display: block !important;

        visibility: visible !important;

        opacity: 1 !important;

        pointer-events: auto !important;

        position: absolute !important;

        z-index: 99999 !important;

        top: 100% !important;

        left: -18px !important;

        width: 290px !important;

        margin: 0 !important;

        padding:
            7px !important;

        list-style: none !important;

        border:
            1px solid
            #d9e6ed !important;

        border-top:
            3px solid
            #19a5dd !important;

        border-radius:
            0
            0
            6px
            6px !important;

        background:
            #ffffff !important;

        box-shadow:
            0
            15px
            30px
            rgba(
                5,
                49,
                80,
                .16
            ) !important;
    }


    #dmat-primary-nav
    .dmat-menu
    ul.sub-menu li {

        display: block !important;

        position: static !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    #dmat-primary-nav
    .dmat-menu
    ul.sub-menu li::before {

        display: none !important;

        content: none !important;
    }


    #dmat-primary-nav
    .dmat-menu
    ul.sub-menu a {

        display: block !important;

        width: 100% !important;

        min-height: 0 !important;

        margin: 0 !important;

        padding:
            9px
            11px !important;

        color: #345b76 !important;

        border: 0 !important;

        border-radius: 3px !important;

        background:
            transparent !important;

        text-decoration: none !important;

        font-size: calc(12.32px * var(--dmat-a11y-scale, 1)) !important;

        line-height: 1.25 !important;

        font-weight: 500 !important;

        white-space: normal !important;
    }


    #dmat-primary-nav
    .dmat-menu
    ul.sub-menu a:hover {

        color: #066da9 !important;

        background:
            #eef8fc !important;
    }

}


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

@media (max-width: 1200px) {

    .dmat-header {

        position: relative !important;

        min-height: 78px !important;
    }


    .dmat-header-inner {

        min-height: 78px !important;
    }


    .dmat-brand {

        width: auto !important;

        min-width: 0 !important;

        max-width: none !important;

        flex:
            1
            1
            auto !important;
    }


    .dmat-menu-toggle {

        width: 46px !important;

        height: 46px !important;

        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;

        justify-content: center !important;

        gap: 5px !important;

        padding: 0 !important;

        border: 0 !important;

        background:
            transparent !important;

        cursor: pointer !important;
    }


    .dmat-menu-toggle >
    span:not(.screen-reader-text) {

        width: 25px !important;

        height: 2px !important;

        display: block !important;

        background:
            #073d67 !important;
    }


    #dmat-primary-nav {

        display: none !important;

        position: absolute !important;

        z-index: 99999 !important;

        top: 100% !important;

        left: 0 !important;

        right: 0 !important;

        max-height:
            calc(100vh - 120px);

        overflow-y: auto !important;

        padding:
            12px
            26px
            20px !important;

        border-top:
            1px solid
            #e1ebf1 !important;

        border-bottom:
            1px solid
            #d6e5ed !important;

        background:
            #ffffff !important;

        box-shadow:
            0
            12px
            25px
            rgba(
                4,
                47,
                79,
                .12
            ) !important;
    }


    #dmat-primary-nav.is-open {

        display: block !important;
    }


    #dmat-primary-nav
    .dmat-menu {

        display: block !important;

        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;

        list-style: none !important;
    }


    #dmat-primary-nav
    .dmat-menu > li {

        display: block !important;

        width: 100% !important;

        border-bottom:
            1px solid
            #e9f0f4 !important;
    }


    #dmat-primary-nav
    .dmat-menu > li > a {

        display: block !important;

        min-height: 0 !important;

        padding:
            11px
            4px !important;

        color: #143f62 !important;

        text-decoration: none !important;

        font-size: calc(14.3px * var(--dmat-a11y-scale, 1)) !important;

        font-weight: 600 !important;
    }


    #dmat-primary-nav
    .dmat-menu ul.sub-menu {

        display: block !important;

        position: static !important;

        visibility: visible !important;

        opacity: 1 !important;

        pointer-events: auto !important;

        width: auto !important;

        margin:
            0
            0
            10px
            12px !important;

        padding:
            0
            0
            0
            13px !important;

        list-style: none !important;

        border: 0 !important;

        border-left:
            1px solid
            #b9dce9 !important;

        background:
            transparent !important;

        box-shadow:
            none !important;
    }


    #dmat-primary-nav
    .dmat-menu
    ul.sub-menu a {

        display: block !important;

        padding:
            6px
            5px !important;

        color: #527086 !important;

        text-decoration: none !important;

        font-size: calc(12.65px * var(--dmat-a11y-scale, 1)) !important;
    }

}


/* ==========================================================
   FOOTER v0.7 - COMPACTO COMO PIE INSTITUCIONAL
   ========================================================== */

.dmat-footer-v06 {

    min-height: 0 !important;

    background-color:
        #043760 !important;
}


.dmat-footer-v06
.footer-main {

    min-height: 0 !important;

    display: grid !important;

    grid-template-columns:
        185px
        1fr
        1.25fr
        .65fr !important;

    align-items: start !important;

    gap: 29px !important;

    padding:
        25px
        0
        22px !important;
}


/*
 * Logo UBB: límite duro.
 * Esto impide que vuelva a ocupar todo el footer.
 */

.dmat-footer-v06
.footer-ubb {

    display: block !important;

    width: 150px !important;

    max-width: 150px !important;

    margin:
        0
        0
        13px !important;
}


.dmat-footer-v06
.footer-ubb img {

    display: block !important;

    width: 150px !important;

    max-width: 150px !important;

    height: auto !important;

    max-height: 100px !important;

    object-fit: contain !important;
}


.dmat-footer-v06
.footer-identity {

    width: 185px !important;

    max-width: 185px !important;
}


.dmat-footer-v06
.footer-unit {

    padding-left: 10px !important;

    border-left:
        2px solid
        rgba(
            116,
            205,
            237,
            .55
        ) !important;
}


.dmat-footer-v06
.footer-unit strong {

    margin-bottom: 4px !important;

    font-size: calc(11px * var(--dmat-a11y-scale, 1)) !important;

    line-height: 1.2 !important;
}


.dmat-footer-v06
.footer-unit span {

    font-size: calc(9.9px * var(--dmat-a11y-scale, 1)) !important;

    line-height: 1.45 !important;
}


.dmat-footer-v06
.footer-column h3 {

    margin:
        2px
        0
        11px !important;

    color: #7bd1ef !important;

    font-size: calc(11px * var(--dmat-a11y-scale, 1)) !important;

    line-height: 1 !important;

    letter-spacing: .12em !important;
}


.dmat-footer-v06
.footer-column p {

    margin:
        0
        0
        9px !important;

    font-size: calc(10.56px * var(--dmat-a11y-scale, 1)) !important;

    line-height: 1.5 !important;
}


.dmat-footer-v06
.footer-person {

    margin-bottom: 10px !important;
}


.dmat-footer-v06
.footer-person strong {

    margin-bottom: 2px !important;

    font-size: calc(10.56px * var(--dmat-a11y-scale, 1)) !important;

    line-height: 1.3 !important;
}


.dmat-footer-v06
.footer-person span,

.dmat-footer-v06
.footer-person a {

    font-size: calc(9.9px * var(--dmat-a11y-scale, 1)) !important;

    line-height: 1.45 !important;
}


.dmat-footer-v06
.footer-navigation > a {

    padding:
        3px
        0 !important;

    font-size: calc(10.34px * var(--dmat-a11y-scale, 1)) !important;

    line-height: 1.35 !important;
}


.dmat-footer-v06
.footer-more {

    font-size: calc(10.34px * var(--dmat-a11y-scale, 1)) !important;
}


.dmat-footer-v06
.footer-graphic {

    right: 9px !important;

    bottom: 46px !important;

    transform:
        scale(.72);

    transform-origin:
        right bottom;

    opacity: .12 !important;
}


.dmat-footer-v06
.footer-bottom-inner {

    min-height: 37px !important;

    font-size: calc(9.46px * var(--dmat-a11y-scale, 1)) !important;
}


.dmat-footer-v06
.footer-bottom-inner div {

    gap: 14px !important;
}


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

@media (max-width: 1000px) {

    .dmat-footer-v06
    .footer-main {

        grid-template-columns:
            185px
            1fr
            1fr !important;
    }


    .dmat-footer-v06
    .footer-navigation {

        grid-column:
            2 / 4;

        flex-direction: row !important;

        flex-wrap: wrap !important;

        gap: 12px !important;
    }


    .dmat-footer-v06
    .footer-navigation > a {

        width: auto !important;

        border: 0 !important;
    }

}


@media (max-width: 700px) {

    .dmat-footer-v06
    .footer-main {

        grid-template-columns:
            1fr !important;

        gap: 22px !important;

        padding:
            27px
            0 !important;
    }


    .dmat-footer-v06
    .footer-identity {

        width: auto !important;

        max-width: none !important;
    }


    .dmat-footer-v06
    .footer-navigation {

        grid-column: auto !important;
    }


    .dmat-footer-v06
    .footer-bottom-inner {

        align-items:
            flex-start !important;

        flex-direction:
            column !important;

        padding:
            12px
            0 !important;
    }

}


/* ==========================================================
   DMAT v0.8 BASE FONT +10% APPLIED
   Escala de accesibilidad
   ========================================================== */

:root {
    --dmat-a11y-scale: 1;
}



/* ==========================================================
   DMAT v0.8 TEXT SIZE CONTROLS
   ========================================================== */

.faci-bar-inner {

    justify-content:
        flex-start !important;
}


.faci-links {

    margin-left:
        auto !important;
}


.dmat-text-size-controls {

    flex:
        0
        0
        auto;

    display:
        inline-flex;

    align-items:
        center;

    height:
        25px;

    margin-left:
        13px;

    overflow:
        hidden;

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

    border-radius:
        4px;

    background:
        rgba(
            255,
            255,
            255,
            .06
        );
}


.dmat-text-size-button {

    min-width:
        27px;

    height:
        23px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    margin:
        0;

    padding:
        0
        6px;

    color:
        rgba(
            255,
            255,
            255,
            .92
        );

    border:
        0;

    border-right:
        1px solid
        rgba(
            255,
            255,
            255,
            .20
        );

    background:
        transparent;

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size:
        10px;

    line-height:
        1;

    font-weight:
        600;

    cursor:
        pointer;

    transition:
        background .15s ease,
        color .15s ease;
}


.dmat-text-size-button:last-of-type {

    border-right:
        0;
}


.dmat-text-size-button:hover,
.dmat-text-size-button:focus-visible {

    color:
        #063c68;

    background:
        #ffffff;

    outline:
        none;
}


.dmat-text-size-reset {

    font-size:
        11px;

    font-weight:
        700;
}


.dmat-text-size-button.is-active {

    color:
        #063c68;

    background:
        rgba(
            255,
            255,
            255,
            .95
        );
}


/* En pantallas menores mantenemos el control,
   aunque desaparezcan los enlaces FACI. */

@media (max-width: 1060px) {

    .dmat-text-size-controls {

        margin-left:
            auto;
    }

}


@media (max-width: 520px) {

    .institution-separator,
    .faci-brand-link {

        display:
            none !important;
    }


    .ubb-brand img {

        max-width:
            120px;
    }


    .dmat-text-size-controls {

        margin-left:
            auto;
    }

}

/* ==========================================================
   DMAT 2026 v1.0 INTERIORES
   ========================================================== */
.dmat-inner-head{padding:34px 0 31px;background:linear-gradient(115deg,#06345c,#075b8d);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.dmat-inner-head h1{max-width:900px;margin:8px 0 0;color:#fff;font-family:var(--font-display);font-size:34px;line-height:1.05;font-weight:500;letter-spacing:.015em}
.dmat-kicker{margin:8px 0 0;color:#78d0ef;font-size:10px;letter-spacing:.18em;font-weight:700}.dmat-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:rgba(255,255,255,.68);font-size:9px}.dmat-breadcrumbs a{color:rgba(255,255,255,.82);text-decoration:none}.dmat-breadcrumbs a:hover{color:#fff}.dmat-entry-meta{margin-top:12px;color:rgba(255,255,255,.72);font-size:10px}
.dmat-inner-page{padding:38px 0 55px;background:#fff}.dmat-reading{max-width:920px}.dmat-reading-wide{max-width:1120px;margin-inline:auto}.dmat-article-body{color:#2b4e68;font-size:15px;line-height:1.72}.dmat-article-body>*:first-child{margin-top:0}.dmat-article-body h2,.dmat-article-body h3,.dmat-article-body h4{color:#064c7c;font-family:var(--font-display);font-weight:600;line-height:1.15}.dmat-article-body h2{margin:34px 0 14px;font-size:27px}.dmat-article-body h3{margin:27px 0 11px;font-size:21px}.dmat-article-body h4{font-size:17px}.dmat-article-body p{margin:0 0 16px}.dmat-article-body a{color:#087ebc}.dmat-article-body ul,.dmat-article-body ol{padding-left:24px;margin:0 0 18px}.dmat-article-body img{height:auto;border-radius:4px}.dmat-article-body .wp-block-image{margin:22px 0}.dmat-featured{margin-bottom:28px}.dmat-featured img{width:100%;height:auto;border-radius:6px}.dmat-article-body .wp-block-table{overflow-x:auto;margin:24px 0}.dmat-article-body table{width:100%;border-collapse:collapse;font-size:13px}.dmat-article-body th{padding:11px 12px;color:#fff;background:#07588a;text-align:left}.dmat-article-body td{padding:10px 12px;border-bottom:1px solid #dfeaf0;vertical-align:top}.dmat-article-body tr:nth-child(even) td{background:#f7fbfd}.dmat-edit-link{margin:0 0 18px}.dmat-edit-link a{display:inline-block;padding:7px 11px;border:1px solid #bcd9e8;border-radius:4px;color:#076fa9;background:#f5fbfe;text-decoration:none;font-size:10px;font-weight:600}.dmat-content-button{display:inline-block;padding:10px 15px;border-radius:4px;color:#fff!important;background:#078fcf;text-decoration:none!important;font-weight:600}
.wp-block-columns{gap:22px}.wp-block-file{padding:10px 13px;border:1px solid #dce9ef;border-radius:4px;background:#f8fcfe}.dmat-post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.dmat-post-card{overflow:hidden;border:1px solid #dce8ef;border-radius:6px;background:#fff;box-shadow:0 4px 14px rgba(5,54,87,.05)}.dmat-post-thumb{height:165px;display:block;overflow:hidden;background:#edf8fc;text-decoration:none}.dmat-post-thumb img{width:100%;height:100%;object-fit:cover}.dmat-post-thumb span{height:100%;display:grid;place-items:center;color:#6bc8e9;font-family:Georgia,serif;font-size:48px}.dmat-post-card-body{padding:17px}.dmat-post-card time{color:#7c91a1;font-size:9px}.dmat-post-card h2{margin:7px 0 10px;font-family:var(--font-display);font-size:18px;line-height:1.18}.dmat-post-card h2 a{color:#10496f;text-decoration:none}.dmat-post-card p{margin:0 0 12px;color:#60798b;font-size:11px;line-height:1.5}.dmat-more{color:#0780bc;text-decoration:none;font-size:10px;font-weight:600}.dmat-pagination{margin-top:28px}
.dmat-search-form{display:flex;max-width:700px;margin:0 0 28px}.dmat-search-form input{flex:1;min-width:0;padding:11px 13px;border:1px solid #bfd7e4;border-radius:4px 0 0 4px;font:inherit}.dmat-search-form button{padding:0 18px;border:0;border-radius:0 4px 4px 0;color:#fff;background:#087fbd;font-weight:600}.dmat-404{text-align:center;padding:25px 0}.dmat-404>span{display:block;color:#40b8e3;font-family:Georgia,serif;font-size:72px}
.dmat-publication-list{border-top:1px solid #dce8ef}.dmat-pub-year{position:sticky;top:0;margin:0;padding:15px 0 8px;color:#087cb8;background:#fff;font-family:var(--font-display);font-size:24px}.dmat-publication{padding:15px 0;border-bottom:1px solid #e1ebf0}.dmat-publication h3{margin:0 0 5px;color:#123f64;font-family:var(--font-display);font-size:16px;line-height:1.25}.dmat-pub-authors,.dmat-pub-meta{margin:3px 0;color:#587286;font-size:11px}.dmat-pub-links{display:flex;gap:12px;margin-top:7px}.dmat-pub-links a{color:#0780bd;text-decoration:none;font-size:10px;font-weight:600}
.dmat-event-list{border-top:1px solid #dbe8ef}.dmat-event-row{display:grid;grid-template-columns:72px 1fr 30px;gap:18px;align-items:center;padding:17px 0;border-bottom:1px solid #dfeaf0}.dmat-event-date{text-align:center;color:#076da8}.dmat-event-date strong,.dmat-event-date span,.dmat-event-date small{display:block}.dmat-event-date strong{font-family:var(--font-display);font-size:27px;line-height:1}.dmat-event-date span{font-size:9px;font-weight:700}.dmat-event-date small{margin-top:2px;color:#718799;font-size:8px}.dmat-event-row h2{margin:0 0 5px;font-family:var(--font-display);font-size:18px}.dmat-event-row h2 a{color:#12486e;text-decoration:none}.dmat-event-row p{margin:3px 0;color:#60798c;font-size:11px}.dmat-event-go{width:28px;height:28px;display:grid;place-items:center;border:1px solid #a8d2e5;border-radius:50%;color:#0785c4;text-decoration:none}.dmat-event-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:25px}.dmat-event-facts p{margin:0;padding:13px;border:1px solid #dce9ef;border-radius:5px;background:#f8fcfe}.dmat-event-facts strong,.dmat-event-facts span{display:block}.dmat-event-facts strong{color:#087db8;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.dmat-event-facts span{margin-top:4px;color:#264f6d;font-size:11px}
.dmat-auto-directory.dmat-directory-ready{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.dmat-auto-directory.dmat-directory-ready>.dmat-directory-intro{grid-column:1/-1}.dmat-person-card{min-width:0;padding:17px;border:1px solid #dce8ef;border-radius:6px;background:#fff;box-shadow:0 3px 12px rgba(5,55,88,.04)}.dmat-person-card h2,.dmat-person-card h3,.dmat-person-card h4{margin:0 0 9px!important;color:#075485!important;font-size:18px!important}.dmat-person-card p{margin:4px 0!important;font-size:11px!important;line-height:1.5!important}.dmat-person-card img{max-width:110px;margin:0 0 12px;border-radius:4px}
@media(max-width:900px){.dmat-post-grid,.dmat-auto-directory.dmat-directory-ready{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.dmat-inner-head h1{font-size:29px}.dmat-inner-page{padding-top:28px}.dmat-post-grid,.dmat-auto-directory.dmat-directory-ready{grid-template-columns:1fr}.dmat-event-facts{grid-template-columns:1fr}.dmat-event-row{grid-template-columns:58px 1fr 25px}}

/* ==========================================================
   DMAT PERSONAS v1.0.2
   Contenido exacto restaurado desde producción.
   ========================================================== */
.dmat-personas-v102{width:100%;color:#365872}
.dmat-personas-v102 *{box-sizing:border-box}
.dmat-personas-v102 .panel-layout,.dmat-personas-v102 .panel-grid,.dmat-personas-v102 .panel-grid-cell,.dmat-personas-v102 .so-panel{max-width:100%!important}
.dmat-personas-v102 .panel-grid{margin:0!important}
.dmat-personas-v102 .panel-grid-cell{min-width:0!important}
.dmat-personas-v102 .so-panel{margin-bottom:0!important}
.dmat-personas-v102 img{max-width:100%;height:auto;border-radius:5px}
.dmat-personas-v102 h2,.dmat-personas-v102 h3,.dmat-personas-v102 h4{color:#074f80;font-family:var(--font-display);line-height:1.15}
.dmat-personas-v102 h3{font-size:18px;margin:7px 0 8px}
.dmat-personas-v102 p{font-size:12px;line-height:1.55;margin:5px 0 9px}
.dmat-personas-v102 a{color:#087db9;text-decoration:none}.dmat-personas-v102 a:hover{color:#04a4df}

/* Jornada completa, parcial y jubilados: tarjetas compactas. */
.dmat-personas-docentes.dmat-personas-directory>.panel-layout,
.dmat-personas-academicos-jornada-parcial.dmat-personas-directory>.panel-layout,
.dmat-personas-jubilados-y-jubiladas.dmat-personas-directory>.panel-layout{
  display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px!important;align-items:stretch
}
.dmat-personas-docentes.dmat-personas-directory>.panel-layout>.panel-grid,
.dmat-personas-academicos-jornada-parcial.dmat-personas-directory>.panel-layout>.panel-grid,
.dmat-personas-jubilados-y-jubiladas.dmat-personas-directory>.panel-layout>.panel-grid{display:contents!important}
.dmat-personas-docentes.dmat-personas-directory>.panel-layout>.panel-grid>.panel-grid-cell,
.dmat-personas-academicos-jornada-parcial.dmat-personas-directory>.panel-layout>.panel-grid>.panel-grid-cell,
.dmat-personas-jubilados-y-jubiladas.dmat-personas-directory>.panel-layout>.panel-grid>.panel-grid-cell{
  padding:16px!important;border:1px solid #dce8ef;border-radius:6px;background:#fff;box-shadow:0 3px 12px rgba(5,54,86,.045)
}
.dmat-personas-docentes.dmat-personas-directory img,
.dmat-personas-academicos-jornada-parcial.dmat-personas-directory img,
.dmat-personas-jubilados-y-jubiladas.dmat-personas-directory img{max-height:145px;object-fit:cover;margin:0 auto 10px}

/* El texto introductorio de Jubilados debe ocupar todo el ancho cuando el original lo trae como fila única. */
.dmat-personas-jubilados-y-jubiladas.dmat-personas-directory>.panel-layout>.panel-grid:first-child>.panel-grid-cell:first-child{grid-column:1/-1}

/* Postdoctorantes y administrativos: cada fila conserva foto + información. */
.dmat-personas-postdoctorantes.dmat-personas-directory>.panel-layout>.panel-grid,
.dmat-personas-administrativos.dmat-personas-directory>.panel-layout>.panel-grid{
  display:grid!important;grid-template-columns:minmax(125px,180px) 1fr;gap:22px!important;align-items:center;
  padding:16px!important;margin:0 0 14px!important;border:1px solid #dce8ef;border-radius:6px;background:#fff;box-shadow:0 3px 12px rgba(5,54,86,.04)
}
.dmat-personas-postdoctorantes.dmat-personas-directory>.panel-layout>.panel-grid img,
.dmat-personas-administrativos.dmat-personas-directory>.panel-layout>.panel-grid img{width:100%;max-width:165px;max-height:190px;object-fit:cover;margin:auto}

/* Visitantes actualmente contiene el mensaje original 'No disponible'. */
.dmat-personas-profesores-visitantes.dmat-personas-directory{padding:18px 20px;border:1px solid #dce8ef;border-left:4px solid #28a9de;border-radius:5px;background:#f8fcfe}

/* Honorarios conserva la tabla original, pero legible y responsive. */
.dmat-personas-personal-honorario{overflow-x:auto}
.dmat-personas-personal-honorario table{width:100%!important;border-collapse:collapse!important;border:1px solid #dce8ef}
.dmat-personas-personal-honorario th{padding:11px 13px!important;color:#fff!important;background:#07598a!important;text-align:left!important}
.dmat-personas-personal-honorario td{padding:10px 13px!important;border-bottom:1px solid #e1ebf0!important;background:#fff!important}
.dmat-personas-personal-honorario tr:nth-child(even) td{background:#f7fbfd!important}

/* Fichas individuales: fotos originales + contenido académico original. */
.dmat-personas-profile>.panel-layout>.panel-grid{
  display:grid!important;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px!important;
  padding:0 0 22px!important;margin:0 0 24px!important;border-bottom:1px solid #e2ebf0
}
.dmat-personas-profile>.panel-layout>.panel-grid:first-child{align-items:start}
.dmat-personas-profile img{max-width:230px;max-height:285px;object-fit:cover}
.dmat-personas-profile ul{padding-left:21px}.dmat-personas-profile li{margin:6px 0;font-size:12px;line-height:1.55}

@media(max-width:900px){
  .dmat-personas-docentes.dmat-personas-directory>.panel-layout,
  .dmat-personas-academicos-jornada-parcial.dmat-personas-directory>.panel-layout,
  .dmat-personas-jubilados-y-jubiladas.dmat-personas-directory>.panel-layout{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .dmat-personas-docentes.dmat-personas-directory>.panel-layout,
  .dmat-personas-academicos-jornada-parcial.dmat-personas-directory>.panel-layout,
  .dmat-personas-jubilados-y-jubiladas.dmat-personas-directory>.panel-layout{grid-template-columns:1fr}
  .dmat-personas-postdoctorantes.dmat-personas-directory>.panel-layout>.panel-grid,
  .dmat-personas-administrativos.dmat-personas-directory>.panel-layout>.panel-grid{grid-template-columns:1fr}
  .dmat-personas-postdoctorantes.dmat-personas-directory>.panel-layout>.panel-grid img,
  .dmat-personas-administrativos.dmat-personas-directory>.panel-layout>.panel-grid img{margin:0}
  .dmat-personas-profile>.panel-layout>.panel-grid{grid-template-columns:1fr}
}

/* ==========================================================
   DMAT PERSONAS v1.0.3
   Directorios separados + fotografías originales
   ========================================================== */
.dmat-people-intro{margin:0 0 25px;color:#476579;font-size:13px;line-height:1.65}
.dmat-people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:10px}
.dmat-person-card-v103{overflow:hidden;display:flex;flex-direction:column;min-width:0;border:1px solid #d9e7ee;border-radius:7px;background:#fff;box-shadow:0 4px 14px rgba(6,55,87,.055)}
.dmat-person-card-photo-link{display:block;background:#eef7fb;overflow:hidden;text-decoration:none}
.dmat-person-card-photo{display:block;width:100%;height:215px!important;max-width:none!important;margin:0!important;border-radius:0!important;object-fit:cover;object-position:center}
.dmat-person-card-photo-empty{display:grid;place-items:center;color:#68bfdf;font-family:Georgia,serif;font-size:58px}
.dmat-person-card-content{display:flex;flex:1;flex-direction:column;padding:16px 17px 15px}
.dmat-person-card-v103 h2{margin:0 0 8px!important;font-family:var(--font-display);font-size:19px!important;line-height:1.15!important}
.dmat-person-card-v103 h2 a{color:#075180!important;text-decoration:none!important}
.dmat-person-card-summary{color:#49677a;font-size:11px;line-height:1.5}
.dmat-person-card-summary p{margin:3px 0 7px!important;font-size:11px!important;line-height:1.5!important}
.dmat-person-card-summary a{color:#0782bd;text-decoration:none}.dmat-person-card-summary a:hover{text-decoration:underline}
.dmat-person-card-more{margin-top:auto;padding-top:8px;color:#0782bd!important;font-size:10px;font-weight:700;text-decoration:none!important}

/* Ficha individual */
.dmat-person-profile{color:#365872}
.dmat-person-profile img{display:block;max-width:285px!important;height:auto!important;margin:0 0 22px!important;border-radius:6px!important;box-shadow:0 4px 16px rgba(5,52,84,.10)}
.dmat-person-profile h2,.dmat-person-profile h3,.dmat-person-profile h4{color:#075180;font-family:var(--font-display)}
.dmat-person-profile p,.dmat-person-profile li{font-size:12px;line-height:1.6}
.dmat-person-profile-photo img{width:285px;max-height:340px;object-fit:cover}

/* Postdoctorantes: foto más horizontal si el original lo es. */
.dmat-people-grid-postdoctorantes .dmat-person-card-photo{height:185px!important}

/* Administrativos: retratos cuadrados del sitio original. */
.dmat-people-grid-administrativos .dmat-person-card-photo{height:220px!important;object-fit:cover}

/* Honorarios: exactamente tabla separada, sin transformarla en personas de otra categoría. */
.dmat-people-static-personal-honorario{overflow-x:auto}
.dmat-people-static-personal-honorario table{width:100%!important;border-collapse:collapse!important;border:1px solid #dce8ef!important}
.dmat-people-static-personal-honorario th{padding:11px 13px!important;color:#fff!important;background:#07598a!important;text-align:left!important}
.dmat-people-static-personal-honorario td{padding:10px 13px!important;border-bottom:1px solid #e1ebf0!important;background:#fff!important}
.dmat-people-static-personal-honorario tr:nth-child(even) td{background:#f7fbfd!important}

/* Visitantes conserva "No disponible" en su propia página. */
.dmat-people-static-profesores-visitantes{padding:18px 20px;border:1px solid #dce8ef;border-left:4px solid #25a8de;border-radius:6px;background:#f8fcfe}

@media(max-width:900px){.dmat-people-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.dmat-people-grid{grid-template-columns:1fr}.dmat-person-card-photo{height:250px!important}}

/* ==========================================================
   DMAT PERSONAS V1.0.5 - tarjetas limpias, sin excerpts mezclados
   ========================================================== */
.dmat-people-directory{background:#f7fafc}
.dmat-directory-intro-clean{max-width:900px;margin:0 auto 25px;padding:16px 18px;border-left:4px solid #16a7d5;background:#fff;color:#355d78;font-size:14px;line-height:1.62}
.dmat-people-grid-clean{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.dmat-person-card-clean{overflow:hidden;display:flex;flex-direction:column;min-width:0;border:1px solid #d4e4ec;border-radius:7px;background:#fff;box-shadow:0 5px 18px rgba(7,60,94,.055)}
.dmat-person-photo-clean{display:block;height:235px;overflow:hidden;background:#eaf4f8;text-decoration:none}
.dmat-person-photo-clean img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.dmat-person-photo-clean span{height:100%;display:grid;place-items:center;color:#55bddd;font-family:Georgia,serif;font-size:58px}
.dmat-person-info-clean{display:flex;flex:1;flex-direction:column;padding:18px}
.dmat-person-info-clean h2{margin:0 0 10px;font-family:var(--font-display);font-size:19px;line-height:1.17;font-weight:600}
.dmat-person-info-clean h2 a{color:#074e7d;text-decoration:none}.dmat-person-info-clean h2 a:hover{color:#0789c7}
.dmat-person-email,.dmat-person-location{margin:3px 0;color:#476c84;font-size:12px;line-height:1.45}.dmat-person-email a{color:#087aad;text-decoration:none}
.dmat-person-links-clean{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.dmat-person-links-clean a{padding:5px 8px;border:1px solid #c8e1ec;border-radius:4px;background:#f6fbfd;color:#0879ad;text-decoration:none;font-size:10px;font-weight:600}
.dmat-person-profile-link{margin-top:auto;padding-top:14px;color:#0785be;text-decoration:none;font-size:11px;font-weight:700}
@media(max-width:950px){.dmat-people-grid-clean{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.dmat-people-grid-clean{grid-template-columns:1fr}.dmat-person-photo-clean{height:280px}}

/* ==========================================================
   DMAT PERSONAS V1.0.6
   Información personal ordenada como lista de datos.
   ========================================================== */

.dmat-person-info-clean{
    padding:18px 18px 16px;
}

.dmat-person-info-clean h2{
    margin-bottom:12px;
}

.dmat-person-facts{
    list-style:none;
    margin:0;
    padding:0;
    border-top:1px solid #e3edf2;
}

.dmat-person-facts li{
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    column-gap:10px;
    align-items:start;
    margin:0;
    padding:7px 0;
    border-bottom:1px solid #e7eff3;
}

.dmat-person-fact-label{
    color:#708798;
    font-size:10px;
    line-height:1.35;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.045em;
}

.dmat-person-fact-value{
    min-width:0;
    color:#355d77;
    font-size:12px;
    line-height:1.4;
    overflow-wrap:anywhere;
}

.dmat-person-fact-value a{
    color:#087aad;
    text-decoration:none;
}

.dmat-person-fact-value a:hover{
    text-decoration:underline;
}

.dmat-person-links-clean{
    margin-top:12px;
}

.dmat-person-profile-link{
    padding-top:16px;
}

@media(max-width:420px){
    .dmat-person-facts li{
        grid-template-columns:1fr;
        row-gap:2px;
    }
}

/* ==========================================================
   DMAT PERSONAS V1.0.7 - ficha personal moderna
   Solo Jornada Completa y Jornada Parcial.
   ========================================================== */

.dmat-profile-head h1{
    max-width:1000px;
}

.dmat-person-profile-page{
    background:#f7fafc;
}

.dmat-profile-back{
    display:inline-flex;
    align-items:center;
    margin:0 0 18px;
    color:#0a79ad;
    font-size:11px;
    font-weight:700;
    text-decoration:none;
}

.dmat-profile-back:hover{
    color:#07547f;
}

.dmat-profile-layout{
    display:grid;
    grid-template-columns:310px minmax(0,1fr);
    gap:32px;
    align-items:start;
}

.dmat-profile-sidebar{
    overflow:hidden;
    border:1px solid #d5e5ed;
    border-radius:8px;
    background:#fff;
    box-shadow:0 6px 20px rgba(5,55,88,.06);
}

.dmat-profile-photo{
    height:315px;
    overflow:hidden;
    display:grid;
    place-items:center;
    background:#eaf4f8;
}

.dmat-profile-photo img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
}

.dmat-profile-photo>span{
    color:#55bddd;
    font-family:Georgia,serif;
    font-size:72px;
}

.dmat-profile-contact{
    padding:20px;
}

.dmat-profile-contact h2{
    margin:0 0 15px;
    color:#074e7d;
    font-family:var(--font-display);
    font-size:21px;
    line-height:1.15;
    font-weight:600;
}

.dmat-profile-facts{
    margin:0;
    border-top:1px solid #e2edf2;
}

.dmat-profile-facts>div{
    display:grid;
    grid-template-columns:72px minmax(0,1fr);
    gap:9px;
    padding:8px 0;
    border-bottom:1px solid #e7eff3;
}

.dmat-profile-facts dt{
    margin:0;
    color:#728998;
    font-size:9px;
    line-height:1.4;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.05em;
}

.dmat-profile-facts dd{
    min-width:0;
    margin:0;
    color:#315d78;
    font-size:12px;
    line-height:1.42;
    overflow-wrap:anywhere;
}

.dmat-profile-facts a{
    color:#087aad;
    text-decoration:none;
}

.dmat-profile-links{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:14px;
}

.dmat-profile-links a{
    padding:6px 9px;
    border:1px solid #c7e0eb;
    border-radius:4px;
    background:#f6fbfd;
    color:#0879ad;
    text-decoration:none;
    font-size:10px;
    font-weight:700;
}

.dmat-profile-edit{
    margin:16px 0 0;
}

.dmat-profile-edit a{
    color:#0a7dad;
    font-size:10px;
    font-weight:700;
}

.dmat-profile-content{
    min-width:0;
    padding:27px 30px;
    border:1px solid #dbe8ee;
    border-radius:8px;
    background:#fff;
    box-shadow:0 5px 18px rgba(5,55,88,.04);
}

.dmat-profile-academic{
    color:#31586f;
    font-size:14px;
    line-height:1.65;
}

.dmat-profile-academic>h2:first-child,
.dmat-profile-academic>h3:first-child{
    margin-top:0;
}

.dmat-profile-academic h2{
    margin:30px 0 13px;
    padding-bottom:8px;
    border-bottom:2px solid #d7ebf3;
    color:#075486;
    font-family:var(--font-display);
    font-size:23px;
    line-height:1.15;
    font-weight:600;
}

.dmat-profile-academic h3{
    margin:24px 0 10px;
    color:#0879ad;
    font-family:var(--font-display);
    font-size:17px;
    line-height:1.2;
    font-weight:600;
}

.dmat-profile-academic h4{
    margin:20px 0 8px;
    color:#315e79;
    font-size:14px;
    font-weight:700;
}

.dmat-profile-academic p{
    margin:0 0 13px;
}

.dmat-profile-academic ul,
.dmat-profile-academic ol{
    margin:8px 0 18px;
    padding-left:22px;
}

.dmat-profile-academic li{
    margin:5px 0;
    padding-left:3px;
}

.dmat-profile-academic li::marker{
    color:#12a5d4;
}

.dmat-profile-academic a{
    color:#087aad;
}

.dmat-profile-academic table{
    width:100%;
    border-collapse:collapse;
    margin:18px 0;
    font-size:12px;
}

.dmat-profile-academic th{
    padding:9px 10px;
    background:#07588a;
    color:#fff;
    text-align:left;
}

.dmat-profile-academic td{
    padding:9px 10px;
    border-bottom:1px solid #e2ebef;
}

.dmat-person-photo-static{
    cursor:default;
}

.dmat-person-photo-static img{
    pointer-events:none;
}

@media(max-width:900px){
    .dmat-profile-layout{
        grid-template-columns:260px minmax(0,1fr);
        gap:22px;
    }

    .dmat-profile-photo{
        height:280px;
    }
}

@media(max-width:720px){
    .dmat-profile-layout{
        grid-template-columns:1fr;
    }

    .dmat-profile-sidebar{
        max-width:420px;
        width:100%;
        margin-inline:auto;
    }

    .dmat-profile-photo{
        height:360px;
    }

    .dmat-profile-content{
        padding:22px;
    }
}

/* ==========================================================
   DMAT CONTENT V1.1.0
   Investigación + Docencia + Postgrado + Olimpiadas
   ========================================================== */

.dmat-section-lead{
    max-width:900px;
    margin:0 0 26px!important;
    color:#41647a;
    font-size:14px!important;
    line-height:1.65;
}

/* ---------- Áreas de investigación ---------- */

.dmat-research-areas-native{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.dmat-research-area-card{
    overflow:hidden;
    border:1px solid #d7e6ed;
    border-radius:8px;
    background:#fff;
    box-shadow:0 5px 18px rgba(5,55,88,.05);
}

.dmat-research-area-image{
    display:block;
    width:100%;
    height:190px;
    object-fit:cover;
}

.dmat-research-area-body{
    padding:19px;
}

.dmat-research-label{
    display:block;
    margin:0 0 5px;
    color:#12a2d2;
    font-size:9px;
    line-height:1;
    font-weight:800;
    letter-spacing:.12em;
}

.dmat-research-area-card h2{
    margin:0 0 18px;
    color:#074f7e;
    font-family:var(--font-display);
    font-size:20px;
    line-height:1.15;
}

.dmat-research-group{
    margin:0 0 18px;
    color:#3f6278;
    font-size:12px;
    line-height:1.5;
}

.dmat-research-members{
    margin:0;
    padding:0;
    list-style:none;
    columns:2;
    column-gap:16px;
}

.dmat-research-members li{
    break-inside:avoid;
    margin:0 0 6px;
    color:#3d6279;
    font-size:11px;
    line-height:1.35;
}

.dmat-research-members a{
    color:#087aaa;
    text-decoration:none;
}

.dmat-research-group-link{
    display:inline-block;
    margin-top:14px;
    padding:7px 10px;
    border:1px solid #c6e0eb;
    border-radius:4px;
    background:#f7fcfe;
    color:#087bad;
    text-decoration:none;
    font-size:10px;
    font-weight:700;
}

/* ---------- Proyectos de investigación ---------- */

.dmat-project-years{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:12px;
}

.dmat-project-year{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:92px;
    padding:16px;
    border:1px solid #d6e5ec;
    border-radius:7px;
    background:#fff;
    color:#164d6e;
    text-decoration:none;
    box-shadow:0 3px 12px rgba(5,55,88,.035);
}

.dmat-project-year span{
    font-family:var(--font-display);
    font-size:21px;
    line-height:1;
    font-weight:600;
}

.dmat-project-year small{
    margin-top:7px;
    color:#6a8495;
    font-size:9px;
}

.dmat-project-year:hover,
.dmat-project-year.current{
    border-color:#66bfdd;
    background:#f3fbfe;
}

.dmat-project-year.current span{
    color:#0782bb;
}

/* ---------- Proyectos de docencia ---------- */

.dmat-docencia-table{
    margin:0;
    overflow-x:auto;
    border:1px solid #dbe7ed;
    border-radius:7px;
}

.dmat-docencia-table table{
    min-width:920px;
    width:100%;
    border-collapse:collapse;
    margin:0!important;
}

.dmat-docencia-table th{
    padding:12px 13px!important;
    background:#07588a!important;
    color:#fff!important;
    border:0!important;
    font-size:10px!important;
    line-height:1.3;
    text-transform:uppercase;
    letter-spacing:.035em;
    vertical-align:top;
}

.dmat-docencia-table td{
    padding:12px 13px!important;
    border:0!important;
    border-bottom:1px solid #e1ebf0!important;
    color:#355d76!important;
    font-size:11px!important;
    line-height:1.5!important;
    vertical-align:top!important;
}

.dmat-docencia-table tbody tr:nth-child(even) td{
    background:#f7fbfd!important;
}

.dmat-table-note{
    margin-top:10px!important;
    color:#708697;
    font-size:10px!important;
}

/* ---------- Postgrados oficiales ---------- */

.dmat-official-program{
    max-width:920px;
}

.dmat-program-badge{
    display:inline-block;
    margin-bottom:10px;
    padding:5px 8px;
    border-radius:4px;
    background:#e9f8fd;
    color:#087daf;
    font-size:9px;
    font-weight:800;
    letter-spacing:.1em;
}

.dmat-official-program h2{
    margin:0 0 15px;
    color:#075182;
    font-family:var(--font-display);
    font-size:30px;
    line-height:1.1;
}

.dmat-official-program h3{
    margin:27px 0 10px;
    color:#075182;
    font-family:var(--font-display);
    font-size:20px;
}

.dmat-official-program-intro p{
    max-width:820px;
    color:#42677d;
    font-size:14px;
    line-height:1.7;
}

.dmat-program-facts{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:24px 0;
}

.dmat-program-facts>div{
    padding:15px;
    border:1px solid #d9e8ef;
    border-radius:6px;
    background:#f8fcfe;
}

.dmat-program-facts strong,
.dmat-program-facts span{
    display:block;
}

.dmat-program-facts strong{
    margin-bottom:4px;
    color:#718898;
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.dmat-program-facts span{
    color:#315e78;
    font-size:12px;
}

.dmat-program-facts a{
    color:#087aad;
}

.dmat-program-lines{
    max-width:740px;
    margin:0 0 23px;
    padding-left:20px;
    color:#3c6178;
    font-size:13px;
    line-height:1.55;
}

.dmat-program-source{
    padding:13px 15px;
    border-left:4px solid #19a6d4;
    background:#f6fbfd;
    color:#587487;
    font-size:11px;
    line-height:1.55;
}

.dmat-official-site-button{
    display:inline-block;
    margin-top:16px;
    padding:10px 14px;
    border-radius:4px;
    background:#087fb8;
    color:#fff!important;
    text-decoration:none!important;
    font-size:11px;
    font-weight:700;
}

/* ---------- Olimpiadas 2026 ---------- */

.dmat-olympics-banner{
    margin:0 0 28px!important;
}

.dmat-olympics-banner img{
    display:block;
    width:100%;
    max-height:420px;
    object-fit:cover;
    border-radius:8px;
}

.dmat-olympics-dates{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:10px;
    margin:18px 0 30px;
}

.dmat-olympics-date{
    padding:14px 12px;
    border:1px solid #d8e7ee;
    border-radius:6px;
    background:#f8fcfe;
}

.dmat-olympics-date strong,
.dmat-olympics-date span{
    display:block;
}

.dmat-olympics-date strong{
    margin-bottom:5px;
    color:#0a80b4;
    font-size:9px;
    text-transform:uppercase;
    letter-spacing:.045em;
}

.dmat-olympics-date span{
    color:#315d77;
    font-size:12px;
    line-height:1.35;
}

.dmat-olympics-poster{
    max-width:700px;
    margin:25px auto!important;
}

.dmat-olympics-poster img{
    width:100%;
    height:auto;
    border-radius:7px;
}

.dmat-olympics-gallery{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
}

.dmat-olympics-gallery figure{
    overflow:hidden;
    aspect-ratio:4/3;
    margin:0;
    border-radius:6px;
    background:#edf5f8;
}

.dmat-olympics-gallery img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}

@media(max-width:950px){
    .dmat-research-areas-native{
        grid-template-columns:1fr;
    }

    .dmat-project-years{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .dmat-olympics-dates{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .dmat-olympics-gallery{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }
}

@media(max-width:650px){
    .dmat-project-years{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .dmat-program-facts{
        grid-template-columns:1fr;
    }

    .dmat-olympics-dates{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .dmat-olympics-gallery{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .dmat-research-members{
        columns:1;
    }
}

/* ==========================================================
   DMAT NATIVE V1.2.0
   ========================================================== */

.dmat-static-person h2{
    color:#074e7d;
}

.dmat-person-fact-wide{
    grid-template-columns:72px minmax(0,1fr)!important;
}

.dmat-postdoc-grid,
.dmat-staff-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:22px;
}

.dmat-postdoc-card,
.dmat-staff-card{
    overflow:hidden;
    border:1px solid #d5e5ed;
    border-radius:8px;
    background:#fff;
    box-shadow:0 5px 18px rgba(5,55,88,.05);
}

.dmat-postdoc-photo,
.dmat-staff-photo{
    height:240px;
    overflow:hidden;
    display:grid;
    place-items:center;
    background:#eaf4f8;
}

.dmat-postdoc-photo img,
.dmat-staff-photo img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
    object-position:center top;
}

.dmat-postdoc-photo span,
.dmat-staff-photo span{
    color:#55bddd;
    font-family:Georgia,serif;
    font-size:58px;
}

.dmat-postdoc-body,
.dmat-staff-body{
    padding:18px;
}

.dmat-postdoc-body h2,
.dmat-staff-body h2{
    margin:0 0 12px;
    color:#074e7d;
    font-family:var(--font-display);
    font-size:19px;
}

.dmat-structured-facts{
    margin:0;
}

.dmat-structured-facts>div{
    padding:8px 0;
    border-top:1px solid #e5eef2;
}

.dmat-structured-facts dt{
    color:#718796;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.045em;
}

.dmat-structured-facts dd{
    margin:3px 0 0;
    color:#355f78;
    font-size:11px;
    line-height:1.5;
}

.dmat-staff-role{
    min-height:36px;
    color:#55758a;
    font-size:11px;
    line-height:1.45;
}

.dmat-stays-year{
    margin-bottom:35px;
}

.dmat-stays-year h2{
    margin:0 0 14px;
    color:#075486;
    font-family:var(--font-display);
    font-size:22px;
}

.dmat-table-scroll{
    overflow-x:auto;
    border:1px solid #dbe7ed;
    border-radius:7px;
}

.dmat-stays-table{
    width:100%;
    min-width:820px;
    border-collapse:collapse;
}

.dmat-stays-table th{
    padding:11px 12px;
    background:#07588a;
    color:#fff;
    font-size:10px;
    text-align:left;
}

.dmat-stays-table td{
    padding:11px 12px;
    border-bottom:1px solid #e1ebf0;
    color:#355d76;
    font-size:11px;
    line-height:1.45;
    vertical-align:top;
}

.dmat-stays-table tbody tr:nth-child(even) td{
    background:#f7fbfd;
}

.dmat-archive-intro{
    max-width:760px;
    margin:12px 0 0;
    color:rgba(255,255,255,.78);
    font-size:11px;
    line-height:1.5;
}

.dmat-event-section-title{
    margin:0 0 14px;
    color:#075486;
    font-family:var(--font-display);
    font-size:24px;
}

.dmat-event-past-title{
    margin-top:38px;
}

.dmat-event-list-past{
    opacity:.92;
}

.dmat-event-detail-facts{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin:0 0 25px;
}

.dmat-event-detail-facts>div{
    padding:13px 14px;
    border:1px solid #dce9ef;
    border-radius:5px;
    background:#f8fcfe;
}

.dmat-event-detail-facts dt{
    color:#087db8;
    font-size:9px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.dmat-event-detail-facts dd{
    margin:4px 0 0;
    color:#264f6d;
    font-size:11px;
    line-height:1.4;
}

.dmat-event-detail-facts a{
    color:#087aad;
}

/*
 * Gutenberg nativo: columnas de contenidos institucionales.
 */
.dmat-article-body .wp-block-columns{
    gap:20px;
}

.dmat-article-body .wp-block-column{
    min-width:0;
}

.dmat-article-body .wp-block-buttons{
    margin:14px 0 22px;
}

.dmat-article-body .wp-block-button__link{
    border-radius:4px;
    background:#087fb8;
    font-size:11px;
    font-weight:700;
}

.dmat-article-body .wp-block-gallery{
    margin:22px 0;
}

@media(max-width:900px){
    .dmat-postdoc-grid,
    .dmat-staff-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media(max-width:650px){
    .dmat-postdoc-grid,
    .dmat-staff-grid{
        grid-template-columns:1fr;
    }

    .dmat-event-detail-facts{
        grid-template-columns:1fr;
    }
}

/* ==========================================================
   DMAT QUALITY V1.2.2
   Botones, enlaces externos, fotografías y responsive.
   ========================================================== */

/*
 * BOTONES:
 * Evita el problema de texto azul sobre fondo azul observado
 * en los nuevos botones Gutenberg y accesos de investigación.
 */
.wp-block-button__link,
.wp-block-button__link:visited,
.dmat-content-button,
.dmat-content-button:visited,
.dmat-official-site-button,
.dmat-official-site-button:visited,
.dmat-research-group-link,
.dmat-research-group-link:visited{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:9px 14px!important;
    border:1px solid #0879ad!important;
    border-radius:5px!important;
    background:#0879ad!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:11px!important;
    line-height:1.25!important;
    font-weight:700!important;
    box-shadow:none!important;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus-visible,
.dmat-content-button:hover,
.dmat-content-button:focus-visible,
.dmat-official-site-button:hover,
.dmat-official-site-button:focus-visible,
.dmat-research-group-link:hover,
.dmat-research-group-link:focus-visible{
    border-color:#07567c!important;
    background:#07567c!important;
    color:#fff!important;
    text-decoration:none!important;
}

.wp-block-button__link:focus-visible,
.dmat-content-button:focus-visible,
.dmat-official-site-button:focus-visible,
.dmat-research-group-link:focus-visible{
    outline:3px solid rgba(22,167,213,.34)!important;
    outline-offset:2px!important;
}

/*
 * Botones pequeños de ORCID/Web/ResearchGate:
 * contraste alto pero visualmente secundarios.
 */
.dmat-person-links-clean a,
.dmat-profile-links a{
    border-color:#9dccdf!important;
    background:#edf8fc!important;
    color:#066b99!important;
}

.dmat-person-links-clean a:visited,
.dmat-profile-links a:visited{
    color:#066b99!important;
}

.dmat-person-links-clean a:hover,
.dmat-profile-links a:hover{
    border-color:#0879ad!important;
    background:#0879ad!important;
    color:#fff!important;
}

/*
 * ADMINISTRATIVOS:
 * fotografía completa, no recortada por object-fit:cover.
 */
.dmat-staff-photo{
    height:330px!important;
    padding:0!important;
    background:#f6f9fa!important;
}

.dmat-staff-photo img{
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#f6f9fa!important;
}

/*
 * Tarjetas de Administrativos alineadas aunque las fotos tengan
 * proporciones distintas.
 */
.dmat-staff-card{
    display:flex;
    flex-direction:column;
}

.dmat-staff-body{
    flex:1;
}

/*
 * Tablas: desplazamiento seguro en pantallas angostas.
 */
.wp-block-table,
.dmat-table-scroll,
.dmat-docencia-table{
    max-width:100%;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
}

/*
 * Gutenberg: botones separados y legibles.
 */
.wp-block-buttons{
    gap:8px!important;
}

.wp-block-buttons .wp-block-button{
    margin:0!important;
}

/*
 * Enlace externo: no cambia su color solo por haber sido visitado.
 */
a[target="_blank"].wp-block-button__link:visited{
    color:#fff!important;
}

/*
 * Ajustes móviles finales.
 */
@media(max-width:900px){
    .dmat-staff-photo{
        height:300px!important;
    }
}

@media(max-width:650px){
    .wp-block-buttons{
        align-items:stretch!important;
    }

    .wp-block-buttons .wp-block-button{
        width:100%;
    }

    .wp-block-button__link{
        width:100%;
    }

    .dmat-staff-photo{
        height:auto!important;
        min-height:0!important;
    }

    .dmat-staff-photo img{
        width:100%!important;
        height:auto!important;
        max-height:none!important;
        object-fit:contain!important;
    }

    .dmat-person-fact-wide{
        grid-template-columns:1fr!important;
    }
}

/* ==========================================================
   DMAT QUALITY V1.2.5
   Overrides finales de contraste y fotografías.
   ========================================================== */

.wp-block-button__link,
.wp-block-button__link:visited,
.dmat-content-button,
.dmat-content-button:visited,
.dmat-official-site-button,
.dmat-official-site-button:visited,
.dmat-research-group-link,
.dmat-research-group-link:visited{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:38px;
    padding:9px 14px!important;
    border:1px solid #0879ad!important;
    border-radius:5px!important;
    background:#0879ad!important;
    color:#fff!important;
    text-decoration:none!important;
    font-size:11px!important;
    line-height:1.25!important;
    font-weight:700!important;
}

.wp-block-button__link:hover,
.wp-block-button__link:focus-visible,
.dmat-content-button:hover,
.dmat-content-button:focus-visible,
.dmat-official-site-button:hover,
.dmat-official-site-button:focus-visible,
.dmat-research-group-link:hover,
.dmat-research-group-link:focus-visible{
    border-color:#07567c!important;
    background:#07567c!important;
    color:#fff!important;
}

.dmat-staff-photo{
    height:330px!important;
    padding:0!important;
    background:#f6f9fa!important;
}

.dmat-staff-photo img{
    width:100%!important;
    height:100%!important;
    display:block!important;
    object-fit:contain!important;
    object-position:center center!important;
    background:#f6f9fa!important;
}

@media(max-width:650px){
    .dmat-staff-photo{
        height:auto!important;
    }

    .dmat-staff-photo img{
        width:100%!important;
        height:auto!important;
        max-height:none!important;
    }

    .wp-block-buttons .wp-block-button,
    .wp-block-button__link{
        width:100%;
    }
}

/* ==========================================================
   DMAT PERSONAS UNIFICADAS V1.4.0
   ========================================================== */

.dmat-honorary-wrap{
    overflow-x:auto;
    border:1px solid #dbe8ee;
    border-radius:7px;
    background:#fff;
}

.dmat-honorary-table{
    width:100%;
    border-collapse:collapse;
    margin:0;
}

.dmat-honorary-table th{
    padding:11px 14px;
    background:#07588a;
    color:#fff;
    text-align:left;
    font-weight:700;
}

.dmat-honorary-table td{
    padding:10px 14px;
    border-bottom:1px solid #e1ebf0;
    color:#31586f;
}

.dmat-honorary-table tbody tr:nth-child(even) td{
    background:#f7fbfd;
}

.dmat-honorary-table a{
    color:#087aad;
}

.dmat-person-topic,
.dmat-person-degree{
    margin:10px 0;
    color:#486b80;
    font-size:12px;
    line-height:1.55;
}