.navWrap nav.desktop ul li ul li{
  margin: 0;
}

nav ul {
    padding:0px;
}

header{background-color:#000000;display:grid;grid-template-rows:auto;grid-template-columns:1fr}
header picture,header img{width:100%;grid-row:1/3;grid-column:1/2;max-height:50vh;object-fit:cover}
header .hero{grid-row:3/4;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));color:white;text-shadow:1px 1px #095779;margin:40px 20px 50px;align-items:center}
header .hero h1 b{font-weight:400;font-family:'Space Grotesk',serif;font-size:130%;line-height:110%;color:white}
header .hero h1{font-weight:600;margin-bottom:20px;color:white;}
header .hero>p:first-of-type{margin-bottom:5px;font-size:.75rem;letter-spacing:2px}
header .hero .bajada{font-size:1rem;line-height:1.5rem;font-weight:300}
header .dash{letter-spacing:-3px;color:#F36E42;display:inline}
.info{padding:3rem 20px 1.5rem}
.info.content-wrap {display: block}
.centrado{text-align:center;margin-top:20px}
.info a{color:#F36E42}
.info a:hover{text-decoration:underline}
.info h1{margin-bottom:1rem;font-weight:700;text-align:center}
.fp{color:#333}
.info .titulo{font-size:1.8rem;color:#0f6084;line-height:2.2rem}
.info ::placeholder{color:grey}
h2,h3,h4,.fh2,.fh3,.fh4{font-family:'Space Grotesk',serif;color:#F36E42;font-weight:600}
li.bigli::marker{color:#0f6084}
/* .info p,h1,h2,h3,h4,h5,.fh1,.fh2,.fh3,.fh4,.fh5,ul,ol{margin:0} */
.info .info .grid li{margin:15px 0}
ol{padding-left:10%}
ol li,ul li{font-size:1rem}
.content-wrap{max-width:90%;margin:0 auto;text-align:left}
div.content-wrap .info .grid{display:grid;grid-template-rows:auto;grid-gap:20px}
div.content-wrap picture,div.content-wrap img{justify-self:center; max-width: 100%; margin: 30px auto; border-radius: 20px; object-fit: cover; object-position: top; max-height: 300px;}
div.content-wrap h1{grid-row:1/2;grid-column:1/-1}
.info a img{max-width:40px;margin:10px 5px 20px}
#barraBusqueda{background-image:url('/static/images/search.png');background-position:10px 12px;background-repeat:no-repeat;width:80%;padding-left:40px;font-size:1rem;border:1px solid #9addec;margin:12px auto;text-align:left;display:block;color:black}
.info input{padding:10px}
#articulos li{display:block;max-width:95%;margin-left:10px;list-style-type:disc;display:list-item;text-align:left;color:black}
#articulos li a{padding:12px 15px;text-decoration:none;font-size:1rem;color:black;display:block;color:black}
#articulos li a:hover{background-color:#eee}
ol li::marker {font-weight: bold; color: #F36E42}
.lb {font-weight: 500;}

b {
  color: #F36E42;
}


table {
    font: 400 1.8rem "Inter", sans-serif;
    border-collapse: collapse;
    margin: 30px auto;
}
td,
th {
    border: 1px solid #9addec;
    text-align: left;
    padding: 10px;
    font-size: 1rem;
    color: #095779;
}


.info .flex {flex-direction: column;}

.cuadro {border: 4px #F36E42 solid ;padding: 20px; border-radius: 10px;margin-bottom: 20px}
.quesello p{font-family:'Space Grotesk',serif;font-size:1.7rem;line-height:2rem;font-weight:600;text-align:center;max-width:800px;margin:30px auto}
.quesello a{margin:0 auto;display:block}

.info article {flex-grow: 2; text-align: left;}

.bigtext {font-size: 120%;line-height: 120%;}

.info article li {margin-bottom: 10px;}

.info article ul {margin-left: 0; padding-left: 5%}

.info article ol {list-style-type: decimal;}
.info article ol ol {list-style-type: lower-latin;}

article p {margin-bottom: 20px;}

.offset {
  scroll-margin-top: 200px; /* Adjust this value based on the height of your sticky nav */
}

.flex {
  justify-content: space-between;
}

.table {border: 1px solid orange; padding: 30px 10px;margin: 50px 0; border-radius: 10px; background-color: #000000}
.table ul, .table li {list-style-type: none; margin: 10px 0;padding: 0;}


details {border-bottom: 1px solid #F36E42; padding-bottom: 10px}
summary{font-family:'Space Grotesk',serif;cursor:pointer;padding:.5rem 0;font-size:1.1rem;line-height:1.4rem;font-weight:600;color:#F36E42;width:100%;border:0;text-align:left;outline:0;background:0;display:flex;justify-content:space-between;transition: margin 150ms ease-out;}
summary:after{font-family:"Inter";content: "+";font-size: 1.2rem;font-weight: 300;display: flex;align-items: center;margin-right: 0.5rem;transition: rotate 200ms ease-out;margin-left:1rem;color:transparent;text-shadow:0 0 0 #F36E42}
details[open] summary::after{font-family:"Inter";content:"-";color:transparent;text-shadow:0 0 0 #F36E42}
details[open] summary {margin-bottom: 5px;}

.info ul.list {
  position: sticky;
  list-style-type: none;
  /* width: 20rem; */
  top: 100px;
  align-self: flex-start;
  flex-grow: 1;
}

.fh2 {margin-bottom: 20px;}

.info article a {
  text-decoration: none;
  /* color: black; */
}

.info .active {
  color: #F36E42;
}

.social p {text-align: center; margin: 20px;}
.social div {text-align: center;}
.social div a {margin: 10px;}

.intro a {font-family: 'Space Grotesk', serif;
    cursor: pointer;
    padding: .5rem 0;
    font-size: 1.1rem;
    line-height: 1.4rem;
    font-weight: 600;
    color: #095779;
    width: 100%;
    /* border-bottom: dotted; */
}


@media screen and (min-width:550px){
header{grid-template-columns:repeat(2, minmax(200px, 1fr));;grid-template-rows:auto;}
header picture,header img{grid-column:2/-1;justify-self:end;object-fit:cover;height:100%; max-height: 100vh}
header .hero{margin:0;grid-column:1/2;grid-row:1/3;z-index:10;grid-template-columns:1fr;align-self:center;justify-items:baseline;padding: 50px;}
header .hero .bajada{display:none}
}

@media screen and (min-width:700px){#barraBusqueda{width:60%;margin:20px 0}
.centrado{text-align:left;margin:20px 25px}
div.content-wrap picture,div.content-wrap img {object-position: top; max-height: inherit;}
header .hero .bajada{display:block;margin-left:0;margin-top:20px;font-size:1.2rem}
.mobile {display: none;}
.desktop {display: block;}
}

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

header .hero h1 {font-size: 3rem;}

.info.content-wrap {flex-direction: row-reverse;}
.table {margin: 0 0 0 50px;}
.table { position: sticky;list-style-type: none;width: 20rem;top: 90px; align-self: flex-start; flex-grow: 1; padding: 20px;}
  /* .info article {max-width: 35rem;} */
  summary, .table a {font-size: 0.8rem;line-height: 1rem;}
  details {border-bottom: dotted;}
/* summary::after {display: none} */
details {padding: 0;}
.info .table {justify-self:self-end; flex: 1}
.info article { margin: 0 auto; flex: 2}
.info.content-wrap {display: flex;}
}

@media screen and (min-width:2500px){
.info .grid {grid-template-columns: 1fr 1fr;  column-gap:100px;}
.info .grid article {grid-column: 2/3; margin: 0}
.info .grid div.center {text-align: left;}
}