.portlet-asset-publisher .asset-content,.portlet-asset-publisher .asset-full-content{word-wrap:break-word}.portlet-asset-publisher .asset-content img,.portlet-asset-publisher .asset-full-content img{max-width:100%}.portlet-asset-publisher .asset-links .list-group-item:last-child{border-bottom-width:0}.portlet-asset-publisher .asset-title{font-size:1.5rem;font-weight:700}.portlet-asset-publisher .portlet:focus-within a.visible-interaction,.portlet-asset-publisher .portlet:focus-within button.visible-interaction,.portlet-asset-publisher .portlet:hover a.visible-interaction,.portlet-asset-publisher .portlet:hover button.visible-interaction,.portlet-asset-publisher .portlet.open a.visible-interaction,.portlet-asset-publisher .portlet.open button.visible-interaction,.portlet-asset-publisher .portlet.focus a.visible-interaction,.portlet-asset-publisher .portlet.focus button.visible-interaction{display:inline-flex}.portlet-asset-publisher .preview-asset-entry{border:1px solid #0b5fff;border-radius:0}.portlet-asset-publisher .timeline-item:hover .container-trash.btn{opacity:1}.portlet-asset-publisher .timeline-item+.timeline-item>.panel{border-top:none}.portlet-asset-publisher .timeline-item .form-group{display:inline-block;margin:0 8px 8px 0}.portlet-asset-publisher .timeline-item .container-trash.btn{opacity:0}.portlet-asset-publisher .timeline-item .container-trash.btn:focus{opacity:1}.lfr-asset-anchor{display:block;height:10px;margin-top:-10px;position:relative;z-index:-1}.has-control-menu .lfr-asset-anchor{height:74px;margin-top:-74px}

.portlet-journal-content .asset-links .list-group-item:last-child{border-bottom-width:0}.portlet-journal-content .journal-content-article{word-wrap:break-word}.portlet-journal-content .journal-content-article blockquote{margin:1em 40px}.portlet-journal-content .journal-content-article img,.portlet-journal-content .journal-content-article .cke_widget_image{max-width:100%}.portlet-journal-content .journal-content-article img[style*="float: left;"],.portlet-journal-content .journal-content-article img[style*="float:left;"],.portlet-journal-content .journal-content-article .cke_widget_image[style*="float: left;"],.portlet-journal-content .journal-content-article .cke_widget_image[style*="float:left;"]{margin-right:24px}.portlet-journal-content .journal-content-article img[style*="float: right;"],.portlet-journal-content .journal-content-article img[style*="float:right;"],.portlet-journal-content .journal-content-article .cke_widget_image[style*="float: right;"],.portlet-journal-content .journal-content-article .cke_widget_image[style*="float:right;"]{margin-left:24px}.portlet-journal-content .journal-content-article img[style*="float: left;"],.portlet-journal-content .journal-content-article img[style*="float:left;"],.portlet-journal-content .journal-content-article img[style*="float: right;"],.portlet-journal-content .journal-content-article img[style*="float:right;"],.portlet-journal-content .journal-content-article .cke_widget_image[style*="float: left;"],.portlet-journal-content .journal-content-article .cke_widget_image[style*="float:left;"],.portlet-journal-content .journal-content-article .cke_widget_image[style*="float: right;"],.portlet-journal-content .journal-content-article .cke_widget_image[style*="float:right;"]{margin-bottom:24px;margin-top:24px}.portlet-journal-content .journal-content-article:after{clear:both;content:"";display:block}.portlet-journal-content .journal-template-error pre{white-space:pre-wrap}.portlet-journal-content .portlet .portlet-header{flex-wrap:nowrap}.portlet-journal-content .portlet .portlet-header .visible-interaction{display:block;visibility:hidden}.portlet-journal-content .portlet .portlet-header .visible-interaction .dropdown-action>button{background-color:#fff;color:#0b5fff}.portlet-journal-content .preview-asset-entry{border:1px solid #0b5fff;border-radius:0}@media only screen and (min-width: 768px){.portlet-journal-content .portlet .portlet-header .visible-interaction{display:block;visibility:hidden}}body:not(.controls-hidden) .portlet-journal-content:hover .portlet .portlet-header .visible-interaction,body:not(.controls-hidden) .portlet-journal-content:focus .portlet .portlet-header .visible-interaction,body:not(.controls-hidden) .portlet-journal-content .portlet.open .portlet-header .visible-interaction{visibility:visible}.portlet-journal-content.portlet-barebone .portlet .portlet-header{margin-bottom:0;position:absolute;right:2px;top:2px;width:auto;z-index:1}

html:not(#__):not(#___) .portlet-modified-facet .cadmin .lfr-autorow-controls,html:not(#__):not(#___) .portlet-search-options .cadmin .lfr-autorow-controls,html:not(#__):not(#___) .portlet-sort .cadmin .lfr-autorow-controls{display:flex;flex-direction:row-reverse;position:relative;right:0}html:not(#__):not(#___) .portlet-modified-facet .cadmin .lfr-autorow-controls .btn,html:not(#__):not(#___) .portlet-search-options .cadmin .lfr-autorow-controls .btn,html:not(#__):not(#___) .portlet-sort .cadmin .lfr-autorow-controls .btn{background-color:var(--white, #fff);border-color:var(--gray-400, #cdced9);color:var(--gray-600, #6b6c7e);margin-left:4px}html:not(#__):not(#___) .portlet-category-facet .cadmin .select-vocabularies .treeview-group .treeview-link{padding-left:36px !important}html:not(#__):not(#___) .portlet-category-facet .cadmin .select-vocabularies .treeview-group .treeview-link .c-inner{margin-right:-36px !important}html:not(#__):not(#___) .portlet-category-facet .cadmin .select-vocabularies .treeview-link-site-row .lexicon-icon{font-size:10px}.portlet-search-bar .search-bar .form-group.input-group-item{margin-bottom:0}.portlet-search-bar .search-bar-keywords-input-wrapper{min-width:6.25rem}.portlet-search-bar .search-bar-search-select-wrapper{max-width:9.375rem}.search-bar-suggestions-dropdown-menu{max-height:25rem;max-width:none}.search-bar-suggestions-dropdown-menu .search-bar-suggestions-results-list .dropdown-subheader{color:var(--gray-600, #6b6c7e)}.search-bar-suggestions-dropdown-menu .search-bar-suggestions-results-list .suggestion-item-title{color:var(--dark, #272833)}.search-bar-suggestions-dropdown-menu .search-bar-suggestions-results-list .suggestion-item-title+.suggestion-item-description{color:var(--gray-600, #6b6c7e);font-size:.75rem}.search-bar-suggestions-dropdown-menu .search-bar-suggestions-show-more{color:var(--primary, #0b5fff)}.search-bar-suggestions-dropdown-menu .search-bar-suggestions-show-more:hover{background-color:var(--white, #fff);color:var(--primary-d2, #004ad7);text-decoration:underline}.search-facet-display-vocabulary .treeview-vocabulary-display .tree-item-category{padding-left:24px}.search-facet-display-vocabulary .treeview-vocabulary-display .tree-item-category .custom-control-label-text{color:var(--gray-600, #6b6c7e)}.search-facet-display-vocabulary .treeview-vocabulary-display .tree-item-category>.c-inner{margin-left:-24px}.search-facet-display-vocabulary .treeview-vocabulary-display .tree-item-category:active,.search-facet-display-vocabulary .treeview-vocabulary-display .tree-item-category:hover{background-color:transparent;cursor:initial}.search-facet-display-vocabulary .treeview-vocabulary-display .tree-item-vocabulary{color:var(--dark, #272833);font-weight:600;margin-bottom:8px}.search-facet-display-vocabulary .treeview-vocabulary-display .tree-item-vocabulary:active,.search-facet-display-vocabulary .treeview-vocabulary-display .tree-item-vocabulary:hover{background-color:transparent}.search-facet-display-vocabulary .treeview-vocabulary-display .treeview-group>.treeview-item:last-child{margin-bottom:24px}.portlet-search-insights .codemirror-editor-wrapper{border:1px solid var(--gray-300, #e7e7ed);border-radius:4px;margin-top:16px}.portlet-search-insights .codemirror-editor-wrapper textarea{border:none;border-radius:4px;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;height:300px;padding:16px;resize:none;width:100%}.portlet-search-insights .codemirror-editor-wrapper textarea:focus-visible{outline:none}.portlet-search-insights .codemirror-editor-wrapper .CodeMirror{border-radius:4px;height:300px}.portlet-search .scope-selector{margin-left:12px;max-width:144px}.portlet-search .search-button-field-wrapper{margin-bottom:1.5rem}.portlet-search .search-input-group{margin-bottom:0}.portlet-search .search-input-group .form-group-item{margin-right:0}

html:not(#__):not(#___) .cadmin.copy-page-modal .modal-content{min-height:344px}html:not(#__):not(#___) .cadmin .pages-tree{margin-bottom:calc( 				72px + 16px 			)}html:not(#__):not(#___) .cadmin .pages-tree .treeview-dropping-middle{background-color:rgba(255,255,255,.06)}html:not(#__):not(#___) .cadmin .pages-tree .icon-warning{margin:1px 4px 0 8px;z-index:2}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder{border-bottom:1px solid #272833;padding:24px 16px 0}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder input{background-color:#393a4a}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder input::placeholder{color:#a7a9bc}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder .back-to-menu{color:#e7e7ed}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder .breadcrumb{flex-wrap:nowrap;margin-bottom:0;padding-bottom:4px}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder .breadcrumb .breadcrumb-item{flex-shrink:0}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder .breadcrumb .breadcrumb-item:not(:first-child):not(:last-child){flex-basis:1.5rem;flex-grow:.5;flex-shrink:1;width:100%}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder .breadcrumb .breadcrumb-item:not(:first-child):not(:last-child) .breadcrumb-text-truncate{max-width:95%;padding-right:.5rem;position:absolute}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder .btn-sm{font-size:14px}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder .form-control:focus{border-radius:1px}html:not(#__):not(#___) .cadmin .pages-tree .layout-finder .layout-finder-icon{color:#fff;position:absolute;right:1.8rem;top:4.55rem}html:not(#__):not(#___) .cadmin .pages-tree .pages-administration-link{align-items:center;background-color:#272833;border-top:1px solid #393a4a;bottom:0;display:flex;font-size:14px;height:72px;padding:16px 0 24px 16px;position:fixed;width:320px}html:not(#__):not(#___) .cadmin .pages-tree .pages-administration-link a{color:#a7a9bc}html:not(#__):not(#___) .cadmin .pages-tree .page-type-selector{border-top:1px solid #393a4a;margin-top:20px}html:not(#__):not(#___) .cadmin .pages-tree .page-type-selector .add-page-button,html:not(#__):not(#___) .cadmin .pages-tree .page-type-selector .configure-link{color:#e7e7ed}html:not(#__):not(#___) .cadmin .pages-tree .page-type-selector .form-control{background-color:#272833;border-color:#393a4a;color:#a7a9bc}html:not(#__):not(#___) .cadmin .pages-tree .page-type-selector .dropdown-toggle.form-control-select,html:not(#__):not(#___) .cadmin .pages-tree .page-type-selector .dropdown-toggle.form-control-select:hover,html:not(#__):not(#___) .cadmin .pages-tree .page-type-selector .dropdown-toggle.form-control-select:active,html:not(#__):not(#___) .cadmin .pages-tree .page-type-selector .dropdown-toggle.form-control-select:focus{background-color:#272833;border-color:#393a4a;color:#e7e7ed}html:not(#__):not(#___) .cadmin .page-type-selector-option{padding-left:32px}html:not(#__):not(#___) .cadmin .product-menu-toast-toggle{align-items:center;display:inline-flex;height:2em;justify-content:center;position:relative;width:2em}html:not(#__):not(#___) .cadmin .product-menu-toast-toggle .icon-product-menu-open{display:none}html:not(#__):not(#___) .cadmin .product-menu-toast-toggle .icon-product-menu-closed{display:block}html:not(#__):not(#___) .cadmin .product-menu .sidebar-header{line-height:32px;padding-bottom:8px;padding-right:9px;padding-top:8px}@media(min-width: 576px){html:not(#__):not(#___) .cadmin .product-menu .sidebar-header{padding-bottom:12px;padding-left:24px;padding-top:12px}}html:not(#__):not(#___) .cadmin .product-menu .sidebar-header .sidenav-close{float:right;margin-right:-2px}html:not(#__):not(#___) .cadmin .product-menu .sidebar-header-logo{margin-right:10px}html:not(#__):not(#___) .cadmin .product-menu .sidebar-body{bottom:0;left:0;padding:0;position:relative;right:0;top:0}@media(max-width: 575.98px){html:not(#__):not(#___) .cadmin .product-menu .sidebar-body{overflow:visible;position:static}}html:not(#__):not(#___) .cadmin .product-menu .sidebar-body .panel-app-root.active{border-left:4px solid #fff}html:not(#__):not(#___) .cadmin .product-menu .sidebar-body .panel-app-root li{font-weight:400;list-style:none}html:not(#__):not(#___) .cadmin .product-menu .sidebar-body .panel-app-root li.active{font-weight:700;margin-left:-24px;padding-left:20px}html:not(#__):not(#___) .cadmin .product-menu .sidebar-body .panel-group{border-radius:0}html:not(#__):not(#___) .cadmin .product-menu .lfr-product-menu-sidebar .panel-group{overflow:hidden}html:not(#__):not(#___) .cadmin .product-menu small{display:block}html:not(#__):not(#___) .cadmin .product-menu .list-group-heading h1,html:not(#__):not(#___) .cadmin .product-menu .list-group-heading h2,html:not(#__):not(#___) .cadmin .product-menu .list-group-heading h3,html:not(#__):not(#___) .cadmin .product-menu .list-group-heading h4,html:not(#__):not(#___) .cadmin .product-menu .list-group-heading h5,html:not(#__):not(#___) .cadmin .product-menu .list-group-heading h6{margin-bottom:0;margin-top:0}html:not(#__):not(#___) .cadmin .product-menu .list-group-item{border-top-width:0;padding:10px 20px}html:not(#__):not(#___) .cadmin .product-menu .nav-nested-margins>li .nav>li .nav>li{margin-bottom:1px}html:not(#__):not(#___) .cadmin .product-menu.popover{background-color:#fff}html:not(#__):not(#___) .cadmin .product-menu .impersonation-message{font-size:12px}html:not(#__):not(#___) .cadmin .product-menu .lexicon-icon-home{margin-right:8px}html:not(#__):not(#___) .cadmin .product-menu .manage-sites-link{padding:1em}html:not(#__):not(#___) .cadmin .product-menu .site-selector{box-shadow:none}html:not(#__):not(#___) .cadmin .product-menu .site-selector .selectable-site{color:#333;height:auto}html:not(#__):not(#___) .cadmin .product-menu .site-selector .site-link{color:#333}html:not(#__):not(#___) .cadmin .product-menu .site-selector .site-link.selected-site{color:#999}html:not(#__):not(#___) .cadmin .product-menu .site-selector .site-logo-container{padding:2em}html:not(#__):not(#___) .cadmin .product-menu .staging-links{font-size:12px;margin:6px 22px 4px 16px}html:not(#__):not(#___) body.product-menu-open .cadmin .product-menu-toast-toggle .icon-product-menu-open{display:block}html:not(#__):not(#___) body.product-menu-open .cadmin .product-menu-toast-toggle .icon-product-menu-closed{display:none}

.portlet-user-personal-bar .personal-menu-dropdown .sticker-bottom-right.sticker-outside {
  bottom: -0.5rem;
  right: -0.5rem;
}.portlet-navigation .nav-link .layout-logo{max-height:1rem;max-width:2rem}.portlet-navigation .navigation-menu__submenu{cursor:default}.portlet-navigation .navigation-menu__submenu.dropdown-item:hover{background-color:transparent;color:#6b6c7e}.portlet-navigation .nav-pills>li>a{margin-bottom:2px}.portlet-navigation .nav-pills>li>.dropdown-menu{margin-top:0}.portlet-navigation .nav-pills>li.active>a{background-color:#0b5fff;color:#fff}.split-button-dropdowns{list-style:none;margin:0;padding:0}.split-button-dropdowns>li{display:inline-block;padding-left:2px;padding-right:2px}

.container-mapa-sites {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  height: 420px;
  margin-top: 40px;
}

.mapa-iconos-castillos-batallas {
  transform: scale(0.99) !important;
  width: 100%;
  max-width: 610px;
  height: 100%;
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/mapa_web.svg);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  transform: scale(1.3);
  margin-top: 20px;
  /* border: 1px solid; */
}

.mapa-iconos-castillos-batallas span {
  width: 12px;
  height: 12px;
  display: inline-block;
  transition: ease-in-out transform 0.5s;
  cursor: pointer;
  border-radius: 9px;
}

.mapa-iconos-castillos-batallas span.active {
  transform: scale(1.8);
  transition: ease-in transform 0.5s;
  z-index: 1;
  background: url(/o/jaen-theme/images/castillos-y-batallas/circle_purple.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}

.mapa-iconos-castillos-batallas span:hover {
  transform: scale(1.6);
  transition: ease-in transform 0.5s;
  z-index: 1;
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circle_purple.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
}

span[data-icon=santa-elena-castillo] {
  position: absolute;
  right: 323px;
  top: 23px;
  background-color: #650534;
}

span[data-icon=santa-elena-navas-de-tolosa]:hover,
span[data-icon=santa-elena-navas-de-tolosa].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circulo.svg) !important;
}

span[data-icon=santa-elena-navas-de-tolosa] {
  position: absolute;
  right: 303px;
  top: 19px;
  background-color: #3D214B;
}

span[data-icon=la-carolina]:hover,
span[data-icon=la-carolina].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circulo.svg) !important;
}

span[data-icon=la-carolina] {
  position: absolute;
  right: 347px;
  top: 55px;
  background-color: #3D214B;
}

span[data-icon=castillo-de-vilches]:hover,
span[data-icon=castillo-de-vilches].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circulo.svg) !important;
}

span[data-icon=castillo-de-vilches] {
  position: absolute;
  right: 288px;
  top: 78px;
  background-color: #3D214B;
}

span[data-icon=castillo-de-giribaile] {
  position: absolute;
  right: 302px;
  top: 75px;
  background-color: #004051;
}

span[data-icon=castillo-de-giribaile]:hover,
span[data-icon=castillo-de-giribaile].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circle_blue.svg) !important;
}

span[data-icon=castillo-de-santa-eufemia]:hover,
span[data-icon=castillo-de-santa-eufemia].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circle_blue.svg) !important;
}

span[data-icon=castillo-de-santa-eufemia] {
  position: absolute;
  right: 354px;
  top: 122px;
  background-color: #004051;
}

span[data-icon=castillo-de-la-tobaruela]:hover,
span[data-icon=castillo-de-la-tobaruela].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circulo.svg) !important;
}

span[data-icon=castillo-de-la-tobaruela] {
  position: absolute;
  right: 350px;
  top: 139px;
  background-color: #3D214B;
}

span[data-icon=banos-de-la-encina] {
  position: absolute;
  right: 400px;
  top: 91px;
  background-color: #650534;
}

span[data-icon=bailen] {
  position: absolute;
  right: 402px;
  top: 127px;
  background-color: #650534;
}

span[data-icon=andujar]:hover,
span[data-icon=andujar].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circulo.svg) !important;
}

span[data-icon=andujar] {
  position: absolute;
  right: 490px;
  top: 155px;
  background-color: #3D214B;
}

span[data-icon=arjonilla]:hover,
span[data-icon=arjonilla].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circle_blue.svg) !important;
}

span[data-icon=arjonilla] {
  position: absolute;
  right: 513px;
  top: 177px;
  background-color: #004051;
}

span[data-icon=lopera]:hover,
span[data-icon=lopera].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circle_blue.svg) !important;
}

span[data-icon=lopera] {
  position: absolute;
  right: 545px;
  top: 189px;
  background-color: #004051;
}

span[data-icon=arjona]:hover,
span[data-icon=arjona].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circle_blue.svg) !important;
}

span[data-icon=arjona] {
  position: absolute;
  right: 497px;
  top: 200px;
  background-color: #004051;
}

span[data-icon=porcuna]:hover,
span[data-icon=porcuna].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circle_blue.svg) !important;
}

span[data-icon=porcuna] {
  position: absolute;
  right: 539px;
  top: 220px;
  background-color: #004051;
}

span[data-icon=torredelcampo]:hover,
span[data-icon=torredelcampo].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circulo.svg) !important;
}

span[data-icon=torredelcampo] {
  position: absolute;
  right: 441px;
  top: 261px;
  background-color: #3D214B;
}

span[data-icon=jaen] {
  position: absolute;
  right: 401px;
  top: 248px;
  background-color: #650534;
}

span[data-icon=torredonjimeno]:hover,
span[data-icon=torredonjimeno].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circulo.svg) !important;
}

span[data-icon=torredonjimeno] {
  position: absolute;
  right: 465px;
  top: 262px;
  background-color: #3D214B;
}

span[data-icon=hornos-de-segura]:hover,
span[data-icon=hornos-de-segura].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circle_blue.svg);
}

span[data-icon=hornos-de-segura] {
  position: absolute;
  right: 50px;
  top: 77px;
  background-color: #004051;
}

span[data-icon=cazorla]:hover,
span[data-icon=cazorla].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circle_blue.svg) !important;
}

span[data-icon=cazorla] {
  position: absolute;
  right: 150px;
  top: 206px;
  background-color: #004051;
}

span[data-icon=la-iruela]:hover,
span[data-icon=la-iruela].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circle_blue.svg) !important;
}

span[data-icon=la-iruela] {
  position: absolute;
  right: 136px;
  top: 200px;
  background-color: #004051;
}

span[data-icon=segura-de-la-sierra]:hover,
span[data-icon=segura-de-la-sierra].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circle_blue.svg) !important;
}

span[data-icon=segura-de-la-sierra] {
  position: absolute;
  right: 28px;
  top: 42px;
  background-color: #004051;
}

span[data-icon=sabiote]:hover,
span[data-icon=sabiote].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circle_blue.svg);
}

span[data-icon=sabiote] {
  position: absolute;
  right: 250px;
  top: 139px;
  background-color: #004051;
}

span[data-icon=jodar]:hover,
span[data-icon=jodar].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circle_blue.svg);
}

span[data-icon=jodar] {
  position: absolute;
  right: 261px;
  top: 237px;
  background-color: #004051;
}

span[data-icon=la-guardia]:hover,
span[data-icon=la-guardia].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circle_blue.svg);
}

span[data-icon=la-guardia] {
  position: absolute;
  right: 370px;
  top: 284px;
  background-color: #004051;
}

span[data-icon=villardompardo]:hover,
span[data-icon=villardompardo].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circle_blue.svg);
}

span[data-icon=villardompardo] {
  position: absolute;
  right: 486px;
  top: 225px;
  background-color: #004051;
}

span[data-icon=canena]:hover,
span[data-icon=canena].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circle_blue.svg);
}

span[data-icon=canena] {
  position: absolute;
  right: 302px;
  top: 151px;
  background-color: #004051;
}

span[data-icon=martos]:hover,
span[data-icon=martos].active {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/circle_blue.svg) !important;
}

span[data-icon=martos] {
  position: absolute;
  right: 469px;
  top: 284px;
  background-color: #004051;
}

span[data-icon=alcaudete] {
  position: absolute;
  right: 504px;
  top: 343px;
  background-color: #650534;
}

span[data-icon=alcala-la-real] {
  position: absolute;
  right: 448px;
  top: 401px;
  background-color: #650534;
}

/* card-sites */
.card-sites {
  width: 100%;
  max-width: 513px;
  height: 100%;
}

.card-el-castillos-batallas {
  display: none;
  opacity: 0;
  transition: ease-in-out opacity 0.5s;
}

.card-el-castillos-batallas.active {
  display: flex;
  width: 100%;
  height: 100%;
  /* background: red; */
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  color: #2b2a28;
  text-decoration: none;
  opacity: 1;
  transition: ease-in opacity 0.5s;
}

.card-el-castillos-batallas:hover {
  text-decoration: none;
}

.card-el-castillos-batallas[data-card=castellar] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/img-castellar.jpg);
}

.card-el-castillos-batallas[data-card=santa-elena-castillo] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/santa-elena-castillo.jpg);
}

.card-el-castillos-batallas[data-card=santa-elena-navas-de-tolosa] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/batalla-navas-tolosa3.jpg);
}

.card-el-castillos-batallas[data-card=la-carolina] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo-navas-tolosa.jpg);
}

.card-el-castillos-batallas[data-card=castillo-de-vilches] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo_vilches.jpg);
}

.card-el-castillos-batallas[data-card=castillo-de-giribaile] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo_giribaile.jpg);
}

.card-el-castillos-batallas[data-card=castillo-de-santa-eufemia] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo_santa_eufemia.jpg);
}

.card-el-castillos-batallas[data-card=castillo-de-la-tobaruela] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo_tobaruela.jpg);
}

.card-el-castillos-batallas[data-card=banos-de-la-encina] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo_banos_encina.jpg);
}

.card-el-castillos-batallas[data-card=bailen] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/batalla_bailen.jpg);
}

.card-el-castillos-batallas[data-card=andujar] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/murallas_andujar.jpg);
}

.card-el-castillos-batallas[data-card=arjonilla] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo_trovador_macias.jpg);
}

.card-el-castillos-batallas[data-card=arjona] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo_arjona.jpg);
}

.card-el-castillos-batallas[data-card=lopera] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo_lopera.jpg);
}

.card-el-castillos-batallas[data-card=porcuna] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/muralla_y_torre_boabdil.jpg);
}

.card-el-castillos-batallas[data-card=torredelcampo] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo_del_berrueco.jpg);
}

.card-el-castillos-batallas[data-card=jaen] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo_santa_catalina.jpg);
}

.card-el-castillos-batallas[data-card=torredonjimeno] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo_torredonjimeno.jpg);
}

.card-el-castillos-batallas[data-card=martos] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo_martos.jpg);
}

.card-el-castillos-batallas[data-card=alcaudete] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo_alcaudete.jpg);
}

.card-el-castillos-batallas[data-card=alcala-la-real] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/fortaleza_De_la_mota.jpg);
}

.card-el-castillos-batallas[data-card=hornos-de-segura] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/hornos-de-segura.jpeg);
}

.card-el-castillos-batallas[data-card=cazorla] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo-de-cazorla.jpeg);
}

.card-el-castillos-batallas[data-card=la-iruela] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo-iruela.jpeg);
}

.card-el-castillos-batallas[data-card=segura-de-la-sierra] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo-sierra-segura.jpeg);
}

.card-el-castillos-batallas[data-card=sabiote] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo-sabiote.jpeg);
}

.card-el-castillos-batallas[data-card=sabiote] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo-sabiote.jpeg);
}

.card-el-castillos-batallas[data-card=jodar] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo-jodar.jpeg);
}

.card-el-castillos-batallas[data-card=la-guardia] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/guardia-de-jaen.png);
}

.card-el-castillos-batallas[data-card=villardompardo] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo-villadompardo.jpeg);
}

.card-el-castillos-batallas[data-card=canena] {
  background-image: url(/o/jaen-theme/images/castillos-y-batallas/castillo-canena.jpeg);
}

.info-card-el {
  background: white;
  width: 85%;
  position: relative;
  bottom: -90%;
  right: 0;
  left: 0;
  margin: 0 auto;
  box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.08);
  padding: 15px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.info-card-el img {
  width: 40px;
  height: 100%;
  margin-right: 25px;
}

.info-card-el .text {
  width: calc(100% - 70px);
}

.info-card-el .text .title {
  font-family: "DM Serif Text", serif;
  line-height: 42px;
  font-size: 40px;
  font-weight: bold;
  color: #004051;
  margin: 0 auto;
  margin-bottom: 7px;
  text-align: left;
}

.info-card-el .text .subtitle {
  font-family: "Muli", sans-serif;
  font-size: 18px;
  margin: 0 auto;
  font-weight: bold;
}

@media screen and (max-width: 1030px) {
  .container-mapa-sites {
    height: 100%;
  }
  .mapa-iconos-castillos-batallas {
    height: 420px;
  }
  .card-sites {
    height: 250px;
    margin-top: 30px;
  }
  .info-card-el {
    bottom: -65%;
  }
  .info-card-el .text .title {
    font-size: 30px;
    line-height: 35px;
  }
  .info-card-el .text .subtitle {
    font-size: 16px;
    line-height: 20px;
  }
}
@media screen and (max-width: 610px) {
  .container-mapa-sites.-castillo-batallas {
    margin-bottom: 0 !important;
  }
  .mapa-iconos-castillos-batallas {
    width: 320px;
    height: 240px;
    transform: scale(1.6);
    margin-top: 20px !important;
  }
  .mapa-iconos-castillos-batallas span {
    width: 6px;
    height: 6px;
  }
  .mapa-iconos-castillos-batallas img {
    max-width: 22px;
  }
  .mapa-iconos-castillos-batallas img.active {
    transform: scale(1.3);
  }
  .info-card-el .text .title {
    font-size: 18px;
    line-height: 22px;
  }
  .info-card-el .text .subtitle {
    font-size: 14px;
    line-height: 15px;
  }
  .container-mapa-sites {
    flex-direction: column-reverse;
    margin-top: 0;
    margin-bottom: 45px;
  }
  .info-card-el {
    height: fit-content;
    padding: 10px;
  }
  .card-el-iberos.active {
    display: flex;
    align-items: flex-end;
  }
  .card-sites {
    height: 165px;
    margin-top: 0;
    margin-bottom: 25px;
  }
  span[data-icon=santa-elena-navas-de-tolosa]:hover,
  span[data-icon=santa-elena-navas-de-tolosa].active {
    background-image: url(/o/jaen-theme/images/castillos-y-batallas/circulo.svg) !important;
  }
  span[data-icon=santa-elena-navas-de-tolosa] {
    right: 159px !important;
    top: 12px !important;
  }
  span[data-icon=santa-elena-castillo] {
    right: 172px !important;
    top: 13px !important;
  }
  span[data-icon=la-carolina] {
    right: 184px !important;
    top: 31px !important;
  }
  span[data-icon=castillo-de-vilches] {
    right: 153px !important;
    top: 47px !important;
  }
  span[data-icon=castillo-de-giribaile] {
    right: 136px !important;
    top: 47px !important;
  }
  span[data-icon=castillo-de-santa-eufemia] {
    right: 190px !important;
    top: 70px !important;
  }
  span[data-icon=castillo-de-la-tobaruela] {
    right: 196px !important;
    top: 76px !important;
  }
  span[data-icon=banos-de-la-encina] {
    right: 214px !important;
    top: 54px !important;
  }
  span[data-icon=bailen] {
    right: 222px !important;
    top: 76px !important;
  }
  span[data-icon=andujar] {
    right: 266px !important;
    top: 89px !important;
  }
  span[data-icon=arjonilla] {
    right: 283px !important;
    top: 101px !important;
  }
  span[data-icon=lopera] {
    right: 300px !important;
    top: 110px !important;
  }
  span[data-icon=arjona] {
    right: 268px !important;
    top: 116px !important;
  }
  span[data-icon=porcuna] {
    right: 225px !important;
    top: 119px !important;
  }
  span[data-icon=torredelcampo] {
    right: 250px !important;
    top: 158px !important;
  }
  span[data-icon=jaen] {
    right: 215px !important;
    top: 142px !important;
  }
  span[data-icon=torredonjimeno] {
    right: 235px !important;
    top: 148px !important;
  }
  span[data-icon=martos] {
    right: 258px !important;
    top: 171px !important;
  }
  span[data-icon=alcaudete] {
    right: 281px !important;
    top: 194px !important;
  }
  span[data-icon=alcala-la-real] {
    right: 251px !important;
    top: 219px !important;
  }
  span[data-icon=hornos-de-segura] {
    position: absolute !important;
    right: 22px !important;
    top: 48px !important;
  }
  span[data-icon=cazorla] {
    position: absolute !important;
    right: 62px !important;
    top: 118px !important;
  }
  span[data-icon=la-iruela] {
    position: absolute !important;
    right: 60px !important;
    top: 108px !important;
  }
  span[data-icon=segura-de-la-sierra] {
    position: absolute !important;
    right: 6px !important;
    top: 24px !important;
  }
  span[data-icon=sabiote] {
    position: absolute !important;
    right: 136px !important;
    top: 76px !important;
  }
  span[data-icon=jodar] {
    position: absolute !important;
    right: 135px !important;
    top: 133px !important;
  }
  span[data-icon=la-guardia] {
    position: absolute !important;
    right: 199px !important;
    top: 164px !important;
  }
  span[data-icon=villardompardo] {
    position: absolute !important;
    right: 215px !important;
    top: 115px !important;
  }
  span[data-icon=canena] {
    position: absolute !important;
    right: 146px !important;
    top: 93px !important;
  }
}