@font-face { font-family: "SangBleuSerif"; src: url("../fonts/SangBleuSerif/SangBleuKingdom-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/SangBleuSerif/SangBleuKingdom-Light.woff") format("woff"), url("../fonts/SangBleuSerif/SangBleuKingdom-Light.ttf") format("truetype"), url("../fonts/SangBleuSerif/SangBleuKingdom-Light.svg#SangBleuSerif") format("svg"); font-weight: normal; font-style: normal; font-display: block; }

@font-face { font-family: "SangBleuSerif"; src: url("../fonts/SangBleuSerif/SangBleuKingdom-LightItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/SangBleuSerif/SangBleuKingdom-LightItalic.woff") format("woff"), url("../fonts/SangBleuSerif/SangBleuKingdom-LightItalic.ttf") format("truetype"), url("../fonts/SangBleuSerif/SangBleuKingdom-LightItalic.svg#SangBleuSerif") format("svg"); font-weight: normal; font-style: italic; font-display: block; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

b, strong { font-weight: normal; }

/** Import npm dependencies Prefix your imports with `~` to grab from node_modules/ @see https://github.com/webpack-contrib/sass-loader#imports */
/** Import theme styles */
/*------------------------------------*\ MAIN \*------------------------------------*/
/* global box-sizing */
*, *:after, *:before { box-sizing: border-box; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* html element 62.5% font-size for REM use */
body { font-family: "SangBleuSerif"; color: #000; font-size: 18px; letter-spacing: -0.15px; line-height: 24px; overflow-x: hidden; width: 100%; overflow-y: scroll; opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }

@media (max-width: 767px) { body { font-size: 20px; letter-spacing: -0.17px; } }

body p { margin: 0 0 24px 0; }

body p:last-child { margin-bottom: 0; }

body .main { opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; }

body.visible .main { opacity: 1; }

/* clear */
.clear:before, .clear:after { content: ' '; display: table; }

.clear:after { clear: both; }

.clear { *zoom: 1; }

img { max-width: 100%; vertical-align: bottom; }

a { color: #000; text-decoration: none; }

a:hover { color: #000; text-decoration: none; }

a:focus { outline: 0; }

a:hover, a:active { outline: 0; }

input:focus { outline: 0; border: 1px solid #04A4CC; }

/*------------------------------------*\ STRUCTURE \*------------------------------------*/
/* wrapper */
.wrapper { margin: 0 auto; position: relative; }

/* header */
/* logo */
/* nav */
/* sidebar */
/* footer */
/*------------------------------------*\ PAGES \*------------------------------------*/
/*------------------------------------*\ IMAGES \*------------------------------------*/
/*------------------------------------*\ TYPOGRAPHY \*------------------------------------*/
/*------------------------------------*\ RESPONSIVE \*------------------------------------*/
/*------------------------------------*\ MISC \*------------------------------------*/
::-moz-selection { background: #D5BEB4; color: #FFF; text-shadow: none; }
::selection { background: #D5BEB4; color: #FFF; text-shadow: none; }

::-webkit-selection { background: #D5BEB4; color: #FFF; text-shadow: none; }

::-moz-selection { background: #D5BEB4; color: #FFF; text-shadow: none; }

.img-load { -webkit-filter: blur(50px); filter: blur(50px); -webkit-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2); }

.img-load.lazyload, .img-load .lazyloading { -webkit-filter: blur(50px); filter: blur(50px); -webkit-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2); }

.img-load.lazyloaded { -webkit-filter: blur(0px); filter: blur(0px); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

.img-loaded { -webkit-filter: blur(0px); filter: blur(0px); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

.img-loaded.lazyload, .img-loaded .lazyloading { -webkit-filter: blur(50px); filter: blur(50px); -webkit-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2); }

.img-loaded.lazyloaded { -webkit-filter: blur(0px); filter: blur(0px); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

.btn { font-weight: bold; font-size: 14px; color: #FFFFFF; letter-spacing: 0.24px; padding: 0; margin: 0; }

.btn span, .btn a { color: #fff; position: relative; }

.btn span:after, .btn a:after { content: ""; width: 100%; height: 2px; background: #FFF; position: absolute; left: 0; bottom: 0; }

/** Search form */
/** WordPress Generated Classes @see http://codex.wordpress.org/CSS#WordPress_Generated_Classes */
.filters { padding: 0; font-size: 18px; letter-spacing: -0.18px; line-height: 15px; border-top: 0.5px solid black; position: fixed; bottom: 0; left: 0; width: 100%; background: #FFF; z-index: 100; }

.filters p { margin: 0; }

@media (max-width: 767px) { .filters { display: none; font-size: 18px; letter-spacing: -0.9px; text-align: center; line-height: 15px; } }

.barra--no-fixed .filters { position: relative; }

.filters--mobile { display: none; position: relative; z-index: 99; }

@media (max-width: 767px) { .filters--mobile { display: block; } }

.filters__container { height: 50px; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }

@media (max-width: 767px) { .filters__container { height: 38px; } }

.filters__container > div { width: 33.33%; }

.filters__container .filter { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; }

@media (max-width: 767px) { .filters__container .filter { width: 33.33%; border-right: 0.5px solid black; display: -webkit-box; display: -webkit-flex; display: flex; height: 100%; } }

@media (max-width: 767px) { .filters__container .filter__filtrado { display: none; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } }

@media (max-width: 767px) { .filtro-color--activo .filters__container .filter--category { display: none; } }

.filters__container .filter--color { padding-left: 25px; }

@media (max-width: 767px) { .filters__container .filter--color { padding: 0; } }

.filtro-color--activo .filters__container .filter--color { width: 100%; border-right: none; }

@media (max-width: 767px) { .filtro-color--filtrado .filters__container .filter--color .filter__btn { display: none; } }

.filters__container .filter--color .filtrado { display: none; cursor: pointer; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }

.filtro-color--activo .filters__container .filter--color .filtrado { display: none; }

.filtro-color--filtrado .filters__container .filter--color .filtrado { display: -webkit-box; display: -webkit-flex; display: flex; }

.filters__container .filter--color .color span { display: block; margin-right: 6px; width: 50px; height: 25px; border-radius: 12.5px; }

@media (max-width: 767px) { .filters__container .filter--color .eliminar { position: absolute; right: 5px; } }

.filters__container .filter--color .filter__texto { display: none; position: absolute; left: 0; width: 100%; height: 100%; text-align: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; z-index: -1; }

.filtro-color--activo .filters__container .filter--color .filter__texto { display: -webkit-box; display: -webkit-flex; display: flex; }

.filters__container .filter--location { padding-left: 6px; width: 66.66%; }

@media (max-width: 767px) { .filters__container .filter--location { width: 33.33%; padding: 0; text-align: center; border-right: 0; height: 100%; } }

.filtro-color--activo .filters__container .filter--location { display: none; }

.filters__container .filter--location .filter__btn { position: relative; }

.filtro-location--activo .filters__container .filter--location .filter__btn { display: -webkit-box; display: -webkit-flex; display: flex; padding-left: 24px; font-style: italic; }

@media (max-width: 767px) { .filtro-location--activo .filters__container .filter--location .filter__btn { height: 100%; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } }

.filters__container .filter--location .filter__btn:before { content: ""; background-repeat: no-repeat; width: 17px; height: 17px; background-image: url(../img/icons/eliminar.svg); background-position: center; background-size: contain; position: absolute; left: 0; display: none; }

@media (max-width: 767px) { .filters__container .filter--location .filter__btn:before { display: none !important; } }

.filtro-location--activo .filters__container .filter--location .filter__btn:before { display: block; }

.filters__container .filter--location .filter__opciones { display: none; }

.filtro-location--activo .filters__container .filter--location .filter__opciones { display: -webkit-box; display: -webkit-flex; display: flex; }

.location--activo .filters__container .filter--location .filter__opciones { display: -webkit-box; display: -webkit-flex; display: flex; }

.filters__container .filter--location ul { list-style: none; margin: 0; padding: 0; }

.filters__container .filter--location ul li { display: inline-block; white-space: pre; }

.filters__container .filter--location ul li:after { content: ", "; display: inline-block; white-space: pre; }

.location--activo .filters__container .filter--location ul li:after { display: none; }

.filtro-location--activo .filters__container .filter--location ul li:after { display: inline-block; }

.filters__container .filter--location ul li:last-child:after { display: none; }

.filters__container .filter--location ul li span { cursor: pointer; }

.location--activo .filters__container .filter--location ul li span { display: none; }

.filtro-location--activo .filters__container .filter--location ul li span { display: inline-block; }

.filters__container .filter--location ul li span.activo { font-style: italic; }

.location--activo .filters__container .filter--location ul li span.activo { display: block; }

.filtro-location--activo .filters__container .filter--location ul li span.activo { display: inline-block; }

.filtro-location--activo .filters__container .filter--location ul li span.activo:after { display: none; }

.filters__container .filter--location ul li span.activo:after { margin-left: 6px; content: ""; width: 16px; height: 15px; background-image: url(../img/icons/eliminar.svg); background-position: center; background-size: contain; display: inline-block; position: relative; top: 1px; }

@media (max-width: 767px) { .filters__container .filter--location ul li span.activo:after { display: none; } }

.filters__container .filter__btn { margin-right: 17px; cursor: pointer; }

@media (max-width: 767px) { .filters__container .filter__btn { width: 100%; text-align: center; margin: 0; } }

.filtro-color--activo .filters__container .filter__btn span { font-style: italic; }

.capa-filtros { position: absolute; bottom: 100%; width: 100%; background: #FFF; font-size: 18px; letter-spacing: -0.18px; line-height: 15px; font-size: 18px; letter-spacing: -0.9px; line-height: 15px; text-align: center; display: none; }

.capa-filtros p { margin: 0; }

@media (min-width: 768px) { .capa-filtros { display: none !important; } }

.filtro-location--activo .capa-filtros--location { display: block; }

.filtro-category--activo .capa-filtros--categoria { display: block; }

.capa-filtros ul { list-style: none; margin: 0; padding: 0; }

.capa-filtros ul li { border-top: 0.5px solid black; height: 35px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; }

.capa-filtros ul li.active span { font-style: italic; }

@media (max-width: 767px) { .filtro-category--activo .filter__btn, .filtro-location--activo .filter__btn { opacity: 0.5; } }

@media (max-width: 767px) { .filtro-category--activo .filter__btn.activo, .filtro-location--activo .filter__btn.activo { opacity: 1; font-style: italic; } }

.categoria--activo .filters--mobile .filter--category .filter__btn { display: none; }

.categoria--activo .filters--mobile .filter--category .filter__filtrado { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; height: 100%; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }

.categoria--activo .filters--mobile .filter--category .filter__filtrado .campo { width: calc(100% - 21px); text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 5px; }

.categoria--activo .filters--mobile .filter--category .filter__filtrado .eliminar { padding: 0 5px 0 0; height: 16px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }

.location--activo .filters--mobile .filter--location .filter__btn { display: none; }

.location--activo .filters--mobile .filter--location .filter__filtrado { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; height: 100%; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }

.location--activo .filters--mobile .filter--location .filter__filtrado .campo { width: calc(100% - 21px); text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding-left: 5px; }

.location--activo .filters--mobile .filter--location .filter__filtrado .eliminar { padding: 0 5px 0 0; }

@media (max-width: 767px) { .swiper-related { width: 100% !important; margin-top: 10px; border-top: 1px solid rgba(0, 0, 0, 0.5); } }

.related { background: #FFF; width: 100vw; height: 100%; overflow-x: hidden; opacity: 0; }

@media (max-width: 767px) { .related { width: 100%; height: auto; opacity: 1; } }

.related__title { display: none; padding: 20px; font-size: 20px; letter-spacing: -1px; text-align: center; line-height: 15px; }

@media (max-width: 767px) { .related__title { display: block; text-align: center; } }

@media (max-width: 767px) { .related__title.mobile { display: block; } }

.related__container { padding: 50px 0 150px 0px; display: -webkit-box; display: -webkit-flex; display: flex; height: 100%; margin-left: -3px; margin-right: -3px; }

@media (max-width: 767px) { .related__container { margin: 0; display: block; padding: 0px 10px 0 10px; } }

.related__container .work { width: 33.33%; height: 100%; position: relative; }

@media (max-width: 767px) { .related__container .work { width: 100%; height: auto; margin-bottom: 30px; } }

.related__container .work__container { padding-left: 3px; padding-right: 3px; height: 100%; width: 100%; }

@media (max-width: 767px) { .related__container .work__container { padding: 0; } }

.related__container .work__imagen { position: relative; overflow: hidden; }

.related__container .work__imagen img, .related__container .work__imagen video { top: 0; left: 0; width: 100% !important; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; }

.related__container .work__imagen video { position: absolute; }

.related__container .work__caption { position: absolute; top: 100%; left: 0; }

@media (max-width: 767px) { .related__container .work__caption { position: relative; top: 0; } }

.related__container .work__caption .caption__container { padding: 7px 0 0 9px; }

.related__container .work__caption .categoria { font-style: italic; font-size: 18px; letter-spacing: -0.53px; margin-bottom: 4px; }

.related__container .work__caption .title { font-size: 24px; letter-spacing: -0.5px; line-height: 28px; }

.no-results { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; font-size: 20px; letter-spacing: -0.17px; line-height: 25px; height: 100vh; width: 100% !important; text-align: center; }

.no-results h2 { font-weight: normal; margin: 0; padding: 0; font-size: 20px; letter-spacing: -0.17px; line-height: 25px; }

.no-results .reset { font-style: italic; text-decoration: underline; }

.btn--menu { width: 100%; padding: 11px; background: #FFF; text-align: center; border-top: 1px solid rgba(0, 0, 0, 0.5); font-size: 18px; color: #000000; letter-spacing: -0.9px; text-align: center; line-height: 15px; z-index: 100; position: relative; }

@media (min-width: 768px) { .btn--menu { display: none; } }

.menu--mobile { display: none; position: fixed; bottom: 0; left: 0; height: 100%; width: 100%; background: #FFF; padding: 50px 25px 70px 25px; z-index: 100; }

@media (min-width: 768px) { .menu--mobile { display: none !important; } }

.menu--mobile__wrapper { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 1000; }

.menu--mobile .menu__container { opacity: 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; flex-direction: column; height: 100%; }

.menu--mobile ul { list-style: none; margin: 0; padding: 0; font-size: 24px; letter-spacing: -0.24px; line-height: 24px; }

.menu--mobile .info .col--info { margin-top: 19px; }

.menu--mobile .info .col h3 { font-style: italic; font-size: 18px; letter-spacing: -0.15px; line-height: 18px; margin: 0 0 6px 0; }

.menu--mobile .info .col__content { font-size: 18px; letter-spacing: -0.15px; line-height: 24px; }

.header { padding: 0 25px 0 25px; font-size: 18px; letter-spacing: -0.18px; line-height: 15px; border-bottom: 1px solid rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; width: 100%; background: #FFF; z-index: 500; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }

.header p { margin: 0; }

.page-template-home .header { background: none; border-bottom: 1px solid rgba(0, 0, 0, 0); z-index: 500; -webkit-transform: translate3d(0%, -100%, 0); transform: translate3d(0%, -100%, 0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; }

.header.blanco { background: #FFF; color: #000; border-color: rgba(0, 0, 0, 0.5); -webkit-transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease; transition: border-color 0.3s ease, color 0.3s ease, background-color 0.3s ease; }

.menu--visible .header { -webkit-transform: translate3d(0, 0, 0) !important; transform: translate3d(0, 0, 0) !important; }

.header__container { position: relative; height: 50px; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

@media (max-width: 767px) { .header__container { height: 34px; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; } }

@media (max-width: 767px) { .header .logo svg { width: 133px; height: auto; } }

.header ul { list-style: none; margin: 0; padding: 0; }

.header ul li { display: inline-block; }

.header ul li.active a { font-style: italic; }

.header h1 { font-size: 18px; letter-spacing: -0.18px; line-height: 15px; text-align: center; margin: 0; padding: 0; font-weight: normal; }

.header h1 p { margin: 0; }

@media (max-width: 767px) { .header h1 { display: none; } }

@media (max-width: 767px) { .header .nav { display: none; } }

.filtro-color--activo .header .nav { display: none; }

.header .nav--main ul li { margin-left: 12px; }

.header .nav--category ul li { white-space: pre; }

.header .nav--category ul li:after { content: ', '; display: inline-block; }

.header .nav--category ul li:last-child:after { display: none; }

.header .nav--category ul li.active span { font-style: italic; }

.header .nav--category ul li span { cursor: pointer; }

.footer { padding: 25px; font-size: 17px; letter-spacing: -0.15px; line-height: 23px; border-top: 0.5px solid black; display: block; z-index: 10; }

@media (max-width: 767px) { .footer { font-size: 18px; } }

.footer p { margin: 0 0 23px 0; }

.footer p:last-child { margin-bottom: 0; }

@media (max-width: 767px) { .footer { padding: 20px 25px 68px 25px; } }

.page-template-home .footer, .page-template-about .footer { display: block; }

.single-work .footer, .filtro-color--activo .footer { display: none; }

.footer__container { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }

@media (max-width: 767px) { .footer__container { display: block; } }

.footer__container .columnas { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; }

@media (max-width: 1023px) { .footer__container .columnas { display: block; } }

.footer__container .columnas .col { margin-left: 150px; }

@media (max-width: 1023px) { .footer__container .columnas .col { margin: 30px 0 0px 0; } }

@media (max-width: 767px) { .footer__container .columnas .col { margin-top: 16px; } }

.footer__container .columnas .col:first-child { margin-left: 0; }

@media (max-width: 1023px) { .footer__container .columnas .col:first-child { margin-top: 0; } }

.footer__container .columnas h3 { font-size: 17px; letter-spacing: -0.15px; line-height: 23px; font-style: italic; margin: 0 0 30px 0; padding: 0; }

@media (max-width: 767px) { .footer__container .columnas h3 { font-size: 18px; } }

.footer__container .columnas h3 p { margin: 0 0 23px 0; }

.footer__container .columnas h3 p:last-child { margin-bottom: 0; }

@media (max-width: 767px) { .footer__container .columnas h3 { margin-bottom: 16px; } }

.footer__container .creditos { margin-right: 120px; }

@media (max-width: 1023px) { .footer__container .creditos { margin: 30px 0 30px 0; } }

@media (max-width: 767px) { .footer__container .creditos { margin: 50px 0 16px 0; } }

.footer__container .creditos__wrapper { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; align-items: flex-end; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; }

@media (max-width: 1023px) { .footer__container .creditos__wrapper { display: block; } }

@media (max-width: 767px) { .footer__container .creditos__wrapper { display: block; } }

body#tinymce { margin: 12px !important; }

.page-template-home .header a { color: #FFF; }

.page-template-home .header .logo svg #logo_atelier_ramos { fill: #FFF; }

.page-template-home #home .galeria-container { width: 100%; }

.page-template-home #home .galeria-container .titulo--centrado { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; z-index: 100; pointer-events: none; }

.page-template-home #home .galeria-wrapper { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

.page-template-home #home .galeria-slide { height: auto; }

.page-template-home #home .galeria-slide--footer { min-height: unset; }

.page-template-home #home .galeria-slide img { width: 100%; height: auto; vertical-align: top; -o-object-fit: cover; object-fit: cover; }

.page-template-home #home .portada { width: 100%; position: relative; overflow: hidden; }

.page-template-home #home .portada .img-load.lazyload, .page-template-home #home .portada .img-load .lazyloading { -webkit-filter: blur(10px); filter: blur(10px); -webkit-transform: scale3d(1.2, 1.2, 1.2); transform: scale3d(1.2, 1.2, 1.2); }

.page-template-home #home .portada .img-load.lazyloaded { -webkit-filter: blur(0px); filter: blur(0px); -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); }

.page-template-home #home .portada--home .imagen { height: 100vh; }

.page-template-home #home .portada--home .imagen img, .page-template-home #home .portada--home .imagen video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; vertical-align: top; }

.page-template-home #home .portada--home .portada__caption { position: absolute; display: -webkit-box; display: -webkit-flex; display: flex; }

@media (max-width: 767px) { .page-template-home #home .portada__imagen { height: 100vh; } }

.page-template-home #home .portada__imagen img, .page-template-home #home .portada__imagen video { width: 100%; height: auto; vertical-align: top; }

@media (max-width: 767px) { .page-template-home #home .portada__imagen img, .page-template-home #home .portada__imagen video { height: 100vh; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } }

.page-template-home #home .portada__caption { position: fixed; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; color: #FFFFFF; text-align: center; display: none; z-index: 100; }

@media (max-width: 767px) { .page-template-home #home .portada__caption { padding: 0 50px 38px 50px; } }

.page-template-home #home .portada__caption.visible { pointer-events: none; display: -webkit-box; display: -webkit-flex; display: flex; }

.page-template-home #home .portada__caption .logo svg { width: 375px; height: auto; }

@media (max-width: 767px) { .page-template-home #home .portada__caption .logo svg { width: 207px; } }

.page-template-home #home .portada__caption .logo svg #logo_atelier_ramos { fill: #FFF; }

.page-template-home #home .portada__caption .categoria { font-style: italic; font-size: 20px; letter-spacing: -0.2px; }

@media (max-width: 767px) { .page-template-home #home .portada__caption .categoria { font-size: 18px; letter-spacing: -0.18px; line-height: 15px; } }

.page-template-home #home .portada__caption .title { margin: 1px 0 0 0; font-size: 25px; letter-spacing: -0.2px; line-height: 30px; }

@media (max-width: 767px) { .page-template-home #home .portada__caption .title { margin-top: 6px; font-size: 22px; letter-spacing: -0.18px; line-height: 30px; } }

.archivo { padding-top: 50px; padding-bottom: 51px; }

@media (max-width: 767px) { .archivo { padding-top: 34px; padding-bottom: 77px; } }

.barra--no-fixed .archivo { padding-bottom: 0; }

.open-colors .archivo#works { display: none; }

.archivo__container { margin-left: -3px; margin-right: -3px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }

@media (max-width: 767px) { .archivo__container { margin: 0; } }

.archivo__container .work--intro { font-size: 18px; letter-spacing: -0.15px; line-height: 24px; text-align: left; }

@media (max-width: 767px) { .archivo__container .work--intro { font-size: 20px; letter-spacing: -0.17px; } }

.archivo__container .work--intro p { margin: 0 0 24px 0; }

.archivo__container .work--intro p:last-child { margin-bottom: 0; }

.archivo__container .work--intro__container { padding: 40px 45px 45px 25px; }

@media (max-width: 767px) { .archivo__container .work--intro__container { padding: 28px 10px 50px 10px; } }

.archivo__container .work--intro__container a { text-decoration: underline; }

.archivo__container .work--intro h2 { font-size: 18px; letter-spacing: -0.18px; line-height: 15px; font-weight: normal; margin: 0; padding: 0 0 23px 8px; font-style: italic; }

.archivo__container .work--intro h2 p { margin: 0; }

@media (max-width: 767px) { .archivo__container .work--intro h2 { padding: 0 0 22px 0; } }

.archivo__container > div { width: 33.33%; padding-bottom: 55px; }

@media (max-width: 767px) { .archivo__container > div { padding-bottom: 40px; width: 100%; } }

.archivo__container > div > div { padding: 0 3px; }

@media (max-width: 767px) { .archivo__container > div > div { padding: 0; } }

.archivo__container > div .imagen { position: relative; overflow: hidden; }

.archivo__container > div .imagen img, .archivo__container > div .imagen video { width: 100%; height: auto; }

.archivo__container > div .imagen video { height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 0; left: 0; position: none; }

.archivo__container > div .caption { padding: 7px 0 0 6px; }

@media (max-width: 767px) { .archivo__container > div .caption { padding: 9px 30px 0px 10px; } }

.archivo__container > div .caption .categoria { font-style: italic; font-size: 18px; letter-spacing: -0.53px; }

@media (max-width: 767px) { .archivo__container > div .caption .categoria { font-size: 15px; letter-spacing: -0.44px; line-height: 15px; } }

.archivo__container > div .caption .title { margin-top: 1px; font-size: 24px; letter-spacing: -0.5px; line-height: 30px; }

@media (max-width: 767px) { .archivo__container > div .caption .title { font-size: 20px; letter-spacing: -0.42px; line-height: 25px; } }

.archivo__container > div .caption .title p { margin: 0 0 30px 0; }

@media (max-width: 767px) { .archivo__container > div .caption .title p { margin-bottom: 25px; } }

.archivo__container > div .caption .title p:last-child { margin-bottom: 0; }

@media (max-width: 767px) { .archivo__container > div .caption .title { margin-top: 4px; } }

.archivo#colors { display: none; }

.open-colors .archivo#colors { display: block; }

.archivo#colors .color { padding-bottom: 30px; }

.archivo#colors .capa-color { height: 250px; }

@media (max-width: 767px) { .archivo#colors .capa-color { border-left-width: 0px !important; border-right-width: 0px !important; } }

body.single-work { overscroll-behavior-y: none; }

body.single-work h1 { font-size: 18px; letter-spacing: -0.18px; line-height: 15px; text-align: center; margin: 0; padding: 0; font-weight: normal; opacity: 1; -webkit-transition: opacity 0.3s ease 0.35s; transition: opacity 0.3s ease 0.35s; }

body.single-work h1 p { margin: 0; }

@media (max-width: 767px) { body.single-work h1 { display: none; } }

body.single-work .logo { opacity: 1; -webkit-transition: opacity 0.3s ease 0.35s; transition: opacity 0.3s ease 0.35s; }

body.single-work .related--titulo { font-size: 18px; letter-spacing: -0.18px; line-height: 15px; margin: 0; padding: 0; font-weight: normal; opacity: 0; position: absolute; left: 0; pointer-events: none; -webkit-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; }

body.single-work .related--titulo p { margin: 0; }

body.single-work footer { display: none; }

body.single-work.related--visible h1, body.single-work.related--visible .logo, body.single-work.related--visible .single--work__footer__container { pointer-events: none; opacity: 0; -webkit-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; }

body.single-work.related--visible .related--titulo { opacity: 1; -webkit-transition: opacity 0.3s ease 0.35s; transition: opacity 0.3s ease 0.35s; }

@media (max-width: 767px) { body.single-work .related__title { opacity: 1; } }

#single--work .main__container { width: 100%; height: 100vh; padding: 50px 0; }

@media (max-width: 767px) { #single--work .main__container { height: auto; padding: 0 0 37px 0; } }

#single--work .info { pointer-events: all; position: fixed; z-index: -1; left: 0; top: 0; padding-top: 50px; padding-bottom: 50px; width: 480px; height: 100%; }

@media (max-width: 767px) { #single--work .info { width: 100%; position: relative; height: auto; padding-top: 65px; padding-bottom: 30px; } }

#single--work .info .info__container { padding: 22px 70px 22px 25px; }

@media (max-width: 767px) { #single--work .info .info__container { padding: 0 10px; } }

#single--work .info .info__container .description { margin: 0 0 20px 0; }

#single--work .info .info__container .data p { margin: 0; }

#single--work .info .info__container .data p .etiqueta { font-style: italic; }

#single--work .info .info__container .data p span { display: block; }

#single--work .info .info__container a { text-decoration: underline; }

#single--work .galeria { height: 100%; width: 100%; }

@media (max-width: 767px) { #single--work .galeria { height: auto; } }

#single--work .galeria__container { width: 100%; height: 100%; pointer-events: none; }

@media (max-width: 767px) { #single--work .galeria__container { height: auto; } }

#single--work .galeria__container .swiper-wrapper { pointer-events: none; }

@media (max-width: 767px) { #single--work .galeria__container .swiper-wrapper { display: block; -webkit-transform: none; transform: none; height: auto; } }

@media (max-width: 767px) { #single--work .galeria__container .swiper-slide { height: auto; } }

#single--work .galeria__container .video { pointer-events: all; }

#single--work .galeria__container .video__container { width: auto; height: 100%; }

@media (max-width: 767px) { #single--work .galeria__container .video__container { width: 100%; height: auto; } }

#single--work .galeria__container .video .plyr--video { font-family: "SangBleuSerif"; font-style: italic; font-size: 18px; color: #FFFFFF; letter-spacing: -0.15px; font-weight: normal; }

@media (min-width: 768px) { #single--work .galeria__container .video .plyr--video { width: auto; height: 100%; } }

@media (min-width: 768px) { #single--work .galeria__container .video .plyr__video-wrapper { height: 100%; } }

@media (min-width: 768px) { #single--work .galeria__container .video iframe { width: 100%; height: 100%; -o-object-position: center; object-position: center; } }

#single--work .galeria__container .imagen { overflow: hidden; width: auto; height: 100%; cursor: pointer; pointer-events: all; background: #FFF; }

@media (max-width: 767px) { #single--work .galeria__container .imagen { height: auto; width: 100% !important; } }

#single--work .galeria__container .imagen img { height: 100%; }

#single--work .galeria__container .imagen--vacia { background: none; width: 480px; pointer-events: none; }

@media (max-width: 767px) { #single--work .galeria__container .imagen--vacia { display: none; } }

#single--work .galeria__container .imagen--vacia .imagen__container { background: none; }

#single--work .galeria__container .imagen--vacia--final { background: #FFF; width: 100px; pointer-events: none; }

@media (max-width: 767px) { #single--work .galeria__container .imagen--vacia--final { display: none; } }

#single--work .galeria__container .imagen__container { height: 100%; margin: 0 3px; background: #FFF; overflow: hidden; }

@media (max-width: 767px) { #single--work .galeria__container .imagen__container { max-resolution: 0; padding: 0 10px 10px 10px; height: auto; } }

#single--work .galeria__container img { max-width: inherit; width: auto; height: 100%; }

@media (max-width: 767px) { #single--work .galeria__container img { width: 100%; height: auto; } }

#single--work .galeria .swiper-pagination { pointer-events: none; }

#single--work .single--work__footer { bottom: 0; left: 0; width: 100%; position: fixed; padding: 0 25px 0 25px; font-size: 18px; letter-spacing: -0.18px; line-height: 15px; border-top: 1px solid rgba(0, 0, 0, 0.5); background: #FFF; z-index: 10; }

#single--work .single--work__footer p { margin: 0; }

@media (max-width: 767px) { #single--work .single--work__footer { display: none; } }

#single--work .single--work__footer__container { height: 50px; width: 100%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; opacity: 1; -webkit-transition: opacity 0.3s ease 0.35s; transition: opacity 0.3s ease 0.35s; }

.related--visible #single--work .single--work__footer__container { opacity: 0; -webkit-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; }

#single--work .single--work__footer .share { position: relative; z-index: 10; }

#single--work .single--work__footer .share__container { display: -webkit-box; display: -webkit-flex; display: flex; padding: 5px 0; }

#single--work .single--work__footer .share__container:hover ul { display: block; }

#single--work .single--work__footer .share ul { display: none; list-style: none; margin: 0 0 0 17px; padding: 0; }

#single--work .single--work__footer .share ul li { display: inline-block; white-space: pre; }

#single--work .single--work__footer .share ul li:after { content: ","; display: inline-block; white-space: pre; }

#single--work .single--work__footer .share ul li:last-child:after { display: none; }

#single--work .single--work__footer .share ul li span { cursor: pointer; }

#about .main__container { padding: 50px 0; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin-left: -3px; margin-right: -3px; }

@media (max-width: 767px) { #about .main__container { padding: 51px 10px 40px 10px; } }

#about .bloque { width: 33.33%; }

@media (max-width: 767px) { #about .bloque { width: 100%; } }

#about .bloque--texto { padding: 40px 50px 20px 25px; font-size: 18px; letter-spacing: -0.15px; line-height: 24px; }

@media (max-width: 767px) { #about .bloque--texto { font-size: 20px; letter-spacing: -0.17px; } }

#about .bloque--texto p { margin: 0 0 24px 0; }

#about .bloque--texto p:last-child { margin-bottom: 0; }

@media (max-width: 767px) { #about .bloque--texto { padding: 0 0 20px 0; } }

#about .bloque--texto h2 { font-style: italic; font-weight: normal; margin: 0 0 10px 0; padding: 0; font-size: 18px; letter-spacing: -0.15px; line-height: 24px; }

@media (max-width: 767px) { #about .bloque--texto h2 { font-size: 20px; letter-spacing: -0.17px; } }

#about .bloque--texto h2 p { margin: 0 0 24px 0; }

#about .bloque--texto h2 p:last-child { margin-bottom: 0; }

@media (max-width: 767px) { #about .bloque--texto h2 { margin: 0; } }

@media (max-width: 767px) { #about .bloque--vacio { display: none; } }

#about .bloque--imagen .bloque__container { padding: 3px; }

@media (max-width: 767px) { #about .bloque--imagen .bloque__container { padding: 0 0 10px 0; } }

#about .bloque--imagen .bloque__container img { width: 100%; height: auto; }