.cemetery-cont {
    .cemetery-cont__text-header {
        .field--name-field-texto-cabecera-columna {
            font-size: 38px;
            font-weight: 300;
            color: #555;
            line-height: 50px;
            font-style: italic;
            margin: 68px 0 50px 0;
            position: relative;

            &::before {
                content: '';
                position: absolute;
                width: 200px;
                border-bottom: 1px dotted #aaa;
                bottom: -26px;
            }
        }
    }

    .cemetery-cont__cols {
        margin-bottom: 48px;
        
        &.cemetery-cont__cols--tres {
            .field--name-field-columnas.field__items {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        &.cemetery-cont__cols--cuatro {
            .field--name-field-columnas.field__items {
                grid-template-columns: repeat(4, 1fr);
            }
        }

        .field--name-field-columnas.field__items {
            display: grid;
            gap: 16px;

            >.field__item {
                box-shadow: 0 19px 38px rgb(0 0 0 / 23%), 0 15px 12px rgb(0 0 0 / 2%);
                border: 1px solid #ffffff;
            }
        }
    }

    .column-item-cementery {
        display: flex;
        flex-direction: column;
        height: 100%;

        .column-item-cementery__container {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .column-item-cementery__image {
            .field__item {
                img {
                    width: 100%;
                    margin-bottom: 0;
                }
            }
        }

        .column-item-cementery__title {
            max-width: 90%;
            margin: 0 auto 16px;

            .field--name-field-titulo-columna.field__item {
                width: 100%;
                text-align: center;
                color: #003683;
                font-size: 20px;
                text-transform: uppercase;
            }
        }

        .column-item-cementery__subtitle {
            max-width: 90%;
            margin: 0 auto 16px;
            flex: 1;

            .field--name-field-subtitulo-columna p {
                line-height: 22px;
            }
        }

        .column-item-cementery__link {
            max-width: 90%;
            margin: 0 auto 16px;

            .field--name-field-enlace-columna {
                a {
                    color: #fff;
                    background-color: #003683;
                    border-color: #003683;
                    text-decoration: none;
                    padding: 8px 16px;
                    border-radius: 5px;
                    cursor: pointer;
                }
            }
        }
    }
}

@media (max-width: 992px) {
    .cemetery-cont {
        .cemetery-cont__cols {
            &.cemetery-cont__cols--tres {
                .field--name-field-columnas.field__items {
                    grid-template-columns: repeat(2, 1fr);
                }
            }

            &.cemetery-cont__cols--cuatro {
                .field--name-field-columnas.field__items {
                    grid-template-columns: repeat(2, 1fr);
                }
            }
        }
    }
}

@media (max-width: 768px) {
    .cemetery-cont {
        .cemetery-cont__cols {
            &.cemetery-cont__cols--tres {
                .field--name-field-columnas.field__items {
                    grid-template-columns: 1fr;
                }
            }

            &.cemetery-cont__cols--cuatro {
                .field--name-field-columnas.field__items {
                    grid-template-columns: 1fr;
                }
            }
        }
    }
}