:root {
    --bs-body-font-family:'Merriweather', sans-serif !important;
    --bs-body-color: #343434;
    --bs-highlight-bg: #ff0 !important;
    --bs-expreso-bg: #3870b9;
    --bs-azul-claro-bg: #c5e2f7 !important;
    --bs-font-size:0.8rem!important;
    --numero-lineas-entradilla: 4;
    --numero-lineas-swiper: 4;
    --swiper-video-ancho: 640px;
    --expreso-font-family-titular: 'Inter', sans-serif;
    --expreso-font-family-entradilla: 'Lora', serif;
}

html,
body {
    overflow-x: hidden;
}

body {
    position: relative
}

.fa-twitter:before {
    content: "\e61b"!important;
}

.slick-arrow::before {
  color: #3870b9;
  font-size: 36px;
  font-size: 2.25rem;
}

.node-preview-form-select{
    position: absolute;
    top: 200px;
    right: 10px;
    z-index: 400;
    width: 100px !important;
}
.node-preview-form-select a{
    font-size: 0.8rem;
    color: black;
}
.node-preview-form-select .form-item-view-mode{
    display: none;
}

.embedded-content-preview.embedded-content{
  display: flex;
  justify-content: center;
}

.ventanaLayout {
   font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif!important;
}

#block-expreso-responsivepreviewcontrols .devices-dropdown {
    z-index: 400;
}


.dropdown.devices-dropdown{
    z-index: 400;
}

.dropdown.devices-dropdown a:hover,
.dropdown.devices-dropdown button:hover{
    background-color: antiquewhite;
}

.devices-dropdown .menu-responsive-preview button {
    border-width: 0;
    background-color: unset;
}

.responsive-preview-frame .block-local-tasks-block,
.responsive-preview-frame .tool-menu-gestion,
.responsive-preview-frame #treeNavigatorContainer,
.responsive-preview-frame #toogle-tools,
.responsive-preview-frame #block-responsivepreviewcontrols .devices-dropdown{
    display: none!important;
}


.responsive-preview-frame .top-bar,
.responsive-preview-frame #toolbar-bar,
.responsive-preview-frame .admin-toolbar-control-bar,
.responsive-preview-frame .admin-toolbar,
.responsive-preview-frame .block-local-tasks-block,
.responsive-preview-frame .tool-menu-gestion,
.responsive-preview-frame #treeNavigatorContainer,
.responsive-preview-frame #toogle-tools,
.responsive-preview-frame .btns-flotante,
.responsive-preview-frame #block-responsivepreviewcontrols .devices-dropdown{
    display: none!important;
}

  .responsive-preview-frame .top-bar:has(.top-bar__tools:not(:empty), .top-bar__context:not(:empty), .top-bar__actions:not(:empty)) ~ .dialog-off-canvas-main-canvas{
            margin-block-start: 0!important;
  }

   .responsive-preview-frame .admin-toolbar ~ .dialog-off-canvas-main-canvas {
                margin-inline-start: 0!important;
   }


#treeNavigatorContainer .card-header,
.tool-menu-gestion .card-header,
.tool-local-tasks .card-header {
    cursor: move;
}

.tool-menu-gestion .nav-link,
.tool-local-tasks .nav-link {
    font-size: .9rem;
    padding: 0.3rem 0.4rem;
}

.tool-menu-gestion span.nav-link {

    background-color: var(--bs-navbar-color)!important;
    border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
    /* font-weight: 800; */
    text-align: center;
}

.tool-menu-gestion .addContent {
    position: absolute;
    top: 0.3rem;
    right: 0.2rem;
    font-size: 1.2rem;
    color: #00649f !important;
    display: none;
}

.tool-menu-gestion .nav-item a:hover {
    background-color: #dee2e6;
}

.tool-menu-gestion .nav-item:hover .addContent {
    display: block;
}

.tool-menu-gestion .fa-circle-chevron-up {
    display: block;
}

.tool-menu-gestion .fa-circle-chevron-down {
    display: none;
}

.tool-menu-gestion.minimizado .card-body,
.tool-menu-gestion.minimizado .fa-circle-chevron-up {
    display: none;
}

.tool-menu-gestion.minimizado .fa-circle-chevron-down {
    display: block;
}

.header-menu-hamburguer .offcanvas .nav-item a{
    text-transform: uppercase;
    font-weight: 700;
    padding: 0.3rem 1rem;
}

.header-menu-hamburguer .offcanvas .nav-item.active a{
    background-color: var(--bs-expreso-bg);
    color: white;
}
.header-menu-hamburguer .offcanvas .otrosmedios{
    padding: 1rem 0;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #bdc3c1;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #bdc3c1;
}

.header-menu-hamburguer .offcanvas .copyright{
    font-size: 0.8rem;
    color: #7b8380;
}

.node.node--type-page.node--view-mode-full{
    margin-top:1rem;
}

.node.node--type-page.node--view-mode-full .node__content img{
    width: 100%;
}

.ui-dialog > .ui-dialog-buttonpane .ui-dialog-buttonset {
    display: flex;
    gap: var(--space-s);
    justify-content: flex-end;
    margin-block: var(--space-m);
    margin-inline-end: var(--space-l);
    margin-inline-start: var(--space-l);
}

.menucuentausuario ul {
    display: flex;
    flex-direction: row;
    font-size: 0.9rem;
    font-family: system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;
    font-weight: 600;
    text-decoration: underline;
    margin-top: 0.1rem;
}

.backoffice .menucuentausuario {
    display: block;
    width:fit-content;
}

#user-login-form{
    width: 450px;
    margin: auto;
    margin-top: 3rem;
    border: 1px solid #3870b9 ;
    padding: 1rem 3rem;
    border-top-width: 35px !important;
}

#user-login-form .form-actions{
    margin: auto;
    width: 150px;
    margin-top: 2rem;
}

#user-login-form label{
    margin-bottom: 0.75rem;
}

#user-login-form .form-actions #edit-submit{
    background-color: #343434;
}

.tool-local-tasks ul{
    flex-direction: column!important;
}

.tool-local-tasks .nav-item.active{
    display: none;
}


.media--type-remote-video{
    position: relative;
}
.media--type-remote-video::before{
    content: "\f04b";
    font-family: 'Font Awesome 6 Free';
    color: white;
    font-size: 1.3rem;
    position: absolute;
    top: 2%;
    right: 2%;
    font-weight: 800;
    border-width: 2px;
    border-style: solid;
    padding: 1rem 1.5rem;
    background-color: #ff0033;
    border-radius: 100%;
}

.ultimas-noticias .media--type-remote-video::before{
    content: "\f04b";
    font-family: 'Font Awesome 6 Free';
    color: white;
    font-size: 0.9rem;
    position: absolute;
    top: 2%;
    right: 2%;
    font-weight: 800;
    border-width: 2px;
    border-style: solid;
    padding: 0.6rem 1rem;
    background-color: #ff0033;
    border-radius: 100%;
}

.portada-epaper a {
    text-decoration: none;
}
.portada-epaper .views-field-created, .portada-epaper-title{
    width: fit-content;
    margin:auto;

}

.hl_yellow {
    background-color: #ff0;
}