/*VERSION DESKTOP*/



    /* BUSCADOR */
        .bc_buscador_barra {
            display: flex;
            align-items: center;
            background: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 12px rgba(40,33,130,0.07);
            /* border: 1px solid #d8e2ee;*/
            width: 80% !important;
            margin: 0px 10% 1% 10% !important
        }

        .bc_buscador_barra input[type="search"] {
            flex: 1;
            border: none;
            outline: none;
            background: #fff;
            font-size: 1em;
            padding: 10px 0;
            color: #315099;
            border-radius: 8px;
        }

        .bc_buscador_barra input[type="search"]::placeholder {
            color: #8e98a6;
            font-size: 0.98em;
        }

        .bc_buscador_barra input[type="search"]:focus {
            background: #f1f5fb;
        }


        #bb_guia_contacto_buscador {
            background-image: url('/documents/10184/16475/bc-web-search-64.jpg');
            background-image: url('/documents/20121/121358/bc_search_icon_little.jpg/3d45d839-11fb-2f77-4c4c-a066d00a8c4c?t=1613563163572');
            background-position: 98% 5px;
            background-size: 30px;
            background-repeat: no-repeat;
            color: #282182;
            width: 100%;
            padding: 12px 10% 12px 4%;
            margin-bottom: 0px !important;
            /* border: 1px solid #282182;*/
            font-size: 15px;
            border-radius: 8px;
        }


        #bb_guia_contacto_btn_borrar {
            background: none;
            border: none;
            font-size: 1.2em;
            color: #5176c7;
            cursor: pointer;
            padding: 6px;
            border-radius: 50%;
            transition: background 0.17s;
            margin-left: 6px;
            display: none; /* Se mostrará solo si hay texto */
        }

        #bb_guia_contacto_btn_borrar:active,
        #bb_guia_contacto_btn_borrar:hover {
            background: #eef3fc;
            color: #315099;
        }

        /* MOVIL GRANDE @media (max-width: 500px) */
        @media(max-width: 500px){
            .bc_buscador_barra {
                padding: 0px !important;;
                width: 100% !important;;
                margin: 0px !important;

            }
            .bc_buscador_barra input[type="search"] {
                font-size:1em;
            }
            #bb_guia_contacto_btn_borrar {
                font-size:1.4em;
            }
        }



    /* CARD GRID */
        .grid-lista {
            display: grid;
            grid-template-columns: 1fr; /* por defecto una columna */
            gap: 20px;
            padding: 0;
            list-style: none;
        }
        @media (min-width: 768px) {
            .grid-lista {
                grid-template-columns: repeat(3, 1fr); /* 3 columnas iguales */
            }
        }



    /* CARD Estilos */

        /* Aquí añadirías el resto de estilos internos de las cards */

        #bb_guia_contacto{
            
        }

        #bb_guia_contacto_listado{
            /*float: left;*/
            width: 100% !important;
            display: grid;
        }

        
        #bb_guia_contacto_listado_ul{
            margin: 0px !important;
            padding: 0px !important;
            width: 100%  !important;
            display: flex;
            flex-wrap: wrap;

            list-style: none;
            margin: 0;
            padding: 0;
        }


        .bb_guia_contacto_listado_li {
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(40, 33, 130, 0.1);
            padding: 16px 24px;
            margin: 10px 1% !important;
            color: #202040;
            font-family: 'Arial', sans-serif;
            transition: box-shadow 0.3s ease;
            width: 31%;
        }

        .bb_guia_contacto_listado_li:hover {
            box-shadow: 0 4px 16px rgba(40, 33, 130, 0.15);
            /* background-color: #eaebff;*/
        }
      
        .bb_guia_contacto_listado_li p {
            display: flex;
            align-items: center;
            margin: 6px 0;
            font-size: 0.95rem;
            /* color: #1f2b66;*/
            color: #282182;

        }

        .bb_guia_contacto_listado_li b {
            font-weight: 700;
            font-size: 1.1rem;
            color: #1f2b66;
        }
        .bb_guia_contacto_listado_li a {
            /* color: #1f2b66;*/
            text-decoration: underline;
            color: #315099;
            word-break: break-word; /* para emails largos */
        }
        .bb_guia_contacto_listado_li a:hover {
            text-decoration: none;
            color: #1a3b9a;
        }

        .bb_guia_contacto_listado_li_responsable{
            width: 50% !important;
        }


        /* AREA y GRUPOS */
            .bcb_gc_area_y_grupo{
                display: flex; 
                align-items: center;
                gap: 8px;
            }

            .bcb_gc_area_y_grupo .bcb_area_grupo_nombres {
                display: block;
                text-indent: 0;
                padding-left: 0;
            }

            .bcb_gc_area_y_grupo .bcb_area_grupo_nombres {
                padding-left: 0px;
                word-break: break-word;
            }


        /* ICONOS */
            /*.bcb_icono_mas{*/
                .bcb_icono_mas{
                    background-image: url('/documents/20121/250839/mas_bcb_silueta_azul_rellenotransp.png/8d22c889-9af3-c0bb-6b60-8076e1f43080?t=1623228259455');
                    background-size: 24px;
                    display: flex;
                    height: 24px;
                    width: 24px;
                }
         

            /* bcb_gc_icono_info */
                .bcb_gc_icono {
                    font-size: 1.2em;
                    color: #282182;
                    width: 24px;         /* ancho fijo igual para todos */
                    height: 24px;
                    display: inline-flex;
                    justify-content: center;
                    align-items: center;
                    margin-right: 8px !important;
                    flex-shrink: 0;      /* evita que se achique */
                }

                /* Si bcb_gc_icono_info tiene distinto tamaño o icono */
                .bcb_gc_icono_info {
                    /* Ajusta tamaño si es necesario */
                    width: 24px;
                    height: 24px;
                    /* Si usas imágenes SVG o fuentes, mantén proporción */
                }


                
                /* iconos bn */
                .bcb_gc_icono_ficha{
                    background-image: url("/documents/20121/177513/008-id-card.png/d2d2b203-ad55-3972-e10c-f2940b05dd4c?t=1614763428156");
                }
                .bcb_gc_icono_email{
                    background-image: url("/documents/20121/177513/025-arroba.png/4c03ac12-dabe-f6ba-09b5-7547ff426f5f?t=1614763426408");
                } 
                .bcb_gc_icono_web{
                    background-image: url("/documents/20121/177513/031-link.png/3a21032d-d087-feb1-2564-9a554eca0c4b?t=1614763426872");
                } 
                .bcb_gc_icono_telefono{
                    background-image: url("/documents/20121/177513/029-telephone-1.png/33e06d1b-40a6-10c8-4970-02aa544ba0f4?t=1614763426705");
                } 
                .bcb_gc_icono_ubicacion{
                    background-image: url("/documents/20121/177513/032-placeholder.png/02f71c85-829c-a5be-93a6-dabae4b99d14?t=1614763426942");
                } 
                .bcb_gc_icono_info{
                    background-image: url("/documents/20121/177513/010-contract.png/3d976310-190c-75cb-6bd0-43cfcd1c32e2?t=1614763428311");
                } 
                .bcb_gc_icono_chat{
                    background-image: url("/documents/20121/177513/026-chat-1.png/49d45f52-d96d-0542-b497-92ccad94a781?t=1614763426472");
                } 
                .bcb_gc_icono_sendemail{
                    background-image: url("/documents/20121/177513/013-mail.png/9154e16e-a05d-275e-e638-5d98e67cd399?t=1614763428564");
                } 
                
                

                /* iconos color */
                .bcb_gc_icono_ficha_color{
                    background-image: url("/documents/20121/176830/008-id-card.png/e184ba0d-7b82-92ec-a962-a5171a9c39f6?t=1614763325482");
                }
                .bcb_gc_icono_email_color{
                    background-image: url("/documents/20121/176830/025-arroba.png/fc7ddf6a-f57b-ae7b-9470-02b4c1362586?t=1614763326801");
                } 
                .bcb_gc_icono_web_color{
                    background-image: url("/documents/20121/176830/031-link.png/ac47dc00-8808-162f-9163-5a35930e3969?t=1614763324115");
                } 
                .bcb_gc_icono_telefono_color{
                    background-image: url("/documents/20121/176830/029-telephone-1.png/94e33481-1b15-90b6-f9f0-9af49d91fed2?t=1614763323909");
                } 
                .bcb_gc_icono_ubicacion_color{
                    background-image: url("/documents/20121/176830/032-placeholder.png/014e8cbf-6e74-73e0-a697-4810914140a8?t=1614763324228");
                } 
                .bcb_gc_icono_info_color{
                    background-image: url("/documents/20121/176830/010-contract.png/fd44c84f-3995-db08-6f4a-0ca573404cba?t=1614763325645");
                }

                
                .bc_entidades_logos_size{
                    height: 100px !important;
                }






/*VERSION MOVIL TABLET*/
    @media (min-width: 1166px) and (max-width: 1500px) {
        /* Guia Contacto */
        #bb_guia_contacto{
            
        }

        #bb_guia_contacto_listado{
        }
        
        #bb_guia_contacto_listado_ul{
        }

        .bb_guia_contacto_listado_li{
            margin: 2% !important;
            padding: 2%;
            width: 46% !important;
            height: auto;
        }


        .bb_guia_contacto_listado_li_responsable{
            width: 96% !important;
            margin: 10px 2% !important;
        }

    }

/*VERSION MOVIL TABLET*/
    @media (min-width: 768px) and (max-width: 1165px) {
        /* Guia Contacto */
        #bb_guia_contacto{
            
        }

        #bb_guia_contacto_listado{
        }
        
        #bb_guia_contacto_listado_ul{
        }

        .bb_guia_contacto_listado_li{
            margin: 2% !important;
            padding: 2%;
            width: 46% !important;
            height: auto;
        }
        
        .bb_guia_contacto_listado_li_responsable{
            width: 96% !important;
            margin: 10px 2% !important;
        }

    }

/*VERSION MOVIL LANDSCAPE @media (max-width: 767px) */
    @media (max-width: 767px) {

        /* Guia Contacto */
        #bb_guia_contacto{
            
        }

        #bb_guia_contacto_listado{
        }
        
        #bb_guia_contacto_listado_ul{
        }

        .bb_guia_contacto_listado_li{
            margin: 10px 0px !important;
            padding: 5% !important;
            width: 100% !important;
            height: auto;
        }
        
        .bb_guia_contacto_listado_li_responsable{
            width: 96% !important;
            margin: 10px 2% !important;
        }

    }

/*VERSION MOVIL GRANDE @media (max-width: 500px) */
    @media (max-width: 500px) {
        /* Guia Contacto */
        #bb_guia_contacto{
            
        }

        #bb_guia_contacto_listado{
        }
        
        #bb_guia_contacto_listado_ul{
        }

        .bb_guia_contacto_listado_li{
            margin: 10px 0px !important;
            padding: 5% !important;
            width: 100% !important;
            height: auto;
        }
               
        .bb_guia_contacto_listado_li_responsable{
            width: 100% !important;
            margin: 10px 0px !important;
        }

        .bcb_gc_icono {
            width: 16px !important;
            height: 16px !important;
            margin-right: 8px;
        }
    }

/*VERSION MOVIL GRANDE @media (max-width: 500px) */
    @media (max-width: 350px) {
        /* Guia Contacto */
        #bb_guia_contacto{
            
        }

        #bb_guia_contacto_listado{
        }
        
        #bb_guia_contacto_listado_ul{
        }

        .bb_guia_contacto_listado_li{
            margin: 10px 0% !important;
            padding: 5%;
            width: 100% !important;
            height: auto;
        }

    }