@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

.marginTop5{ margin-top:5px !important;}
.marginTop10{ margin-top:10px !important;}
.marginTop15{ margin-top:15px !important;}
.marginTop20{ margin-top:20px !important;}
.marginTop25{ margin-top:25px !important;}

.no-gutter {
  margin-right: 0;
  margin-left: 0;
}

.no-gutter > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.containerSemanaLactancia{ 
	background: url("../images/bk_landing_v3.jpg") #9594d2;
    min-height: 650px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
	font-size:initial;
	position: relative;
	max-width: 1080px;
	margin:0 auto;
}

.containerSemanaLactanciaTrivia{ 
	background: url("../images/bk.jpg") #9594d2;
    min-height: 900px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
	font-size:initial;
	position: relative;
	max-width: 1080px;
	margin:0 auto;
}

.containerSemanaLactanciaGracias{ 
	background: url("../images/bk_gracias.png") #9594d2;
    min-height: 600px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: bottom;
	font-size:initial;
	position: relative;
	max-width: 1080px;
	margin:0 auto;
}



.SemanaLactancia-titulo img
{
	width: 100%;
	max-width:1076px;
	float: right;
	-webkit-animation: slide-in-right 1s ease-in both;
	animation: slide-in-right 1s ease-in both;
	opacity:0;
	-webkit-animation-delay:0.5s;
	animation-delay:0.5s;
}

.SemanaLactancia-embarazada{
	position: absolute;
	top:0;
	left:0;
	height: 100%;
	z-index:1;
	opacity:0;
	-webkit-animation: fadein 1s ease-in both;
    animation: fadein 1s ease-in both;
}

.SemanaLactancia-embarazada img
{
	height:100%;
}

.SemanaLactancia-bajada{
	font-family: 'Lato', sans-serif;
    font-size: 0.85em;
    font-weight: 500;
    text-align: left;
    color: #fff;
    padding: 0 1% 0 7%;
    -webkit-animation: focus-in-expand 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: focus-in-expand 1.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s;
    opacity: 0;
    line-height: 1.4em;
}

.SemanaLactancia-bajada img
{
	width:100%;
	max-width: 230px;
	margin-top: 1%;
}

.SemanaLactancia-caja{
	background: #fff;
	margin-top:-18%;
	opacity:0;
	-webkit-animation: fadein 1s ease-in both;
    animation: fadein 1s ease-in both;
	-webkit-animation-delay:2s;
	animation-delay:2s;
}

.SemanaLactancia-embarazoytupiel img
{
	width:100%;
	max-width: 204px;	
}

.SemanaLactancia-subtitulo {
	color: #003b74;
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    line-height: 1.2em;
    font-weight: 700;

}

.SemanaLactancia-subtitulo-2 {
	color:#fff;
	font-family: 'Lato', sans-serif;
	font-size: 1.5em;
	line-height: 1.35em;
	font-weight: 400;	
}

.boton-share{width:100%;}

.boton-share img{width:30%;margin:auto 1%;max-width: 64px;text-align: center;}

.SemanaLactancia-aclaracion {
	color:#003b74;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	line-height: 1em;
	font-weight: 400;
}

.SemanaLactancia-gracias img{
	width:100%;
	max-width: 410px;
}

.SemanaLactancia-aclaracion,.SemanaLactancia-aclaracion a,.SemanaLactancia-aclaracion a:visited,.SemanaLactancia-aclaracion a:hover,.SemanaLactancia-aclaracion a:active {
	color: #003b74;
    font-family: 'Lato', sans-serif;
    line-height: 1.2em;
    font-weight: 400;
}

.SemanaLactancia-aclaracion a{font-size:0.8em; }

.SemanaLactancia-input input[type="text"],.SemanaLactancia-input input[type="password"]{
	width:96%;
	height: 30px;
	color:#003b74;
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	line-height: 1em;
	font-weight: 400;
	border:1px solid #003b74;
	background: #fff;	
}

.SemanaLactancia-btn img{width:100%;max-width: 126px;}

.SemanaLactancia-caja-inner{
	padding:5% 2%;
}

.SemanaLactancia-bases{position:absolute;width:100%;bottom:1%;text-align: center;}
.SemanaLactancia-bases a,.SemanaLactancia-bases a:hover,.SemanaLactancia-bases a:active, .SemanaLactancia-bases a:visited
{
	font-family: 'Lato', sans-serif;
	font-size: 1em;
	line-height: 1em;
	font-weight: 400;
	text-align: center;
	color:#fff;
	text-decoration: none;
}


.containerSemanaLactanciaTrivia p{font:initial;}
.form-group-tituloSemanaLactancia{margin-top: -15px;}
.form-group-tituloSemanaLactancia img{    
	text-align: right;
    width: 80%;
    max-width: 1070px;
    right: -20px;
    float: right;
    position: relative;
	-webkit-animation: slide-in-right 1s ease-in both;
	animation: slide-in-right 1s ease-in both;
	opacity:0;
	-webkit-animation-delay:0.5s;
	animation-delay:0.5s;
	}
.form-group-subtituloSemanaLactancia{text-align:center;margin-top:0%;}
.form-group-subtituloSemanaLactancia img{ width:100%;max-width:356px;opacity:0;-webkit-animation: fadein 1s ease-in both;
    animation: fadein 1s ease-in both;-webkit-animation-delay:1s;animation-delay:1s;}

.preg_inner {
    float: left;
    width: 100%;
    padding: 4% 15%;
	position:relative;
}

.preg_inner .pregunta{
	font-weight:300;
	font-size:1em;
	
}

.radio-btn-text{display:none;}

.containerSemanaLactanciaTrivia .btn-default {
    color: #fff;
    background-color: #7372c0;
    border-color: #7372c0;
    border-radius: 60px;
    font: 300 1.1em/1.1em 'Lato',serif;
    text-align: center !important;
    float: left !important;
	width:100%;
	padding:5% 15%;
}

.mensaje-ingreso-email{font: 300 1.1em/1.1em 'Lato',serif; color: red;}


.containerSemanaLactanciaTrivia .trivia-label::before
{
	content: "";
    background: url('../images/hoja_superior.png');
	background-size:contain;
    padding: 0;
    width: 87px ;
    position: absolute;
    height: 54px;
    left: 0%;
    top: -4%;
    float: left;
}

.preg_inner::after
{
	content: "";
    background: url('../images/hoja_inferior.png');
	background-size:contain;
    padding: 0;
    width: 113px ;
    position: absolute;
    height: 71px;
    right: 1%;
    bottom: -20%;
    float: left;
}


.containerSemanaLactanciaTrivia  .field-container {
	margin-top:35px;
    margin-bottom: 15px;
}

.containerSemanaLactanciaTrivia .trivia-label
{
	font: 700 1.2em/1.2em 'Lato',serif !important;
    color: #9594d2 !important; 
    text-align: center !important;
    background: #FFF;
    padding: 0!important;
    width: 100% !important;
    opacity: 0;
    float: left !important;
    border-radius: 70px;
	-webkit-animation: slide-fwd-left 1s ease-in-out reverse both;
	animation: slide-fwd-left 1s ease-in-out reverse both;
	-webkit-animation-delay:1s;
	animation-delay:1s;
}

.containerSemanaLactanciaTrivia .respuesta
{
	font: 400 1.05em/1.1em 'Lato',serif !important;
}

.respuesta .preg_inner{padding:5% 8%;}

.form-root .form-horizontal .field-container .radio.radio-as-buttons {
	display: block;
    margin-left: 0;
    margin-top: 30px;
    width: 50%;
    text-align: center;
    cursor: auto;
    float: left;
	padding:0;
}

.radio-as-buttons.pregunta-4.radio.radio-inline.ng-scope {
    width: 33% !important;
}

.radio-as-buttons.pregunta-4.radio.radio-inline.ng-scope .btn-default{
	padding:2% !important;
}

.form-root .form-horizontal .field-container .radio.radio-as-buttons  .radio-boxes-labels
{
	text-align:center;
	margin:0 auto;
	opacity:0;
	-webkit-animation: swing-top-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
	animation: swing-top-fwd 0.4s cubic-bezier(0.250, 0.460, 0.450, 0.940) reverse both;
	animation-delay:1.5s;
	-webkit-animation-delay:1.5s;
	cursor:hand;
	cursor:pointer;
	position:relative;
	float:left;
    width: 70%;
    left: 15%;
}

.radio-as-buttons.pregunta-4.radio.radio-inline.ng-scope .radio-boxes-labels{
    width: 90% !important;
	left:5 !important;
}

.form-root .form-horizontal .field-container .radio.radio-as-buttons  .radio-boxes-labels img
{
	width:70%;
}

.form-root .form-horizontal .field-container .radio.radio-as-buttons  .radio-boxes-labels .kittitle
{
    line-height: 0;
    width: 100%;
    margin-bottom: 2%;
    float: left;
    font: 400 0.75em/1em 'Lato',serif !important;
}

.form-root .form-horizontal .field-container .radio.radio-as-buttons  .radio-boxes-labels .kit
{
	font: 300 0.65em/0.8em 'Lato',serif !important;
	width:100%;
}

.form-root .form-horizontal .field-container .radio.radio-as-buttons label input[type=radio]:checked+span.btn {
    background-color: #e4e4ea !important;
    color: #7372c0;
}

.caja-respuesta-bad,.caja-respuesta-ok{text-transform:uppercase;font-size:1.25em;font-weight:700;margin-bottom:10px;}


.caja-respuesta-bad i{color:#e83030;font-size:1.3em;}
.caja-respuesta-ok i{color:#4bb91e;font-size:1.3em;}


.containerSemanaLactanciaTrivia .btn-info {
    color: #fff;
    background-color: #645dc7 !important;
    border-color: transparent;
	font: 400 1em/1em 'Lato',serif !important;
	text-transform:uppercase;
	border-radius:20px;
	padding:1% 5%;
}

@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes shadow-drop-2-bl {
  0% {
		-webkit-transform: translateZ(0) translateX(0) translateY(0);
		transform: translateZ(0) translateX(0) translateY(0);
		opacity:0;
		
  }
  100% {
    -webkit-transform: translateZ(50px) translateX(12px) translateY(-12px);
	transform: translateZ(50px) translateX(12px) translateY(-12px);
	opacity:1;
    
  }
}
@keyframes shadow-drop-2-bl {
  0% {
		-webkit-transform: translateZ(50px) translateX(12px) translateY(-12px);
		transform: translateZ(50px) translateX(12px) translateY(-12px);
		opacity:0;
  }
  100% {
    -webkit-transform: translateZ(0) translateX(0) translateY(0);
    transform: translateZ(0) translateX(0) translateY(-0);
    opacity:1;
  }
}

@-webkit-keyframes swing-top-fwd {
  0% {
	  opacity:1;
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
  100% {
	  opacity:0;
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}
@keyframes swing-top-fwd {
  0% {
	opacity:1;
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
  100% {
	opacity:0;
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
    -webkit-transform-origin: top;
            transform-origin: top;
  }
}

@-webkit-keyframes slide-fwd-left {
  0% {
	  opacity:1;
    -webkit-transform: translateZ(0) translateX(0) scale(1);
            transform: translateZ(0) translateX(0) scale(1);
  }
  100% {
	  opacity:0;
    -webkit-transform: translateZ(160px) translateX(-150px) scale(1.1);
            transform: translateZ(160px) translateX(-150px) scale(1.1);
  }
}
@keyframes slide-fwd-left {
  0% {
	  opacity:1;
    -webkit-transform: translateZ(0) translateX(0) scale(1);
            transform: translateZ(0) translateX(0) scale(1);
  }
  100% {
	  opacity:0;
    -webkit-transform: translateZ(160px) translateX(-150px) scale(1.1);
            transform: translateZ(160px) translateX(-150px) scale(1.1);
  }
}

@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(75px);
            transform: translateX(75px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(75px);
            transform: translateX(75px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}
@keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

/*//// TABLET ////*/ 
@media (min-width: 480px ) and (max-width: 800px )  {
	
	.SemanaLactancia-embarazada{
		position: absolute;
		top: 0;
		width: 40%;
		z-index: 0;

	}
	

	.SemanaLactancia-embarazada img
	{
		width:100%;
		height: auto;
	}
	
	.SemanaLactancia-caja{margin-top:2%;}
	
	.containerSemanaLactancia{ 
		background: url(../images/bk.jpg) #9594d2;
		min-height: initial;
		padding-bottom: 10% !important;
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: bottom;
		font-size: initial;
		/* height: auto; */
		float: left;
	}
	
	.containerSemanaLactanciaTrivia{ 
		background: url("../images/bk.jpg") #9594d2;
		min-height: initial;
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: bottom;
		font-size:initial;
		position: relative;
		max-width: 1080px;
		float:left;
		margin:0 auto;
	}
	
	
	.containerSemanaLactanciaGracias{ 
		background: url("../images/bk_gracias.jpg") #9594d2;
		min-height: initial;
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: bottom;
		font-size:initial;
		position: relative;
		max-width: 1080px;
		float:left;
		margin:0 auto;
		padding-bottom:10%;
	}
	
	.form-group-tituloSemanaLactancia img{    
		text-align: right;
		max-width: 600px;
		width: 108%;
	}
	.form-group-subtituloSemanaLactancia img{ width:80%;margin-left:10%;}
	
	.containerSemanaLactanciaTrivia .trivia-label {
		font: 500 0.95em/1em 'Lato',serif !important;
	}
	
	.preg_inner .pregunta {
		font-weight: 300;
		font-size: 0.8em;
		margin-bottom:1%;
	}
	
	
	
	.containerSemanaLactanciaTrivia .btn-default {
		font: 400 1em/1em 'Lato',serif;
	}
	
	.preg_inner{
		padding:4% 5% !important;		
	}
	
	.preg_inner::after
	{
		display:none;
	}
			
	.form-root .form-horizontal .field-container .radio.radio-as-buttons {
		width:100%;
		margin-top:10px;
	}
	
	.form-root .form-horizontal .field-container .radio.radio-as-buttons  .radio-boxes-labels
	{		
		width: 90%;
		left: 5%;
	}
	
	.radio-as-buttons.pregunta-4.radio.radio-inline.ng-scope {
		width: 100% !important;
	}
	
	
	.containerSemanaLactanciaTrivia .btn-info {
		padding:2% 9%;
	}
	
}

/*//// MOBILE ////*/ 
@media (max-width: 479px )  {
	
	.containerSemanaLactancia{ 
		background: url(../images/bk.jpg) #9594d2;
		min-height: initial;
		padding-bottom: 10% !important;
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: bottom;
		font-size: initial;
		/* height: auto; */
		float: left;
	}
	
	.SemanaLactancia-bajada{		
		padding: 0 1% 0 17%;
		font-size:0.8em;
	}
	
	.containerSemanaLactanciaTrivia{ 
		background: url("../images/bk.jpg") #9594d2;
		min-height: initial;
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-position: bottom;
		font-size:initial;
		position: relative;
		float:left;
		max-width: 1080px;
		margin:0 auto;
	}
	
	.containerSemanaLactanciaGracias{ 
		background: url("../images/bk_gracias.jpg") #9594d2;
		min-height: auto;
		background-size: 100% 100%;
		background-repeat: no-repeat;
		background-position: bottom;
		font-size:initial;
		position: relative;
		float:left;
		max-width: 1080px;
		margin:0 auto;
		padding-bottom:10%;
	}
	
	.SemanaLactancia-embarazada{
		position: absolute;
		top: 0px;
		width: 35%;
		z-index: 0;
		
	}
	
	.SemanaLactancia-embarazada img
	{
		width:100%;
		height: auto;
	}
	
	.SemanaLactancia-caja{margin-top:2%;}
	
	
	.form-group-tituloSemanaLactancia img{    
		text-align: right;
		max-width: 580px;
		width: 112%;
	}
	.form-group-subtituloSemanaLactancia img{ width:80%;margin-left:10%;}
		
	.containerSemanaLactanciaTrivia .trivia-label {
	   font: 500 0.95em/1em 'Raleway',serif !important;
	}
	
	.preg_inner .pregunta {
		font-weight: 300;
		font-size: 0.8em;
		margin-bottom:1%;
	}

	.preg_inner{
		padding:4% 5% !important;		
	}
	
	.containerSemanaLactanciaTrivia .trivia-label
	{		
		border-radius: 40px;
	}
	
	.containerSemanaLactanciaTrivia .btn-default {
		font: 400 0.95em/1em 'Lato',serif;
	}
	.containerSemanaLactanciaTrivia .trivia-label::before {
		top:-40px;
	}


	.containerSemanaLactanciaTrivia .field-container {
		margin-top: 35px;
		margin-bottom: 15px;
		padding: 0px;
		margin-left: -5px;
		margin-right: -5px;
	}
	
	.preg_inner::after
	{
		display:none;
	}
			
	.form-root .form-horizontal .field-container .radio.radio-as-buttons {
		width:100%;
		margin-top:10px;
	}
	
	.form-root .form-horizontal .field-container .radio.radio-as-buttons  .radio-boxes-labels
	{		
		width: 90%;
		left: 5%;
	}
	
	.radio-as-buttons.pregunta-4.radio.radio-inline.ng-scope {
		width: 100% !important;
	}
	
	.containerSemanaLactanciaTrivia .btn-info {
		padding:2% 9%;
	}
		
	
}