.node--type-servicios {
    .tipo-servicio-tit {
        .field--name-field-bloques-de-contenido {
            display: flex;
            flex-direction: column;
            gap: 40px;

            .field__item>div {
                display: grid;
                grid-template-columns: 40% 60%;
                gap: 24px;
            }

            .imagen {
                min-height: 290px;

                .field__item {
                    min-height: 290px;

                    >div {
                        display: block;
                        min-height: 290px;
                    }
                }

                .field--name-field-media-image {
                    margin: 0;
                    width: 100%;
                    min-height: 290px;
                    height: 100%;
                }

                .field--name-field-media-image img {
                    margin: 0;
                    width: 100%;
                    object-fit: cover;
                    height: 100%;
                    min-height: 290px;
                }
            }

            .enlace {
                .field--name-field-enlace-ciite a {
                    background-color: white;
                    color: #0069A7;
                    border-radius: 100px;
                    padding: 12px 48px 12px 20px;
                    position: relative;
                    z-index: 1;
                    display: block;
                    width: fit-content;
                    text-decoration: none;
                    font-size: 16px;
                    line-height: 19px;
                    font-weight: 500;
                    border: 1px solid;

                    &::after {
                        content: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.8558 7.62496H0.75V6.375H10.8558L6.10898 1.62819L6.99998 0.75L13.25 6.99998L6.99998 13.25L6.10898 12.3718L10.8558 7.62496Z' fill='%230069A7'/%3E%3C/svg%3E%0A");
                        position: absolute;
                        top: 12px;
                        right: 19px;
                    }
                }
            }

            .espacio_derecha {
                display: flex;
                flex-direction: column;
                justify-content: center;
                gap: 24px;

                .destacado {
                    color: black;
                    font-size: 20px;
                    font-weight: 500;
                }

                .texto {
                    .field--name-field-texto-ciite {
                        color: black;
                        font-size: 16px;
                        font-weight: 300;
                        line-height: 26px;
                    }
                }

                .descargable {
                    a {
                        background-color: #0069A7;
                        color: white;
                        border-radius: 100px;
                        padding: 12px 48px 12px 20px;
                        position: relative;
                        z-index: 1;
                        display: block;
                        width: fit-content;

                        text-decoration: none;
                        font-size: 16px;
                        line-height: 19px;
                        font-weight: 500;

                        &:after {
                            content: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_6706_457' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_6706_457)'%3E%3Cpath d='M10 12.8429C9.89958 12.8429 9.80611 12.8269 9.71958 12.7948C9.63306 12.7628 9.55076 12.7078 9.47271 12.6298L6.88146 10.0385C6.75757 9.91451 6.69639 9.76944 6.69792 9.60333C6.69958 9.43722 6.76076 9.28951 6.88146 9.16021C7.01076 9.03104 7.15924 8.96431 7.32687 8.96C7.49465 8.95569 7.64319 9.01819 7.7725 9.1475L9.375 10.75V4.375C9.375 4.19764 9.43486 4.04917 9.55458 3.92958C9.67417 3.80986 9.82264 3.75 10 3.75C10.1774 3.75 10.3258 3.80986 10.4454 3.92958C10.5651 4.04917 10.625 4.19764 10.625 4.375V10.75L12.2275 9.1475C12.3515 9.02361 12.4987 8.96243 12.669 8.96396C12.8394 8.96563 12.9892 9.03104 13.1185 9.16021C13.2392 9.28951 13.3017 9.4359 13.306 9.59937C13.3103 9.76285 13.2478 9.90924 13.1185 10.0385L10.5273 12.6298C10.4492 12.7078 10.3669 12.7628 10.2804 12.7948C10.1939 12.8269 10.1004 12.8429 10 12.8429ZM5.25646 16.25C4.83549 16.25 4.47917 16.1042 4.1875 15.8125C3.89583 15.5208 3.75 15.1645 3.75 14.7435V13.109C3.75 12.9316 3.80986 12.7831 3.92958 12.6635C4.04917 12.5438 4.19764 12.484 4.375 12.484C4.55236 12.484 4.70083 12.5438 4.82042 12.6635C4.94014 12.7831 5 12.9316 5 13.109V14.7435C5 14.8077 5.02674 14.8665 5.08021 14.9198C5.13354 14.9733 5.19229 15 5.25646 15H14.7435C14.8077 15 14.8665 14.9733 14.9198 14.9198C14.9733 14.8665 15 14.8077 15 14.7435V13.109C15 12.9316 15.0599 12.7831 15.1796 12.6635C15.2992 12.5438 15.4476 12.484 15.625 12.484C15.8024 12.484 15.9508 12.5438 16.0704 12.6635C16.1901 12.7831 16.25 12.9316 16.25 13.109V14.7435C16.25 15.1645 16.1042 15.5208 15.8125 15.8125C15.5208 16.1042 15.1645 16.25 14.7435 16.25H5.25646Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
                            position: absolute;
                            top: 12px;
                            right: 19px;
                        }
                    }
                }
            }

            .field__item .contenedor__rates {
                width: 100%;
                display: block;

                .field--name-field-contenido.field--type-entity-reference-revisions {
                    display: flex;
                    flex-direction: column;
                    gap: 40px;
                }
            }
        }
    }

    .featured_bottom_first {
        .region-featured-bottom-first {
            margin: 0;
        }
    }

    .node-servicio-basico {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 48px;
        align-items: center;

        &.node-services-no-show {
            grid-template-columns: 1fr;

            .col-md-12 {
                display: none;
            }



            .tipo-servicio-tit {
                .field--name-field-bloques-de-contenido {
                    .field__item .paragraph--type--texto-basico-largo {
                        grid-template-columns: 100%;
                    }
                }
            }

            .table__services {
                tr:first-child {
                    background-color: var(--color-03);
                    text-transform: uppercase;

                    p {
                        color: var(--color-14);
                    }
                }

                tr {

                    &.row__base,
                    &.row__iva {
                        background: var(--color-03);
                        text-transform: uppercase;

                        p {
                            color: var(--color-14);
                        }

                        td:last-child {
                            p {
                                color: #1F262B;
                                font-weight: 600;
                            }
                        }
                    }
                }

                tfoot {
                    tr:first-child {
                        background-color: var(--color-11);

                        p {
                            color: var(--color-04);
                        }
                    }
                }
            }
        }

        .tipo-servicio-tit {
            .field--name-field-bloques-de-contenido {
                .field__item {
                    .component__2-cols {
                        grid-template-columns: repeat(2, 1fr);
                    }
                }
            }
        }
    }
}

@media (max-width: 992px) {
    .node--type-servicios {
        .tipo-servicio-tit {
            .field--name-field-bloques-de-contenido {

                .field__item>div {
                    grid-template-columns: 100%;
                }
            }
        }

        .node-servicio-basico {
            grid-template-columns: 1fr;


            .tipo-servicio-tit {
                .field--name-field-bloques-de-contenido {
                    .field__item {
                        .component__2-cols {
                            grid-template-columns: 1fr;
                        }
                    }
                }
            }
            
        }
    }
}