:root {
    --textos: #1f1f1f;
    --titulos: #fe0005;
    --traslucido: #fe0005b3;
    --footer-texto: #bbbbbb;
    --titulos-gris: #444;
    --lineas: #d5d5d5;
/* border radius variables */
    --br-sma: 5px;
    --br-med: 10px;
    --br-big: 30px;
/* porcentaje de gap en gridwrappeds y tamaño de celda gridwrapped  g1 g2.... */
    --col-gap: 2%;
    --col-gap-2: 1.5%;
    --row-gap: 20px;
    --row-gap-2: 15px;
    --grid2: calc( (100% - (var(--col-gap) * 1)) / 2);
    --grid3: calc( (100% - (var(--col-gap) * 2)) / 3);
    --grid4: calc( (100% - (var(--col-gap) * 3)) / 4);
    --grid5: calc( (100% - (var(--col-gap) * 4)) / 5);
}

/*******************************************SETEOS GENERALES**************************************************************/

html {
    scroll-padding-top: 20vh !important;
    text-rendering: optimizeLegibility;
    word-break: break-word;
}

::-moz-selection { /* Code for Firefox */
    background: var(--titulos);
    color: #FFF
}

::selection {
    background: var(--titulos);
    color: #FFF
 }

 .mobile {
    display: none;
}
.desktop {
    display: block;
}

body .clearfix::after {
    display: none;
}

.dialog-off-canvas-main-canvas.d-flex.flex-column.h-100 {
    width: 1360px;
    margin: 0 auto;
    max-width: 100%;
    padding: 0 15px;
}
.row.g-2 {
    gap: 0.7%;
}

.region-main.col-lg-9 {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.region-right.col-lg-3 {
    -webkit-box-flex: 0.25;
    -ms-flex: 0.25;
    flex: 0.25;
    min-width: 235px;
    width: 20% !important;
}

.region-main > div,
.region-right > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    row-gap: var(--row-gap);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0;
}

.h-100 {
    font-family: Roboto, sans-serif;
}

body:not(:has(#top-branding-region)) .navbar {
    padding: 0;
    margin-top: 15px;
}

.navbar-brand {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 !important;
}

h2,
h3,
body .h-100 {
    color: var(--textos);
    text-align: left;
    word-wrap: break-word;
    -webkit-transition: ease all 0.5s;
    -o-transition: ease all 0.5s;
    transition: ease all 0.5s;
}
body .h-100 {
    color: var(--textos) !important;
}

#block-custheme-main-navigation .nav-link,
body a {
    color: var(--textos);
    text-decoration: none;
    -webkit-transition: ease all 0.5s;
    -o-transition: ease all 0.5s;
    transition: ease all 0.5s;
}

body a h5, body a:hover h5 {
    color: var(--textos);
}

body h1 {
    line-height: 1.3;
}

body h2 {
    font-size: 24px;
    font-weight: 700;

}

body h3 {
    line-height: 1.3;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

body h4 {
    font-size: 21px;
    font-weight: 700;
    margin: 0;
}

#block-custheme-main-navigation .nav-link:hover,
a:hover h2,
a:hover h3,
body a:hover,
.cabecera h2:hover,
.noticia-impresa p:hover {
    color: var(--titulos);
}

a:hover img {
    -webkit-filter: brightness(1.12);
            filter: brightness(1.12);

}

body p {
    font-size: 17px;
    line-break: auto;
    font-weight: 380 !important;
}

#block-custheme-branding .navbar-brand img {
    width: 60px;
    height: auto;
    -webkit-transition: transform 1s ease-in-out, filter 0.5s ease-out;
    -webkit-transition: -webkit-transform 1s ease-in-out, -webkit-filter 0.5s ease-out;
    transition: -webkit-transform 1s ease-in-out, -webkit-filter 0.5s ease-out;
    -o-transition: transform 1s ease-in-out, filter 0.5s ease-out;
    transition: transform 1s ease-in-out, filter 0.5s ease-out;
    transition: transform 1s ease-in-out, filter 0.5s ease-out, -webkit-transform 1s ease-in-out, -webkit-filter 0.5s ease-out;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

#block-custheme-branding .navbar-brand img:hover {
    -webkit-transform: rotate3d(1, 1, 1, 360deg);
    transform: rotate3d(1, 1, 1, 360deg);
    -webkit-filter: none;
    filter: none;
}

#block-custheme-branding .navbar-brand .site-title {
    color: var(--titulos);
    font-size: 55px;
    font-weight: bold;
    letter-spacing: 2px;
    text-transform: none;
    line-height: 1;
}

main {
    margin-top: 15px;
}

#block-custheme-page-title h1,
h1.display-4.page-title,
h1.display-4.text-center.page-title {
    text-align: left !important;
    text-transform: capitalize;
    font-size: 45px;
    font-weight: 700;
    color: var(--titulos-gris);
    border-bottom: solid 5px var(--titulos-gris);

}

/* tablas */

body table caption {
    padding: 0;
    padding-top: 3px;
    background: #f3f3f3;
    color: var(--textos) !important;
    text-align: center !important;
  }

body table {
  max-width: 100%;
  table-layout: auto;
}

body table td {
    word-break: auto-phrase;
}

.table-wrapped {
    width: 100%; /* Asegura que el div ocupe todo el ancho disponible */
    max-width: 100%;
    overflow-x: auto; /* Permite el scroll horizontal si el contenido desborda */
    -webkit-overflow-scrolling: touch; /* Mejora el scroll en dispositivos iOS */
    scrollbar-width: none; /* Oculta la barra de desplazamiento estándar en Firefox */
    -ms-overflow-style: none; /* Oculta la barra de desplazamiento estándar en IE/Edge */
}

/* Ocultar la barra de desplazamiento en Chrome/Safari/Opera */
.table-wrapped::-webkit-scrollbar {
    display: none;
}

/*******************Pagina fallo login*********************/

body.maintenance-page--flood.path-cuenta a {
    color: var(--titulos);
}

body.maintenance-page--flood.path-cuenta header {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

body.maintenance-page--flood.path-cuenta .name-and-slogan {
    text-align: center;
}


/********************************tamaños contenedores**********************/
.g1.portbody > .field__item,
.g1 > div .body .views-row {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}

.g2.portbody > .field__item,
.g2 > div .body .views-row {
    -ms-flex-preferred-size: var(--grid2);
        flex-basis: var(--grid2);
}

.g3.portbody > .field__item,
.g3 > div .body .views-row {
    -ms-flex-preferred-size: var(--grid3);
        flex-basis: var(--grid3);
}

.g4.portbody > .field__item,
.g4 > div .body .views-row {
    -ms-flex-preferred-size: var(--grid4);
        flex-basis: var(--grid4);
}

.g5.portbody > .field__item,
.g5 > div .body .views-row {
    -ms-flex-preferred-size: var(--grid5);
        flex-basis: var(--grid5);
}

/* Sharing Bar  social-sharing */

.social-sharing-buttons svg {
    -webkit-filter: drop-shadow(-1px 1px 2px var(--footer-texto));
            filter: drop-shadow(-1px 1px 2px var(--footer-texto));
}

.social-sharing-buttons__popup.visible {
    opacity: 1;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    background: var(--titulos);
}

.node--type-noticia .social-sharing-buttons__popup.visible {
    left: 0;
    -webkit-transform: translate(45px, 0px);
        -ms-transform: translate(45px, 0px);
            transform: translate(45px, 0px);
}

.node--type-noticia .social-sharing-buttons__popup:before {
    border-right: 10px solid black;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    left: -22%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
            transform: translate(0, -50%);
}

.node--type-noticia-impresa .social-sharing-buttons__popup.visible {
    left: 0;
    -webkit-transform: translate(-110px, 0px);
        -ms-transform: translate(-110px, 0px);
            transform: translate(-110px, 0px);
}

.node--type-noticia-impresa .social-sharing-buttons__popup:before {
    border-left: 10px solid black;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    left: 102%;
    top: 50%;
    -webkit-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
}

.node--type-informe .social-sharing-buttons__popup {
  -webkit-transform: translate(-50%, -120%);
      -ms-transform: translate(-50%, -120%);
          transform: translate(-50%, -120%);
}


/* clases posiciones */

.iosticky{
    position: sticky !important;
}

.iotop75{
    top: 75px !important;
}

.iotop0{
    top: 0px !important;
}

/* clase ocultar */
.ocultar {
        display: none !important;
}

/* publicidad custom google */
.pub-google {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 100%;
    max-width: 100%;
}

.pub-google p {
    margin: 0 ;
    text-align: center;
}

/* publicidad */
.publicidad {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    max-width: 100%;
    text-align: center;
    margin: 0 auto;
}

.publicidad img,
.publicidad .img-fluid {
     width: auto;
     margin: 0 auto !important;
}

.publicidad a {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
}

.publicidad a:hover img {
    -webkit-filter: none;
            filter: none;
}

.publicidad .field--name-field-cuerpo {
    max-width: fit-content;
    margin: 0 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.publicidad .field--name-field-cuerpo p,
.publicidad .field--name-field-cuerpo > div {
    margin: 0 auto;
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
}

/* esta es la ruta si se inserta iframe por html en el ckeditor5  */
/* .publicidad .field--name-field-cuerpo > div .raw-html-embed iframe{} */

/* ESTRUCTURA PUBLICIDAD... SLIDER VERTICAL. PARAGRAPH */

.slick--field-tipo .slick__slide {
    padding: 0 3px;
    max-width: 100%;
}

.paragraph--view-mode--un-slot .slick--field-tipo .slick__slide {
    padding: 0;
}

.paragraph--type--estructura-publicidad .field__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 15px;
}

.paragraph--type--estructura-publicidad .slick .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.slick .slick--optionset--publicidades-verticales .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.slick--optionset--publicidades-verticales .slick-track .slick__slide {
    aspect-ratio: 1/1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.paragraph--type--estructura-publicidad .slick--optionset--publicidades-verticales img,
.paragraph--type--estructura-publicidad .slick--optionset--publicidades-verticales .img-fluid {
    max-height: 70vh !important;
}

/* Clase limitar controla la altura de las imagenes en las estructuras publicidades */
.limitar1 .paragraph--type--estructura-publicidad .slick--optionset--publicidades-verticales img,
.limitar1 .paragraph--type--estructura-publicidad .slick--optionset--publicidades-verticales .img-fluid {
    max-height: 100px !important;
}
/* Clase limitar controla la altura de los slides...en las estructuras publicidades */
.limitar1 .paragraph--type--estructura-publicidad .slick__slide,
.limitar1 .slick--optionset--publicidades-verticales .slick-track .slick__slide {
    max-height: 100px !important;
}

/* Clase limitar controla la altura de las imagenes en las estructuras publicidades */
.limitar2 .paragraph--type--estructura-publicidad .slick--optionset--publicidades-verticales img,
.limitar2 .paragraph--type--estructura-publicidad .slick--optionset--publicidades-verticales .img-fluid {
    max-height: 200px !important;
}

/* Clase limitar controla la altura de los slides...en las estructuras publicidades */
.limitar2 .paragraph--type--estructura-publicidad .slick__slide,
.limitar2 .slick--optionset--publicidades-verticales .slick-track .slick__slide {
    max-height: 200px !important;
}

/* Clase limitar controla la altura de las imagenes en las estructuras publicidades */
.limitar3 .paragraph--type--estructura-publicidad .slick--optionset--publicidades-verticales img,
.limitar3 .paragraph--type--estructura-publicidad .slick--optionset--publicidades-verticales .img-fluid {
    max-height: 300px !important;
}
/* Clase limitar controla la altura de los slides...en las estructuras publicidades */
.limitar3 .paragraph--type--estructura-publicidad .slick__slide,
.limitar3 .slick--optionset--publicidades-verticales .slick-track .slick__slide {
    max-height: 300px !important;
}

/****RADIOPLAZA**************************************************************************************************************/

.plaza h1, .plaza .publicidad, .plaza .pub-google {
    display: none;
}

/******background rayado***lo usamos para dar fondo a bloques****publicidades*****/
/* .striped-background */
.striped-background {
    background: #eaeaea99;
    background: -o-repeating-linear-gradient(45deg,transparent,transparent 10px,#ccc 11px,#ccc 5px);
    background: repeating-linear-gradient(45deg,transparent,transparent 10px,#ccc 11px,#ccc 5px);
}

/* *******************************TAMAÑOS****************************************/

.region-main div > div[id^="block-"] {
    width: 100%;
    max-width: 100%;
}
.region-right > div > div {
    width: 100%;
    max-width: 100%;
}

.vistaportada header,
#block-masnoticias,
#block-custheme-page-title,
#block-custheme-content {
    width: 100%;
    max-width: 100%;
}

/* *******************************CKEDITOR****************************************/

blockquote:not(.image-field-caption):not([data-embed-from="oembed"]):not(:has(iframe)) {
    border-left: solid 5px var(--titulos);
}

blockquote:not(.image-field-caption):not([data-embed-from="oembed"]):not(:has(iframe)) p {
    margin: 20px auto;
    line-height: 1.2 !important;
    padding: 20px 10px;
    font-size: 30px ;
    font-weight: 700 !important;
}

blockquote:not(.image-field-caption):not([data-embed-from="oembed"]):not(:has(iframe)) span {
    font-weight: 600;
    font-size: 0.6em;
}


blockquote.image-field-caption p {
    margin: 10px 0 0 10px;
    color: var(--bs-gray);
    font-size: 16px;
    font-weight: 300 !important;
    line-height: 1.2;
}

/******** INSERTAR EMBEBER ***********/

body iframe {
    max-width: 100% !important;
    min-width: 25%;
}

body iframe[src*="youtube"],
body iframe[src*="vimeo"],
body iframe[src*="twitch"] {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
}


/*********************SACA ENLACE DE LOS ENBEBIDOS EN CKEDITOR******************/
.ck-content .embedcard1 .cont-image,
.ck-content .embedcard1 .cont-image img {
    width: auto;
}

.ck-content .embedded-entity a {
    pointer-events: none;
    cursor: not-allowed;
}

/* *******************************IMAGENES****************************************/
.field[data-blazy]{
    min-width: 0 !important;
}

body img,
body .img-fluid {
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

/*******************************************REGIONES*************************************************************/
/************main content******************/
.container .col-lg-9 {
    width: 80%;
}
.container .col-lg-3 {
    width: 20%;
}

#top-branding-region {
    min-height: 95px;
}

#top-branding-region .pub-google * {
    max-height: 95px !important;
    width: auto;
}
/****************************************HEADER****************************************************************/

header .navbar > .container-fluid {
    flex-direction: column;
    flex-wrap: wrap;
    gap: 15px;
}

.navbar > .container > div:nth-child(1) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

/****************************************HEADER***Site Navigation Branding*************************************************************/

.redes img {
    width: 25px;
    margin: 0;
 }

.redes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    gap: 20px;
}
.redes a:last-child img {
    width: 35px;
}

.redes a:hover img {
    -webkit-transform: scale(0.93);
        -ms-transform: scale(0.93);
            transform: scale(0.93);
    -webkit-filter: drop-shadow(-1px 1px 2px var(--footer-texto));
            filter: drop-shadow(-1px 1px 2px var(--footer-texto));
}

.navbar > .container-fluid > div:nth-child(1) p {
    margin: 0;
}

.navbar > .container-fluid > div:nth-child(1) {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

    -webkit-box-flex: 1;

        -ms-flex: 1;

            flex: 1;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
ul.navbar-nav.mr-auto {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}


#block-redes {
    display: inherit;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}

#block-custheme-branding {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin: 0 auto;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    display: inherit;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-filter: drop-shadow(-1px 1px 2px var(--footer-texto));
            filter: drop-shadow(-1px 1px 2px var(--footer-texto));
}

div#block-enlacedirectordanielenz {
    display: inherit;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    letter-spacing: 0.9px;
}


.navbar-expand-lg .navbar-nav {
    gap: 5px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify !important;
        -ms-flex-pack: justify !important;
            justify-content: space-between !important;
}

/***************** Barra soporte de contenido menu mas busqueda*************************************************************/

#navbarSupportedContent{
    /* width: 100%; */
    margin: 0 auto;
    padding-bottom: 10px;
    gap: 10px;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    border-bottom: 1px solid #eaeaea;
}

.analisis-stickynav-active {
    max-width: 100%;
    width: 1330px;
    right: 0;
    left: 0;
    padding-top: 5px;
    padding-bottom: 5px !important;
    background-color: #FFFFFF;
    border-bottom: none !important;
    -webkit-box-shadow: 0 2px 0px rgb(0 0 0 / 15%);
            box-shadow: 0 2px 0px rgb(0 0 0 / 15%);
}

#block-iniciosticky {
    display: none;
}

#block-iniciosticky p {
    margin: 0;
}

nav#block-custheme-main-navigation {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

nav#block-custheme-main-navigation a.nav-link {
    padding-right: 5px;
    padding-left: 5px;
}


.analisis-stickynav-active div#block-iniciosticky {
    display: block;
    padding-right: 10px;
}

.analisis-stickynav-active .logo-sticky img {
    width: 50px;
    -webkit-transition: transform 1s ease-in-out, filter 0.5s ease-out;
    -webkit-transition: -webkit-transform 1s ease-in-out, -webkit-filter 0.5s ease-out;
    transition: -webkit-transform 1s ease-in-out, -webkit-filter 0.5s ease-out;
    -o-transition: transform 1s ease-in-out, filter 0.5s ease-out;
    transition: transform 1s ease-in-out, filter 0.5s ease-out;
    transition: transform 1s ease-in-out, filter 0.5s ease-out, -webkit-transform 1s ease-in-out, -webkit-filter 0.5s ease-out;
    -webkit-perspective: 1000px;
    perspective: 1000px;
}

.analisis-stickynav-active .logo-sticky img:hover {
    -webkit-transform: rotate3d(1, 1, 1, 360deg);
    transform: rotate3d(1, 1, 1, 360deg);
    -webkit-filter: none;
    filter: none;
}

#navbarSupportedContent > div:nth-child(1) {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

#navbarSupportedContent > div:nth-child(2) {
    -webkit-box-flex: 0.2;
        -ms-flex: 0.2;
            flex: 0.2;
}

/******************************************* Navigation MENU*************************************************************/

nav#block-custheme-main-navigation .nav-item.nav-link {
    padding: 0;
}

/******************************************* Navigation MENU *************************************************************/

.nav-item.dropdown .dropdown-item.active,
.nav-item.dropdown .dropdown-item:active{
    background-color: var(--titulos);
    font-weight: 500;
}

.buscadorexp .form--inline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;

}

.buscadorexp .form-item ,
.buscadorexp .form-actions {
    margin: 0;
}

.buscadorexp .form-actions input {
    line-height: 1.1;
    font-size: 14px;
    padding: 5.5px 5px;
    background: #fe0a04;
    border-left: none;
    border: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.buscadorexp input:focus {
    -webkit-box-shadow: unset;
            box-shadow: unset;
}

.buscadorexp .form-type-textfield {
    width: 100%;
}

.buscadorexp .form-type-textfield input {
    line-height: 1;
    padding: 0.2rem 0.75rem;
    border-color: #eaeaea;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: none;
}

/*******************************************MENU*************************************************************/
nav .nav-item,
nav .nav-link {
    font-size: 16px;
    font-family: 'Raleway';
    font-weight: 600;
    color: black;
}

/*******************************************TIPO CONTENIDO PAGINA BASICA****************************************/
/************************************** DANIEL ENZ ******************************************/
.page-node-type-page h1 {
    font-size: 45px;
    color: var(--titulos-gris);
}

.daniel-enz .cuerpo-basica p img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    border-radius: var(--br-med);
}

.libros {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 1000px;
    max-width: 100%;
    margin: 10px auto;

}

.libros img {
    height: auto;
    width: auto;
    max-width: 30vw;
}

/****************************************** MEDIAKIT ******************************************/
/* sin css hasta que nos pasen bien las cosas */
p.mediakit-top img {
    border-radius: 0;
}

p.mediakit-center img {
    width: auto;
    border-radius: 0;
}

/*******************************************TAXONOMIA  AUTORES AUTOR******************************************/

.taxonomy-term--type-autores h5 {
    font-size: 15px;
    margin: 0;
}

.taxonomy-term--type-autores {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
}

.taxonomy-term--type-autores .field--name-taxonomy-term-title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.path-taxonomy .viewautor .taxonomy-term--type-autores {
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.taxonomy-term--type-autores h5:not(header h5)::before {
    content: 'Por';
    letter-spacing: 0.2px;
    font-size: 15px;
    font-weight: 300;
}
.taxonomy-term--type-autores.no h5:not(header h5)::after {
    content: '(*)';
    letter-spacing: 0.2px;
    font-size: 14px;
    font-weight: 300;
}

.taxonomy-term--type-autores .field--name-field-imagen-autor .img-fluid {
    max-width: 35px !important;
    border: 1px solid var(--textos);
    border-radius: 50%;
}


.field--name-dynamic-twig-fieldnode-autor-ds .taxonomy-term--view-mode-nombre h5 {
    margin: 10px 0 0 10px;
}

/* Class type: atoms, cells, cards, tarjets or containers... for apply style */
  /********************** Estilos de estos contenedores card1, 2 ,3.., listcard, gridcard, searchcard.... *********************************/
  /************listcard1*****************/
  /* presentacion del tipo imagen y texto al costado para listas... se implementa en Noticias: Display mode: Ultimas y mas leidas  */

  .listcard1 {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }

   .listcard1 .cont-title,
   .listcard1 .cont-image,
   .listcard1 .cont-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .listcard1 > div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }

  .listcard1 .cont-title {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .listcard1 .cont-image {
    -webkit-box-flex: 0.4;
        -ms-flex: 0.4;
            flex: 0.4;
   -webkit-box-ordinal-group: 2;
       -ms-flex-order: 1;
           order: 1;
  }
  .listcard1 .cont-body {
   -webkit-box-ordinal-group: 4;
       -ms-flex-order: 3;
           order: 3;
  }

  a.listcard1 {
    color: var(--textos);
  }

  a.listcard1:hover,
  a.listcard1:focus {
    color: var(--textos);
  }

  /************listcard2*****************/
  /* presentacion del tipo titulo body e imagen al 30% derecha utilizado en vistas de secciones */
  .listcard2 {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .listcard2 .cont-body {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .listcard2 .cont-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .listcard2 .cont-image {
    -webkit-box-flex: 0.6;
        -ms-flex: 0.6;
            flex: 0.6;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }

/* imagen resumen */
  .listcard2 .imagen-res {
    -webkit-transition: ease-out all 0.5s;
    -o-transition: ease-out all 0.5s;
    transition: ease-out all 0.5s;
  }

  a.listcard2:hover .imagen-res {
    -webkit-filter: drop-shadow(-2px 0px 2px var(--titulos));
            filter: drop-shadow(-2px 0px 2px var(--titulos));
  }

  a.listcard2 {
    color: var(--textos);
  }

  a.listcard2:hover,
  a.listcard2:focus {
    color: var(--textos);
 }

  /************gridcard1*****************/
  /* presentacion del tipo imagen titulo texto  */
  /* si no ponemos imagen grupo imagen(cont-imagen) en el view mode y la implementamos deberia funcionar como (titulo texto) */

  .gridcard1 {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;

  }
  .gridcard1 .cont-title,
  .gridcard1 .cont-image,
  .gridcard1 .cont-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: start;
       -ms-flex-pack: start;
           justify-content: flex-start;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }

 .gridcard1 .cont-title {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .gridcard1 .cont-image {
   position: relative;
   -webkit-box-ordinal-group: 2;
       -ms-flex-order: 1;
           order: 1;
  }
  .gridcard1 .cont-body {
   -webkit-box-ordinal-group: 4;
       -ms-flex-order: 3;
           order: 3;
  }

  a.gridcard1 {
    color: var(--textos);
  }

  .gridcard1 p {
    font-weight: 300;
  }

  .gridcard1 .cont-image .field--name-field-autor {
    position: absolute;
    bottom: 0;
    left: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #fe0a02e6;
    border-top-right-radius: 3px;
    border-bottom-left-radius: calc(var(--br-sma) - 1px);
}

.gridcard1 .cont-image .field--name-field-autor h5 {
    color: white;
    padding: 3px 9px;
}

/************gridcard3*****************/
  /* presentacion del tipo titulo texto imagen  */

  .gridcard3 {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;

  }

  .gridcard3 .cont-image,
  .gridcard3 .cont-title,
  .gridcard3 .cont-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: start;
       -ms-flex-pack: start;
           justify-content: flex-start;
   -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }

.gridcard3 .cont-title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

.gridcard3 .cont-body {
   -webkit-box-ordinal-group: 3;
       -ms-flex-order: 2;
           order: 2;
  }

.gridcard3 .cont-body p {
    margin: 0;
}

a.gridcard3 {
color: var(--textos);
}

.gridcard3 .cont-image {
position: relative;
-webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
        order: 3;
}

.gridcard3 .cont-image .field--name-field-autor {
    position: absolute;
    bottom: 0;
    left: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #fe0a02e6;
    border-top-right-radius: 3px;
    border-bottom-left-radius: calc(var(--br-sma) - 1px);
}

.gridcard3 .cont-image .field--name-field-autor h5 {
    color: white;
    padding: 3px 9px;
}


/************gridcard2*****************/
  /* presentacion del tipo titulo texto  */

  .gridcard2 {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;

  }

  .gridcard2 .cont-title,
  .gridcard2 .cont-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: start;
       -ms-flex-pack: start;
           justify-content: flex-start;
   -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }

 .gridcard2 .cont-title {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .gridcard2 .cont-body {
   -webkit-box-ordinal-group: 3;
       -ms-flex-order: 2;
           order: 2;
  }

  .gridcard2 p{
    margin: 0;
   }

  a.gridcard2 {
    color: var(--textos);
  }

  /************gridcard4*****************/
  /* presentacion del tipo titulo imagen */
  /* si no ponemos imagen grupo imagen(cont-imagen) en el view mode y la implementamos deberia funcionar como (titulo texto) */

  .gridcard4 {
    width: 100%;
    max-width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;

  }
  .gridcard4 .cont-title,
  .gridcard4 .cont-image,
  .gridcard4 .cont-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: start;
       -ms-flex-pack: start;
           justify-content: flex-start;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
 }

  .gridcard4 .cont-image {
    position: relative;
  }

  a.gridcard4 {
    color: var(--textos);
  }

  /* clase utilizada para tipo de presentacion titulo en noticias destacadas Display suite
  campo twig destacada 4 y destacada 6 */

.gridcard5 h2 {
    margin: 0;
    padding: 15px 0;
    font-size: 35px;
    text-align: center;
    line-height: 1.5;
   }

.gridcard5 {
    position: relative;
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    border-top: 1px solid var(--lineas);
    border-bottom: 1px solid var(--lineas);
}

.gridcard5 .field--name-field-autor {
    position: absolute;
    bottom: 0;
    left: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
}

.gridcard5 .field--name-field-autor h5 {
    padding: 3px 9px;
}




  /************embedcard1*****************/
  /* implementacion imagen titulo con estilo para las noticias embebidas */

  .embedcard1 {
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
      max-width: 100%;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-column-gap: 15px;
         -moz-column-gap: 15px;
              column-gap: 15px;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      background-color: #ffe7e7cc;
      border-radius: var(--br-med);

  }
  .embedcard1:hover {
    background: #f9d3d3;
}

  .embedcard1 .cont-title,
  .embedcard1 .cont-image,
  .embedcard1 .cont-body {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;

  }
  .embedcard1 .cont-image,
  .embedcard1 .cont-image img{
    border-radius: var(--br-med);
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    padding: 0 !important;
  }

  .embedcard1 .cont-title h3 {
    position: relative;
    margin-right: 35px;
    padding-right: 5px;
    font-size: 18px;
    border-right: 3px solid var(--titulos);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 5px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
  }

   .embedcard1 .cont-title h3::before {
    content: 'Puedes leer también:';
    font-size: 14px;
    font-weight: 400;
    color: black;
}
.embedcard1 .cont-title h3::after {
    content: '';
    border-top: 2px solid red;
    border-right: 2px solid red;
    height: 16px;
    width: 16px;
    position: absolute;
    right: -30px;
    top: calc(50% - 8px);
    margin: 0;
    -webkit-transform: translate(-50%, 0%) rotate(45deg);
        -ms-transform: translate(-50%, 0%) rotate(45deg);
            transform: translate(-50%, 0%) rotate(45deg);
    color: var(--titulos);
}

.embedcard1 .cont-image {
    -webkit-box-flex: 0.6;
        -ms-flex: 0.6;
            flex: 0.6;
}

.embedcard1 .cont-title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

/************embedcard2*****************/
  /* implementacion view mode titulo. Estilo para las noticias embebidas */

  .embedcard2 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    background-color: #ffe7e7cc;
    border-radius: var(--br-med);

}
.embedcard2:hover {
  background: #f9d3d3;
}

.embedcard2 .cont-title {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -ms-flex-wrap: wrap;
     flex-wrap: wrap;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;

}

.embedcard2 .cont-title h3 {
    position: relative;
    margin-right: 35px;
    font-size: 18px;
    border-right: 3px solid var(--titulos);
    padding: 20px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 5px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

 .embedcard2 .cont-title h3::before {
  content: 'Puedes leer también:';
  font-size: 14px;
  font-weight: 400;
  color: black;
}
.embedcard2 .cont-title h3::after {
  content: '';
  border-top: 2px solid red;
  border-right: 2px solid red;
  height: 16px;
  width: 16px;
  position: absolute;
  right: -30px;
  top: calc(50% - 8px);
  margin: 0;
  -webkit-transform: translate(-50%, 0%) rotate(45deg);
      -ms-transform: translate(-50%, 0%) rotate(45deg);
          transform: translate(-50%, 0%) rotate(45deg);
  color: var(--titulos);
}

.embedcard2 .cont-title {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

  /************searchcard*****************/
  /* implementacion fecha titulo imagen para vista de busqueda */

.searchcard {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 5px;
       -moz-column-gap: 5px;
            column-gap: 5px;
    min-height: 100px;
    padding-left: 5px;
    border-radius: var(--br-med);
}

.searchcard:hover {
  background: #f9d3d3;
}

.searchcard .cont-title,
.searchcard .cont-image,
.searchcard .cont-body {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -webkit-box-orient: vertical;
 -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
 -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
 -webkit-box-pack: center;
     -ms-flex-pack: center;
         justify-content: center;

}

.searchcard:hover .cont-image img{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.searchcard .cont-image img {
    border-radius: var(--br-med);
    min-width: 100px;
    min-height: 100px;
}
.searchcard .cont-image {
  -webkit-box-flex: 0.15;
      -ms-flex: 0.15;
          flex: 0.15;
}

.searchcard .cont-title {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.searchcard h2 {
    margin: 0;
  }

.searchcard .cont-body {
    -webkit-box-flex: 0.2;
        -ms-flex: 0.2;
            flex: 0.2;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
}

/********************* General de Contenedores internos de estilos card, listscard1...etc cont-... ************************************/
.cont-title,
.cont-body,
.cont-image {
 width: 100%;
 max-width: 100%;
}

/********************* Contenedor title ************************************/
.cont-title {
  margin: 0;
  padding: 0;
}
/********************* Contenedor image, casi siempre en drupal es el contenedor field-image ************************************/

/********************* Contenedor body ************************************/
.cont-body,
.cont-body a,
.cont-body p,
.cont-body span {
  font-size: 17px;
  font-weight: 300;
}

/********************* Contenedor image ************************************/
.cont-image img{
    width: 100%;
    border-radius: var(--br-sma);
    -webkit-transition: ease all 0.5s;
    -o-transition: ease all 0.5s;
    transition: ease all 0.5s;
}

/* Posiciones contenedores internos: - posicion dos a posicion uno en este caso cambiamos el orden
de los contenedores de esta manera tenemos una presentacion de view mode diferente!!!
implementado por css Ej: implementamos un card o gridcar o listcard con su default order
 dentro digamos p123 seria cont-imagen order1, cont-titulo order 2, cont-body order 3.
Le aplicamos pos213  el cual hara que se suba el titulo(cont-title) y baje la imagen(cont-image).
tmbien la diseñe para usar card y elegir las posiciones de un modo mas abstracto */

   .p123 .cont-image {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }

  .p123 .cont-title {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }

  .p123 .cont-body {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }

  .p213 .cont-image {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }

  .p213 .cont-title {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }

  .p213 .cont-body {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }

  .p231 .cont-image {
    -webkit-box-ordinal-group: 4 !important;
        -ms-flex-order: 3 !important;
            order: 3 !important;
  }

  .p231 .cont-title {
    -webkit-box-ordinal-group: 2 !important;
        -ms-flex-order: 1 !important;
            order: 1 !important;
  }

  .p231 .cont-body {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }

/* Clase gridwrapped se implementa al 100%, esta diseñada para trabajar directo con vistas drupal
pegandole a las rows de gridwrapped(customgrid), en este caso funciona como clase controladora
 aplicada a algun contenedor padre superior al contenedor donde aplicaremos la clase
.containerwrapped de esta manera las vistas o dispalys, que tengan containerwrapped
(como clase de diseño o de vista) y body (como clase contenedor de las rows)
la clase .body esta asignada por template al contenedor de los row en las vistas drupal
en este caso(custom por template views-view.html.twig) las presentaciones de las rows,
pueden ser modificadas en su estilo apicando gridwrapped conjunto a g1 g2 g3... en los bloques
donde llamemos la vista.
************************************/
.containerwrapped {
    height: 100%;
}

.gridwrapped > div .containerwrapped .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-column-gap: var(--col-gap);
       -moz-column-gap: var(--col-gap);
            column-gap: var(--col-gap);
    row-gap: var(--row-gap);
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

/********************* GENERALES NODOS *********************/
.body-noticia a,
.texto-imp a,
.cuerpo-informe a {
    color: var(--titulos);
}

.node.Despublicado, 
.node.Unpublished,
.node.despublicado, 
.node.unpublished {
    background: #ff00050d;
}

.node.Despublicado::before, 
.node.Unpublished::before,
.node.despublicado::before, 
.node.unpublished::before {
    display: block;
    content: "Despublicado";
    width: 100%;
    color: #fff;
    background: var(--titulos);
    padding: 8px;
    margin-bottom: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .02em;
    font-size: 20px;
    font-weight: 700;
    border-top-right-radius: var(--br-med);
    border-top-left-radius: var(--br-med);
}

/*******************************************NOTICIA NODO******************************************/
.page-node-type-noticia-impresa h1,
.node--type-noticia.node--view-mode-full h1 {
    padding: 10px 0 10px 0;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 0;
}

.page-node-type-noticia .social-sharing-buttons {
    position: sticky;
    top: 15px;
    padding-top: 65px;
    gap: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 35px;
    margin: 0;
    float: left;
}

.page-node-type-noticia .social-sharing-buttons a {
    margin: 0;
    padding: 2px;
}
a#printlink svg {
    padding: 5px;
}

.page-node-type-noticia .temas-relacionados {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    padding: 10px 0;
    border-bottom: 1px solid var(--lineas);
    border-top: 1px solid var(--lineas);
    margin-top: 15px;
}

.page-node-type-noticia .temas-relacionados > div:first-child {
    color: var(--titulos-gris);
    width: 100%;
    text-transform: uppercase;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
}

.page-node-type-noticia .temas-relacionados > div:first-child:before {
    content: url(/sites/default/files/imagenes/tag-icon.svg);
    width: 18px;
    height: 18px;
    display: inline-block;
    margin-right: 5px;
    -webkit-filter: contrast(0.5);
            filter: contrast(0.5);
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}

.page-node-type-noticia .temas-relacionados > div:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    gap: 10px;
}

.page-node-type-noticia .temas-relacionados > div:last-child div a {
    color: #FFF;
    cursor: pointer;
    background-color: #fe0005;
    display: inline-block;
    border-radius: var(--br-sma);
    font-weight: 500;
    font-size: 14px;
    padding: 5px 14px;
    margin: 4px 2px;
    text-transform: uppercase;
}

.page-node-type-noticia .temas-relacionados > div:last-child div a:hover {
    color: #fe0005;
    background: #eaeaea;
}

.grupo-fecha-autor {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 10px;
    gap: 10px;
}

.node--type-noticia.node--view-mode-full .group-header a {
    color: var(--titulos);
    text-decoration: none;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: .02em;
    font-size: 20px;
    font-weight: 700;
}

.node--type-noticia.node--view-mode-full .group-left .grupo-fecha-autor .field--name-node-post-date,
.node--type-noticia.node--view-mode-full .group-left .grupo-fecha-autor p {
    font-size: 15px;
    line-height: 1.2;
    margin: 0;
}

.imagen-noticia img {
    width: 100%;
    border-radius: var(--br-med);
}

.body-noticia img {
    padding: 0 5px;
}

.body-noticia p {
    font-size: 22px;
    line-height: 1.7;
}

.body-noticia figcaption {
    display: block;
    font-size: 0.8rem;
    padding: 0 5px;
}

.body-noticia figure.caption p {
    margin: 0;
}

/********************************* FULL VIEW MODE NOTICIA *****************************/
.page-node-type-noticia .node--view-mode-full .group-footer {
    width: 100%;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
}

.page-node-type-noticia .node--view-mode-full .group-header {
    margin-bottom: 0px;
}

/* See: https://github.com/jpfrancesconi/analisis/issues/80 */
.noticia-autor-block-hidden {
  display: none;
}
/*********************************FULL VIEW MODE NOTICIA ***********************/

.page-node-type-noticia .node--view-mode-full {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-column-gap: var(--col-gap);
       -moz-column-gap: var(--col-gap);
            column-gap: var(--col-gap);
}

.page-node-type-noticia .node--view-mode-full .group-header {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}

.page-node-type-noticia .node--view-mode-full .group-left {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}

.page-node-type-noticia .node--view-mode-full .group-left .body-noticia {
    margin-left: 50px;
    margin-top: 30px;
}

.vista-taxonomia footer > *,
.group-right > * {
    width: 100%;
    max-width: 100%;
}

.vista-taxonomia footer > * p,
.group-right > * p{
    text-align: center;
}

.page-node-type-noticia .node--view-mode-full .group-right {
    min-width: 235px;
    padding: 0;
    flex-basis: 30%;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: var(--row-gap);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;

}

/*******************************************VIEW MODES******************************************/
/************************* TITULO E IMAGEN URGENTE ******************************************/
#block-custheme-portadadenoticiaurgente.block--io {
    min-height: 0px;
}

.urgente {
    position: relative;
    margin-top: 15px;
    padding: 15px;
    border-radius: var(--br-med);
    background: var(--titulos);
}

.urgente p {
    margin-bottom: 17px !important;
    font-weight: 400 !important;
    color: #fff;    
    text-align: center;
}

.urgente a:hover p,
.urgente a:hover h2 {
    color: #fff;

}

.urgente h2 {
    margin: 0;
    margin-bottom: 15px;
    text-align: center;
    font-size: 45px;
    font-weight: bold;
    color: #fff;
    
}
.urgente .taxonomy-term--type-autores {
    margin-bottom: 15px;
}

.urgente .taxonomy-term--type-autores h5,
.urgente a:hover .taxonomy-term--type-autores h5 {
    text-align: center;
    color: #fff;
}

.urgente img {
  display: block;
  width: 100%;
  margin: 0 auto;
  border-radius: var(--br-med);
  -webkit-transition: ease all 0.5s;
  -o-transition: ease all 0.5s;
  transition: ease all 0.5s;
}

/******************************************* PORTADA DESTACADAS BLOQUE: NUEVA IMPLEMENTACION 26/8 *************************************************************/

.portwrapped {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-column-gap: var(--col-gap);
       -moz-column-gap: var(--col-gap);
            column-gap: var(--col-gap);
    row-gap: var(--row-gap);
    row-gap: var(--row-gap);
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}


/* implementacion para PORTADA DESTACADAS para lugares en donde se aplique la clase: portbody */
/* trabaja como la clase: body de una vista */
/* y los field__item como las views-row para que mantenga las card al 100%. *********/

.portwrapped .field--name-field-autor .taxonomy-term--type-autores.no  {
    display: none !important;
}

.portwrapped .portbody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-column-gap: var(--col-gap);
       -moz-column-gap: var(--col-gap);
            column-gap: var(--col-gap);
    row-gap: var(--row-gap);
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.portbody .gridcard3 p {
    display: -webkit-box;
    line-clamp: 10;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -webkit-transition: ease 1s all;
    -o-transition: ease 1s all;
    transition: ease 1s all;
}

.portbody .gridcard2 p {
    display: -webkit-box;
    line-clamp: 10;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
    -webkit-transition: ease 1s all;
    -o-transition: ease 1s all;
    transition: ease 1s all;

}

.max-container.field__item {
    display: flex;
    width: 100%;
    -ms-flex-preferred-size: 100% !important;
    flex-basis: 100% !important;
    max-width: 100%;
}

/*******Portada: View mode: Presentacion 1 ,2 ,3 ******************/
.portcard1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-column-gap: var(--col-gap);
       -moz-column-gap: var(--col-gap);
            column-gap: var(--col-gap);
    row-gap: var(--row-gap);
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.portcard1 a p {
    color: var(--textos) !important;
}

.portcard1 a:hover p  {
    color: var(--textos) !important;
}

.portcard1 .destacada {
    -ms-flex-preferred-size: 66.2%;
        flex-basis: 66.2%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}

/* Estilo a la etiqueta "a" ya que por twig en el campo DS el campo en desktop no tiene clase y uso la etiqueta *****/
.portcard1 .destacada a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
            align-items: flex-start;
    row-gap: var(--row-gap);
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: justify;
        align-content: space-between;
}

.destacada h2 {
    font-size: 35px;
    line-height: 1.1;
    text-rendering: geometricPrecision;
}

.destacada p {
    margin: 0;
    font-size: 18px;
    line-height: 1.5;
}

.destacada:hover {
    cursor: pointer;
}

.destacada:hover h2 {
    color: var(--titulos);
}

body:not(.is-mobile) .destacada picture {
    width: 100%;
    border-radius: var(--br-med);
}

body:not(.is-mobile) .destacada img {
    width: 100%;
    border-radius: var(--br-med);
    -webkit-transition: ease all 0.5s;
    -o-transition: ease all 0.5s;
    transition: ease all 0.5s;
}

.destacada .cont-image {
        position: relative;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
}

body:not(.is-mobile) .destacada .cont-image .field--name-field-autor {
    position: absolute;
    bottom: 0;
    left: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    background: #fe0a02e6;
    border-top-right-radius: 3px;
    border-bottom-left-radius: calc(var(--br-med) - 1px);
}

.destacada .cont-image .field--name-field-autor h5 {
    color: white;
    padding: 3px 9px;
}

.portcard1 .cont-laterales {
    -ms-flex-preferred-size: 32.3%;
    flex-basis: 32.3%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: var(--col-gap);
       -moz-column-gap: var(--col-gap);
            column-gap: var(--col-gap);
    row-gap: var(--row-gap);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.portcard1 .cont-laterales .gridcard1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}

/********************VISTA Front Content Region, usada para las vistas de las secciones en el front- region main content...**********************************/

.vistaportada .views-row a {
    gap: 5px !important;
}

/*******************************************VISTAS, BLOQUES, SECCIONES**************************************************************/
.desktop h2,
h2.mobile {
   color: var(--titulos);
   text-decoration: none;
   text-transform: uppercase;
   line-height: 1;
   letter-spacing: .02em;
   font-size: 20px;
   font-weight: 700;
}

.views-row p {
    margin: 0;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -o-text-overflow: ellipsis;
       text-overflow: ellipsis;
}

/*******************************************VISTA BUSCADOR **************************************************************/
.buscador h2 {
    font-size: 25px;
}

.buscador .body nav {
    margin: 0 auto;
}

/*******************************************VISTA PORTADA (SECCIONES)**************************************************************/
.vistaportada header p {
    margin: 0;
    line-height: 0;
}

.vistaportada header h2 {
    margin: 0;
}

.vistaportada .desktop a {
    font-size: 15px;
    line-height: 0.99;
}

.vistaportada header {
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid var(--lineas);
}

.vistaportada header .desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
}

/*******************************************VISTA taxonomias **************************************************************/

.vista-taxonomia {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 1%;
}

.vista-taxonomia > .body {
    flex: 1;
}

/* layout tamaño estructura */
.vista-taxonomia footer {
    min-width: 235px;
    padding: 0;
    flex-basis: 30%;
}


/*******************************************VISTAS AUTOR taxonomias **************************************************************/
.viewautor header {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-bottom: 25px;
}

.viewautor header h5 {
    font-size: 1.5rem;
}

.viewautor .taxonomy-term--type-autores .grupo-columna {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 10px;
    border-left: 2px solid var(--textos);
    padding-left: 30px;
}

.viewautor .taxonomy-term--type-autores .field--name-field-imagen-autor {
    -webkit-box-flex: 0.4;
        -ms-flex: 0.4;
            flex: 0.4;
    text-align: center;
}

.viewautor .field--name-field-imagen-autor .img-fluid {
    max-width: 100% !important;
    border: none;
    -webkit-filter: drop-shadow(0px 0px 5px gray);
            filter: drop-shadow(0px 0px 5px gray);
    border-radius: var(--br-big);
}

/*******************************************PAGINADOR **************************************************************/
nav ul.js-pager__items {
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
}

nav ul.js-pager__items li::marker {
    color: transparent;
}

body .h-100 li.page-item.pager__item--first,
body .h-100 li.page-item.pager__item--last {
    display: none;
}

body .h-100 .active > .page-link {
    background-color: var(--traslucido);
    border-color: var(--traslucido);
    color: #fff;
}

body .h-100 .page-link {
    color: var(--textos);
}

body .h-100 li.page-item.pager__item--previous span,
body .h-100 li.page-item.pager__item--next span {
    text-align: right;
    font-size: 16px;
}

/**************** LISTWRAPPED **estilo para vistas tipo listas *****************************/
.listwrapped > .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-line-pack: center;
        align-content: center;
    row-gap: var(--row-gap);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.listwrapped .views-row {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding-bottom: 17px;
}

.listwrapped .body .views-row {
    border-bottom: 1px solid var(--lineas);
}

/******************MAS LEIDAS y ULTIMAS 5 NOTICIAS**************************/
.listwrapped1 > .body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-column-gap: 10px;
       -moz-column-gap: 10px;
            column-gap: 10px;
    row-gap: var(--row-gap);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
}

.listwrapped1 header h2 {
    color: #fff;
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: .02em;
    font-size: 20px;
    font-weight: 700;
    background: var(--titulos);
    padding: 8px;
    text-align: center;
    border-top-right-radius: var(--br-med);
    border-top-left-radius: var(--br-med);
    margin-bottom: 0;

}

.listwrapped1 .body {
    border: 1px solid #E9E9E9;
    border-bottom-color: #D5D5D5;
    border-top: unset;
    border-bottom-left-radius: var(--br-med);
    border-bottom-right-radius: var(--br-med);
    padding: 0px 5px;
    gap: 0px;
}

.listwrapped1 .views-row {
    padding: 5px 0 9px 0;
    margin-bottom: 0;
    margin-top: 5px;
    width: 100%;
}

.listwrapped1 .body .views-row:not(:last-child) {
    border-bottom: 1px solid var(--lineas);
}

/*******************************************VISTA: Ultimas noticias **************************************************************/
/* clase vista-ultimas */

.vista-ultimas {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 1%;
}

.vista-ultimas .listcard2 a:hover {
    color: var(--textos);
}

.vista-ultimas > header {
    flex: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

/* layout tamaño estructura */
.vista-ultimas > .body {
    flex: 1;
}

.vista-ultimas > footer {
    min-width: 235px;
    padding: 0;
    flex-basis: 30%;
}

/************************ ACCESO RAPIDO ULTIMAS NOTICIAS *****************/
#block-masnoticias a {
    display: block;
    margin: 1rem 0;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
    line-height: 1;
    background-color: #f7f8f9;
    border: 1px solid #d5d5d5;
    cursor: pointer;
    border-radius: var(--br-big);
    font-weight: 700;
    font-size: 20px;
}

#block-masnoticias a:hover {
    background-color: var(--titulos);
    color: #fff;
    -webkit-filter: drop-shadow(-1px 1px 2px var(--footer-texto));
            filter: drop-shadow(-1px 1px 2px var(--footer-texto));
    -webkit-transform: scale(0.99);
        -ms-transform: scale(0.99);
            transform: scale(0.99);
    border-color: var(--titulos);
}

/************************ ACCESO Bloque ULTIMA EDICION IMPRESA Vista*****************/
.ultima-edicion h2 {
    color: var(--textos) !important;
    padding: 10px 0px;
    margin: 0;
    background: var(--bs-gray-200);
    text-align: center;
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: 700;
}

.ultima-edicion img {
    width: 100%;
    -webkit-transition: ease all 0.5s;
    -o-transition: ease all 0.5s;
    transition: ease all 0.5s;
}

/************************ EDICION IMPRESA *****************/

.noticia-impresa > header {
    float: left;
    position: sticky;
    top: 80px;
    width: 32px;
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    text-transform: uppercase;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding-top: 15px;
}

.noticia-impresa header h1 {
    font-size: 15px;
    font-weight: bolder;
    line-height: 1.5;
    margin: 0;
    position: relative;
    padding-top: 20px;
}

.noticia-impresa > header h1:after {
    content: '';
    width: 35px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    height: 35px;
    position: absolute;
    top: -15px;
    left: 0;
    right: -3px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    background-image: url(/sites/default/files/Logo_Analisis_Digital.png);
}

.noticia-impresa header span {
    background-color: var(--titulos);
    color: #FFF;
    padding: 10px 3px;
    border-radius: var(--br-sma);
}

.cuerpo-imp p {
    text-align: left;
}
.noticia-impresa .enlace-impresa {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: 5px;
}

.card-impresa .cabecera {
    width: 100%;
    max-width: 100%;
}

.card-impresa .cabecera div {
    color: var(--traslucido);
    font-size: 15px;
    font-weight: 500;
}

.card-impresa .cuerpo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: 25px;
    -moz-column-gap: 25px;
    column-gap: 25px;

}

.noticia-impresa > .body {
    min-height: 570px;
    margin-left: 45px;
}

.noticia-impresa footer .body {
    width: 100%;
    max-width: 100%;
}

.imagen-imp {
    -webkit-box-flex: 0.4;
        -ms-flex: 0.4;
            flex: 0.4;
}

.imagen-imp img {
    width: 100%;
    border-radius: var(--br-sma);
    -webkit-transition: ease all 0.5s;
    -o-transition: ease all 0.5s;
    transition: ease all 0.5s;
}

.cuerpo-imp {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}

.noticia-impresa .body .views-row {
    width: 100%;
    max-width: 100%;
}

.noticia-impresa a:hover img {
    -webkit-filter: none;
            filter: none;
}

.card-impresa {
    -webkit-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.2s ease;
    -webkit-transform-origin: center center;
        -ms-transform-origin: center center;
            transform-origin: center center;
}

.card-impresa:hover {
    cursor: pointer;
    -webkit-transform: scale(0.989);
        -ms-transform: scale(0.989);
            transform: scale(0.989);
}

.noticia-impresa footer header h2 {
    text-align: center !important;
    color: #fff;
    background-color: var(--titulos);
    margin-bottom: 0px;
    font-weight: 700;
    line-height: 1.5;
    border-top-right-radius: var(--br-med);
    border-top-left-radius: var(--br-med);
}

.noticia-impresa footer {
    background: #fff;
    position: relative;
    z-index: 2;
    padding-bottom: 0
}

/************************ VISTA EDICION IMPRESA POR AÑO FOOTER SLICK*****************/

.noticia-impresa .view-grouping.accordionItem {
    margin: 0 0 5px 0;
    background: #fff;
  }

.accordionItemHeading:after {
    display: none;
}

.noticia-impresa .view-grouping.accordionItem h2.view-grouping-header {
    color: var(--textos);
    line-height: 1;
    font-size: 18px;
    text-align: center;
    background: var(--bs-gray-300);
}

.noticia-impresa .views-field.views-field-field-fecha-de-publicacion-1 {
    margin: 5px 0;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
}

.noticia-impresa .slick__slide.slick-slide {
    padding: 0 30px;
}

.noticia-impresa .slick-arrow {
    height: 30px;
    width: 28px;
}

.noticia-impresa .slick-arrow::before {
    color: var(--titulos);
    font-size: 25px;
 }

/************************ NOTICIA EDICION IMPRESA NODO *****************/
.volanta {
    color: var(--titulos);
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    margin: 0;
    font-size: 17px;
    font-weight: 500;
}

.body-imp {
    padding-left: 35px;
    border-radius: var(--br-sma);
}

.body-imp .field--name-field-autor-impresa {
    margin: 30px 0 0 15px;
}

.field--name-field-imagenprincipal-ei img {
    width: 100%;
    border-radius: var(--br-med);
}


.texto-imp {
    margin: 30px 40px 0px 0px;
}

.texto-imp img {
    padding: 0 5px;
}

.texto-imp p {
    font-size: 22px;
}

.edicion div:first-child,
.edicion div:first-child:after {
    content: '';
    padding: 0px;
}

.edicion > div {
    font-weight: bolder;
}

.edicion div:first-child:before {
    content: 'Noticia Impresa ';
}

.node--type-noticia-impresa .social-sharing-buttons {
    float: right;
    position: sticky;
    left: 0;
    top: 90px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    width: 30px;
    margin: 28px 0 0 0;
}

.grupo-sticky {
    float: left;
    position: sticky;
    top: 90px;

}

.edicion {
    float: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 1px;
    padding-top: 28px;
    gap: 5px;
    font-size: 15px;
    background: #fff;
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    text-transform: uppercase;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    position: relative;
}

.edicion:after {
    content: '';
    width: 35px;
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
    height: 35px;
    position: absolute;
    top: -15px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    background-image: url(/sites/default/files/Logo_Analisis_Digital.png);
}

.edicion div:last-child {
    background: var(--titulos);
    color: #fff;
    padding: 10px 0;
    border-radius: var(--br-sma);
    line-height: 1.4;
}

/************************ INFORMES VISTA *****************/
.informes .node--type-informe.node--view-mode-teaser {
    position: relative;
}

.informes .views-row a h2 {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 85%;
    margin: 0px auto;
    padding: 10px;
    background: #fff;
    text-align: center;
    border-top-right-radius: var(--br-med);
    border-bottom-right-radius: var(--br-med);

}

.informes img {
    width: 100%;
    border-radius: var(--br-med);
    -webkit-transition: ease all 0.5s;
    -o-transition: ease all 0.5s;
    transition: ease all 0.5s;
}


/************************ BLOQUE INFORME *****************/
.bloque-informe {
    border: 3px var(--titulos) solid;
}

.bloque-informe p a {
    display: block;
    padding: 10px 5px;
    color: var(--titulos);
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.bloque-informe p {
    font-size: 16px;
    text-align: center;
    margin: 0;
}

/************************ INFORME NODO *****************/
.page-node-type-informe h1 {
    color: var(--titulos);
    text-transform: uppercase;
    text-align: center;
    max-width: 100%;
    border-bottom: 0;
    font-size: 65px;
    padding-bottom: 20px;
    font-weight: 600;
}

.cabecera-multimedia > p {
    text-align: center;
    font-size: 1.1rem;
    color: var(--textos);
}

body .cabecera-multimedia iframe {
    display: block;
    width: 100%;
    height: 600px;
    border-radius: var(--br-med);
}

/************************ insertando como url embed EL VIDEO..., DE CABECERA y con has que no es compatible con todos los navegadores con css *****************/
.cabecera-multimedia p:last-child:has(iframe) {
    display: block;
    position: relative;
}

.cabecera-multimedia p:last-child:has(iframe)::before {
    content: 'Informe Multimedia';
    position: absolute;
    bottom: -20px;
    right: 0;
    margin: 0 50px 0 auto;
    padding: 0 1rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    color: #fff;
    background: var(--titulos);
    font-size: 26px;
    line-height: 1.6;
    text-transform: uppercase;
    font-weight: 700 !important;
    border-radius: var(--br-med);
}

/************************ insertando como HTMl EL VIDEO..., DE CABECERA *****************/
.cabecera-multimedia .raw-html-embed {
    display: block;
    position: relative;
}

.cabecera-multimedia .raw-html-embed::before {
    content: 'Informe Multimedia';
    position: absolute;
    bottom: -20px;
    right: 0;
    margin: 0 50px 0 auto;
    padding: 0 1rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    color: #fff;
    background: var(--titulos);
    font-size: 26px;
    line-height: 1.6;
    text-transform: uppercase;
    font-weight: 700 !important;
    border-radius: var(--br-med);
}

.cuerpo-informe {
    width: 80%;
    margin: 0 auto;
}

.cuerpo-informe > p {
    font-size: 1.3rem;
    color: var(--textos);
}

.cuerpo-informe > p img,
.cuerpo-informe > p iframe[src*="youtube"] {
    width: 100%;
    height: auto;
}

.cuerpo-informe > p iframe[src*="youtube"] {
    aspect-ratio: 16/9;
}

/************************ FOOTER *****************/
.region.region-footer {
    align-items: center;
}

footer #block-datosfooter a,
footer #block-datosfooter p {
    color: #fff !important;
}

footer.mt-5 {
    height: 150px;
    background-color: #fff !important;
    padding: 0;
}

footer.mt-5 .container-fluid {
    position: relative;
}

#block-logofooter {
    margin-top: 15px;
    margin-bottom: -50px;
    z-index: 1;
}

#block-logofooter p {
    margin: 0 auto;
    width: fit-content;
}

#block-logofooter img {
    width: 100px;
}

#block-datosfooter {
    background-color: var(--titulos) !important;
    -webkit-box-shadow: 0 0 0 100vmax var(--titulos);
            box-shadow: 0 0 0 100vmax var(--titulos);
    -webkit-clip-path: inset(0 -100vmax);
            clip-path: inset(0 -100vmax);
    padding: 45px 5px 125px;
}

#block-datosfooter p {
    margin: 15px 0;
    font-weight: bold !important;
}