/*
Theme Name: Cels
Theme URI: https://genosha.com.ar
Author: genosha
Author URI: https://genosha.com.ar
Description: theme para el CELS
Text Domain: cels
*/
html {
    scroll-behavior: smooth;
}
nav.navigation.post-navigation h2 {
    display: none;
}
nav.navigation.post-navigation {
  width: 100%;
}
.nav-links {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.paginacion {
  display: block;
  width: 100%;
  text-align: center;
  padding: 2%;
}
.page-numbers {
  display: inline-block;
  padding: .5% 1%;
  background: lightgrey;
}
span.page-numbers.current{
  background-color: #e22929;
  color: white;
}
.next.page-numbers{
  background-color: white;
}

/* 2021 update */
.splash-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.splash-header img.logo-img {
  padding: 1rem !important;
  width: 150px;
}

.redes-home {
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
}

.splash {
  height: 100vh;
  width: 100%;
}

.splash-vp, .splash-rj {
  height: 50%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}

.splash-vp {
  background-image: url(assets/img/intro-vp.jpg);
}
.splash-rj {
  background-image: url(assets/img/intro-rj.jpg);
}

.splash-vp h1, .splash-rj h1 {
  width: 200px;
  font-size: 2.25rem;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  letter-spacing: -.5px;
  line-height: 1;
  margin: 0;
}

.splash-vp h1 {
  background-color: #00ff00;
  color: #fff;
}

.splash-rj h1 {
  background-color: #fff;
  color: #000;
}

.splash-vp h1:hover {
  background-color: #fff;
}

.splash-rj h1:hover {
  background-color: #00ff00;
}

.splash-vp h1 {
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
}
.splash-rj h1 {
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  
}

.splash-vp h1 a, .splash-rj h1 a {
  padding: 1rem;
  display: block;
}

.splash-vp h1 a {
  color: #fff;
}

.splash-rj h1 a {
  color: #000;
}
.splash-vp h1 a:hover {
  color: #000;
}

.splash-rj h1 a:hover {
  color: #fff;
}

@media(max-width:768px) {
  /* body { */
    /* padding-top: 90px; */
  /* } */
  body.home {
    padding-top: 0;
  }
  .splash-vp h1 {
    position: absolute;
    bottom: 0;
    transform: translate(-50%, 0);
    left: 50%;
  }
  .splash-rj h1 {
    margin: 0 auto;
  }
  .redes-home.redes ul li img {
    width: 70%;
    margin: 5px 0;
  }
}

@media(min-width:992px) {
  .splash-header img.logo-img {
    padding: 2rem !important;
    width: auto;
  }
  .redes-home {
    top: 2rem;
    right: 2rem;
  }
  .splash {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .splash-vp, .splash-rj {
    height: 100%;
    width: 50%;
  }
  .splash-vp::after, .splash-rj::after {
    content: '';
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 10%;
  }
  .splash-vp::after {
    background-image: url(assets/img/arrow-splash-left.svg);
    right: 1.25rem;
  }
  .splash-rj::after {
    background-image: url(assets/img/arrow-splash-right.svg);
    left: 1.25rem;
  }
  .splash-vp h1, .splash-rj h1 {
    margin-top: 50%;
    width: 270px;
    font-size: 3rem;
  }
  .splash-vp h1 {
    border-bottom-left-radius: 24px;
    border-top-right-radius: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    text-align: right;
  }
  .splash-rj h1 {
    border-bottom-left-radius: 0;
    border-top-right-radius: 24px;
  }
  .splash-vp h1 a {
    padding-right: 1.5rem;
  }
  .splash-rj h1 a {
    padding-left: 1.5rem;
  }
}

.new-red-nav {
  background-color: #e22929;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  padding: 0 1rem;
}

.new-red-nav .navbar-brand {
  color: #fff;
  padding: 4px 0;
  margin: 0;
}

.new-red-nav .navbar-brand .navbar-title {
  font-size: 1.875rem;
  font-weight: 400;
  font-family: 'Helvetica', sans-serif;
  margin: 0;
}

.menu-selector {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  margin: 0;
}

.menu-selector li {
  font-size: 1.25rem;
  font-family: "Roboto Medium", sans-serif;
  text-transform: lowercase;
}

.menu-selector li:first-child {
  margin-right: 1rem;
}

.menu-selector li a {
  color: #a12023;
}

.menu-selector li.current-menu-item a {
  color: #fff;
}

@media(max-width:768px) {
  .menu-selector {
    border-top: 1px solid white;
    padding-top: .5rem;
    padding-bottom: .5rem;
    width: 100%;
  }
  .new-red-nav .navbar-toggle {
    position: absolute;
    right: .5rem;
    top: 1rem;
  }
}

@media(min-width:992px) {
  .new-red-nav .navbar-brand .navbar-title {
    font-size: 2.25rem;
    line-height: 1;
  }
  .new-red-nav .navbar-brand {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 0;
  }
  .menu-selector li {
    font-size: 1.8125rem;
  }
}

.header {
  background-size: cover;
}

.header .description .p-3 {
	/* margin: 30% 150px;*/
	margin: 2% 150px;
}

.header .description .title {
  font-size: 6.6rem;
  margin-bottom: 3rem;
  line-height: 1;
}

.description .content-list {
  max-width: none;
}

.description .content-list li {
  padding: 0;
  color: #fff;
  background-color: transparent;
  max-width: none;
}

.description .content-list li::before {
  background-color: transparent;
}

.description .content-list li a {
  color: #fff;
}

.description .content-list li:hover, .description .content-list li a:hover {
  color: #00ff00; 
}

@media(min-width:768px) {
  section.header {
    position: relative;
  }
  section.header::before {
    content: '';
    /*background-image: url(assets/img/arrow-down.svg);*/
    background-repeat: no-repeat;
    background-position: center;
    width: 110px;
    height: 122px;
    position: absolute;
    bottom: 2rem;
    left: 50%;
    margin-left: -55px;
    mix-blend-mode: multiply;
  }
  .header .content-list li {
    font-size: 23px;
    border-radius: 0;
    background-color: transparent;
  }
  .header .content-list li::before {
    background-color: transparent;
  }
}

.full-menus-container {
  padding: 1rem 1rem 3rem 1rem;
}

@media(min-width:768px) {
  .full-menus-container {
    height: 100vh;
  }
}

.full-menus-container section h3 {
  font-size: 1.125rem;
  line-height: 1.2;
  margin: 0 0 1rem 0;
  font-family: "Roboto Medium", sans-serif;
  color: #f8d0cf;
  text-transform: lowercase;
}

#fullMenu ul {
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  margin: 0;
}

#fullMenu section:first-child {
  margin-bottom: 2rem;
}

#fullMenu ul li {
  counter-increment: my-counter;
  display: flex;
  font-family: "Roboto Medium", sans-serif;
}

#fullMenu ul li::before{
  content: counter(my-counter) ". ";
  padding: 0 0.1rem;
  color: #f8d0cf;
}

#fullMenu ul li a {
  color: #f8d0cf;
  display: block;
  padding: 0 .5rem;
}

#fullMenu ul li:hover {
  background-color: #fff;
  font-family: "Roboto Bold", sans-serif;
}

#fullMenu ul li:hover a, #fullMenu ul li:hover::before {
  color: #e22929;
}

@media(min-width:768px) {
  .full-menus-container {
    display: -webkit-box;display: 
    -ms-flexbox;
    display: flex;
    padding: 2rem 2rem 4rem 2rem;
  }
  .full-menus-container section {
    max-width: 316px;
  }
  .full-menus-container section h3 {
    font-size: 2.5rem;
  }
  #fullMenu section:first-child {
    margin-right: 2rem;
    margin-bottom: 0;
  }
  #fullMenu ul li {
    font-size: 1.6rem;
  }
}

.wp-block-lazyblock-secciones p a {
  overflow-wrap: break-word;
  word-break: break-word;
}

.wp-block-lazyblock-interpretaciones-icono-rj {
  background-color: #f2f2f2;
  padding: 1.5rem;
  margin: 2rem 0 4rem;
}

.wp-block-lazyblock-interpretaciones-icono-rj .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.wp-block-lazyblock-interpretaciones-icono-rj .col-md-4 {
  background: url(assets/img/ic-esposas.svg) no-repeat 2rem center; 
}

.wp-block-lazyblock-interpretaciones-icono-rj .block-number {
  font-size: 109px;
  font-weight: 700;
  font-family: "Roboto Bold", sans-serif;
  color: #4d4d4d;
  margin-bottom: 0;
  padding-left: 9rem;
  line-height: 1;
}
.wp-block-lazyblock-interpretaciones-icono-rj .block-title {
  color: #4d4d4d;
  font-size: 40px;
  font-weight: 500;
  font-family: "Roboto Medium", sans-serif;
  margin-bottom: 0;
  padding-left: 9rem;
  line-height: 1;
}
.wp-block-lazyblock-interpretaciones-icono-rj .info {
  color: #808080;
  font-size: 25px;
  line-height: 1.32;
  margin: 0;
}

@media(max-width:576px) {
  .wp-block-lazyblock-interpretaciones-icono-rj .col-md-4 {
    margin-bottom: 1rem;
  }
}

.decisiones-graph {
  margin-top: 2rem;
}

.decisiones-graph .graph-item {
  margin-bottom: .5rem;
}

.decisiones-graph .graph-item .graph-bar {
  position: relative;
}

.decisiones-graph .graph-item .graph-bar p {
  font-size: 54px;
  font-weight: 700;
  font-family: "Roboto Bold", sans-serif;
  letter-spacing: -.1px;
  color: #000;
  z-index: 1;
  position: relative;
  text-align: left;
  line-height: 1.3;
  padding-left: 1rem;
  margin-bottom: 0;
}

.decisiones-graph .graph-item .graph-bar p span {
  font-size: 40px;
}

.decisiones-graph .graph-item .graph-bar::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  height: 72px;
}

.decisiones-graph .graph-item:nth-child(1) .graph-bar::after {
  background-color: #ac6cff;
  width: 100%;
}

.decisiones-graph .graph-item:nth-child(2) .graph-bar::after {
  background-color: #73cde5;
  width: 40%;
}

.decisiones-graph .graph-item:nth-child(3) .graph-bar::after {
  background-color: #ffb743;
  width: 9%;
}

.decisiones-graph .graph-item .graph-number {
  font-size: 35px;
  font-weight: 700;
  font-family: "Roboto Bold", sans-serif;
  letter-spacing: -.1px;
  color: #666666;
  line-height: 1;
  line-height: 1.3;
  margin-right: .5rem;
}

.decisiones-graph .graph-item .graph-text {
  font-size: 35px;
  font-weight: 500;
  font-family: "Roboto Medium", sans-serif;
  letter-spacing: -.5px;
  color: #666666;
  line-height: 1;
}

@media(min-width:768px) { 
  .decisiones-graph .graph-item .graph-bar p {
    text-align: right;
    padding-right: 1rem;
  }
  .decisiones-graph .graph-item .graph-bar::after {
    right: 0;
    left: auto;
  }
  .decisiones-graph .graph-item .graph-number {
    font-size: 54px;
  }
 
}

.wp-block-lazyblock-grafico-decisiones-rj-03 .red-title {
  font-size: 2rem;
  letter-spacing: -.5px;
  font-family: "Roboto Bold", sans-serif;
  margin: 0 0 1rem 0;
}

.visualizacion-01, .visualizacion-02, .visualizacion-04 {
  margin: 0 auto 3rem;
}

.visualizacion-01 figcaption, .visualizacion-02 figcaption, .visualizacion-03 p, .visualizacion-04 figcaption {
  font-size: 1.5625rem;
  max-width: 308px;
  line-height: 1.2;
  color: #333;
}

.visualizacion-01 figcaption em, .visualizacion-03 figcaption em, .visualizacion-04 figcaption em {
  font-family: "Roboto Bold", sans-serif;
  background-color: #ffb743;
  padding: .3rem;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.2;
  display: inline-block;
  margin-bottom: .5rem;
  color: #000;
  letter-spacing: -.5px;
}

.visualizacion-02 figcaption em {
  color: #ac6cff;
  font-size: 5.5rem;
  font-family: "Roboto Bold", sans-serif;
  letter-spacing: -3px;
  font-style: normal;
  line-height: 1.2;
  display: inline-block;
}

.visualizacion-02 figcaption em span {
  font-size: 4.18rem;
}

.visualizacion-03 figure {
  margin: 0;
}

.visualizacion-03 figure img {
  margin-bottom: 1rem;
}

.visualizacion-03 p {
  margin: 0;
  max-width: 398px;
}

.visualizacion-04 {
  margin: 3rem auto 4rem;
}

@media(max-width:576px) {
  .visualizacion-01 img, .visualizacion-02 img, .visualizacion-03 figure img {
    width: 100%;
  }
  .visualizacion-04 figure img {
    max-width: 100%;
  }
  .visualizacion-01 img, .visualizacion-04 img {
    margin-bottom: 1rem;
  }
  .visualizacion-01, .visualizacion-02, .visualizacion-03 {
    margin-bottom: 3rem;
  }
}

@media(min-width:768px) {
  .visualizacion-01, .visualizacion-02, .visualizacion-03, .visualizacion-04 figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    -webkit-box-align:center;
    -ms-flex-align:center;
        align-items:center;
  }
  .visualizacion-01 figcaption, .visualizacion-02 figcaption, .visualizacion-03 p, .visualizacion-04 figcaption {
    margin-left: 2rem;
  }
  .visualizacion-01 figcaption em, .visualizacion-03 figcaption em, .visualizacion-04 figcaption em {
    font-size: 2.25rem;
  }
}

/* Color agregado oct 25*/
.c3 text.c3-text {
    fill: black !important;
    font-weight: bold !important;
    text-shadow: none !important;
}

/* Labels de los sectores del pie agregado oct 25*/
.c3-chart-arc text {
  fill: black !important;
  font-weight: bold !important;
  text-shadow: none !important;
}	
	
/* agregado dic 25*/
.titleimgrespjud{
	font-size: 28px;
}

/* agregado dic 25*/
@media (max-width: 768px) {
  .titleimgrespjud {
    font-size: 20px; !important
  }
}

/* agregado dic 25*/
.imagesrespjud_tamoriginal{
	width: 100%;
  	height: auto;
  	object-fit: contain;
}


/* agregado dic 25*/
.imagesrespjud_image01 {
  width: 100%;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
}

.imagesrespjud_image02 {
  width: 100%;
  max-width: 950px;
  height: auto;
  margin: 0 auto;
}

.imagesrespjud_image03 {
  width: 100%;
  max-width: 950px;
  height: auto;
  margin: 0 auto;
}

.imagesrespjud_image04 {
  width: 100%;
  max-width: 750px;
  height: auto;
  margin: 0 auto;
}

.imagesrespjud_image05 {
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: 0 auto;
}

.imagesrespjud_image06 {
  width: 100%;
  max-width: 800px;
  height: auto;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .imagesrespjud_tamoriginal {
    max-width: 90%;
  }
  .imagesrespjud_image01 {
    max-width: 90%;
  }
  .imagesrespjud_image02 {
    max-width: 90%;
  }
  .imagesrespjud_image03 {
    max-width: 90%;
  }
  .imagesrespjud_image04 {
    max-width: 90%;
  }
  .imagesrespjud_image05 {
    max-width: 90%;
  }
  .imagesrespjud_image06 {
    max-width: 90%;
  }
}

.image-wrapper-respjud {
  text-align: center;
}

@media (max-width: 768px) {
  .espfuente {
    margin-top: 10px; !important
  }
}





/******************************************************************* agregado 04/26 DATAM ****************************************************************/
.titlesubtitle{
	font-size: 3.4rem;
	letter-spacing: -2px;
	line-height: 0.9 !important; /* Forzamos un interlineado bien chico */
	display: block; /* Asegura que se comporte como bloque para el interlineado */
}
.titlesubtitlevolanta{
	font-size: 1.2rem;
	color: red;
	margin-bottom: 20px;
}
.titlelinkarticulo{
	font-size: 1.1rem;
	font-weight: 600;
	color: black;
}
/*fix encontrado a que viene de themes\cels\stylesheets\css\styles.css y es para el lazyblock titulo de seccion*/
.section-title{
	font-size: 3.4rem !important;
	letter-spacing: -2px;
	line-height: 0.9 !important; /* Forzamos un interlineado bien chico */
	display: block; /* Asegura que se comporte como bloque para el interlineado */
}


.fonttextodestacado {
  font-family: 'Roboto Light', sans-serif;
  letter-spacing: -0.05em; 
  -webkit-font-smoothing: antialiased;
}


@media (max-width: 768px) {

	/*para moile el parrafo de la home que es destacado*/
	.parrafos {
		font-size: 18px !important;
	}
	
	.titlesubtitle{
		font-size: 2.5rem;
	}
	.titlesubtitlevolanta{
		font-size: 1.2rem;
		color: red;
	}

}



/*flecha de la imagen principal*/
.arrow-down {
    position: absolute;
    bottom: 80px; /* distancia desde abajo */
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.arrow-down img {
    width: 100px; /* ajustá tamaño */
    height: auto;
}


/* TABLET */
@media (max-width: 1024px) {
    .arrow-down {
        bottom: 60px;
    }
    .arrow-down img {
        width: 80px;
    }
}

/* TABLET CHICA / MOBILE GRANDE */
@media (max-width: 768px) {
    .arrow-down {
        bottom: 30px;
    }
    .arrow-down img {
        width: 50px;
    }
}

/* MOBILE */
@media (max-width: 480px) {
    .arrow-down {
        bottom: 20px;
    }
    .arrow-down img {
        width: 40px;
    }
}

/* MOBILE CHICO */
@media (max-width: 360px) {
    .arrow-down {
        bottom: 15px;
    }
    .arrow-down img {
        width: 32px;
    }
}



/*menu abajo antes del footer*/
.pages-submenuabajo-wrapper {
    padding-left: 80px;
	padding-bottom: 20px;
	padding-top: 40px;
    text-align: left;
}

.pages-submenuabajo-list {
    list-style: none;
    display: flex;
    justify-content: left;
    gap: 10px;
    padding: 0;
    margin: 0;
	
	/*font-size: 1.25rem;*/
	font-family: 'Roboto', sans-serif; /*mas fina*/
	/* font-family: "Roboto Medium", sans-serif; */
	/* letter-spacing: -.5px; */
	/* line-height: 1; */

}

.pages-submenuabajo-list li::after {
    content: "|";
    margin-left: 10px;
}

.pages-submenuabajo-list li:last-child::after {
    content: "";
}

.pages-submenuabajo-list a {
    text-decoration: none;
    color: #000;
}


@media (max-width: 768px) {

	.pages-submenuabajo-list {
        flex-direction: column;
        gap: 15px;
        padding: 20px 0;
		list-style: circle;
    }
	
	.pages-submenuabajo-list li::after {
		content: "";
		margin-left: 0px;
	}
	
	
	.pages-submenuabajo-wrapper {
		padding-top: 20px;
		padding-left: 45px;
	}

}






/*links en general la flecha animada*/
.link-flecha::after {
    content: " →";
    margin-left: 5px;
    transition: transform 0.2s ease;
    display: inline-block;
}

.link-flecha:hover::after {
    transform: translateX(5px);
}






/************************************************************************* Footer **********************************************************************/

.main-footer {
	background: linear-gradient(90deg, #00D02C 0%, #B1FF00 100%);
    color: #000;
    padding: 35px 20px;
}

.footer-content {
	padding-left: 60px;
    margin: auto;
}

.footer-title {
	font-size: 48px !important;
    font-weight: bold !important;
    margin-bottom: 55px !important;
    line-height: 0.9 !important; /* Forzamos un interlineado bien chico */
    letter-spacing: -0.5px;
    display: block; /* Asegura que se comporte como bloque para el interlineado */
}


.footer-info {
    max-width: 400px;
}

.footer-support {
    font-weight: bold;
    margin-bottom: 10px;
	margin-top: 20px;
}

.footer-text {
    font-size: 14px;
    margin-bottom: 20px;
	color: black;
}

.footer-social span {
    margin-right: 10px;
    font-size: 18px;
}

.footer-logo {
    margin-top: 20px;
}

.footer-logo img {
    filter: brightness(0) !important;
	height: 40px;
	width: auto;
}



@media (max-width: 768px) {

	.footer-content {
		padding-left: 10px;
		margin: auto;
	}

}
/************************************************************************* Footer **********************************************************************/




/************************************************************************* header navbar **********************************************************************/
.imageheaderlogocels {
    width: 90px !important; /* tamaño que quieras para el logo CELS*/
    height: auto !important;
    display: block !important;
}



.main-header {
    background: #FF0000;/* rojo obtenido de cels.org.ar*/
    color: #fff;
	position: sticky;
    top: 0;
    z-index: 1000; /* importante para que quede por encima */
}




.header-container {
    display: flex;
    align-items: center; 
    min-height: 40px; /*grosor de la barra*/
    padding: 10px 20px;
	position: relative; /* clave para submenu luego */
}




.header-left .brand {
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: #fff;
}


.header-left {
    display: flex;
    align-items: center;
    gap: 10px; /* separación logo-texto */
}


.site-name {
    font-size: 23px;
    color: #fff;
    font-weight: 600;
}




/*sub contenedor donde estan todos los links del menu*/
.header-center {
    margin: 0 auto;
}


.header-menu {
    display: flex;
    align-items: center; /* centra los links */
	transition: all 0.3s ease;
}

.menu-list {
	list-style: none;
    display: flex;
    gap: 25px;
    margin: 0;
    padding: 0;
    align-items: center; /* esto evita que queden abajo */
	
	/*font-size: 1.25rem;*/
	/* font-family: 'Roboto', sans-serif; */ /*mas fina*/
	font-family: "Roboto Medium", sans-serif;
	/* letter-spacing: -.5px; */
	/* line-height: 1; */

	position: static; /* 👈 evita que rompa el cálculo */
}



.menu-list a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
	
	position: relative;/*para el higtlight*/
}



.menu-list a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;

    width: 0;
    height: 2px;
    background: #fff;

    transition: width 0.3s ease;
}

.menu-list a:hover::after {
    width: 100%;
}


.menu-list .sub-menu {
    position: absolute;

    top: 100%; /* 👈 debajo del header SIEMPRE */
    left: 0;

    width: 100%; /* 👈 ancho del header real */
    background: #000;

    display: flex;
    justify-content: center;
    gap: 30px;

    padding: 15px 0;

	list-style: none;
	
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: 0.3s ease;

    z-index: 999;
}



.menu-list a.active {
    color: #fff;
}

.menu-list a.active::after {
    width: 100%; /* 👈 reutiliza tu underline */
}



/* Esto selecciona el elemento activo dentro de tu lista de menú */
.menu-list .current-menu-item a {
    font-weight: bold !important;
}

/* Si usás páginas que tienen "hijos", esto mantiene marcada la página principal */
.menu-list .current-menu-ancestor a {
    font-weight: bold !important;
}



  
/*aparece el menu para los subitems*/
.menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
	transform: translateY(0);
}


.sub-menu a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}



.header-right {
    margin-left: auto;
}



/* TOGGLE */

/* BOTÓN */
.menu-toggle {
    width: 40px;
    height: 40px;
    display: none;
    position: relative; /* 👈 necesario */
    cursor: pointer;
    background: none;
    border: none;
}

/* LÍNEAS del boton hambuger*/
.menu-toggle span {
    position: absolute; /* 👈 clave */
    left: 50%;
    transform: translateX(-50%);
    width: 26px;
    height: 3px;
    background: #fff;
    transition: 0.3s ease;
}

/* POSICIÓN INICIAL */
.menu-toggle span:nth-child(1) { top: 10px; }
.menu-toggle span:nth-child(2) { top: 18px; }
.menu-toggle span:nth-child(3) { top: 26px; }


/*animacion X to Burger*/
.menu-toggle.active span:nth-child(1) {
    transform: translateX(-50%) rotate(45deg);
    top: 18px;
}

.menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

.menu-toggle.active span:nth-child(3) {
    transform: translateX(-50%) rotate(-45deg);
    top: 18px;
}


/*en mobile menu responsive*/
@media (max-width: 768px) {

	.site-name {
		font-size: 18px;
	}
	
	
	.imageheaderlogocels {
		width: 70px !important;
	}


}


/*menu debajo de la barra navbar*/
@media (max-width: 768px) {

    .header-container {
        height: auto;
        flex-wrap: wrap; 
    }

    .header-center {
        order: 3; 
        width: 100%;
    }

	.header-menu {
        width: 100%;
        background: #FF0000;/* rojo obtenido de cels.org.ar*/
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.3s ease;
        display: flex;           
        justify-content: center;
    }

    .header-menu.active {
        max-height: 300px;
    }

    .menu-list {
        display: flex;
        flex-direction: column;
        align-items: center;       
        gap: 15px;
        padding: 20px 0;
        margin: 0;
        list-style: none;
    }

	/*EL ITEM OCUPE TODO EL ANCHO*/
    .menu-list li {
        width: 100%;
        text-align: center;
    }

	.menu-list .sub-menu {
        position: static !important;   /* 👈 rompe el fixed */
        top: auto !important;
        left: auto !important;
        transform: none !important;

        width: 100%;
        background: #000;

        display: none; /* 👈 oculto por defecto */
        flex-direction: column;

        opacity: 1 !important;         /* 👈 anula el opacity 0 */
        visibility: visible !important;

        padding: 10px 0;
        gap: 0;
		
		margin-top: 10px; /* 👈 separación visual */
    }


	.menu-item.active > .sub-menu {
		display: flex; /* 👈 aparece */
	}


	.sub-menu a {
		display: block;
		padding: 12px 20px;
		width: 100%;
		text-align: center;
	}


    .header-left {
        order: 1;
    }

    .header-right {
        order: 2;
        margin-left: auto;
    }

    .menu-toggle {
        display: block;
    }
	
}
/************************************************************************* header navbar **********************************************************************/

/*fix scroll anclas*/
#fuera-servicio{
	scroll-margin-top: 40px; /* 👈 altura de tu header */
}

#femicidios {
	scroll-margin-top: 40px; /* 👈 altura de tu header */
}

#ejecuciones-en-servicio{
	scroll-margin-top: 40px; /* 👈 altura de tu header */
}

#represion-de-la-protesta{
	scroll-margin-top: 40px; /* 👈 altura de tu header */
}

#en-carceles-y-comisarias{
	scroll-margin-top: 40px; /* 👈 altura de tu header */
}

/*************************************** PAGE HISTORIAS ********************************************/
.grid-cases .overlay {
  position: relative;
}

.grid-cases .overlay h3.case-name {
  position: absolute;
  bottom: 10px;
  left: 10px;

  margin: 0;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;

  text-shadow: 0 1px 3px rgba(0,0,0,0.8);
} 
/*************************************** PAGE HISTORIAS ********************************************/


@media (max-width: 768px) {
	/*fix encontrado a que viene de themes\cels\stylesheets\css\styles.css y es para h1 para h2 2rem*/
	.section-title{
	  font-size: 2.5rem !important;
	}
}


.containertitlegrafico {
    max-width: 700px;
}



.bloqueimgtitlinkcolumnas {
    display: flex;
    gap: 0px; /* Espacio entre columnas */
    align-items: center; /* Alinea verticalmente al centro */
    flex-wrap: wrap; /* Para que sea responsivo */
}

.bloqueimgtitlinkcolumnas .columna-img, .bloqueimgtitlinkcolumnas .columna-contenido {
    flex: 1; /* Hace que ambas midan lo mismo */
    min-width: 300px; /* Ancho mínimo para móviles */
}

.bloqueimgtitlinkcolumnas .columna-img img {
    max-width: 100%;
    height: 250px;
    display: block;
}


.bloqueimgtitlinkcolumnas .columna-contenido {
	padding-right: 180px; /*fix... para que esten mas juntas las columnas*/
}

.bloqueimgtitlinkcolumnas .columna-contenido .title {
	font-size: 1.8rem;
	color: #cf2e2e;
}

.bloqueimgtitlinkcolumnas .columna-contenido .boton {
    display: inline-block;
    padding: 10px 20px;
    background-color: #0073aa;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}



@media (max-width: 768px) {
	.bloqueimgtitlinkcolumnas .columna-contenido {
		padding-right: 0px;
	}
	
	.bloqueimgtitlinkcolumnas .columna-contenido .title {
		margin-top: 20px;
	}
}



.caso{
	margin-top: 0px !important;
}


.fixhistoriasbtnvolver{
	font-size:1.3rem; 
	font-family: Roboto Light; 
}

.subsecciontipocasos{
  padding-left: 0px;
  padding-right: 0px;
}

/*lazy block Titulo de SubTipoDeCasos*/
.subsecciontipocasostitle{
	font-size:2.5rem !important;
	font-family: 'Roboto Regular Italic', sans-serif;
}

/*lazy block Titulo de TipoDeCasos*/
.tipodecasostitle{
	font-size:2.8rem !important;
}

@media (max-width: 768px) {
	.subsecciontipocasos{
	  padding-left: 0px;
	  padding-right: 0px;
	}
	
	.subsecciontipocasostitle{
		font-size:1.7rem !important;
	}
	
	.tipodecasostitle{
		font-size:2rem !important;
	}
}



/******************************EN LA HOME usado en PHP*************************************/
.titlemainhome {
  display: inline-flex;        /* inline para que no ocupe todo el ancho */
  flex-direction: column;
  align-items: flex-start;
  color: #fff;
  z-index: 10;
  gap: -4px;                   /* gap negativo une los bloques sin pisarse */
  line-height: 1;
}

.titlemainhome span {
  background-color: black;
  color: white;
  padding: 2px 10px 14px;   /* padding-bottom generoso para la "p" */
  display: block;
  line-height: 0.85;
}

/* .titlemainhome span:first-child { */
  /* margin-bottom: -12px; */
/* } */


.titlemainhome span:first-child {
  margin-bottom: -0.12em;   /* resta casi todo el padding-bottom extra se adapta automáticamente a cualquier font-size */
}



.headernew {
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 1.8s ease-in-out;
	
	/*background-image: url("../../assets/img/headerimg.jpg");*/
	background-color: black;
	/*height: 50vh;*/
}

.headernew.loaded {
    opacity: 1;
}

/* CONTENEDOR DEL TEXTO */
.headernew .description {
    display: flex;
    justify-content: center;  /* horizontal */
    align-items: center;      /* vertical */
    text-align: center;
}

.headernew .description .title {
  font-size: 6.6rem;
  margin-bottom: 3rem;
}



/* DESKTOP GRANDE */
@media (min-width: 1400px) {
  .headernew .description .title {
    font-size: 6.6rem; /*si quiero que sea mas grande... en formato NORMAL.. DESKTOP...*/
  }
}

/* TABLET */
@media (max-width: 1024px) {
  .headernew .description .title {
    font-size: 5rem;
  }
}

/* TABLET CHICA */
@media (max-width: 768px) {
  .headernew {
    height: 40vh;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  .headernew .description {
    display: flex;   /* antes era display: none — ahora se muestra */
  }

  .headernew .description .title {
    font-size: 3.8rem;
    margin-bottom: 0;
  }
}

/* MOBILE */
@media (max-width: 480px) {
  .headernew .description .title {
    font-size: 2.8rem;
  }
}

/* MOBILE CHICO */
@media (max-width: 360px) {
  .headernew .description .title {
    font-size: 2.2rem;
  }
}




@media (max-width: 768px) {
    .headernew {
		height: 40vh;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
    }
}
/******************************EN LA HOME usado en PHP*************************************/

/******************************respuesta judicial*******************************/
/*FIX ESPECIAL PARA RESPUESTA JUD QUE HACE BREAK EN PRODUCCION EL TITULO PRINCIPAL POR UNA CLASE NATIVA DE WP*/
.header .title {
  overflow-wrap: normal !important;
  word-break: normal !important;
  white-space: nowrap !important;
}



.header .description .titlefixmob {
	font-size: 6.6rem; /*si quiero que sea mas grande... en formato NORMAL.. DESKTOP...*/
	color: white !important;
}

/* DESKTOP GRANDE */
@media (min-width: 1400px) {
  .header .description .titlefixmob {
    font-size: 6.6rem; /*si quiero que sea mas grande... en formato NORMAL.. DESKTOP...*/
  }
}

/* TABLET */
@media (max-width: 1024px) {
  .header .description .titlefixmob {
    font-size: 5rem;
  }
}

/* TABLET CHICA */
@media (max-width: 768px) {
	
	.header {
		height: 40vh !important;
		background-size: cover!important;
		background-position: center!important;
		background-repeat: no-repeat!important;
	}
	
	.header .description .p-3 {
	/* margin: 30% 150px;*/
	margin: 0px;
}

  .header .description {
    display: flex;   /* antes era display: none — ahora se muestra */
  }

  .header .description .titlefixmob {
    font-size: 3.8rem;
    margin-bottom: 0;
  }
}

/* MOBILE */
@media (max-width: 480px) {
  .header .description .titlefixmob {
    font-size: 2.8rem;
  }
}

/* MOBILE CHICO */
@media (max-width: 360px) {
  .header .description .titlefixmob {
    font-size: 2.2rem;
  }
}
/******************************respuesta judicial*******************************/