 :root {
   --fondo-gris-claro: #eaeaec;
   --color-blackberry: #7A1F5E;
   --color-blackberry-hover: #66194e;
   --color-blackberry-active: #561542;
   --endo-azul: #004a84;
   --color-gris-endo: #b0b4bb;
   --color-blanco: #ffffff;
 }

 :root {
   --btn-azul-bg: var(--endo-azul);
   --btn-azul-bg-hover: #003a68;
   --btn-azul-bg-active: #002e54;
   --btn-azul-text: #ffffff;
 }

 body {
   overflow: auto;
 }

 /* Estado sin scroll */
 body.no-scroll {
   position: fixed;
   /* bloquea la posición */
   top: 0;
   /* asegura que no se mueva */
   left: 0;
   right: 0;
   overflow: hidden;
   /* sin scroll */
   width: 100%;
 }

 .row.no-gutters-fix {
   margin-left: 0;
   margin-right: 0;
 }

 .endo-footer {
   background-color: var(--endo-azul);
   color: white;
 }

 .social-buttons-padding {
   padding: 20px 2rem 2rem 3rem;
 }

 .social-buttons-margin {
   margin-bottom: 1rem;
 }

 .social-buttons-gap {
   gap: 3rem;
 }

 .social-icon {
   font-size: 40px !important;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   background-color: white;
   color: var(--endo-azul);
   width: 64px;
   height: 64px;
   border-radius: 50%;
   text-decoration: none;
 }


 .social-icon:hover {
   background-color: var(--endo-azul);
   color: white;
 }

 .social-icon-spotify {
   background-color: var(--endo-azul) !important;
   color: white !important;
   font-size: 64px !important;
 }

 .social-icon-spotify:hover {
   background-color: white !important;
   color: var(--endo-azul) !important;
   font-size: 70px !important;
   border: 0 !important;
 }

 .footer-img {
   max-height: 200px;
   /* o el alto que prefieras */
   object-fit: contain;
 }

 .copyrigth-legend {
   font-family: 'Gotham Book';
   padding: 3rem !important;
 }

 .link-white-underline {
   color: white;
   text-decoration: none;
 }

 .link-white-underline:hover {
   color: white;
   text-decoration: underline;
 }

 .menu-pie-ecg {
   list-style: none;
   padding-left: 0;
   margin: 0;
 }

 .menu-pie-ecg li {
   width: 100%;
   text-transform: uppercase;
 }

 .com-contact.contact {
   padding: 5rem;
 }

 .menu-pie-ecg li a,
 .menu-pie-ecg li span {
   display: block;
   width: 100%;
   color: white;
   text-decoration: none;
   /* padding: 0.5rem 0;*/
   transition: all 0.3s ease;
   font-size: 17px;
   font-family: 'Gotham Book';
 }

 .menu-pie-ecg li a:hover {
   text-decoration: none;
   color: #a9adb5;
 }

 a.item-consenso+ul>li {
   padding-left: 20px;
 }

 a.item-consenso+ul>li>a::before {
   content: ". ";
 }

 a.item-consenso+ul>li>a {
   text-transform: initial;
 }

 a.item-consenso+ul>li>a:hover {
   color: #a9adb5;
 }

 /* Estilo especial para el título con la línea ECG */
 .title-menu-wl {
   position: relative;
   display: inline-block;
   padding-bottom: 0.7rem;
 }

 .menu-pie-ecg li a.title-menu-wl:hover {
   text-decoration: none;
 }

 section.com-content-main-article-view img {
   max-width: 100%;
   height: auto;
 }

 .title-menu-wl::after {
   content: '';
   display: block;
   width: 100%;
   height: 15px;
   /* background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 20' preserveAspectRatio='none'><polyline points='0,5 130,5' style='fill:none;stroke:white;stroke-width:2' /><polyline points='130,5 135,20 140,5' style='fill:none;stroke:white;stroke-width:1' /><polyline points='140,5 150,5' style='fill:none;stroke:white;stroke-width:2' /></svg>") no-repeat; */
   background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 20' preserveAspectRatio='none'><polyline points='0,5 130,5' style='fill:none;stroke:%23587aa7;stroke-width:2' /><polyline points='130,5 133,15 136,5' style='fill:none;stroke:%23587aa7;stroke-width:1' /><polyline points='136,5 150,5' style='fill:none;stroke:%23587aa7;stroke-width:2' /></svg>") no-repeat;
   background-size: 100% 100%;
 }

 .artcile-content>* {
   font-family: "Gotham Book";
 }

 /* Header */
 .menu-access {
   position: absolute;
   top: 0;
   right: 0;
   z-index: 1000;
   font-family: 'Gotham Medium';
   font-size: 15pt;
   text-transform: uppercase;
   color: var(--endo-azul) !important;
   padding: 0px 40px;
   border-bottom-left-radius: 25px;
   background-color: white;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 }

 header {
   position: relative;
 }

 .menu-header-icons a {
   color: var(--endo-azul) !important;
   font-size: 0.85rem;
 }

 .menu-header-icons i {
   font-size: 1.2rem;
 }

 /* Submenús dentro del dropdown */
 .dropdown-submenu {
   position: relative;
 }

 .dropdown-submenu>.dropdown-menu {
   top: 0;
   left: 100%;
   margin-left: 0.1rem;
   margin-top: 0;
 }

 /* Asegura que todo se despliegue hacia abajo */
 .dropdown-menu {
   top: 100% !important;
   left: 0 !important;
 }

 a.title-menu-wl,
 span.title-menu-wl {
   font-size: 17px;
   font-family: 'Gotham Medium' !important;
 }

 .pad-gon {
   padding: 0px 20px;
 }

 /* Menú principal horizontal */
 #endoMenu.mod-menu {
   display: flex;
   flex-wrap: wrap;
   gap: 38px;
   padding-left: 0;
   list-style: none;
 }

 .item-consenso::after,
 #endoMenu .item-245>.mod-menu__heading::after {
   content: "\f282";
   /* Unicode de bi-chevron-down */
   font-family: "bootstrap-icons";
   font-size: 0.9rem;
   color: var(--endo-azul) !important;
   margin-left: 8px;
   font-weight: bold;
   transition: transform 0.3s ease;
 }

 .item-consenso::after {

   color: #fff !important;

 }

 .nav-item.open>.item-consenso::after,
 #endoMenu .item-245.open>.mod-menu__heading::after {
   content: "\f286";
   /* Unicode de bi-chevron-up */
 }

 /* Ítems principales */
 #endoMenu>.nav-item {
   position: relative;
   z-index: 501;
 }

 /* Estilos generales del enlace principal */
 #endoMenu>.nav-item>.mod-menu__heading {
   display: block;
   font-family: "Gotham Medium";
   /*padding: 10px;*/
   cursor: pointer;
   /* color: var(--endo-azul); */
   font-weight: 600;
   border-radius: 0.4rem;
   background-color: transparent;
   transition: background-color 0.3s ease;
 }

 #endoMenu>.nav-item>.mod-menu__heading:hover {
   /* background-color: #e6f0fa; */
 }

 /* Submenús ocultos por defecto */
 #endoMenu .mod-menu__sub {
   display: none;
   position: absolute;
   top: 100%;
   left: 0;
   min-width: 260px;
   background-color: #fff;
   /* box-shadow: 0 2px 8px rgba(0, 71, 125, 0.15); */
   z-index: 1000;
   /* border-radius: 0.3rem; */
   padding: 0.5rem 0;
 }

 /* Mostrar submenú al hover */
 #endoMenu>.nav-item:hover>.mod-menu__sub,
 #endoMenu .nav-item:hover>.mod-menu__sub {
   display: block;
 }

 /* Ítems del submenú */
 #endoMenu .mod-menu__sub li a,
 #endoMenu .mod-menu__sub li .mod-menu__heading {
   display: block;
   padding: 5px 0px;
   font-family: "Gotham Book";
   color: var(--endo-azul);
   text-decoration: none;
   font-size: 0.95rem;
   background-color: transparent;
 }

 #endoMenu>.nav-item {
   transition: opacity 0.3s ease;
 }

 ul.menu-header-endoweb>li>ul>li>span,
 ul.menu-header-endoweb>li>ul>li>a {
   text-transform: uppercase;
 }

 #endoMenu .mod-menu__sub li a:hover,
 #endoMenu .mod-menu__sub li .mod-menu__heading:hover {
   color: #a9adb5;
 }

 /* Sub-submenú (nivel 2) */
 #endoMenu .mod-menu__sub .nav-item {
   position: relative;

 }

 li.item-245>ul.mod-menu__sub>li {
   /* text-transform: capitalize !important; */
   padding-left: 30px;
 }

 li.item-245>ul.mod-menu__sub>li>a::before {
   content: ". ";
 }


 #endoMenu .mod-menu__sub .mod-menu__sub {
   position: absolute;
   top: 30px;
   left: 0%;
 }



 /* Limpieza */
 #endoMenu .list-unstyled {
   margin: 0;
   padding: 0;
   list-style: none;
   min-width: max-content;
   width: auto;
 }

 #dropdownBackdrop {
   position: absolute;
   left: 0;
   width: 100vw;
   height: 0;
   background-color: white;
   z-index: 500;
   /* Debe estar debajo del menú (que suele tener más de 1000) */
   transition: height 0.3s ease;
   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
   display: none;
 }


 .bg-endoweb {
   background-image: url('http://www.latinium.com.ar/endoweb/templates/endoweb/img/background-header.jpg');
   /* background-image: url('http://localhost/templates/endoweb/img/background-header.jpg');*/
   max-height: 600px;
   min-height: 600px;
   height: 600px;
   /* overflow: hidden;*/
   font-family: 'Gotham Book';
   font-size: 15pt;
 }

 .bg-of-section {
   max-height: 150px;
   min-height: 150px;
   height: 150px;
   box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
 }

 nav.nav-endoweb {
   top: 1.5rem;
   position: relative;
 }

 .logo-endo {
   z-index: 501;
 }

 .menu-header-endoweb>.nav-item>.mod-menu__heading {
   position: relative;
   display: inline-block;
   text-align: center;
   /*width: 306px;*/
   /* o el ancho que mejor se adapte */
   padding-bottom: 0.7rem;
   color: var(--color-blackberry);
   /* Blackberry */
   font-weight: bold;
   text-transform: uppercase;
   font-family: 'Gotham Medium';
   font-size: 13pt;
 }

 .menu-header-endoweb>.nav-item>.nav-link:hover {
   text-decoration: none;
 }

 .menu-header-endoweb>.nav-item>.mod-menu__heading::after {
   content: '';
   display: block;
   width: 100%;
   height: 15px;
   background-size: 100% 100%;
 }

 .ecg-cientifico::after {
   background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 20' preserveAspectRatio='none'><polyline points='0,5 130,5' style='fill:none;stroke:%234B1049;stroke-width:2' /><polyline points='130,5 133,15 136,5' style='fill:none;stroke:%234B1049;stroke-width:1' /><polyline points='136,5 150,5' style='fill:none;stroke:%234B1049;stroke-width:2' /></svg>") no-repeat;

 }

 .ecg-docencia::after {
   background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 20' preserveAspectRatio='none'><polyline points='0,5 130,5' style='fill:none;stroke:%234B1049;stroke-width:2' /><polyline points='130,5 133,15 136,5' style='fill:none;stroke:%234B1049;stroke-width:1' /><polyline points='136,5 150,5' style='fill:none;stroke:%234B1049;stroke-width:2' /></svg>") no-repeat;

 }

 .ecg-tutti::after {
   background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 20' preserveAspectRatio='none'><polyline points='0,5 130,5' style='fill:none;stroke:%234B1049;stroke-width:2' /><polyline points='130,5 133,15 136,5' style='fill:none;stroke:%234B1049;stroke-width:1' /><polyline points='136,5 150,5' style='fill:none;stroke:%234B1049;stroke-width:2' /></svg>") no-repeat;

 }

 .pad-endo-header {
   padding-top: 2.5rem;
   padding-left: 2rem;
 }

 .hero-search-container {
   padding-top: 170px !important;
 }

 .hero-search-container h1 {
   color: var(--endo-azul);
   font-size: 50px;
 }

 .search-box-wrapper {
   max-width: 950px;
   width: 100%;
   position: relative;
 }

 .search-box {
   position: relative;
 }

 .search-box input,
 .search-box-tiny input {
   width: 100%;
   padding-right: 50px;
   border-radius: 999px;
   border: 2px solid var(--endo-azul);
   height: 80px;
   padding-left: 30px;
   font-size: 35px;
 }

 .search-box-tiny input {
   height: 35px;
   font-size: 14px;
 }

 .search-box .search-button,
 .search-box-tiny .search-button-tiny {
   position: absolute;
   right: 25px;
   top: 46%;
   transform: translateY(-50%);
   background: none;
   border: none;
   padding: 0;
   cursor: pointer;
 }

 .search-button-tiny svg {
   width: 20px;
   height: 20px;
 }

 div#mf-scroll-destination {
   z-index: 501;
 }

 .search-button svg {
   width: 45px;
   height: 45px;
 }

 .dra-hormonita-header {
   position: relative;
   bottom: 0;
   transition: filter 0.4s ease, transform 0.4s ease;
   top: -290px;
   animation: flotar 3s ease-in-out infinite;
   /*left: 95%;*/
   left: 102%;
   opacity: 0.5;
 }

 .dra-hormonita-azul {
   max-height: 80px !important;
   position: relative;
   top: 9px;
 }

 @keyframes flotar {
   0% {
     transform: translateY(0);
   }

   50% {
     transform: translateY(-15px);
   }

   100% {
     transform: translateY(0);
   }
 }

 .dra-hormonita-header:hover {
   filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.4));
   transform: translateY(-4px);
 }

 /** Begin carrousel **/
 .carousel-wrapper {
   position: relative;
   padding: 4rem 4rem;
   background: #f8f9fa;
 }

 .carousel-inner {
   display: flex;
   overflow-x: auto;
   scroll-behavior: smooth;
   /* gap: 1.5rem; */
   -webkit-overflow-scrolling: touch;
   /* para iOS */
   scrollbar-width: none;
   /* Firefox: oculta scrollbar */
 }

 .main-carousel {
   background-color: #eef1f2;
 }

 .carousel-inner::-webkit-scrollbar {
   display: none;
   /* Chrome/Safari */
 }

 .articulo-card {
   min-width: 550px;
   max-width: 550px;
   height: 300px;
   position: relative;
   overflow: hidden;
   border-radius: 0;
   background-size: cover;
   background-position: center;
   transition: transform 0.5s ease, box-shadow 0.5s ease;
   transform-origin: center;
 }

 .articulo-card:hover {
   transform: scale(1.05);
   box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4);
 }

 .articulo-card .card-body {
   position: relative;
   z-index: 1;
   background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
   height: 100%;
   padding: 2rem;
   transition: background 0.5s ease;
 }

 .articulo-card .card-category,
 .articulo-card .card-title {
   transition: transform 0.5s ease, opacity 0.5s ease;
 }

 .articulo-card:hover .card-body {
   background: none;
 }

 .articulo-card:hover .card-category,
 .articulo-card:hover .card-title {
   transform: translateY(100%);
   opacity: 0;
 }


 small.card-category {
   font-family: "Gotham Book";
   font-size: 17px;
 }

 h5.card-title {
   font-family: "Gotham Medium";
   font-size: 29px;
 }

 .carousel-control-prev,
 .carousel-control-next {
   font-family: "Gotham Medium";
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   background: white;
   border-radius: 50%;
   width: 4.5rem;
   height: 4.5rem;
   font-size: 4.55rem;
   border: none;
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   z-index: 10;
   color: #999;
   align-items: flex-start;
   justify-content: center;
   display: flex;
   line-height: 0.8;
   opacity: .8;
 }

 .carousel-control-prev:focus,
 .carousel-control-next:focus,
 .carousel-control-prev:hover,
 .carousel-control-next:hover {
   color: #999;
   text-decoration: none;
   outline: 0;
   opacity: 1;
 }

 .carousel-control-prev {
   left: 25px;
 }

 .carousel-control-next {
   right: 40px;
 }

 /** End carrousel **/


 /* BEGIN SECTION LATEST ARTICLES */
 .gap-carrousel {
   gap: 3.5rem;
 }

 .article-date {
   font-size: 11pt;
   color: #a7acb3 !important;
   border-bottom: 2px solid #dedede !important;
   padding-bottom: 0.5rem;
   margin-bottom: 0.5rem;
 }

 .mod-articles-category-endoweb {
   margin: 3rem !important;
 }

 .gap-last-articles {
   gap: 2rem;
 }

 .articulo-box {
   flex: 0 0 calc(33.333% - 2.333rem);
   /* 3 por fila con gap compensado */
   min-width: 280px;
   /* opcional para responsive */
   transition: background-color 0.3s ease, padding 0.3s ease;
   padding: 1.5rem;
   border-radius: 0.5rem;
 }

 /*
.articulo-box {
}
  */


 .articulo-box:hover {
   background-color: #f5f5f5;
 }

 .articulo-box:hover .latest-article-title {
   text-decoration: underline;
 }

 .latest-article-category {
   font-family: "Gotham Book";
   color: var(--color-blackberry);
   font-size: 17px;
 }

 .latest-article-title {
   font-family: "Gotham Book";
   color: var(--endo-azul);
   font-size: 1.5rem;
 }

 /* END SECTION LATEST ARTICLES */

 /* POPULAR ARTICLES */
 .mod-popular-articles {
   margin: 3rem;
 }

 .popular-title,
 .numero-articulo,
 .popular-article-item,
 .popular-article-link {
   font-size: 1.6rem;
   font-family: 'Gotham Book';
 }

 .popular-article-link-ateneos {
   font-size: 17px;
 }

 .popular-title {
   margin-bottom: 1.5rem !important;
 }

 .numero-articulo,
 .popular-title {
   font-size: 2.8rem;
   color: var(--color-blackberry);
 }

 .popular-article-item {
   padding-top: 1rem !important;
   padding-bottom: 1rem !important;
 }

 .numero-articulo {
   margin-right: 1rem !important;
 }

 .magenta {
   color: var(--color-blackberry);
 }

 .numero-articulo {
   width: 4rem;
   height: 4rem;
   border: 2px solid var(--color-blackberry);
   font-weight: 600;
   text-align: center;
   border-radius: 50%;
   font-size: 1.5rem;
   line-height: 3.6rem;
   flex-shrink: 0;
 }

 .popular-article-item {
   border-top: 1px solid var(--endo-azul);
 }

 .popular-article-item+.popular-article-item {
   border-bottom: 1px solid var(--endo-azul);
 }

 /*
 li.popular-article-item:last-child {
   border-bottom: 1px solid var(--endo-azul);
 }
*/
 .popular-article-item-second-list {
   border-bottom: 1px solid var(--endo-azul);

 }

 .popular-article-link,
 .ultimo-articulo-item-link {
   color: var(--endo-azul);
   text-decoration: none;
   font-weight: 500;
   line-height: 1.4;
   font-size: 1.5rem;
   padding-left: 0;
   text-decoration: none;
   display: inline-block;
   transition: padding-left 0.3s ease;
 }


 .articulo-popular.box-50 {
   flex: 0 0 calc(50% - 2rem);
   box-sizing: border-box;
 }

 .gap-popular-articles {
   row-gap: 0rem;
   column-gap: 2rem;
 }

 .popular-article-link:hover {
   padding-left: 0.5rem;
   text-decoration: none;
 }

 /* Lateral de Ateneos */
 .lateral-title {
   font-size: 25px;
   font-family: "Gotham Book";
   padding: 5px 0px;
   color: var(--color-blackberry)
 }

 .lista-ultimos-articulos {
   margin: 0;
   padding: 0;
 }

 .ultimo-articulo-item {
   border-bottom: 1px solid var(--fondo-gris-claro);
   display: grid;
 }

 .ultimo-articulo-item-link {
   font-family: "Gotham Book";
   color: var(--endo-azul);
   text-decoration: none;
   font-weight: 500;
   line-height: 1.4;
   font-size: 1.2rem;
   padding-left: 0;
   display: inline-block;
   transition: padding-left 0.3s ease;
   padding: 1rem 0;
 }

 .ultimo-articulo-item-link {
   font-size: 17px;
 }

 .ultimo-articulo-item-link:hover {
   text-decoration: none;
   background-color: var(--fondo-gris-claro);
 }

 /* Ateneos medicos */
 .ateneos-title {
   font-family: 'Gotham Book';
   font-size: 3rem;
   margin-bottom: 2rem;
 }

 .ateneos-wrapper {
   background-image: url('../img/ateneos.jpg');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   color: white;
 }

 .carrousel-ateneos {
   background-color: transparent;
 }

 .articulo-card-ateneos {
   font-family: 'Gotham Book';
   font-size: 1.4rem;
   border: 0;
   background-color: transparent;
   background-color: rgba(73, 84, 92, 0.6);
   min-width: 414px;
   max-width: 414px;
   height: 250px;
 }

 .gap-carrousel-ateneos {
   gap: 2rem;
 }

 .articulo-card-ateneos .card-body {
   background: none;
 }

 .articulo-card .card-title {
   font-family: 'Gotham Medium';
   font-size: 1.7rem;
 }

 /*
.articulo-card:hover .card-title {
  transform: translateY(10%);
  opacity: 1;
}
  */

 section.main-carousel.ateneos-wrapper.mt-2>div>button.carousel-control-next,
 section.main-carousel.ateneos-wrapper.mt-2>div>button.carousel-control-prev {
   top: 60%
 }

 .carousel-wrapper-landings>button.carousel-control-next,
 .carousel-wrapper-landings>button.carousel-control-prev {
   top: 54%
 }

 .articulo-card-landings {
   height: 475px;
   max-height: 475px;
   min-width: 425px;
   max-width: 425px;
 }

 .gap-carrousel-landings {
   gap: 1.4rem;
 }

 .articulo-card-landings .card-body {
   padding: 1.8rem 1.4rem;
   background-color: rgba(0, 74, 132, 0.9);
   margin-top: 52%;
 }

 /* Membresias */

 .mod-banners-membresias {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
 }

 .mod-banners-membresias__item {
   flex: 1 1 300px;
   /* Se adaptan hasta cierto ancho mínimo */
   max-width: 50%;
   /* Hasta el 48% en escritorio */
   box-sizing: border-box;
   text-align: center;
 }

 .mod-banners-membresias__item img {
   width: 100%;
   height: auto;
   display: block;
 }

 .search-endoweb,
 .search-endoweb:focus {
   color: var(--endo-azul);
 }

 /* Articulos */
 .section-header {
   display: flex;
   align-items: center;
   /* Centra verticalmente */
   justify-content: center;
   /* Opcional: centra horizontalmente */
   background: linear-gradient(to right,
       #ffffff 0%,
       #ffffff 20%,
       #ffffff 40%,
       #fefefe 60%,
       #f0f0f0 80%,
       #e5e5e7 100%);
   box-shadow: inset 0 4px 6px -6px rgba(0, 0, 0, 0.15);
   min-height: 100px;
   border-bottom: 2px solid var(--fondo-gris-claro)
 }

 .section-header-icon-left {

   max-height: 70px;
 }

 .section-header-title {
   font-size: 2rem;
   font-weight: 600;
   color: #004B8D;
   font-family: 'Gotham Book';
 }

 .section-header-bg-icon img {
   height: 100px;
   min-height: 100px;
   max-height: 100px;
   /* width: auto; */
   pointer-events: none;
   position: relative;
   right: 80px;
 }

 .lat-social-buttons {
   display: flex;
   gap: 1rem;
 }

 .lat-button {
   position: relative;
   width: 44px;
   height: 44px;
   border: none;
   background-color: transparent;
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   cursor: pointer;
   padding: 0;
   display: inline-block;
 }

 .lat-button .lat-count-likes {
   font-family: "Gotham Condensed Book";
   position: absolute;
   bottom: 4px;
   right: -2px;
   font-size: 0.75rem;
   color: var(--endo-azul);
   font-weight: bold;
   line-height: 1;
 }

 .lat-button .lat-count-comments {
   font-family: "Gotham Condensed Book";
   position: absolute;
   bottom: 16px;
   right: 7px;
   font-size: 0.75rem;
   color: var(--endo-azul);
   font-weight: bold;
   line-height: 1;
   min-width: 30px;
   text-align: center;
 }

 /* Íconos específicos */
 .lat-like {
   background-image: url('https://www.latinium.com.ar/endoweb/templates/endoweb/img/like.png');
   background-size: 57%;
 }

 .lat-comment {
   background-image: url('https://www.latinium.com.ar/endoweb/templates/endoweb/img/comment.png');
   background-size: 63%;
   background-position-y: 10px;
 }

 .lat-share {
   background-image: url('https://www.latinium.com.ar/endoweb/templates/endoweb/img/share.png');
   background-size: 68%;
   background-position-y: 10px;
 }

 .lat-pdf {
   background-image: url('https://www.latinium.com.ar/endoweb/templates/endoweb/img/pdf.png');
   background-size: 66%;
   background-position-y: 10px;
 }

 .article-title {
   font-size: 36px;
   color: var(--color-blackberry);
   font-family: 'Gotham Medium';
   margin: 0;
 }

 .artcile-content {
   margin-top: 20px;
   font-family: "Gotham Book";
 }

 .art-author,
 .art-date {
   color: #495462 !important;
   padding-bottom: 0.5rem;
   margin-bottom: 0.5rem;
   font-family: 'Gotham Book';
   font-size: 0.8rem;
 }

 /** Commets */
 #body-main-container {
   position: relative;
   z-index: 1;
   overflow: hidden;
   /* Evita scrolls feos si quieres */
 }

 #commentsPanel {
   position: absolute;
   top: 0;
   right: -60%;
   width: 60%;
   height: 100%;
   background-color: #ffffff;
   box-shadow: -2px 0 10px rgba(0, 0, 0, 0.5);
   overflow-y: auto;
   transition: right 0.4s ease;
   z-index: 9999;
   padding: 20px;
   visibility: hidden;
 }

 #commentsPanel.active {
   right: 0;
   visibility: visible;
 }

 #closeCommentsBtn {
   display: block;
   color: #000;
   border: none;
   cursor: pointer;
   border: 1px solid black;
 }

 #commentsPanel h2 {
   margin-top: 0;
 }

 .comments-content {
   margin-top: 20px;
 }

 #overlay-comments {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgba(0, 0, 0, 0.5);
   opacity: 0;

   visibility: hidden;
   transition: opacity 0.4s ease;
   z-index: 9998;
 }

 #overlay-comments.active {
   opacity: 1;
   visibility: visible;
 }

 /* Botón de cierre con Bootstrap Icon */
 .close-button {
   position: absolute;
   top: 15px;
   right: 15px;
   background: none;
   border: none;
   font-size: 1.1rem;
   cursor: pointer;
   color: #333;
 }

 .close-button:hover {
   color: #d33;
 }

 .panel-title {
   margin-top: 0;
   margin-bottom: 5px;
   color: #66124e;
   font-size: 1.5rem;
   font-weight: bold;
 }

 .comment-count {
   font-weight: normal;
 }

 .panel-subtitle {
   font-size: 0.9rem;
   color: #555;
   margin-bottom: 15px;
 }

 .comment-input {
   width: 100%;
   height: 100px;
   resize: vertical;
   padding: 10px;
   margin-bottom: 10px;
   border: 1px solid #ccc;
   font-size: 1rem;
 }

 .send-button {
   width: 100%;
   background-color: #003366;
   color: #fff;
   border: none;
   padding: 12px;
   font-weight: bold;
   cursor: pointer;
 }

 .send-button:hover {
   background-color: #002244;
 }

 .subscribe-box {
   margin-top: 15px;
   padding: 10px;
   background-color: #f5f5f5;
   font-size: 0.9rem;
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .subscribe-button {
   background-color: #d3d9df;
   border: none;
   padding: 5px 10px;
   cursor: pointer;
 }

 .subscribe-button:hover {
   background-color: #b6c0cb;
 }

 /*
.comments-list {
  margin-top: 20px;
}

.comment-item {
  border-top: 1px solid #ddd;
  padding: 10px 0;
}

.comment-item strong {
  display: block;
  margin-bottom: 5px;
}

.comment-item p {
  margin: 0;
}
  */
 .comments-list {
   margin-top: 20px;
 }

 .comment-item {
   display: flex;
   justify-content: space-between;
   align-items: flex-start;
   padding: 15px;
   border-top: 1px solid #ddd;
 }

 .comment-item:first-child {
   border-top: none;
 }

 .comment-data {
   flex: 1;
   margin-right: 10px;
 }

 .comment-author-date {
   font-size: 0.95rem;
   color: #555;
   margin-bottom: 5px;
 }

 .comment-author {
   font-weight: bold;
   color: #333;
 }

 .comment-date {
   color: #888;
 }

 .comment-content {
   font-size: 1rem;
   color: #222;
   line-height: 1.4;
 }

 .comment-author-country {
   flex-shrink: 0;
 }

 .comment-author-country img {
   object-fit: cover;
   border-radius: 2px;
 }

 .comments-list>p {
   text-align: center;
 }

 #comment-form-warn {
   background-color: #b8bbc0;
   color: white;
   display: flex;
   justify-content: center;
   align-items: center;
   text-align: center;
   padding: 20px;
   box-sizing: border-box;
   margin-top: 20px;
   font-size: 1.2rem;
   font-family: 'Gotham Medium';
 }

 a.white-link {
   color: #ffffff;
   text-decoration: none;
   transition: color 0.3s ease;
 }

 a.white-link:hover {
   color: #dddddd;
   text-decoration: underline;
   /* opcional */
 }

 .spinner-comment {
   display: inline-block;
   width: 16px;
   height: 16px;
   border: 2px solid #ccc;
   border-top-color: #003366;
   border-radius: 50%;
   animation: spin 0.6s linear infinite;
   vertical-align: middle;
   margin-right: 5px;
 }

 @keyframes spin {
   to {
     transform: rotate(360deg);
   }
 }

 .comment-loader {
   margin-top: 10px;
   color: #fff;
   font-weight: bold;
   text-align: center;
   font-size: 0.95rem;
 }

 /* share */
 .lat-share-bubble {
   position: absolute;
   background: #fff;
   padding: 12px 16px;
   border-radius: 16px;
   box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
   display: flex;
   gap: 14px;
   align-items: center;
   z-index: 9999;
   transition: opacity 0.3s;

 }

 /*
.lat-share-bubble::before {
  content: "";
  position: absolute;
  top: -10px;
  left: 30px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.15));

}
*/
 .share-button {
   background: #ccc;
   border-radius: 50%;
   width: 42px;
   height: 42px;
   display: flex;
   justify-content: center;
   align-items: center;
   color: white;
   text-decoration: none;
   font-size: 20px;
   cursor: pointer;
   transition: background 0.3s;
 }

 .share-button:hover {
   background: #999;
 }

 #lat-mail-modal {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.5);
   display: none;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   z-index: 10000;
 }

 #lat-mail-modal.active {
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
 }

 #lat-mail-modal-content {
   background: #fff;
   padding: 20px;
   border-radius: 8px;
   max-width: 400px;
   width: 90%;
 }

 #lat-mail-modal-content h4 {
   margin-top: 0;
 }

 #lat-mail-modal-content input,
 #lat-mail-modal-content textarea {
   width: 100%;
   padding: 8px;
   margin: 6px 0;
   border: 1px solid #ccc;
   border-radius: 4px;
 }

 #lat-mail-modal-content button {
   padding: 8px 16px;
   background-color: #003366;
   color: white;
   border: none;
   border-radius: 4px;
   cursor: pointer;
 }

 #lat-mail-modal-content button:hover {
   background-color: #001f4d;
 }

 #lat-mail-modal-close {
   background: none;
   border: none;
   font-size: 24px;
   cursor: pointer;
   float: right;
 }

 .com-users-registration,
 .com-users-reset {
   margin: 20px 3rem;
 }

 .com-users-login__remember>div>label.form-check-label {
   font-family: "Gotham Book";
   font-size: 15px;
   color: var(--endo-azul);
 }

 .endo-form {
   max-width: 65%;
   margin: 0 auto;
   margin-bottom: 30px;
 }

 .com-users-login__remember {
   margin: 20px 0px;
 }

 .com-users-login {
   margin: 20px auto;
 }

 .com-users-login__input+.com-users-login__input {
   margin-top: 20px;
 }

 .com-users-login__options.list-group>a {
   color: var(--endo-azul) !important;
   font-family: 'Gotham Medium';
   font-size: 13px;
 }

 .azul {
   color: var(--endo-azul);
 }

 .com-users-registration-intro-text {
   font-family: 'Gotham Book';
   color: var(--endo-azul);
   font-size: 17px;
 }

 .form-select {
   color: var(--endo-azul);
   font-size: 16px;
 }

 .endo-form-field>div>label,
 .endo-form-field>label,
 div.control-label>label {
   color: var(--color-blackberry);
   font-family: 'Gotham Medium';
   text-transform: uppercase;
   font-size: 11px;
 }

 .mandatory-field {
   color: var(--color-blackberry);
   font-family: 'Gotham Medium';
 }

 .btn-calendar-register,
 .input-password-toggle {
   border-color: var(--endo-azul);
   background-color: var(--endo-azul);
 }

 .input-password-toggle:hover,
 .input-password-toggle:active,
 .input-password-toggle:focus,
 .btn-calendar-register:hover,
 .btn-calendar-register:active,
 .btn-calendar-register:focus {
   border-color: var(--color-gris-endo) !important;
   background-color: var(--color-gris-endo) !important;
 }

 span.form-control-feedback {
   color: var(--color-gris-endo);
   margin-left: 10px;
 }

 ul.user-interest-category {
   padding: 0;
   margin: 0;
 }

 ul.user-interest-category,
 ul.user-interest-category li {
   font-family: 'Gotham Book';
   font-size: 16px;
   color: var(--endo-azul);
 }

 .icon-calendar::before {
   content: "\f133";
   /* Unicode del icono calendar */
   font-family: var(--fa-style-family, "Font Awesome 6 Free");
   font-weight: var(--fa-style, 900);
   /* 900 = solid */
   font-style: normal;
   display: inline-block;
 }

 .icon-eye::before {
   content: "\f06e";
   /* Unicode del icono eye */
   font-family: var(--fa-style-family, "Font Awesome 6 Free");
   font-weight: var(--fa-style, 900);
   font-style: normal;
   display: inline-block;
 }

 .icon-eye-slash::before {
   content: "\f070";
   /* Unicode del icono eye-slash */
   font-family: var(--fa-style-family, "Font Awesome 6 Free");
   font-weight: var(--fa-style, 900);
   font-style: normal;
   display: inline-block;
 }

 .dl-horizontal dt {
   float: left;
   width: 160px;
   overflow: hidden;
   clear: left;
   text-align: right;
   text-overflow: ellipsis;
   white-space: nowrap;
   font-family: 'Gotham Medium';
   color: var(--color-blackberry);
 }


 .dl-horizontal dd {
   font-family: 'Gotham Book';
   margin-left: 180px;
 }


 .btn-violet {
   background-color: var(--color-blackberry);
   color: var(--color-blanco);
   border: 1px solid var(--color-blackberry);
   padding: 0.5rem 1.25rem;
   font-size: 1rem;
   border-radius: 0;
   font-family: 'Gotham Book';
   cursor: pointer;
   transition: background-color 0.2s ease-in-out, box-shadow 0.2s;
 }

 .btn-violet:hover,
 .btn-violet:focus {
   color: #fff !important;
   background-color: var(--color-blackberry-hover) !important;
   box-shadow: 0 0 0 2px rgba(122, 31, 94, 0.3);
   outline: none;
 }

 .btn-violet:active {
   background-color: var(--color-blackberry-active) !important;
 }

 .btn-violet-outline {
   background-color: var(--color-blanco);
   color: var(--color-blackberry);
   border: 1px solid var(--color-blackberry);
   padding: 0.5rem 1.25rem;
   font-size: 1rem;
   border-radius: 0;
   font-family: 'Gotham Book';
   cursor: pointer;
   transition: background-color 0.2s ease-in-out, box-shadow 0.2s;
 }

 .btn-violet-outline:hover,
 .btn-violet-outline:focus {
   color: var(--color-blackberry-hover) !important;
   border: 1px solid var(--color-blackberry-hover) !important;
   box-shadow: 0 0 0 2px rgba(122, 31, 94, 0.3);
   outline: none;
 }

 .btn-violet-outline:active {
   color: var(--color-blackberry-active) !important;
   border: 1px solid var(--color-blackberry-active) !important;
 }

 .btn-user-registration,
 .btn-user-reset,
 .btn-user-login {
   min-width: 200px;
   text-transform: uppercase;
   font-size: 15px;
 }

 .btn-user-registration+.btn-user-registration {
   margin-left: 20px;
 }

 .reset-pass-title-stage {
   color: var(--color-blackberry);
   font-size: 24px;
   font-family: "Gotham Medium";
   padding-bottom: 2px;
 }

 .btn-azul {
   background-color: var(--btn-azul-bg);
   color: var(--btn-azul-text);
   border: none;
   padding: 0.5rem 1.25rem;
   font-size: 1rem;
   border-radius: 4px;
   font-family: 'Gotham Book';
   cursor: pointer;
   transition: background-color 0.2s ease-in-out, box-shadow 0.2s;
 }

 div.com-users-remind__submit>div.controls,
 div.com-users-reset__submit>div.controls,
 div.com-users-reset-confirm__submit>div.controls,
 div.com-users-reset-complete__submit>div.controls {
   margin: 20px 0px;
 }

 fieldset.users-form>legend {
   font-family: 'Gotham Book';
   font-size: 1.1rem;
 }

 .btn-azul:hover,
 .btn-azul:focus {
   color: #fff;
   background-color: var(--btn-azul-bg-hover);
   box-shadow: 0 0 0 2px rgba(0, 71, 125, 0.3);
   outline: none;
 }

 .btn-azul:active {
   background-color: var(--btn-azul-bg-active);
 }

 /* Resultados de busqueda */

 div.com-finder {
   padding: 0 50px;
 }

 .com-finder-search input {
   font-family: 'Gotham Bold';
   font-size: 1rem;
   background-color: var(--fondo-gris-claro);
   border-radius: 0 !important;
   border: 0 !important;
   color: var(--endo-azul);
   width: 269px;
 }

 .com-finder-search button,
 .com-finder-search button:focus {
   font-family: 'Gotham Book';
   font-size: 1rem;
   border: 0;
   background-color: var(--fondo-gris-claro);
   color: var(--endo-azul);
 }

 .com-finder-search button.search-button svg {
   width: 20px;
   height: 20px;
 }

 div.com-finder-search {
   display: inline-flex;
   width: 270px;
   margin-right: 15px;
 }

 div.com-finder-search>div.controls>select {
   background-color: var(--fondo-gris-claro);
   font-family: 'Gotham Book';
   font-size: 1rem;
   color: var(--endo-azul);
   border: 0;
   border-radius: 0;
 }

 div.com-finder-search,
 div.com-finder-search>div.controls>select {
   width: 261px;
 }

 .com-finder-search input {
   width: 230px;
 }

 h3.article-title.no-margin {
   margin: 0;
 }

 .tag-violet {
   display: inline-block;
   padding: 0.35em 0.35em;
   border: 1px solid var(--color-blackberry);
   border-radius: 50%;
   color: var(--color-blackberry);
   font-weight: bold;
   font-size: 0.9em;
   background-color: transparent;
   line-height: 1;
   width: 30px;
   height: 30px;
 }

 .com-finder-search,
 .filter-branch {
   display: inline-flex;
   width: auto;
 }

 .result_endo_item {
   margin-bottom: 2rem;
   list-style: none;
   font-family: 'Gotham Book', sans-serif;
 }

 .result_endo_title {
   font-size: 1.25rem;
   font-weight: bold;
   color: var(--color-blackberry);
   /* Violeta */
   margin-bottom: 0.25rem;
 }

 .result_endo_category {
   font-size: 0.95rem;
   font-family: 'Gotham Medium', sans-serif;
   color: var(--endo-azul);
   /* Azul categoría */
   margin-bottom: 0.5rem;
 }

 .result_endo_description {
   font-size: 1rem;
   color: var(--endo-azul);
   /* Azul descripción */
   margin-bottom: 0.5rem;
   line-height: 1.4;
 }

 .result_endo_tiempo {
   font-size: 0.9rem;
   color: #666666;
   /* Gris neutro para la fecha */
   margin: 0;
 }

 .result_endo_date {
   font-weight: normal;
 }

 .pagination__wrapper {
   font-family: 'Gotham Book', sans-serif;
   text-align: center;
 }

 a.no-style {
   all: unset;
   cursor: pointer;
   /* Opcional: si querés que siga teniendo el puntero de link */
 }

 .pagination {
   display: flex;
   justify-content: center;
   align-items: center;
   list-style: none;
   gap: 8px;
   /* espacio entre elementos */
   padding-left: 0;
 }

 .page-item {
   font-size: 1.2rem;
   position: relative;
 }

 .page-item a.page-link,
 .page-item span.page-link {
   color: var(--endo-azul);
   font-weight: bold;
   text-decoration: none;
   border: none;
   background: none;
   padding: 0 6px;
 }

 .page-item.disabled span.page-link {
   color: #999999;
   font-weight: bold;
 }

 .page-item.active a.page-link {
   color: #666666;
   pointer-events: none;
 }


 /* Estilos base para los íconos */
 .icon-angle-right,
 .icon-angle-double-right,
 .icon-angle-left,
 .icon-angle-double-left {
   display: inline-block;
   font-family: 'Font Awesome 6 Free';
   /* o la fuente de tus íconos */
   font-weight: 900;
   /* si estás usando la versión sólida */
   font-size: 1.2rem;
   color: var(--endo-azul);
   vertical-align: middle;
 }

 li.page-separator {
   color: #999999;
 }

 /* Opcional: si querés efecto hover */
 .page-link:hover .icon-angle-right,
 .page-link:hover .icon-angle-double-right,
 .page-link:hover .icon-angle-left,
 .page-link:hover .icon-angle-double-left {
   color: var(--color-blackberry);
   /* violeta que venís usando */
 }


 /** app container */
 .landing-container {
   font-family: 'Gotham Book';
   padding: 50px;
 }

 .btn-osteoclick {
   background-color: var(--endo-azul);
   /* Azul principal */
   color: #ffffff;
   border: 1px solid var(--endo-azul);
   padding: 0.5rem 1.2rem;
   font-size: 1rem;
   border-radius: 0.5rem;
   font-weight: 600;
   transition: background-color 0.3s ease, box-shadow 0.3s ease;
   box-shadow: 0 4px 8px rgba(0, 71, 125, 0.2);
   text-transform: uppercase;
   letter-spacing: 0.5px;
 }

 .btn-osteoclick:hover,
 .btn-osteoclick:focus {
   background-color: rgb(0, 91, 160);
   /* Azul un poco más claro */
   border-color: rgb(0, 91, 160);
   box-shadow: 0 6px 12px rgba(0, 91, 160, 0.3);
   text-decoration: none;
   color: #ffffff;
 }

 .btn-osteoclick:active {
   background-color: rgb(0, 55, 100);
   /* Azul más oscuro al presionar */
   border-color: rgb(0, 55, 100);
   box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
 }

 .link-gris-endoweb {
   font-family: 'Gotham Bold';
   font-size: 1rem;
   background-color: var(--fondo-gris-claro);
   border-radius: 0 !important;
   border: 0 !important;
   color: var(--endo-azul);
   width: 269px;
   transition: all 0.3s ease;
   color: #002f59;
   text-decoration: none;
   padding: .35rem;
   text-align: center;
 }
 }

 .link-gris-endoweb:hover {
   background-color: #f0f0f2;
   color: #003a66;
   cursor: pointer;
   text-decoration: none;
 }

 .link-gris-endoweb:focus {
   background-color: #f0f0f2;
   color: #002f59;
 }

 .link-gris-endoweb:active {
   background-color: #cacace;
   color: #002245;
 }

 .link-gris-endoweb:disabled {
   background-color: #f5f5f5;
   color: #999999;
   cursor: not-allowed;
 }


 .blog-category-type-2 {
   margin: 0 16px;
 }

 .padding-header {
   /* Es el header de cada seccion */
   padding: 0 3rem;
 }

 .padding-ateneos {
   padding: 0 1.5rem;
 }


 .com-content-search input,
 .com-content-search button {
   font-family: 'Gotham Bold';
   color: var(--endo-azul);
   font-size: 1rem;
   background-color: var(--fondo-gris-claro);
   border-radius: 0 !important;
   border: 0 !important;
 }

 .search-container {
   display: flex;
   align-items: center;
   position: relative;
 }

 .search-input {
   width: 0;
   opacity: 0;
   transition: width 0.4s ease, opacity 0.2s ease;
   overflow: hidden;
   padding-left: 0;
   border: none;
   box-shadow: none;
   padding: 0px !important;
 }


 .search-container.open .search-input {
   width: 269px;
   opacity: 1;
   padding-left: 0.75rem;
   border: 1px solid #ced4da;
   padding: 0.35rem !important;
   margin-left: 0.1rem;
 }

 .search-toggle-close,
 .svg-checkbox,
 .search-toggle span {
   display: none;
 }

 .search-container.open .search-toggle span,
 .search-container.open .svg-checkbox,
 .search-container.open .search-toggle-close {
   display: inline-block;
 }


 /* Checbox svg */
 .svg-checkbox {
   font-family: "Gotham Book";

   align-items: center;
   gap: .5rem;
   cursor: pointer;
   position: relative;
 }

 /* oculto visualmente el input pero queda accesible */
 .svg-checkbox .js-svg-check {
   position: absolute;
   opacity: 0;
   inset: 0;
   width: 100%;
   height: 100%;
 }

 /* icono */
 .svg-check {
   width: 32px;
   height: 32px;
   color: #aeb1b8;
   display: inline-grid;
   place-items: center;
 }

 .svg-check svg {
   width: 100%;
   height: 100%;
   display: block;
   position: relative;
   top: 4px;
 }

 /* primer círculo = borde */
 .svg-check svg circle:nth-child(1) {
   fill: none;
   stroke: currentColor;
   stroke-width: 1;
 }

 /* segundo círculo (el punto) = relleno */
 .svg-check svg circle:nth-child(2) {
   fill: currentColor;
   stroke: none;
 }

 /* foco accesible */
 .svg-checkbox .js-svg-check:focus-visible+.svg-check {
   outline: 2px solid #aeb1b8;
   outline-offset: 2px;
   border-radius: 999px;
 }

 span#chkToggleSearchLbl {
   color: #aeb1b8;
   position: relative;
   top: -5px;
   font-size: 15px;
 }

 .pos-search {
   padding: 0px 3rem;
 }

 .pos-btn-ateneos {
   width: 340px;
   text-align: left;
   padding-left: 20px;
 }

 .btn-search-lupa-ateneos {
   width: 54px;
 }

 .btn-search-close-ateneos {
   width: 54px;
 }

 .iframe-video-container {
   width: 100%;
 }

 .iframe-video-container iframe {
   width: 100%;
   aspect-ratio: 16 / 9;
   /* Cambiá 16/9 por el ratio que quieras */
   border: 0;
 }

 .no-pad-l-r {
   padding: 0;
 }

 .ateneos-title-type-1 {
   color: var(--color-blackberry);
   font-size: 24px;
   font-family: "Gotham Medium";
   padding-left: 8px;
   padding-bottom: 28px;
 }

 .category-list-2-columns-type-1 {
   margin: 0rem 3rem;
 }

.category-list-2-columns-type-1-ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    list-style: none;
    padding: 10px 0;
    margin: 0;
    border-top: 2px solid #b991ad;
    border-bottom: 2px solid #b991ad;
    font-family: 'Gotham Medium', sans-serif;
    font-size: 13pt;
    margin-bottom: 17px !important;
}

 .category-list-2-columns-type-1-ul li {
   position: relative;
 }

 .category-list-2-columns-type-1-ul li + li{
   margin-left: 10px;
 }
 
 .category-list-2-columns-type-1-ul li::after {
   content: "|";
   color: var(--color-blackberry);;
   margin-left: 10px;
 }

 .category-list-2-columns-type-1-ul li:last-child::after {
   content: "";
   margin: 0;
 }

 .category-list-2-columns-type-1-ul a {
   text-decoration: none;
   color: #7A1F5E;
   /* --color-blackberry */
   transition: color 0.3s;
 }
  .category-list-2-columns-type-1-ul li.in-active a {
   color: #b3b1b1
 }
 

 .category-list-2-columns-type-1-ul a:hover {
   color: #66194e;
   /* --color-blackberry-hover */
 }

 .category-list-2-columns-type-1-ul a:active {
   color: #561542;
   /* --color-blackberry-active */
 }

 .gap-category-list-2-columns-type-1 {
   gap: 0.5rem 2.5rem;
 }

 .category-list-column-type-1 {
   flex: 0 0 calc(50% - 2.333rem);
   transition: background-color 0.3s ease, padding 0.3s ease;
   border-radius: 0.5rem;
 }

 .category-article-date-and-author-type-1 {
   font-size: 12px;
   color: #a7acb3 !important;
 }

 .category-article-content-type-1 {
   font-family: 'Gotham Book';
   color: var(--endo-azul);
   font-size: 16px;
 }

 .category-article-title-type-1 {
   font-family: "Gotham Book";
   font-size: 20px;
   padding: 0;
   margin: 0;
 }

 a.page-link {
   font-size: 12px;
 }

 ul.pagination li.page-item:nth-child(1),
 ul.pagination li.page-item:nth-child(2),
 ul.pagination li.page-item:nth-last-child(1),
 ul.pagination li.page-item:nth-last-child(2) {
   display: none;
 }

 .art-position-main {
   margin: 20px 3rem 0rem 3rem;
 }

 .category-list-2-columns-type-2 {
   /*   margin: 2rem 1rem !important; */
 }

 .gap-article-image-text-type-2 {
   gap: 1rem;
 }

 .item-blog-endoweb-type-2 {
   width: 150px;
   height: 100px;
   object-fit: cover;
   flex-shrink: 0;
 }

 .article-text-content-type-2 {
   flex: 1;
 }

 .gap-category-list-2-columns-type-2 {
   gap: 0.5rem 2.5rem;
 }

 .category-list-column-type-2 {
   flex: 0 0 calc(50% - 2.333rem);
   transition: background-color 0.3s ease, padding 0.3s ease;
   padding: 0.25rem 1.5rem;
   border-radius: 0.5rem;
 }

 .category-article-date-and-author-type-2 {
   font-size: 12px;
   color: #48525e !important;
 }

 .category-article-title-type-2,
 .category-article-content-type-2 {
   font-family: "Gotham Book";
   font-size: 20px;
 }

 .category-article-content-type-2 {
   font-size: 15px;
   color: var(--endo-azul);
 }

 .category-article-title-type-2 {
   margin: 0;
 }

 .category-list-2-columns-type-3 {
   margin: 2rem 1rem;
 }

 .gap-article-image-text-type-3 {
   gap: 1rem;
 }

 .item-blog-endoweb-type-3 {
   width: 250px;
   object-fit: cover;
   flex-shrink: 0;
 }

 .article-text-content-type-3 {
   flex: 1;
 }

 .gap-category-list-2-columns-type-3 {
   gap: 1.5rem 2.5rem;
 }

 .category-list-column-type-3 {
   flex: 0 0 calc(50% - 2.333rem);
   transition: background-color 0.3s ease, padding 0.3s ease;
   padding: 0.25rem 1.5rem;
   border-radius: 0.5rem;
 }

 .category-article-date-and-author-type-3 {
   font-size: 12px;
   color: #48525e !important;
 }

 .category-article-title-type-3 {
   font-family: "Gotham Book";
   color: var(--color-blackberry);
   font-size: 20px;
 }

 .blog-type-1-category-title {
   font-family: "Gotham Book";
   color: var(--color-blackberry);
   font-size: 20px;
 }

 .blog-type-3-social-icons {
   margin: 30px 1rem;
 }

 .category-article-content-type-3 {
   font-family: "Gotham Book";
   font-size: 15px;
   color: var(--endo-azul);
 }



 .curso-box>a {
   font-family: 'Gotham Book';
   font-size: 1.2rem;
   color: var(--color-blackberry);
   text-decoration: none;
 }

 .curso-box>a:hover,
 .curso-box>a:focus {
   color: var(--color-blackberry-hover);
   box-shadow: 0 0 0 2px rgba(122, 31, 94, 0.3);
 }
 a.link-violeta,
 a.link-violeta:visited,
 a.link-violeta:active{
  color: var(--color-blackberry);
 }

 a.link-violeta,
 a.link-violeta:hover,
 a.link-violeta:focus{
 color: var(--color-blackberry-hover);
}

 .curso-box>a:active {
   background-color: var(--color-blackberry-active);
 }

 .curso-box {
   text-align: center;
   transition: transform 0.2s ease-in-out;
 }

 .curso-box:hover {
   transform: scale(1.03);
 }

 .curso-imagen img {
   width: 100%;
   height: auto;
   object-fit: cover;
 }

 .curso-titulo {
   margin-top: 0.75rem;
   font-weight: 500;
   font-family: "Gotham Book";
   font-size: 17px;
   color: var(--color-blackberry);
   text-align: left;
 }

 .cursos-virtuales-container {
   margin: 10px 3rem;
   max-width: 100%;
   overflow: hidden;
 }

 .cursos-social-icons {
   margin-bottom: 10px;
 }

 #dropdownBackdropMobile,
 .menu-access-mobile {
   display: none;
 }

 #mf-scroll-main {
   display: block;
 }

 mf-scroll-main.scrolled {
   display: block;
 }

 /* Responsive layout */
 @media (max-width: 600px) {
   .comment-item {
     flex-direction: column;
     align-items: flex-start;
   }

   .comment-author-country {
     margin-top: 10px;
   }
 }

 /* <= 1366px */
 @media (max-width: 1366px) {


   img.logo-endoweb {
     width: 250px;
   }

   .menu-header-endoweb>.nav-item>.mod-menu__heading {
     font-size: 10pt;
   }

   #endoMenu.mod-menu {
     gap: 30px;
   }

   .menu-header-icons a {
     font-size: 9pt;
   }

   .menu-access {
     padding: 0 !important;
   }

   div#mf-scroll-destination {
     padding: 0;
     padding-right: 27px;
   }

   .search-box-tiny input {
     height: 33px;
   }

   #endoMenu .mod-menu__sub li a,
   #endoMenu .mod-menu__sub li .mod-menu__heading {
     font-size: 12px;
   }

   .search-box input,
   .search-box-tiny input {
     border: 1px solid #004a84;
   }

   .latest-article-title,
   .popular-article-link {
     font-size: 19px;
   }

   .popular-article-link-ateneos {
     font-size: 17px;
   }

   .latest-article-category {
     font-size: 14px;
   }

   .article-date {
     font-size: 14px;
   }

   h3.ateneos-title,
   .popular-title {
     font-size: 32px;
   }

   .numero-articulo {
     width: 50px;
     height: 50px;
     line-height: 48px;
   }

   .articulo-card .card-title {
     font-size: 26px;
   }

   .social-icon {
     width: 58px;
     height: 58px;
     font-size: 35px !important;
   }

   .social-icon-spotify {
     font-size: 59px !important;
   }

   .footer-img {
     max-height: 160px;
   }

   .pg-1 {
     padding-top: 20px;
   }

   .menu-pie-ecg li a,
   .menu-pie-ecg li span {
     font-size: 13px;
   }

   .copyrigth-legend {
     font-size: 11px;
   }

   /* Íconos específicos
 .lat-like {
   background-size: 57%; 
 }

 .lat-comment {
   background-size: 36px 38px;
 }

 .lat-share {
   background-size: 38px 35px;
 }

 .lat-pdf {
   background-size: 38px 39px;
 }
 */

 }