.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;}
}

/* Modern blog posts */
body.canivilo-post-page {
  background:
    radial-gradient(circle at 18% 8%, rgba(243, 110, 66, 0.18), transparent 32rem),
    linear-gradient(180deg, #050505 0%, #0b0b0b 44%, #000 100%);
  color: #f5f1ed;
}

body.canivilo-post-page main {
  background: transparent;
}

body.canivilo-post-page header {
  min-height: min(540px, calc(100vh - 96px));
  background: #000;
  border-bottom: 1px solid rgba(243, 110, 66, 0.34);
}

body.canivilo-post-page header picture,
body.canivilo-post-page header img {
  min-height: 34vh;
  filter: grayscale(1) contrast(1.08);
}

body.canivilo-post-page header .hero.canivilo-post-hero__copy {
  margin: 0;
  padding: clamp(2rem, 5vw, 3.8rem) min(6vw, 4.5rem);
  color: #fff;
  text-shadow: none;
}

.canivilo-post-hero__eyebrow {
  margin: 0 0 0.85rem;
  color: #ff9b61;
  font-family: "Space Grotesk", sans-serif;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.08em;
}

body.canivilo-post-page header .hero h1 {
  max-width: 660px;
  margin: 0;
  color: #fff;
  font-size: clamp(2rem, 3.4vw, 3.2rem);
  line-height: 1.04;
}

body.canivilo-post-page header .hero .bajada {
  max-width: 600px;
  margin-top: 1.25rem;
  color: rgba(255, 255, 255, 0.76);
  font-size: clamp(0.96rem, 1.35vw, 1.08rem);
  line-height: 1.58;
}

.canivilo-post-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
  margin-top: 1.6rem;
}

.canivilo-post-hero__meta span {
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 0.9rem;
  color: #fff;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid rgba(243, 110, 66, 0.38);
  border-radius: 999px;
  font-family: "Space Grotesk", sans-serif;
  font-size: 0.86rem;
  font-weight: 700;
}

body.canivilo-post-page .info.content-wrap {
  width: min(1120px, calc(100% - 32px));
  max-width: none;
  padding: clamp(3rem, 7vw, 6rem) 0;
  gap: clamp(1.5rem, 4vw, 3.5rem);
}

body.canivilo-post-page .table {
  background: rgba(255, 255, 255, 0.055);
  border: 1px solid rgba(255, 255, 255, 0.11);
  border-radius: 8px;
  box-shadow: 0 22px 60px rgba(0, 0, 0, 0.28);
}

body.canivilo-post-page .table ul,
body.canivilo-post-page .table li {
  color: rgba(255, 255, 255, 0.72);
}

body.canivilo-post-page .table a {
  color: rgba(255, 255, 255, 0.72);
}

body.canivilo-post-page .table a:hover {
  color: #ff8a3d;
}

body.canivilo-post-page .info article {
  max-width: 720px;
  color: rgba(255, 255, 255, 0.78);
}

body.canivilo-post-page .info article h2 {
  color: #fff;
  font-size: clamp(1.45rem, 2.4vw, 2rem);
  line-height: 1.12;
}

body.canivilo-post-page .info article h3 {
  margin-top: 2rem;
  color: #ff8a3d;
  font-size: clamp(1.25rem, 2.4vw, 1.7rem);
}

body.canivilo-post-page article p,
body.canivilo-post-page article li {
  color: rgba(255, 255, 255, 0.74);
  line-height: 1.72;
}

body.canivilo-post-page .cuadro {
  background: linear-gradient(135deg, rgba(243, 110, 66, 0.14), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(243, 110, 66, 0.42);
  border-radius: 8px;
}

@media screen and (min-width: 550px) {
  body.canivilo-post-page header picture,
  body.canivilo-post-page header img {
    max-height: none;
  }

  body.canivilo-post-page header .hero .bajada {
    display: block;
  }
}

@media screen and (max-width: 699px) {
  body.canivilo-post-page header {
    display: block;
    min-height: auto;
  }

  body.canivilo-post-page header picture,
  body.canivilo-post-page header img {
    width: 100%;
    height: clamp(10rem, 42vw, 11.5rem);
    min-height: 0;
    max-height: none;
    object-fit: cover;
    object-position: center;
  }

  body.canivilo-post-page header .hero.canivilo-post-hero__copy {
    padding: 1.55rem 20px 2rem;
  }

  .canivilo-post-hero__eyebrow {
    margin-bottom: 0.72rem;
    font-size: 0.7rem;
    letter-spacing: 0.07em;
  }

  body.canivilo-post-page header .hero h1 {
    max-width: 20rem;
    font-size: clamp(1.6rem, 7.4vw, 1.95rem);
    line-height: 1.08;
  }

  body.canivilo-post-page header .hero .bajada {
    max-width: 21rem;
    margin-top: 0.9rem;
    font-size: 0.86rem;
    line-height: 1.46;
  }

  .canivilo-post-hero__meta {
    gap: 0.45rem;
    margin-top: 0.9rem;
  }

  .canivilo-post-hero__meta span {
    min-height: 1.85rem;
    padding: 0 0.62rem;
    font-size: 0.67rem;
  }

  body.canivilo-post-page .info.content-wrap {
    width: min(100% - 32px, 720px);
    padding: 2rem 0 3rem;
  }

  body.canivilo-post-page .table {
    margin: 0 0 1.6rem;
    padding: 0.85rem;
  }

  body.canivilo-post-page .table .fh3 {
    margin-bottom: 0.6rem;
    font-size: 1.12rem;
    line-height: 1.25;
  }

  body.canivilo-post-page .table summary {
    font-size: 0.95rem;
    line-height: 1.28;
  }

  body.canivilo-post-page .info article h2 {
    font-size: clamp(1.2rem, 5.4vw, 1.55rem);
    line-height: 1.12;
  }

  body.canivilo-post-page .info article h3 {
    margin-top: 1.55rem;
    font-size: 1.18rem;
  }
}

@media screen and (min-width: 1024px) {
  body.canivilo-post-page header {
    grid-template-columns: 0.92fr 1.08fr;
  }

  body.canivilo-post-page header picture,
  body.canivilo-post-page header img {
    height: min(500px, calc(100vh - 96px));
    max-height: 500px;
    object-position: center;
  }

  body.canivilo-post-page .info.content-wrap {
    flex-direction: row-reverse;
  }
}