main {
  margin-top: 165px;
}
/*menu y cabecera*/
#logo a {
  width: 317px;
  height: 107px;
}
#MenuPpal2 {
  display: flex;
  padding: 20px 20px 0;
  justify-content: space-around;
  border-bottom:5px solid var(--azul);
}
#MenuPpal2 > li ul {
  display: none;
  z-index: 999;
}
#MenuPpal2 > li {
  position: relative;
  display: inline-block;
}
#MenuPpal2 > li:hover {
  background:var(--azul);
  color: #FFF;
}
#MenuPpal2 > li:hover > ul {
  display: block;
  position: absolute;
  top: 30px;
  left: 0;
  background: #FFF;
  color: #000;
  width: 300px;
  text-align: left;
  border:1px solid var(--azul);
  border-bottom: none;
}
#MenuPpal2 > li > a {
  white-space: nowrap;
  text-transform: uppercase;
  font-size: 0.75rem;
  cursor: pointer;
  display: block;
  padding: 10px 15px 10px;
}
#MenuPpal2 .menu1 > li {
  border-bottom:1px solid var(--azul);
}
#MenuPpal2 .menu1 > li > a {
  display: block;
  cursor: pointer;
  padding: 10px 0 10px 20px;
  display: block;
  font-size: 0.875rem;
}
#MenuPpal2 .menu1 > li:hover {
  background: rgba(0, 209, 255, 0.111);
}
#MenuPpal2 .menu2 {
  margin: 0px 20px 10px;
}
#MenuPpal2 .menu1 .desplegado .menu2 {
  display: block;
  transition: linear all 1s;
}
#MenuPpal2 .menu2 li:not(:last-of-type) {
  border-bottom:1px dotted var(--azul);
}
#MenuPpal2 .menu2 a {
  display: block;
  padding: 10px 0 10px 20px;
}
#MenuPpal2 .menu2 a:hover {
  background: rgba(0, 209, 255, 0.2);
}
#MenuPpal2 a[sel] {
  color: #000;
}
body > header .compartir {
  position: absolute;
  left: 60px;
  top: 20px;
  height: 19px;
  display: inline-block;
}
body > header .compartir a {
  vertical-align: top;
  display: inline-block;
  margin-left: 15px;
}
body.scroll #MenuPpal2 {
  display: none;
}
/*body.scroll #logo a {
  width: 220px;
  height: 45px;
}*/
body .cont_menu .buscador {
  display: block;
}
/*banner*/
#banner .banner h2 {
  font-size: 2rem;
}
#banner .banner h2 small {
  display: block;
  font-weight: 300;
  font-size: 1rem;
  margin-top: 5px;
}
/*info 4 columnas*/
.col4_info li {
  width: calc(100% / 4);
}
/*info 4 columnas*/
.col3_info li {
  margin: 20px 10px;
  max-width: calc(100% / 2 - 20px);
  vertical-align: bottom;
}
/*P8D*/
body > header .p8d img {
  width: 100%;
  display: block;
}
body > header .p8d_1 {
  width: 970px;
}
body > header .p8d_2 {
  width: 728px;
}
#mReceta article .p8d {
  max-width: 300px;
  display: block;
  margin: -30px 0 15px;
}
#mReceta article .p8ds {
  max-width: 300px;
  display: block;
  margin: -30px 0 15px;
}
/* menu no fix*/
main {
  margin-top: 0;
}
/*receta*/
#mReceta header, #mReceta .contenido_html, #mReceta article section {
  margin-left: 35px;
}
/*home receta destacada*/
#receta_destacada {
  display: flex;
  color: #FFF;
  height: 575px;
  background: none;
}
#receta_destacada figcaption h2 {
  color: #FFF;
  font-size: 2.25rem;
  margin: 0;
}
#receta_destacada figure {
  position: relative;
  overflow: hidden;
  margin: 0;
}
#receta_destacada figure:after {
  content: " ";
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 30%;
  background: linear-gradient(transparent 0%, #000 150%);
}
#receta_destacada figure img {
  height: 100%;
  display: block;
  /* width: auto; */
  /* object-fit: contain; */
  object-fit: cover;
  margin: 0;
}
#receta_destacada figcaption {
  position: absolute;
  left: 20px;
  bottom: 30px;
  z-index: 1;
  padding: 0;
}
#receta_destacada figcaption p {
  font-size: 1rem;
}
#receta_destacada .info {
  width: 300px;
  flex: 0 0 300px;
  background: #484848;
  padding: 20px;
}
#receta_destacada .info h2 {
  display: block;
  font-size: 1.15rem;
}
#receta_destacada .info p {
  margin: 0 0 5px 0;
}
#receta_destacada .etiquetas {
  margin: 20px 0;
}
#receta_destacada .etiquetas a {
  font-size: 0.8rem;
  line-height: 1.1rem;
}
#receta_destacada .etiquetas p {
  display: block;
  color: #FFF;
  margin: 0;
}
#receta_destacada .info .tipo_receta {
  text-align: center;
  font-size: 0.75rem;
}
#receta_destacada .info .tipo_receta p {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
}
#receta_destacada .info .tipo_receta a {
  display: block;
  margin: 10px 20px;
}
#recetas article {
  border-top:1px solid var(--gris-claro);
}
/*receta tipos*/
#receta_tipos {
  font-size: 0.875rem;
}
#receta_tipos li a {
  padding: 8px 30px 10px;
  line-height: 1.5rem;
  font-size: 1rem;
}
#receta_tipos li.sel a {
  padding: 10px 50px;
  font-weight: bold;
}
/*blog*/
.blog.listado article {
  border-top:1px solid var(--gris-claro);
}
/*Home Blog*/
#bInicio #ultimas_blog article {
  width: calc(25% - 15px);
}