/* VARIABLES */
:root {
    --primary-color-x: #13235B;
    --primary-color-one: #f29400;
    --menu-active-color: #F29400;
    --primary-color-two: #282f3b;
    --heading-dark: #282f3b;
    --link-color-dark: #282f3b;
    --menu-color: #282f3b;
    --menu-dropdown-color: #282f3b;
    --primary-color-five: #222222;
}

/* PRE LOADER */
    /* Logo */
    .preloader {
        background-image: url(../images/logo/betel-logo-preloader.png);
        animation: flip 1s linear;
        animation-delay: 0.5s;
        animation-iteration-count: infinite;
    }

    @keyframes flip {
        50% {
            transform: rotateY(180deg);
        } to {
            transform: rotateY(360deg);
        }
    }

        /* Dimensiones escritorio */
        .preloader {
            background-size: 150px 99px;
        }

        /* Dimensiones móvil */
        @media (max-width: 1023.5px) {
            .preloader {
                background-size: 100px 66px;
            }
        }

/* HEADER */
    /* Información de contacto */
        /* Rediseño del texto */
        .top_bar .top_inner .common_css .contntent.phone, .top_bar .top_inner .common_css .contntent .text a .icono-info {
            margin-left: 0 !important;
        }

        .top_bar .top_inner .common_css .contntent .text a .icono-info,
        .top_bar .top_inner .common_css .contntent .text a .nombre-info,
        .top_bar .top_inner .common_css .contntent .text a .info-contacto {
            vertical-align: middle;
        }

        .top_bar .top_inner .common_css .contntent .text a .icono-info {
            text-decoration: none !important;
            color: var(--primary-color-one) !important;
            font-size: 16px;
            margin-right: 3px !important;
        }

        .nombre-info {
            text-decoration: none !important;
            color: #fff !important;
        }
        
        @media (max-width: 1200.5px) {
            .icono-rrss {
                margin-right: 10px !important;
            }
        }

        /* Resaltar vínculos */
            /* Texto */
            .top_bar .top_inner .common_css .contntent .text a .info-contacto {
                transition: all 0.5s ease;
            }

            .top_bar .top_inner .common_css .contntent:hover > .text a .info-contacto {
                text-decoration: underline;
                color: #fff;
            }

            /* Redes sociales */
            .top_bar .top_inner .common_css .contntent .text a i {
                transition: all 0.5s ease;
            }

            .top_bar .top_inner .common_css .contntent .text a:hover > i {
                color: #fff;
            }

        /* No mostrar texto en versión móvil */
        @media (max-width: 768.5px) {
            .nombre-info {
                display: none;
            }
        }

        /* Eliminar espaciado final */
        .top_bar .top_inner .common_css .contntent.media {
            margin-bottom: 0;
        }

    /* Barra de navegación */
        /* Evitar error gráfico en resoluciones de 1199px y 1200px */
        @media (min-width: 1198.5px) and (max-width: 1200.5px) {
            .header.style_one.style_two_remade {
                position: relative;
            }
        }

        /* Sombreado */
        .header.style_one.style_two_remade .auto-container, .default_sticky_heaad.style_one.style_two_remade .auto_container {
            box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 15px;
        }

        .header.style_one.style_two_remade .auto-container:before, .default_sticky_heaad.style_one.style_two_remade .auto_container:before {
            content: none;
        }

        /* Escritorio */
            /* Aspecto */
            .header.style_one.style_two_remade .auto-container, .default_sticky_heaad.style_one.style_two_remade .auto_container {
                border-radius: 0px 0px 60px 60px;
            }

            /* Secciones seleccionadas */
            .header .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li:hover > a.nav-link, 
            .default_sticky_heaad .header_content_collapse .navigation_menu .navbar_nav li .dropdown-menu li:hover > a.nav-link {
                color: var(--menu-active-color) !important;
            }

            /* Botón 'Contáctanos' */
            .header .header_right_content .contact-toggler::before, .default_sticky_heaad .header_right_content .contact-toggler::before {
                all: unset;
            }

            .header .header_right_content .contact-toggler, .default_sticky_heaad .header_right_content .contact-toggler {
                all: unset;
            }

            .header .header_right_content .contact-toggler, .default_sticky_heaad .header_right_content .contact-toggler {
                background-color: var(--primary-color-one);
                color: #fff;
                border: 2px solid var(--primary-color-one);
                border-radius: 10px 0 10px 0;
                padding: 0 25px;
                line-height: 56px;
                min-height: 56px;
                font-weight: 600;
                font-family: var(--creote-family-one);
                cursor: pointer;
                transition: all 0.5s ease;
            }

            .header .header_right_content .contact-toggler:hover, .default_sticky_heaad .header_right_content .contact-toggler:hover {
                background-color: transparent;
                color: var(--primary-color-one);
                border: 2px solid var(--primary-color-one);
            }

        /* Móvil */
            /* Aspecto */
            @media (max-width: 1200.5px) {
                .header.style_one.style_two_remade .auto-container, .default_sticky_heaad.style_one.style_two_remade .auto_container {
                    padding: 15px 0px 15px;
                    border-radius: 0px;
                }
            }

            /* Visualización en resoluciones bajas */
            @media (max-width: 440px) {
                .ajustar-movil {
                    padding-left: 0;
                }
            }

            /* Aparecer por la derecha */
            .crt_mobile_menu {
                transform: none;
                right: -100%;
            }

            .crt_mobile_menu .menu-box {
                left: auto;
                right: -100%;
                transform: none;
            }

            .crt_mobile_menu-visible .crt_mobile_menu {
                transform: none;
                right: 0;
            }

            .crt_mobile_menu-visible .crt_mobile_menu .menu-box {
                transform: none;
                right: 0;
            }

            /* Botón cerrar */
            .crt_mobile_menu .menu-box .close-btn {
                background-color: var(--primary-color-one);
                color: #fff;
            }

            /* Secciones activas */
            .crt_mobile_menu .menu-box .menu-outer .navbar_nav .active > a {
                color: var(--menu-active-color) !important;
            }

            /* Mostrar sección 'Contacto' */
            @media (min-width: 1200.5px) {
                .menu-movil-only {
                    visibility: hidden;
                    display: none;
                }
            }

            /* Ícono 'Cerrar Sesión' */
            .icono-log-out {
                margin-right: 8px;
            }

            @media (min-width: 1200.5px) {
                .icono-log-out {
                    margin-left: 50px;
                }
            }

/* FOOTER */
    /* Logo */
    @media (max-width: 991.5px) {
        .footer_logo {
            text-align: center;
        }
    }

    .footer_logo img {
        width: 250px;
    }

    @media (min-width: 991.5px) and (max-width: 1199.5px) {
        .footer_logo img {
            width: 180px;
        }
    }

    .footer_widgets.about_company.light_color {
        margin-bottom: 70px;
    }

    /* Información de contacto */
        /* Distribución */
        .footer_widgets.get_in_touch_foo .foo_cont_inner .bottom .con_content a {
            display: block;
        }

        /* Resaltar vínculos */
        .footer_widgets.get_in_touch_foo .foo_cont_inner .bottom .con_content a:hover {
            color: var(--primary-color-one);
        }

    /* Redes sociales */
    a .icono-rrss-footer {
        font-size: 26px;
        color: var(--text-color-light);
        transition: all 0.5s ease;
    }

    a:hover > .icono-rrss-footer {
        color: var(--primary-color-one);
    }

    a .fa-facebook.icono-rrss-footer, a .fa-instagram.icono-rrss-footer {
        margin-right: 25px;
    }

    /* Copyright */
    .footer_copy_right .footer_copy_content {
        margin-bottom: 0;
    }

/* MENSAJE DE ERROR */
    .info-error {
        margin-bottom: 24px;
    }

/* BOTONES PANELES ADMINISTRABLES */
    .contenedor-boton {
        display: flex;
        justify-content: center;
    }

    .agregar {
        color: white !important;
        background-color: #007BFF !important;
        border-color: #007BFF !important;
        font-weight: normal !important;
        text-transform: uppercase !important;
        font-size: 18px !important;
        transition: all 0.5s ease;
        padding: 8px 16px !important;
        border-radius: 0.3rem !important;
        line-height: 1.5 !important;
        min-height: 0 !important;
        min-width: 0 !important;
        font-family: var(--creote-family-two) !important;
    }
    .agregar:hover {
        background-color: #0069D9 !important;
        border-color: #0069D9 !important;
        transition: all 0.5s ease;
    }
    .agregar:active {
        background-color: #0062CC !important;
        border-color: #0062CC !important;
        box-shadow: none !important;
    }

/* MODAL CONTACTO */
    /* Botón 'Enviar mensaje' */
    .modal_popup .modal-popup-inner .form_inner p:last-child input:hover {
        background: var(--primary-color-x);
    }
    
    /* Información lateral */
        /* Logo */
        .modal_popup .modal-popup-inner .about_company_inner .logo {
            text-align: center;
        }

        .modal_popup .modal-popup-inner .about_company_inner .logo img {
            width: 300px;
        }

        /* Botón 'Leer más' */
        .modal_popup .modal-popup-inner .about_company_inner .text a:hover {
            color: var(--primary-color-one);
        }

        /* Información de contacto alternativa */
        .modal_popup .modal-popup-inner .post_contet_modal .post_enable {
            display: inline-block;
        }

            /* Título */
            .modal_popup .modal-popup-inner .post_contet_modal h2 {
                margin-bottom: 15px;
            }

            /* Subtítulos */
            .modal_popup .modal-popup-inner .post_contet_modal .post_enable p {
                margin-bottom: 5px;
            }

            .modal_popup .modal-popup-inner .post_contet_modal .post_enable p.subtitulo {
                margin-top: 20px;
            }

            .modal_popup .modal-popup-inner .post_contet_modal .post_enable p i {
                color: var(--text-color-dark);
                margin-right: 6px;
            }

            /* Teléfonos y correo electrónico */
            .modal_popup .modal-popup-inner .post_contet_modal .post_enable a.contacto {
                color: var(--text-color-light);
            }

            .modal_popup .modal-popup-inner .post_contet_modal .post_enable a.contacto-1 {
                margin-right: 25px;
            }

            .modal_popup .modal-popup-inner .post_contet_modal .post_enable a.contacto:hover {
                color: var(--primary-color-one);
            }

            /* Redes sociales */
            .modal_popup .modal-popup-inner .post_contet_modal .post_enable .navigation_foo_box .navigation_foo_inner a .icono-rrss-footer {
                font-size: 20px;
            }

            /* Quitar margen final */
            .modal_popup .modal-popup-inner .post_contet_modal {
                margin-bottom: 0;
            }

/* PÁGINA PRINCIPAL */
    /* SLIDER */
        /* Tamaño slider */
            /* Escritorio */
            .slider.style_one .slide-item-content .slider_content {
                height: 700px;
                padding: 0 !important;
            }

            /* Móvil */
            @media (max-width: 1199px) {
                .slider.style_one .slide-item-content .slider_content {
                    height: 400px;
                    padding: 0 !important;
                }
            }

        /* Centrar contenido */
        .slider.style_one .slide-item-content .slider_content {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            text-align: center;
        }

        @media (min-width: 768.5px) and (max-width: 1225.5px) {
            .slider.style_one .slide-item-content .auto-container {
                margin: 0 50px;
            }
        }

        /* Quitar oscurecimiento */
        .slider.style_one .slide-item-content::before {
            /*content: none;*/
        }

        /* Fondo */
            /* Escritorio */
            .slider.style_one .slide-item-content .image-layer.imagen-slider {
                background-size: 100% 100% !important;
            }

            /* Móvil */
            @media (max-width: 767.5px) {
                .slider.style_one .slide-item-content .image-layer.imagen-slider {
                    background-size: cover !important;
                }
            }

        /* Texto */
            /* Escritorio */
            .slider.style_one .slide-item-content .slider_content h1 {
                padding-bottom: 0;
            }

            .slider.style_one .slide-item-content .slider_content h6 {
                margin-bottom: 0;
            }

            @media (min-width: 550.5px) {
                .slider.style_one .slide-item-content .slider_content .slider-movil {
                    visibility: hidden;
                    display: none;
                }
            }

            /* Móvil */
                /* Resoluciones altas */
                @media (min-width: 949.5px) and (max-width: 1199px) {
                    .slider.style_one .slide-item-content .slider_content h1.slider-escritorio {
                        font-size: 50px;
                        line-height: 60px;
                    }
                }

                /* Resoluciones medias */
                @media (min-width: 767.5px) and (max-width: 949.5px) {
                    .slider.style_one .slide-item-content .slider_content h1.slider-escritorio {
                        font-size: 40px;
                        line-height: 50px;
                    }

                    .slider.style_one .slide-item-content .slider_content h6.slider-escritorio {
                        font-size: 18px;
                        line-height: 28px;
                    }
                }

                /* Resoluciones bajas */
                @media (min-width: 550.5px) and (max-width: 767.5px) {
                    .slider.style_one .slide-item-content .slider_content h1.slider-escritorio {
                        font-size: 30px !important;
                        line-height: 40px !important;
                    }

                    .slider.style_one .slide-item-content .slider_content h6.slider-escritorio {
                        font-size: 16px;
                        line-height: 26px;
                    }
                }

                /* Resoluciones muy bajas */
                @media (max-width: 550.5px) {
                    .slider.style_one .slide-item-content .slider_content .slider-escritorio {
                        visibility: hidden;
                        display: none;
                    }

                    .slider.style_one .slide-item-content .slider_content h6.slider-movil {
                        font-weight: 700;
                        margin-bottom: 10px;
                    }

                    .slider.style_one .slide-item-content .slider_content p.slider-movil {
                        color: #ced4da;
                        margin-bottom: 0 !important;
                    }
                }
    
    /* PUBLICACIONES */
        /* Padding especiales para 3 elementos */
        @media (min-width: 991.5px) {
            .padding-especial-5, .padding-especial-8 {
                padding: 0 15px 0 0;
            }

            .padding-especial-7, .padding-especial-10 {
                padding: 0 0 0 15px;
            }
        }

        @media (min-width: 767.5px) and (max-width: 991.5px) {
            .padding-especial-5, .padding-especial-7, .padding-especial-9 {
                padding: 0 15px 0 0;
            }

            .padding-especial-6, .padding-especial-8, .padding-especial-10 {
                padding: 0 0 0 15px;
            }
        }

        @media (max-width: 767.5px) {
            .padding-especial-5, .padding-especial-6, .padding-especial-7, .padding-especial-8, .padding-especial-9, .padding-especial-10 {
                padding: 0;
            }
        }

        /* Fondo */
        .publicacion {
            background: #fff;
            border-radius: 10px;
            overflow: hidden;
            box-shadow: var(--box-shadow);
        }

        /* Imagen cuadrada */
        .imagen-cuadrada {
            height: 0;
            width: 100%;
            padding-bottom: 100%;
            position: relative;
            overflow: hidden;
        }

        .centrar-imagen {
            height: 100%;
            width: 100%;
            object-fit: cover;
            position: absolute;
        }

        /* Contenido */
            /* Contenedor */
            .cuerpo-publi, .cuerpo-publi-corto {
                padding: 15px 15px 25px;
            }

            /* Título */
            .cuerpo-publi h4, .cuerpo-publi-corto h4 {
                text-transform: uppercase;
                text-align: center;
                font-size: 20px;
                line-height: 30px;
                color: var(--heading-dark);
                margin-bottom: 10px;
            }

            /* Texto */
            .cuerpo-publi .descripcion {
                text-transform: none !important;
                font-size: 16px;
                line-height: 26px;
                font-weight: normal;
                color: var(--heading-dark);
                margin: 10px 0 25px;
                display: -webkit-box;
                -webkit-line-clamp: 7;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }

            .cuerpo-publi-corto .descripcion {
                text-transform: none !important;
                font-size: 16px;
                line-height: 26px;
                font-weight: normal;
                color: var(--heading-dark);
                margin: 10px 0 25px;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;
                overflow: hidden;
            }

            .cuerpo-publi .descripcion > *, .cuerpo-publi-corto .descripcion > * {
                text-transform: none !important;
                font-size: 16px;
                line-height: 26px;
                font-weight: normal;
                color: var(--heading-dark);
                margin: 0 !important;
            }

            .cuerpo-publi .descripcion > * strong, .cuerpo-publi-corto .descripcion > * strong {
                font-weight: normal;
                color: var(--heading-dark);
            }

        /* Botón 'Seguir leyendo' */
        .publicacion.vista-usuario:hover {
            cursor: pointer;
        }

        .leer-mas {
            color: white !important;
            background-color: var(--primary-color-x) !important;
            border-color: var(--primary-color-x) !important;
            font-weight: bold !important;
            text-transform: none !important;
            font-size: 16px !important;
            transition: all 0.5s ease;
            padding: 8px 16px !important;
            border-radius: 0 !important;
            line-height: 26px !important;
            min-height: 0 !important;
            min-width: 0 !important;
            font-family: var(--creote-family-two) !important;
            display: inline;
        }

        p.leer-mas i {
            margin-left: 8px;
        }

        p.leer-mas:hover {
            background-color: var(--primary-color-one) !important;
            border-color: var(--primary-color-one) !important;
            cursor: pointer;
        }

        .publicacion.vista-usuario:hover > .cuerpo-publi p.leer-mas, .publicacion.vista-usuario:hover > .cuerpo-publi-corto p.leer-mas {
            background-color: var(--primary-color-one) !important;
            border-color: var(--primary-color-one) !important;
        }

        /* Botones administrador */
        .cuerpo-publi .contenedor-botones {
            display: block;
            margin: 25px 0 15px;
        }

        .cuerpo-publi .contenedor-botones .btn-secondary {
            margin-right: 8px;
        }

        input[type=text].campo-posicion {
            height: 40px;
            width: 4rem;
            margin-bottom: 0;
        }

        /* */
        .publicacion-completa {
            padding-bottom: 10px;
            margin-bottom: 40px;
            border-bottom: 1px solid var(--border-color-dark);
        }

/* BANNERS DE SECCIONES */
    /* Espacio adicional en resoluciones altas */
    @media (min-width: 1200.5px) {
        .page_header_default {
            padding: 150px 0 100px;
        }
    }

    /* Breadcrumbs */
    .breadcrumbs.creote .breadcrumb li a:hover {
        color: #fff;
        text-decoration: underline;
    }

/* SECCIÓN 'NOSOTROS' */
    /* NOSOTROS */
        /* Texto */
        .description_box .texto {
            margin-bottom: 15px;
        }

        /* Frase */
            /* Transparencia del fondo */
            @media (max-width: 992.5px) {
                .image_boxes.style_two .authour_quotes {
                    background: rgba(242, 148, 0, 0.85)
                }
            }

        /* Botón 'Contáctanos' (solo aparece en versión móvil) */
        .about_content .theme_btn_all {
            margin-bottom: 25px;
        }

        .about_content .theme_btn_all .theme-btn.five:hover {
            background: var(--primary-color-x);
        }
        
        /* Imagen */
            .image_boxes.style_two .image.two {
                position: relative;
                margin-top: 20px;
            }

            @media (min-width: 494.5px) {
                .image_boxes.style_two .image.two {
                    height: 440px;
                    width: 440px;
                }
            }

            /* Centrar fondo en resoluciones altas */
            @media (min-width: 992.5px) and (max-width: 1199.5px) {
                .centrar-contenido-col {
                    display: flex;
                    justify-content: center;
                }

                .image_boxes.style_two {
                    left: -90px;
                }

                .image_boxes.style_two .background_image {
                    left: -60px;
                }

                .image_boxes.style_two .image.two {
                    margin-top: 36px;
                }
            }

            /* Centrar imagen en resoluciones muy altas */
            @media (min-width: 992.5px) {
                .image_boxes.style_two .image.two {
                    right: -90px;
                }
            }

    /* MISIÓN, VISIÓN Y COMPROMISO */
        /* Título */
        .icon_box_all.style_three .icon_content .txt_content h3 {
            display: block;
            color: var(--heading-dark);
            line-height: 30px;
            font-size: 22px;
            font-weight: 700;
            margin-bottom: 8px;
        }

            /* Comprimir en ciertas resoluciones para igualar altura de los títulos */
            @media (min-width: 1199.5px) {
                .icon_box_all.style_three .icon_content .txt_content h3.nosotros {
                    padding: 0 46px;
                }
            }

            @media (min-width: 991.5px) and (max-width: 1199.5px) {
                .icon_box_all.style_three .icon_content .txt_content h3.nosotros {
                    padding: 0 12px;
                }
            }

            @media (min-width: 767.5px) and (max-width: 991.5px) {
                .icon_box_all.style_three .icon_content .txt_content h3.nosotros {
                    padding: 0 28px;
                }
            }

            @media (min-width: 410.5px) and (max-width: 430.5px) {
                .icon_box_all.style_three .icon_content .txt_content h3.nosotros {
                    padding: 0 64px;
                }
            }

            @media (min-width: 399.5px) and (max-width: 410.5px) {
                .icon_box_all.style_three .icon_content .txt_content h3.nosotros {
                    padding: 0 55px;
                }
            }

            @media (min-width: 375.5px) and (max-width: 399.5px) {
                .icon_box_all.style_three .icon_content .txt_content h3.nosotros {
                    padding: 0 45px;
                }
            }

            @media (min-width: 355.5px) and (max-width: 375.5px) {
                .icon_box_all.style_three .icon_content .txt_content h3.nosotros {
                    padding: 0 35px;
                }
            }

            @media (min-width: 335.5px) and (max-width: 355.5px) {
                .icon_box_all.style_three .icon_content .txt_content h3.nosotros {
                    padding: 0 25px;
                }
            }

            @media (min-width: 315.5px) and (max-width: 335.5px) {
                .icon_box_all.style_three .icon_content .txt_content h3.nosotros {
                    padding: 0 15px;
                }
            }

            @media (max-width: 315.5px) {
                .icon_box_all.style_three .icon_content .txt_content h3.nosotros {
                    padding: 0 5px;
                }
            }

    /* TRABAJADORES */
        /* Cofundadores */
            /* Diseño */
                /* Quitar padding de las columnas */
                .quitar-padding-1 {
                    padding-left: 0;
                }

                .quitar-padding-2 {
                    padding-right: 0;
                }

                @media (max-width: 991.5px) {
                    .quitar-padding-1, .quitar-padding-2 {
                        padding: 0 !important;
                    }
                }

                /* Fondo */
                .noticia-container {
                    background-color: #fff;
                    border-radius: 10px;
                    overflow: hidden;
                    box-shadow: var(--box-shadow);
                }

                /* Imagen */
                .noticia-img {
                    width: 100%;
                    height: 315px !important;
                    object-fit: cover;
                    align-items: center;
                    vertical-align: bottom;
                }

                /* Contenido */
                .noticia-content {
                    padding: 15px 30px 15px 15px;
                }

                @media (max-width: 767.5px) {
                    .noticia-content {
                        padding: 15px;
                    }
                }

                    /* Nombre */
                    .noticia-title {
                        color: var(--heading-dark);
                        font-size: 22px;
                        line-height: 32px;
                        font-weight: bold;
                        margin: 0 0 10px !important;
                    }

                    /* Descripción */
                    .resumen {
                        font-size: 16px;
                        color: var(--text-color-dark);
                    }

                    /* Visualización en resoluciones bajas */
                    @media (max-width: 550px) {
                        .noticia-title {
                            font-size: 18px !important;
                            line-height: 28px !important;
                        }
                        .resumen {
                            font-size: 14px !important;
                            line-height: 24px !important;
                        }
                    }
        
        /* Otros trabajadores */
            /* Contenedor */
            .trabajador {
                background: #fff;
                border-radius: 10px;
                overflow: hidden;
                position: relative;
            }

            /* Overlay negro sobre la imagen */
            .trabajador .imagen-cuadrada::before {
                position: absolute;
                content: "";
                width: 100%;
                height: 100%;
                left: 0;
                bottom: -30px;
                background: linear-gradient(to top, var(--primary-color-two) 6%, rgba(0, 0, 0, 0) 70%);
                z-index: 9;
            }

            /* Información */
                /* Contenedor */
                .trabajador .informacion {
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    z-index: 15;
                }

                .trabajador .informacion .datos {
                    position: absolute;
                    width: 100%;
                    height: auto;
                    padding: 15px 15px;
                    bottom: 0;
                    left: 0;
                }

                /* Texto */
                .trabajador .datos span.cargo {
                    display: block;
                    font-size: 12px;
                    line-height: 20px;
                    font-weight: 600;
                    color: #fff;
                    text-transform: uppercase;
                    font-family: var(--creote-family-one);
                    margin-bottom: 10px;
                }

                .trabajador .datos h6.nombre-apellido {
                    font-size: 22px;
                    font-weight: 700;
                    color: #fff;
                    display: block;
                    line-height: 30px;
                }

                @media (max-width: 550px) {
                    .trabajador .datos h6.nombre-apellido {
                        font-size: 18px;
                        font-weight: 28px;
                    }
                }

/* SECCIÓN 'VALORES' */
    /* VISIÓN */
        /* Títulos */
        .title_all_box.style_one .title_sections .before_title {
            font-size: 22px !important;
        }

        /* Texto */
        .title_all_box.style_one .title_sections .title {
            font-size: 16px !important;
            line-height: 26px !important;
            font-weight: normal;
        }
            /* Reducir tamaño en resoluciones muy pequeñas */
            @media (max-width: 374.5px) {
                .icon_box_all.style_three .icon_content .txt_content h3.movil-small {
                    font-size: 20px;
                }
            }

/* SECCIÓN 'SERVICIOS Y PRODUCTOS' */
    /* SERVICIOS Y PRODUCTOS */
        /* SERVICIOS */
            /* Transición hover */
            .servicio {
                transition: all 0.5s ease;
            }

            .servicio:hover {
                box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
            }

            /* Texto */
                /* Reducir tamaño en resoluciones muy pequeñas */
                @media (min-width: 767.5px) and (max-width: 1199.5px) {
                    .icon_box_all.style_three .icon_content .txt_content h3.movil-extra-small {
                        font-size: 18px;
                    }
                }

                @media (max-width: 374.5px) {
                    .icon_box_all.style_three .icon_content .txt_content h3.movil-extra-small {
                        font-size: 17px;
                    }
                }

    /* SUBSECCIONES */
        /* IMAGEN PRINCIPAL */
        .contenedor-rec {
            border-radius: 10px;
            overflow: hidden;
        }

        .imagen-rectangular {
            position: relative;
            width: 100%;
            padding-top: 50%;
        }
    
        .centrar-imagen-rec {
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            object-fit: cover;
            position: absolute;
        }

        /* CUERPO DE LA SECCIÓN */
        .post_single_content .description_box p {
            margin-bottom: 15px;
        }

        .post_single_content .description_box ul {
            margin-bottom: 15px;
        }

        @media (max-width: 550px) { 
            .post_single_content .description_box ul li {
                font-size: 14px;
            }
        }

        /* PROYECTOS */
            /* Separación elementos */
            @media (min-width: 991.5px) {
                .padding-especial-1, .padding-especial-2 {
                    padding: 0;
                }

                .padding-especial-3 {
                    padding: 0 15px 0 0;
                }

                .padding-especial-4 {
                    padding: 0 0 0 15px;
                }
            }

            @media (min-width: 767.5px) and (max-width: 991.5px) {
                .padding-especial-1, .padding-especial-3 {
                    padding: 0 15px 0 0;
                }

                .padding-especial-2, .padding-especial-4 {
                    padding: 0 0 0 15px;
                }
            }

            @media (max-width: 767.5px) {
                .padding-especial-1, .padding-especial-2, .padding-especial-3, .padding-especial-4 {
                    padding: 0;
                }
            }

            /* Reducir padding final */
            .blog_single_details_outer .single_content_upper {
                padding-bottom: 10px;
            }

            /* Fondo */
            .trabajo {
                background: #fff;
                border-radius: 10px;
                overflow: hidden;
                box-shadow: var(--box-shadow);
            }

            /* Contenido */
                /* Contenedor */
                .cuerpo-trabajo {
                    padding: 15px 15px 25px;
                }

                /* Título */
                .cuerpo-trabajo h4 {
                    text-transform: none;
                    text-align: center;
                    font-size: 20px;
                    line-height: 30px;
                    color: var(--heading-dark);
                    margin-bottom: 25px;
                }

            /* Botón 'Ir al Sitio Web' */
            .trabajo.vista-usuario:hover {
                cursor: pointer;
            }

            .trabajo.vista-usuario:hover > .cuerpo-trabajo p.leer-mas {
                background-color: var(--primary-color-one) !important;
                border-color: var(--primary-color-one) !important;
            }

            /* Botones administrador */
            .cuerpo-trabajo .contenedor-botones {
                display: block;
                margin: 25px 0 15px;
            }

            .cuerpo-trabajo .contenedor-botones .btn-secondary {
                margin-right: 8px;
            }
        
        /* MENÚ 'MÁS SERVICIOS Y PRODUCTOS' */
            /* Contenedor */

            /* Fondo */
            .servicio-menu {
                padding: 12px 18px;
                background: #fff;
                border-radius: 10px;
                box-shadow: var(--box-shadow);
                transition: all 0.5s ease;
            }

            .servicio-menu:hover {
                box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
            }

            /* Texto */
            .servicio-menu p {
                color: var(--primary-color-two);
                font-size: 16px;
                line-height: 26px;
                font-weight: 600;
                margin: 0;
            }

            @media (min-width: 991.5px) and (max-width: 1200.5px) {
                .servicio-menu p {
                    font-size: 14px !important;
                    line-height: 24px !important;
                }
            }

            .servicio-menu p i {
                margin-right: 8px;
            }


/* SECCIÓN 'CONTACTO' */
    /* Botón 'Enviar mensaje' */
    .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode button {
        transition: all 0.5s ease;
    }

    .contact_form_box_all.type_one .contact_form_box_inner .contact_form_shortcode button:hover {
        background: var(--primary-color-x);
    }

    /* Información de contacto alternativa */
        /* Contenedor */
        .contact_box_content.style_one .contact_box_inner {
            padding: 20px 15px;
            cursor: default;
        }

        .contact_box_content.style_one .contact_box_inner:hover {
            box-shadow: none;
            border-color: var(--border-color-dark);
        }

        .contact_box_content.style_one .contact_box_inner.icon_yes .contnet {
            margin-left: 65px;
        }

        /* Resaltar vínculos */
        .contact_box_content.style_one .contact_box_inner.icon_yes .contnet p a {
            color: var(--text-color-dark);
        }

        .contact_box_content.style_one .contact_box_inner.icon_yes .contnet p a:hover {
            color: var(--primary-color-one);
        }

        /* Redes sociales */
        .contact_box_content.style_one .contact_box_inner.icon_yes .contnet .navigation_foo_box {
            margin-top: 12px;
        }

/* SECCIÓN 'INICIAR SESIÓN */
    /* Botón 'Ingresar' */
    .boton-confirmacion {
        transition: all 0.5s ease;
    }

    .boton-confirmacion:hover {
        background: var(--primary-color-x);
    }

/* SWITCH (CHECKBOX PERSONALIZADO) */
    .switch {
        position: relative;
        display: block;
        width: 60px;
        height: 34px;
    }
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }
    .deslizador {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }
    .deslizador:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }
    input:checked + .deslizador {
        background-color: var(--primary-color-one);
    }
    input:focus + .deslizador {
        box-shadow: 0 0 1px #ccc;
    }
    input:checked + .deslizador:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }
    .deslizador.round {
        border-radius: 34px;
    }
    .deslizador.round:before {
        border-radius: 50%;
    }

/* SECCIÓN 'ADMINISTRAR SLIDER' */
    /* Quitar margen final a la tabla */
    .table {
        margin: 0;
    }

    /* Suavizar bordes de la tabla */
    .tabla-slider {
        border: solid var(--border-color-dark) 2px;
        border-radius: 10px;
        overflow: hidden;
    }

    .tabla-slider tbody td {
        border-bottom: solid var(--border-color-dark) 2px;
    }

    .tabla-slider tbody tr:last-child > td {
        border: none;
    }

    /* Tamaño del título */
    .tabla-slider tbody tr td .tabla-slider-texto strong {
        font-size: 22px;
    }

    @media (max-width: 991.5px) {
        .tabla-slider tbody tr td .tabla-slider-texto strong {
            font-size: 20px !important;
        }
    }

    /* Separar elementos de la tabla según la resolución */
    .tabla-slider-texto {
        padding-bottom: 15px;
    }
    @media (min-width: 767.5px) {
        .tabla-slider-imagen {
            padding-right: 15px;
        }
    }

    @media (max-width: 767.5px) {
        .tabla-slider-imagen {
            padding-bottom: 15px;
        }
    }

    /* Centrar elementos en resoluciones bajas */
    @media (max-width: 767.5px) {
        .tabla-slider-texto, .tabla-slider-botones {
            text-align: center;
        }
    }

    /* Centrar texto de 'Visibilidad' */
    .tabla-slider-botones .tabla-slider-visibilidad {
        vertical-align: middle;
    }

    /* Quitar ancho obligatorio a botones */
    .row > a.botoncito {
        width: auto;
    }

    /* Reducir tamaño del input de posiciones */
    input[type=text].input-posicion {
        height: 40px;
        margin: 0;
    }

    /* Permitir deslizar textos largos */
    .scrollable {
        overflow: auto;
        overflow-y: hidden;
    }

    /* Orden de los botones */
    a.botoncito {
        display: inline-block;
        padding-right: 0;
        margin: 0 3px 0 0;
        vertical-align: unset;
    }

    .eliminar {
        margin: 0;
    }

    .tabla-slider-botones input[type=text].input-posicion {
        display: inline-block;
        padding: 0 10px;
        margin-left: 1px;
        margin-right: 15px;
    }

    .tabla-slider-visibilidad {
        display: inline-block;
    }

    @media (max-width: 424.5px) {
        .tabla-slider-botones input[type=text].input-posicion {
            margin-right: 0;
        }

        .tabla-slider-visibilidad {
            display: block;
            padding-top: 15px;
        }
    }

    /* Ocultar texto botones */
    a.botoncito span {
        max-width: 0;
        display: inline-block;
        vertical-align: top;
        overflow: hidden;
    }

    /* Aspecto en resoluciones altas */
    @media (min-width: 1024px) {
        a.botoncito span {
            max-width: 0;
            transition: max-width 1s ease 0s, padding-right 0s ease 250ms;
            display: inline-block;
            vertical-align: top;
            overflow: hidden;
        }
        a.botoncito:hover span {
            max-width: 7rem;
            padding-right: 10px;
        }
    }