:root {
	--text: #3f4238;
	--text-secondary: #193860;
	--color1: #cb1762;
	--bg1: #eff1e9;
}

body {
	font-family: 'Encode Sans', sans-serif;
	color: var(--text-secondary);
}

.navbar {
	background-color: #FFF;
}

.navbar-brand img {
	width: 12rem;
}

.nav-link {
	color: var(--text-secondary);
}
.nav-link.nav-ico{
	background-color: var(--text-secondary);
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 .25rem;
}
.ico {
	width: 24px;
	height: 24px;
	fill:#FFF;
}

.btn {
	text-transform: uppercase;
	border: 1px solid var(--text-secondary);
	transition: transform .3s cubic-bezier(.5, 2.5, .7, .7), box-shadow .3s cubic-bezier(.5, 2.5, .7, .7);
}

.btn:hover {
	border: 2px solid var(--text-secondary);
	box-shadow: 0 0 0 0.0625rem #101a28, 0 0.575em 0 0 #101a28;
	box-shadow: 0 0 0 var(--stroke-width, 0) var(--bg-boxshadow, #101a28), 0 var(--animation-depth, .375em) 0 0 var(--bg-boxshadow, #101a28);
	transform: translateY(-0.575em);
	transform: translateY(calc(var(--animation-depth, .375em)*-1));
}
.btn-link, .btn-link:hover{
	color: var(--text-secondary);
	text-decoration: none;
}

label {
	font-weight: 700;
}

.main-rut {
	padding: 2rem 0;
	background-color: var(--bg1);
}

.main-rut h1 {
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--text-secondary);
}

.c-rut {
	text-align: center;
}

.c-rut .form-control {
	width: 100%;
	margin: auto;
	border: 0;
}

@media (min-width: 576px) {
	.navbar-brand img {
		width: 20rem;
	}
}

@media (min-width: 768px) {}

.content-login {
	max-width: 380px;
	margin: auto;
}

.c-carga {
	text-align: center;
}

.lds-ring {
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	margin: 8px;
	border: 8px solid var(--color1);
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: var(--color1) transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}

@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.c-res-cajas {
	padding: 1rem 0;
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	flex-wrap: wrap;
}

.c-res-cajas div {
	padding: 1rem 1.5rem;
	margin-bottom: 1rem;
	background: url("../img/iconos/x.svg") right 1.5rem center no-repeat;
	background-size: 24px auto;
	background-color: #FFF;
	border-radius: 3rem;
	width: calc(50% - 1rem);
}

.c-res-cajas img {
	width: 80px;
	height: auto;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	opacity: .4;
}

.c-res-cajas .ok {
	border-color: #8edc76;
	background: url("../img/iconos/check.svg") right 1.5rem center no-repeat;
	background-size: 24px auto;
	background-color: #FFF;
}

.c-res-cajas .ok img {
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
	opacity: 1;
}

.pie {
	color: var(--text-secondary);
	padding: 3rem 0;
}

.pie .container {
	text-align: center;
}

.pie img {
	width: 160px;
	height: auto;
	margin-bottom: 2rem;
}

.text-info {
	font-size: .875rem;
}

.c-mail{
	padding: 0.75rem 1.5rem 1rem 1.5rem;
	background-color: #FFF;
    font-size: .875rem;
	border-radius: 2rem;
	margin-bottom: 1rem;
}

/* Bloque cargado */
.content-loaded {
	background-color: #f8f8f8;
	padding: 3rem 0;
	text-align: center;
}
.content-loaded .container{
	background-image: url("../img/iconos/bg-lines.svg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.c-img img{
	max-width: 40%;
	margin-bottom: 2rem;
}

.tt-secc {
	font-size: 1rem;
	color: var(--text-secondary);
}
@media (min-width: 576px){
	.content-loaded .container{
		display: flex;
	}
	.c-img{
		width: 50%;
		flex-shrink: 0;
		text-align: right;
	}
	.c-img img{		
		width: 100%;
		max-width: 380px;
		height: auto;
	}
	.c-info{
		text-align: left;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: flex-start;
	}
}

/* me sirve */
/* bcf8e9 */
.me-sirve{
	padding: 3rem 0;
	background: url('data:image/svg+xml,<svg width="100%" height="100%" viewBox="0 0 50 50" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g id="Mesa-de-trabajo1" serif:id="Mesa de trabajo1" transform="matrix(0.041849,0,0,0.0300244,66.9126,-116.776)"><rect x="-1598.9" y="3889.38" width="1194.77" height="1665.31" style="fill:none;"/><g transform="matrix(17.1011,23.2626,-16.6896,23.8361,-937.341,5449.25)"><path d="M0,-16.154C-0.962,-19.554 -3.836,-22.139 -7.352,-22.81C-10.29,-23.37 -14.09,-22.763 -17.191,-17.822C-20.293,-22.763 -24.093,-23.37 -27.031,-22.81C-30.547,-22.139 -33.421,-19.554 -34.383,-16.154C-35.776,-11.232 -32.333,-7.553 -31.078,-6.411C-30.629,-6.002 -30.185,-5.589 -29.753,-5.163L-17.191,7.216L-4.63,-5.163C-4.198,-5.589 -3.754,-6.002 -3.305,-6.411C-2.05,-7.553 1.393,-11.232 0,-16.154" style="fill:none;fill-rule:nonzero;stroke:rgb(188,248,233);stroke-width:2px;"/></g></g></svg>');
	background-size: 70px 70px;
	background-color: #d3fff3;
	
}
.me-sirve .tt{
	font-size: 1.5rem;
	display: inline-block;
	color: var(--text-secondary);
	background-color: #FFF;
	padding: .25rem 1rem;
	border-radius: 1rem;
	margin-bottom: 1.5rem;
}
.card{
	--bs-card-border-radius: 1rem;
	--bs-card-inner-border-radius: 0;
	border-top-left-radius: 0;
    border-top-right-radius: 0;
	border: 0;
	box-shadow: 0px 15px 10px rgba(65, 146, 125, 0.2);
	margin-bottom: 1.5rem;
}
.me-sirve .card-img-top {
	height: auto; /* width/height del img solo fijan la proporcion */
}
.card-img, .card-img-top {
    border-top-left-radius: var(--bs-card-inner-border-radius);
    border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-title{
	font-size: 1.25rem;
	color: var(--text-secondary);
	font-weight: 600;
}
.card-text{
	font-size: .875rem;
	line-height: 1.25rem;
	font-weight: 400;
}
.btn-card{
	font-size: .875rem;
	color: var(--text-secondary);
	background-color: #1abc93;
	text-decoration: none;
	border-radius: 1rem;
	padding: .5rem 1.25rem;
}
@media (min-width: 576px){
	.card{
		margin-bottom: 0;
	}
}

.heart-follow{
	width: 300px;
	height: 300px;
	background: url("../img/iconos/heart-follow.svg") no-repeat center;
	background-size: contain;
	margin: auto;
	display: flex;
	align-items: center;
	flex-direction: column;
	padding-top: 5.5rem;
	gap: 1rem;
	font-size: 1.25rem;
}
.follow-icons {
	display: flex;
	gap: 1rem;
}
.follow-icons svg{
	fill: var(--text-secondary);
	width: 24px;
	height: 24px;
}


.mi-popover {
	--bs-popover-max-width: 200px;
	--bs-popover-body-padding-x: .5rem;
	--bs-popover-body-padding-y: .25rem;
	border-radius: .5rem;
}

.popover-body {
	font-size: .75rem;
	color: #b13939;
}
/* Caja que no respondio: icono de alerta en vez de la X y aviso bajo la grilla (sin popover) */
.c-res-cajas .error {
	background: url("../img/iconos/alerta.svg") right 1.5rem center no-repeat;
	background-size: 24px auto;
	background-color: #FFF8E6;
	box-shadow: inset 0 0 0 1px #F2C25C;
}

.aviso-cajas-error {
	display: flex;
	gap: .5rem;
	align-items: flex-start;
	margin: 0 0 1rem;
	padding: .75rem 1rem;
	border-radius: 1rem;
	background: #FFF8E6;
	border: 1px solid #F2C25C;
	color: #7A4A00;
	text-align: left;
}

.aviso-cajas-error img {
	width: 20px;
	height: 20px;
	flex: 0 0 auto;
	margin-top: 2px;
}