/* CSS */

li > a {
  color: #00000088;
}

.d-none {
  display: none;
}

.liresumen {
  background-color: #e4c8a6 !important;
  margin-left: 20px;
}

.ulresumen {
  list-style: circle;
  padding: 10px;
}

.presumen {
  padding: 8px;
}

#divresumen {
  background-color: #e4c8a6;
  min-height: 400px;
  width: 100%;
  padding: 30px 10% 30px 10%;
  position: relative;
}

.libibliografia {
  background-color: #e4c8a6 !important;
  margin-left: 20px;
}

.ulbibliografia {
  list-style: circle;
  padding: 10px;
}

.pbibliografia {
  padding: 8px;
}

#divbibliografia {
  min-height: 400px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}

#divauto {
  margin: 10% 0 40% 0;
}

.pauto {
  margin: 8 0 8 0;
}

table {
  margin: 0 auto;
  margin: 50px;
}

th {
  padding: 15px;
  color: white;
  font-family: "parrafo-bold";
  font-size: 1.2em;
  background: #f9a976;
  text-align: left;
  color: black;
}

tr {
  border: 2px solid black;
}

td {
  padding: 15px;
  background: white;
}

@font-face {
  font-family: parrafo-regular;
  src: url(../img/tipografias/WorkSans-Light.ttf);
}

@font-face {
  font-family: parrafo-italic;
  src: url(../img/tipografias/WorkSans-LightItalic.ttf);
}

@font-face {
  font-family: parrafo-bold;
  src: url(../img/tipografias/WorkSans-Medium.ttf);
}

@font-face {
  font-family: parrafo-bold-italic;
  src: url(../img/tipografias/WorkSans-MediumItalic.ttf);
}

@font-face {
  font-family: titulares;
  src: url(../img/tipografias/WorkSans-Regular.ttf);
}

@font-face {
  font-family: titulares-bold;
  src: url(../img/tipografias/WorkSans-SemiBold.ttf);
}

/* base */

#texto {
  display: flex;
  flex-wrap: wrap;
  /*max-width: 1400px;*/
  margin: 0 auto;
  font-family: parrafo-regular;
  background: #dadada;
  min-height: 100vh;
}

h1 {
  font-size: 4.5em;
  font-family: titulares;
  color: #303030;
  width: 100%;
}

h2 {
  font-family: parrafo-regular;
  font-size: 3em;
  width: 100%;
  text-align: left;
  color: #fc4c02;
}

h3 {
  font-family: parrafo-light;
  text-align: center;
  color: white;
}

ul {
  padding: 30px;
  flex: 100%;
}

li {
  padding: 8px;
  font-size: 1.2em;
}

li:hover {
  background: #b36227;
}

li:focus {
  background: #b36227;
}

img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}

a {
  color: #2800ff;
  font-family: "parrafo-bold";
  transition: 0.2s all ease-in-out;
}

a:hover {
  margin: 7px;
  color: #fc4c02;
  transition: 0.2s all ease-in-out;
}

/* cabecera */

header {
  flex: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  height: 9vh;
  position: fixed;
  width: 100%;
  z-index: 999;
  box-shadow: 0 0.05em 0.5em -0.2em #cecece;
}

header > div {
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.menu-burguer {
  margin-left: 25px;
}

.menu-burguer > a > div {
  height: 5px;
  width: 30px;
  background: #303030;
  border-radius: 2px;
  margin: 5px;
}

.menu-burguer > a:hover > div {
  background: #2d2d2d;
  transition: 0.2s all ease;
}

.logo {
  margin-left: 25px;
}

.logo > img {
  width: 55px;
}

.ayuda > a > img {
  width: 35px;
}

.caja-cerrar {
  margin-right: 25px;
}

.ayuda > a > svg,
.caja-cerrar > a > svg {
  width: 35px;
  color: #303030;
}

.ayuda:hover > a > svg,
.caja-cerrar:hover > a > svg {
  color: #2d2d2d;
  transition: 0.2s all ease;
}

.burguer-abierto {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  background: white;
  /*max-width:400px;*/
}

.glosario,
.bibliografia,
.enlace-texto {
  flex: 1;
  padding: 16px 0;
  height: 84px;
  background: #dadada;
  opacity: 0.7;
}

.glosario > a > p,
.bibliografia > a > p,
.enlace-texto > a > p {
  text-align: center;
}

.glosario > a > img,
.bibliografia > a > img,
.enlace-texto > a > img {
  width: 30px;
}

.glosario:hover,
.bibliografia:hover,
.enlace-texto:hover {
  opacity: 1;
}

/* contenido */

.contenido {
  flex: 4;
  position: relative;
  background: #400000;
  top: 0;
  left: 0;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}

.contenido-video {
  position: relative;
}

.caja-video {
  position: relative;
  width: 100%;
}

video {
  max-width: 100%;
  width: 100%;
  height: auto;
  z-index: 20;
}

.botones-pag {
  position: absolute;
  width: 100%;
  height: 30px;
  margin: auto;
  top: 0;
  bottom: 0;
}

.boton-prev,
.boton-next {
  width: 30px;
  height: 30px;
  border-right: 8px solid #303030;
  border-bottom: 8px solid #303030;
  border-radius: 0.2em;
  position: absolute;
  margin: 0 auto;
  opacity: 0.8;
  cursor: pointer;
  z-index: 50;
}

.boton-prev {
  left: 20px;
  transform: rotate(130deg);
}

.boton-next {
  right: 20px;
  transform: rotate(-45deg);
}

.boton-prev:hover,
.boton-next:hover {
  opacity: 1;
}

.texto-abierto {
  width: 100%;
  padding: 5% 15%;
  position: relative;
  background: #dadada;
  display: flex;
  flex-wrap: wrap;
}

.texto-abierto > a {
  flex: 100%;
  padding: 20px;
}

.boton-plegar {
  position: absolute;
  margin: 0 auto;
  width: 25px;
  height: 25px;
  border-right: 5px solid black;
  border-top: 5px solid black;
  top: 35px;
  right: 0;
  left: 0;
  transform: rotate(-45deg);
}

.boton-plegar:hover {
  border-right: 5px solid #ff8233;
  border-top: 5px solid #ff8233;
}

.texto-abierto > div:nth-of-type(1) {
  flex: 20%;
  padding-right: 27px;
}

.texto-abierto > div > img {
  max-width: 80px;
}

.texto-abierto > div:nth-of-type(2) {
  flex: 80%;
}

.texto-abierto > div > p {
  margin-bottom: 15px;
}

/* corte movil */

@media screen and (max-width: 690px) {
  h1 {
    font-size: 16px;
  }

  .burguer-abierto {
    flex: 100%;
  }

  .botones-pag {
    height: 20px;
  }

  .boton-prev,
  .boton-next {
    height: 20px;
    width: 20px;
    border-right: 8px solid #303030;
    border-bottom: 8px solid #303030;
    border-radius: 0.2em;
  }

  .boton-prev {
    left: -25px;
  }

  .boton-next {
    right: -25px;
  }

  .texto-abierto {
    padding: 20px;
  }

  .texto-abierto > div:nth-of-type(1) {
    flex: 100%;
    padding-right: 0;
    margin-bottom: 15px;
  }

  .texto-abierto > div:nth-of-type(1) > img {
    max-width: 50px;
  }

  .texto-abierto > div:nth-of-type(1) > h2 {
    display: none;
  }

  .boton-plegar {
    border-right: 5px solid #ff8233;
    border-top: 5px solid #ff8233;
  }
}

@media screen and (min-width: 1200px) {
  .botones-pag {
    height: 40px;
  }

  .boton-prev,
  .boton-next {
    height: 40px;
    width: 40px;
    border-right: 8px solid #303030;
    border-bottom: 8px solid #303030;
    border-radius: 0.2em;
    transition: 0.2s all ease-in-out;
  }
}

/* CSS popup*/

.opacidad {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #2d2d2d;
  opacity: 0.5;
}

.popup {
  padding: 10%;
  position: absolute;
  margin: 0 auto;
  width: 100%;
}

.popupsegui {
  padding: 10%;
  position: absolute;
  margin: 0 auto;
  width: 100%;
}

.caja-contenido-popup {
  margin: 0 auto;
  max-width: 1200px;
  background: white;
  padding-bottom: 20px;
  opacity: 1;
}

.cabe {
  display: flex;
  background: #ff0000;
  align-items: center;
  padding: 10px 0 10px 30px;
  margin-bottom: 20px;
}

.titulo1 {
  font-family: parrafo-light;
  color: white;
  text-transform: uppercase;
  max-height: 89px;
  line-height: 1em;
  flex: 5;
  padding-left: 10px;
}

.logopopup img {
  width: 45px;
  flex: 1;
}

.enlace-pdf-popup {
  padding: 10px 30px;
}

.enlace-pdf-popup a {
  display: flex;
  align-items: center;
  font-family: parrafo-light;
}

.enlace-pdf-popup a strong {
  font-family: parrafo-bold;
}

.enlace-pdf-popup img {
  flex: 1;
  max-width: 45px;
}

.enlace-pdf-popup h2 {
  color: #2d2d2d;
  flex: 5;
  padding: 0 10px;
  text-align: left !important;
}

.enlace-pdf-popup h2:hover {
  color: #ff8233;
}

.boton-cerrar-popup {
  margin-right: 25px;
}

.boton-cerrar-popup > a > svg {
  width: 45px;
  color: white;
}

.boton-cerrar-popup:hover > a > svg {
  color: #2d2d2d;
  transition: 0.2s all ease;
}

.boton-cerrar-popup2 {
  margin-right: 25px;
}

.boton-cerrar-popup2 > a > svg {
  width: 45px;
  color: white;
}

.boton-cerrar-popup2:hover > a > svg {
  color: #2d2d2d;
  transition: 0.2s all ease;
}

.p-ayuda {
  font-family: parrafo-regular;
  margin: 15px 0;
  padding-left: 55px;
}

.popup-ayuda {
  padding: 10%;
  position: absolute;
  margin: 0 auto;
  width: 100%;
}

.cabeayuda {
  display: flex;
  background: #ff0000;
  align-items: center;
  padding: 10px 0 10px 30px;
  margin-bottom: 20px;
  padding: 0;
}

.h1-ayuda {
  font-family: parrafo-light;
  color: white;
  text-transform: uppercase;
  max-height: 89px;
  line-height: 1em;
  flex: 5;
  padding-left: 0px;
  letter-spacing: 0.2em;
}

.contenido-ayuda {
  max-height: 650px;
  overflow: auto;
}

.logoayuda img {
  width: 45px;
  flex: 1;
}

.punto-ayuda {
  padding: 10px 30px;
}

.punto-ayuda a {
  display: flex;
  align-items: center;
  font-family: parrafo-light;
}

.punto-ayuda a strong {
  font-family: parrafo-bold;
}

.punto-ayuda img {
  flex: 1;
  max-width: 45px;
}

.punto-ayuda h2 {
  color: #2d2d2d;
  flex: 5;
  padding: 0 10px;
  text-align: left;
}

.punto-ayuda h2:hover {
  cursor: context-menu;
}

.boton-cerrar-popup {
  margin-right: 25px;
}

.boton-cerrar-popup > a > svg {
  width: 45px;
  color: white;
}

.boton-cerrar-popup:hover > a > svg {
  color: #2d2d2d;
  transition: 0.2s all ease;
}

.p-ayuda img {
  max-width: 600px;
  margin: 0 auto;
}

/*---------------- AÑADIDO NUEVA PLANTILLA BK - MODELO 2021--------
-------------------------------------------------------------------
-------------------------------------------------------------------
-------------------------------------------------------------------
-------------------------------------------------------------------
------------------------------------------------------------------- */

.glosario {
  flex: 0;
  opacity: 1;
  background: transparent;
  padding: 20px;
}

.glosario > a {
  width: 35px;
}

.glosario:hover > a > svg > * {
  fill: #333232;
}

.header {
  height: 10vh;
}

.contenido,
.burguer-abierto {
  min-height: 90vh;
}

.burguer-abierto > ul {
  margin-top: 7vh;
  padding: 30px 15px;
}

.burguer-abierto > ul > ul {
  padding: 0 0 0 30px;
}

.burguer-abierto > ul > ul a {
  color: white;
}

.contenido {
  display: flex;
  flex-direction: column;
  background: white;
  flex-wrap: nowrap;
}

.contenido-cabecera {
  width: 100%;
  background: #400000;
  flex: 0 4%;
  margin-top: 9vh;
}

.contenido-body {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex: 0 90%;
}

.contenido-body-cajaprincipal {
  flex: 0 90%;
  margin: 0 auto;
}

.contenido-body-cajapaginador {
  background: #400000;
  flex: 0 10%;
  position: sticky;
  bottom: 0;
  z-index: 500;
}

.contenido-body-cajapaginador > .botones-pag {
  bottom: 0;
  height: 8vh;
  width: 100%;
  top: auto;
  display: flex;
  justify-content: space-evenly;
  background: #fff;
  display: none; /* --- Quitar esto par aver el paginador --- */
}

.contenido-body-cajapaginador > .botones-pag > div {
  position: relative;
  height: 25px;
  width: 25px;
  top: 2vh;
}

.caja-cerrar a:hover {
  left: 15px;
  box-shadow: 3px 3px #2800ff;
  border-color: #fc4c02;
  border-radius: 50%;
  transition: 0.2s all ease;
}

.contenido-body-cajapaginador > .botones-pag > .boton-prev:hover {
  left: 15px;
  box-shadow: 3px 3px #2800ff;
  border-color: #fc4c02;
  transition: 0.2s all ease;
}

.contenido-body-cajapaginador > .botones-pag > .boton-next:hover {
  right: 15px;
  box-shadow: 3px 3px #2800ff;
  border-color: #fc4c02;
  transition: 0.2s all ease;
}

.contenido-body-cajapaginador > .botones-pag > .boton-prev::after {
  content: "Atrás";
  color: #303030;
  transform: rotate(-130deg);
  position: absolute;
  top: -29px;
  right: 6px;
  font-family: parrafo-bold;
  text-transform: uppercase;
}

.contenido-body-cajapaginador > .botones-pag > .boton-next::after {
  content: "Siguiente";
  color: #303030;
  transform: rotate(45deg);
  position: absolute;
  top: -38px;
  right: 2px;
  font-family: parrafo-bold;
  text-transform: uppercase;
}

.p-rellenable {
  overflow: auto;
  width: 100%;
  padding: 5% 15%;
  max-height: 100vh;
}

/*---------------------- RECURSOS BÁSICOS ----------------------*/

.p-rellenable h3 {
  max-width: 100%;
  margin: 0 auto;
  color: black;
  font-size: 1.3em;
  margin-bottom: 15px;
  text-align: left;
  font-family: titulares-bold;
  text-transform: uppercase;
}

.p-rellenable p {
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 15px;
  font-size: 1.2em;
}

.p-rellenable ul {
  max-width: 100%;
  margin: auto 1em;
  padding: 15px 30px;
}

.p-rellenable > ul > li:hover {
  background: transparent;
}

.p-rellenable ol {
  max-width: 100%;
  margin: 0 auto;
  padding: 15px 30px;
}

.p-rellenable ol > li:hover {
  background: transparent;
}

.p-rellenable .lista-nivel5 > li:hover {
  list-style: inside;
}

.lista-nivel1 > li,
.lista-nivel2 > li,
.lista-nivel3 > li,
.lista-nivel4 > li,
.lista-nivel5 > li {
  position: relative;
  background: none;
}

.lista-nivel4 > li,
.lista-nivel5 > li {
  list-style: none;
  counter-increment: lista;
}

.lista-nivel1 > li::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #ff8233;
  border-radius: 100%;
  position: absolute;
  top: 13px;
  left: -2%;
}

.lista-nivel2 > li::after {
  content: "";
  width: 8px;
  height: 8px;
  border: 2px solid #ff8233;
  background: white;
  border-radius: 100%;
  position: absolute;
  top: 13px;
  left: -4%;
}

.lista-nivel3 > li::after {
  content: "";
  width: 8px;
  height: 8px;
  background: #ff8233;
  position: absolute;
  top: 14px;
  left: -2%;
}

.lista-nivel4 > li::after {
  content: counter(lista) ".";
  color: #ff8233;
  position: absolute;
  font-family: parrafo-bold;
  top: 8px;
  left: -2%;
}

.lista-nivel5 > li::after {
  content: counter(lista) ".";
  color: #ff8233;
  position: absolute;
  font-family: parrafo-bold;
  top: 8px;
  left: -2%;
}

/* ----- Añadido Alcázar 01-09-2021 (Aquí empieza)*/
.lista-nivel6 {
  list-style-type: none;
  counter-reset: lista-personalizada;
  margin: 0;
}

.lista-nivel6 li {
  pointer-events: none;
  position: relative;
  line-height: 1.5em;
  padding: 0.6em 1em 0.7em 4em;
  margin-bottom: 10px;
  background: #f8f3f3;
}

.lista-nivel6 li:before {
  content: counter(lista-personalizada);
  counter-increment: lista-personalizada;
  position: absolute;
  left: 0;
  top: 0;
  font-weight: bold;
  font-size: 2.5em;
  padding: 0.25em 0.4em 0.25em 0.25em;
  background: #ff8233;
  color: white;
  letter-spacing: -0.15em;
}

/* ----- Añadido Alcázar 01-09-2021 (Aquí acaba)*/
.p-rellenable ul > li > ul > li:hover,
.p-rellenable ol > li > ul > li:hover {
  background: transparent;
}

.p-rellenable .destacado {
  max-width: 100%;
  margin: 15px;
  border: 6pt solid #e93715;
}

.p-rellenable .destacado > .destacado-cabecera {
  padding: 15px;
  background: #e93715;
  display: flex;
  align-items: center;
}

.p-rellenable .destacado > .destacado-cabecera > h3 {
  margin: 0;
  flex: 0 95%;
  color: white;
}

.p-rellenable .destacado > .destacado-cabecera > img {
  margin: 0;
  max-width: 30px;
  flex: 0 5%;
  margin-right: 15px;
}

.p-rellenable .destacado > .destacado-body {
  background: #f8f3f3;
  padding: 15px;
}

.p-rellenable .destacado > .destacado-body > p {
  margin: 0;
  max-width: 100%;
  margin-bottom: 10px;
}

.p-rellenable .destacado > .destacado-body > p:last-child {
  margin-bottom: 0;
}

/* Destacado en GH Añadido Samuel 31/01/2021 -------------*/
.p-rellenable .i-galeriah .destacado {
  max-width: 100%;
  margin: 15px auto;
  background: none;
  border-radius: 15px;
  box-shadow: none;
}

.p-rellenable .i-galeriah .destacado > .destacado-body {
  background: #fff;
  padding: 15px;
  border-radius: 0 0 15px 15px;
}

/* Destacado en GH Añadido Samuel 31/01/2021 -------FIN------*/

/* Icono en GH Añadido Samuel 08/02/2021 -------------*/
.i-galeriah .apartado-boton-gh {
  display: flex;
  align-items: center;
}

.i-galeriah .apartado-boton-gh > .icono {
  flex: 0 9%;
}

.i-galeriah .apartado-boton-gh > .icono > img {
  margin-bottom: 0;
  padding: 1px;
}

.i-galeriah .apartado-boton-gh > p {
  flex: 0 80%;
  margin: 0;
  padding: 7px 7px;
}

/* Icono en GH Añadido Samuel 08/02/2021 -------FIN------*/

.p-rellenable strong {
  font-family: parrafo-bold;
  color: #fc4c02;
}

.p-centrado > strong {
  font-family: parrafo-bold;
  color: #6c5d4e;
}

.p-rellenable .texto-2col,
.p-rellenable .textoimg-2col {
  display: flex;
  margin-bottom: 15px;
}

.p-rellenable .textoimg-2col {
  border: 2px solid #400000;
}

.p-rellenable .textoimg-2col {
  margin-bottom: 15px;
}

.p-rellenable .texto-2col > .coltexto > h3,
.p-rellenable .textoimg-2col > .coltexto > h3 {
  margin: 0;
  font-family: parrafo-light;
  border-bottom: 2px solid #ff8233;
  padding-bottom: 0;
  margin-bottom: 15px;
  width: 100%;
}

.p-rellenable .texto-2col > .coltexto > p {
  padding: 0 10px;
}

.p-rellenable .textoimg-2col > div:first-of-type {
  flex: 1;
  padding: 1em 5em 1em 1em;
  border-right: 11px solid #2800ff;
}

.p-rellenable > .colborde {
  outline: 3px solid #00553e;
  outline-offset: -10px;
}

.p-rellenable .textoimg-2col > .colimg,
.p-rellenable .textoimg-2col > .coltexto {
  flex: 1;
}

.p-rellenable .textoimg-2col > .colimg > img,
.p-rellenable .textoimg-2col > .colimg70 > img,
.p-rellenable .textoimg-2col > .colimg30 > img {
  width: 100%;
  margin: auto;
  height: auto;
  border-radius: 0 0.7em 0.7em 0;
}

@media screen and (max-width: 800px) {
  .p-rellenable .textoimg-2col > .colimg > img,
  .p-rellenable .textoimg-2col > .colimg70 > img,
  .p-rellenable .textoimg-2col > .colimg30 > img {
    border-radius: 0.7em 0.7em 0 0;
  }
}

.p-rellenable .textoimg-2col > .colimg70 {
  flex: 2;
}

.p-rellenable .textoimg-2col > .colimg30 {
  flex: 0.5;
}

.p-rellenable .imagencentrada > .colimg {
  display: flex;
  align-items: center;
  background: #f8f3f3;
}

/* ---- Añadido Alcázar 02-09-2021 (Aquí empieza) */
.p-rellenable .imagen30 > .colimg {
  flex: 0 30%;
}

/* ---- Añadido Alcázar 02-09-2021 (Aquí acaba) */

.p-rellenable .variasimg .colimg {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  background: #f8f3f3;
}

.p-rellenable .texto-2col > .coltexto > .destacado,
.p-rellenable .textoimg-2col > .coltexto > .destacado {
  max-width: 100%;
}

.p-rellenable .texto-2col > .coltexto > ul li:hover,
.p-rellenable .textoimg-2col > .coltexto > ul li:hover {
  background: transparent;
}

.p-rellenable .tabla > table {
  margin: 0 auto;
  margin-bottom: 0.6em;
}

.p-rellenable .tabla > table td {
  background: #fff;
}

.p-rellenable .tabla > table tr:nth-of-type(1) > th {
  font-family: titulares;
  color: black;
  text-transform: inherit;
  letter-spacing: 0;
  background: #00553e;
  color: white;
}

/* ---- pading TABLAS más pequeñas 09-02-2022 (Aquí empieza) */
.p-rellenable .tabla > table th {
  padding: 3px 9px;
  color: #f8f3f3;
}

.p-rellenable .tabla > table td {
  font-size: 1.2em;
  padding: 3px 9px;
}

/* ---- pading TABLAS más pequeñas 09-02-2022 (Aquí acaba) */

/* ---- tabla 2 Alcázar 27-08-2021 (Aquí empieza) */

.p-rellenable .tabla2 > table {
  margin: 0 auto;
}

.p-rellenable .tabla2 > table td {
  background: #f8f3f3;
  padding: 5px 15px;
}

.p-rellenable .tabla2 > table tr > th {
  padding: 10px;
}

.p-rellenable .tabla2 > table tr:nth-of-type(1) > th {
  font-family: parrafo-bold;
  color: black;
  text-transform: inherit;
  letter-spacing: 0;
  padding: 15px;
}

/* ----  tabla 2 Alcázar 27-08-2021 (Aquí acaba) */

.p-rellenable .textoimg-2col > .coltextofondo {
  background: #400000;
}

.p-rellenable .textoimg-2col > .coltextofondo > h3 {
  color: white;
}

.p-rellenable .textoimg-2col > .coltextofondo > p {
  color: white;
}

.p-rellenable .textoimg-2col > .coltextofondo > ul li {
  color: white;
}

.p-rellenable img {
  margin-bottom: 15px;
}

.p-rellenable .recuerda {
  border: 3px solid #ff8233;
  border-radius: 15px;
  padding: 15px;
  max-width: 100%;
  margin: 0 auto;
  margin-bottom: 15px;
}

.p-rellenable .recuerda > p {
  max-width: 100%;
  margin-bottom: 0;
  font-family: parrafo-regular;
  font-size: 1.1em;
  color: black;
  font-weight: inherit;
}

.p-rellenable .columnas {
  display: flex;
  flex-wrap: wrap;
  margin: 15px 0;
}

@media screen and (max-width: 800px) {
  .p-rellenable .columnas {
    flex-wrap: nowrap;
  }
}

.p-rellenable .columnas > .columnas-item {
  flex: 1;
  background: white;
  margin-right: 7px;
  margin-bottom: 12px;
  background-color: #f2f2f4;
  border-radius: 0.7em;
}

.p-rellenable .columnas > .columnas-item:last-child {
  margin-right: 0;
}

.p-rellenable .columnas > .columnas-item > p {
  padding: 15px;
  max-width: 100%;
}

.p-rellenable .columnas > .columnas-item > p:last-child {
  margin-bottom: 0;
}

.p-rellenable .columnas-textoimg > .columnas-item > img {
  margin-bottom: 0;
  border-bottom: 11px solid #2800ff;
}

.p-rellenable .columnas-textoimgh4 > .columnas-item > img {
  border-bottom: 11px solid #2800ff;
  margin-bottom: 0;
  border-radius: 0.6em 0.6em 0 0;
}

.p-rellenable .columnas-textoimgh4 > .columnas-item > h3 {
  padding: 0.5em;
  padding-bottom: 0;
  color: #6f6f6f;
  font-family: "parrafo-regular";
  font-size: 1.5em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 0;
}

/* -----------Añadido columnas imgh4 sin texto Alcázar 06-09-2021----- (Aquí empieza) */
.p-rellenable .columnas-imgh4 > .columnas-item > img {
  border-radius: 0 0 12px 12px;
  margin-bottom: 0;
  border-bottom: none;
}

.p-rellenable .columnas-imgh4 > .columnas-item > h4 {
  padding: 7px 15px;
  background: #ff8233;
  border-radius: 12px 12px 0 0;
  color: white;
  font-family: parrafo-italic;
  font-size: 1.1em;
}

/* -----------Añadido columnas imgh4 sin texto Alcázar 06-09-2021----- (Aquí acaba) */
/*  */
.p-rellenable .filas-textoimgh4 {
  margin: 0 auto;
}

.p-rellenable .filas-textoimgh4 > .columnas-item {
  flex: 0 49.7%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 7px;
  border: 2px solid #ff8233;
  align-content: flex-start;
}

.p-rellenable .filas-textoimgh4 > .columnas-item:nth-child(even) {
  margin-right: 0;
}

.p-rellenable .filas-textoimgh4 > .columnas-item > h4 {
  flex: 0 100%;
  padding: 7px 15px;
  background: #ff8233;
  color: white;
  font-family: parrafo-italic;
}

.p-rellenable .filas-textoimgh4 > .columnas-item > div:first-of-type {
  flex: 0 40%;
}

.p-rellenable .filas-textoimgh4 > .columnas-item > div > img {
  margin-bottom: 0;
  margin: 0;
  border-radius: 0 0 0 13px;
}

.p-rellenable .filas-textoimgh4 > .columnas-item > div:last-of-type {
  flex: 0 60%;
  margin: 0;
}

/* -----------Añadido filas textoh4 sin imagen Alcázar 02-09-2021----- (Aquí empieza) */
.p-rellenable .filas-textoh4 {
  margin: 0 auto;
}

.p-rellenable .filas-textoh4 > .columnas-item {
  flex: 0 49%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 7px;
  align-content: flex-start;
  /*border: none;*/
  border: 2px solid #ff8233;
}

.p-rellenable .filas-textoh4 > .columnas-item:nth-child(even) {
  margin-right: 0;
}

.p-rellenable .filas-textoh4 > .columnas-item > h4 {
  flex: 0 100%;
  padding: 7px 15px;
  background: #ff8233;
  border-radius: 12px 12px 0 0;
  color: white;
  font-family: parrafo-italic;
}

.p-rellenable .filas-textoh4 > .columnas-item > p {
  margin: 0;
  padding: 10px !important;
}

/* -----------Añadido filas textoh4 sin imagen Alcázar 02-09-2021----- (Aquí acaba) */

/* -----------Añadido filas textoimg sin imagen Alcázar 02-09-2021----- (Aquí empieza) */

.p-rellenable .filas-textoimg {
  margin: 0 auto;
}

.p-rellenable .filas-textoimg > .columnas-item:nth-child(even) {
  margin-right: 0;
}

.p-rellenable .filas-textoimg > .columnas-item {
  flex: 0 49%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 7px;
  border: 2px solid #ff8233;
}

.p-rellenable .filas-textoimg > .columnas-item > div > img {
  margin-bottom: 0;
  margin: 0;
  border-radius: 13px 0 0 13px;
}

.p-rellenable .filas-textoimg > .columnas-item > div:first-of-type {
  flex: 0 40%;
}

.p-rellenable .filas-textoimg > .columnas-item > div:last-of-type {
  flex: 0 60%;
  margin: 0;
}

/*------- Añadido 28/01/2022 Samuel ----- filas texto imagen a la derecha---------*/

.p-rellenable .filas-imgtexto {
  margin: 0 auto;
}

.p-rellenable .filas-imgtexto > .columnas-item:nth-child(even) {
  margin-right: 0;
}

.p-rellenable .filas-imgtexto > .columnas-item {
  flex: 0 49%;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 7px;
  border: 2px solid #ff8233;
}

.p-rellenable .filas-imgtexto > .columnas-item > div > img {
  margin-bottom: 0;
  margin: 0;
  border-radius: 0 13px 13px 0;
}

.p-rellenable .filas-imgtexto > .columnas-item > div:first-of-type {
  flex: 0 40%;
}

.p-rellenable .filas-imgtexto > .columnas-item > div:last-of-type {
  flex: 0 60%;
  margin: 0;
}

/*------- Añadido 28/01/2022 Samuel ----- filas texto imagen a la derecha FIN ---------*/

/* --- Añadido 01/09/2021 Alcázar (Aquí empieza) */
.p-rellenable .columnas-item > div > p:first-of-type {
  padding-top: 15px;
}

.p-rellenable .columnas-item > div > p {
  padding: 0 10px;
}

/* --- Añadido 01/09/2021 Alcázar (Aquí acaba) */
/* -----------Añadido filas textoimg sin imagen Alcázar 02-09-2021----- (Aquí acaba) */

/*------------------ INTERACTIVO TABS --------------------*/

.p-rellenable .i-tabs {
  display: flex;
}

.p-rellenable .i-tabs > .col-botones {
  padding: 15px;
  flex: 0 30%;
}

.p-rellenable .i-tabs > .col-botones > div > div {
  padding: 7px 15px;
  margin-bottom: 7px;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.p-rellenable .i-tabs > .col-botones > div > .item {
  background: #400000;
}

.p-rellenable .i-tabs > .col-botones > div > .item:hover {
  box-shadow: 0px 0.3em 0px #00553e;
}

.p-rellenable .i-tabs > .col-botones > div > div > p {
  margin-bottom: 0;
  color: white;
}

.p-rellenable .i-tabs > .col-contenido {
  flex: 0 70%;
}

.p-rellenable .i-tabs > .col-contenido > div {
  display: flex;
}

.p-rellenable .i-tabs > .col-contenido > div > div {
  flex: 0 50%;
  overflow: hidden;
}

/* ---- Alcázar 02-09-2021 (Aquí empieza) */
.p-rellenable .i-tabs > .col-contenido > div > div:only-child {
  flex: 100%;
  max-width: 400px;
  min-width: 400px;
}

/* ---- Alcázar 02-09-2021 (Aquí acaba) */

.p-rellenable .i-tabs > .col-contenido > div > .col-texto {
  background: #f8f3f3;
  padding: 15px;
  overflow: scroll;
}

.p-rellenable .i-tabs > .col-contenido > div > .col-texto > p {
  margin: 0;
  max-width: 100%;
}

.p-rellenable .i-tabs > .col-contenido > div > .col-texto > ul {
  max-width: 90%;
  margin: 0;
}

.p-rellenable .i-tabs > .col-contenido > div > .col-texto > ul > li:hover {
  background: transparent;
}

.tab-active {
  background: #ccf6fb;
}

/* --------------- INTERACTIVO GALERÍA -----------------*/

.i-galeria > .col-contenido > .item-cont {
  display: flex;
  flex-direction: row-reverse;
  max-height: 450px;
  overflow: hidden;
}

.i-galeria > .col-contenido > .item-cont > .col-texto {
  flex: 0 40%;
  overflow: scroll;
}

/* --------------- col texto 70% -- Añadido Samuel 17/02/2022 -----------------*/
.i-galeria > .col-contenido > .item-cont > .col-texto-70 {
  flex: 0 70%;
  overflow: auto;
  background: #f8f3f3;
  padding: 15px;
  margin-bottom: 0;
  padding-top: 7px;
  padding-bottom: 7px;
}

.i-galeria > .col-contenido > .item-cont > .col-texto-70 ul > li:hover {
  background: transparent;
}

.i-galeria > .col-contenido > .item-cont > .col-texto ul > li:hover {
  background: transparent;
}

/* --------FIN------- col texto 70% -- Añadido Samuel 17/02/2022 -----------------*/
.i-galeria > .col-contenido > .item-cont > .col-texto > * {
  max-width: 100%;
  padding: 15px;
  margin-bottom: 0;
  padding-top: 7px;
  padding-bottom: 7px;
}

.i-galeria > .col-contenido > .item-cont > .col-texto > h4 {
  font-size: 1.1em;
  color: #00553e;
  font-family: "titulares";
}

.p-rellenable .i-galeriah .destacado {
  padding: 0 !important;
  border-radius: 0;
}

.i-galeria > .col-contenido > .item-cont > .col-texto > .p-intro {
  max-width: 90%;
  margin: 0 auto;
  /*padding: 0;*/
}

.i-galeria > .col-contenido > .item-cont > .col-texto ul {
  padding-left: 40px;
}

.i-galeria > .col-contenido > .item-cont > .col-texto li:hover {
  background: transparent;
}

.i-galeria > .col-contenido > .item-cont > .col-img {
  display: flex;
  align-items: center;
}

.i-galeria > .col-contenido > .item-cont > .col-img > img {
  margin-bottom: 0;
  max-height: 450px;
}

.i-galeria > .col-botones > .col-botones-menu {
  display: flex;
  justify-content: center;
  padding: 15px 0;
}

.i-galeria > .col-botones > .col-botones-menu > div {
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background: white;
  border: 1px solid black;
  margin: 0 0.3em;
  cursor: pointer;
}

.i-galeria > .col-botones > .col-botones-menu > div:hover {
  background: #400000;
}

/* GALERIA HORIZONTAL CON TABLA DENTRO Añadido Samuel 28/01/2022 */
.i-galeria > .col-contenido > .item-cont > .col-texto-tabla {
  flex: 0 60%;
  overflow: scroll;
  background: #fff;
}

.i-galeria > .col-contenido > .item-cont > .col-texto > h3::after {
  border-bottom: 3px solid #e93715;
  display: block;
  content: "";
  width: 2.5em;
}

/* GALERIA HORIZONTAL CON TABLA DENTRO Añadido Samuel 28/01/2022 ---- FIN ----- */

/*----------------------- INTERACTIVO HEXÁGONOS ---------------------------*/

.i-hexagonos {
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
  justify-content: center;
  align-items: center;
  position: relative;
}

.hexagonos-item {
  flex: 0 20%;
  position: relative;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hexagonos-item > p {
  position: absolute;
  color: black;
  z-index: 100;
  margin: 0 auto;
}

.hexagono_1 {
  height: 20em;
  margin: -3em 0;
  overflow: hidden;
  transform: rotate(120deg);
  visibility: hidden;
  width: 10em;
  background: #ccf6fb;
  transform: rotate(30deg);
}

.hexagono_2 {
  height: 100%;
  overflow: hidden;
  transform: rotate(-60deg);
  width: 100%;
  background: #ccf6fb;
}

.hexagono_3 {
  height: 100%;
  transform: rotate(-60deg);
  visibility: visible;
  width: 100%;
  background: #ccf6fb;
}

.hexagonos-item:hover .hexagono_1,
.hexagonos-item:hover .hexagono_2,
.hexagonos-item:hover .hexagono_3 {
  background: #af2910;
  transition: ease-in 0.2s;
}

.hexagonos-item p {
  font-family: parrafo-bold;
  text-align: center;
  padding: 0 30px;
}

.hexagonos-item:hover p {
  color: white;
}

.hexagono-item-contenido {
  position: absolute;
  background: #00553eee;
  width: 100%;
  min-height: 70%;
  z-index: 120;
  padding: 30px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  display: none;
  transition: 1s all ease;
}

.caja-contenido {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.caja-contenido .img-caja-hex {
  flex: 0 40%;
}

.img-caja-hex > img {
  max-width: 80%;
}

.caja-contenido .texto-caja-hex {
  flex: 0 50%;
  padding: 30px;
  background: #faf7eb;
  box-shadow: 3px 3px 15px 0px #002b1f;
}

.texto-caja-hex > p {
  margin-top: 15px;
  margin: 0;
}

.boton-cerrar-hex {
  flex: 0 100%;
}

.boton-cerrar-hex > div {
  display: flex;
  justify-content: flex-end;
}

.boton-cerrar-hex > div > img {
  max-width: 25px;
  margin: 0;
  cursor: pointer;
}

.boton-cerrar-hex > div > img:hover {
  opacity: 0.7;
}

/*-------------------------- video ---------------------*/

.video {
  display: flex;
  align-items: flex-start;
  overflow: hidden;
}

.caja-video {
  flex: 5;
  box-shadow: 2px 2px 5px grey;
  display: flex;
  justify-content: flex-end;
}

@media screen and (max-width: 800px) {
  .caja-video {
    flex: 5;
    box-shadow: 2px 2px 5px grey;
    display: block;
  }

  video {
    max-width: 100%;
    width: 100%;
    height: auto;
  }
}

.video-transcripcion {
  flex: 1.3;
  background: white;
  padding: 15px;
  overflow: auto;
  box-shadow: 2px 2px 5px grey;
  display: flex;
}

.video-transcripcion > p {
  font-size: 1.1em;
  font-family: parrafo-regular;
  padding-bottom: 0.3em;
  overflow: auto;
  height: auto;
}

.video-pestana-transcripcion {
  flex: 0.1;
  padding-top: 20px;
  cursor: pointer;
}

.video-transcripcion::-webkit-scrollbar {
  width: 10px;
  /* Tamaño del scroll en vertical */
}

.video-transcripcion::-webkit-scrollbar-thumb {
  background: #dadada;
  border-radius: 4px;
}

.video-transcripcion::-webkit-scrollbar-thumb:hover {
  background: #b3b3b3;
  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

.video-transcripcion::-webkit-scrollbar-thumb:active {
  background-color: #df1d2d;
}

.video-pestana-transcripcion tspan {
  font-size: 0.72em !important;
}

/*------------------------------- INTERACTIVO TARJETAS -------------------*/

.p-tarjetas .i-tarjetas {
  display: flex;
  flex-wrap: wrap;
}

.p-tarjetas .i-tarjetas > .tarjeta {
  flex: 0 49%;
  display: flex;
  border: 2px solid black;
  margin-bottom: 1%;
  margin-right: 1%;
  min-height: 200px;
}

.p-tarjetas .i-tarjetas > .tarjeta > .item-cont {
  display: flex;
  align-items: center;
  width: 100%;
  border-radius: 0.2em;
}

.p-tarjetas .i-tarjetas > .tarjeta > .item-cont p {
  margin-bottom: 0;
  max-width: 100%;
  padding: 15px;
}

.p-tarjetas .i-tarjetas .cara1 {
  background: url(../img/imagenes_contenido/00.png) no-repeat;
  background-size: cover;
  background-position: center;
  width: 85%;
  height: 100%;
}

.p-tarjetas .i-tarjetas .numerotarjeta {
  width: 15%;
}

.p-tarjetas .i-tarjetas .cara2 {
  display: none;
}

/* -------------------------- INTERACTIVO TARJETAS ----------------------*/

.i-galeria-vertical > .col-contenido > .item-cont {
  min-width: 100%;
}

.i-galeria-vertical > .col-contenido > .item-cont > .col-texto h4 {
  padding: 0.6em;
  font-family: titulares;
  text-transform: uppercase;
  background-color: #e93715;
  color: white;
}

.i-galeria-vertical .apartado-boton {
  display: flex;
  cursor: pointer;
  background: #400000;
  display: flex;
  align-items: center;
}

.i-galeria-vertical .apartado-boton > .icono {
  flex: 0 10%;
}

.i-galeria-vertical .apartado-boton > .icono > img {
  margin-bottom: 0;
  padding: 7px;
}

.i-galeria-vertical .apartado-boton > p {
  flex: 0 80%;
  margin: 0;
  padding: 15px 7px;
  color: white;
  font-family: parrafo-bold;
}

.i-galeria-vertical .apartado-boton .drop-acordeon {
  flex: 0 10%;
  max-width: 30px;
  margin: 7px;
}

.i-galeria-vertical > .col-contenido > .item-cont > .col-texto > * {
  padding: 0;
  border-bottom: 3px solid #faf7eb;
}

.i-galeria-vertical .apartado > .apartado-texto {
  display: none;
  height: 350px;
  overflow: scroll;
  background: white;
}

.i-galeria-vertical .apartado:nth-of-type(1) > .apartado-texto {
  display: block;
}

.i-galeria-vertical .apartado > .apartado-texto > * {
  margin: 0;
  padding: 15px;
  max-width: 100%;
  padding-bottom: 0;
  margin-bottom: 15px;
}

.p-rellenable .i-galeria-vertical .destacado {
  padding: 0;
  margin-bottom: 0;
}

.i-galeria-vertical > .col-contenido > .item-cont > .col-texto {
  overflow: hidden;
  border-left: 3px solid #faf7eb;
}

/*--------- MAPA SELECCIÓN --------*/

.p-mapasele {
  background: #f8f3f3;
  background-size: cover;
  height: 100%;
}

.p-mapasele > h3 {
  background: white;
  max-width: 100%;
}

.p-mapasele > p {
  width: 100%;
  margin: 0;
  margin-bottom: 10px;
}

.imag-mapa1 {
  position: relative;
  margin-bottom: 100px;
}

.imag-mapa1 > img {
  margin: 0;
  width: 100%;
}

.mapa-responsive {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: white;
}

.mapa-responsive > img {
  margin: 0;
  width: 50%;
}

.p-mapasele .mapa-mas {
  position: absolute;
  top: 20%;
  left: 30%;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background: #faf7eb;
  box-shadow: 3px 3px 5px black;
  border: 2px solid #d7b99b;
  cursor: pointer;
}

.p-mapasele .mapa-mas:hover {
  transform: scale(1.2);
  transition: all 0.6s ease;
}

.p-mapasele .mapa-mas > p {
  font-family: parrafo-bold;
  text-align: center;
  font-size: 1.2em;
  line-height: 1.3em;
  color: black;
  margin-bottom: 0;
}

/* ubicación elementos mapaselecionar */

.p-mapasele .mapa-ele1 {
  top: 30%;
  left: 40%;
}

.p-mapasele .mapa-ele2 {
  top: 47%;
  left: 10%;
}

.p-mapasele .mapa-ele3 {
  top: 60%;
  left: 15%;
}

.p-mapasele .mapa-ele4 {
  top: 28%;
  left: 68%;
}

.p-mapasele .mapa-ele5 {
  top: 17%;
  left: 32%;
}

.p-mapasele .mapa-ele6 {
  top: 70%;
  left: 70%;
}

.p-mapasele .mapa-ele7 {
  top: 15%;
  left: 37%;
}

.p-mapasele .mapa-ele8 {
  top: 37%;
  left: 90%;
}

/* nombre de los elementos (opcional) */

.p-mapasele .mapa-mas:after {
  position: absolute;
  bottom: -59px;
  left: -25px;
  width: auto;
  background: transparent;
  padding: 5px;
  border-radius: 5px;
  font-size: 1em;
  color: transparent;
}

.p-mapasele .mapa-ele1:after {
  content: "nombre elemento";
}

.p-mapasele .mapa-ele2:after {
  content: "nombre elemento";
}

.p-mapasele .mapa-ele3:after {
  content: "nombre elemento";
}

.p-mapasele .mapa-ele4:after {
  content: "nombre elemento";
}

.p-mapasele .mapa-ele5:after {
  content: "nombre elemento";
}

.p-mapasele .mapa-ele6:after {
  content: "nombre elemento";
}

.p-mapasele .mapa-ele7:after {
  content: "nombre elemento";
}

.p-mapasele .mapa-ele8:after {
  content: "nombre elemento";
}

.p-mapasele .mapa-mas:hover:after {
  color: white;
  background: black;
  opacity: 0.8;
}

.feedback-mapa1 {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000000cf;
  display: none;
}

.contenido-feedback-mapa1 {
  padding: 30px;
  background: white;
  border-radius: 15px;
  box-shadow: 5px 7px 7px 0px #0d133a;
  margin: 0 auto;
  max-width: 70%;
  margin-top: 50px;
}

.fb-incorrecto > h3 {
  color: #ff5722;
}

.fb-correcto > h3 {
  color: #8bc34a;
}

/* MAPA ORDENAR */

.p-mapaordenar {
  display: flex;
  flex-wrap: wrap;
}

.p-mapaordenar > h3,
.p-mapaordenar > p {
  flex: 100%;
  max-width: 100%;
}

.imag-mapa2 {
  flex: 0 80%;
}

.lista-objetosordenar {
  flex: 0 20%;
  background: #ccf6fb;
  margin-bottom: 100px;
}

.lista-objetosordenar > ul {
  margin: 0;
  max-width: 100%;
  list-style: decimal;
}

.lista-objetosordenar > ul > li:hover {
  background: transparent;
}

.imag-mapa2 .mapa-mas > p:nth-of-type(2) {
  color: transparent;
}

/* ubicación elementos mapaordenar*/

.p-mapasele .mapa2-ele1 {
  top: 30%;
  left: 40%;
}

.p-mapasele .mapa2-ele2 {
  top: 47%;
  left: 10%;
}

.p-mapasele .mapa2-ele3 {
  top: 60%;
  left: 15%;
}

.p-mapasele .mapa2-ele4 {
  top: 28%;
  left: 68%;
}

.p-mapasele .mapa2-ele5 {
  top: 17%;
  left: 32%;
}

.p-mapasele .mapa2-ele6 {
  top: 70%;
  left: 70%;
}

.p-mapasele .mapa2-ele7 {
  top: 15%;
  left: 37%;
}

.p-mapasele .mapa2-ele8 {
  top: 37%;
  left: 90%;
}

/* MAPA ACTIVIDAD */

.p-mapactividad {
  background: white;
}

.mapa-mas > div {
  width: 300px;
  padding: 10px;
  background: #faf7eb;
  left: -135px;
  top: 27px;
  position: absolute;
  z-index: 150;
}

.mapa-mas > div * {
  max-width: 100%;
}

.p-mapactividad .mapa-mas > div {
  display: none;
}

/* ubicacion elementos mapaactividad */

.p-mapasele .mapa3-ele1 {
  top: 30%;
  left: 40%;
}

.p-mapasele .mapa3-ele2 {
  top: 47%;
  left: 10%;
}

.p-mapasele .mapa3-ele3 {
  top: 60%;
  left: 15%;
}

.p-mapasele .mapa3-ele4 {
  top: 28%;
  left: 68%;
}

.p-mapasele .mapa3-ele5 {
  top: 17%;
  left: 32%;
}

.p-mapasele .mapa3-ele6 {
  top: 70%;
  left: 70%;
}

.p-mapasele .mapa3-ele7 {
  top: 15%;
  left: 37%;
}

.p-mapasele .mapa3-ele8 {
  top: 37%;
  left: 90%;
}

/* autoevaluación */
.p-autoe {
  padding: 3% 0%;
}

.pantalla-autoe {
  display: flex;
  flex-direction: column;
  padding-top: 7vh;
  position: relative;
  justify-content: center;
}

.autoe-pregunta {
  font-family: parrafo-bold;
  font-size: 22px;
  padding: 15px;
}

.autoe-pregunta p {
  margin: 0;
}

.autoe-casilla {
  background-color: white;
  width: 35px;
  height: 35px;
  border: solid 2px black;
}

.autoe-respuesta {
  display: flex;
  align-items: stretch;
  margin: 0;
}

.p-rellenable .autoe-respuestas {
  max-width: 100%;
}

.autoe-respuesta-texto {
  font-family: parrafo-regular;
  flex: 95%;
  display: inline-flex;
  cursor: pointer;
  padding: 5px 15px 0 15px;
  font-size: 1.2em;
}

.autoe-respuesta p {
  max-width: 100%;
  margin: 0;
}

.autoe-respuesta:hover {
  background: transparent;
}

.autoe-respuesta > p:hover {
  background: #cf6631;
  color: #fff;
}

.autoe-respuesta-texto:hover {
  background: #cf6631;
  color: #fff;
}

.autoe-respuesta-texto > p:nth-of-type(1) {
  font-family: parrafo-bold;
  margin-right: 5px;
}

.autoe-respuesta-texto > p:nth-of-type(2) {
}

.autoe-casilla-marcar {
  padding: 5px;
  cursor: pointer;
}

.autoe-casilla-validacion {
  border: 0;
  padding: 10px;
}

.autoe-barra-navegacion {
  display: flex;
}

.autoe-navegacion {
  flex: 50%;
  display: flex;
  align-items: center;
  font-family: parrafo-regular;
  padding-left: 15px;
}

.autoe-navegacion > * {
  padding-right: 10px;
}

.autoe-navegacion > div > img {
  width: 25px;
  cursor: pointer;
}

.autoe-navegacion > div > img:hover {
  opacity: 0.5;
}

.autoe-botones {
  display: flex;
  justify-content: space-between;
  padding: 20px;
}

.autoe-botones > div {
  padding: 7px 15px;
  background: #333232;
  color: white;
  box-shadow: 2px 2px 5px grey;
  margin-left: 10px;
  cursor: pointer;
  font-size: 1.2em;
}

.autoe-botones > div:hover {
  background: #cf6631;
}

.autoe-barra-navegacion > div > .autoe-botones > div {
  color: white;
  font-family: parrafo-regular;
}

.autoe-retroalimentacion {
  position: absolute;
  margin: 0 auto;
  background: #333232;
  color: white;
  max-width: 700px;
  padding: 15px;
  left: 0;
  right: 0;
  box-shadow: 2px 2px 5px grey;
}

.autoe-retroalimentacion > p {
  flex: 97%;
  padding: 15px;
}

.autoe-retroalimentacion-cerrar {
  flex: 3%;
  cursor: pointer;
}

.autoe-retroalimentacion-cerrar:hover {
  opacity: 0.8;
}

.autoe-fin {
  padding: 15px 0;
  position: relative;
  margin-bottom: 30px;
}

.autoe-fin-imagenes {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
}

.autoe-imagen-aprobado {
  width: 100%;
  height: 100%;
}

.autoe-imagen-suspendido {
  width: 100%;
  height: 100%;
}

.autoe-imagen-aprobado > img,
.autoe-imagen-suspendido > img {
  max-width: 100%;
}

.autoe-fin-filtro {
  background: black;
  opacity: 0.8;
  animation: stretchRight ease-in-out 4s;
  height: 100%;
  z-index: 110;
}

.autoe-fin-imagenes > div {
  position: absolute;
  top: 0;
}

.autoe-fin-filtro > ul {
  color: white;
  padding: 15px 30px 15px 300px;
}

.autoe-fin > ul {
  position: absolute;
  height: 30vh;
  padding: 30px;
  z-index: 120;
  color: white;
}

.autoe-fin > ul > li {
  padding: 5px 0;
  font-size: 1.3em;
  color: white;
}

.autoe-calificacion {
  font-family: parrafo-bold;
  font-size: 1.5em;
  border-top: 2px solid white;
  margin-top: 10px;
}

.autoe-mensaje-repetirtest {
  margin: 0 auto;
  margin-bottom: 15px;
}

.autoe-mensaje-repetirtest > div {
  border: 2px solid #cf6631;
  flex: 80%;
  padding: 15px 15px 0 15px;
}

.autoe-mensaje-repetirtest > div > p:nth-of-type(1) {
  padding-bottom: 10px;
}

.autoe-mensaje-repetirtest > div > .autoe-botones {
  justify-content: center;
  font-family: parrafo-bold;
}

.autoe-mensaje-repetirtest > div > .autoe-botones > div {
  margin: 0 7px;
  flex: 10%;
  text-align: center;
}

.autoe-mensaje-repetirtest > div > p {
  text-align: center;
}

.autoe-respuesta-selected {
  background: #f6dbb3;
}

.franja-botones-mapa2,
.franja-botones-mapa1 {
  background: white;
  display: flex;
  justify-content: space-around;
  padding: 5px 0;
}

.franja-botones-mapa2 > div,
.franja-botones-mapa1 > div {
  padding: 0.6em;
  cursor: pointer;
}

.franja-botones-mapa2 > div:hover,
.franja-botones-mapa1 > div:hover {
}

.franja-botones-mapa2 > div:hover > p,
.franja-botones-mapa1 > div:hover > p {
  color: black;
}

.franja-botones-mapa2 > div > p,
.franja-botones-mapa1 > div > p {
  margin: 0;
  color: white;
  max-width: 100%;
}

#gv1-b1 {
  background: #ff8233;
}

/*------ LOCUCIÓN -------*/

.locucion-curso {
  position: absolute;
  width: 100%;
  bottom: 8vh;
  right: 0;
  z-index: 9999;
}

.locucion-curso > audio {
  width: 100%;
  height: 30px;
}

/* AYUDA */

.p-ayuda {
  font-family: parrafo-regular;
  margin: 15px 0;
  padding-left: 55px;
}

.opacidad {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #2d2d2d;
  opacity: 0.5;
  z-index: 200;
  display: none;
}

.popup-ayuda {
  padding: 10%;
  position: fixed;
  margin: 0 auto;
  width: 100%;
  z-index: 999;
  display: none;
}

.popup-ayuda header {
  position: relative;
  background: #ff0000;
}

.caja-contenido-popup {
  margin: 0 auto;
  max-width: 1000px;
  background: white;
  opacity: 1;
}

.h1-ayuda {
  letter-spacing: 0.2em;
}

.contenido-ayuda {
  max-height: 650px;
  overflow: auto;
}

.punto-ayuda {
  padding: 10px 30px;
}

.punto-ayuda a {
  display: flex;
  align-items: center;
  font-family: parrafo-light;
}

.punto-ayuda a strong {
  font-family: parrafo-bold;
}

.punto-ayuda img {
  flex: 1;
  max-width: 45px;
}

.punto-ayuda h2 {
  color: #2d2d2d;
  flex: 5;
  padding: 0 10px;
}

.punto-ayuda h2:hover {
  cursor: context-menu;
}

.boton-cerrar-popup {
  margin-right: 25px;
}

.boton-cerrar-popup > a > svg {
  width: 45px;
  color: white;
}

.boton-cerrar-popup:hover > a > svg {
  color: #2d2d2d;
  transition: 0.2s all ease;
}

.p-ayuda img {
  max-width: 600px;
  margin: 0 auto;
}

/* POPUP INSTRUCCIONES */

.popup-instrucciones {
  position: fixed;
  background: #2b2b2b;
  max-width: 400px;
  padding: 1em;
  right: 0;
  outline: 3px solid #cd8205;
  outline-offset: -9px;
  border-right: 15px solid #cd8205;
  color: white;
  /* Modificado Alcazar 02-09-2021 (Aquí empieza) */
  /* las lista con mucho texto quedaban por encima */
  z-index: 1;
  /* Modificado Alcazar 02-09-2021 (Aquí acaba) */
}

.head-instrucciones {
  display: flex;
  justify-content: space-between;
}

.head-instrucciones .exclamation {
  width: 20px;
  cursor: pointer;
}

.head-instrucciones .exclamation:hover > img {
  opacity: 0.7;
}

.texto-instrucciones > p {
  font-family: parrafo-regular;
}

.head-instrucciones h3 {
  font-family: titulares;
  letter-spacing: 0.3em;
  text-transform: uppercase;
  text-align: left;
  margin-bottom: 10px;
}

.instrucciones-open {
  position: fixed;
  top: 22%;
  right: 15px;
  width: 30px;
  transform: rotate(14deg);
  cursor: pointer;
}

/* PANTALLA INSTRUCCIONES BIENVENIDA */

.p-instrucciones {
  position: absolute;
  top: 0;
  height: 0;
  width: 100%;
  height: 100%;
  background: #f5ebdc;
  z-index: 1000;
}

.contenedor-pinstrucciones {
  display: flex;
  width: 80%;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  margin-top: 10vh;
  flex-flow: column;
}

.pinstrucciones-texto {
  flex: 0 80%;
  padding: 30px;
  background: white;
}

.pinstrucciones-texto h3 {
  font-family: titulares;
  font-size: 2em;
  letter-spacing: 2px;
  text-align: left;
  padding-bottom: 5px;
  border-bottom: 1px solid #ff8233;
  margin-bottom: 25px;
  color: #ff8233;
}

.pinstrucciones-texto p {
  margin-bottom: 15px;
  font-size: 1.2em;
}

.pinstrucciones-img {
  flex: 0 20%;
  padding: 30px;
  min-width: 300px;
}

.boton-empezarcurso {
  display: flex;
  justify-content: flex-start;
}

.boton-empezarcurso div {
  padding: 10px 20px;
  background: #e93715;
  cursor: pointer;
  margin-right: 7px;
}

.boton-empezarcurso div:hover {
  background: #cc3012;
  transition: ease-in 0.2s;
  box-shadow: 0 0.3em 0 #00553e;
}

.boton-empezarcurso div p {
  color: white;
  font-family: parrafo-bold;
  margin-bottom: 0;
  font-size: 1.2em;
  letter-spacing: 1.5px;
}

.boton-empezarcurso div:hover p {
  color: black;
}

/* -----------------AÑADIDO 5/8/2021 (Aquí empieza)*/

/* TEXTO CENTRADO */

.p-centrado {
  text-align: center;
  font-family: parrafo-bold;
  background: #ccf6fb;
  color: black;
  text-decoration: blink;
  box-shadow: -20px 0px 0px #00bcd4;
  padding: 7px 30px;
  max-width: 80% !important;
}

.p-rellenable .texto-2col > .coltexto > .recuerda,
.p-rellenable .textoimg-2col > .coltexto > .recuerda {
  margin-top: 15px;
}

.p-rellenable .recuerda > p {
  margin-bottom: 7px;
}

.p-rellenable .recuerda > p:last-child {
  margin-bottom: 0;
}

.p-rellenable .i-tabs > .col-contenido > div > .col-texto > .p-centrado {
  margin: 15px 0;
  margin-left: 20px;
}

/* -----------------AÑADIDO 5/8/2021 (Aquí acaba)*/

/* nuevo añadido 9/8/2021*/

.hexagono-item-contenido {
  min-width: 1000px;
}

/* .p-rellenable {margin-bottom: 100px}*/

/* -----------------nuevo añadido 9/8/2021 (Aquí acaba)*/

/* -----------------AÑADIDO 12/8/2021 (Aquí empieza)*/

.p-rellenable .lista-nivel2 > li:hover {
  background: transparent;
}

.p-rellenable .columnas > .columnas-item > p {
  padding: 0 10px;
}

.p-rellenable .columnas > .columnas-item > p:first-child {
  padding-top: 15px;
}

.p-rellenable .columnas > .columnas-item > p:last-child {
  padding-bottom: 15px;
}

.p-rellenable .columnas > .columnas-item > p:first-of-type {
  padding-top: 15px;
}

.p-rellenable .columnas > .columnas-item > ul {
  padding: 15px;
}

.p-rellenable .columnas > .columnas-item > ul > li:hover {
  background: transparent;
}

.p-rellenable .texto-caja-hex > h4 {
  font-family: parrafo-bold;
  border-bottom: 3px solid #e93715;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 1.2em;
  color: #e93715;
}

/* -----------------AÑADIDO 31/1/2022 (Aquí acaba)*/
.p-rellenable .texto-caja-hex-ancho > h4 {
  font-family: parrafo-bold;
  border-bottom: 3px solid #e93715;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 1.2em;
  color: #e93715;
}

/* -----------------AÑADIDO 31/1/2022)*/

/* -----------------AÑADIDO 12/8/2021 (Aquí acaba)*/

/* --- Añadido 01/09/2021 Alcázar (Aquí empieza) */
.p-rellenable .columnas > .columnas-item > p:first-of-type {
  padding-top: 15px;
}

/* --- Añadido 01/09/2021 Alcázar (Aquí acaba) */

/* --- Añadido 17/02/202 Samuel --- */
.columnas-texto {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
  flex-flow: wrap;
}

.columnas-texto > div {
  flex: 1;
}

/* --- linea temporal Columnas -- Samuel 21/12/2022 --- */

.p-rellenable .linea-tiempo img {
  margin-bottom: 0;
}

.triangulo {
  width: 0%;
  height: auto;
  border-left: 50px solid white;
  border-top: 50px solid transparent;
  border-bottom: 50px solid transparent;
  position: relative;
  left: 100%;
  top: 30%;
}

.triangulo-3,
.triangulo-6 {
  border-left: 50px solid transparent;
}

@media screen and (max-width: 800px) {
  .triangulo {
    width: auto;
    height: auto;
    border-left: 50px solid transparent;
    border-top: 50px solid white;
    border-right: 50px solid transparent;
    position: relative;
    left: -35%;
    top: 100px;
    float: right;
  }

  .triangulo-6 {
    border-top: 50px solid transparent;
  }

  .p-rellenable .linea-tiempo > .columnas-item:nth-of-type(odd) {
    margin-bottom: 0%;
  }
}

/* --- Añadido 17/02/202 Samuel --- FIN --- */

/* --- Añadido 17/02/202 Samuel --- FIN --- */

/* añadido 06/09/2021 Mónica (Aquí empieza) */
.p-rellenable .coltextofondo strong {
  font-family: parrafo-italic;
  color: #ff8233;
}

.coltexto img {
  margin-top: 15px;
}

.i-galeria > .col-botones > .col-botones-menu > div:hover {
  border: 1px solid black;
}

.tabla-descarga th {
  font-family: parrafo-regular;
  padding: 0 20px;
  text-align: left;
  background: #00bcd4;
  font-weight: inherit;
  color: white;
}

.p-rellenable .tabla-descarga > table tr:nth-of-type(1) > th:nth-of-type(1) {
  background: white;
}

/* añadido 06/09/2021 Mónica (Aquí acaba) */
/* añadido 13/09/2021 Mónica (Aquí empieza) */

.i-galeria-vertical .apartado > .apartado-texto {
  overflow: auto;
}

.i-galeria-vertical > .col-contenido > .item-cont > .col-img > img {
  margin: 0 0 0 auto;
}

.i-galeria > .col-contenido > .item-cont > .col-texto {
  background-color: #faf7eb;
  overflow: auto;
}

.p-rellenable .i-tabs > .col-contenido > div > .col-texto {
  overflow: auto;
}

.p-rellenable .i-tabs img {
  margin: 0;
}

.textoimg-2col .coltextofondo li {
  color: white;
}

.i-galeria > .col-contenido > .item-cont > .col-texto > .recuerda {
  max-width: 90%;
}

.i-tabs .recuerda {
  margin-top: 15px;
}

.p-rellenable .i-tabs > .col-botones > div > div > p {
  text-align: center;
}

.p-rellenable .columnas-item > .recuerda {
  padding: 7px;
  max-width: 90%;
}

.p-rellenable .columnas-item > .recuerda > p {
  padding: 0 !important;
  font-size: 1.1em;
}

/* añadido 13/09/2021 Mónica (Aquí acaba) */
/* añadido 13/09/2021 INTERACTIVO TARJETAS Mónica (Aquí empieza) */

.p-tarjetas .i-tarjetas > .tarjeta > .item-cont > .numerotarjeta p {
  font-size: 4em !important;
  font-family: titulares;
  color: #ff8233;
}

.p-tarjetas .i-tarjetas > .tarjeta {
  border: none;
  min-width: 500px;
}

.p-tarjetas .i-tarjetas > .tarjeta > .item-cont > .numerotarjeta {
  background: white;
  height: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.p-tarjetas .i-tarjetas > .tarjeta > .item-cont > .numerotarjeta:hover {
  width: 20%;
  border-left: 5px solid #ff8233;
}

.p-tarjetas .i-tarjetas > .tarjeta > .item-cont .cara2 {
  background: white;
  height: 100%;
  width: 100%;
  flex-wrap: wrap;
}

.p-tarjetas .i-tarjetas > .tarjeta > .item-cont .cara1 {
  padding: 15px;
  display: flex;
  align-items: center;
}

.p-tarjetas .i-tarjetas > .tarjeta > .item-cont .cara1 > p {
  background: black;
  opacity: 0.9;
  color: white;
}

.p-tarjetas .i-tarjetas > .tarjeta > .item-cont .cara2 > p {
  width: 100%;
}

.p-tarjetas {
  background: #f8f3f3;
  height: 100%;
}

/* añadido 13/09/2021 Mónica (Aquí acaba) */

/* añadido 14/09/2021 Mónica (Aquí empieza) */
.p-rellenable .columnas-textoimgh4 > .columnas-item > img {
  width: 100%;
}

.p-autoe {
  background: #f8f3f3 !important;
  height: 100%;
  width: 100%;
  padding: 3% 15% !important;
}

.p-autoe #preguntas {
  background: white;
  border: 2px solid #ff0000;
}

.p-autoe #sup {
  padding: 15px;
  border: 2px solid #ff0000;
  background: #ff0000;
}

.p-autoe .btn {
  background: #ff8233;
}

.p-autoe .btn:hover {
  background: #f8f3f3;
  color: black;
}

.i-galeria > .col-contenido > .item-cont {
  justify-content: center;
}

.video-transcripcion {
  display: flex;
}

.video-pestana-transcripcion {
  display: none;
}

.i-galeria-vertical .apartado > .apartado-texto {
  max-height: 300px;
}

.hexagonos-item p {
  padding: 0 15%;
}

.hexagono-item-contenido {
  min-width: auto;
}

.i-hexagonos .caja-contenido {
  width: 90%;
}

.texto-especial {
  display: flex;
}

.p-rellenable .p-especial {
  font-family: parrafo-italic;
  font-size: 1.5em;
  text-align: center;
  background: #f8f3f3;
  margin-bottom: 0;
  padding: 10px 25px;
  border-bottom: 5px solid #ff8233;
  margin-bottom: 15px;
}

.p-rellenable > img {
  box-shadow: 0px 2px 8px -2px rgba(0, 0, 0, 0.3);
}

.texto-caja-hex > .p-centrado {
  margin: 10px auto !important;
}

.hexagono-item-contenido {
  top: 0;
}

.i-galeria-vertical .apartado-boton {
  background: #00553e;
}

.i-galeria-vertical .apartado-boton:hover {
  background: #ff8233;
}

.p-rellenable .sinfondo .colimg {
  background: white;
}

.popup-instrucciones {
  z-index: 100;
}

.instrucciones-open {
  z-index: 100;
}

.instrucciones-open:hover {
  transform: scale(1.1);
}

.p-rellenable .columnas-textoimg > .columnas-item > img {
  width: 100%;
}

.p-rellenable .textoimg-2col > .coltexto > .recuerda:first-child {
  margin-top: 0;
}

.p-rellenable .textoimg-2col > .coltexto > .recuerda:last-child {
  margin-top: 0;
}

.p-rellenable .textoimg-2col > .coltexto > .p-centrado {
  margin: 0 auto;
  color: #6c5d4e;
  margin-bottom: 1em;
}

.coltextofondo .recuerda {
  border: 2px solid yellow;
}

.coltextofondo .recuerda > p {
  color: yellow;
  font-family: parrafo-regular;
}

.i-galeria > .col-contenido > .item-cont > .col-texto > .p-intro {
  margin-bottom: 12px;
}

/* añadido 14/09/2021 Mónica (Aquí acaba) */
/* añadido 16/09/2021 Mónica (Aquí empieza) */

.p-rellenable .i-tabs > .col-contenido > div > .col-texto > p {
  margin-bottom: 15px;
}

.p-rellenable .columnas > .columnas-item img {
  width: 100%;
}

.p-rellenable .filas-textoimg > .columnas-item {
  max-width: inherit;
}

.p-rellenable .strong-especial {
  color: #ff8233;
  font-weight: inherit;
}

.p-rellenable .p-intro {
  padding: 0.6em;
  margin: 0 auto 0 0;
  color: white;
  background: #00553e;
  font-family: "titulares";
  font-size: 1em;
  margin-bottom: 0.6em;
  max-width: 70%;
  z-index: 0;
  position: relative;
  text-transform: uppercase;
}

/* añadido 17/02/2022 Samuel (Aquí empieza) */
.p-rellenable .p-intro strong {
  color: #fd7b09;
}

/* añadido 17/02/2022 Samuel (Aquí empieza) */
.p-rellenable .filas-textoh4 > .columnas-item > h4 {
  font-weight: inherit;
}

/* añadido 16/09/2021 Mónica (Aquí acaba) */

/* añadido 17/09/2021 Mónica (Aquí empieza) */

.p-rellenable .head-instrucciones h3 {
  color: white;
  margin: 0;
  margin-bottom: 10px;
}

/* añadido 17/09/2021 Mónica (Aquí acaba) */

/*-------------------------------------------------------------------------------*/

/* cortes responsive */

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

/* últimas clases */

.p-rellenable > *:last-child {
  margin-bottom: 60px;
}

/* CAMBIO DE COLOR */

.burguer-abierto {
  background: #ff8233;
}

.burguer-abierto > ul > li > a {
  color: white;
}

.glosario:hover > a > svg > *,
.ayuda:hover > a > svg > *,
.caja-cerrar:hover > a > svg > * {
  fill: #fc4c02;
}

.menu-burguer > a:hover > div {
  background: #ff8233;
}

#acciones {
  overflow: hidden;
}

.mecheck {
  color: black;
}

.meactual {
  background: #37180c75;
}

.meactual > a {
  color: black;
}

.cabe {
  position: relative;
}

.nobordenosombra {
  border-radius: none !important;
  box-shadow: none !important;
}

b,
strong {
  font-weight: inherit;
}

/* modificaciones generales (mónica 20/09/2021)*/

.burguer-abierto {
  width: 15%;
}

.contenido {
  width: 85%;
}

.contenido-body-cajapaginador {
  flex: auto;
  position: fixed;
  width: 85%;
}

/* mónica 21/09/2021*/

#texto {
  background: #f4e72d;
}

.burguer-abierto {
  width: 100vw;
  height: 100vh;
  overflow: auto;
}

.contenido {
  width: 80%;
}

.contenido-body-cajapaginador {
  width: 100%;
}

#divauto {
  margin: 0;
}

.burguer-abierto li {
  background: #f8f3f3;
  border-radius: 5px;
  margin: 7px 0;
}

.burguer-abierto > ul > li > a {
  color: black;
  text-transform: uppercase;
}

.burguer-abierto > ul > ul > li {
  background: #ffe4bc;
}

.burguer-abierto > ul > ul > li > a {
  color: black;
  text-transform: uppercase;
}

.burguer-abierto li:hover {
  background: #ff0000;
}

.burguer-abierto > ul > li:hover > a {
  color: white;
}

.burguer-abierto > ul > ul > li:hover > a {
  color: white;
}

.burguer-abierto .meactual {
  background: #aa1923;
}

.burguer-abierto .meactual a {
  color: white;
}

.far {
  color: #20a0b1;
}

.fa-check-square:before {
  content: "\f14a";
  background: #00f9f9;
  color: black;
  padding: 3px;
  border-radius: 5px;
}

.p-video {
  padding: 3% 15%;
}

.lista-nivel4 > li::after {
  left: -15px;
}

/* arreglo estilo POPEYES 11/02/2022 */

.glosario:hover > a > svg > *,
.ayuda:hover > a > svg > *,
.caja-cerrar:hover > a > svg > * {
  background-color: #fc4c02;
  color: #fff;
  transition: all 0.2s ease;
}

.boton-descargar {
  display: inline-flex;
  padding-right: 14px;
}

.boton-descargar a {
  border: 2px solid black;
  box-shadow: 4px 4px #d90f06;
  padding: 7px 15px;
  background: antiquewhite;
  border-radius: 5px;
  display: flex;
}

.boton-descargar a img,
.boton-descargar a p {
  margin: 0;
}

.boton-descargar a img {
  width: 20px;
  margin-left: 5px;
}

.boton-descargar:hover a img {
  transform: rotate(-90deg);
}

.boton-descargar:hover a {
  box-shadow: none;
}

.video-transcripcion {
  display: block;
}

body {
  overflow: hidden;
}

.video-transcripcion {
  display: none;
}

.video-pestana-transcripcion {
  display: flex;
}

.p-video {
  padding: 3% 3%;
  display: flex;
  justify-content: center;
  /*flex-flow: column;*/
}

.i-tabs .destacado > .destacado-body {
  background: white;
}

.caja-contenido .texto-caja-hex-ancho {
  flex: 0 100%;
  padding: 30px;
  background: white;
  border-radius: 15px;
  box-shadow: 5px 7px 7px 0px #0d133a;
}

/*logista*/

.burguer-abierto {
  background: #f8f3f3;
  z-index: 101;
}

.burguer-abierto > ul {
  margin-top: 5vh;
  padding: 30px 0;
  border-right: 2px solid #262626;
}

.burguer-abierto li {
  background: #fff;
  border-radius: 0;
  margin: 2px 0;
}

.burguer-abierto > ul > li > a,
.burguer-abierto > ul > ul > li > a {
  color: #262626;
  font-family: titulares;
}

.burguer-abierto > ul > li:hover,
.burguer-abierto > ul > ul > li:hover {
  background: #e93715;
  border-radius: 0;
}

.burguer-abierto > ul > ul > li {
  background: #fff;
}

.popup-ayuda header {
  background: #ff0000;
}

.logo > img {
  width: 190px;
  padding: 1em;
}

.burguer-abierto li:hover {
  background: #fd7b09;
  border-radius: 5px;
}

/* menú Ginos */

.imagen-menu-100 {
  width: 100%;
  height: 40vh;
  overflow: hidden;
}

.imagen-menu-100 img {
  height: 80%;
  position: relative;
  top: 9vh;
  object-fit: cover;
}

.imagen-menu-100 h1 {
  max-width: 50vw;
  position: relative;
  top: -58%;
  left: 10vw;
  font-size: 4em;
  text-transform: none;
  font-family: "titulares";
  text-shadow: 5px 5px 10px #000;
  text-transform: uppercase;
}

.imagen-menu-100 h1:first-line {
  font-family: "titulares-bold";
  text-transform: uppercase;
}

.barra-progreso {
  background-color: #aaaa1e;
  height: auto;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

.barra-progreso p {
  color: white;
  font-family: parrafo-bold;
  font-size: 1.5em;
}

.burguer-abierto > ul {
  padding-top: 3vh;
  margin-top: 0;
  border-right: none;
}

.burguer-abierto ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 3%;
}

.burguer-abierto ul li {
  margin: 0 3vh 3vh 0;
  padding: 0;
}

.burguer-abierto ul li:nth-child(4n) {
  margin: 0 0 3vh 0;
  padding: 0;
}

.burguer-abierto li {
  width: 22vw;
}

.burguer-abierto li p {
  padding: 2% 4%;
  width: 80%;
}

.miniatura-menu {
  background-position: center;
  background-size: auto 100%;
}

.miniatura-menu .superado {
  filter: opacity(50%);
}

.pie-nav {
  display: flex;
}

.estado-contenido {
  position: relative;
  top: -60px;
  left: 30px;
  height: 3em;
  box-sizing: border-box;
  display: block;
  padding-left: 50px;
  overflow: hidden;
}

.estado-superado {
  background: url(../img/completado.svg);
  background-repeat: no-repeat;
}

.estado-desbloqueado {
  background: url(../img/desbloqueado.svg);
  background-repeat: no-repeat;
}

.estado-bloqueado {
  background: url(../img/bloqueado.svg);
  background-repeat: no-repeat;
}

.bloqueado {
  filter: grayscale(100%) opacity(50%);
}

.superado {
  filter: opacity(50%);
}

.superado:hover {
  filter: opacity(100%);
}

.burguer-abierto > ul {
  margin-bottom: 30vh;
}

.tipo-contenido {
  box-sizing: border-box;
  display: block;
  height: 22vh;
  padding-left: 100%;
  overflow: hidden;
}

.cont-texto {
  background: url(../img/texto-imagen.svg),
    linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
  background-repeat: no-repeat;
}

.cont-video {
  background: url(../img/video.svg),
    linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
  background-repeat: no-repeat;
}

.cont-interactivo {
  background: url(../img/interactivo.svg),
    linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
  background-repeat: no-repeat;
}

.cont-actividad {
  background: url(../img/actividad.svg),
    linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.7));
  background-repeat: no-repeat;
}

@media screen and (max-width: 1700px) {
  .burguer-abierto li {
    width: 29vw;
    height: auto;
  }

  .estado-contenido {
    left: 10px;
  }

  .imagen-menu-100 img {
    height: 100%;
  }

  .imagen-menu-100 h1 {
    max-width: 33%;
    top: -28vh;
    left: 0;
  }

  .burguer-abierto ul li {
    margin: 0 2vh 2vh 0;
  }

  .burguer-abierto ul li:nth-child(3n) {
    margin: 0 0 2vh 0;
    padding: 0;
  }

  .burguer-abierto ul li:nth-child(4n) {
    margin: 0 2vh 2vh 0;
    padding: 0;
  }
}

@media screen and (max-width: 1200px), {
  .burguer-abierto li {
    width: 45vw;
    height: auto;
  }

  .estado-contenido {
    left: 10px;
  }

  .imagen-menu-100 img {
    height: 100%;
  }

  .imagen-menu-100 h1 {
    max-width: 90vw;
    top: -30vh;
    left: 0;
    font-size: 4em;
  }

  .burguer-abierto ul li {
    margin: 0 2vh 2vh 0;
  }

  .burguer-abierto ul li:nth-child(even) {
    margin: 0 0 2vh 0;
    padding: 0;
  }

  .burguer-abierto ul li:nth-child(odd) {
    margin: 0 2vh 2vh 0;
    padding: 0;
  }
}

@media screen and (max-width: 800px) {
  .burguer-abierto li {
    width: 100%;
    height: auto;
  }

  .burguer-abierto li p {
    width: 80%;
  }

  .estado-contenido {
    left: 10px;
  }

  .imagen-menu-100 img {
    height: 100%;
  }

  .imagen-menu-100 h1 {
    max-width: 100vw;
    top: -28vh;
    left: 0;
    font-size: 3em;
  }

  .burguer-abierto ul li:nth-child(n) {
    margin: 0 0 2vh 0;
  }
}

@media screen and (max-height: 500px) {
  .burguer-abierto li {
    width: 45vw;
    height: auto;
  }

  .estado-contenido {
    left: 20px;
  }

  .tipo-contenido {
    height: 40vh;
  }

  .imagen-menu-100 img {
    height: 100%;
  }

  .imagen-menu-100 h1 {
    max-width: 50%;
    top: -30vh;
    left: 0;
    font-size: 4em;
  }

  .burguer-abierto ul li {
    margin: 0 2vh 2vh 0;
  }

  .burguer-abierto ul li:nth-child(2n) {
    margin: 0 0 2vh 0;
    padding: 0;
  }

  .burguer-abierto ul li:nth-child(3n) {
    margin: 0 2vh 2vh 0;
    padding: 0;
  }
}

@media screen and (max-width: 400px) {
  .imagen-menu-100 h1 {
    font-size: 3em;
  }
}

/* /menu Ginos */

.p-autoe #sup {
  border: 2px solid #400000;
  background: #400000;
}

.p-autoe #preguntas {
  border: 2px solid #400000;
}

.p-centrado {
  text-align: center;
  font-family: parrafo-regular;
  background: white;
  color: 6c5d4e;
  text-decoration: none;
  box-shadow: -20px 0px 0px #d7b99b;
  padding: 15px 30px;
}

.p-rellenable .filas-textoimgh4 > .columnas-item > h4 {
  background: #00553e;
  font-family: parrafo-bold;
  font-size: 1.3em;
}

.lista-nivel1 > li::after {
  background: #6c5d4e;
}

.p-rellenable .columnas > .columnas-item .lista-nivel1 {
  padding-top: 0;
}

.p-rellenable .destacado > .destacado-body {
  background: white;
}

.instrucciones-open {
  right: 38px;
}

.p-rellenable .i-tabs > .col-botones > div > .item {
  background: #e93715;
}

.p-rellenable .i-tabs > .col-botones > div > .item:hover {
  background: #cc3012;
  transition: ease-in 0.2s;
}

.p-rellenable .i-tabs > .col-contenido > div > .col-texto {
  background: #fff;
}

.franja-botones-mapa2 > div,
.franja-botones-mapa1 > div {
  background: #e93715;
}

.franja-botones-mapa2 > div:hover,
.franja-botones-mapa1 > div:hover {
  background: #cc3012;
  transition: ease-in 0.2s;
}

.franja-botones-mapa2 > div:hover p,
.franja-botones-mapa1 > div:hover p {
  color: white;
}

.fb-incorrecto > h3 {
  color: #ff5722;
}

.p-autoe #sup {
  background: #00553e;
  border: 0;
}

.p-autoe #preguntas {
  border: none;
}

div[id^="pregunta_"] {
  margin-left: 15px;
  font-size: 1.2em;
  font-family: parrafo-bold !important;
}

.cajaFlexIzda:hover {
  background: #e93715 !important;
  color: white !important;
  font-family: parrafo-bold;
}

.colorSelected .cajaFlexIzda {
  background-color: #07772d !important;
  color: white;
}

.p-autoe .btn {
  background: #262626;
}

#resumenControl {
  background: white !important;
  border-radius: 0 0 15px 15px;
}

#divauto {
  padding-bottom: 30px;
}

.p-autoe {
}

.p-rellenable .recuerda {
  border: none;
  border-radius: 0;
  padding: 20px;
  background-color: #cd8205;
  outline: 3px solid #faf7eb;
  outline-offset: -10px;
}

.p-rellenable .recuerda p {
  color: white;
  font-family: "parrafo-italic";
  font-size: 1.4em;
}

.p-rellenable .p-intro strong {
  color: white;
  font-family: "titulares-bold";
}

.lista-nivel4 > li::after {
  color: #00553e;
}

.p-rellenable .textoimg-2col > .coltextofondo {
  background: #00553e;
}

.p-rellenable .coltextofondo strong {
  font-family: "parrafo-bold";
  color: white;
}

.p-rellenable .coltextofondo .destacado strong {
  color: #e93715;
}

.p-rellenable .coltextofondo .p-centrado strong {
  color: #6c5d4e;
}

.p-rellenable .coltextofondo .p-intro {
  background-color: #e93715;
}

.p-rellenable .coltextofondo .p-intro strong {
  font-family: "titulares-bold";
  color: white;
}

.p-rellenable .coltextofondo strong a {
  font-family: "parrafo-bold";
  color: #f4e72d;
  text-decoration: underline;
}

.p-rellenable .textoimg-2col {
  border: none;
  background-color: #f2f2f4;
  border-radius: 0.7em;
}

/*.i-galeria > .col-contenido > .item-cont > .col-img {flex: 30%;}*/

.i-galeria > .col-contenido > .item-cont {
  justify-content: center;
  border: none;
}

.i-galeria > .col-contenido > .item-cont > .col-img {
  background: #faf7eb;
}

.hexagono_3 {
  background: #e93715;
}

.hexagono_3:hover,
.p-tarjetas .i-tarjetas > .tarjeta > .item-cont .cara1 > p {
  background: #222222;
}

.p-tarjetas .i-tarjetas > .tarjeta > .item-cont > .numerotarjeta p {
  color: #ffdc5f;
}

.p-tarjetas .i-tarjetas > .tarjeta > .item-cont > .numerotarjeta {
  background: #222222;
}

.p-tarjetas .i-tarjetas > .tarjeta > .item-cont > .numerotarjeta:hover {
  border-left: 10px solid #ffdc5f;
}

.p-rellenable .recuerda strong {
  font-family: parrafo-bold-italic;
  color: white;
}

.p-rellenable .filas-textoimg > .columnas-item > div > img {
  border-radius: 0;
}

.lista-nivel3 > li::after {
  background: #6c5d4e;
}

.p-rellenable .texto-2col > .coltexto > h3,
.p-rellenable .textoimg-2col > .coltexto > h3 {
  padding-bottom: 0;
  color: #6f6f6f;
  font-family: "parrafo-regular";
  font-size: 1.5em;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-bottom: none;
}

.lista-nivel2 > li::after {
  border: 2px solid #6c5d4e;
}

#gv1-b1 {
  background: #abc111;
}

.i-galeria-vertical .apartado-boton:hover {
  background: #00402f;
  transition: ease-in 0.2s;
  box-shadow: 0 3px 0 #e93715;
}

.lista-objetosordenar {
  background: #00553e;
}

.lista-objetosordenar li {
  color: white;
}

/*.p-tarjetas,
.p-mapasele {background: #07772d}*/

.p-rellenable .strong-especial {
  color: #f4e72d;
}

.p-rellenable .tabla2 > table tr:nth-of-type(1) > th {
  background: #ff0000;
}

.p-rellenable .tabla2 > table tr:nth-of-type(1) > th {
  color: white;
}

.i-galeria-vertical .apartado > .apartado-texto {
  max-height: 277px;
}

.p-igaleriavertical-3 .i-galeria-vertical .apartado > .apartado-texto {
  max-height: 210px;
}

.p-rellenable .textoimg-2col > .coltextofondo .p-intro {
  max-width: 90%;
  margin: 0.6em 0;
}

.p-intro img,
.p-diamante img,
.columnas-texto img {
  display: inline;
  margin: 0 0.6em 0 0;
}

.p-rellenable .columnas-texto > .columnas-item h4 img {
  width: auto;
  margin: 0.3em 1.2em 0.3em 0.3em;
}

.p-rellenable .columnas-texto > .columnas-item h4 {
  font-family: parrafo-regular;
  text-transform: uppercase;
  font-size: 1.1em;
}

th {
  background: #e93715;
}

.p-rellenable .filas-textoimgh4 > .columnas-item > div > img {
  border-radius: 0;
}

.p-rellenable .filas-textoimgh4 > .columnas-item > p {
  flex: 0 40%;
}

.p-instrucciones {
  background-color: #00553e;
  background-size: cover;
}

.pinstrucciones-texto h3 {
  color: #00553e;
  border-bottom: 3px solid #00553e;
}

.pinstrucciones-texto p {
  font-family: parrafo-regular;
}

.boton-empezarcurso div:hover p {
  color: white;
}

.gg-youtube {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: scale(var(--ggs, 1));
  width: 16px;
  height: 10px;
  box-shadow: 0 0 0 2px;
  border-radius: 15px 15px 15px 15px / 45px 45px 45px 45px;
}

.gg-youtube::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  left: 7px;
  top: 2px;
  border-left: 4px solid currentColor;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
}

/*--- ARREGLO RESPONSIVE más mejoras 23/03/2022 MODELO PRL----*/

/*.i-galeria-vertical .apartado-boton {position: relative;}
.i-galeria-vertical .apartado-boton::after {
	content: "";
	position: absolute; 
	right: 5px; 
	top: 5px; 
	background: url(../img/abrir_subpunto2.svg) no-repeat;
	height: 30px;
	width: 30px
}*/

@media screen and (max-width: 1500px) {
  .p-tarjetas .i-tarjetas > .tarjeta {
    min-width: auto;
    flex: 0 49%;
  }
}

@media (orientation: portrait) and (max-width: 800px) and (-webkit-min-device-pixel-ratio: 2) {
  h1 {
    font-size: 2.5em;
  }

  h2 {
    font-size: 1.7em;
  }

  .p-rellenable .textoimg-2col > div:first-of-type {
    margin-right: 0;
    padding: 1em;
    border-right: none;
    border-top: 11px solid #2800ff;
  }

  .p-rellenable h3 {
    margin-bottom: 5px;
  }

  .mapa-responsive h3 {
    text-align: center;
  }

  .p-rellenable .p-intro {
    max-width: 95%;
    font-size: 1em;
  }

  .p-intro img {
    display: block;
    margin: 0 auto;
  }

  .instrucciones-open {
    top: 10%;
  }

  .p-rellenable,
  .p-autoe {
    padding: 20% 3%;
  }

  .hexagono-item-contenido {
    padding: 6px;
    min-height: auto;
    position: relative;
  }

  .caja-contenido .texto-caja-hex {
    flex: 0 60%;
  }

  .i-hexagonos {
    margin-top: 0;
  }

  .p-mapasele .mapa-mas:hover {
    transform: none;
  }
}

@media (orientation: portrait) and (max-width: 600px) and (-webkit-min-device-pixel-ratio: 2) {
  .p-tarjetas .i-tarjetas > .tarjeta {
    min-width: 100%;
  }

  .burguer-abierto > ul {
    margin-bottom: 15vh;
  }

  .lista-objetosordenar {
    flex: 0 100%;
    margin-bottom: 0;
  }

  .imag-mapa2 {
    flex: 0 100%;
  }

  .contenido-feedback-mapa1 {
    margin-top: 5px;
    max-width: 95%;
    padding: 10px;
  }

  .fb-incorrecto > h3 {
    line-height: 1em;
  }

  .imag-mapa1 {
    margin-bottom: 150px;
  }

  .i-galeria > .col-contenido > .item-cont {
    flex-direction: column-reverse;
  }

  .imag-mapa1 {
    margin-bottom: 200px;
  }

  .i-galeria > .col-contenido > .item-cont {
    max-height: 950px;
  }

  .i-galeria-vertical > .col-contenido > .item-cont > .col-texto {
    overflow: hidden;
    border-left: none;
    border-top: 3px solid #faf7eb;
  }

  .i-galeria-vertical .apartado > .apartado-texto {
    max-height: auto;
  }

  .i-hexagonos .caja-contenido > div {
    flex: 0 100%;
  }

  .p-rellenable .i-tabs {
    flex-direction: column;
  }

  .p-rellenable .i-tabs > .col-botones > div > div {
    margin: 3px;
  }

  .col-botones-menu {
    display: flex;
    flex-wrap: wrap;
  }

  .p-rellenable .i-tabs > .col-contenido > div {
    flex-direction: column;
  }

  .video {
    flex-direction: column;
  }

  .video-pestana-transcripcion {
    position: relative;
  }

  .video-pestana-transcripcion > svg {
    width: 125px;
    transform: rotate(90deg);
    height: 90px;
    position: absolute;
    top: -40px;
  }

  .p-rellenable .texto-2col,
  .p-rellenable .textoimg-2col {
    flex-direction: column-reverse;
  }

  .p-rellenable .columnas {
    flex-direction: column;
  }

  .p-mapasele .mapa-mas {
    width: 35px;
    height: 35px;
  }

  .p-mapasele .mapa-mas > p {
    font-size: 2.2em;
    line-height: 0.95em;
  }
}

.finunidad {
  border-radius: 15px 0px;
}

.finunidad .textoimg-2col {
  display: flex;
  align-items: center;
  justify-content: center;
}

.finunidad .colimg {
  background: #00553e;
  display: flex;
  padding: 7% 5%;
}

.p-rellenable .finunidad > .colimg > img {
  margin-top: 0;
}

.finunidad .coltexto {
  /*border: 3px solid #df1d2d;*/
  padding: 2em;
  margin: auto 0;
}

.finunidad .coltexto p {
  color: black;
}

.finunidad .coltexto strong {
  font-family: "parrafo-bold";
  text-transform: uppercase;
  font-size: 24px;
  color: #00553e;
}

.finunidad .coltexto > div {
  display: flex;
  align-items: center;
}

.finunidad .coltexto > div img {
  max-width: 100px;
  padding-right: 20px;
}

.finunidad .coltexto > div p,
.finunidad .coltexto > p {
  font-size: 1.2em;
}

.textoimg-2col.finunidad div:first-of-type {
  border-right: none;
}

.p-fin {
  position: relative;
  overflow: inherit;
}

.indicador-salir {
  position: absolute;
  top: -9vh;
  right: 34px;
  width: 50px;
  height: 50px;
  animation: float 2s ease-in-out infinite;
  z-index: 1000;
}

@keyframes float {
  0% {
    transform: translatey(0px);
  }

  50% {
    transform: translatey(-20px);
  }

  100% {
    transform: translatey(0px);
  }
}

@media screen and (max-width: 400px) {
  .indicador-salir {
    right: 14px;
  }
}

/*.div-diamante {
	display: flex;
	align-content: flex-end;
}

.p-diamante div:first-child {
	position: absolute;
	left: -53%;
	top: 45%;
	width: 50%;
	height: 0px;
	border-top: 1px solid #666666;
	border-bottom: 0px;
	border-right: :0px;
	border-left: 0px;

}

.p-diamante div:last-child {
	position: absolute;
	top: 45%;
	left: 103%;
	width: 50%;
	height: 0px;
	border-top: 1px solid #666666;
	border-bottom: 0px;
	border-right: :0px;
	border-left: 10px;
} */

.p-diamante {
  position: relative;
  display: inline-block;
  min-width: 30%;
  margin: 0 auto;
  z-index: 5;
}

.p-diamante > div {
  background-color: #e93715;
}

.p-diamante > div > h3 {
  color: white;
  padding: 0.3em;
  margin: 0;
  position: relative;
  z-index: 12;
  font-size: 2em;
  height: auto;
  font-family: titulares-bold;
}

/* Pantalla hexágonos Ginos */
.p-halcampo .i-hexagonos {
  margin-top: 60px;
}

.p-halcampo .hexagono_1 {
  height: 15em;
  overflow: hidden;
  visibility: hidden;
  width: 13em;
  transform: rotate(0deg);
  margin: auto;
}

.p-halcampo .hexagono_2 {
  height: 85%;
  overflow: hidden;
  transform: rotate(0);
  width: 99%;
}

.p-halcampo .hexagono_3 {
  border: none;
  transform: rotate(180deg);
  visibility: visible;
  width: 100%;
  border-radius: 100%;
}

.p-halcampo .hexagonos-item > p {
  transform: rotate(-45deg);
  padding-left: 52px;
  padding-right: 0;
}

.p-halcampo .hexagono-item-contenido {
  top: -30px;
}

.p-halcampo .hexagonos-item:hover .hexagono_3 {
  background: black;
  opacity: 1;
}

.p-halcampo .hexagono_3 {
  position: relative;
  height: 99%;
  background: white;
}

.p-halcampo .hexagonos-item > p {
  color: black;
  display: none;
}

.himg-rectangulo {
  content: "";
  height: 121%;
  width: 254px;
  position: absolute;
  top: -62px;
  transform: rotate(135deg);
  left: -28px;
  opacity: 0.5;
}

.p-halcampo .hexagonos-item:hover .hexagono_3 > div {
  opacity: 0.9;
}

.show-1 .himg-rectangulo {
  background: url(../img/h_ginos10.svg) no-repeat;
}

.show-2 .himg-rectangulo {
  background: url(../img/h_ginos1.svg) no-repeat;
}

.show-3 .himg-rectangulo {
  background: url(../img/h_ginos2.svg) no-repeat;
}

.show-4 .himg-rectangulo {
  background: url(../img/h_ginos3.svg) no-repeat;
}

.show-5 .himg-rectangulo {
  background: url(../img/h_ginos4.svg) no-repeat;
}

.show-6 .himg-rectangulo {
  background: url(../img/h_ginos5.svg) no-repeat;
}

.show-7 .himg-rectangulo {
  background: url(../img/h_ginos6.svg) no-repeat;
}

.show-8 .himg-rectangulo {
  background: url(../img/h_ginos7.svg) no-repeat;
}

.show-9 .himg-rectangulo {
  background: url(../img/h_ginos8.svg) no-repeat;
}

.show-10 .himg-rectangulo {
  background: url(../img/h_ginos9.svg) no-repeat;
}

.p-halcampo .hexagonos-item:hover .hexagono_3 {
  background: white;
  opacity: 1;
  transform: rotate(190deg);
}

#anterior > svg,
#siguiente > svg {
  color: white !important;
}

.mapa-responsive h3 {
  font-family: titulares;
  margin: 0.6em auto;
}

/* ----------- ubicacion elementos ACTIVIDADES E INTERACTIVOS Ginos --------*/

/* ubicacion elementos mapaactividad Unidad 1 página 3*/

.u1_p3 > .mapa3-ele1 {
  top: 10.5%;
  left: 3.3%;
}

.u1_p3 > .mapa3-ele2 {
  top: 10.5%;
  left: 53.3%;
}

@media screen and (max-width: 800px) {
  .mapa-responsive > img {
    width: 100%;
  }

  .u1_p3 > .mapa3-ele1 {
    top: 5%;
    left: 5.5%;
  }

  .u1_p3 > .mapa3-ele2 {
    top: 55%;
    left: 5.5%;
  }

  .u1_p3 .map3-cont1,
  .u1_p3 .map3-cont2 {
    width: 98vw;
    padding: 15px;
    position: relative;
    top: 0.5vh;
    left: -7.5vw;
  }
}

/* ubicacion elementos mapaactividad Unidad 1 página 7*/

.u1_p7 > .mapa-ele1 {
  top: 2%;
  left: 0.8%;
}

.u1_p7 > .mapa-ele2 {
  top: 2%;
  left: 25.8%;
}

.u1_p7 > .mapa-ele3 {
  top: 2%;
  left: 50.8%;
}

.u1_p7 > .mapa-ele4 {
  top: 2%;
  left: 75.8%;
}

.u1_p7 > .mapa-ele5 {
  top: 47%;
  left: 25.8%;
}

.u1_p7 > .mapa-ele6 {
  top: 47%;
  left: 50.8%;
}

.u1_p7 > .mapa-ele1:after,
.u1_p7 > .mapa-ele2:after,
.u1_p7 > .mapa-ele3:after,
.u1_p7 > .mapa-ele4:after,
.u1_p7 > .mapa-ele5:after,
.u1_p7 > .mapa-ele6:after {
  content: none;
}

@media screen and (max-width: 800px) {
  .u1_p7 > .mapa-ele1 {
    top: 1.5%;
    left: 1.5%;
  }

  .u1_p7 > .mapa-ele2 {
    top: 1.5%;
    left: 51.5%;
  }

  .u1_p7 > .mapa-ele3 {
    top: 30.2%;
    left: 1.5%;
  }

  .u1_p7 > .mapa-ele4 {
    top: 30.2%;
    left: 51.5%;
  }

  .u1_p7 > .mapa-ele5 {
    top: 59.2%;
    left: 1.5%;
  }

  .u1_p7 > .mapa-ele6 {
    top: 59.2%;
    left: 51.5%;
  }
}

/* TARJETAS unidad1_pag13 */
.p-tarjetas .u1_p13 .tarjeta:nth-of-type(1) .cara1 {
  background: url(../img/imagenes_contenido/10_0_img1.jpg) no-repeat;
  background-size: cover;
}

.p-tarjetas .u1_p13 .tarjeta:nth-of-type(2) .cara1 {
  background: url(../img/imagenes_contenido/10_0_img2.jpg) no-repeat;
  background-size: cover;
}

.p-tarjetas .u1_p13 .tarjeta:nth-of-type(3) .cara1 {
  background: url(../img/imagenes_contenido/10_0_img3.jpg) no-repeat;
  background-size: cover;
}

.p-tarjetas .u1_p13 .tarjeta:nth-of-type(4) .cara1 {
  background: url(../img/imagenes_contenido/10_0_img4.jpg) no-repeat;
  background-size: cover;
}

/* ---FIN----- ubicacion elementos Actividades e Iteractivos Ginos --------*/
/*
COLORES PRIMARIOS
1 Dark Roast: #ff0000;
2 Always Red: #f4e72d;
3 Donut Cream: #07772d;

COLORES SECUNDARIOS
4 regular Roasr: #473728;
*/
.logoayuda {
  display: none;
}

.h1-ayuda {
  padding-left: 15px;
}

@media only screen and (max-width: 1280px) {
  .burguer-abierto {
    display: none;
  }

  .contenido-body-cajapaginador {
    width: 100%;
  }
}

@media (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
  .locucion-curso {
    bottom: 28vh;
  }

  .logo > img {
    width: 120px;
  }

  h1 {
    font-size: 3em;
  }

  .p-rellenable .columnas-textoimgh4 > .columnas-item > h3 {
    font-size: 1.2em;
  }

  .p-rellenable p {
    font-size: 1em;
  }
}

@media (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1500px) {
  .p-rellenable {
    height: 100vh;
    padding: 8vw 2%;
  }
}

@media (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
  .p-rellenable {
    height: 100vh;
  }

  .locucion-curso {
    bottom: 14vh;
  }

  h1 {
    font-size: 2.5em;
  }

  h2 {
    font-size: 1.7em;
  }

  .p-rellenable .textoimg-2col > div:first-of-type {
    margin-right: 0;
    padding: 1em;
    border-right: none;
    border-top: 11px solid #2800ff;
  }

  .p-rellenable .texto-2col,
  .p-rellenable .textoimg-2col {
    flex-direction: column-reverse;
  }

  .p-rellenable .columnas {
    flex-direction: column;
  }

  .p-rellenable,
  .p-autoe {
    padding: 20% 3%;
  }
}

/* --- BORRAR ESTO, SOLO USAR PARA TRABAJAR O PASAR AL CLIENTE --- */
.burguer-abierto {
  display: none;
}

/* --- BORRAR ESTO, SOLO USAR PARA TRABAJAR O PASAR AL CLIENTE --- */
.swal-title:first-child {
  margin-top: 10px !important;
  color: #fc4c02;
  font-size: 40px;
  font-family: Arial, Helvetica, sans-serif;
}