@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Alegreya:wght@400;500&display=swap');

html {scroll-behavior: smooth;}
body {margin: 0 auto; height: 100%; width: 100%;
font-family: 'Alegreya', serif !important; font-size: 12px; font-weight: 400; 
color: #231F20; -webkit-font-smoothing: antialiased;}
a { color: #BCB4A8 !important; -webkit-transition: all 0.2s ease; }
a:hover { color: #231F20; -webkit-transition: all 0.2s ease; }
h1,h2,h3,h4,h5 {font-weight: 500; line-height: 100%}
h1 { color: #BCB4A8; margin-bottom: 10px;}
h2 { font-size: 14px; margin-bottom: 0px;  }
small { font-style: italic; display: block; font-size: 14px;  -webkit-font-smoothing: subpixel-antialiased; color: #666; }
em { font-style: italic;}
hr { width: 5% !important; margin:4px 0 !important}

.selecto { color: #231F20; }

.faded {display:none}

.is-ibm {font-family: 'IBM Plex Sans Condensed', sans-serif; }
.is-alegra {font-family: 'Alegreya', serif;}
.is-verde, .is-verde strong {color:#BCB4A8!important}
.is-bold {font-weight: 700 !important}
.is-size-65 { font-size: 0.9rem !important}

/* menu */
.navbar { font-size: 14px; padding: 16px; border-bottom: 16px solid #BCB4A8;}
.navbar-brand { margin-top:1%; margin-left: 2%;}
.navbar-start { margin-right:0 !important; margin-left: auto; margin-top:20px;}
.navbar-item img { max-height: 80px !important;}
.navbar-item:hover { color: #000 !important; }
.navbar-link.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, a.navbar-item.is-active, a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover
{background: transparent !important}
a.navbar-item.active, .navbar-item.active a { color: #000 !important;}
.navbar-item, .navbar-link {padding: 0 !important}
.navbar-start .navbar-item::after {content: " | "; padding-left: 8px; padding-right: 8px;}
.navbar-start .navbar-item:last-child:after {display: none}
.navbar-end .navbar-item { margin-right: 20px; margin-top: 4px;}
.navbar-end img { margin-top: 24px;}
.navbar-item.has-dropdown {align-items: center !important;}
.navbar-dropdown { border: none !important; padding: 10px;  border-radius: 0; margin-left: -10px; top:50px !important; width: 260px; box-shadow: none !important}
.navbar-dropdown .navbar-item { float: left;}

/* main */ 
#linea1, #linea2, #linea3, #linea4 { position: absolute; position: fixed; background-color: #BCB4A8; width: 100%; height: 16px;  z-index: 40;  }
#linea1, #linea3, #linea4 { top:0; }
#linea2 { bottom: 0px; }
#linea3 { height: 100%; width: 16px;  }
#linea4 { height: 100%; width: 16px; right: 0px; }
#header { position: absolute; position: fixed; width: 100%; min-width: 1280px; height: 112px; border-bottom: 16px solid #BCB4A8; background-color: white; z-index: 10; }
#article { position: absolute; width: 100%;  min-height: 300px; min-width: 1200px; padding-bottom: 40px; }
#logo { float: left; width: 490px; margin-top: 46px; margin-left: 40px; }
#nav { float: left; margin-top: 58px;   }
#nav ul li { margin-right: 15px; float: left; }

.container {margin-top: 200px !important; margin-bottom: 90px!important}

/* index */ 
#index { position: absolute; width: 100%; height: 88px; top: 50%; margin-top: -44px; font-family: 'IBM Plex Sans Condensed'; font-weight: 600;}
#index img { width: 60% }

#index img:hover {opacity: 0.7}
#index .vb { margin-top: auto;}
#index a:hover {color:#000 !important}

#index .columns { margin-left:0; margin-right:0 }
/* bio */ 
.fixed { position: fixed; background: #FFF; z-index: 2; padding: 20px 2% 0; 
margin-top: -28px !important; right: 0; width: 100%;}
.fixed a:hover { color: #000 !important;}
#bio_col1 { float: left; width: 258px; min-height: 200px; margin-left: 74px; margin-right: 25px; }
#bio_col2 { float: left; width: 600px; font-family: 'Alegreya', serif; }
#bio_col2 p { font-size: 13px; }
#taller {margin-top: 280px;}

/*artista*/
#artista > .menu { position: sticky;top: 138px; background: #FFF; z-index: 2;}


/* obras */ 
/*#colecciones { margin: 0 auto; display: table;  margin-top: 30px; margin-left: 16px;}*/
#subnav-colecciones .active { color: #000 !important;}
#colecciones h1 { color: #FFF; font-size: 46px;  font-family: 'IBM Plex Sans Condensed'}
#colecciones p { color: #FFF;}
#colecciones a:hover p {color:#000;}
#colecciones a:hover h1 {color:#000; font-weight: 600}
#volver { position: absolute; position: fixed;  right: 50px; z-index: 1000; }

/*exposiciones*/
.listaanios .column.is-6::after {position: relative;content: " ";width: 80%;border-bottom: 1px solid;height: 1px;float: left;}


/*ediciones*/
#ediciones { position: absolute; top: 135px; left: 16px; }
#ediciones a { color: white; font-size: 16px; }
#ediciones a:hover { color: #231F20; }
#ediciones img { margin-top: 0px; float: left;}

#titulo {  text-align: left; width: 200px; }
#listado { } /* borrar*/


/* muestras */ 
#muestras, #muestras_ver {  } 
#muestras_item { float: left;  margin-bottom: 15px; font-size: 14px; }
#muestras_item a { color: #231F20; }
#muestras_item:hover { color: #BCB4A8; }
#muestras_ver { width: 440px; }

/* muestras */ 
#links { position: absolute; left: 50px; padding-bottom: 30px; }
#links a { font-size: 16px; display: block; margin-bottom: 10px; }
#links h1 { color: #231F20; }

/* contacto */ 
#contacto { position: absolute; left: 50px; font-size: 16px;  }
#contacto a { font-size: 16px; }
#firma { position: absolute; left: 50px; bottom: 40px; font-size: 16px;  }

/* ediciones */ 
#ediciones_col { position: absolute; left: 50px; top: 100px;  width: 266px; text-align: left;}
#ediciones_items { position: absolute; left: 350px; top: 100px;    }
#ediciones_item { float: left; width: 264px; height: 406px; margin-right: 30px; }
#edciiones_imagen { float: left; width: 264px; height: 334px; }

/* decadas */ 
#decada { margin: 0 auto; width: 500px; text-align: left; margin-top: 100px; }

/* publicaciones */ 
#submenu { position: fixed; right: 90px; color: #979188; z-index:2000; top:160px; background: #FFF}
#submenu a:nth-child(3) {display: none}
#publicaciones_item { float: left; width: 140px; overflow: hidden; margin-right: 12px; margin-left: 12px; margin-top: 20px; height: 320px; }
#publicaciones_imagen { float: left; width: 140px; height: 192px; overflow: hidden; margin-bottom: 5px; }

/* documentos */ 
#documentos_col1 { float: left; width: 409px; margin-left: 74px; margin-right: 25px; }
#documentos_col2 { float: left; width: 392px; }

/* taller */ 


/*educacion*/
#educacion > .menu { position: sticky;top: 138px; background: #FFF; z-index: 2;}


/*buttontop*/
#buttontop {display: inline-block; background-color: #BCB4A8; padding:10px 12px 12px 12px;
width: 50px; height: 50px;text-align: center;border-radius: 4px;position: fixed;
bottom: 30px; right: 30px; transition: background-color .3s, 
opacity .5s, visibility .5s;opacity: 0; visibility: hidden; z-index: 1000;}
#buttontop img { filter:invert(); }
#buttontop:hover { cursor: pointer;background-color: #333;}
#buttontop:active { background-color: #555;}
#buttontop.show {opacity: 1;visibility: visible;}


@media screen and (max-width:1024px){
    #linea1, #linea2 {height: 10px}
    #linea3, #linea4 {width: 10px}

    .navbar {border-bottom: 10px solid #BCB4A8;}
    .navbar-item img { max-height: 52px !important;}
    a.navbar-burger { color: #000 !important; height: auto; }

    .navbar-start .navbar-item::after { display: none; }
    .navbar-item {text-align: center; font-size: 16px; margin-bottom: 8px;}
    
    .navbar-dropdown {width: 100%; text-align: center; background: #f6f6f6;margin-top: 6px; margin-left:0;
    padding: 14px !important}
    .navbar-dropdown .navbar-item {float: none}
    .container {/*background: lightblue; */margin-top: 120px !important; margin-bottom:120px!important; padding: 0 6%}
}


/*MOBILE*/
@media screen and (max-width:768px){
    #artista > .menu{ top: 105px; font-size: 12px; padding: 10px; }
    #artista > .menu .column { padding:0; }
    #artista > .menu .column a { display:flex; align-items: center; }
    #artista > .menu .column a strong { margin-right:8px; }
    #artista > .menu .column a h3 { margin-bottom:0 !important; margin-right: 10px; color: #4a4a4a; font-size:12px !important;}
    #artista > .menu .column a h2 { text-overflow: ellipsis; width: 170px; overflow: hidden; white-space: nowrap;}

    #links { left: 5%; width: 90%;}

    #educacion > .menu { top: 108px;}
    #educacion .menu .column { padding-bottom: 0; }
    #educacion .menu .column  a { display:flex}
    #educacion .menu .column  p {  margin-bottom:0 }
    #educacion .menu .column  a h3 {margin-left: 5px; margin-bottom:0 !important}

 }


@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('fonts/IBMPlexSansCond-SemiBold.woff2') format('woff2'),
        url('fonts/IBMPlexSansCond-SemiBold.woff') format('woff'),
        url('fonts/IBMPlexSansCond-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('fonts/IBMPlexSansCond.woff2') format('woff2'),
        url('fonts/IBMPlexSansCond.woff') format('woff'),
        url('fonts/IBMPlexSansCond.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'IBM Plex Sans Condensed';
    src: url('fonts/IBMPlexSansCond-Medium.woff2') format('woff2'),
        url('fonts/IBMPlexSansCond-Medium.woff') format('woff'),
        url('fonts/IBMPlexSansCond-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}