.h2-type {
  font-family: 'ff-head',system-ui, sans-serif;
  font-weight: 400;
}
.indent {
  margin-left: 10px;
}
.indentx2 {
  margin-left: 20px;
  max-width: 100%;
}
.indentx3 {
  margin-left: 40px;
  max-width: 100%;
}
.enlacestexto {
  color: #909090;
}
.enlacestexto:hover {
  color: #d3d3d3;
}
figure {
  margin-top: 2rem;
  margin-inline: auto;
  width: 100%;
  max-width: 700px;
}
.blur-load{
  background-size: cover;
  border-radius: .6rem;
}
.iframe-wrap{
  max-width: 900px;
}
.iframe-interactive{  
  aspect-ratio: 16 / 10;  
}
.iframe-pdf{
  max-width: 700px;
  aspect-ratio: 4 / 4.1;
  color-scheme: dark;
}
.imagen,
.video,
figure img,
figure video,
model-viewer, iframe
{
  border:none;
  width: 100%;
  margin-inline: auto;
  border-radius: .6rem;
  box-shadow: 0 0 30px var(--clr-shadow);
  /*animation: popup .3s ease-out;  */
}
@keyframes popup{
  from{
    transform: scale(.95);
  }
  to{
  }
}
model-viewer {
  background: linear-gradient(
    90deg,
    rgba(29, 57, 120, 1) 0%,
    rgba(36, 69, 138, 1) 100%
  );
  width: 100%;
  height: 400px;
}
model-viewer p {
  font-size: var(--fs-pie);
  line-height: 1;
  width: fit-content;
  margin-left: 1rem;
  margin-top: 1rem;
}
.pie {
  margin-top: 0.5rem;
  margin-inline: auto;
  width: 90%;
  text-align: center;
  font-weight: 300;
  font-size: var(--fs-pie);
  line-height: 1.2;
}
.line {
  border-bottom: thin solid var(--clr-primary);
  margin-top: 1rem;
}
.line1 {
  border-bottom: thin solid var(--clr-text-border);
  margin-block: 1rem;
}
.line2 {
  border-bottom: thin solid var(--clr-text-border);
  margin: 0.3rem auto 1rem auto;
  width: 60%;
}
.gen__box-title {
  position: relative;
  font-family: 'ff-head', Arial Narrow bold, sans-serif;
  text-transform: uppercase;
  font-size: 1.3rem;
  letter-spacing: 0.05rem;
  line-height: 1;
  width: min(100%, 250px);
  margin: calc(1rem + 0.2vw) auto calc(-1.3rem - 0.2vw) auto;
  text-align: center;
  border: 1px solid #909090;
  background-color: #0a0a14;
  padding: 5px 14px;
  z-index: 0;
  color: #909090;
}
.gen__box {
  margin-inline: auto;
  margin-bottom: 2rem;
  font-family: 'ff-body', verdana, sans-serif;
  font-size: var(--fs-p);
  line-height: var(--int-p);
  color: #505050;
  width: 100%;
  max-width: 70ch;
  border: 1px solid #909090;
  padding: 1.5rem 5% 0.8rem 5%;
  text-align: center;
  transition: 1s;
}
.gen__btn {
  display: grid;
  margin-inline: auto;
  margin-top: 1rem;
}
.gen__btn:hover {
  cursor: pointer;
  background:#ac2831;
  color: #d3d3d3;  
}
.wrapper .gen__btn:last-of-type{
  margin-bottom: 2rem;
}
.btn-wrapper {
  width: min(100%, 600px);
  margin-inline: auto;
  margin-bottom: 1rem;
}
.btn-nav {
  width: 100%;
  margin-inline: auto;
}
.btn-demo {
  display: block;
  color: #1ed1b3;
  border-color: #1ed1b3;
  padding: 0.5em 1em;
  margin-inline: auto;
  width: 100%;
}
.btn-demo:hover {
  background-color: #3eebce;
  color: #0e0909;
  box-shadow: 0px 5px 10px #0a0a14;
}
.btn-demo:active {
  box-shadow: none;
  transform: scale(.9);
}
.btn-cv {
  display: block;
  width: 100%;
  margin: 1em auto;
}
@media only screen and (min-width: 350px) {
  .btn-wrapper {
    display: flex;
    column-gap: 1rem;
  }
  .btn-nav,
  .btn-demo,
  .btn-cv {
    width: max(20%, 10rem);
  }  
}
@media only screen and (min-width: 600px) {
  .line2 {
    margin: 0.3rem auto 2rem auto;
  }  
  model-viewer {
    height: 600px;
  }
}