/* ========================================================= */
/* ========  TEXTO: titulos y parrafos   =================== */
/* ========================================================= */
.title-1 {font-size: 48px; font-size: 3rem; font-weight: 700; line-height: 1.2; margin-bottom: .5rem;} 
.title-2 {font-size: 40px; font-size: 2.5rem; font-weight: 700; line-height: 1.2; margin-bottom: .5rem;} 
.title-3 {font-size: 36px; font-size: 2.25rem; font-weight: 700; line-height: 1.2; margin-bottom: .5rem;} 
.title-4 {font-size: 28px; font-size: 1.75rem; font-weight: 700; line-height: 1.2; margin-bottom: .5rem;} 
.title-5 {font-size: 20px; font-size: 1.25rem; font-weight: 700; line-height: 1.2; margin-bottom: .5rem;} 
.title-6 {font-size: 16px; font-size: 1rem; font-weight: 700; line-height: 1.2; margin-bottom: .5rem;}

.text-1 {font-size: 28px; font-size: 1.75rem; font-weight: 400; line-height: 1.5; margin-bottom: 1rem;} 
.text-2 {font-size: 24px; font-size: 1.5rem; font-weight: 400; line-height: 1.5; margin-bottom: 1rem;} 
.text-3 {font-size: 21px; font-size: 1.3125rem; font-weight: 400; line-height: 1.5; margin-bottom: 1rem;} 
.text-4 {font-size: 17px; font-size: 1.0625rem; font-weight: 400; line-height: 1.5; margin-bottom: 1rem;} 
.text-5 {font-size: 16px; font-size: 1rem; font-weight: 400; line-height: 1.5; margin-bottom: 1rem;} 
.text-6 {font-size: 14px; font-size: 0.875rem; font-weight: 400; line-height: 1.5; margin-bottom: 1rem;}


@media only screen and (max-width: 480px) {
	.title-1, .title-2, .title-3, .title-4, .title-5, .title-6, .text-1, .text-2, .text-3, .text-4, .text-5, .text-6 {width: auto; margin-left: 16px; margin-right: 16px; margin-bottom: 8px;}

}

@media only screen and (min-width: 481px) and (max-width: 768px) {
	.title-1, .title-2, .title-3, .title-4, .title-5, .title-6, .text-1, .text-2, .text-3, .text-4, .text-5, .text-6 {width: auto; margin-left: 36px; margin-right: 36px; margin-bottom: 8px;}

}


.c-card-action {display: flex;position: relative; width: 25%;}
.c-card-action:hover {opacity: .85}
.c-card-action-body {min-height: 170px; border: 1px solid #0070c9; border-radius: 10px; border-top: 10px solid #0070c9;}
.c-card-action__title {font-size: 15px; font-weight: 600; margin: 8px 8px 0 8px; color: #0070c9}


@media only screen and (max-width: 480px) {
	.c-card-action {width: 100%;}

}

@media only screen and (min-width: 481px) and (max-width: 768px) {
	.c-card-action {width: 50%;}
}