section .wrapper {
	text-align: left;
}

#faq .wrapper .items .item {
	margin-bottom: 10px	;
}
#faq .wrapper .items .item .header {
	display: flex;
	padding: 20px;
	gap: 10px;
}
#faq .wrapper .items .item .body {
	padding: 20px;
}

.dinosentado .wrapper {
	margin: 0 auto;
}

main section#hero{
    background: linear-gradient(89deg, #FCF3F9 0%, rgba(252, 243, 249, 0.00) 100%) !important;
}
main section#hero div.hero2 {
	background-image: url("../../../img/web/linea_izquierda_dinobrain_1.svg"), url("../../../img/web/linea_derecha_dinobrain_1.svg")  !important;
    background-size: 25vh,25vh !important;
    background-repeat: no-repeat !important;
    background-position: 0% -20px,100% -20px !important;
    #padding-top: 80px;
}
main section#subscribe{
	background: linear-gradient(89deg, #FCF3F9 0%, rgba(252, 243, 249, 0.00) 100%);
}


#plans-prices .switcher-container .save-20 p {
	font-weight: 400;
	color: #FD426E;
}
#plans-prices .switcher-container .save-20 figure svg path {
	fill: #FD426E;
}

#plans-prices .switcher-container .switcher .switch::before,
#plans-prices .wrapper .plans .item .tier-description-wrapper .contratar-wrapper .button {
	background-color: #FD426E;
	border-color: #FD426E;
}
#plans-prices .wrapper .plans {
	grid-template-columns: 1fr 1fr;
	margin-bottom: 40px;
}

#plans-prices .wrapper .plans #monthly-starter {
	display: none;
}

#plans-prices .wrapper .plans .item.tier1 {
	margin-top: 0px;	
}
#plans-prices .wrapper .plans .item.tier2 {
	margin-top: 30px;
}
#plans-prices .wrapper .plans .item.tier1 .tier-description-wrapper {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

#plans-prices .wrapper .plans .item .tier-description-wrapper .tier-price {
	color: #FD426E;
}
#plans-prices .wrapper .plans .item .recommended {
	background-color: #FD426E;
	color: #FFF;
}
#plans-prices .wrapper .plans .item .tier-description-wrapper .alert {
	border-color: #FD426E;
	background-color: #FD426E0A;
}

.ventanaopiniones{
	display: flex;
	width: 100%;
	flex-direction: ;
	align-items: center;
	gap: 8px;
}
.inputformu{
	border-radius: 4px !important;
	border: 1px solid var(--informacin-dark-grey-4, #A3B7C1) !important;
	background: var(--informacin-dark-grey-1, #FCFCFD) !important;
	color:#33304D;
    font-weight: 600 !important;
}
.textareaformu{
	width: calc(100% - 20px) !important;
	border-radius: 4px !important;
	border: 1px solid var(--informacin-dark-grey-4, #A3B7C1) !important;
	background: var(--informacin-dark-grey-1, #FCFCFD) !important;
}
.textoabajotextarea{
	color: #33304D;

	/* Desktop/Body-Small */
	#font-family: Work Sans;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 175%; /* 24.5px */
	letter-spacing: 0.14px;
}
.textocheck{
	color: #33304D !important;

	/* Desktop/H6 */
	font-family: Work Sans !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 600 !important;
	line-height: 140% !important; /* 22.4px */
	letter-spacing: 0.16px !important;
}
main section#faq div.wrapper div.items div.item{
	border-radius: 4px !important;
	border: 1px solid var(--informacin-dark-grey-4, #A3B7C1) !important;
	background: #FFF !important;
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08) !important;
}
.ventanaopinionesizquierda{
	display: flex;
	flex-direction: column;
	width:100%;
	align-items: center;
    align-self: flex-start;
	gap: 8px;
}
.ventanaopinionesderecha{
	display: flex;
	flex-direction: column;
	width:100%;
	align-items: center;
    align-self: flex-start;
	gap: 8px;
}
.imagenopiniondinobrain{
	width:100%;
	border-radius: 16px; 
}
.cajadebajoopiniones{
	display: flex;border-radius: 8px;
	border: 1px solid var(--informacin-dark-grey-3, #E0E7EB);
	background: var(--informacin-dark-grey-1, #FCFCFD);
	padding: 24px;
	align-items: center;
	gap: 8px;
}
.cajadebajoopiniones img{
	width:25vw;
	max-width: 400px;
}

main section#banner {
    background: #FFF !IMPORTANT;
    padding: 48px 20px;
}
#faq{
	background: linear-gradient(89deg, #FCF3F9 0%, rgba(252, 243, 249, 0.00) 100%);
}
.iframeopinion{
	width: 100%;
    height: 428px;
    border: 0px;
    border-radius: 16px;
    background: #000;
}
.iframevideodudas{
	border-radius: 16px; 
	width:100%;
	height: 427px; 
	border:0px;
}
.imagenlogodinobrain{
	margin-top:50px;
}
.drl-Headline1 {
    color: #33304D !important;
}
.flexdinobrainflecha{
	display: flex;
	align-items: flex-start;
	gap: 8px;
}
.flechadinobrain{
	margin-top: 5px;
}
.centrodino{
	text-align:center;
}
.imagengrandedinobrain{
	width: 40%;
	margin:auto;
	display: block;
}
.imagengrandedinobrain2{
	width: 60%;
	margin:auto;
	display: block;
}
.colorbarra100dinobrain{
	
	background: linear-gradient(89deg, #33304D 0%, #FD426E 100%);
}
.cajadinobrainseccion2{
	border-radius: 8px;
	border: 1px solid var(--informacin-dark-grey-4, #A3B7C1);
	background: #FFF;

	/* Shadow_Card */
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
	display: flex;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}
.barra100dinobrain{
	margin:auto;
	    width: fit-content;
	display: flex;
	padding: 40px 181px;
	flex-direction: row;
	align-items: center;
	gap: 28px;
}
.textodinobrainfranja{
	color: var(--informacin-base-white, #FFF);
	text-align: center;
	/* Desktop/H2 */
	#font-family: Work Sans;
	font-size: 33px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 46.2px */
	letter-spacing: 0.33px;
}
.imagendinobrainfranja{
	width: 219.84px;
	height: 48px;
}
.button-rojo-blanco{
	border-radius: 4px;
	background: #FD426E;
	box-shadow: 0px 4px 16px 0px rgba(253, 66, 110, 0.40);
	color: var(--informacin-base-white, #FFF) !important;
    #font-family: Work Sans;
    font-size: 19px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    letter-spacing: 0.19px;
    display: flex;
    padding: 12px 16px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    text-decoration: none !important;
}

.textocabeceraDinobrain{
    margin: auto;
    margin-top: -20px;
	border-radius: 8px;
	border: 1px solid #FD426E;
	background: linear-gradient(89deg, #FCF3F9 0%, rgba(252, 243, 249, 0.00) 100%);

	/* Shadow_Card */
	box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.08);
	color: #33304D;
	text-align: center;

	/* Desktop/H4 */
	#font-family: Work Sans;
	font-size: 23px;
	font-style: normal;
	font-weight: 600;
	line-height: 140%; /* 32.2px */
	letter-spacing: 0.23px;
	display: flex;
	width: 40vw;
	padding: 16px;
	align-items: center;
	gap: 24px;
}

main section#hero div.wrapper {
  padding: 18px 20px;
  padding-bottom: 0;
  text-align: center;
}

main section#hero div.wrapper h1 {
  text-align: center;
  line-height: 40.8px;
  color: var(--drl-c-titles);
  margin-bottom: 32px;
  padding-bottom:70px;
}


@media only screen and (min-width: 1280px) {
  body {
    overflow-x: hidden;
  }
  section#hero {
    height: 428px;
  }
  section#hero div.wrapper {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    position: relative;
  }
  section#hero div.wrapper div.img-container {
    right: 70px !important;
    bottom: 44px !important;
  }
}


main section#hero div.wrapper p.drl-Text2 {
  color: #FFF;
  text-align: center;
  line-height: 24px;
  margin-top: 0;
  margin-bottom: 48px;
}

main section#hero div.wrapper div.btn-wrapper {
  max-width: 239px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 48px;
}

main section#hero div.wrapper div.btn-wrapper a {
  text-align: center;
  text-transform: uppercase;
  padding: 20px 30px;
}

main section#hero div.wrapper div.img-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: -16px;
}

main section#hero div.wrapper div.img-container img {
  width: 100%;
  max-width: 280px;
  height: auto;
  margin-left: 30px;
}
@media (min-width: 1558px) {
	main section#plans-prices-texto2 {
		background-image: url(../../../img/web/linea_dinobrain_izquierda_final.svg), url(../../../img/web/linea_dinobrain_derecha_final.svg) !important;
		background-size: 60%,77% !important;
		background-repeat: no-repeat !important;
		background-position: 0% 10%,130% -15vw !important;
	}
	main section#features {
		background-image: url(../../../img/web/lineas_dinobrain_izquierda.svg), url(../../../img/web/lineas_dinobrain_derecha.svg) !important;
		background-size: 40%,35% !important;
		background-repeat: no-repeat !important;
		background-position: 0% 115%,100% 120% !important;
	}
}
@media (min-width: 768px) {
	
	main section#features {
		background-image: url(../../../img/web/lineas_dinobrain_izquierda.svg), url(../../../img/web/lineas_dinobrain_derecha.svg) !important;
		background-size: 40%,35% !important;
		background-repeat: no-repeat !important;
		background-position: 0% 100%,100% 103% ;
	}
	main section#plans-prices-texto2 {
		background-image: url(../../../img/web/linea_dinobrain_izquierda_final.svg), url(../../../img/web/linea_dinobrain_derecha_final.svg) ;
		background-size: 40%,47% ;
		background-repeat: no-repeat ;
		background-position: 0% 100%,100% 100px ;
	}
	main section#plans-prices-texto {
		background-image: url(../../../img/web/lineas_dinobrain_izquierda.svg), url(../../../img/web/lineas_dinobrain_derecha.svg) !important;
		background-size: 40%,35% !important;
		background-repeat: no-repeat !important;
		background-position: 0% 100%,100% 103% !important;
	}
	main section#plans-prices-texto .wrapper {
		margin: 30px auto;
	}
	main section#tracking-1 {
		background-image: url(../../../img/web/linea_izquierda_dinobrain_2.svg), url(../../../img/web/linea_derecha_dinobrain_2.svg) !important;
		background-size: 10%,10% !important;
		background-repeat: no-repeat !important;
		background-position: 0% -10%,100% 50px !important;
	}
  main section#testimonials {
    max-height: 1280px;
  }
  main section#testimonials div.wrapper div.container .masonry-wrapper {
    padding: 1.5em;
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
  }
  main section#testimonials div.wrapper div.container .masonry-wrapper .masonry {
    -webkit-columns: 1;
            columns: 1;
    -webkit-column-gap: 35px;
            column-gap: 35px;
  }
  main section#testimonials div.wrapper div.container .masonry-wrapper .masonry .masonry-item {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 36px;
  }
  main section#testimonials div.wrapper div.bottom-bar {
    top: calc(1280px - 144px);
  }
  main section#testimonials div.wrapper div.bottom-bar div.btn-wrapper {
    max-width: 293px;
  }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .masonry {
    -webkit-columns: 2;
            columns: 2;
  }
}

@media only screen and (min-width: 1024px) {
  .masonry {
    -webkit-columns: 3;
            columns: 3;
  }
  main section#testimonials div.wrapper {
    padding: 72px 20px;
  }
  main section#testimonials div.wrapper h3.drl-Headline2,
  main section#testimonials div.wrapper p#subtitle,
  main section#testimonials div.wrapper div.container.masonry {
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media only screen and (max-width: 768px){
	.ventanaopiniones{
		flex-direction: column;
	}
	.textocabeceraDinobrain {
		margin-top: -50px;
	}
	.barra100dinobrain {
		padding: 40px 20px;
		flex-direction: column;
	}
	.imagengrandedinobrain{
		width: 80vw;
		margin:auto;
	}
	.cajadebajoopiniones{
		flex-direction: column;
	}
	.cajadebajoopiniones img{
		width:100%;
	}
}