/* body {
    font-family: Arial, sans-serif;
    margin: 0px;
    padding: 0px;
    background-color: #fcfcff;
    color: #222;
    font-size: 0.8em;
}
*/

#content {
    margin: 4px;
    /* max-width: 60em;  */
}

h1 {
    font-weight: normal;
    font-size: 2.0em;
}

h3 {
    font-weight: normal;
    font-size: 1.2em;
}

.cn-txt1 {
    font-weight: normal;
    font-size: 1.2em;
}


.nodisplay { display: none; }
.display { display: block; }
.clear-both { clear: both; }
.cursor-pointer { cursor: pointer; }
.cn-relative-left { position: relative; float: left; }
.cn-100-sep { clear:both; height: 1.0em; }
.cn-050-sep { clear:both; height: 0.5em; }
.cn-025-sep { clear:both; height: 0.25em; }

    body {
      font-family: 'Segoe UI', sans-serif;
      background-color: #f4f6f8;
      padding: 8px;
    }

    .cn-main-table table {
      width: 100%;
      border-collapse: collapse;
      background-color: #fff;
      box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }

    .cn-main-table th, td {
      padding: 12px 16px;
      text-align: center;
      border-bottom: 1px solid #e0e0e0;
    }

    .cn-main-table th {
      background-color: #007acc;
      color: white;
      font-weight: 600;
    }

    .cn-main-table tr:hover {
      background-color: #f1f9ff;
    }

    .cn-main-table caption {
      caption-side: top;
      font-size: 1.2em;
      margin-bottom: 10px;
      font-weight: bold;
    }
    
    .cn-small { 
        color: #888 !important; 
        font-size: 0.7em !important;
    }


    .galeria {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px;
      padding: 20px;
    }

    .foto {
      flex: 1 1 300px;
      max-width: 300px;
      text-align: center;
      background-color: #f9f9f9;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
      overflow: hidden;
    }

    .foto2 {
      flex: 1 1 600px;
      max-width: 600px;
      text-align: center;
      background-color: #f9f9f9;
      border-radius: 8px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.1);
      overflow: hidden;
    }

    .foto img {
      width: 100%;
      height: auto;
      display: block;
    }

    .foto2 img {
      width: 100%;
      height: auto;
      display: block;
    }

    .peu {
      padding: 10px;
      font-size: 0.95em;
      color: #333;
    }

    @media (max-width: 200px) {
      .galeria {
        flex-direction: column;
        align-items: center;
      }
    }

.cn-max-800 {
    width: 800px;
}
.cn-full-width {
    max-width: 100%;
}
.cn-foto-hr {
    height: 300px !important; 
}

.cn-visits-lnk {
    font-size: 0.7em;
    cursor: default;
    color: #444;
    text-decoration: none;
}

.cn-qr-txt {
    font-size: 3.0em;
}

.loader-container {
    width: 100%;
    text-align: center;
}

.loader-img {
    width: 64px;
}