/*@import url("../fonts/fuentes.css");*/
@import url("reset.css");

/* VARIABLES */

:root {
  --color-1: #000000; /* Negro */
  --color-2: #808080; /* Gris */
  --color-3: #F1CB09; /* Verde */
  --color-4: #707070; /* Gris */
  --color-5: #cccccc; /* Gris (bordes) */
  --color-6: #F50001; /* Rosa */
  --color-7: #fff; /* Blanco */
  --color-8: #F1CB09; /* Amarillo */
  --color-9: #414141; /* Gris */
  --color-10: #3516F4; /* Azul */
  --color-11: #F50001; /* Rosa intenso */
}

/* COMUNES */

* {
  font-family: "Be Vietnam Pro";
  font-weight: 400;
}

html {
  font-size: 18px;
}

body {
  padding-top: 190px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Be Vietnam Pro";
  font-weight: 700;
  margin-bottom: 25px;
}

h1 {
  font-family: "Be Vietnam Pro";
  text-transform: uppercase;
  font-size: 3.3rem;
  line-height: 4rem;
}

h1 span {
  font-family: "Be Vietnam Pro";
}

h2 {
  font-size: 2rem;
  line-height: 2.1rem;
}

h3 {
  font-size: 1.5rem;
  line-height: 1.6rem;
}

h4 {
  font-size: 1.2rem;
  line-height: 1.3rem;
  color: var(--color-3);
}

p {
  line-height: 1.5rem;
}

ul,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 25px;
}

a {
  color: var(--color-1);
  text-decoration: underline;
}

a:hover {
  color: var(--color-3);
}

img {
  /*width: 100%;*/
  border: 0;
}

figure {
  padding-top: 25px;
  margin-bottom: 25px;
}

figcaption {
  color: var(--color-2);
  font-size: 0.8rem;
}

.cuerpo-articulo ul {
  padding-left: 25px;
}

.cuerpo-articulo ul li,
article ul li {
  background-image: url("../images/bullet-01.svg");
  background-repeat: no-repeat;
  background-size: 3px 3px;
  background-position: 0 14px;
  padding-left: 20px;
  margin-bottom: 5px;
}

.generica article ul li {
  background-image: url("../images/bullet-03.svg");
}

.superior {
  margin-bottom: 50px;
}

p strong,
li strong {
  font-family: "Be Vietnam Pro";
  font-weight: 600;
}

/* COOKIES */

.machete_cookie_bar,
.machete_cookie_bar a {
  color: var(--color-7) !important;
}

.machete_cookie_bar {
  background-color: var(--color-1) !important;
}

a.machete_accept_cookie_btn {
  text-transform: uppercase;
  font-family: "Be Vietnam Pro";
  border-radius: 100px;
  text-decoration: none;
  background-color: var(--color-7) !important;
  color: var(--color-1) !important;
  font-size: 0.7rem;
  padding: 4px 15px;
}

.machete_cookie_bar a:hover {
  color: var(--color-3) !important;
}

/* BOTONES */

.banda-boton {
}

.boton-1,
.boton-2,
.boton-3,
.boton-4,
.boton-5,
.boton-6 {
  text-transform: uppercase;
  font-family: "Be Vietnam Pro";
  border-radius: 100px;
  text-decoration: none;
  color: var(--color-7);
}

.boton-1 {
  background-color: var(--color-3);
  font-size: 0.9rem;
  padding: 18px 32px;
}

.boton-2 {
  background-color: var(--color-1);
  font-size: 0.7rem;
  padding: 5px 10px;
}

.boton-3 {
  background-color: var(--color-7);
  color: var(--color-1);
  font-size: 0.9rem;
  padding: 18px 32px;
}

.boton-4 {
  background-color: transparent;
  color: var(--color-7);
  font-size: 0.7rem;
  padding: 18px 32px;
  border: 1px solid var(--color-7);
}

.boton-5 {
  background-color: var(--color-1);
  font-size: 0.9rem;
  padding: 18px 32px;
}

.boton-6 {
  background-color: transparent;
  color: var(--color-7);
  font-size: 0.7rem;
  padding: 5px 10px;
  border: 1px solid var(--color-7);
}

.boton-1:hover {
  background-color: var(--color-1);
  color: var(--color-7);
}

.boton-4:hover {
  background-color: var(--color-7);
  color: var(--color-1);
}

.boton-separado {
  margin-right: 25px;
}

/* MODIFICACIÓN POSTERIOR AL TAMAÑO DE LOS BOTONES EN EL BANNER DE APRENDAYS */

.banner-aprendays .boton-2 {
  padding: 18px 32px;
}

@media (min-width: 992px) and (max-width: 1399px) {
  .banner-aprendays .boton-2 {
    padding: 5px 10px;
  }
}

/* CABECERA */

.cabecera {
  position: fixed;
  top: 0;
  bottom: 0;
  height: 80px;
  width: 100%;
  border-bottom: 1px solid var(--color-1);
  background-color: var(--color-7);
  z-index: 1000;
}

.cabecera .row {
  padding-top: 25px;
}

.logo img {
  width: 95px;
  height: auto;
}

.boton-menu {
  display: flex;
  justify-content: flex-end;
}

.boton-menu img {
  width: 34px;
  height: 34px;
}

/* REDES */

.redes ul {
  padding-left: 0;
  display: flex;
}

.redes ul li {
  padding-left: 0;
  background-image: none;
  margin-right: 15px;
}

.redes svg {
  color: #000;
  width: 20px;
  height: 20px;
}

.redes svg:hover {
  color: var(--color-3) !important;
}

/* PÁGINA GENÉRICA */

body.generica,
body.generica .cabecera {
  background-color: var(--color-6);
}

body.generica h1 {
  margin-bottom: 50px;
}

/* ARTÍCULOS AMPLIADOS */

.blog-articulo h1 {
  font-family: "Be Vietnam Pro";
  font-size: 2.2rem;
  line-height: 3rem;
  text-transform: none;
}

.entradilla {
  font-size: 1.2rem;
  line-height: 1.6rem;
}

.autor {
  font-size: 0.8rem;
  color: var(--color-4);
  border-bottom: 1px solid var(--color-5);
  /*
    border-bottom-color: red;
        background-color: yellow;

    */
  margin-bottom: 50px;
  padding-bottom: 5px;
}

.foto-principal {
  padding: 0;
  margin-bottom: 50px;
}

.foto-principal figcaption {
  display: none;
}

/* ÍNDICE */

.indice {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin-left: 0;
  padding: 45px 25px 45px 25px;
  font-size: 1, 2rem;
  margin-bottom: 70px;
}

.indice li {
  background-image: url("../images/bullet-01.svg");
  background-repeat: no-repeat;
  background-size: 7px 7px;
  background-position: 0 12px;
  padding-left: 20px;
  margin-bottom: 10px;
}

.indice ul {
  padding-top: 10px;
  padding-left: 25px;
}

.indice ul li {
  background-image: url("../images/bullet-02.svg");
  font-size: 1rem;
  margin-bottom: 5px;
}

.indice a {
  text-decoration: none;
}

.indice a:hover {
  color: var(--color-3);
  text-decoration: underline;
}

/* DESTACADO PARA TWITTER */

.destacado-twitter {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 50px;
  margin: 50px 0;
  text-align: center;
}

.destacado-twitter p {
  font-size: 1.4rem;
  line-height: 1.8rem;
  font-family: "Be Vietnam Pro";
  margin-bottom: 0;
}

/* FICHA DEL AUTOR */

.ficha-autor {
  border-top: 1px solid var(--color-5);
  border-bottom: 1px solid var(--color-5);
  margin-bottom: 25px;
  margin-top: 50px;
  padding: 45px 0 30px 0;
}

.ficha-autor .derecha {
  padding-top: 10px;
}

.ficha-autor p {
  margin-bottom: 10px;
}

.ficha-autor strong {
  font-size: 1.2rem;
  font-family: "Be Vietnam Pro";
  font-weight: 600;
}

.ficha-autor .redes {
  margin-top: 30px;
}

/* COMPARTIR */

.compartir {
  font-size: 0.9rem;
  color: var(--color-2);
}

.compartir a {
  color: var(--color-10);
  text-decoration: underline;
}

.compartir a:hover {
  color: var(--color-3);
}

/* RELACIONADAS */

.ideas-relacionadas {
  border-top: 1px solid var(--color-5);
  margin-bottom: 50px;
}

.ideas-relacionadas .tags {
  text-transform: uppercase;
  font-size: 0.8rem;
  color: var(--color-3);
  margin-bottom: 0;
}

.ideas-relacionadas h2 {
  text-transform: uppercase;
  color: #707070;
  font-size: 1rem;
  font-family: "Be Vietnam Pro";
  font-weight: 400;
  margin-bottom: 20px;
}

.ideas-relacionadas h3 {
  font-family: "Be Vietnam Pro";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}

.ideas-relacionadas h3 a {
  text-decoration: none;
}

.ideas-relacionadas h3 a:hover {
  text-decoration: underline;
  color: var(--color-1);
}

/* BANNER APRENDAYS */

.banner-aprendays {
  background-color: var(--color-6);
  text-align: center;
  padding: 30px 25px 45px 25px;
}

.banner-aprendays p {
  margin-bottom: 30px;
  font-size: 1.5rem;
  line-height: 1.8rem;
}

@media (min-width: 992px) and (max-width: 1200px) {
  .banner-aprendays p {
    font-size: 1rem;
    line-height: 1.3rem;
    background-color: yellow;
  }

  .banner-aprendays {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.banner-aprendays p {
  font-family: "Be Vietnam Pro";
}

/* PARRILLA DE CASOS EN LA HOME */

.parrilla-casos {
  padding-bottom: 125px;
}

.parrilla-casos img {
  object-fit: cover;
}

.parrilla-casos h2 {
  font-size: 1.8rem;
  margin-bottom: 10px;
}

.parrilla-casos h2 a {
  text-decoration: none;
}

.parrilla-casos h2 a:hover {
  text-decoration: underline;
  color: var(--color-1);
}

.parrilla-casos .tags {
  font-size: 1.2rem;
  color: var(--color-4);
  border-bottom: 1px solid var(--color-5);
  margin-bottom: 50px;
  padding-bottom: 20px;
}

.enlace-imagen {
  display: block;
  position: relative;
  margin-bottom: 15px;
  padding: 0 !important;
  line-height: 0 !important;
}

.enlace-imagen,
.parrilla-casos img,
.cubre-imagen {
  width: 100%;
  /*
    height: 633px;
    */
  height: auto;
}

.parrilla-casos img {
}

.cubre-imagen {
  background-color: var(--color-8);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.5;
}

.parrilla-casos .banda-boton {
  padding-top: 20px;
}

/* MANIFIESTO  */

.manifiesto-home {
  background-color: var(--color-1);
  padding-top: 200px;
  padding-bottom: 200px;
  margin-bottom: 100px;
}

.manifiesto-home p,
.manifiesto-home strong {
  font-family: "Be Vietnam Pro";
  text-transform: uppercase;
  font-size: 3.3rem;
  line-height: 4rem;
  color: var(--color-7);
}

.manifiesto-home p {
  border-top: 1px solid var(--color-7);
  border-bottom: 1px solid var(--color-7);
  padding-top: 60px;
  padding-bottom: 50px;
  margin-bottom: 75px;
}

.manifiesto-home strong {
  color: var(--color-11);
}

.manifiesto {
  background-color: var(--color-1) !important;
  color: var(--color-7);
}

.manifiesto .cabecera,
.error .cabecera {
  border-bottom-color: var(--color-7);
  background-color: var(--color-1);
}

.manifiesto-foto {
  margin-top: -140px;
  z-index: -200000;
}

.parrilla-manifiesto {
  margin-top: 80px;
  margin-bottom: 50px;
}

.parrilla-manifiesto * {
  color: var(--color-7);
}

.parrilla-manifiesto .punto:first-child {
  border-top: 1px solid var(--color-7);
}

.parrilla-manifiesto .punto {
  border-bottom: 1px solid var(--color-7);
  padding: 80px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

.parrilla-manifiesto p {
  margin: 0;
}

.parrilla-manifiesto .titulo {
  font-family: "Be Vietnam Pro";
  font-size: 2.2rem;
  line-height: 3rem;
  text-transform: uppercase;
  margin-bottom: 0;
}

.parrilla-manifiesto .subtitulo {
  font-size: 1.2rem;
  opacity: 0.5;
}

.parrilla-manifiesto .numero {
  font-family: "Be Vietnam Pro";
  font-size: 5.5rem;
  opacity: 0.2;
}

.manifiesto h1 strong {
  font-family: "Be Vietnam Pro";
  font-size: 3.3rem;
  line-height: 4rem;
  color: #ff4300;
}

/* PARRILLA DE IDEAS */

.parrilla-ideas {
  padding-bottom: 100px;
}

.enlace-banda {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid var(--color-5);
  text-decoration: none;
  padding: 50px 0;
}

.enlace-banda .izquierda {
  width: 50%;
}

.parrilla-ideas .col-12:nth-child(2) .enlace-banda {
  border-top: 1px solid var(--color-5);
}

.enlace-banda h2 {
  font-size: 1.8rem;
  font-family: "Be Vietnam Pro";
  font-weight: 400;
  margin-bottom: 0;
}

.enlace-banda .tags {
  font-size: 0.9rem;
  text-transform: uppercase;
  margin: 0;
  color: var(--color-3);
}

.enlace-banda .boton-mas {
  text-transform: uppercase;
  font-family: "Be Vietnam Pro";
  font-size: 0.9rem;
  background-image: url("../images/flecha-02.svg");
  background-size: 48px 33px;
  background-repeat: no-repeat;
  background-position: 100% 0;
  padding-right: 65px;
  opacity: 0.2;
  padding-top: 4px;
  margin-bottom: 0;
}

.parrilla-ideas-interior .enlace-imagen,
.parrilla-ideas-interior img,
.parrilla-ideas-interior .cubre-imagen,
.parrilla-podcasts .enlace-imagen,
.parrilla-podcasts img,
.parrilla-podcasts .cubre-imagen {
  height: 350px;
}

.parrilla-ideas-interior .slider .enlace-imagen,
.parrilla-ideas-interior .slider img,
.parrilla-ideas-interior .slider .cubre-imagen {
  height: 500px;
}

.parrilla-ideas-interior article {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 30px;
}

.parrilla-ideas-interior .superior {
  margin-bottom: 5px;
}

/* PARRILLA DE APRENDAY Y PODCASTS */

.parrilla-aprenday {
  background-color: var(--color-6);
  padding-top: 90px;
  padding-bottom: 115px;
  margin-bottom: 100px;
}

.parrilla-aprenday h1,
.parrilla-podcasts h1 {
  font-size: 2.2rem;
  margin-bottom: 50px;
}

.parrilla-aprenday article,
.parrilla-podcasts article {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 30px;
}

.parrilla-aprenday .fecha {
  font-size: 0.8rem;
  text-transform: uppercase;
  color: var(--color-4);
  margin-bottom: 0 !important;
  border-top: 1px solid #b8a2a3;
  padding-top: 15px;
}

.parrilla-aprenday .autor,
.parrilla-podcasts .autor {
  border-bottom-color: #b8a2a3;
  font-size: 1rem;
  padding-bottom: 15px;
}

.parrilla-aprenday {
}

.parrilla-aprenday .superior {
  margin-bottom: 10px;
}

.parrilla-aprenday h2,
.parrilla-podcasts h2 {
  font-size: 1.8rem;
  line-height: 2.2rem;
}

.parrilla-aprenday h2 a,
.parrilla-podcasts h2 a {
  text-decoration: none;
}

.parrilla-aprenday h2 a:hover,
.parrilla-podcasts h2 a:hover {
  color: var(--color-1);
  text-decoration: underline;
}

/* CASO ARTÍCULO */

.caso-articulo .container:first-child {
  margin-bottom: 60px !important;
}

.caso-articulo .row {
  margin-bottom: 0;
}

.caso-articulo .row figure {
  margin: 0 !important;
  padding: 0 !important;
}

.caso-articulo div.separacion-s {
  margin-bottom: 40px !important;
}

.caso-articulo div.separacion-m {
  margin-bottom: 80px !important;
}

.caso-articulo div.separacion-l {
  margin-bottom: 115px !important;
}

.caso-articulo p:last-child {
  margin-bottom: 0;
}

/* 404 */

.error-mensaje {
  color: var(--color-7);
}

.error-mensaje h1 {
  margin-bottom: 30px;
}

.error-mensaje span {
  color: #fdb7b9;
}

.error .circular {
  position: absolute;
  right: 60px;
  bottom: 140px;
}

.error .circular img {
  width: 140px;
  height: 140px;
}

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

.enlace-banda:hover {
  color: var(--color-1);
}

.enlace-banda:hover .boton-mas {
  opacity: 1;
  color: var(--color-1);
}

.parrilla-ideas .banda-boton {
  padding-top: 60px;
}

/* TEXTO ROTATORIO EN LA HOME */

.texto-rota {
  color: var(--color-5);
  font-size: 4.4rem;
  line-height: 4.7rem;
  font-family: "Be Vietnam Pro";
  text-transform: uppercase;
  opacity: 0.5;
}

.error .texto-rota {
  position: absolute;
  left: 0;
  bottom: 0;
}

/* PIE DE PÁGINA */

.pie {
  margin-top: 80px;
}

.pie-superior {
  padding-top: 60px;
  padding-bottom: 10px;
  background-color: var(--color-1);
  color: var(--color-7);
}

.pie-superior a {
  color: var(--color-7);
  text-decoration: none;
}

.pie-superior a:hover {
  color: var(--color-3);
}

.pie address {
  font-size: 1rem;
  margin-bottom: 50px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-2);
}

.pie address p {
  margin-bottom: 0;
}

.pie address .telefonos {
  text-align: right;
}

.pie-menu strong {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
  margin-bottom: 15px;
}

.pie-menu li {
  line-height: 1.2rem;
  margin-bottom: 5px;
}

.pie-menu a,
.legal-redes a {
  color: var(--color-5);
}

.legal-redes {
  padding-top: 10px;
  margin-top: 35px;
  font-size: 0.8rem;
  border-top: 1px solid var(--color-2);
}

.legal-redes ul {
  display: flex;
  flex-direction: row;
  margin-left: 25px;
}

.legal-redes li {
  margin-right: 25px;
}

.legal-redes .legal {
  display: flex;
  flex-direction: row;
}

.legal-redes .redes {
  display: flex;
  justify-content: flex-end;
}

.legal-redes .redes li {
  margin-right: 0;
  margin-left: 15px;
}

.legal-redes .redes svg {
  color: #fff;
}

.pie-superior .direccion a,
.pie-preguntas a {
  text-decoration: underline;
}

.pie-inferior {
  padding-top: 20px;
  padding-bottom: 20px;
  color: var(--color-9);
  font-size: 0.7rem;
  line-height: 0.8rem;
}

.pie-inferior img {
  height: 32px;
  width: auto;
}

.pie-inferior .certificados img {
  height: 45px;
}

.pie-inferior .certificados {
  text-align: right;
}

/* FORMULARIOS --------------------------------
---------------------------------------------*/

.suscripcion {
  margin-top: 40px;
}

.suscripcion .formulario {
  padding-top: 8px;
}

.suscripcion .contenedor {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: wrap;
}

.suscripcion div.izquierda {
}

.formulario input[type="text"],
.formulario input[type="email"] {
  background-color: transparent !important;
  border: 0 !important;
  border-bottom: 1px solid #fff !important;
  border-radius: 0 !important;
  font-weight: 300;
  color: #fff !important;
  margin-bottom: 15px !important;
  padding-bottom: 5px;
  padding-left: 0 !important;
  width: 100%;
  font-size: 1rem;
}

.suscripcion input[type="text"],
.suscripcion input[type="email"] {
  font-size: 0.8rem;
}

.formulario input::placeholder {
  color: var(--color-7);
  opacity: 0.5;
}

.formulario .field.terms,
.fields .field.terms {
  margin-left: -10px !important;
  font-weight: 300px;
  font-size: 0.7rem;
  vertical-align: bottom;
  margin-top: 10px;
  padding-bottom: 0 !important;
}

.formulario .two-fields {
  margin-bottom: 25px;
}

.formulario .field.terms input {
  margin-right: 6px;
}

.formulario .boton-3 {
  margin-top: 25px;
  border: 0;
}

.formulario .boton-4 {
  margin-top: 25px;
}

.formulario .wpcf7-not-valid-tip {
  color: var(--color-11);
  font-size: 0.7rem;
  margin-top: -12px !important;
  margin-bottom: 20px;
}

/* MENÚ */

.menu-principal,
.error-mensaje,
.contacto {
  width: 100vw !important;
  height: 100vh !important;
  background-color: var(--color-1);
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
}

.menu-principal .row.completo,
.error-mensaje .row.completo,
.contacto .row.completo {
  height: 100vh !important;
  z-index: 0;
}

.menu-principal .cabecera {
  background-color: var(--color-1);
}

.menu-principal ul {
  z-index: 1000;
}

.menu-principal a {
  color: var(--color-7);
}

.menu-principal a:hover {
  color: var(--color-3);
}

.menu-principal li {
  border-bottom: 1px solid var(--color-2);
  margin-bottom: 10px;
}

.menu-principal nav a {
  font-family: "Be Vietnam Pro";
  text-transform: uppercase;
  font-size: 3.3rem;
  line-height: 4rem;
  text-decoration: none;
}

.menu-principal nav a:hover {
  color: var(--color-3);
}

.menu-principal-pie {
  position: fixed;
  left: 0;
  bottom: 15px;
  /*
  height: 150px;
  */
  width: 100%;
  z-index: 1000;
  font-size: 1rem;
  color: var(--color-7);
  padding-bottom: 0;
  margin-bottom: 0;
}

.menu-principal-pie .direccion {
  margin-bottom: 15px;
}

.telefonos a {
  text-decoration: none;
}

.menu-principal-redes ul {
  display: flex;
  flex-direction: column;
}

.menu-principal-redes a {
  text-decoration: none;
}

@media (max-width: 1400px) {
  .suscripcion .contenedor div.izquierda {
    width: 100% !important;
    margin-bottom: 15px;
  }

  .suscripcion .contenedor .field input[type="text"] {
    width: 100%;
  }
}

/*

.suscripcion .wpcf7-list-item-label a {
  color: #fff;
  text-decoration: none;
}

.hero-home .wpcf7-list-item-label a:hover {
  color: #ffed03;
}

.hero-home div.block2 input[type="submit"],
.hero-home div.block3 input[type="submit"] {
  background-color: transparent;
  border: 0;
  color: #fff;
  text-transform: uppercase;
}

.hero-home div.block2 input[type="submit"]:disabled,
.hero-home div.block3 input[type="submit"]:disabled {
  opacity: 0.1;
}
*/

@media (max-width: 991px) {
  /* COMUNES */

  h1 {
    /*
    font-size: 1.5rem;
    line-height: 1.8rem;
      */
    font-size: 2rem;
    line-height: 2.4rem;
  }

  /* BOTONES */

  .boton-1,
  .boton-3 {
    font-size: 0.7rem;
    padding: 16px 19px;
  }

  /* MANIFIESTO */

  .manifiesto-home {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .manifiesto-home p,
  .manifiesto-home p strong {
    font-size: 1.5rem;
    line-height: 1.8rem !important;
  }

  .manifiesto-home p {
    margin-bottom: 50px;
  }

  /* PIE DE PÁGINA */

  .pie address .direccion {
    margin-bottom: 10px;
  }

  .pie address .telefonos {
    text-align: left;
  }

  .pie-menu {
    display: flex;
  }

  .pie-menu strong {
    display: block;
    width: 50%;
  }

  .pie-menu ul {
    width: 50%;
    padding-top: 5px;
    padding-bottom: 15px;
  }

  .legal-redes .legal {
    flex-direction: column;
  }

  .legal-redes ul {
    margin-top: 10px;
    margin-left: 0;
  }

  .legal-redes .redes {
    justify-content: flex-start;
  }

  .legal-redes .redes li {
    margin-left: 0;
    margin-right: 20px;
  }

  .pie .creditos {
    display: none;
  }

  .pie-inferior img {
    height: 28px;
  }

  .pie-inferior .certificados img {
    height: 28px;
  }

  .pie .patrocinador {
    width: 35%;
  }

  .pie .certificados {
    width: 30%;
  }

  .menu-principal-pie {
    position: relative !important;
  }

  /* PARRILLA DE IDEAS */

  .boton-mas {
    display: none;
  }

  .enlace-banda .izquierda {
    width: 100%;
  }

  /* PARRILLA DE CASOS */

  .parrilla-casos h2 {
    font-size: 1.3rem;
  }

  .caso-articulo div.separacion-s {
    margin-bottom: 30px !important;
  }

  .caso-articulo div.separacion-m {
    margin-bottom: 55px !important;
  }

  .caso-articulo div.separacion-l {
    margin-bottom: 80px !important;
  }

  /* CONTACTO */

  .contacto .datos-contacto {
    display: none;
  }

  /* MANIFIESTO */

  .manifiesto-foto {
    margin-top: 0;
    width: 90%;
    margin-left: 10%;
  }

  .parrilla-manifiesto {
  }

  .parrilla-manifiesto * {
  }

  .parrilla-manifiesto .punto:first-child {
  }

  .parrilla-manifiesto .punto {
    padding: 40px 0;
    flex-direction: column-reverse;
    width: 100%;
  }

  .parrilla-manifiesto p {
  }

  .parrilla-manifiesto .izquierda {
    width: 100%;
  }

  .parrilla-manifiesto .titulo {
    font-size: 1.2rem;
    line-height: 1.8rem;
  }

  .parrilla-manifiesto .subtitulo {
    font-size: 1.2rem;
    opacity: 0.5;
  }

  .parrilla-manifiesto .numero {
    font-size: 2.2rem;
    margin-bottom: 15px;
    text-align: left;
    width: 100%;
  }

  .manifiesto h1,
  .manifiesto h1 strong {
    font-family: "Be Vietnam Pro";
    font-size: 1.5rem;
    line-height: 1.8rem;
  }

  .manifiesto h1 strong {
    color: #fed030;
  }

  .menu-principal {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    padding-top: 3rem;
    padding-bottom: 50px;
  }

  .menu-principal .row.completo {
    height: auto !important;
  }

  .menu-principal nav a {
    font-size: 1.5rem !important;
    line-height: 1.8rem !important;
  }

  .menu-principal-redes ul {
    flex-direction: row;
  }

  .menu-principal-redes li {
    margin-right: 5px;
    margin-top: 1rem;
  }

  .menu-principal-pie {
    margin-top: 1rem;
  }

  .menu-principal-pie * {
    font-size: 0.9rem;
    line-height: 1.2rem;
  }
}

/* PARA LA SALIDA DE LA FASE 1 

.parrilla-ideas .banda-boton,
.manifiesto-home .boton-3
{
display: none !important;
}

.manifiesto-home 
{
padding-bottom:  120px;
}

*/

/* CONTACTO */

.contacto {
  background-image: url("../images/contacto.jpg");
  background-color: red !important;
  background-size: cover;
  color: var(--color-7);
  padding-top: 130px;
}

.contacto a {
  color: var(--color-7);
}

.contacto a:hover {
  color: var(--color-3);
}

.contacto .cabecera {
  background-color: transparent;
  border-bottom-color: var(--color-7);
}

.contacto .col-lg-12 {
  margin-bottom: 50px;
}

.contacto .legal-redes {
  border-top-color: var(--color-7);
}

.contacto .legal-redes .legal a {
  color: var(--color-7);
  opacity: 0.6;
  text-decoration: none;
}

.contacto .legal-redes .legal a:hover {
  color: var(--color-7);
  opacity: 1;
}

.contacto .boton-3 {
  color: var(--color-1);
}

.contacto .boton-3:hover {
  color: var(--color-3);
}