﻿@media screen and (max-width: 769px) {
    .description {
        position: static !important;
    }

    .caption {
        position: static !important;
    }
}


    #accordionProductos {
        padding: 2em;
    }
    /*#accordionProductos .cardProducto{
        background:green;
    }
        #accordionProductos .cardProducto .card-header{
            background:yellow;
        }
            #accordionProductos .cardProducto .card-header .row{
                background:white;
            }
            #accordionProductos .cardProducto .card-header .row div{
                background: grey;
            }*/
    #accordionProductos .cardProducto .card-header .row, #accordionProductos .cardProducto .card-header .row div {
        padding: 0;
        margin: 0;
    }


    #accordionProductos .cardProducto {
        overflow: visible;
        border-right: none;
        border-top: none;
        border-bottom: none;
    }

        #accordionProductos .cardProducto .card-header .row .icono_col {
            max-width: 35px;
            /*position: absolute;
        left: -1em;
        top: 1.5em;*/
            position: relative;
            left: -2.5em;
            top: 1em;
        }

        #accordionProductos .cardProducto .card-header .row div a {
            display: block;
            border-radius: 50%;
            overflow: hidden;
        }


        #accordionProductos .cardProducto .card-header .row .titulobtn {
            padding-left: 1em;
        }

            #accordionProductos .cardProducto .card-header .row .titulobtn button {
                font-size: 1em;
                text-decoration: none;
                text-transform: capitalize;
            }

    #accordionProductos .hearderProducto {
        border: none;
        background: white;
    }

    #accordionProductos .bodyProducto .nav-tabs .nav-item .nav-link {
        padding: .5em 1em !important
    }

    .ParallaxPoligono {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
    }

    #accordionProductos .bodyProducto .tab-content .tab-pane {
        padding-top: 1em;
    }

    .prod-serv .table-content {
        width: 100%;
        margin: 0;
    }

    #collapseProducto1 .bodyProducto {
        color: black;
    }

    .tab-color {
        color: #8c8c8c;
    }

    .ul-personal > li {
        border: none !important;
    }

    #myTab > .nav-item .active {
        background: #f1f2f3 !important;
        color: #0e4c94;
    }

    #myTab > .nav-item:hover {
        cursor: pointer;
    }

    .contentGroup {
        padding-top: 2em !important;
        padding-bottom: 2em !important;
    }


    .vu_image_1 {
        /*background: url(../Imagenes/ValoresUnion/vu_web_1.png);*/
        background: #00aeef;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .vu_image_2 {
        /*background: url(../Imagenes/ValoresUnion/vu_web_2.png);*/
        background: #005e9d;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .vu_image_3 {
        /*background: url(../Imagenes/ValoresUnion/vu_web_3.png);*/
        background: #00aeef;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .vu_image_4 {
        /*background: url(../Imagenes/ValoresUnion/vu_web_4.png);*/
        background: #005e9d;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .vu_image_5 {
        /*background: url(../Imagenes/ValoresUnion/vu_web_5.png);*/
        background: #00aeef;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .vu_image_6 {
        /*background: url(../Imagenes/ValoresUnion/vu_web_6.png);*/
        background: #005e9d;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .vu_image_7 {
        /*background: url(../Imagenes/ValoresUnion/vu_web_7.png);*/
        background: #00aeef;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .vu_image_8 {
        /*background: url(../Imagenes/ValoresUnion/vu_web_8.png);*/
        background: #005e9d;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .vu_image_9 {
        /*background: url(../Imagenes/ValoresUnion/vu_web_9.png);*/
        background: #00aeef;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .vu_image_10 {
        /*background: url(../Imagenes/ValoresUnion/vu_web_10.png);*/
        background: #005e9d;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .vu_image_11 {
        /*background: url(../Imagenes/ValoresUnion/vu_web_11.png);*/
        background: #00aeef;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .vu_image_12 {
        /*background: url(../Imagenes/ValoresUnion/vu_web_12.png);*/
        background: #005e9d;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .vu_image_13 {
        /*background: url(../Imagenes/ValoresUnion/vu_web_13.png);*/
        background: #00aeef;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .vu_image_14 {
        /*background: url(../Imagenes/ValoresUnion/vu_web_14.png);*/
        background: #005e9d;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .vu_image_15 {
        /*background: url(../Imagenes/ValoresUnion/vu_web_15.png);*/
        background: #00aeef;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .vu_image_16 {
        /*background: url(../Imagenes/ValoresUnion/vu_web_16.png);*/
        background: #005e9d;
        background-repeat: no-repeat;
        background-size: cover;
    }


    .contentGroup h2 {
        text-align: center;
        font-size: 36px;
        color: #043263;
    }

    .groupBody {
        transition: all 1s ease-out .1s;
        visibility: hidden;
        position: absolute;
        top: 100%;
        padding: .5em .5em 1em .5em;
        color: #5d5d67;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background: white;
        border-style: solid;
        border-width: thin;
        border-color: #f1f2f3;
    }

    .contentText {
        font-size: 1.3em;
    }

    .groupHeader {
        transition: all 1s ease-out .1s;
        position: relative;
        top: 35%;
        padding: 1em 0 .5em 0;
        text-align: center;
        color: white;
        text-transform: uppercase;
        font-weight: bold;
        text-shadow: 2px 2px #0070b2;
        font-size: large;
    }

        .groupHeader h4 {
            font-size: 1em;
        }

    .groupCard:hover {
        cursor: pointer;
        opacity: 1;
    }

    .groupCard {
        opacity: 1;
        height: 100%;
        /*background: linear-gradient(30deg,#008d5c,#26b986,#008d5c);*/
        min-height: 180px;
        border-style: none;
        border-radius: 7px;
        /*clip-path: polygon(0% 95%, 100% 100%, 100% 5%,0% 0);*/
    }

    .p-bottom {
        padding-bottom: .5em;
    }

    .groupBodyText {
        border-style: dashed;
        border-width: thin;
        border-color: #dcddde;
        /* background: #fafafb; */
        background: linear-gradient(200deg, #f1f2f3,#f1f2f3,#fdfdfd,#f1f2f3);
        height: 80%;
        padding: .5em;
        border-radius: 10px;
    }

    @media (max-width:769px) {
        #accordionProductos .cardProducto .card-header .row .icono_col {
            top: .5em;
        }

        #accordionProductos .cardProducto .card-header .row .titulobtn {
            padding-left: .3em;
        }

        #accordionProductos .bodyProducto {
            font-size: .8em;
        }

        #accordionProductos .cardProducto .card-header .row .titulobtn button {
            font-size: .55em;
            padding: 0;
        }

        #accordionProductos .bodyProducto {
            padding: 0 0 0 1.25rem;
        }

        #accordionProductos {
            padding: 0 .5em 0 2em;
        }

            #accordionProductos .cardProducto .card-header .row .icono_col {
                left: -2.3em;
            }
    }
