/*!*****************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./data-fetch/src/components/cardTurismoLex/CardTurismoLex.css ***!
  \*****************************************************************************************************************************************************************************************************************/
.turismo-lex a {
    text-decoration: none;
    color: inherit;
}

.turismo-lex a:hover {
    color: inherit;
}

.data-card {
    padding: 36px;
    background: var(--color-white-02);
    border-radius: 20px;
    position: relative;
}

.data-card__year {
    position: absolute;
    right: 57px;
    font-size: var(--font-size-xs);
}

.data-card__title {
    max-width: 94%;
}

.block-dr__flag {
    width: 22px;
    margin-right: 6px;
}

.data-card__country {
    font-size: var(--font-size-xs);
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.data-card__info{
    position: relative;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.data-card__entidad {
    border-radius: 47px;
    background: var(--observatorio-highlight-light, #E8EDF6);
    padding: 4px 22px;
    color: var(--color-black-01);
    margin-right: 10px;
}

.data-card__downloads {
    display: flex;
    gap: 19px;
}

.data-card__downloads a {
    text-decoration: none;
    color: var(--color-black-01);
}

.data-card__anchor-donwload {
    display: flex;
    align-items: center;
    gap: 9px;
}

.data-card__anchor-donwload a svg {
    margin-left: 4px;
}

@media(max-width:780px){
    .data-card__title {
        max-width: 100%;
        margin-top: 10px;
    }

    .data-card{
        padding: 25px;
    }

    .data-card__info{
        flex-direction: column;
        gap: 16px;
        align-items: flex-end !important;
    }

    .data-card__year{
        right: 32px;
        top: 14px;
    }
}
/*!*********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./data-fetch/src/components/cardNoticiasBlog/CardNoticiasBlog.css ***!
  \*********************************************************************************************************************************************************************************************************************/
.block-card {
    background: var(--color-white-01);
    width: 381px;
    overflow: hidden;
    border-radius: 20px;
}

.block-card__head {
    position: relative;
    overflow: hidden;
    display: block;
}

.block-card__date {
    position: absolute;
    background: var(--color-white-01);
    padding: 5px 16px;
    border-radius: 25px;
    top: 10px;
    left: 10px;
    z-index: 1;
}

.block-card__img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    width: 100%;
    height: 229px;
    transform: scale(1);
    transition: 0.35s;
}

.block-card:hover .block-card__img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    width: 100%;
    height: 229px;
    transform: scale(1.2);
    transition: 0.35s;
}

.block-card__title {
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.block-card__decription{
    height: 85px;
}

.block-card__decription p{
    color: var(--color-greay-02);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


.block-card__body {
    padding: 8px 18px;
    margin-bottom: 10px;
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./shared/btn/btn.css ***!
  \************************************************************************************************************************************************************************/
.block-button {
  text-decoration: none;
  display: inline-block;
}
  
.block-button .block-button__btn {
  display: flex;
  border: transparent;
  padding: 10px 16px;
  gap: 10px;
  align-items: center;
  cursor: pointer;
  justify-content: center;
  border-radius: 8px;
}

.block-width-100{
  display: inherit;
}

.block-width-100 .block-button__btn{
  width: 100%;
}

.block-button path {
  /* stroke: var(--color-white-01); */
  fill: var(--color-white-01);
}

.block-button__icon img {
  width: 25px;
  height: 24px;
  transition: 0.35s;
}

.block-button:hover .block-button__icon img{
  transform: scale(1.2);
  transition: 0.35s;
} 

/** Boont types */

.primary-botton{
  background-color: var(--color-secondary);
  color: var(--color-white-01);
}

.secundary-button{
  background-color: transparent;
  color: var(--color-primary);
  border: solid 1px var(--color-primary);
}

.danger-botton, .m-button__btn--delete {
  background-color: var(--observatorio-danger);
  color: var(--color-white-01);
}

.white-botton {
  background-color: var(--color-white-02);
  color: var(--color-black-01);
  font-size: var(--font-size-regular) !important;
}

.secundary-button path{
  fill: var(--color-primary);
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./data-fetch/src/components/cardCursos/cardCursos.css ***!
  \*********************************************************************************************************************************************************************************************************/
.block-list-fetch.type-cursos {
    margin-top: 40px;
}

.img-language{
    margin-right: 8px;
}
/*!*************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./data-fetch/src/components/noData/noData.css ***!
  \*************************************************************************************************************************************************************************************************/
.block-no__contente{
    max-width: 100%;
}

.block-no-find {
    text-align: center;
    margin: 41px 0px;
}

.block-no-find__title {
    font-size: var(--font-size-h2);
    color: var(--color-black-01);
    font-weight: bold;
}
/*!***************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./data-fetch/src/components/addPagination/addPagination.css ***!
  \***************************************************************************************************************************************************************************************************************/
.pagination-component ul {
    justify-content: center;
    margin: 26px 0px;
}

.css-yuzg60-MuiButtonBase-root-MuiPaginationItem-root.Mui-selected {
    background-color: var(--color-secondary) !important;
    color: var(--color-white-01);
    border-radius: 8px;
}

button.MuiButtonBase-root.MuiPaginationItem-root {
    background-color: var(--color-white-01);
    border-radius: 6px;
}
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./data-fetch/src/components/cardComunidadPractica/cardComunidadPractica.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
.community-practice {
    background-color: var(--color-white-01);
    border: 10px;
    padding: 16px;
    border-radius: 8px;
}

.communty-practice__content {
    display: flex;
    gap: 24px;
}

.community-wrap-thumbnail{
    height: 100%;
}

.community-content{
    width: 100%;
}

.thumbnail-img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
    width: 251px;
    height: 100%;
}

.community-permalink {
    text-decoration: none;
}

.community-title {
    color: var(--color-black-02);
    font-weight: bold;
}

.community-excerpt-text {
    padding-bottom: 13px;
}

.community-excerpt-text p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 768px) {
    .communty-practice__content {
        flex-direction: column;
    }

    .thumbnail-img {
        width: 100%;
        height: 177px;
    }

    .btn-primary{
        width: 100% !important;
    }
}
/*!*****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./data-fetch/src/components/cardForo/cardForo.css ***!
  \*****************************************************************************************************************************************************************************************************/
.c-card-foro {
    text-decoration: none;
    color: inherit;
    background: var(--color-white-02);
    box-shadow: 2px 1px 5px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    border-radius: 20px;
}

.c-card-foro__content {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 25px 30px;
}

.c-card-foro__anchor {
    text-decoration: none;
}

.c-card-foro__head {
    display: flex;
    gap: 9px;
    align-items: center;
}

.c-card-foro__avatar {
    height: 40px;
    width: 40px;
    border-radius: 50px;
}

.c-card-foro__name {
    margin: 0px;
    font-weight: bold;
    font-size: var(--font-size-regular) !important;
    color: var(--color-black-02);
}

.c-card-foro__time {
    font-size: var(--font-size-xs) !important;
    color: var(--color-black-01);
}

.c-card-foro__title {
    font-weight: bold;
    font-size: var(--font-size-regular) !important;
    color: var(--color-black-02);
}

.c-card-foro__body {
    margin-top: 15px;
}

.c-card-foro__excerpt {
    color: var(--color-black-02);
    margin: 0px;
}

.c-card-foro__footer {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.c-card-foro__tag {
    font-size: var(--font-size-xs) !important;
    color: var(--color-black-01);
    background: var(--observatorio-highlight-light);
    padding: 5px 10px;
    border-radius: 5px;
}

@media screen and (max-width: 768px) {
    .c-card-foro___name-time {
        max-width: 245px
    }
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./data-fetch/src/components/deletePost/deletePost.css ***!
  \*********************************************************************************************************************************************************************************************************/
.delete-post {
    position: absolute;
    top: 15px;
    z-index: 1;
    right: 19px;
    cursor: pointer;
    padding: 10px;
}


.delete-post__modal {
    box-shadow: -4px 3px 7px 0px rgba(0, 0, 0, 0.12);
    background-color: var(--color-white-03);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: absolute;
    min-width: 250px;
    right: 5px;
    top: -10px;
    padding: 0px;
    max-height: 0px;
    overflow: hidden;
    transition: 0.4s;
    padding: 0px;
    opacity: 0;
}

.delete-post__icon-menu{
    width: 4px;
    height: 18px;
}

.delete-post:hover .delete-post__modal{
    max-height: 500px;
    padding: 16px 8px;
    opacity: 1;
}

.delete-post__confirm {
    display: flex;
    justify-content: space-around;
    overflow: hidden;
    transition: 0.4s;
    cursor: pointer;
    max-height: 0px;
}

.delete-post__confirm--show{
    max-height: 200px;
}

.delete-post__delete{
    color: var(--observatorio-danger);
}
/*!***********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./data-fetch/src/components/render-data/render-data.css ***!
  \***********************************************************************************************************************************************************************************************************/
.block-rd {
    display: flex;
    gap: 19px;
    flex-direction: column;
}

/** Card type */
.content-blog .block-rd {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.skeleton-content{
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.loading-linear{
    margin: 50px auto;
}

/*# sourceMappingURL=front.css.map*/