/*
Theme Name: Membrezia Blog Theme
Template Theme URI: https://elinous.cl/
Description: Plantilla creada para Membrezia
Version: 2.0
*/
:root {
	--color-primary:#0240A3;
	--color-secondary:#0287F1;
	--color-accent:#F5F5F5;
	--color-text:#323434;
	--color-black:#1D1D1D;
}

/* Goblal css */
body {
	font-family: 'Poppins', sans-serif;
	font-weight:300;
	background:#fff;
	color:var(--color-text);
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Quicksand', sans-serif;
	font-weight:700;
	color:var(--color-black);
	margin-bottom:30px;
}
.title-xl {
	font-size:38px;
}
.title-lg {
	font-size:32px;
}
.title-md {
	font-size:26px;
}
.title-xs {
	font-size:20px;
}
.title-xl span ,  .title-lg span ,  .title-md  span ,  .title-xs span {
	color:var(--color-secondary);
}
button.btn-primary  {
	border:0;
	box-shadow:none;
}
.btn-primary:focus , .btn-primary:active  {
	box-shadow:none;
}
.btn-primary {
	background: linear-gradient(45deg,#013799,#0191fc);
	color: #fff;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	font-size: 18px;
	border-radius: 6px;
	padding: 13px 30px;
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: auto;
}
.btn-primary:after , .btn-outline:after {
    background: #fff;
    content: "";
    height: 155px;
    left: -75px;
    opacity: 0.2;
    position: absolute;
    top: -50px;
    transform: rotate(35deg);
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
    z-index: 2;
}
.btn-primary:hover:after  , .btn-outline:hover:after {
    left: 120%;
    transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.btn-clear {
	padding: 13px 30px;
	width: auto;
	font-size:18px;
	display: inline-block;
	color:var(--color-text);
	margin-right:15px;
	font-weight:500;
	font-family: 'Quicksand', sans-serif;
}

.btn-outline {
	color:var(--color-primary);
	border:2px solid var(--color-primary);
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	font-size: 18px;
	border-radius: 6px;
	padding: 11px 27px;
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: auto;
}
.box-gradient .btn-outline {
	border-color:#fff;
	color:#fff;
}

a{
	outline:none;
	text-decoration:none;
	color:#5A98F2;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
	width: -webkit-fill-available;
}
a:hover {
	color:#1C7DFF;
}
button {
	outline:0 !important;
	font-family: 'Poppins', sans-serif;
	font-weight:600;
}

p {
	color:var(--color-text);
	font-size:18px;
	line-height:1.8rem;
	font-weight:300;
}

.chips {
	display: inline-block;
	background: #CCE7FC;
	color: var(--color-secondary);
	border-radius: 50px;
	padding: 5px 15px;
	font-size:12px;
	font-weight:400;
	margin-bottom: 15px;
}
.list {
	list-style:none;
	padding-left:0;
}
.list li {
	font-size:18px;
}
.check-list li {
	position:relative;
	padding-left: 50px;
	padding-right:50px;
	margin-bottom:50px;
	font-size:20px;
	font-family: 'Quicksand', sans-serif;
	font-weight:700;
	color:var(--color-black);

}
.check-list li:before {
	content: "";
	height:15px;
	width:15px;
	background:url('https://membrezia.com/wp-content/uploads/2023/06/check.svg') no-repeat;
	background-size: contain;
	color: #0287f1;
	position: absolute;
	left: 10px;
	top: 10px;
}

.box-default {
	border:2px solid var(--color-accent);
	background:#fff;
	padding:20px;
}


.paragraph-description {
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	animation: show 2s 1s forwards;
}
@keyframes show {
	100% {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}
.t-color-celeste {
	color:#1C7DFF;
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	animation: show 2s 1s forwards;
}

.round {
	border-radius:20px;
}
.bg-gris {
	background:var(--color-accent);
}
.pd-section {
	padding-top:80px;
	padding-bottom:80px;
}
.icon {
	display: inline-block;
	width: 1em;
	height: 1em;
	stroke-width: 0;
	stroke: currentColor;
	fill: currentColor;
}

.cat-list {
	margin:0;
	list-style:none;
	padding-left:0;
	display:flex;
	flex-wrap: wrap;
}
.cat-list li {
	overflow:hidden;
	margin-right:10px;
	margin-bottom:10px;
	flex-shrink:0;
}
.cat-list a {
	border-radius:50px;
	font-weight:600;
	display:inline-block;
	padding: 0.5rem 1rem;
	color:var(--color-text);
	display:inline-block;
}
.cat-list a.active {
	color:var(--color-secondary);
	background:#CCE7FC
}
.cat-list a:hover {
	color:var(--color-secondary);
	background:#CCE7FC
}
/* modal */
.modal-content {
	padding:20px;	
}
.modal-header {
	padding-bottom:0;
}
.modal-header , .modal-footer {
	border:0;
}
/* testimonios */
.header-testimonio {
	position:relative;
	display:inline-block;
	margin-bottom:30px;
}
.img-testimonio {
	width:80px;
	height:80px;
	overflow:hidden;
	border-radius:50%;
	background:var(--color-accent);
}
.img-testimonio img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.box-icon-comillas {
	position: absolute;
	right: -4px;
	bottom: 3px;
	padding: 4px;
	display:inline-block;
	width:25px;
	height:25px;
	background:var(--color-secondary);
	border-radius:50%;
}
.box-icon-comillas img {
	width:100%;
	height:100%;
	object-fit:contain;
	margin-top:-5px;
}
.footer-testimonio {
	margin-top:20px;
}
.footer-testimonio p {
	font-size:14px;	
}
.line {
	display:inline-block;
	width:80px;
	height:2px;
	background:var(--color-secondary);
	margin:0px 0px 15px auto;
	border-radius:50%;
}
/*  planes home */
.plan {
	padding:20px;
	text-align:center;
}
.plan p {
	font-size:16px;	
	line-height:1.5em;
}
.plan strong {
	font-size:20px;
	font-weight:700;
	color:var(--color-black);
}
.plan strong span {
	font-weight:300;
}
.basico {
	background:#fff;	
}
.corporativo {
	background:var(--color-primary);
}
.plan.corporativo strong {
	color:#fff;
}
.price {
	font-family: 'Poppins', sans-serif;
	font-weight:700;
	font-size:50px;
}
.z-section {
	position:relative;
	z-index:3;
}
.bg-billetes {
	position:absolute;
	left:0;
	right:0;
	margin:0 auto;
	top:50px;
}

/* 	Animacion billetes	 */
.circles{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.circles li{
	position: absolute;
	display: block;
	list-style: none;
	width: 20px;
	height: 20px;
	animation: animate 25s linear infinite;
	bottom: -150px;

}

.circles li:nth-child(1){
	left: 25%;
	width: 80px;
	height: 80px;
	animation-delay: 0s;
	background:url(https://membrezia.com/wp-content/uploads/2023/06/billete-circle-1.svg) no-repeat;
	background-size: contain;
}

.circles li:nth-child(2){
	left: 10%;
	width: 20px;
	height: 20px;
	animation-delay: 2s;
	background:url(https://membrezia.com/wp-content/uploads/2023/06/money-circle-1.svg) no-repeat;
	background-size: contain;
	animation-duration: 12s;
}
.circles li:nth-child(3){
	left: 70%;
	width: 20px;
	height: 20px;
	background:url(https://membrezia.com/wp-content/uploads/2023/06/tarjetacircle-1.svg) no-repeat;
	background-size: contain;
	animation-delay: 4s;
}

.circles li:nth-child(4){
	left: 40%;
	width: 60px;
	height: 60px;
	background:url(https://membrezia.com/wp-content/uploads/2023/06/money-circle-1.svg) no-repeat;
	background-size: contain;
	animation-delay: 0s;
	animation-duration: 18s;
}

.circles li:nth-child(5){
	left: 65%;
	width: 20px;
	height: 20px;
	animation-delay: 0s;
	background:url(https://membrezia.com/wp-content/uploads/2023/06/billete-circle-1.svg) no-repeat;
	background-size: contain;
}

.circles li:nth-child(6){
	left: 75%;
	width: 110px;
	height: 110px;
	animation-delay: 3s;
	background:url(https://membrezia.com/wp-content/uploads/2023/06/tarjetacircle-1.svg) no-repeat;
	background-size: contain;
}

.circles li:nth-child(7){
	left: 35%;
	width: 150px;
	height: 150px;
	animation-delay: 7s;
	background:url(https://membrezia.com/wp-content/uploads/2023/06/billete-circle-1.svg) no-repeat;
	background-size: contain;
}

.circles li:nth-child(8){
	left: 50%;
	width: 25px;
	height: 25px;
	animation-delay: 15s;
	animation-duration: 45s;
	background:url(https://membrezia.com/wp-content/uploads/2023/06/money-circle-1.svg) no-repeat;
	background-size: contain;
}

.circles li:nth-child(9){
	left: 20%;
	width: 15px;
	height: 15px;
	animation-delay: 2s;
	animation-duration: 35s;
	background:url(https://membrezia.com/wp-content/uploads/2023/06/tarjetacircle-1.svg) no-repeat;
	background-size: contain;
}

.circles li:nth-child(10){
	left: 85%;
	width: 150px;
	height: 150px;
	animation-delay: 0s;
	animation-duration: 11s;
	background:url(https://membrezia.com/wp-content/uploads/2023/06/billete-circle-1.svg) no-repeat;
	background-size: contain;
}

@keyframes animate {
	0%{
		transform: translateY(0) rotate(0deg);
		opacity: 1;
		border-radius: 0;
	}
	100%{
		transform: translateY(-1000px) rotate(720deg);
		opacity: 0;
		border-radius: 50%;
	}
}
/* Solicitar  */
.bg-solicitar {
	position:absolute;
	left:0;
	right:0;
	top:0;
	margin:0 auto;
	height:100vh;
	background: url(https://membrezia.com/wp-content/uploads/2023/06/nueves-2.svg) no-repeat;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
}
.d-flex-sher {
	flex-shrink:0;
}

.icon-globo-pregunta {
	max-width:50px;
}

/* Preguntas frecuentes */
.accordion.accordion-preguntas .accordion-button  {
	box-shadow:none;
	font-size:20px;
}
.accordion.accordion-preguntas .accordion-item {
	border:0;
	border-bottom:2px solid var(--color-accent) !important;	
}
 

.accordion.accordion-preguntas .accordion-body {
	padding: 1.25rem 1.5rem;
}
/* Articulos */
.toggle-cats {
	color:var(--color-black);
}
.article {
	margin-bottom:30px;
}
.cat-article {
	color:var(--color-secondary);
	border-bottom:2px solid var(--color-accent);
	margin-bottom:23px;
	padding-bottom:15px;
	font-size:14px;
}
.img-article {
	height:250px;
	border-radius:10px;
	object-fit:cover;
	margin-bottom:20px;
	/* 	box-shadow: 8px -8px 0px 0px #0343A6; */
}
.title-article {
	font-size:24px;
	margin-bottom:15px;
}
.data-time {
	font-weight:300;
	color:#73777A;
	font-size:14px;
}
.link-article:hover {
}
.autor-article {
	font-size:14px;
	color:#000;
	font-family: 'Poppins', sans-serif;
	font-weight:400;
}
.article-outstanding {
	margin-bottom:100px;
}
.article-outstanding .title-article{
	font-size:38px;
	margin-bottom:30px;
}
.content-article-outstanding {
	height:100%;
	padding-top:30px;
	padding-bottom:30px;
}


.article-outstanding .cat-article {

	font-weight:300;
}

.article-outstanding .img-article {
	height:100%;
}

.page-numbers {
	list-style:none;
	padding-left:0;
	display:flex;
	justify-content: center;
	font-size:20px;
}
.page-numbers {
	padding:10px;
	font-family: 'Saira', sans-serif;
	font-weight:600;
	color:#73777A;
}
.page-numbers.current {
	color:#000;
}
.page-numbers .icon  {
	width: 1.5em;
	height: 1.5em;
}
/* banners */
.banner {
	position:relative;
	padding:40px 60px;
	margin-bottom:100px;
	border-radius:10px;
}
.banner.recaudacion {
	background:#212841;
}
.img-persona {
	position: absolute;
	height: 115%;
	width: auto;
	right: 0;
	top: -15%;
	bottom: 0;
	right: 8%;
}
/*menu*/
.nav-main {
	max-width:1300px;
	margin:0 auto;
}
.navbar-toggler:focus {
	box-shadow:none;
}
.navbar-toggler {
	border:0;
	color:#232323;
	padding-right:0;
}
.navbar-toggler .icon {
	color:#000;
	width: 1.6em;
	height:1.6em;
}
#main-menu .nav-link {
	font-size:18px;
	font-weight:500;
	color:var(--color-text);
	font-family: 'Quicksand', sans-serif;
}
#main-menu .nav-link.active {
	color:#3C3F40;
}
#main-menu .no-active .nav-link.active{
	color:#fff
}
#main-menu li.menu-item .nav-link:hover {
	color:#1C7DFF;
}
#main-menu li.menu-item {
	margin-right:20px;
}

#main-menu li.menu-item:last-child {
	margin-right:0px;
}
a.navbar-brand {
	margin-right: 3rem;
	width:auto;
}
a.navbar-brand  img {
	height: 35px;
	object-fit: contain;
	width: 216px;
}
.nav-sati {
	padding-bottom: 25px;
	padding-top: 25px;
}
/* menu drop */
#main-menu li.menu-item.dropdown.mega-menu  {
	position:static;
}
#main-menu li.menu-item.dropdown.mega-menu .dropdown-menu  {
	max-width: 1320px;
	left: 0;
	right: 0;
	margin:0 auto;
	border:0;
	padding-top:20px;
	padding-bottom:20px;
	border-top:2px solid var(--color-accent);
	border-bottom:2px solid var(--color-accent);
}
#main-menu li.menu-item.dropdown.mega-menu .menu-item {
	flex: 0 0 auto;
	width: 25%;
	margin-right:0;
	margin-bottom:15px;
}
#main-menu li.menu-item.dropdown.mega-menu .dropdown-menu.show {
	display:flex !important;
}

#main-menu li.menu-item.dropdown.mega-menu .dropdown-menu .dropdown-item  {
	white-space: break-spaces;
	border-radius:10px;
	display:flex;
	height:100%;
	padding-top:15px;
}
#main-menu li.menu-item.dropdown.mega-menu .dropdown-menu .dropdown-item .icono-solucion {
	width:30px;
	height:30px;
	flex-shrink:0;
	margin-right:10px;
}
#main-menu li.menu-item.dropdown.mega-menu .dropdown-menu .dropdown-item .icono-solucion img {
	width:100%;
	height:100%;
	object-fit:contain;
}
#main-menu li.menu-item .nav-link p {
	display:none;
}
#main-menu li.menu-item.dropdown.mega-menu .dropdown-menu .dropdown-item p  {
	font-size: 13px;
	line-height: 1.4em;
}
#main-menu li.menu-item.dropdown.mega-menu .dropdown-menu .dropdown-item.active , #main-menu li.menu-item.dropdown.mega-menu .dropdown-menu .dropdown-item:hover  {
	background:var(--color-accent);
	color:var(--color-text);
}
#main-menu li.menu-item.dropdown.mega-menu .dropdown-menu .dropdown-item:hover span , #main-menu li.menu-item.dropdown.mega-menu .dropdown-menu .dropdown-item.active span  {
	color:var(--color-black);
}
#main-menu li.menu-item.dropdown.mega-menu .dropdown-menu span {
	display:block;
	margin-bottom:5px;
	font-weight:500;
}
/* 7 contact forms */
.content-form .wpcf7-not-valid {
	border:1px solid #F44A4A;
}
.content-form .wpcf7-not-valid-tip {
	display:none !important;
}
.wpcf7-spinner , .wpcf7-not-valid-tip {
	display:none !important;
}

input[type="text"] , input[type="email"] , input[type="tel"]{
	border-radius:10px;
	border:2px solid var(--color-accent);
	padding: 12px 20px;
	color:#929A9F;
	font-size:16px;
	font-weight:300;
	width:100%;
	margin-bottom:20px;
	outline:none;
}
input[type="text"]:focus , input[type="email"]:focus , input[type="tel"]:focus , textarea:focus {
	border:2px solid var(--color-secondary);
}
.wpcf7-not-valid {
	border:2px solid #dc3232 !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border:0; !important
}
	textarea {
	border-radius:10px;
	border:2px solid var(--color-accent);
	padding: 12px 20px;
	color:#929A9F;
	font-weight:300;
	font-size:18px;
	width:100%;
	margin-bottom:10px;
	height:150px;
	outline:none;
}
input[type="submit"] {
	background:transparent;
	color: #fff;
	font-family: 'Quicksand', sans-serif;
	font-weight: 700;
	font-size: 18px;
	border-radius: 6px;
	padding: 13px 30px;
	position: relative;
	overflow: hidden;
	border:0;
}
.btn-primary p {
	margin-bottom:0;
}
/* input[type="submit"]:hover {
box-shadow:-12px 12px 1px 1px #A0D35C;
} */


/*footer*/
footer {
	padding-top: 50px;
	padding-bottom: 30px;
}
footer .list-link a:hover {
	color: #0a58ca !important;
}
.line-footer {
	height:2px;
	background:var(--color-accent);
	border-radius:50%;
}
.title-list-footer {
	color: var(--color-black);
	font-size: 20px;
	margin-bottom: 15px;

}
.list-link {
	list-style: none;
	padding-left: 0;
	justify-content:end;
}
.list-link.rss {
	display: flex;
	align-items: center;
}
.list-link.rss li {
	margin: 10px;
}
.list-link.rss li:last-child {
	margin-right:0;
}
.list-link.rss li a {
	color: var(--color-black);
	display: inline-block;
} 
.list-link.rss li a .icon {
	width: 1.4em;
	height: 1.4em;
}

.list-link li {
	font-size: 18px;	
	margin-bottom:20px;
}
.list-link li a {
	color: var(--color-text);
}
.logo-footer {
	max-width:199px;
}
.min-btn-round {
	width: 48px;
	height: 48px;
	display: block;
	border-radius: 50%;
	padding:10px;
	background: var(--color-accent);
	margin-right: 20px;
	text-align: center;
}
.min-btn-round .icon {
	width: 1.5em;
	height: 1.5em;
}
.medios-pago {
	display:flex;	
}
.medios-pago li {
	padding-right:10px;
}
.min-link {
	font-size:12px;
	color:var(--color-text);
	text-decoration:underline;
	display:inline-block;
	width: auto;
}
.copy {
	color:var(--color-text);
	font-size:12px;
}
.bajada-logo {
	color: var(--color-text);
	font-size: 18px;
	margin-bottom:20px;
}

.link-interes {
	color: var(--color-black);
	font-size: 12px;
	text-align: center;
}
.link-interes a {
	margin-right: 8px;
	font-size: 12px;
	color: var(--color-black);
}

.footer-elinous {
	height: 30px;
	width: 100%;
	background: #262932;
}

.footer-elinous   img {
	height: 14px;
}
/* Single page */
.container-single {
	max-width:75ch;
	padding-top:100px;
	padding-bottom:100px;
}
.container-single p {
	line-height:2rem;
	margin-bottom: 2rem;
}
.container-single strong {
	color:var(--color-black);
}
.titulo-vista-blog {
	font-size:48px;
}
.img-visita-blog {
	margin-left: -75px;
	margin-right: -75px;
	margin-bottom: 50px;
	height: 430px;
	overflow: hidden;
}
.img-visita-blog img {
	width:100%;
	height:100%;
	object-fit:cover;
}
.compartir-rss {
	text-align:center;
	margin-top: 60px;
	margin-bottom: 60px;
}
.compartir-rss h2 {
	color:#212841;
	font-size:20px;
	font-weight:600;

}
.compartir-rss .rss {
	color:#C1C1C1;
	font-size:28px;
	margin-right:20px;
}
.compartir-rss .rss:hover {
	color:#1C7DFF;
}
/*Responsive*/
/* Small devices (landscape phones, 576px and up)*/
@media screen and (min-width: 320px) and (max-width: 768px) {
	footer  {
		padding-top: 50px;
		padding-bottom: 50px;	
	}
	.title-primary {
		font-size:38px;	
	}
	.titulo-vista-blog {
		font-size: 38px;
	}
	.content-article-outstanding {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.article-outstanding .title-article {
		font-size:32px;	
	}
	.article-outstanding .img-article {
		padding-bottom:0;
	}
	.bg-gris {
		margin-bottom:50px;
	}
	.article-outstanding .img-article {
		padding-bottom:20px;
	}
	.img-persona {
		display:none;
	}
	.article-outstanding {
		margin-bottom: 50px;
	}
	.banner {
		padding: 15px 25px;
		margin-bottom:50px;
	}
	.container-single {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.img-visita-blog {
		margin-left: -15px;
		margin-right: -15px;
		height: 300px;
	}
	.img-responsive {
		width:100%;	
	}
	.bg-solicitar {
		top:0;
/* 		transform: translate(92px, -25px); */
	}
	.title-xl {
		font-size:32px;
	}
	.pd-section {
		padding-top:40px;
		padding-bottom:40px;
	}
	.check-list li {
		padding-right:0;
		font-size:18px;
	}
	.bg-billetes {
		width:100%;
	}
	.chips-elinous {
		font-size: 20px;
	}
	.medios-pago img {
		height:18px;	
	}
	.nav-main {
		margin-left:15px;
		margin-right:15px;
	}
	.navbar-collapse .btn-clear ,  .navbar-collapse .btn-primary {
		font-size:14px;
	}
	#main-menu li.menu-item.dropdown.mega-menu .menu-item {
		width:100%;
	}
	.cat-list {
		padding-top:15px;
		display:block;	
	}
	.cat-list  li {
		margin-bottom:15px;
	}
	.accordion.accordion-preguntas .accordion-button {
		font-size:18px;
	}
	.list-link{
		justify-content:start;
	}
	.list-link li:first-child {
		margin-left:0;
	}
}

/* Medium devices (tablets, 768px and up)*/
@media screen and (min-width: 768px) and (max-width: 991px) {
	
}

/* Large devices (desktops, 992px and up)*/
@media screen and (min-width: 992px) and (max-width: 1199px) {
}
/* Extra large devices (large desktops, 1200px and up)*/
@media screen and (min-width: 1367px) {
}