:root {
  --color1: #1ec6bd;
  --color2: #10ddb9;
  --color3: #fff;
  --color4: #000;

}
html {
  scroll-behavior: smooth;
}
a{
  color: var(--color1)!important;
}
.contentTitle {
  align-items: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  height: 100vh;
  width: 100%;
}
.explica1{
    background-image: url(../img/explicas/1/banner.jpg);
}
.explica2{
    background-image: url(../img/explicas/2/banner.jpg);
}
.explica3{
    background-image: url(../img/explicas/3/banner.jpg);
}
.explica4{
    background-image: url(../img/explicas/4/banner.jpg);
}
.explica5{
    background-image: url(../img/explicas/5/banner.jpg);
}
.explica6{
    background-image: url(../img/explicas/6/banner.jpg);
}
.explica7{
    background-image: url(../img/explicas/7/banner.jpg);
}
.explica8{
    background-image: url(../img/explicas/8/banner.jpg);
}
.explica9{
    background-image: url(../img/explicas/9/banner.jpg);
}
.explica10{
    background-image: url(../img/explicas/10/banner.jpg);
}
.explica11{
    background-image: url(../img/explicas/11/banner.jpg);
}
.explica12{
    background-image: url(../img/explicas/12/banner.jpg);
}
.explica13{
    background-image: url(../img/explicas/13/banner.jpg);
}
.explica14{
    background-image: url(../img/explicas/14/banner.jpg);
}
.explica15{
    background-image: url(../img/explicas/15/banner.jpg);
}

.titleBkgG {
  background-color: var(--color1);
  color: var(--color3);
  padding: 25px;
}

.contentTitle .titleBkgG#intro {
  width: 40%;
}

h1 {
  color: var(--color3);
}

h4.subtema {
  margin-bottom: 50px;
  position: relative;
}

.contentExplica .subtema::after {
  border-bottom: 4px solid var(--color2);
  content: "";
  left: 0;
  bottom: -9px;
  position: absolute;
  width: 100%;
}

.contentExplica {
  color: var(--color4);
}

.img-der {
  float: right;
  width: 280px;
  max-width: 280px;
  margin-left: 20px;
  margin-bottom: 10px;
}

.img-izq {
  float: left;
  width: 280px;
  max-width: 280px;
  margin-right: 20px;
  margin-bottom: 10px;
}

/* .columnsDesign:not(#ref) {
  column-count: 2;
  column-gap: 60px;
  /*			column-rule: 80px;
  padding-bottom: 40px;
} */
#referencesSection{
  background-color: var(--color1);
  
}
#bulletSection{
  min-height: 400px;
}
/* #blacksection{
  background-color: var(--color4);
  border: 2px solid var(--color4);
  border-top: none;
} */
#bulletSection li{
  margin-bottom: 20px;;
} 
li,a{
  word-wrap: break-word;
}
.row.mb-5#ref{
  margin-bottom: 1.5rem;
}
#footerSection{
    color: #989898;
}
.back-to-top{
  position: fixed;
  background-color: var(--color1);
  color: var(--fonts);
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50px;
  right: 15px;
  bottom: 85px;
  transition: background 0.5s ease-in-out;
}
.back-to-top img {
  display: inline;
  position: relative;
  top: 5px;
}
.leyenda{
  display: none!important;
}
 /* Generación de explicación PDF */
 .screen .row.mb-5#ref{
  padding-bottom: 0px!important;
 }
 .screen #contenido{
  margin-bottom: 50px!important;
 }
 .screen .excluir, .screen #linkPdf, .screen .back-to-top, .screen .leyenda + p{
  display: none!important;
}
.screen .leyenda{
  display: block!important;
  margin-bottom: 35px;
}
.screen .columnsDesign{
  columns: 2;
  column-gap: 50px;
  margin-bottom: 10px;
}


@media (max-width: 900px) { 
  .img-der,
  .img-izq {
    float: none;
    margin: 0px 0px 20px 0px;
    width: 100%;
    max-width: 100%;
  }
  /* .columnsDesign {
  column-count: 1!important;
  column-gap: 60px;

  padding-bottom: 40px;
} */
 }

@media (max-width: 575.98px)  {
  .contentTitle .titleBkgG#intro {
    width: 80%;
  }

  .img-der,
  .img-izq {
    float: none;
    margin: 0px 0px 20px 0px;
    width: 100%;
    max-width: 100%;
  }

  /* .columnsDesign {
    column-count: 1!important;
    column-gap: 30px;

    padding-bottom: 40px;
  } */
}