/* Google Web Fonts */        
@import url('https://fonts.googleapis.com/css2?family=Marck+Script&family=Titillium+Web:wght@300&display=swap');
*{
	font-family: 'Titillium Web', sans-serif;
}
/* ====Fin Google Web Fonts ====*/

.card-cabecera-circulo {
	width: 12rem;
	height: 12rem;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.bg-verde{
	background: #12E301;
}

.bg-naranja1{
	background:#e6c134;
}

.bg-naranja2{
	background: #e9a02d;
}

.bg-naranja3{
	background: #ee7a23;
}

.fc-naranja2{
	color: #e9a02d;
}

.fc-naranja3{
	color: #ee7a23;
}

.card-cuerpo-rectangulo {
	width: 100%;
	height: 8rem;
	padding: 20px;
	background:#f6ead2;
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

.contenedor-img-zoom .img-zoom{
	-webkit-transition:all .9s ease; /* Safari y Chrome */
	-moz-transition:all .9s ease; /* Firefox */
	-o-transition:all .9s ease; /* IE 9 */
	-ms-transition:all .9s ease; /* Opera */
	width:100%;
}

.contenedor-img-zoom:hover .img-zoom{
	-webkit-transform:scale(1.25);
	-moz-transform:scale(1.25);
	-ms-transform:scale(1.25);
	-o-transform:scale(1.25);
	transform:scale(1.25);
}

.contenedor-img-zoom {overflow:hidden;}

.card-borde:hover {
	border: 1px solid #ee7a23;
}


/***************************************/
/*Inicio contenedor de carga Full*/
/***************************************/
.container-loader-full{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1060;
    width: 100vw;
    height: 100vh;
    background-color:rgba(250, 240, 245, 0.9);    
    /*-webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;*/
}

.loader-full-hidden {
	display: none;
    /*visibility: hidden;
    opacity: 0;*/
}

.loader-full{
    border: 15px solid #ccc;
    border-top-color: #70C800;
    border-top-style: groove;
    height: 100px;
    width: 100px;
    border-radius: 100%;

    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-animation: girar 1.5s linear infinite;
    -o-animation: girar 1.5s linear infinite;
    animation: girar 1.5s linear infinite;
}

@keyframes girar{
    from{transform: rotate(0deg);}
    to{transform: rotate(360deg);}
}
/***************************************/
/*Fin contenedor de carga Full*/
/***************************************/

/*Botones*/
.btn-verde{
	color: #ffffff;
	background-color: #40ba37;
  }
.btn-verde:focus, .btn-verde:hover{
	color: #ffffff;
    background-color: #1c8314;
    border-color: #40ba37;
}