array(1) {
  [20220802]=>
  array(0) {
  }
}
array(1) {
  [20220802]=>
  array(2) {
    ["dia_publicacions"]=>
    string(17) "2 d'agost de 2022"
    ["font"]=>
    array(1) {
      [95]=>
      array(2) {
        ["font"]=>
        string(39) "Torneig d'Històrics del futbol català"
        ["dades"]=>
        array(1) {
          [0]=>
          array(11) {
            ["idhemeroteca"]=>
            string(4) "1958"
            ["titulo"]=>
            string(90) "El Sants, semifinalista per un gol després del triple empat amb el Júpiter i el Badalona"
            ["data"]=>
            string(10) "02/08/2022"
            ["link"]=>
            string(122) "https://www.torneigdhistorics.cat/el-sants-semifinalista-per-un-gol-despres-del-triple-empat-amb-el-jupiter-i-el-badalona/"
            ["idformat"]=>
            string(1) "1"
            ["font"]=>
            string(39) "Torneig d'Històrics del futbol català"
            ["iddia"]=>
            string(8) "20220802"
            ["idfonts"]=>
            string(2) "95"
            ["font_original"]=>
            string(0) ""
            ["format"]=>
            string(12) "fa-file-code"
            ["tipus"]=>
            array(2) {
              [0]=>
              string(11) "fa-file-alt"
              [1]=>
              string(13) "fa-file-image"
            }
          }
        }
      }
    }
  }
}
array(1) {
  [20220802]=>
  array(2) {
    ["dia_publicacions"]=>
    string(17) "2 d'agost de 2022"
    ["font"]=>
    array(1) {
      [95]=>
      array(2) {
        ["font"]=>
        string(39) "Torneig d'Històrics del futbol català"
        ["dades"]=>
        array(2) {
          [0]=>
          array(11) {
            ["idhemeroteca"]=>
            string(4) "1958"
            ["titulo"]=>
            string(90) "El Sants, semifinalista per un gol després del triple empat amb el Júpiter i el Badalona"
            ["data"]=>
            string(10) "02/08/2022"
            ["link"]=>
            string(122) "https://www.torneigdhistorics.cat/el-sants-semifinalista-per-un-gol-despres-del-triple-empat-amb-el-jupiter-i-el-badalona/"
            ["idformat"]=>
            string(1) "1"
            ["font"]=>
            string(39) "Torneig d'Històrics del futbol català"
            ["iddia"]=>
            string(8) "20220802"
            ["idfonts"]=>
            string(2) "95"
            ["font_original"]=>
            string(0) ""
            ["format"]=>
            string(12) "fa-file-code"
            ["tipus"]=>
            array(2) {
              [0]=>
              string(11) "fa-file-alt"
              [1]=>
              string(13) "fa-file-image"
            }
          }
          [1]=>
          array(11) {
            ["idhemeroteca"]=>
            string(4) "1961"
            ["titulo"]=>
            string(56) "Galeria fotogràfica grup 2: Badalona - Sants - Júpiter"
            ["data"]=>
            string(10) "02/08/2022"
            ["link"]=>
            string(84) "https://www.torneigdhistorics.cat/galeria-fotografica-grup-2-badalona-sants-jupiter/"
            ["idformat"]=>
            string(1) "1"
            ["font"]=>
            string(39) "Torneig d'Històrics del futbol català"
            ["iddia"]=>
            string(8) "20220802"
            ["idfonts"]=>
            string(2) "95"
            ["font_original"]=>
            string(0) ""
            ["format"]=>
            string(12) "fa-file-code"
            ["tipus"]=>
            array(2) {
              [0]=>
              string(11) "fa-file-alt"
              [1]=>
              string(13) "fa-file-image"
            }
          }
        }
      }
    }
  }
}
array(2) {
  [20220802]=>
  array(2) {
    ["dia_publicacions"]=>
    string(17) "2 d'agost de 2022"
    ["font"]=>
    array(2) {
      [95]=>
      array(2) {
        ["font"]=>
        string(39) "Torneig d'Històrics del futbol català"
        ["dades"]=>
        array(2) {
          [0]=>
          array(11) {
            ["idhemeroteca"]=>
            string(4) "1958"
            ["titulo"]=>
            string(90) "El Sants, semifinalista per un gol després del triple empat amb el Júpiter i el Badalona"
            ["data"]=>
            string(10) "02/08/2022"
            ["link"]=>
            string(122) "https://www.torneigdhistorics.cat/el-sants-semifinalista-per-un-gol-despres-del-triple-empat-amb-el-jupiter-i-el-badalona/"
            ["idformat"]=>
            string(1) "1"
            ["font"]=>
            string(39) "Torneig d'Històrics del futbol català"
            ["iddia"]=>
            string(8) "20220802"
            ["idfonts"]=>
            string(2) "95"
            ["font_original"]=>
            string(0) ""
            ["format"]=>
            string(12) "fa-file-code"
            ["tipus"]=>
            array(2) {
              [0]=>
              string(11) "fa-file-alt"
              [1]=>
              string(13) "fa-file-image"
            }
          }
          [1]=>
          array(11) {
            ["idhemeroteca"]=>
            string(4) "1961"
            ["titulo"]=>
            string(56) "Galeria fotogràfica grup 2: Badalona - Sants - Júpiter"
            ["data"]=>
            string(10) "02/08/2022"
            ["link"]=>
            string(84) "https://www.torneigdhistorics.cat/galeria-fotografica-grup-2-badalona-sants-jupiter/"
            ["idformat"]=>
            string(1) "1"
            ["font"]=>
            string(39) "Torneig d'Històrics del futbol català"
            ["iddia"]=>
            string(8) "20220802"
            ["idfonts"]=>
            string(2) "95"
            ["font_original"]=>
            string(0) ""
            ["format"]=>
            string(12) "fa-file-code"
            ["tipus"]=>
            array(2) {
              [0]=>
              string(11) "fa-file-alt"
              [1]=>
              string(13) "fa-file-image"
            }
          }
        }
      }
      [48]=>
      array(2) {
        ["font"]=>
        string(36) "L'Esportiu de Catalunya - L'Esportiu"
        ["dades"]=>
        array(1) {
          [0]=>
          array(11) {
            ["idhemeroteca"]=>
            string(4) "1963"
            ["titulo"]=>
            string(45) "El Sants, segon semifinalista de l'Històrics"
            ["data"]=>
            string(19) "02/08/2022 21:59:00"
            ["link"]=>
            string(108) "https://www.lesportiudecatalunya.cat/futbol/article/2175264-el-sants-segon-semifinalista-de-l-historics.html"
            ["idformat"]=>
            string(1) "1"
            ["font"]=>
            string(36) "L'Esportiu de Catalunya - L'Esportiu"
            ["iddia"]=>
            string(8) "20220802"
            ["idfonts"]=>
            string(2) "48"
            ["font_original"]=>
            string(0) ""
            ["format"]=>
            string(12) "fa-file-code"
            ["tipus"]=>
            array(2) {
              [0]=>
              string(11) "fa-file-alt"
              [1]=>
              string(13) "fa-file-image"
            }
          }
        }
      }
    }
  }
  [20220803]=>
  array(0) {
  }
}
<!DOCTYPE html>
<html lang="ca">
    <head>
    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-GZVCFQ8ZYQ"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag(){dataLayer.push(arguments);}
        gtag('js', new Date());

        gtag('config', 'G-GZVCFQ8ZYQ');
    </script>


    <meta name="og:title" property="og:title" content="Hemeroteca. En blanc i verd"/>
    <meta name="og:description" property="og:description" content="En blanc i verd: Recerca de publicacions i dades indexades sobre la U.E. Sants"/>
    <meta name="og:image" property="og:image" content="https://www.enblanciverd.cat/img/enblanciverd_logo.jpg"/>
    <meta name="og:locale:alternate" property="og:locale:alternate" content="es_ES"/>

    <!-- Site Title -->
    <title>Hemeroteca. En blanc i verd</title>
    <!-- Favicon-->
    <link rel="icon" href="https://www.enblanciverd.cat/img/bivico.ico">
    <!-- Author Meta -->
    <meta name="author" content="Jordi Gil">
    <!-- Meta Description -->
    <meta name="description" content="En blanc i verd: Recerca de publicacions i dades indexades sobre la U.E. Sants">
    <!-- Meta Keyword -->
    <meta name="keywords" content="En blanc i verd, En blac-i-verd, En blanciverd, enblanciverd, Jordi Gil, Jordi Gil Ximénez, tr3stigres,U.S. Sans, U.D. Sans, U.D. Sants, U.E. Sants">
    <!-- meta character set -->
    <meta charset="UTF-8">
    <!-- Mobile Specific Meta -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <meta name="robots" content="index,follow"/><link rel="canonical" href="https://www.enblanciverd.cat/"/>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>

    <!-- graficas -->
    <script src="/js/Chart.min.js"></script>
    <script src="/js/Chart.utils.js"></script>



    <!-- calendari -->
    <link rel="stylesheet" href="/js/caleandar-master/css/theme3.css"/>

    <!-- calendari -->
    <style>

        /*
        --green-leaf-50: #f8faeb;
      --green-leaf-100: #eff4d3;
      --green-leaf-200: #dfeaac;
      --green-leaf-300: #c8da7c;
      --green-leaf-400: #b0c853;
      --green-leaf-500: #93ae34;
      --green-leaf-600: #728a26;
      --green-leaf-700: #546620;
      --green-leaf-800: #46551f;
      --green-leaf-900: #3c481f;
      --green-leaf-950: #1f270c;
        */
        <!-- general -->
        @media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
        @media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
        @media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
        @media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
        @media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
        @media (min-width:1281px) { /* hi-res laptops and desktops */ }

        html,
        body {
            margin: 0;
            padding: 0;
            height: 100%;
            font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
            font-size: 1rem; /*valor base del navegador por defecto 16px*/
            font-weight: 400; /*400->normal 700 negrita*/
            line-height: 1.5rem; /*alto de linea 1rem->normal*/
            color:         #000000;
        }

        b,
        strong {
            font-weight: bolder;
        }


        #wrapper {
            min-height: 100%;
            position: relative;
        }

        #content {
            padding-bottom: 81px; /* El tama�o del footer para evitar el sobreposicionamiento */
        }

        #footer {
            width: 100%;
            height: 81px;
            position: absolute;
            bottom: 0;
            left: 0;
        }
        .cld-main{
            width: 100%;
        }
        canvas {
            -moz-user-select: none;
            -webkit-user-select: none;
            -ms-user-select: none;
        }

        .meta li {
            display: inline-block;
            color: #000;
            font-weight: 300;
            /*font-size: 12px;*/
        }



        .meta li{
            font-weight: 700;
        }

        .meta li a, .meta li{
            color: #000;
        }

        .link{
            font-style: normal;
            color: #414f19;
            text-decoration: underline;
        }
        .link:hover {
            background-color: #414f19;
            color: #FFFFFF;
            font-style: normal;

        }

        .boton_hemeroteca_off {
            color: #ffffff !important;
            text-transform: uppercase;
            text-decoration: none;
            background: #414f19;
            padding: 8px;
            border: 4px solid #414f19 !important;
            display: inline-block;
            transition: all 0.4s ease 0s;
            border-radius: 5px;
        }

        .boton_hemeroteca_off:hover {
            color: #000000 !important;
            background: #ffffff;
            border-color: #414f19 !important;
            transition: all 0.4s ease 0s;
            border-radius: 5px;
            text-decoration: none;
        }

        .boton_hemeroteca_on {
            border-radius: 5px;
            text-decoration: none;
            color: #000000 !important;
            text-transform: uppercase;
            background: #ffffff;
            padding: 8px;
            border: 4px solid #000000 !important;
            display: inline-block;
            transition: all 0.4s ease 0s;
        }

        .tabla{
            /*white-space: pre;*/
            width: 100%;
            text-align: right;
            overflow: hidden;
        }

        .tabla_color_fondo{
            background: #ffffff;
        }

        .tabla_color_fondo:hover{
            background: #ffff00;
        }

        .tabla_color_resaltado{
            background: #d0d2d0;
        }

        .tabla_color_resaltado:hover{
            background: #ffff00;
        }

        .columna_menos{
            display: block;
            widht: 200px;
            max-width:6%;
            float:left;
        }

        .columna_mas{
            display: block;
            widht: 200px;
            max-width:8%;
            float:left;
        }

        .columna_nombre{
            display: block;
            widht: 400px;
            max-width:12%;
            float:left;
        }


        .tit_partit{
            font-size: 1rem; /*valor base del navegador por defecto 1rem->16px*/
        }

        .comentaris{
            font-size: 0.6785rem; /*valor base del navegador por defecto 1rem->16px*/
        }

        .noteAlt
        {
            background-color: #eaefdd;
            background-position: 9px 0px;
            background-repeat: no-repeat;
            border-left: solid 4px #414f19;
            line-height: 18px;
            overflow: hidden;
            padding: 15px 60px;
        }

        .ocultar
        {
            display: none;
        }

        .nom_complert_equip{
            font-size: 1.875rem; /*valor base del navegador por defecto 1rem->16px*/
        }

        .tal_dia{
            font-size: 170%;
            font-weight: bold;
        }

        .font_taules{
            font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
            font-size: 1rem; /*valor base del navegador por defecto 16px*/
            font-weight: 400; /*400->normal 700 negrita*/
            line-height: 1.5rem; /*alto de linea 1rem->normal*/
            color:         #000000;
        }

        .mini-escut{
            border: 0;
            width: 20px;
            height: 12px;
            object-fit: cover;
        }
        /* ample<=1540px*/
        @media (max-width: 1540px) {
            .tit_partit{
                font-size: 0.9375rem; /*valor base del navegador por defecto 1rem->16px*/
            }
        }

        /* ample<=1460px*/
        @media (max-width: 1460px) {
            .tit_partit{
                font-size: 0.875rem; /*valor base del navegador por defecto 1rem->16px*/
            }
        }

        /* ample<=1360px*/
        @media (max-width: 1360px) {
            .tit_partit{
                font-size: 0.8125rem; /*valor base del navegador por defecto 1rem->16px*/
            }
        }

        /* ample<=1260px*/
        @media (max-width: 1260px) {
            .tit_partit{
                font-size: 0.75rem; /*valor base del navegador por defecto 1rem->16px*/
            }
        }

        /* ample<=1200px*/
        @media (max-width: 1200px) {
            .columna_mas{
                max-width:15%;
            }

            .columna_nombre{
                max-width:21%;
                float:left;
            }

            .columna_menos{
                display: none;
            }

            .contenido {
                margin-left: auto;
                margin-right: auto;
                display: table;
            }
        }

        /* ample<=1150px*/
        @media (max-width: 1170px) {
            .tit_partit{
                font-size: 0.625rem; /*valor base del navegador por defecto 1rem->16px*/
            }
            .comentaris{
                font-size: 0.5rem; /*valor base del navegador por defecto 1rem->16px*/
            }
        }

        /* ample<=1100px*/
        @media (max-width: 1100px) {
            .nom_complert_equip{
                font-size: 1rem; /*valor base del navegador por defecto 1rem->16px*/
            }
        }



        /* ample<=991px*/
        @media (max-width: 991px) {
            .tit_partit{
                font-size: 1rem; /*valor base del navegador por defecto 1rem->16px*/
            }
            .comentaris{
                font-size: 0.6785rem; /*valor base del navegador por defecto 1rem->16px*/
            }
            .nom_complert_equip{
                font-size: 1.875rem; /*valor base del navegador por defecto 1rem->16px*/
            }
        }
        /* ample<=900px*/
        @media (max-width: 900px) {
            .tit_partit{
                font-size: 0.9375rem; /*valor base del navegador por defecto 1rem->16px*/
            }
        }

        /* ample<=800px*/
        @media (max-width: 800px) {
            .tit_partit{
                font-size: 0.875rem; /*valor base del navegador por defecto 1rem->16px*/
            }
        }

        /* ample<=700px*/
        @media (max-width: 700px) {
            .tit_partit{
                font-size: 0.8125rem; /*valor base del navegador por defecto 1rem->16px*/
            }
        }

        /* ample<=650px*/
        @media (max-width: 650px) {
            .nom_complert_equip {
                font-size: 1rem; /*valor base del navegador por defecto 1rem->16px*/
            }

            .tit_partit {
                font-size: 0.75rem; /*valor base del navegador por defecto 1rem->16px*/
            }
        }

        /* ample<=500px*/
        @media (max-width: 600px) {
            .tit_partit,
            .comentaris {
                font-size: 0.625rem; /*valor base del navegador por defecto 1rem->16px*/
            }
        }

        /* ample<=414*/
        @media (max-width: 414px) {
            .meta li {
                font-size: 9px;
            }
        }

        /* ample<=380px*/
        @media (max-width: 380px) {

            .tit_competicion,
            .resul_busqueda {
                font-size: 12px;
            }

            #canvas{
                display: none;
            }


            .tabla{
                font-size:9px;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .tal_dia{
                font-size: 120%;
            }

            .font_taules{
                font-size: 0.75rem; /*valor base del navegador por defecto 1rem->16px*/
            }
        }


        /* ample>=381px*/
        @media screen and (min-width: 381px) {

            #canvas{
                display: none;
            }

            .tabla{
                font-size:13px;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }

        /* ample>=576px*/
        @media screen and (min-width: 576px) {

            #canvas{
                display: none;
            }

            .tabla{
                font-size:14px;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }






        /*------------------------------------- TIMELINE ---------------------------*/



        /* The actual timeline (the vertical ruler) */
        .timeline {
            position: relative;
            max-width: 1200px;
            /*margin: 0 auto;*/
        }

        /* The actual timeline (the vertical ruler) */
        .timeline::after {
            content: '';
            position: absolute;
            width: 6px;
            background-color: #414f19;
            top: 0;
            bottom: 0;
            left: 50%;
            margin-left: -3px;
        }

        /* Container around content */
        .container_timeline {
            padding: 10px 40px;
            position: relative;
            background-color: inherit;
            width: 50%;
        }

        /* The circles on the timeline */
        .container_timeline::after {
            content: '';
            position: absolute;
            width: 25px;
            height: 25px;
            right: -17px;
            background-color: white;
            border: 4px solid #FF9F55;
            top: 15px;
            border-radius: 50%;
            z-index: 1;
        }

        /* Place the container_timeline to the left */
        .left {
            left: 0;
        }

        /* Place the container_timeline to the right */
        .right {
            left: 50%;
        }

        /* Add arrows to the left container_timeline (pointing right) */
        .left::before {
            content: " ";
            height: 0;
            position: absolute;
            top: 22px;
            width: 0;
            z-index: 1;
            right: 30px;
            border: medium solid #e7efe7;
            border-width: 10px 0 10px 10px;
            border-color: transparent transparent transparent #e7efe7;
        }

        /* Add arrows to the right container_timeline (pointing left) */
        .right::before {
            content: " ";
            height: 0;
            position: absolute;
            top: 22px;
            width: 0;
            z-index: 1;
            left: 30px;
            border: medium solid #e7efe7;
            border-width: 10px 10px 10px 0;
            border-color: transparent #e7efe7 transparent transparent;
        }

        /* Fix the circle for container_timeline on the right side */
        .right::after {
            left: -16px;
        }

        /* The actual content */
        .content_timeline {
            padding: 20px 30px;
            background-color: #e7efe7;
            position: relative;
            border-radius: 6px;
        }

        /* Media queries - Responsive timeline on screens less than 600px wide */
        @media (max-width: 800px) {
            /* Place the timelime to the left */
            .timeline::after {
                left: 31px;
            }

            /* Full-width containers */
            .container_timeline {
                width: 100%;
                padding-left: 70px;
                padding-right: 25px;
            }

            /* Make sure that all arrows are pointing leftwards */
            .container_timeline::before {
                left: 60px;
                border: medium solid #e7efe7;
                border-width: 10px 10px 10px 0;
                border-color: transparent #e7efe7 transparent transparent;
            }

            /* Make sure all circles are at the same spot */
            .left::after, .right::after {
                left: 15px;
            }

            /* Make all right container_timeline behave like the left ones */
            .right {
                left: 0%;
            }
        }

        /*---------------------------------- cookies --------------------------------*/

        .modal {
            display: none; /* Hidden by default */
            position: fixed; /* Stay in place */
            z-index: 1; /* Sit on top */
            left: 0;
            top: 0;
            width: 100%; /* Full width */
            height: 100%; /* Full height */
            overflow: auto; /* Enable scroll if needed */
            background-color: rgb(0,0,0); /* Fallback color */
            background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
        }

        /* Modal Content/Box */
        .modal-content {
            background-color: #414f19;
            margin: 15% auto; /* 15% from the top and centered */
            padding: 20px;
            border: 1px solid #888;
            width: 52%; /* Could be more or less, depending on screen size */
        }

        /* The Close Button */
        .close {
            color: #aaa;
            float: right;
            font-size: 28px;
            font-weight: bold;
        }

        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }

        /*---------------------------------- noticies --------------------------------*/


        .courses-container {

        }

        .course {
            background-color: #fff;
            border-radius: 10px;
            box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
            display: flex;
            max-width: 100%;
            margin: 20px;
            overflow: hidden;
            width: 700px;
        }

        .course-peque {
            opacity: 0.6;
            margin: 0;
            letter-spacing: 1px;
            text-transform: uppercase;
        }

        .course-grande {
            letter-spacing: 1px;
            margin: 10px 0;
        }

        .course-preview {
            background-color: #414f19;
            color: #fff;
            padding: 30px;
            width: 250px;
            max-width: 250px;
        }

        .course-preview a {
            color: #fff;
            display: inline-block;
            font-size: 12px;
            opacity: 0.6;
            margin-top: 30px;
            text-decoration: none;
        }

        .course-info {
            padding: 30px;
            position: relative;
            width: 100%;
        }

        .course-transcripcio{
            text-align:right;
            position: absolute;
            bottom: 0;
            right: 0;
            margin: 10px;
            color: #000000;
            font-size: 12px;
            opacity: 0.6;
            text-decoration: none;
        }

        .course-transcripcio a{
            color: #000000;
            text-decoration: none;
        }

        .contenedor_graficos{
            text-align: left;
            display: inline-block;
            clear: both;
            width: 100%;
            height: auto;
        }

        .course {
            margin: 5px;
            width: 95%;
            max-width: 830px;
        }
        .course-preview {
            min-width: 120px;
        }

        /*width<=480*/
        @media (max-width: 480px) {
            /*font-size:5px;*/
        }


        /*---------------------------------- tab menu --------------------------------*/

        .tab {
            overflow: hidden;
            border: 1px solid #546620;
            background-color: #546620;
        }

        /* Style the buttons that are used to open the tab content */
        .tab button {
            background-color: inherit;
            float: left;
            border: none;
            outline: none;
            cursor: pointer;
            padding: 14px 16px;
            transition: 0.3s;
            color: #FFFFFF;
        }

        /* Change background color of buttons on hover */
        .tab button:hover {
            background-color: #324534;
        }

        /* Create an active/current tablink class */
        .tab button.active {
            background-color: #324534;
        }

        /* Style the tab content */
        .tabcontent {
            display: none;
            padding: 6px 12px;
            border: 1px solid #FFFFFF;
            border-top: none;
        }






        /*---------------------------------- calendari --------------------------------*/
        .calendari_dia{
            font-size: 70px; /*valor base del navegador por defecto 1rem->16px*/
            height: 100px;
            clear: both;
        }
        .calendari_dia_setmana{
            font-size: 15px; /*valor base del navegador por defecto 1rem->16px*/
            height: 40px;
            clear: both;
        }

        /*------------------------------- timeline partit ----------------------------*/

        .card {
            position: relative;
            display: flex;
            flex-direction: column;
            min-width: 0;
            word-wrap: break-word;
            background-color: #fff;
            background-clip: border-box;
        }

        .card-body {
            flex: 1 1 auto;
            padding: 1.25rem;
        }
        .vertical-timeline {
            width: 100%;
            position: relative;
            padding: 1.5rem 0 1rem;
        }

        .vertical-timeline::before {
            content: '';
            position: absolute;
            top: 0;
            left: 67px;
            height: 100%;
            width: 4px;
            background: #e9ecef;
            border-radius: .25rem;
        }

        .vertical-timeline-element {
            position: relative;
            margin: 0 0 1rem;
        }

        .vertical-timeline--animate .vertical-timeline-element-icon.bounce-in {
            visibility: visible;
            animation: cd-bounce-1 .8s;
        }
        .vertical-timeline-element-icon {
            position: absolute;
            top: 0;
            left: 60px;
        }

        .vertical-timeline-element-icon .badge-dot-xl {
            box-shadow: 0 0 0 5px #fff;
        }

        .badge-dot-xl {
            width: 18px;
            height: 18px;
            position: relative;
        }
        .badge:empty {
            display: none;
        }


        .badge-dot-xl::before {
            content: '';
            width: 10px;
            height: 10px;
            border-radius: .25rem;
            position: absolute;
            left: 50%;
            top: 50%;
            margin: -5px 0 0 -5px;
            background: #fff;
        }

        .vertical-timeline-element-content {
            position: relative;
            margin-left: 90px;
            font-size: .8rem;
        }

        .vertical-timeline-element-content .timeline-title {
            font-size: .8rem;
            text-transform: uppercase;
            margin: 0 0 .5rem;
            padding: 2px 0 0;
            font-weight: bold;
        }

        .vertical-timeline-element-content .vertical-timeline-element-date {
            display: block;
            position: absolute;
            left: -90px;
            top: 0;
            padding-right: 10px;
            text-align: right;
            color: #adb5bd;
            font-size: .7619rem;
            white-space: nowrap;
        }

        .vertical-timeline-element-content:after {
            content: "";
            display: table;
            clear: both;
        }


        /*------------------------------------- TIMELINE ---------------------------*/


        a.tooltiplink {
            position: relative;
        }

        a.tooltiplink:hover::after {
            content: attr(data-title);
            background-color: #414f19;
            color: #fff;
            padding: 8px;
            border-radius: 4px;
            font-size: 12px;
            line-height: 14px;
            display: block;
            position: absolute;
            top: 20%;
            left: 120%;
            white-space: nowrap;
            z-index: 1;
        }

        /*------------------------------------- TAULA RESPONSIVA ---------------------------*/

        .taula_responsiva {
            border-collapse: collapse;
            margin: 0;
            padding: 0;
            width: 100%;
            .taula_responsiva-layout: fixed;
        }

        .taula_responsiva caption {
            font-size: 1.5em;
            margin: .5em 0 .75em;
        }

        .taula_responsiva tr {
            background-color: #ffffff;
            padding: .35em;
        }

        .taula_responsiva th,
        .taula_responsiva td {
            padding: .625em;
            text-align: left;
        }

        .taula_responsiva th {
            font-size: .85em;
            letter-spacing: .1em;
        }

        @media screen and (max-width: 800px) {
            .taula_responsiva {
                border: 0;
            }

            .taula_responsiva caption {
                font-size: 1.3em;
            }

            .taula_responsiva thead {
                border: none;
                clip: rect(0 0 0 0);
                height: 1px;
                margin: -1px;
                overflow: hidden;
                padding: 0;
                position: absolute;
                width: 1px;
            }

            .taula_responsiva tr {
                border-bottom: 3px solid #ddd;
                display: block;
                margin-bottom: .625em;
            }

            .taula_responsiva td {
                border-bottom: 1px solid #ddd;
                display: block;
                font-size: .8em;
                text-align: right;
            }

            .taula_responsiva td::before {
                content: attr(data-label);
                float: left;
                font-weight: bold;
            }

            .taula_responsiva td:last-child {
                border-bottom: 0;
            }
        }

        /*------------------------------------- PILOTA ---------------------------*/
        #pot {
            bottom: 15%;
            left: 30%;
            position: absolute;
            animation: mymove 4s;
            animation-fill-mode: forwards;
            animation-timing-function: ease-out;
        }
        @keyframes mymove {
            from {left: 30%}
            to {left: 60%}
        }

        /*------------------------------------- Barres ---------------------------*/
        .contenedor-barra {
            position: relative; /* Hace que la posición sea relativa para los elementos hijos */
            color: #000000;
            text-align: left;
        }

        .barra-horizontal {
            width: 100%;
            height: 20px; /* Altura deseada */
            background-color: #b7c1a2; /* Color de fondo */
            color: #fff; /* Color de texto */
            text-align: center; /* Alineación del texto */
            line-height: 20px; /* Centrado vertical del texto */
            position: absolute; /* Posición absoluta */
        }

        .segunda {
            background-color: #546620;
            position: absolute; /* Posición absoluta */
        }

        /*--------------------------- targetes de noticies ---------------------------*/


        .card-container {
            display: grid;
            grid-template-columns:
            repeat(auto-fit, minmax(300px, 1fr));
            gap: 20px;
        }

        .card {
            border-radius: 5px;
            background: #eaefdd;
            color: #000000;
            padding: 20px;
            box-sizing: border-box;
        }

        .card_link {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
        }

        .text-muted {
            color: rgba(255, 255, 255, 0.3);
        }

        .text-black {
            color: rgba(0,0,0,0.9);
        }

        .card-heading {
            font-size: 1.25rem;
        }

        .lts-2px {
            letter-spacing: 2px;
        }

    </style>

</head>
    <body>
        <div id="wrapper">
            <nav class="navbar navbar-expand-md navbar-dark fixed-top" style="background-color: #414f19;">
    <a class="navbar-brand" href="/inici">
        <img src="https://www.enblanciverd.cat/img/enblanciverd_logo.jpg" alt="Logo" style="width:40px;">
    </a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="collapsibleNavbar">
        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link " href="/inici">Home</a>
            </li>
            <li class="nav-item">
                <a class="nav-link active" href="/inici">Hemeroteca</a>
            </li>
            <li class="nav-item">
                <a class="nav-link " href="/hemeroteca/calendari/avui">Calendari</a>
            </li>
            <li class="nav-item">
                <a class="nav-link " href="/hemeroteca/equips">Equips</a>
            </li>
            <li class="nav-item">
                <a class="nav-link " href="/hemeroteca/temporada">Competicions</a>
            </li>
            <li class="nav-item">
                <a class="nav-link " href="/hemeroteca/jugadors">Jugadors</a>
            </li>
            <li class="nav-item">
                <a class="nav-link " href="/hemeroteca/curiositats">Curiositats</a>
            </li>
            <li class="nav-item">
                <a class="nav-link " href="/hemeroteca/bibliografia">Bibliografia</a>
            </li>
            <li class="nav-item">
                <a class="nav-link " href="/hemeroteca/autors">Autors</a>
            </li>
            <li class="nav-item">
                <a class="nav-link " href="/web">Sobre la web</a>
            </li>

        </ul>
    </div>
</nav>
<div style="height:100px;"></div>

            <div class="container-fluid" id="content">
                <div class="row">
                    <div class="col-sm-2">
                        &nbsp;
                    </div>
                    <div class="col-sm-8">
                            <h1>Hemeroteca</h1>
    <div class="row p-1">
        <div class="col-sm-12">
            <div class="row pt-3">
                <div class="col-sm-6 col-lg-12" style="overflow: hidden;">
                    Format:&nbsp;<span class='far fa-file-code fa-1x'></span>&nbsp;HTML&nbsp;<span class='far fa-file-pdf fa-1x'></span>&nbsp;PDF&nbsp;<span class='far fa-file-image fa-1x'></span>&nbsp;Imatge&nbsp;&nbsp;
                </div>
                <div class="col-sm-6 col-lg-12" style="overflow: hidden;">
                    Contingut:&nbsp;<span class='fas fa-file-alt fa-1x'></span>&nbsp;Text&nbsp;<span class='fas fa-file-image fa-1x'></span>&nbsp;Foto&nbsp;<span class='fas fa-file-video fa-1x'></span>&nbsp;Video&nbsp;<span class='fas fa-file-audio fa-1x'></span>&nbsp;So
                </div>
                <div style="height: 30px; width: 100%; clear:both;"></div>
                <div style="font-size: 130%; font-weight: bold;">
                    U.E. Sants - C.E. Júpiter (02/08/2022)
                </div>
                <div style="height: 15px; width: 100%; clear:both;"></div>
                <div>
                                                                <a href='/hemeroteca/equips/ud-sans' class='link'> Veure dades de U.E. Sants</a><br/>
                        <a href='/hemeroteca/equips/ce-jupiter' class='link'> Veure dades de C.E. Júpiter</a><br/>
                                                    <a href='/hemeroteca/partit/ue-sants-ce-jupiter-2022-08-02' class='link'> Veure dades del partit</a><br/>
                                                                                                    </div>
                <div style="height: 15px; width: 100%; clear:both;"></div>
                <div class="col-sm-12 pt-3 card-container">
                                            
                            
                                <div class="card">

                                                                            <a href='https://www.torneigdhistorics.cat/el-sants-semifinalista-per-un-gol-despres-del-triple-empat-amb-el-jupiter-i-el-badalona/' target='_blank' class='link card-heading'>El Sants, semifinalista per un gol després del triple empat amb el Júpiter i el Badalona</a>
                                                                        <p class="mb-0 small font-weight-medium mb-1 text-muted lts-2px">Torneig d&#039;Històrics del futbol català</p>
                                    <p class="mb-0 small font-weight-medium mb-1 text-muted lts-2px">2 d&#039;agost de 2022</p>
                                                                        <p class="mb-0 small font-weight-medium mb-1">
                                        <span class='far fa-file-code fa-2x text-muted'></span>
                                                                                    <span class='fas fa-file-alt fa-2x  text-muted'></span>
                                                                                    <span class='fas fa-file-image fa-2x  text-muted'></span>
                                                                                <a href="/hemeroteca/transcripcio/1958"  class='link'>Transcripci&oacute;</a>
                                    </p>
                                </div>
                            
                                <div class="card">

                                                                            <a href='https://www.torneigdhistorics.cat/galeria-fotografica-grup-2-badalona-sants-jupiter/' target='_blank' class='link card-heading'>Galeria fotogràfica grup 2: Badalona - Sants - Júpiter</a>
                                                                        <p class="mb-0 small font-weight-medium mb-1 text-muted lts-2px">Torneig d&#039;Històrics del futbol català</p>
                                    <p class="mb-0 small font-weight-medium mb-1 text-muted lts-2px">2 d&#039;agost de 2022</p>
                                                                        <p class="mb-0 small font-weight-medium mb-1">
                                        <span class='far fa-file-code fa-2x text-muted'></span>
                                                                                    <span class='fas fa-file-alt fa-2x  text-muted'></span>
                                                                                    <span class='fas fa-file-image fa-2x  text-muted'></span>
                                                                                <a href="/hemeroteca/transcripcio/1961"  class='link'>Transcripci&oacute;</a>
                                    </p>
                                </div>
                                                    
                            
                                <div class="card">

                                                                            <a href='https://www.lesportiudecatalunya.cat/futbol/article/2175264-el-sants-segon-semifinalista-de-l-historics.html' target='_blank' class='link card-heading'>El Sants, segon semifinalista de l&#039;Històrics</a>
                                                                        <p class="mb-0 small font-weight-medium mb-1 text-muted lts-2px">L&#039;Esportiu de Catalunya - L&#039;Esportiu</p>
                                    <p class="mb-0 small font-weight-medium mb-1 text-muted lts-2px">2 d&#039;agost de 2022</p>
                                                                        <p class="mb-0 small font-weight-medium mb-1">
                                        <span class='far fa-file-code fa-2x text-muted'></span>
                                                                                    <span class='fas fa-file-alt fa-2x  text-muted'></span>
                                                                                    <span class='fas fa-file-image fa-2x  text-muted'></span>
                                                                                <a href="/hemeroteca/transcripcio/1963"  class='link'>Transcripci&oacute;</a>
                                    </p>
                                </div>
                                                                                                
                            
                                <div class="card">

                                                                            <a href='http://hemeroteca-paginas.mundodeportivo.com/EMD03/PUB/2022/08/03/EMD20220803020MDP.pdf' target='_blank' class='link card-heading'>El Sants obtiene el pase a semifinales</a>
                                                                        <p class="mb-0 small font-weight-medium mb-1 text-muted lts-2px">hemeroteca.mundodeportivo.com</p>
                                    <p class="mb-0 small font-weight-medium mb-1 text-muted lts-2px">3 d&#039;agost de 2022</p>
                                                                        <p class="mb-0 small font-weight-medium mb-1 text-muted">Origen: El mundo deportivo (pàg. 20)</p>
                                                                        <p class="mb-0 small font-weight-medium mb-1">
                                        <span class='far fa-file-pdf fa-2x text-muted'></span>
                                                                                    <span class='fas fa-file-alt fa-2x  text-muted'></span>
                                                                                <a href="/hemeroteca/transcripcio/1982"  class='link'>Transcripci&oacute;</a>
                                    </p>
                                </div>
                                                                        

                </div>
            </div>
        </div>
    </div>
                    </div>
                    <div class="col-sm-2">
                        &nbsp;
                    </div>
                </div>
            </div>
            
<!-- start footer Area -->
<footer class="footer py-3" id="footer"  style="background-color: #414f19;">
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-2">
                &nbsp;
            </div>
            <div class="col-sm-8">
                <p style="color: #ffffff;">Copyleft &copy; 2020 </p>
            </div>
            <div class="col-sm-2">
                &nbsp;
            </div>
        </div>
    </div>
</footer>
<!-- End footer Area -->
<!-- cookies avis -->

<div id="myModal" class="modal">

    <!-- Modal content -->
    <div class="modal-content">
        <p style="color: #ffffff;">Aquesta web fa servir cookies només per mutius tècnics i necesita el teu consentiment per poder continuar.&nbsp;<button id="myBtn" type="button" class="btn btn-dark">Accepto les cookies</button></p>
    </div>

</div>
<script>
    $("#myModal").show();
    if(''=='S') $("#myModal").hide();

    $('#myBtn').click(function(){

        $.post('/cookies', {
        }, function( json ) {
            $("#myModal").hide();
        });
    });
</script>
<!-- cookies avis -->

        </div>
    </body>
</html>