@charset "utf-8";

@font-face { font-family: 'Noe Display'; src: url('../fonts/NoeDisplay-Medium/NoeDisplay-Medium.eot'); }
@font-face { font-family: 'Noe Display'; src: url('../fonts/NoeDisplay-Medium/NoeDisplay-Medium.otf'); }
@font-face { font-family: 'Noe Display'; src: url('../fonts/NoeDisplay-Medium/NoeDisplay-Medium.svg'); }
@font-face { font-family: 'Noe Display'; src: url('../fonts/NoeDisplay-Medium/NoeDisplay-Medium.ttf'); }
@font-face { font-family: 'Noe Display'; src: url('../fonts/NoeDisplay-Medium/NoeDisplay-Medium.woff'); }
/*============================================================================*/
:root {
    --theme-color:        #292f3b;
    --theme-color2:     steelBlue;
    --theme-header-height:  110px;
    --theme-footer-height:   65px;
    --theme-min-padding:     15px;
    --theme-max-width:     1200px;
    --theme-content-width:  750px;
    --theme-border-radius:    3px;
    --ronin-col-1:       8.33333%;
    --ronin-col-2:      16.66666%;
    --ronin-col-3:      22.50000%;
    --ronin-col-4:      31.33333%;
    --ronin-col-5:      41.55555%;
    --ronin-col-6:      48.00000%;
    --ronin-col-7:      58.22222%;
    --ronin-col-8:      66.66666%;
    --ronin-col-9:      75.00000%;
    --ronin-col-10:     83.00000%;
    --ronin-col-11:     91.33333%;
    --ronin-col-12:    100.00000%;
}
/*============================================================================*/
*     { position: relative; margin: 0; padding: 0; font-family: 'Roboto', Sans-serif, Arial, Helvetica, Verdana;
       font-weight: normal; color: #000; outline: none; border: none; box-sizing: border-box; }
html  { scroll-behavior: smooth; font-size: 100%; height: 100%; min-height: 100%; line-height: 140%; }
body  { height: 100%; min-height: 100%; }
input, select, textarea { border: 1px solid #ccc; border-radius: var(--theme-border-radius);
        padding: 10px; width: 100%; height: initial; color: #888; background-color: #eee; }
textarea { height: 200px; box-sizing: border-box; }
button, a.button, input[type=submit] { display:inline-block; border: none; border-radius: var(--theme-border-radius);
        padding: 6px 25px; width: auto; cursor: pointer; background-color: var(--theme-color);
        color: #fff; -webkit-appearance: none; -moz-appearance: none; text-decoration: none; }
button, a.button, input[type=submit] {-webkit-appearance: none; -moz-appearance: none;}
h1, h2, h3, h4, h5, h6, p { margin-bottom: 10px; line-height: 150%; }
strong, label, span, a { color: inherit; }
strong { font-weight: bold; }
ul, ol { margin: 15px 20px; }
img, iframe, article { max-width: 100%; }
label { font-weight: normal; color: #888; font-size: 12px; text-transform: uppercase; }
h1 { color:var(--theme-color); font-size: 1.6rem; }
h2 { font-size: 1.4rem; }
h3 { font-size: 1.3rem; color: #333; }
h4 { font-size: 1.2rem; color: #aaa; }
h5 { font-size: 0.9rem; text-transform: uppercase; }
h6 { font-size: 0.8rem; text-transform: uppercase; color: #333; }
/*============================================================================*/
.margin-top-0     { margin-top: 0px!important; }
.margin-top-5     { margin-top: 5px!important; }
.margin-top-10    { margin-top:10px!important; }
.margin-top-15    { margin-top:15px!important; }
.margin-top-20    { margin-top:20px!important; }
.margin-top-25    { margin-top:25px!important; }
.margin-top-30    { margin-top:30px!important; }
.margin-top-35    { margin-top:35px!important; }
.margin-top-40    { margin-top:40px!important; }
.margin-top-45    { margin-top:45px!important; }
.margin-top-50    { margin-top:50px!important; }
.margin-bottom-0  { margin-bottom: 0px!important; }
.margin-bottom-5  { margin-bottom: 5px!important; }
.margin-bottom-10 { margin-bottom:10px!important; }
.margin-bottom-15 { margin-bottom:15px!important; }
.margin-bottom-20 { margin-bottom:20px!important; }
.margin-bottom-25 { margin-bottom:25px!important; }
.margin-bottom-30 { margin-bottom:30px!important; }
.margin-bottom-35 { margin-bottom:35px!important; }
.margin-bottom-40 { margin-bottom:40px!important; }
.margin-bottom-45 { margin-bottom:45px!important; }
.margin-bottom-50 { margin-bottom:50px!important; }
.rotate-45        { -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);  transform: rotate(45deg);  }
.rotate-90        { -ms-transform: rotate(90deg);  -webkit-transform: rotate(90deg);  transform: rotate(90deg);  }
.rotate-135       { -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.rotate-180       { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.rotate-225       { -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); }
.rotate-270       { -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); transform: rotate(270deg); }
.rotate-315       { -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg); transform: rotate(315deg); }
.block            { display:block; }
.center-container { display:block; margin: 0 auto; }
.left-content     { text-align: left; }
.center-content   { text-align: center; }
.right-content    { text-align: right; }
.content-width    { max-width: var(--theme-content-width)!important; }
.ronin-hidden     { display:none; }
.ronin-clicable   { cursor:pointer; }
.ronin-bg         { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.ronin-bg::before { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.ronin-bg::after  { background-repeat: no-repeat; background-position: center center; background-size: cover; }
.border           { border: 1px solid #ddd; }
.border-top       { border-top: 1px solid #ddd; }
.border-right     { border-right: 1px solid #ddd; }
.border-bottom    { border-bottom: 1px solid #ddd; }
.border-left      { border-left: 1px solid #ddd; }
.absolute-left    { position: absolute; top: 0; left: 0; }
.absolute-right   { position: absolute; top: 0; left: initial; right: 0; }
.full-width       { width: 100%; }
/*============================================================================*/
.ronin-flex-container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; }
.ronin-flex-columns   { flex-direction: column; align-content: space-between;}
.ronin-flex-item      { flex-grow: 0; flex-shrink: 0; flex-basis: auto; }
/*============================================================================*/
.ronin-row { width: 100%; max-width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch; align-content: stretch; }
.ronin-row > .ronin-col { flex-grow: 0; flex-shrink: 0; flex-basis: 100%; align-self: stretch; }
.ronin-row > .ronin-col > .ronin-col-content { padding: var(--theme-min-padding) 0; }
/*============================================================================*/
div.ronin-container { max-width:var(--theme-max-width); margin:0 auto; }
div.ronin-content { max-width:var(--theme-max-width); margin:0 auto; padding:var(--theme-min-padding); transition: padding 0.3s; }
/*============================================================================*/
.alert         { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; width: 100%; box-sizing: border-box; }
.alert-success { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; }
.alert-info    { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; }
.alert-warning { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; }
.alert-danger  { color: #a94442; background-color: #f2dede; border-color: #ebccd1; }
.alert p       { margin:0; }
/*============================================================================*/
blockquote         { font-family: "Times New Roman"; margin: 10px; padding: 15px 15px 15px 40px;
                     background-color: #fff; border-style: solid; border-color:  #ddd  #ddd  #ddd var(--theme-color);
                     border-width: 1px 1px 1px 10px; border-radius: var(--theme-border-radius);
                     font-family: Georgia, serif; overflow: hidden; clear: both; min-height: 50px; box-sizing: border-box; }
blockquote::before { font-family: "Times New Roman"; position: absolute; top: 25px; left: 10px; color: #999; content: '\201C'; font-size: 3rem; margin: 0; }
blockquote p       { display: inline; font-size: 1.2rem; font-style: italic; color: #777; margin: 0px!important; }
/*============================================================================*/
table                     { width: 100%; border-collapse: collapse; background-color: #fff; outline: 1px solid #ccc; overflow: hidden; }
table tr:nth-child(2n) td { background-color: #f8f8f8; }
table thead tr th         { border-bottom: 3px solid var(--theme-color); }
table td, table th        { vertical-align:top; padding: 5px; font-size: 0.9rem; }
table th                  { font-weight: bold; }
/*============================================================================*/
section     { width: 100%; }
article     { padding: 15px; background-color: #fff; border-radius: var(--theme-border-radius); }
header      { width: 100%; }
footer      { width: 100%; }
#ronin_page { min-height: 100%; }
/*============================================================================*/
div.ronin-modal { position:fixed; top:0; width:100%; height:100%; z-index:-99999; opacity:0; display:block; }
div.ronin-modal div.shadow { position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.75); }
div.ronin-modal div.window { position:absolute; top:100%; left:50%; margin:0 0 0 -45%; width:90%; height:90%; opacity:1; }
div.ronin-modal div.window div.close { position:absolute; width:25px; height:25px; left:initial; top:15px; right:10px; opacity:1; z-index:5; }
div.ronin-modal div.window div.content { padding:25px; height:100%; background-color:#fff; overflow:hidden; }
div.ronin-modal.ronin-modal-visible { z-index: 99999; opacity:1; }
div.ronin-modal.ronin-modal-visible div.window { top:5%; left:50%; transition:all 0.3s; }

div.image-modal { position:fixed; top:0; width:100%; height:100%; z-index:-99999; opacity:0; display:block; }
div.image-modal div.shadow { position:fixed; width:100%; height:100%; background-color:rgba(0,0,0,0.75); }
div.image-modal div.ronin-container { top: 100%; width:100%; height:100%; transition: all 0.3s; }
div.image-modal div.ronin-container div.close { position:absolute; width: 20px; height:20px; left:initial; top:10px; right:10px; opacity:1; z-index:5; border-radius: 50%; cursor: pointer; }
div.image-modal div.ronin-container div.close { -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);  transform: rotate(45deg);  }
div.image-modal div.ronin-container div.close::before { content: ''; position:absolute; width:2px; height:100%; left:50%; top:0; margin-left: -1px; background-color: #000; }
div.image-modal div.ronin-container div.close::after { content: ''; position:absolute; width:100%; height:2px; left:0; top:50%; margin-top: -1px; background-color: #000; }
div.image-modal div.ronin-container div.ronin-content { padding: 40px 10px; height:100%; background-color:#fff; overflow:hidden; }
div.image-modal div.ronin-container div.ronin-content div.image { height:100%; background-size: contain; background-position: center center; }
div.image-modal.ronin-modal-visible { z-index: 99999; opacity:1; }
div.image-modal.ronin-modal-visible div.ronin-container { top: 0; transition: all 0.3s; }

div.ronin-modal.ronin-main-menu div.window div.close { position:relative; text-align: right; margin: 35px auto 0; padding: 0 25px; height: 50px; width:100%; max-width: 1000px; left:initial; top:initial; right: initial; }
div.ronin-modal.ronin-main-menu div.window div.close span.icon-close::before { position: relative; top: 8px; color: #fff; cursor: pointer; }
div.ronin-modal.ronin-main-menu div.window { background-color: #000; top:100%; left: 0; margin:0; height:100%; width: 100%; }
div.ronin-modal.ronin-main-menu div.window div.content { padding-top: 0; background-color: transparent; }
div.ronin-modal.ronin-main-menu.ronin-modal-visible div.window {top: 0; transition:all 0.3s;}

div.ronin-modal.ronin-modal-ac { top:initial; bottom:0; height: 140px; }
div.ronin-modal.ronin-modal-ac div.shadow { display: none;}
div.ronin-modal.ronin-modal-ac div.window { top:initial; left: initial; bottom:-100%; margin:0; height:100%; width: 100%; box-shadow: 0 0 5px 0 rgba(0,0,0,0.2); background-color: #fff; }
div.ronin-modal.ronin-modal-ac div.window div.close { display: none; }
div.ronin-modal.ronin-modal-ac div.window div.ac-content { max-width: 500px; margin: 0 auto; }
div.ronin-modal.ronin-modal-ac.ronin-modal-visible div.window { bottom:0; transition:all 0.3s; }
/*============================================================================*/
ul.row-list                 { list-style-type: none; margin: 0; }
ul.row-list > li            { display: inline-block; width: auto; padding: 5px 10px; }
ul.ronin-list               { list-style-type: none; margin: 0; }
ul.ronin-list > li          { list-style-type: none; margin: 0; padding-left: 20px; }
ul.ronin-list > li::before  { content: ''; position: absolute; width: 0; height: 0;
                              top:50%; margin-top: -4px; left: 5px;  border-color: transparent transparent transparent var(--theme-color);
                              border-width: 4px 6px; border-style: solid; }
ul.row-menu                 { list-style-type: none; margin: 0; }
ul.row-menu > li            { display: inline-block; width: auto; padding: 0px 10px; border-right: 1px solid #ddd; }
ul.row-menu > li:last-child { border-right: none; }
ul.row-menu > li > a        { display: block; padding: 0 10px; }
ul.col-menu                 { list-style-type: none; margin: 0; }
ul.col-menu > li            { padding: 5px 10px; border-bottom: 1px solid #ddd; }
ul.col-menu > li:last-child { border-bottom: none; }
/*============================================================================*/
.ronin-hover       { opacity:0.5; transition:opacity 0.1s; }
.ronin-hover:hover { opacity:1; transition:opacity 0.3s; }
/*============================================================================*/
span.ronin-icon               { width: 25px; height: 25px; display: inline-block; cursor: pointer; }
span.icon-menu                { background-color: transparent; }
span.icon-menu::before        { content: ''; position: absolute; background-color: #000; border-radius: 1px;
                                margin-left: -8px; width: 16px; left: 50%; top:50%; height: 2px;
                                margin-top: -1px; box-shadow: 0 -5px #000, 0 5px #000; }
span.icon-close               { line-height:15px; text-align: center;}
span.icon-close::before       { content:'\00d7'; color:#222; font-size:35px; }
span.icon-ronin-arrow         { background-color: transparent; }
span.icon-ronin-arrow::before { content: ''; position: absolute; width: 0; height: 0;
                                top:50%; margin-top: -8px; margin-left: -6px; left: 50%;
                                border-color: transparent transparent transparent var(--theme-color);
                                border-width: 8px 12px; border-style: solid; }
span.icon-arrow-1             { background-color: transparent; }
span.icon-arrow-1::before     { content: ''; position: absolute; width: 10px; height: 2px;
                                top:50%; margin-top: -1px; margin-left: -8px; left: 50%;
                                background-color: var(--theme-color); }
span.icon-arrow-1::after      { content: ''; position: absolute; width: 0; height: 0;
                                top:50%; margin-top: -6px; left: 50%;  border-color: transparent transparent transparent var(--theme-color);
                                border-width: 6px 8px; border-style: solid; }
span.icon-arrow-2             { background-color: transparent; }
span.icon-arrow-2::before     { content: ''; position: absolute; width: 12px; height: 2px;
                                top:50%; margin-top: -1px; margin-left: -8px; left: 50%;
                                background-color: var(--theme-color); }
span.icon-arrow-2::after      { content: ''; position: absolute; width: 6px; height: 6px;
                                top:50%; margin-top: -5px; left: 50%; margin-left: -5px;
                                border-color: var(--theme-color) var(--theme-color) transparent transparent ;
                                border-width: 2px; border-style: solid; -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);  transform: rotate(45deg); }
/*============================================================================*/
#ronin_page div.ronin-header { flex-shrink: 0; flex-grow: 0;  width: 100%; }
#ronin_page div.ronin-header { flex-shrink: 0; flex-grow: 0;  width: 100%; }
#ronin_page div.ronin-body   { flex-shrink: 0; flex-grow: 10; width: 100%; }
#ronin_page div.ronin-footer   { height: var(--theme-footer-height); background-color: #fff; }
/*============================================================================*/
div.header-padding{ height: var(--theme-header-height); }
div.ronin-header { position: fixed; top:0; z-index: 999; background-color: #fff; height: var(--theme-header-height); z-index: 999; box-shadow: 0 0 3px 0 rgba(0,0,0,0.2); }
div.ronin-header.top-hidden { top: -150px; transition: top 0.5s; }
div.ronin-header.top-hidden.visible { top: 0; transition: top 0.5s; }
div.ronin-header div.ronin-content { padding: 0 var(--theme-min-padding); transition: padding 0.3s; text-align: center; }
div.ronin-header div.header-left { z-index: 99; position: absolute; top: 0; left: var(--theme-min-padding); transition: all 0.3s; }
div.ronin-header div.header-right { z-index: 99; position: absolute; top: 0; right: var(--theme-min-padding); transition: all 0.3s; }
div.ronin-header div.header-menu-icon { display: inline-block; margin-left: 15px; }
div.ronin-header div.header-menu-icon span.ronin-icon { vertical-align: middle; }
div.ronin-header div.header-menu-icon span.icon-menu { transform: scale(1.4,1.2); }
div.ronin-header a.home-link { line-height: var(--theme-header-height); middle; text-decoration: none;
                               color: #000; font-size: 1.4rem; font-weight: bold; }
/*============================================================================*/
ul.nav.menu { list-style-type: none; margin: 0; line-height: var(--theme-header-height); }
ul.nav.menu > li { display: inline-block; width: auto; }
ul.nav.menu > li > a { display: block; padding: 0 15px 0 0; font-size: 0.9rem; transition: opacity 0.3s; text-decoration: none; }
ul.nav.menu > li > a:hover { opacity: 1; transition: opacity 0.3s; }
ul.nav.menu > li.current > a { font-weight: bold; color: #000; }

#ronin_modal div.main-menu-module { margin: 10vh auto 0; height: 85vh; max-width: 1200px; }
#ronin_modal ul.nav.menu { max-width: 1000px; margin: 0 auto; justify-content: space-around; }
#ronin_modal ul.nav.menu > li { display: block; flex: 0 0 100%; transform: scale(0.8, 0.8); text-align: center; margin-bottom: 20px; }
#ronin_modal ul.nav.menu > li a { color: #fff; font-family: 'Playfair Display'; font-size: 1.6rem; line-height: 120%; }

#ronin_modal ul.nav.menu > li.oculto { transform: scale(0.8, 0.8) translate(0,50px); transition: all 1.3s 5s; opacity: 0; }
#ronin_modal ul.nav.menu > li.visible { transform: scale(1, 1) translate(0,0); opacity: 1; }
#ronin_modal ul.nav.menu > li.visible:nth-child(1) { transition: all 1.3s 0.09s; }
#ronin_modal ul.nav.menu > li.visible:nth-child(2) { transition: all 1.3s 0.18s; }
#ronin_modal ul.nav.menu > li.visible:nth-child(3) { transition: all 1.3s 0.27s; }
#ronin_modal ul.nav.menu > li.visible:nth-child(4) { transition: all 1.3s 0.36s; }
#ronin_modal ul.nav.menu > li.visible:nth-child(5) { transition: all 1.3s 0.45s; }
#ronin_modal ul.nav.menu > li.visible:nth-child(6) { transition: all 1.3s 0.54s; }
#ronin_modal ul.nav.menu > li.visible:nth-child(7) { transition: all 1.3s 0.63s; }
#ronin_modal ul.nav.menu > li.visible:nth-child(8) { transition: all 1.3s 0.72s; }
#ronin_modal ul.nav.menu > li.visible:nth-child(9) { transition: all 1.3s 0.81s; }
#ronin_modal ul.nav.menu > li.relleno { border:none; }

#ronin_modal div.content { max-width: 1000px!important; margin: 0 auto; }
#ronin_modal div.lang { position: absolute; width: 100%; top: -10vh; left: 50%; margin-left: -50%; }

ul.row-menu.lang-menu { text-align: center; }
ul.row-menu.lang-menu > li:not(:last-child) { border-right: 1px solid rgba(255,255,255,0.25); }
ul.row-menu.lang-menu > li > a { text-decoration: none; text-transform: uppercase; transition: all 0.3s; }
ul.row-menu.lang-menu > li > a:hover { color: #fff; transition: all 0.3s; }

section.acceso-usuarios div.ronin-container { max-width: 400px; }

div.ronin-carrusel { margin: 25px 0; }
div.ronin-carrusel div.items { background-color: #eee; height: 400px; overflow: hidden; max-width: 1200px; margin: 0 auto; }
div.ronin-carrusel div.items div.item { z-index: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #ddd; background-repeat: no-repeat; background-size: cover; background-position: center center; }
div.ronin-carrusel div.items div.item::before { content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0,0,0,0.15); }
div.ronin-carrusel div.items div.item-1 { background-image: url('../../images/imagen1.jpg');}
div.ronin-carrusel div.items div.item-2 { background-image: url('../../images/imagen2.jpg');}
div.ronin-carrusel div.items div.item-3 { background-image: url('../../images/imagen3.jpg');}
div.ronin-carrusel div.items div.item-4 { background-image: url('../../images/imagen4.jpg');}
div.ronin-carrusel div.items div.item .title { margin-top: 150px; text-align: center; font-size: 3rem; color: #fff; }
div.ronin-carrusel div.items div.item.current-old { z-index: 1; margin-left: 0; transition: all 1s; }
div.ronin-carrusel div.items div.item.current { z-index: 2; margin-left: 0; transition: all 1s; }
div.ronin-carrusel div.items div.item.current-prev { margin-left: -100%; transition: all 0s; }
div.ronin-carrusel div.items div.item.current-next { margin-left:  100%; transition: all 0s; }
div.controls { height: 30px; }
div.controls > ul { list-style-type: none; margin: 0; padding: 0; line-height: 30px; text-align: center; }
div.controls > ul > li { display: inline-block; width: 15px; height: 30px; cursor: pointer; }
div.controls > ul > li.prev:before { content: ''; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -3px; width: 12px; height: 12px; border-width: 2px 2px 0 0; border-color: #000; border-style: solid; }
div.controls > ul > li.prev:before { -ms-transform: rotate(225deg);  -webkit-transform: rotate(225deg);  transform: rotate(225deg); }
div.controls > ul > li.next:before { content: ''; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -12px; width: 12px; height: 12px; border-width: 2px 2px 0 0; border-color: #000; border-style: solid; }
div.controls > ul > li.next:before { -ms-transform: rotate(45deg);  -webkit-transform: rotate(45deg);  transform: rotate(45deg); }
div.controls > ul > li.item:before { content: ''; position: absolute; top: 50%; left: 50%; margin: -2px 0 0 -3px; width: 6px; height: 6px; border-radius: 50%; background-color: #ddd; }
div.controls > ul > li.item.current:before { background-color: #000; }

div.ronin-gallery { margin: 25px 0; }
div.ronin-gallery .items { display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 15px; }
div.ronin-gallery .items .item { background-color: #222; padding-top: 70%; cursor: pointer; }
div.ronin-gallery .items .item .imagen { opacity: 1; transition: opacity 0.3s; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
div.ronin-gallery .items .item .imagen:hover { opacity: 0.5; transition: opacity 0.3s; }
div.controls.images { position: absolute; left: 0; bottom: -30px; width: 100%; height: auto; line-height: 40px; }
div.controls.images > ul > li:not(.item) { display: none; }
div.controls.images > ul > li { margin: 0 5px; width: 50px; height: 40px; }
div.controls.images > ul > li.current { box-shadow: 0 0 2px 1px rgba(0,0,0,0.7); }
div.controls.images > ul > li.item::before { display: none; }

div.overlay { position: absolute; left: 0; padding: 25px; box-sizing: border-box; width: 100%; height: 100%; z-index: 999; top: 300px; background-color: transparent; opacity: 0; -ms-transform: scale(0, 0); -webkit-transform: scale(0, 0); transform: scale(0, 0); transition: all 0.5s; }
div.overlay span.icon-close { position: absolute; right: 25px; padding: 25px; }
div.overlay.visible { top: 0; background-color: rgba(0,0,0,0.8); opacity: 1; -ms-transform: scale(1, 1); -webkit-transform: scale(1, 1); transform: scale(1, 1); transition: all 0.5s; }
div.overlay div.message { position: absolute; top: 25%; left: 50%; margin: 0; display: inline-block; width: 90%; margin-left: -45%; height: auto; text-align: center; }
.lds-dual-ring { position: absolute; top: 50%; left: 50%; margin: -32px 0 0 -32px; display: inline-block; width: 64px; height: 64px; }
.lds-dual-ring:after { content: " "; display: block; width: 46px; height: 46px; margin: 1px; border-radius: 50%; border: 5px solid #aaa; border-color: #aaa transparent #aaa transparent; animation: lds-dual-ring 1.2s linear infinite; }
@keyframes lds-dual-ring { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); }}

div.row-acepto { margin-top: 0px; }
div.row-acepto p { font-size: 1.0rem; padding-left: 35px; }
div.row-acepto input[type='checkbox'] { position: absolute; top: 50%; margin-top: -15px; left: 0; z-index: 25; cursor: pointer; width: 10px; opacity: 0; }
div.row-acepto input[type='checkbox'] + label { position: absolute; top:50%; margin-top: -15px; left: 0; z-index: 25; cursor: pointer; }
div.row-acepto input[type='checkbox'] + label::before { content: ''; display:block; position: absolute; top: 0px; left: 0; width: 20px; height: 20px; border: 1px solid #000; }
div.row-acepto input[type='checkbox'] + label::after { content: ''; display:block; opacity: 0; transition: all 0.3s; position: absolute; top: 3px; left: 3px; width: 13px; height: 8px; border-width: 0 0 2px 2px; border-style: solid; border-color: #000; -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg); transform: rotate(315deg); }
div.row-acepto input[type='checkbox']:checked + label::after { opacity: 1; transition: all 0.3s; }

div.header-admin { background-color: var(--theme-color); }
div.header-admin div.ronin-container { max-width: initial; margin: 0 15px; }
div.header-admin div.ronin-content { max-width: initial; }
div.header-admin a.home-link { color: #fff; }
div.header-admin a.button { background-color: #000!important; }
div.admin-menu { background-color: #ddd; width: 200px; height: 100%; position: fixed; top: 0; padding: var(--theme-header-height) 0 var(--theme-footer-height); left: 0; }
div.admin-menu ul.nav { margin-top: 10px; }
div.admin-menu ul.nav li { display: block; line-height: 40px; }
div.admin-menu ul.nav li a { color: #000; opacity: 0.5; }
div.admin-menu ul.nav li.current a { color: #000; opacity: 1; }
div.body-admin { padding-left: 200px; }
div.body-admin div.ronin-container { max-width: initial; }
div.body-admin div.ronin-content { max-width: initial; }
div.footer-admin { background-color: var(--theme-color)!important; border-top: none; }

div.ronin-checkbox input[type='checkbox'] { display: inline-block; width: auto; margin-right: 5px; }

a.descargar-csv { top: 15px; right: 15px; font-size: 0.8rem; z-index: 55; text-decoration: none; background-color: #ccc; color: #fff; transition: all 0.2s; padding: 5px 15px; }
a.descargar-csv:hover { background-color: #aaa; color: #fff; transition: all 0.2s; }
/*============================================================================*/
@media screen and (max-width:575.98px){
    .ronin-xs-0  { display:none!important; }
    .ronin-xs-1  { width: var(--ronin-col-1); max-width: var(--ronin-col-1); }
    .ronin-xs-2  { width: var(--ronin-col-2); max-width: var(--ronin-col-2); }
    .ronin-xs-3  { width: var(--ronin-col-3); max-width: var(--ronin-col-3); }
    .ronin-xs-4  { width: var(--ronin-col-4); max-width: var(--ronin-col-4); }
    .ronin-xs-5  { width: var(--ronin-col-5); max-width: var(--ronin-col-5); }
    .ronin-xs-6  { width: var(--ronin-col-6); max-width: var(--ronin-col-6); }
    .ronin-xs-7  { width: var(--ronin-col-7); max-width: var(--ronin-col-7); }
    .ronin-xs-8  { width: var(--ronin-col-8); max-width: var(--ronin-col-8); }
    .ronin-xs-9  { width: var(--ronin-col-9); max-width: var(--ronin-col-9); }
    .ronin-xs-10 { width:var(--ronin-col-10); max-width:var(--ronin-col-10); }
    .ronin-xs-11 { width:var(--ronin-col-11); max-width:var(--ronin-col-11); }
    .ronin-xs-12 { width:var(--ronin-col-12); max-width:var(--ronin-col-12); }
    div.ronin-gallery .items { grid-template-columns: repeat(2, 1fr); grid-gap: 10px; }
    div.controls.images { line-height: 30px; }
    div.controls.images > ul > li { margin: 0 5px; width: 40px; height: 30px; }
}
@media screen and (min-width:576px) and (max-width:767.98px){
    .ronin-sm-0  { display:none!important; }
    .ronin-sm-1  { width: var(--ronin-col-1); max-width: var(--ronin-col-1); }
    .ronin-sm-2  { width: var(--ronin-col-2); max-width: var(--ronin-col-2); }
    .ronin-sm-3  { width: var(--ronin-col-3); max-width: var(--ronin-col-3); }
    .ronin-sm-4  { width: var(--ronin-col-4); max-width: var(--ronin-col-4); }
    .ronin-sm-5  { width: var(--ronin-col-5); max-width: var(--ronin-col-5); }
    .ronin-sm-6  { width: var(--ronin-col-6); max-width: var(--ronin-col-6); }
    .ronin-sm-7  { width: var(--ronin-col-7); max-width: var(--ronin-col-7); }
    .ronin-sm-8  { width: var(--ronin-col-8); max-width: var(--ronin-col-8); }
    .ronin-sm-9  { width: var(--ronin-col-9); max-width: var(--ronin-col-9); }
    .ronin-sm-10 { width:var(--ronin-col-10); max-width:var(--ronin-col-10); }
    .ronin-sm-11 { width:var(--ronin-col-11); max-width:var(--ronin-col-11); }
    .ronin-sm-12 { width:var(--ronin-col-12); max-width:var(--ronin-col-12); }
    div.ronin-gallery .items { grid-template-columns: repeat(3, 1fr); grid-gap: 12px; }
    div.controls.images { line-height: 30px; }
    div.controls.images > ul > li { margin: 0 5px; width: 40px; height: 30px; }
}
@media screen and (min-width:768px) and (max-width:991.98px){
    .ronin-md-0  { display:none!important; }
    .ronin-md-1  { width: var(--ronin-col-1); max-width: var(--ronin-col-1); }
    .ronin-md-2  { width: var(--ronin-col-2); max-width: var(--ronin-col-2); }
    .ronin-md-3  { width: var(--ronin-col-3); max-width: var(--ronin-col-3); }
    .ronin-md-4  { width: var(--ronin-col-4); max-width: var(--ronin-col-4); }
    .ronin-md-5  { width: var(--ronin-col-5); max-width: var(--ronin-col-5); }
    .ronin-md-6  { width: var(--ronin-col-6); max-width: var(--ronin-col-6); }
    .ronin-md-7  { width: var(--ronin-col-7); max-width: var(--ronin-col-7); }
    .ronin-md-8  { width: var(--ronin-col-8); max-width: var(--ronin-col-8); }
    .ronin-md-9  { width: var(--ronin-col-9); max-width: var(--ronin-col-9); }
    .ronin-md-10 { width:var(--ronin-col-10); max-width:var(--ronin-col-10); }
    .ronin-md-11 { width:var(--ronin-col-11); max-width:var(--ronin-col-11); }
    .ronin-md-12 { width:var(--ronin-col-12); max-width:var(--ronin-col-12); }
    div.ronin-gallery .items { grid-template-columns: repeat(4, 1fr); grid-gap: 15px; }
}
@media screen and (min-width:992px) and (max-width:1199.98px){
    .ronin-lg-0  { display:none!important; }
    .ronin-lg-1  { width: var(--ronin-col-1); max-width: var(--ronin-col-1); }
    .ronin-lg-2  { width: var(--ronin-col-2); max-width: var(--ronin-col-2); }
    .ronin-lg-3  { width: var(--ronin-col-3); max-width: var(--ronin-col-3); }
    .ronin-lg-4  { width: var(--ronin-col-4); max-width: var(--ronin-col-4); }
    .ronin-lg-5  { width: var(--ronin-col-5); max-width: var(--ronin-col-5); }
    .ronin-lg-6  { width: var(--ronin-col-6); max-width: var(--ronin-col-6); }
    .ronin-lg-7  { width: var(--ronin-col-7); max-width: var(--ronin-col-7); }
    .ronin-lg-8  { width: var(--ronin-col-8); max-width: var(--ronin-col-8); }
    .ronin-lg-9  { width: var(--ronin-col-9); max-width: var(--ronin-col-9); }
    .ronin-lg-10 { width:var(--ronin-col-10); max-width:var(--ronin-col-10); }
    .ronin-lg-11 { width:var(--ronin-col-11); max-width:var(--ronin-col-11); }
    .ronin-lg-12 { width:var(--ronin-col-12); max-width:var(--ronin-col-12); }
}
@media screen and (min-width:1200px){
    .ronin-xl-0  { display:none!important; }
    .ronin-xl-1  { width: var(--ronin-col-1); max-width: var(--ronin-col-1); }
    .ronin-xl-2  { width: var(--ronin-col-2); max-width: var(--ronin-col-2); }
    .ronin-xl-3  { width: var(--ronin-col-3); max-width: var(--ronin-col-3); }
    .ronin-xl-4  { width: var(--ronin-col-4); max-width: var(--ronin-col-4); }
    .ronin-xl-5  { width: var(--ronin-col-5); max-width: var(--ronin-col-5); }
    .ronin-xl-6  { width: var(--ronin-col-6); max-width: var(--ronin-col-6); }
    .ronin-xl-7  { width: var(--ronin-col-7); max-width: var(--ronin-col-7); }
    .ronin-xl-8  { width: var(--ronin-col-8); max-width: var(--ronin-col-8); }
    .ronin-xl-9  { width: var(--ronin-col-9); max-width: var(--ronin-col-9); }
    .ronin-xl-10 { width:var(--ronin-col-10); max-width:var(--ronin-col-10); }
    .ronin-xl-11 { width:var(--ronin-col-11); max-width:var(--ronin-col-11); }
    .ronin-xl-12 { width:var(--ronin-col-12); max-width:var(--ronin-col-12); }
}
@media screen and (min-width:1230px){
    div.ronin-header div.header-left { left: 0; }
    div.ronin-header div.header-right { right: 0; }
}