/**************************************************************/
/* 	Archivo: style.css   
/* 	Creado para: https://nyda.mx:443/   
/* 	Creado en: Desarrollado en: NyDa Development tool 5.1 http://www.nyda.mx   
/* 	Creado por: Durrutia   
/**************************************************************/
.contact-user{
	display:flex;
	gap:20px;
	flex-wrap: wrap;
}
.analysis-card{
    max-width:360px;
    border-radius:18px;
    padding:28px;
    background:linear-gradient(180deg,#0f2f7d,#08285e);
    color:#FFF;
    svg{
    	fill:#FFF;
    }
}

@media (max-width: 800px) {
	.analysis-card{
		height:250px;
		overflow-y:auto;
		max-width:none;
		scrollbar-color: var(--color-scroll-thumb) var(--color-scroll-track);
    		scrollbar-width: thin;
	}
}
.form-cards{
	h3{
		display:flex;
		align-items: center;
		svg{
			fill:var(--color-primary);
		}
	}
	form{
	}
}
.analysis-card h3{
    margin:0 0 30px;
    font-size:28px;
    display:flex;
    gap:12px;
    color:#FFFFFF;
}

.analysis-item{
    display:flex;
    gap:18px;
    align-items:flex-start;
    margin:18px 0;
}

.analysis-icon{
    min-width:46px;
    height:46px;
    border-radius:50%;
    background:rgba(0,180,255,.08);
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:24px;
}

.analysis-info label{
    display:block;
    font-weight:bold;
    color:#7ad7ff;
    margin-bottom:5px;
}

.analysis-info span{
    color:white;
    line-height:1.45;
}

.separator{
    height:1px;
    background:rgba(255,255,255,.15);
    margin:18px 0;
}

.analysis-score{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.score-circle{
    width:100px;
    height:100px;
    position:relative;
}

.score-circle svg{
    transform:rotate(-90deg);
}

.score-circle circle{
    fill:none;
    stroke-width:8;
}

.score-circle .bg{
    stroke:#335ea9;
}

.score-circle .progress{
    stroke:#2fd0ff;
    stroke-linecap:round;
    stroke-dasharray:314;
}

.score-circle div{
    position:absolute;
    inset:0;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:24px;
    font-weight:bold;
}

.analysis-footer{
    margin-top:28px;
    padding:18px;
    border:1px solid rgba(80,180,255,.25);
    border-radius:10px;
    background:rgba(255,255,255,.04);
    color:#bfe8ff;
    line-height:1.6;
    font-size:0.8em;
}