/*inicial*/
/*header*/
header{position: absolute; background: var(--bg-claro); opacity: 1;box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.3);}
.sticky{background:var(--bg-claro);}
.button_crea{ background:var(--color1); color: var(--title-bg-claro); border-color:rgba(0, 0, 0, 0.35); }
.button_crea:hover{background:var(--color1);}
.button_login{ background:var(--color2); color: var(--title-bg-oscuro);border-color:rgba(0, 0, 0, 0.35); }
.button_login:hover{background:var(--color2);}

/*hero*/
.principal_ban{ background: linear-gradient(360deg, var(--dif-bg-claro), var(--resalto), var(--dif-bg-oscuro));}
.principal_ban{ background-image: url(../../inicial/bghero.jpg); background-position: bottom; background-size: cover;}
.principal_ban:after{border: 4px solid var(--color2);}
.principal_ban:before, .principal_ban:after{ content:none; }

.contenido_principal{margin-top: 80px; align-items: center; padding: 60px 20px}
.contenido_principal figure{ max-height:none; }
.contenido_principal article h1{margin-bottom: 20px}
.contenido_principal article p{font-size: 1.5rem}

/*proceso*/

.proceso-content.create, .proceso-content.design, .proceso-content.share{background-position: center;}

.proceso-content{ width: 25%; aspect-ratio: 9 / 16}
.proceso-content h1{text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);}
.proceso-content.center article{ width: 80%}
.proceso-content.publish h1{ color:var(--color1); }
.proceso-content.publish p, .proceso-content.design p{ color: var(--text-bg-claro);}
.proceso-content.publish a, .proceso-content.design a{ color: var(--resalto-bg-claro); border-color: var(--resalto-bg-claro);}
.proceso-content.publish a:hover, .proceso-content.design a:hover{ background: var(--resalto-bg-claro); color:var(--title-bg-oscuro); }

.proceso-content.design h1{ color:var(--color2); }
.proceso-content.create:before,.proceso-content.share:before{background: var(--resalto-bg-claro); opacity: 0.75}
.proceso-content.publish:before,.proceso-content.design:before{ background:var(--bg-claro); opacity: 0.75}
@media (max-width: 1024px) {
	.proceso-content{ width: 50%; aspect-ratio: 1 / 1}
}
@media (max-width: 767px) {
	.proceso-content{ width: 100%}
}
/*publitv*/

.info_izq figure::before, .info_der figure::before, .info_izq figure::after, .info_der figure::after{content: none}
.info_izq figure, .info_der figure{border-radius: 20%; box-shadow: 0 50px 20px -40px rgba(0, 0, 0, 0.5);}
.info_izq::after, .info_der::after{content: none}

/*commentarios*/
.comment-container::before, .comment-container::after{content: none}

.slick-dots li button:before{color:var(--color2); }
.slick-dots li.slick-active button:before{color:var(--color1);}

/*footer*/
.footer-distributed{ background:var(--bg-oscuro); }

.footer-distributed .footer-icons a{ background:var(--color2); }
.footer-distributed .footer-center i{ background:var(--color2); }


/*planes*/
.cards_p{ background: linear-gradient(360deg, var(--dif-bg-claro), var(--resalto), var(--dif-bg-oscuro));}
.cards_p{ background-image: url(../../inicial/bghero.jpg); background-position: bottom; background-size: cover;}
.cards_p:before{content: none}
.cards_p figure{border-color: var(--color2);}
.cards_p article{border-color: var(--dif-bg-oscuro);}
.button_regular{background: var(--color2);}
.form-promocional button{background: var(--color2);}
/*creasitio*/
.containerx:before{content: none;}
.containerx{ background: linear-gradient(360deg, var(--dif-bg-claro), var(--resalto), var(--dif-bg-oscuro));}
.containerx{ background-image: url(../../inicial/bghero.jpg); background-position: bottom; background-size: cover;}
.iconintro{ border-color:var(--color2); }
.submit{background: var(--color2) !important;}