/******variables*******/
:root {
   /* Colores */
   --color-primario: #009C5D;
   --color-primario-dark: #003A2A;

   --color-blanco-1: #f1f1f1;
   --color-blanco-2: #efefef;
   --color-secundario: #C5891F;
}

/****** Clases Genéricas *******/
.z-index-1 {
   position: relative !important;
   z-index: 2 !important;
}

.bg-primario {
   background-color: var(--color-primario) !important;
   background: var(--color-primario) !important;
}

.c-primario {
   color: var(--color-primario) !important;
}

.bg-secundario {
   background-color: var(--color-secundario) !important;
   background: var(--color-secundario) !important;
}

.c-secundario {
   color: var(--color-secundario) !important;
}


.bxs-1 {
   box-shadow: 0 0 1rem #ddd;
}

.bxs-2 {
   box-shadow: 0 0 1rem #555;
}

.bxs-3 {
   box-shadow: 0 0 1rem #000;
}

/****** Contenedor de Imágenes del Carrusel *******/
.carousel-image-container {
   height: 300px;
   overflow: hidden;
   background-color: none;
}

.carousel-image {
   width: 100%;
   height: 100%;
   object-fit: cover;
   object-position: center;
}

/****** Última Noticia *******/
.ultima-noticia {
   background-color: var(--color-blanco-1);
   position: relative;
}

.ultima-noticia .blog-posts:not(.blog-posts-no-margins) article {
   margin-bottom: 0;
   padding-bottom: 0;
   border-bottom: none;
}

.ultima-noticia .carousel-image-container {
   height: 330px;
}

.ultima-noticia .carousel-image {
   object-fit: contain;
}

/****** DIAGONAL *******/
.ultima-noticia:after,
.noticias-recientes:after,
.comunicados-recientes:after,
.proximas-actividades:after {
   content: '';
   display: block;
   width: 100%;
   height: 50px;
   background-color: var(--color-blanco-1);
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   transform: skewY(1.5deg);
   transform-origin: left;
   --box-shadow: 0 .5rem 1rem var(--color-blanco-1);
   z-index: 1;
}

/****** Noticias Recientes *******/
.noticias-recientes {
   background-color: white;
   position: relative;
}

.noticias-recientes:after {
   background-color: white;
}

.card-no-border {
   border: none;
}

.noticias-recientes .card-msm {
   width: 100%;
   box-shadow: 0 0 1rem #ddd;
}

.card-img-top-msm {
   width: 100%;
   height: 300px;
   object-fit: cover;
   object-position: center;
}

.card-title-msm {
   font-weight: 600;
   text-transform: uppercase;
}

.card-text-msm {
   text-align: justify;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
}

.card-title-msm,
.card-subtitle {
   font-size: 1rem;
}

.ver-todas-noticias {
   font-size: 1.1rem;
}

/****** Comunicados Recientes *******/
.comunicados-recientes {
   background-color: var(--color-blanco-1);
   position: relative;
   padding: 2rem 0;
}

.comunicados-recientes .carousel-image-container {
   height: 600px;
}

.comunicados-recientes:after {
   background-color: var(--color-blanco-1);
}

.comunicados-recientes .carousel-image {
   object-fit: fill;
}

/****** Próximas Actividades *******/
.proximas-actividades {
   background-color: white;
   position: relative;
}

.proximas-actividades .carousel-image-container {
   height: 380px;
   overflow: hidden;
}

.proximas-actividades .carousel-image {
   object-fit: fill;
}

.proximas-actividades::after {
   background-color: white;
}

/****** Servicios de Obras *******/
.servicios-obras {
   background-color: var(--color-blanco-1);
}


/****** Enlaces*******/
.enlaces {
   background-color: white !important;
   background: white !important;
}

.enlaces .call-to-action.call-to-action-in-footer {
   margin-top: 0;
}

.enlaces .call-to-action.call-to-action-in-footer::before {
   border-top: 20px solid var(--color-blanco-1);
}

.enlaces .call-to-action.call-to-action-strong-grey.call-to-action-in-footer {
   background-color: white;
}


/* 
si es necesario agregar media queries, se pueden agregar aquí

@media (max-width: 768px) {
   .carousel-item {
       flex: 0 0 100%;
       width: 100%;
   }
   
   .carousel-nav button {
       width: 40px;
       height: 40px;
       font-size: 18px;
   }
   
   .carousel-image-container {
       height: 300px;
   }
}

@media (max-width: 576px) {
   .carousel-nav button {
       width: 35px;
       height: 35px;
       font-size: 16px;
   }
   
   .carousel-image-container {
       height: 250px;
   }
   
   .custom-carousel {
       min-height: 300px;
   }
}

@media (min-width: 1200px) {
   .custom-carousel {
       min-height: 500px;
   }
   
   .carousel-image-container {
       height: 500px;
   }
}

@keyframes fadeIn {
   from {
       opacity: 0;
   }
   to {
       opacity: 1;
   }
}

*/

/****** header *******/

.header-msm {
   background-color: #fff;
}

.nav-msm li {
   transition: color 0.3s, box-shadow 0.7s ease;
}

.nav-msm li:hover {
   box-shadow: 0 8rem white inset;
}

.nav-msm li:hover a {
   color: var(--color-primario-dark) !important;
}

.nav-msm>ul>li.dropdown .dropdown-menu {
   border-top: solid 3px var(--color-primario-dark) !important;
}

/* Cambiar el color de fondo de los puntos activos y al pasar el mouse */
.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
   background-color: var(--color-primario);
   /* Color de fondo para los puntos activos y al pasar el mouse */
}

/* block mesa de partes*/

.block-mesa-partes {
   padding: .4rem .6rem;
   border-radius: .6rem;
   transition: background-color .3s, box-shadow .6s;
   box-shadow: 3px 3px var(--color-primario) inset, -3px -3px var(--color-primario) inset;
   animation: zoom .4s alternate 200;
}

.block-mesa-partes a img {
   width: 10rem;
}

.block-mesa-partes a {
   color: #fff;
   transition: color .3s;
}

.block-mesa-partes:hover {
   background-color: #fff;
}

.block-mesa-partes:hover a {
   color: var(--color-primario)
}

@keyframes zoom {
   from {
      transform: scale(1);
   }

   to {
      transform: scale(1.1);

   }
}