/* -- Estilos DJ Arbitraje -- */
/* -- Estilos generales -- */
@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html { scroll-behavior: smooth; }
body { font-family: acumin-pro, sans-serif; font-size: 16px; color: #2E2E2E; }
.loader { opacity: 0; transition:opacity 0.8s ease-in-out;}
.loaded { opacity: 1; }
h1 { font-weight: 500; font-size: 1.4em; text-transform: uppercase; padding: 12px 0 2px;}

h2 { font-size: 1.4em; font-weight: 300; }

h3 { font-size: 1.25em; font-weight: 300; }

p, ul, a { font-size: 1em; font-weight: 200; line-height: 1.6em; padding: 12px 0;}
strong, b { font-weight: 500;}
dt { font-size: 1.12em; font-weight: 300; padding: 12px 0 10px 0;}
dd { font-size: 1em; font-weight: 200; padding: 0 0 12px 22px;}
.italica { font-weight: 200; font-style: oblique;}

a:link, a:visited { color: #2E2E2E; }
a:hover, a:active {color: #006053;}


blockquote { font-size: 1.1em; font-weight: 200; font-style: italic; padding: 28px 20px;}
.quote { font-size: 1.2em; font-weight: bold; padding:10px 2px; color: #A4CFC2; }
.quote-autor { font-style: normal; font-size: 16px }


.type-pdf-doc { width: 100%; height: 700px; aspect-ratio: 4/3; border: 1px solid #ccc; }

/* dj mediacion link */

.mediacion_enlace a:link { color: #0A5099;; }
.mediacion_enlace a:visited { color: #0A5099;; }
.mediacion_enlace a:hover {color: #92B7DD !important; text-decoration: underline;} 
.mediacion_enlace a:active {color: #92B7DD;}


.ext-link-icon { display: flex;  justify-content: flex-end; font-size: 0.9em;}
.mr-8 { margin-right: 8px;}
.pl-32 { padding-left: 32px;}

/* List styles */
ul {
    list-style: none;
    padding-left: 1.6em;
  }
  
  ul li::before {
    content: "●"; 
    color: #A4CFC2; 
    display: inline-block;
    text-indent: -1.4em;
    padding: 12px 0;
    line-height: 1em;
  }

/* -- Inicio del encabezado -- */
header {
    display: flex;
    flex-direction: row;
    width: 100%;
    padding: 28px 10% 20px;
}

.logo {
    width: 20%;
}
.logo img {
    max-width: 60%;
}

.logo-menu-mobile { position: absolute; top: 22px; left: 12px; }

/* Barra de navegación */
nav {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    
}

.nav-items-container {
    display: flex;
    width: 600px;
    flex-direction: column;
    padding: 0px 0;

}

.idioma {
    display: flex;
    justify-content: flex-end;

}
.idioma a:link { text-decoration: none; color: #2E2E2E;}
.idioma a:hover { text-decoration: underline; color: #006053; }
.menu {

    display: flex;
    flex-direction: row;
    justify-content: space-between;

}
.menu a:link { font-size: 1.1em; font-weight: 200; text-decoration: none;} 
.menu a:hover, a:active { color: #006053; text-decoration: underline;}
.active a { text-decoration: none !important; font-weight: 500 !important;}
.active { border-bottom: 4px solid #A4CFC2; }


/* Navegación secundaria de las página del equipo */

.team-secondary-navigation { width: 100%; display: flex; flex-direction: row; justify-content: space-between; padding-top: 30px;}

.team-secondary-navigation a { text-decoration: none;}


/* -- Final del encabezado -- */

/* -- Inicio de los contenidos -- */


.front-image img {
    height: 80vh;
    min-height: 400px;
    object-fit: cover;
    object-position: top;
    z-index: 2;
    

}
article, .organizaciones, .contacto-page { max-width: 700px; margin: auto; padding: 0 28px 12px; }
.organizaciones { padding: 12px 28px 48px; }
.organizaciones-container { display: flex; flex-wrap: wrap; gap: 1.22em; row-gap: 1.2em; }
.organizaciones-container>div { border: 1px solid #006053; padding: 12px; width: 47%; }
.organizaciones-container>div a:link, a:visited { color: #2E2E2E; }
.organizaciones-container>div a:hover, a:active { color: #006053; }

/*  */
/* Inicio del footer */

footer { max-width: 700px; margin: auto; padding: 0 28px; }
.footer-container {  display: flex; justify-content: center; border-top: 0.5px solid #006053; }
.footer-flex-container { display: flex; flex-direction: column; padding: 12px 0; }
.footer-amplio { max-width: 1000px !important; margin: auto; } /* para páginas internas */
.footer-container a:link, a:visited { text-decoration: none; color: #A4CFC2 }
.footer-container a:visited { color: #A4CFC2; }
.footer-container a:hover, a:active { text-decoration: underline; color: #006053; }
.footer-container-a-text { color: #2E2E2E; }
.footer-container p { padding: 6px 0;}
.copy { font-size: 0.8em; margin-left: 26px;}
.copy i { color: #2E2E2E;}

/*  */
/* Equipo Cards */

.team-page { max-width: 1000px; display: flex; flex-direction: row; flex-wrap: wrap; margin: auto; padding: 10px 10px 80px;}
.team-card { display: flex; flex-direction: column; padding: 0 10px; max-width: 50%; }
.team-card-name h3 { font-size: 1.1em; font-weight: 400; padding: 0 4px; } 
.team-card-masInfo { font-size: 0.8em; font-weight: 300; padding: 4px 4px 6px; }
.team-card-masInfo a:link, a:visited { text-decoration: none; color: #2E2E2E; }
.team-card-masInfo a:hover, a:active { text-decoration: underline; color: #006053; }
.team-card-image img { max-width: 100%;}
.team-card-info-contacto { padding: 8px 0;}
.team-card-info-contacto>div { padding: 4px 2px; }
.team-card-info-contacto>div a { font-size: 0.8em; font-weight: 300; }
.team-card-info-contacto>div i { font-size: 1.3em !important;}
.team-card-info-contacto>div a:link, a:visited { text-decoration: none; color: #2E2E2E; }
.team-card-info-contacto>div a:hover, a:active { text-decoration: underline; color: #006053; }
.plus { font-size: 1.2em; font-weight: 200; color: #006053; }

/* Logos Chambers-v2 */
    .logos-chambers-v2 { display: flex; flex-direction: row; }

    .logos-chambers-v2>div>img {max-width: 100px; padding: 10px 0px 10px 24px;}


/* Página de cada miembro del equipo */
    /* top nav */
    .team-secondary-navigation a:link, a:visited { font-size: 1.1em; font-weight: 300; color: #2E2E2E; }
    .team-secondary-navigation a:hover, a:active { color: #006053; }

    /* cotent-layout */
.single-team-page { max-width: 1000px; margin: auto; display: flex; padding: 20px 12px;}
.single-team-page-aside { flex: 1 0; }
.single-team-page-content { flex: 2 0; }
.single-team-page-image { padding-top: 32px; }
.single-team-page h1, .single-team-page-content h1 { padding: 0; font-size: 1.2em; font-weight: 500; text-transform: uppercase; }
.mobile-team-name {display: none;}

/* aqui link */
.aqui a:link, a:visited { color: #2E2E2E; }
.aqui a:hover, a:active {color: #006053;}

    /* navegacion interna */
    .single-team-inside-nav { display: flex; justify-content:space-between; padding: 20px 0; }
    .single-team-inside-nav a:link, a:visited { color: #2E2E2E; }
    .single-team-inside-nav a:hover, a:active {color: #006053;}
    /*  */
    .ad-hoc { font-weight: 200; font-size: 1em; font-style: italic;}

    /* Regresar */
    .regresar { width: 100%; display: flex; justify-content: flex-end;}
    .regresar a:link, a:visited { font-size: 1em; color: #2E2E2E; }
    .regresar a:hover, a:active {color: #006053;}

    /* Logos Chambers */
    .logos-chambers { display: flex; flex-direction: row; justify-content: space-around; padding: 20px;}
    .logos-chambers>div { padding: 5%;}

/* Página Publicaciones */
    /* Filtro por autor */
    .autor-filtro { display: flex; flex-direction: row; flex-wrap: wrap;  }
    .autor-filtro >div { padding: 0 24px 12px 0;}
    .autor-filtro >div a:link, a:visited {color: #2E2E2E; text-decoration: none;}
    .autor-filtro >div a:hover, a:active {color: #006053;}

    /* Filtro por año */
    .ano-filtro { display: flex; flex-direction: row; flex-wrap: wrap;  }
    .ano-filtro >div { padding: 12px 28px;}
    .ano-filtro >div a:link, a:visited {color: #2E2E2E; }
    .ano-filtro >div a:hover, a:active {color: #006053;}

    /*  */
    cite { font-family: 'acumin-pro', sans-serif; font-weight: 300 }
    /*.publicacion { display: none;}*/
    .publicacion2 {display: none;}
    .show { display: block;}
    .publicacion p {padding: 12px  0 12px 2em; text-indent: -2em;}
    .publicacion-sp p {padding: 12px  0 12px 2em; text-indent: -2em;}
    .publicacion a:link { font-weight: 200; color: #2E2E2E; }
    .publicacion a:hover { color:#006053; }
    .link-ext-publicaciones-icon { text-indent: 0;
        padding-left: 12px; font-size: 0.9em; }
    /* Style the buttons */
    button { font-family: acumin-pro, sans-serif; font-weight: 300; }
    .btn {
    border: none;
    outline: none;
    background-color: #FFF;
    font-size: 1em;
    font-weight: 300;
    color: #3C3C3B;
    cursor: pointer;
    }

    .btn:hover { color: #006053;

    }

    .btn.activo {   border-bottom: 4px solid #A4CFC2; text-decoration: none;
}
.activo a {   border-bottom: 4px solid #A4CFC2; text-decoration: none; padding-bottom: 0;
}
/* Página de contacto */

.contacto-page-info { display: flex; flex-direction: row; flex-wrap: wrap;}
.contacto-formulario { flex: 1 0; padding: 0 24px 24px 0;}
.contacto-info { flex: 1 0; padding: 0 0 24px 24px; }
    /* formulario de contacto */
    input, textarea { width: 100%; padding: 12px; border: 1px solid #006053; color: #4d4d4d;     font-family: 'acumin-pro', sans-serif; ; font-size: 0.8em; font-weight: 300;}
    input[type=submit] { background-color: #FFF; font-size: 1em; font-weight: 500; margin-top: 8px;}
    input[type=submit]:hover { background-color: #006053; color: #EFF5EF; cursor: pointer;}
    ::placeholder {
        color: #4d4d4d;
      }

.contacto-address a:hover { color: #006053; }
.contacto-tel { padding-top: 14px; }
.contacto-tel a:hover {color: #006053; }

.contacto-correo { padding-top: 40px; }
.contacto-correo a:hover {color: #006053; }

.contacto-redes { padding-top: 38px; }
.contacto-redes a:hover {color: #006053; }

/* Contaco mensaje */

.gracias { height: 30vh; display: flex; flex-direction: column; }

/* Hamburguer Menu - Overlay */

.hm-menu { display: none;}

    .overlay {
        height: 0%;
        width: 100%;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #006053;
        background-color: #006053;
        overflow-y: hidden;
        transition: 0.5s;
    }
  
    .overlay-content {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    
    }
    .overlay a {color: #EFF5EF; }
  
  .menu-movil {align-self: center; justify-content: space-between;}
  .menu-movil div { padding: 12px;}
  .menu-movil a {
    padding: 0px;
    text-decoration: none;
    color: #EFF5EF;
    transition: 0.3s;
  }
  .menu-movil a:active { text-decoration: underline; color: #A4CFC2;}
  .menu-movil a:hover, .overlay a:focus {
    color: #f1f1f1;
  }
  
  .overlay .closebtn {
    position: absolute;
    top: 48px;
    right: 26px;
    font-size: 40px;
  }
  
  @media screen and (max-height: 450px) {
    .overlay {overflow-y: auto;}
    .overlay a {font-size: 20px}
    .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
    }
  }

/* Media queries */

@media screen and (max-width:768px) { 
    h1 { font-size: 1.25em; padding: 12px 0 0; }
    h2 {font-size: 1.2em;}
    h3 { font-size: 1.1em;}
    header {
        padding: 28px 28px 20px;
    
    }
    .logo {
        width: 25%;
    }
    .logo img {
        max-width: 56px;
    }
    .menu { display: none;} 
    .nav-items-container { width: 100%; }
    .hm-menu { display: flex; justify-content: flex-end; position: absolute; top: 80px; right: 24px; }  
   
    .front-image img {
        height: 40vh;

    }

    .organizaciones-container { row-gap: 1em; }
    .organizaciones-container>div { width: 100%;}
    .team-page { flex-direction: column; padding-bottom: 40px;}
    .mobile-team-name {display: block;}
    .dsktop-team-name { display: none;}
    .single-team-page-image { padding-top: 12px; }
    .team-card { max-width: 100%;}
    .team-card:nth-child(2) { padding-top: 24px ;}
    .team-card:nth-child(3) { padding-top: 24px ;}
    main { padding-bottom: 40px;}
    .single-team-page { flex-direction: column; padding: 12px 28px;}
    .single-team-page h1 { font-size: 1.1em;}
    .team-secondary-navigation {display: none;}
    .single-team-page-content { padding: 0;}
    .autor-filtro { padding: 0;}
    .autor-filtro > div { padding: 12px 12px 12px 0;}
    .ano-filtro { padding: 0; }
    .contacto-page-info { flex-direction: column; }
    .logos-chambers {padding: 0px;}
    .logos-chambers>div>img {max-width: 100px;}

    /* .contacto-info { display: flex; flex-direction: column; align-items: center; }
    .contacto-address,.contacto-tel, .contacto-correo, .contacto-redes { width: 280px; } */

}

/* Final */