/* Pink Light scheme (Default) */
/* Can be forced with data-theme="light" */
[data-theme="light"],
:root:not([data-theme="dark"]) {
  --border-color: #e4e7e9;
}

/* Pink Dark scheme (Auto) */
/* Automatically enabled if user has Dark mode enabled */
@media only screen and (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --border-color: rgb(35, 44, 51);
  }
}

/* Pink Dark scheme (Forced) */
/* Enabled if forced with data-theme="dark" */
[data-theme="dark"] {
  --border-color: rgb(35, 44, 51);
}


/* para nuevo diseño */
a {
--pico-text-decoration: normal;
}
ul li {
    list-style: disc;
}

/* CAMBIOS */

/* Pink (Common styles) */
:root {
  --border-color: #e4e7e9;
}
    #myTopnav {
      background-color: var(--background-color);
      box-shadow: 0 1px 0 var(--border-color);
      overflow: hidden;
      width:100%;
    }


      .container-fluid a {
  float: left;
  display: block;
      }

      .container-fluid .icon a {
  display: none;
}

.container-fluid-responsive {
      padding-right: var(--spacing);
      padding-left: var(--spacing);
}

@media screen and (min-width: 600px) {

    figure.right {
      display: table;
      float: right;
      margin-left: 24px;
      margin-bottom: 0px;
    }

    figure.left {
      display: table;
      float: left;
      margin-right: 24px;
      margin-bottom: 0px;
    }

    figure figcaption {
      display: table-caption;
      caption-side: bottom;
    }

  .container-fluid-responsive .icon a {
  display: none;
  }
  .video-responsive {
height: 100px;
overflow: hidden;
padding-bottom: 56.25%;
padding-top: 30px;
position: relative;
}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
}

/* Iframe youtube */
iframe {
        max-width: 100%;
        height: auto;
}

@media screen and (max-width: 600px) {

  .ordenanza {
    display: grid;
  }

  #primero {
    order: 1;
  }

  #segundo {
    order: 2;
  }

  figure {
    float: none;
    text-align: center;
    margin-left: 24px;
    margin-right: 24px;
  }

  .container-fluid a {display: none;}
  .container-fluid .casa a {display:block;}
  .container-fluid .icon a {
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .container-fluid-responsive {position: relative;}
  .container-fluid-responsive .icon {
    right: 0;
    top: 0;
  }
  .container-fluid-responsive .casa {
    width: 33%;
  }
  .container-fluid-responsive {
    position: relative;
    width: 100%;
  }

  .container-fluid-responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .container-fluid-responsive li {
    float: none;
    display: block;
    text-align: left;
  }
  .container-fluid-responsive ul {
    float: none;
    display: block;
    text-align: left;
    overflow: hidden;
    width: 100%;
  }
  .video-responsive iframe, .video-responsive object, .video-responsive embed {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}


.video-responsive {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
padding-top: 30px;
position: relative;
}
}

/* REGLAMENTO */

summary b {
  color: var(--color)
}

summary {
  font-weight: bold;
}

.li-7 {
  font-weight: normal;
}

.li-7 p {
  margin-bottom: 0px;
}

.li-nota {
  font-weight: normal;
}

 @media only screen and (max-width: 995px) {
summary b {
          line-height: 20px
    }
    article li {
      font-size:20px;
      margin-left:20px;
      font-weight: bold;
    }
}

/* REGLAMENTO */


/* THUMBNAIL */
smaller {
    font-size: 0.6em;
}

.thumbnail {
    position: relative;
  text-align: center;
  color: white;
}

.thumbnail p {
    position: absolute;
  bottom: -20px;
  right: 0.6em;
}

@media (min-width: 300px) {
    #background { height: 100px; }
}

@media (min-width: 480px) {
    #background { height: 200px; }
}

@media (min-width: 768px) {
    #background { height: 150px; }
}

@media (min-width: 992px) {
    #background { 
        height: 300px; 
    }
}
/* THUMBNAIL */


/* Aside nav */
/* Main */