/* CSS para LANDING  DE PRODUCTOS */
.main-container {
  max-width: 1140px;
}

img.img-responsive {
  margin: 0 auto;
}

.page-node-type-landing-producto .main-container .col-sm-12 {
  padding-left: 0;
  padding-right: 0;
}

.page-node-type-landing-producto article {
  padding-left: 0px;
  padding-right: 0px;
  max-width: 100%;
  margin: 0 auto;
  padding-bottom: 0;
}

.page-node-type-landing-producto h1.page-header {
  max-width: 1190px;
  margin: 0 auto;
  text-transform: none;
  font-size: 35px;
  line-height: 40px;
  font-weight: 300;
  padding-left: 15px;
}

.page-node-type-landing-producto .main-page-title h1.page-header {
  display: none;
}

.page-node-type-landing-producto .underphoto-full-post {
  margin-top: 0px;
  max-width: 1190px;
  margin: 0 auto;
}

.description-product {
  display: flex;
  font-size: 22px;
  line-height: 28px;
  padding-right: 0px;
  flex-wrap: wrap;
}

.description-product h1 {
  width: 100%;
  max-width: 500px;
  color: #555555;
  font-size: 31px;
  line-height: 34px;
  font-weight: 300;
  margin-bottom: 20px;
}

.description-product .field--name-field-image {
  display: flex;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
  width: 400px;
  height: 400px;
  z-index: 99999;
  margin-bottom: -120px;
  z-index: 999;
  padding-bottom: 80px;
  margin-top: 50px;
}

.description-product .field--name-field-descripcion {
  padding-right: 40px;
  padding-bottom: 45px;
}

.description-product .field--name-field-image img {
  width: 471px;
  height: 402px;
  text-align: center;
  margin-top: -105px;
  margin-left: 10px;
}

.description-product > div {
  width: 50%;
  flex: 50% 0 0;
}

.info-medicamento {
  display: flex;
  background-color: #014286;
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  max-width: 530px;
  bottom: -25px;
}

.info-medicamento img {
  width: 100%;
}

.friolgrip-descongestivo .description-product .field--name-field-descripcion {
  position: relative;
}

/*Fondo Imagen + Texto*/

.page-node-type-landing-producto .paragraph .paragraph__column {
  max-width: 100%;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}

.page-node-type-landing-producto .image-full-post {
  position: relative;
}

.page-node-type-landing-producto .paragraph--type--imagen-texto {
  position: relative;
}

.page-node-type-landing-producto
  .paragraph--type--imagen-texto
  .field--name-field-texto-con-formato {
  font-size: 48px;
  line-height: 55px;
  position: absolute;
  right: 10%;
  color: #fff;
  bottom: 85px;
  max-width: 430px;
}

/*Info Contiene*/

.sobres {
  background-color: #edaf15;
  border-radius: 50%;
  width: 176px;
  height: 176px;
  padding-top: 0px;
  padding-left: 15px;
  padding-right: 15px;
  text-align: center;
  align-self: center;
  font-size: 28px;
  line-height: 30px;
  z-index: 999;
  position: absolute;
  right: 40%;
  top: -80px;
  color: #000;
  font-weight: bold;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.sobres .field--name-field-titulo-contiene {
  font-weight: normal;
  font-size: 20px;
  line-height: 24px;
}

.sobres .field--name-field-texto-contiene .cn {
  font-size: 13px;
  line-height: 16px;
  font-weight: normal;
}

/*Puntos: Razones y beneficios*/

.page-node-type-landing-producto
  .paragraph--type--imagen-texto-subtitulo
  .field--name-field-descripcion {
  font-size: 18px;
  line-height: 25px;
  padding-bottom: 20px;
  padding-top: 20px;
}

.page-node-type-landing-producto
  .puntos
  > div:nth-child(2n + 1)
  .field--name-field-descripcion {
  padding-right: 38%;
}

.page-node-type-landing-producto
  .puntos
  > div:nth-child(2n)
  .field--name-field-descripcion {
  padding-left: 38%;
}

.content-razones {
  max-width: 1190px;
  margin: 0 auto;
}

.page-node-type-landing-producto
  .paragraph--type--imagen-texto-subtitulo
  .field--name-field-subtitulo {
  background: #edaf15;
  padding: 20px 20px;
  font-style: normal;
  font-weight: 400;
  font-size: 33px;
  line-height: 40px;
  text-align: right;
  letter-spacing: -0.025em;
  color: #fff;
  max-width: 100%;
  position: absolute;
  bottom: 0;
  width: 65%;
}

.page-node-type-landing-producto .content-razones .field--name-field-ti {
  text-align: center;
  font-size: 33px;
}

.page-node-type-landing-producto
  .content-razones
  .field--name-field-texto-formato {
  text-align: center;
  font-size: 22px;
  padding-bottom: 25px;
  max-width: 800px;
  margin: 0 auto;
}

.page-node-type-landing-producto .content-razones .puntos > div {
  position: relative;
}

.page-node-type-landing-producto
  .content-razones
  .puntos
  > div
  .paragraph__column {
  position: relative;
  float: left;
}

.page-node-type-landing-producto
  .content-razones
  .puntos
  > div:nth-child(2n + 1)
  .field--name-field-fondo {
  float: right;
  text-align: right;
  max-width: 35%;
}

.page-node-type-landing-producto
  .content-razones
  .puntos
  > div:nth-child(2n)
  .field--name-field-fondo {
  float: left;
  text-align: left;
  max-width: 35%;
}

.page-node-type-landing-producto
  .puntos
  > div:nth-child(2n)
  .field--name-field-subtitulo {
  right: 0;
}

.page-node-type-landing-producto
  .paragraph--type--imagen-texto-subtitulo
  .puntos
  > div:nth-child(2n)
  .field--name-field-subtitulo {
  padding-left: 37%;
}

/*Indicaciones*/

.content-usos {
  background: #f6f6f6;
  max-width: 100%;
  padding: 45px 10px;
  margin-top: 80px;
}

.field--name-field-indicaciones {
  background: #f6f6f6;
  padding-bottom: 20px;
  max-width: 1180px;
  margin: 0 auto;
}

.field--name-field-indicaciones .field--label {
  text-transform: uppercase;
  font-size: 28px;
  font-weight: normal;
  line-height: 34px;
  padding-bottom: 20px;
}

/*Cómo toomar*/

.content-como {
  background: #f6f6f6;
  max-width: 1180px;
  margin: 30px auto 0;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-left: 50px;
  padding-right: 50px;
  margin-bottom: 320px;
}

.content-como h2 {
  font-size: 33px;
}

.content-como .paragraph--type--texto h4 {
  font-size: 22px;
}

.content-como .paragraph--type--texto.paragraph--id--283 {
  position: absolute;
  max-width: 650px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  border: 1px solid #edaf15;
  padding: 10px 35px 30px;
  bottom: -220px;
}

.content-como .field--name-field-ti {
  text-align: center;
  font-size: 33px;
}

.content-como .field--name-field-fotografia {
  margin-bottom: -30px;
}

.content-como .paragraph__column .field--name-field-fotografia {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0 auto;
  max-width: 800px;
  margin-top: 30px;
}

/*Banner Preguntar*/

.content-preguntar {
  margin-bottom: 220px;
  position: relative;
}

.content-preguntar .paragraph--type--imagen-texto {
  position: absolute;
  bottom: -170px;
  max-width: 800px;
  height: 380px;
  justify-content: center;
  background-color: #fff;
  border-radius: 50%;
  left: -15%;
}

.content-preguntar .paragraph--type--imagen-texto img {
  max-width: 330px;
}

.content-preguntar
  .paragraph--type--imagen-texto
  .field--name-field-texto-con-formato {
  font-size: 33px !important;
  line-height: 38px;
  color: #555555 !important;
}

.page-node-type-landing-producto
  .content-preguntar
  .paragraph--type--imagen-texto
  .paragraph__column {
  position: relative;
}

.content-preguntar
  .paragraph--type--imagen-texto
  .field--name-field-texto-con-formato {
  position: absolute;
  bottom: -233px;
  text-align: right;
  width: 400px;
}

.page-node-type-landing-producto
  .content-preguntar
  .paragraph--type--imagen-texto
  .field--name-field-fondo {
  position: absolute;
  top: -100px;
  margin: 0 auto;
  right: 0;
  left: 90px;
  display: flex;
  justify-content: center;
}

/*Banner dónde comprar*/
.leaflet-pane.leaflet-tooltip-pane,
.leaflet-pane.leaflet-popup-pane {
  font-size: 1.2rem;
}

.leaflet-popup-content-wrapper,
.leaflet-pane.leaflet-tooltip-pane .leaflet-tooltip {
  background-color: #afcb37;
  color: #fff;
}

.leaflet-popup-content-wrapper a,
.leaflet-pane.leaflet-tooltip-pane .leaflet-tooltip a {
  color: #fff;
}

.content-comprar {
  width: 100%;
  background-color: #edaf15;
  color: #000;
  font-size: 24px;
  text-align: center;
  padding: 40px 30px;
}

.content-comprar .field--name-field-ti {
  text-align: center;
  font-size: 33px;
  text-transform: uppercase;
  color: #000;
  padding-top: 0;
}

.content-comprar .field--name-field-texto-formato {
  max-width: 800px;
  margin: 0 auto;
}

/*******************
********************SUDOCREAM
********************
********************/

.sudocrem-multi-expert .description-product h1.title-full-post {
  display: none;
}

.sudocrem-multi-expert .description-product h1 {
  width: 100%;
  max-width: 100%;
}

.page-node-type-landing-producto.sudocrem-multi-expert
  .paragraph--type--imagen-texto-subtitulo
  .field--name-field-subtitulo {
  background: #c0afe1;
}

.sudocrem-multi-expert .sobres {
  background-color: #c0afe1;
  width: 200px;
  height: 200px;
  right: 37%;
}

.sudocrem-multi-expert .content-comprar {
  background-color: #c0afe1;
}

.sudocrem-multi-expert .description-product h1 span {
  color: #00a03b;
  font-weight: 300;
}

.sudocrem-multi-expert .description-product > div {
  width: 60%;
  flex: 60% 0 0;
}

.sudocrem-multi-expert .description-product .field--name-field-image {
  width: 40%;
  max-width: 40%;
  height: 400px;
  padding-top: 50px;
}

.sudocrem-multi-expert .description-product .field--name-field-image img {
  width: 310px;
  height: 269px;
  text-align: center;
}

.sudocrem-multi-expert .content-preguntar .paragraph--type--imagen-texto img {
  max-width: 180px;
}

.page-node-type-landing-producto
  .content-preguntar
  .paragraph--type--imagen-texto
  .field--name-field-fondo {
  top: -130px;
}

.morado {
  color: #c0afe1;
}

.n-product {
  font-size: 11px;
}

.page-node-type-landing-producto.sudocrem-multi-expert
  .puntos
  > div:nth-child(2n + 1)
  .field--name-field-descripcion {
  padding-right: 62%;
  text-align: right;
  padding-left: 13%;
  position: absolute;
  bottom: 0px;
  font-size: 22px;
  line-height: 25px;
}

.content-como .paragraph--id--306 .field--name-field-texto-formato {
  max-width: 650px;
  margin: 0 auto;
  text-align: left;
}

.content-como .paragraph--id--306 .field--name-field-texto-formato h2 {
  text-align: center;
}

.sudocrem-multi-expert .content-como {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom: 80px;
}

.sudocrem-multi-expert .content-como > div {
  width: 100%;
}

.sudocrem-multi-expert .content-como > div:nth-child(2),
.sudocrem-multi-expert .content-como > div:nth-child(3) {
  width: 34%;
  margin-top: -110px;
  padding: 0 25px;
}

.sudocrem-multi-expert .content-como > div:first-child,
.sudocrem-multi-expert .content-como > div:nth-child(4) {
  background: #f6f6f6;
  padding: 20px 60px 130px;
}

.sudocrem-multi-expert .content-como > div:nth-child(4) {
  margin-top: 30px;
}

.sudocrem-multi-expert .content-como > div:nth-child(5) {
  margin-top: -115px;
}

.sudocrem-multi-expert .paragraph--id--306 .field--name-field-texto-formato {
  border: 1px solid #c0afe1;
  margin-top: -60px;
  background-color: #fff;
  padding: 0 35px 25px;
}

.page-node-type-landing-producto.sudocrem-multi-expert
  .content-razones
  .puntos
  > div:nth-child(2n + 1)
  .field--name-field-fondo {
  max-width: 60%;
}

.page-node-type-landing-producto.sudocrem-multi-expert
  .content-razones
  .puntos
  > div:nth-child(2n)
  .field--name-field-fondo {
  max-width: 60%;
}

.page-node-type-landing-producto.sudocrem-multi-expert
  .paragraph--type--imagen-texto-subtitulo
  .field--name-field-subtitulo {
  width: 40%;
}

.page-node-type-landing-producto.sudocrem-multi-expert
  .puntos
  > div:nth-child(2n + 1)
  .field--name-field-descripcion {
  padding-right: 60%;
  text-align: right;
  padding-left: 0%;
  position: absolute;
  bottom: 0px;
  line-height: 25px;
  padding-bottom: 0;
}

.page-node-type-landing-producto.sudocrem-multi-expert
  .puntos
  > div:nth-child(2n)
  .field--name-field-descripcion {
  padding-left: 60%;
  padding-right: 0%;
  position: absolute;
  bottom: 0px;
  font-size: 22px;
  line-height: 25px;
  padding-bottom: 0;
}

.page-node-type-landing-producto.sudocrem-multi-expert
  .puntos
  > div:nth-child(2n)
  .field--name-field-descripcion
  .field--item:last-child {
  padding: 30px 150px 30px 30px;
  text-align: left;
}

.page-node-type-landing-producto.sudocrem-multi-expert
  .field--name-field-descripcion
  .field--item:first-child {
  color: #c0afe1;
  padding: 25px 30px 25px 30px;
  font-size: 33px;
}

.page-node-type-landing-producto.sudocrem-multi-expert
  .field--name-field-descripcion
  .field--item:last-child {
  background: #c0afe1;
  color: #000;
  padding: 30px 30px 30px 150px;
  font-size: 21px;
}

.red {
  color: #f52f3d;
}

/*******************
******************** Friolgrip descongestivo 
********************
********************/

.friolgrip-descongestivo .sobres,
.friolgrip-descongestivo .content-comprar,
.page-node-type-landing-producto.friolgrip-descongestivo
  .paragraph--type--imagen-texto-subtitulo
  .field--name-field-subtitulo {
  background-color: #0579a2;
}

.page-node-type-landing-producto.friolgrip-descongestivo
  .paragraph--type--imagen-texto
  .field--name-field-texto-con-formato {
  color: #0579a2;
  font-size: 40px;
  line-height: 46px;
}

.friolgrip-descongestivo
  .content-preguntar
  .paragraph--type--imagen-texto
  .field--name-field-texto-con-formato {
  width: 100%;
  font-size: 32px !important;
  line-height: 35px !important;
}

.content-como .paragraph--type--texto.paragraph--id--310 {
  position: absolute;
  max-width: 650px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  border: 1px solid #edaf15;
  padding: 10px 35px 30px;
  bottom: -160px;
}

.friolgrip-descongestivo .content-como .block {
  float: left;
  width: 50%;
  padding: 25px;
  text-align: left;
}

.friolgrip-descongestivo .content-como .field--name-field-texto-formato {
  font-size: 22px;
  line-height: 28px;
}

.friolgrip-descongestivo .content-como .block p {
  font-size: 17px;
}

.friolgrip-descongestivo .content-preguntar .paragraph--type--imagen-texto {
  bottom: -220px;
  max-width: 700px;
  height: 520px;
  border-radius: 60%;
  left: -10%;
}

.friolgrip-descongestivo .content-preguntar .paragraph--type--imagen-texto img {
  max-width: 475px;
}

.page-node-type-landing-producto.friolgrip-descongestivo
  .content-preguntar
  .paragraph--type--imagen-texto
  .field--name-field-fondo {
  top: -150px;
}

.friolgrip-descongestivo
  .content-preguntar
  .paragraph--type--imagen-texto
  .field--name-field-texto-con-formato {
  bottom: -295px;
}

.friolgrip-descongestivo .content-como .paragraph--type--titulo-de-seccion {
  padding-bottom: 15px;
}

.friolgrip-descongestivo
  .content-como
  .paragraph--type--texto.paragraph--id--310 {
  border: 1px solid #0579a2;
}

.friolgrip-descongestivo
  .content-como
  .paragraph--type--texto.paragraph--id--310
  .field--name-field-texto-formato {
  text-align: left;
}

.friolgrip-descongestivo
  .content-como
  .paragraph--type--texto.paragraph--id--310
  .field--name-field-texto-formato
  h2 {
  text-align: center;
}

.friolgrip-descongestivo
  .content-como
  .paragraph--type--texto.paragraph--id--310
  strong {
  color: #0579a2;
  font-weight: normal;
}

/* ARTICULOS RELACIONADOS*/

#block-views-block-articulos-relacionados-block-1 {
  margin-top: -140px;
  margin-bottom: 90px;
  height: 510px;
  position: relative;
  z-index: 9;
}

#block-views-block-articulos-relacionados-block-1 .block-title {
  text-align: center;
  font-size: 33px;
  text-transform: uppercase;
}

#block-views-block-articulos-relacionados-block-1 .views-field-title a {
  color: #fff;
}

#block-views-block-articulos-relacionados-block-1 .slide__description {
  position: relative;
}

#block-views-block-articulos-relacionados-block-1 .views-field-title {
  background: #afcb37;
  padding: 20px;
  font-size: 25px;
  line-height: 31px;
  color: #fff !important;
  z-index: 999999999999;
  position: absolute;
  bottom: -90px;
  right: 21px;
  width: 275px;
  height: 185px;
}

#block-views-block-articulos-relacionados-block-1 .slide__caption {
  padding-right: 0 !important;
}

#block-views-block-articulos-relacionados-block-1 .slick-list.draggable {
  height: 550px;
}